/* CTC Separate Stylesheet Updated: 2022-05-11 17:36:55 Theme Name: Divi Child Theme URI: http://www.elegantthemes.com/gallery/divi/ Template: Divi Author: Elegant Themes Author URI: http://www.elegantthemes.com Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection. Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready Version: 4.9.4.1652308615 */ /*Nuevos estilos*/ body.page-id-7598 { background: #f7f7fd; } body.page-id-7598 .titulo_conferencia h1 strong { display: block; } body.page-id-7598 div#formulario_principal > div { padding-top: 15px; } body.page-id-7598 div#formulario_principal .et_pb_text_inner { background: rgba(255, 255, 255, 0.4); border-radius: 19px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%; left: 50%; transform: translateX(-50%); text-align: center; padding-top: 29px; } body.page-id-7598 body.page-id-7598 div#banner_metaverso { padding-top: 0px; } body.page-id-7598 div#formulario_principal h3 strong { display: block; } body.page-id-7598 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%; padding: 0px 7px; margin-bottom: 0px; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; } body.page-id-7598 .titulo_conferencia h1 strong { display: block; } body.page-id-7598 div#formulario_principal > div { padding-top: 15px; } body.page-id-7598 div#formulario_principal .et_pb_text_inner { border-radius: 42px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%;left: 50%;transform: translateX(-50%); text-align: center; padding-top: 35px; overflow: hidden !important; padding-bottom: 21px; } body.page-id-7598 body.page-id-7598 div#banner_metaverso { padding-top: 0px; } body.page-id-7598 div#formulario_principal h3 strong { display: block; } body.page-id-7598 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%;padding: 0px 12px; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; text-align: left !important; height: 46px; padding-top: 32px; padding-bottom: 10px; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label { color: #213a81 !important; text-align: left;font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 400; opacity: 1 !important; font-size: 12px !important; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label span.b24-form-control-required { color: #4668fc !important; } body.page-id-7598 .b24-form-control-alert .b24-form-control-alert-message { background: #4263ef; } body.page-id-7598 .b24-form-control-alert-message:after { border: 3px solid #4263ef !important; border-top-color: transparent !important; border-right-color: transparent !important; } body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field.b24-form-field-string.b24-form-control-string:nth-child(1) { width: 100%; } body.page-id-7598 .b24-form-wrapper.b24-form-border-bottom { border: 0px !important; background: rgba(0, 0, 0, 0); } body.page-id-7598 button.b24-form-btn { background: linear-gradient(70deg, #4668fc, #223e8b); border-radius: 27px; padding: 10px !important; height: 41px !important; min-height: 0px; line-height: 1; border: 1px solid #223e8b; } body.page-id-7598 button.b24-form-btn:hover { color: #223e8b; background: rgba(0, 0, 0, 0); } body.page-id-7598 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement { width: 100% !important; text-align: left; } body.page-id-7598 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link { color: #254195; opacity: 1 !important; font-weight: 500 !important; text-decoration: none; } body.page-id-7598 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link:hover { color: #000; } body.page-id-7598 #banner_metaverso .fluid-width-video-wrapper { display: none; } body.page-id-7598 .phone_svg { position: absolute; top: 1%; width: 110px; z-index: 99; left: 0px !important; } body.page-id-7598 .velocimetro_svg { position: absolute; top: -20px; right: 32px; width: 110px; z-index: 999; } div#img_celular img { width: 583px; height: auto; max-width: 583px; } body.page-id-7598 .video_svg { position: absolute; top: 50%; width: 110px; right: 26px; z-index: 999; } /*body.page-id-7598 a#boton_ver_speakers { letter-spacing: 0px !important; border-radius: 50% !important; width: 110px !important; height: 110px !important; line-height: 1.2 !important; text-align: center !important; padding: 35px 5px !important; background: linear-gradient(160deg, #ffffff, #acacc6) !important; color: #0843ef !important; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important; box-shadow: 0px 0px 0px 0px rgb(249 44 139 / 40%) !important; animation: floating 5s linear 2s infinite; font-size: 18px !important; box-shadow: 2px 14px 20px 3px rgb(0 0 0 / 57%) !important; }*/ /*body #page-container .et_pb_section #boton_ver_speakers:hover { letter-spacing: 0px!important; background: linear-gradient(70deg, #4668fc, #223e8b) !important; color: #fff !important; } body #page-container .et_pb_section #boton_ver_speakers:after { content: '' !important; }*/ body.page-id-7598 .phone_svg img, .video_svg img, .velocimetro_svg img { animation: floating 5s linear 2s infinite; } .speakers_1, div#speakers_2 { padding-top: 124px !important; } .titulo_speakers.et_pb_text_align_left { transform: translateY(116px); } @keyframes floating{ 0%{transform:translateY(0px)} 50%{transform:translateY(20px)} 100%{transform:translateY(0px)} } @-webkit-keyframes floating { 0%{transform:translateY(0px)} 50%{transform:translateY(20px)} 100%{transform:translateY(0px)} } @-moz-keyframes animacion1 { 0%{transform:translateY(0px)} 50%{transform:translateY(20px)} 100%{transform:translateY(0px)} } body.page-id-7598 div#bg_blue { position: absolute; bottom: 0px; right: 0px; height: 100%; width: 150%; z-index: -1; } body.page-id-7598 div#banner_metaverso { min-height: 0px !important; } body.page-id-7598 div#banner_metaverso { margin-bottom: 0px !important; position: relative; } body.page-id-7598 div#formulario_principal { z-index: 9999; position: relative; } body.page-id-7598 .contenido_banner { z-index: 999; } body.page-id-7598 .b24-form-content.b24-form-padding-side { background: transparent !important; } body.page-id-7598 div#banner_metaverso { overflow: hidden; } body.page-id-7598 .banner_div { position: relative; } body.page-id-7598 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper, body.page-id-7598 .banner_div .et_pb_button_module_wrapper.et_pb_button_1_tb_body_wrapper { position: absolute; bottom: 55px; z-index: 999; left: 37% !important; right: inherit !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } body.page-id-7598 .banner_img { right: 0px; width: auto; height: 664px; bottom: 0px; max-width: 700px; margin: 0px !important; padding: 0px !important; position: relative; } body.page-id-7598 .banner_img img { width: auto;height: 700px; max-width: 700px; bottom: 0px; right: 95px; position: relative; z-index: 1; } .chat_svg { position: absolute; top: -179px; width: 150px; left: -9px; z-index: 999; } .mensaje_svg {position: absolute; top: -330px; width: 150px; left: 78px; z-index: 999; } .chat_svg img, .mensaje_svg img { animation: floating 5s linear 2s infinite; } body.page-id-7598 .speakers_1 img, #speakers_2 img { width: 80%; display: block; margin: 0 auto; } body.page-id-7598 div#bg_white { margin-top: -307px; } body.page-id-7598 .img_back:hover { transform: translateY(-15px); } body.page-id-7598 .img_back { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } div#img_celular {margin-top: -268px;} /*Puntos banner*/ .circle-container { position: absolute; -webkit-transform: translateY(-10vh); transform: translateY(-10vh); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .circle-container .circle { width: 100%; height: 100%; border-radius: 50%; mix-blend-mode: screen; background-image: radial-gradient(#3858d0, #3858d0 10%, rgba(153, 255, 255, 0) 56%); -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite; animation: fadein-frames 200ms infinite, scale-frames 2s infinite; } @-webkit-keyframes fade-frames { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes fade-frames { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } @-webkit-keyframes scale-frames { 0% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } 50% { -webkit-transform: scale3d(2.2, 2.2, 1); transform: scale3d(2.2, 2.2, 1); } 100% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } } @keyframes scale-frames { 0% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } 50% { -webkit-transform: scale3d(2.2, 2.2, 1); transform: scale3d(2.2, 2.2, 1); } 100% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } } .circle-container:nth-child(1) { width: 4px; height: 4px; -webkit-animation-name: move-frames-1; animation-name: move-frames-1; -webkit-animation-duration: 31629ms; animation-duration: 31629ms; -webkit-animation-delay: 16888ms; animation-delay: 16888ms; } @-webkit-keyframes move-frames-1 { from { -webkit-transform: translate3d(95vw, 105vh, 0); transform: translate3d(95vw, 105vh, 0); } to { -webkit-transform: translate3d(17vw, -109vh, 0); transform: translate3d(17vw, -109vh, 0); } } @keyframes move-frames-1 { from { -webkit-transform: translate3d(95vw, 105vh, 0); transform: translate3d(95vw, 105vh, 0); } to { -webkit-transform: translate3d(17vw, -109vh, 0); transform: translate3d(17vw, -109vh, 0); } } .circle-container:nth-child(1) .circle { -webkit-animation-delay: 3101ms; animation-delay: 3101ms; } .circle-container:nth-child(2) { width: 6px; height: 6px; -webkit-animation-name: move-frames-2; animation-name: move-frames-2; -webkit-animation-duration: 29829ms; animation-duration: 29829ms; -webkit-animation-delay: 28802ms; animation-delay: 28802ms; } @-webkit-keyframes move-frames-2 { from { -webkit-transform: translate3d(34vw, 108vh, 0); transform: translate3d(34vw, 108vh, 0); } to { -webkit-transform: translate3d(81vw, -134vh, 0); transform: translate3d(81vw, -134vh, 0); } } @keyframes move-frames-2 { from { -webkit-transform: translate3d(34vw, 108vh, 0); transform: translate3d(34vw, 108vh, 0); } to { -webkit-transform: translate3d(81vw, -134vh, 0); transform: translate3d(81vw, -134vh, 0); } } .circle-container:nth-child(2) .circle { -webkit-animation-delay: 2865ms; animation-delay: 2865ms; } .circle-container:nth-child(3) { width: 6px; height: 6px; -webkit-animation-name: move-frames-3; animation-name: move-frames-3; -webkit-animation-duration: 31166ms; animation-duration: 31166ms; -webkit-animation-delay: 26856ms; animation-delay: 26856ms; } @-webkit-keyframes move-frames-3 { from { -webkit-transform: translate3d(52vw, 108vh, 0); transform: translate3d(52vw, 108vh, 0); } to { -webkit-transform: translate3d(41vw, -133vh, 0); transform: translate3d(41vw, -133vh, 0); } } @keyframes move-frames-3 { from { -webkit-transform: translate3d(52vw, 108vh, 0); transform: translate3d(52vw, 108vh, 0); } to { -webkit-transform: translate3d(41vw, -133vh, 0); transform: translate3d(41vw, -133vh, 0); } } .circle-container:nth-child(3) .circle { -webkit-animation-delay: 3469ms; animation-delay: 3469ms; } .circle-container:nth-child(4) { width: 7px; height: 7px; -webkit-animation-name: move-frames-4; animation-name: move-frames-4; -webkit-animation-duration: 31210ms; animation-duration: 31210ms; -webkit-animation-delay: 3816ms; animation-delay: 3816ms; } @-webkit-keyframes move-frames-4 { from { -webkit-transform: translate3d(29vw, 101vh, 0); transform: translate3d(29vw, 101vh, 0); } to { -webkit-transform: translate3d(47vw, -103vh, 0); transform: translate3d(47vw, -103vh, 0); } } @keyframes move-frames-4 { from { -webkit-transform: translate3d(29vw, 101vh, 0); transform: translate3d(29vw, 101vh, 0); } to { -webkit-transform: translate3d(47vw, -103vh, 0); transform: translate3d(47vw, -103vh, 0); } } .circle-container:nth-child(4) .circle { -webkit-animation-delay: 3947ms; animation-delay: 3947ms; } .circle-container:nth-child(5) { width: 3px; height: 3px; -webkit-animation-name: move-frames-5; animation-name: move-frames-5; -webkit-animation-duration: 32610ms; animation-duration: 32610ms; -webkit-animation-delay: 12936ms; animation-delay: 12936ms; } @-webkit-keyframes move-frames-5 { from { -webkit-transform: translate3d(20vw, 104vh, 0); transform: translate3d(20vw, 104vh, 0); } to { -webkit-transform: translate3d(76vw, -131vh, 0); transform: translate3d(76vw, -131vh, 0); } } @keyframes move-frames-5 { from { -webkit-transform: translate3d(20vw, 104vh, 0); transform: translate3d(20vw, 104vh, 0); } to { -webkit-transform: translate3d(76vw, -131vh, 0); transform: translate3d(76vw, -131vh, 0); } } .circle-container:nth-child(5) .circle { -webkit-animation-delay: 554ms; animation-delay: 554ms; } .circle-container:nth-child(6) { width: 3px; height: 3px; -webkit-animation-name: move-frames-6; animation-name: move-frames-6; -webkit-animation-duration: 36741ms; animation-duration: 36741ms; -webkit-animation-delay: 16650ms; animation-delay: 16650ms; } @-webkit-keyframes move-frames-6 { from { -webkit-transform: translate3d(40vw, 102vh, 0); transform: translate3d(40vw, 102vh, 0); } to { -webkit-transform: translate3d(6vw, -117vh, 0); transform: translate3d(6vw, -117vh, 0); } } @keyframes move-frames-6 { from { -webkit-transform: translate3d(40vw, 102vh, 0); transform: translate3d(40vw, 102vh, 0); } to { -webkit-transform: translate3d(6vw, -117vh, 0); transform: translate3d(6vw, -117vh, 0); } } .circle-container:nth-child(6) .circle { -webkit-animation-delay: 2052ms; animation-delay: 2052ms; } .circle-container:nth-child(7) { width: 8px; height: 8px; -webkit-animation-name: move-frames-7; animation-name: move-frames-7; -webkit-animation-duration: 32297ms; animation-duration: 32297ms; -webkit-animation-delay: 33610ms; animation-delay: 33610ms; } @-webkit-keyframes move-frames-7 { from { -webkit-transform: translate3d(76vw, 109vh, 0); transform: translate3d(76vw, 109vh, 0); } to { -webkit-transform: translate3d(23vw, -117vh, 0); transform: translate3d(23vw, -117vh, 0); } } @keyframes move-frames-7 { from { -webkit-transform: translate3d(76vw, 109vh, 0); transform: translate3d(76vw, 109vh, 0); } to { -webkit-transform: translate3d(23vw, -117vh, 0); transform: translate3d(23vw, -117vh, 0); } } .circle-container:nth-child(7) .circle { -webkit-animation-delay: 347ms; animation-delay: 347ms; } .circle-container:nth-child(8) { width: 6px; height: 6px; -webkit-animation-name: move-frames-8; animation-name: move-frames-8; -webkit-animation-duration: 30947ms; animation-duration: 30947ms; -webkit-animation-delay: 16143ms; animation-delay: 16143ms; } @-webkit-keyframes move-frames-8 { from { -webkit-transform: translate3d(6vw, 107vh, 0); transform: translate3d(6vw, 107vh, 0); } to { -webkit-transform: translate3d(42vw, -135vh, 0); transform: translate3d(42vw, -135vh, 0); } } @keyframes move-frames-8 { from { -webkit-transform: translate3d(6vw, 107vh, 0); transform: translate3d(6vw, 107vh, 0); } to { -webkit-transform: translate3d(42vw, -135vh, 0); transform: translate3d(42vw, -135vh, 0); } } .circle-container:nth-child(8) .circle { -webkit-animation-delay: 492ms; animation-delay: 492ms; } .circle-container:nth-child(9) { width: 1px; height: 1px; -webkit-animation-name: move-frames-9; animation-name: move-frames-9; -webkit-animation-duration: 31436ms; animation-duration: 31436ms; -webkit-animation-delay: 23328ms; animation-delay: 23328ms; } @-webkit-keyframes move-frames-9 { from { -webkit-transform: translate3d(86vw, 101vh, 0); transform: translate3d(86vw, 101vh, 0); } to { -webkit-transform: translate3d(71vw, -104vh, 0); transform: translate3d(71vw, -104vh, 0); } } @keyframes move-frames-9 { from { -webkit-transform: translate3d(86vw, 101vh, 0); transform: translate3d(86vw, 101vh, 0); } to { -webkit-transform: translate3d(71vw, -104vh, 0); transform: translate3d(71vw, -104vh, 0); } } .circle-container:nth-child(9) .circle { -webkit-animation-delay: 1387ms; animation-delay: 1387ms; } .circle-container:nth-child(10) { width: 8px; height: 8px; -webkit-animation-name: move-frames-10; animation-name: move-frames-10; -webkit-animation-duration: 33449ms; animation-duration: 33449ms; -webkit-animation-delay: 26386ms; animation-delay: 26386ms; } @-webkit-keyframes move-frames-10 { from { -webkit-transform: translate3d(68vw, 109vh, 0); transform: translate3d(68vw, 109vh, 0); } to { -webkit-transform: translate3d(33vw, -115vh, 0); transform: translate3d(33vw, -115vh, 0); } } @keyframes move-frames-10 { from { -webkit-transform: translate3d(68vw, 109vh, 0); transform: translate3d(68vw, 109vh, 0); } to { -webkit-transform: translate3d(33vw, -115vh, 0); transform: translate3d(33vw, -115vh, 0); } } .circle-container:nth-child(10) .circle { -webkit-animation-delay: 3979ms; animation-delay: 3979ms; } .circle-container:nth-child(11) { width: 1px; height: 1px; -webkit-animation-name: move-frames-11; animation-name: move-frames-11; -webkit-animation-duration: 28278ms; animation-duration: 28278ms; -webkit-animation-delay: 32831ms; animation-delay: 32831ms; } @-webkit-keyframes move-frames-11 { from { -webkit-transform: translate3d(24vw, 104vh, 0); transform: translate3d(24vw, 104vh, 0); } to { -webkit-transform: translate3d(84vw, -120vh, 0); transform: translate3d(84vw, -120vh, 0); } } @keyframes move-frames-11 { from { -webkit-transform: translate3d(24vw, 104vh, 0); transform: translate3d(24vw, 104vh, 0); } to { -webkit-transform: translate3d(84vw, -120vh, 0); transform: translate3d(84vw, -120vh, 0); } } .circle-container:nth-child(11) .circle { -webkit-animation-delay: 3046ms; animation-delay: 3046ms; } .circle-container:nth-child(12) { width: 5px; height: 5px; -webkit-animation-name: move-frames-12; animation-name: move-frames-12; -webkit-animation-duration: 30459ms; animation-duration: 30459ms; -webkit-animation-delay: 164ms; animation-delay: 164ms; } @-webkit-keyframes move-frames-12 { from { -webkit-transform: translate3d(53vw, 109vh, 0); transform: translate3d(53vw, 109vh, 0); } to { -webkit-transform: translate3d(74vw, -134vh, 0); transform: translate3d(74vw, -134vh, 0); } } @keyframes move-frames-12 { from { -webkit-transform: translate3d(53vw, 109vh, 0); transform: translate3d(53vw, 109vh, 0); } to { -webkit-transform: translate3d(74vw, -134vh, 0); transform: translate3d(74vw, -134vh, 0); } } .circle-container:nth-child(12) .circle { -webkit-animation-delay: 299ms; animation-delay: 299ms; } .circle-container:nth-child(13) { width: 6px; height: 6px; -webkit-animation-name: move-frames-13; animation-name: move-frames-13; -webkit-animation-duration: 33610ms; animation-duration: 33610ms; -webkit-animation-delay: 24288ms; animation-delay: 24288ms; } @-webkit-keyframes move-frames-13 { from { -webkit-transform: translate3d(88vw, 110vh, 0); transform: translate3d(88vw, 110vh, 0); } to { -webkit-transform: translate3d(44vw, -113vh, 0); transform: translate3d(44vw, -113vh, 0); } } @keyframes move-frames-13 { from { -webkit-transform: translate3d(88vw, 110vh, 0); transform: translate3d(88vw, 110vh, 0); } to { -webkit-transform: translate3d(44vw, -113vh, 0); transform: translate3d(44vw, -113vh, 0); } } .circle-container:nth-child(13) .circle { -webkit-animation-delay: 2418ms; animation-delay: 2418ms; } .circle-container:nth-child(14) { width: 3px; height: 3px; -webkit-animation-name: move-frames-14; animation-name: move-frames-14; -webkit-animation-duration: 34941ms; animation-duration: 34941ms; -webkit-animation-delay: 15658ms; animation-delay: 15658ms; } @-webkit-keyframes move-frames-14 { from { -webkit-transform: translate3d(45vw, 110vh, 0); transform: translate3d(45vw, 110vh, 0); } to { -webkit-transform: translate3d(25vw, -127vh, 0); transform: translate3d(25vw, -127vh, 0); } } @keyframes move-frames-14 { from { -webkit-transform: translate3d(45vw, 110vh, 0); transform: translate3d(45vw, 110vh, 0); } to { -webkit-transform: translate3d(25vw, -127vh, 0); transform: translate3d(25vw, -127vh, 0); } } .circle-container:nth-child(14) .circle { -webkit-animation-delay: 1331ms; animation-delay: 1331ms; } .circle-container:nth-child(15) { width: 4px; height: 4px; -webkit-animation-name: move-frames-15; animation-name: move-frames-15; -webkit-animation-duration: 36241ms; animation-duration: 36241ms; -webkit-animation-delay: 12834ms; animation-delay: 12834ms; } @-webkit-keyframes move-frames-15 { from { -webkit-transform: translate3d(89vw, 105vh, 0); transform: translate3d(89vw, 105vh, 0); } to { -webkit-transform: translate3d(54vw, -129vh, 0); transform: translate3d(54vw, -129vh, 0); } } @keyframes move-frames-15 { from { -webkit-transform: translate3d(89vw, 105vh, 0); transform: translate3d(89vw, 105vh, 0); } to { -webkit-transform: translate3d(54vw, -129vh, 0); transform: translate3d(54vw, -129vh, 0); } } .circle-container:nth-child(15) .circle { -webkit-animation-delay: 691ms; animation-delay: 691ms; } .circle-container:nth-child(16) { width: 2px; height: 2px; -webkit-animation-name: move-frames-16; animation-name: move-frames-16; -webkit-animation-duration: 35626ms; animation-duration: 35626ms; -webkit-animation-delay: 24426ms; animation-delay: 24426ms; } @-webkit-keyframes move-frames-16 { from { -webkit-transform: translate3d(54vw, 109vh, 0); transform: translate3d(54vw, 109vh, 0); } to { -webkit-transform: translate3d(39vw, -126vh, 0); transform: translate3d(39vw, -126vh, 0); } } @keyframes move-frames-16 { from { -webkit-transform: translate3d(54vw, 109vh, 0); transform: translate3d(54vw, 109vh, 0); } to { -webkit-transform: translate3d(39vw, -126vh, 0); transform: translate3d(39vw, -126vh, 0); } } .circle-container:nth-child(16) .circle { -webkit-animation-delay: 2272ms; animation-delay: 2272ms; } .circle-container:nth-child(17) { width: 3px; height: 3px; -webkit-animation-name: move-frames-17; animation-name: move-frames-17; -webkit-animation-duration: 32811ms; animation-duration: 32811ms; -webkit-animation-delay: 17578ms; animation-delay: 17578ms; } @-webkit-keyframes move-frames-17 { from { -webkit-transform: translate3d(78vw, 110vh, 0); transform: translate3d(78vw, 110vh, 0); } to { -webkit-transform: translate3d(30vw, -137vh, 0); transform: translate3d(30vw, -137vh, 0); } } @keyframes move-frames-17 { from { -webkit-transform: translate3d(78vw, 110vh, 0); transform: translate3d(78vw, 110vh, 0); } to { -webkit-transform: translate3d(30vw, -137vh, 0); transform: translate3d(30vw, -137vh, 0); } } .circle-container:nth-child(17) .circle { -webkit-animation-delay: 2393ms; animation-delay: 2393ms; } .circle-container:nth-child(18) { width: 1px; height: 1px; -webkit-animation-name: move-frames-18; animation-name: move-frames-18; -webkit-animation-duration: 30193ms; animation-duration: 30193ms; -webkit-animation-delay: 2509ms; animation-delay: 2509ms; } @-webkit-keyframes move-frames-18 { from { -webkit-transform: translate3d(67vw, 106vh, 0); transform: translate3d(67vw, 106vh, 0); } to { -webkit-transform: translate3d(78vw, -110vh, 0); transform: translate3d(78vw, -110vh, 0); } } @keyframes move-frames-18 { from { -webkit-transform: translate3d(67vw, 106vh, 0); transform: translate3d(67vw, 106vh, 0); } to { -webkit-transform: translate3d(78vw, -110vh, 0); transform: translate3d(78vw, -110vh, 0); } } .circle-container:nth-child(18) .circle { -webkit-animation-delay: 810ms; animation-delay: 810ms; } .circle-container:nth-child(19) { width: 1px; height: 1px; -webkit-animation-name: move-frames-19; animation-name: move-frames-19; -webkit-animation-duration: 33583ms; animation-duration: 33583ms; -webkit-animation-delay: 7279ms; animation-delay: 7279ms; } @-webkit-keyframes move-frames-19 { from { -webkit-transform: translate3d(55vw, 108vh, 0); transform: translate3d(55vw, 108vh, 0); } to { -webkit-transform: translate3d(48vw, -132vh, 0); transform: translate3d(48vw, -132vh, 0); } } @keyframes move-frames-19 { from { -webkit-transform: translate3d(55vw, 108vh, 0); transform: translate3d(55vw, 108vh, 0); } to { -webkit-transform: translate3d(48vw, -132vh, 0); transform: translate3d(48vw, -132vh, 0); } } .circle-container:nth-child(19) .circle { -webkit-animation-delay: 1112ms; animation-delay: 1112ms; } .circle-container:nth-child(20) { width: 1px; height: 1px; -webkit-animation-name: move-frames-20; animation-name: move-frames-20; -webkit-animation-duration: 36573ms; animation-duration: 36573ms; -webkit-animation-delay: 24154ms; animation-delay: 24154ms; } @-webkit-keyframes move-frames-20 { from { -webkit-transform: translate3d(59vw, 103vh, 0); transform: translate3d(59vw, 103vh, 0); } to { -webkit-transform: translate3d(4vw, -108vh, 0); transform: translate3d(4vw, -108vh, 0); } } @keyframes move-frames-20 { from { -webkit-transform: translate3d(59vw, 103vh, 0); transform: translate3d(59vw, 103vh, 0); } to { -webkit-transform: translate3d(4vw, -108vh, 0); transform: translate3d(4vw, -108vh, 0); } } .circle-container:nth-child(20) .circle { -webkit-animation-delay: 3899ms; animation-delay: 3899ms; } .circle-container:nth-child(21) { width: 6px; height: 6px; -webkit-animation-name: move-frames-21; animation-name: move-frames-21; -webkit-animation-duration: 34467ms; animation-duration: 34467ms; -webkit-animation-delay: 19420ms; animation-delay: 19420ms; } @-webkit-keyframes move-frames-21 { from { -webkit-transform: translate3d(29vw, 106vh, 0); transform: translate3d(29vw, 106vh, 0); } to { -webkit-transform: translate3d(27vw, -116vh, 0); transform: translate3d(27vw, -116vh, 0); } } @keyframes move-frames-21 { from { -webkit-transform: translate3d(29vw, 106vh, 0); transform: translate3d(29vw, 106vh, 0); } to { -webkit-transform: translate3d(27vw, -116vh, 0); transform: translate3d(27vw, -116vh, 0); } } .circle-container:nth-child(21) .circle { -webkit-animation-delay: 898ms; animation-delay: 898ms; } .circle-container:nth-child(22) { width: 4px; height: 4px; -webkit-animation-name: move-frames-22; animation-name: move-frames-22; -webkit-animation-duration: 33750ms; animation-duration: 33750ms; -webkit-animation-delay: 17945ms; animation-delay: 17945ms; } @-webkit-keyframes move-frames-22 { from { -webkit-transform: translate3d(27vw, 110vh, 0); transform: translate3d(27vw, 110vh, 0); } to { -webkit-transform: translate3d(9vw, -128vh, 0); transform: translate3d(9vw, -128vh, 0); } } @keyframes move-frames-22 { from { -webkit-transform: translate3d(27vw, 110vh, 0); transform: translate3d(27vw, 110vh, 0); } to { -webkit-transform: translate3d(9vw, -128vh, 0); transform: translate3d(9vw, -128vh, 0); } } .circle-container:nth-child(22) .circle { -webkit-animation-delay: 368ms; animation-delay: 368ms; } .circle-container:nth-child(23) { width: 8px; height: 8px; -webkit-animation-name: move-frames-23; animation-name: move-frames-23; -webkit-animation-duration: 36039ms; animation-duration: 36039ms; -webkit-animation-delay: 31727ms; animation-delay: 31727ms; } @-webkit-keyframes move-frames-23 { from { -webkit-transform: translate3d(92vw, 107vh, 0); transform: translate3d(92vw, 107vh, 0); } to { -webkit-transform: translate3d(51vw, -112vh, 0); transform: translate3d(51vw, -112vh, 0); } } @keyframes move-frames-23 { from { -webkit-transform: translate3d(92vw, 107vh, 0); transform: translate3d(92vw, 107vh, 0); } to { -webkit-transform: translate3d(51vw, -112vh, 0); transform: translate3d(51vw, -112vh, 0); } } .circle-container:nth-child(23) .circle { -webkit-animation-delay: 294ms; animation-delay: 294ms; } .circle-container:nth-child(24) { width: 6px; height: 6px; -webkit-animation-name: move-frames-24; animation-name: move-frames-24; -webkit-animation-duration: 33509ms; animation-duration: 33509ms; -webkit-animation-delay: 23140ms; animation-delay: 23140ms; } @-webkit-keyframes move-frames-24 { from { -webkit-transform: translate3d(95vw, 108vh, 0); transform: translate3d(95vw, 108vh, 0); } to { -webkit-transform: translate3d(66vw, -112vh, 0); transform: translate3d(66vw, -112vh, 0); } } @keyframes move-frames-24 { from { -webkit-transform: translate3d(95vw, 108vh, 0); transform: translate3d(95vw, 108vh, 0); } to { -webkit-transform: translate3d(66vw, -112vh, 0); transform: translate3d(66vw, -112vh, 0); } } .circle-container:nth-child(24) .circle { -webkit-animation-delay: 1317ms; animation-delay: 1317ms; } .circle-container:nth-child(25) { width: 6px; height: 6px; -webkit-animation-name: move-frames-25; animation-name: move-frames-25; -webkit-animation-duration: 31384ms; animation-duration: 31384ms; -webkit-animation-delay: 24586ms; animation-delay: 24586ms; } @-webkit-keyframes move-frames-25 { from { -webkit-transform: translate3d(5vw, 106vh, 0); transform: translate3d(5vw, 106vh, 0); } to { -webkit-transform: translate3d(66vw, -122vh, 0); transform: translate3d(66vw, -122vh, 0); } } @keyframes move-frames-25 { from { -webkit-transform: translate3d(5vw, 106vh, 0); transform: translate3d(5vw, 106vh, 0); } to { -webkit-transform: translate3d(66vw, -122vh, 0); transform: translate3d(66vw, -122vh, 0); } } .circle-container:nth-child(25) .circle { -webkit-animation-delay: 2095ms; animation-delay: 2095ms; } .circle-container:nth-child(26) { width: 6px; height: 6px; -webkit-animation-name: move-frames-26; animation-name: move-frames-26; -webkit-animation-duration: 36752ms; animation-duration: 36752ms; -webkit-animation-delay: 16778ms; animation-delay: 16778ms; } @-webkit-keyframes move-frames-26 { from { -webkit-transform: translate3d(80vw, 109vh, 0); transform: translate3d(80vw, 109vh, 0); } to { -webkit-transform: translate3d(30vw, -118vh, 0); transform: translate3d(30vw, -118vh, 0); } } @keyframes move-frames-26 { from { -webkit-transform: translate3d(80vw, 109vh, 0); transform: translate3d(80vw, 109vh, 0); } to { -webkit-transform: translate3d(30vw, -118vh, 0); transform: translate3d(30vw, -118vh, 0); } } .circle-container:nth-child(26) .circle { -webkit-animation-delay: 3628ms; animation-delay: 3628ms; } .circle-container:nth-child(27) { width: 5px; height: 5px; -webkit-animation-name: move-frames-27; animation-name: move-frames-27; -webkit-animation-duration: 30110ms; animation-duration: 30110ms; -webkit-animation-delay: 19386ms; animation-delay: 19386ms; } @-webkit-keyframes move-frames-27 { from { -webkit-transform: translate3d(66vw, 108vh, 0); transform: translate3d(66vw, 108vh, 0); } to { -webkit-transform: translate3d(18vw, -129vh, 0); transform: translate3d(18vw, -129vh, 0); } } @keyframes move-frames-27 { from { -webkit-transform: translate3d(66vw, 108vh, 0); transform: translate3d(66vw, 108vh, 0); } to { -webkit-transform: translate3d(18vw, -129vh, 0); transform: translate3d(18vw, -129vh, 0); } } .circle-container:nth-child(27) .circle { -webkit-animation-delay: 1307ms; animation-delay: 1307ms; } .circle-container:nth-child(28) { width: 3px; height: 3px; -webkit-animation-name: move-frames-28; animation-name: move-frames-28; -webkit-animation-duration: 34011ms; animation-duration: 34011ms; -webkit-animation-delay: 11928ms; animation-delay: 11928ms; } @-webkit-keyframes move-frames-28 { from { -webkit-transform: translate3d(86vw, 109vh, 0); transform: translate3d(86vw, 109vh, 0); } to { -webkit-transform: translate3d(66vw, -118vh, 0); transform: translate3d(66vw, -118vh, 0); } } @keyframes move-frames-28 { from { -webkit-transform: translate3d(86vw, 109vh, 0); transform: translate3d(86vw, 109vh, 0); } to { -webkit-transform: translate3d(66vw, -118vh, 0); transform: translate3d(66vw, -118vh, 0); } } .circle-container:nth-child(28) .circle { -webkit-animation-delay: 715ms; animation-delay: 715ms; } .circle-container:nth-child(29) { width: 7px; height: 7px; -webkit-animation-name: move-frames-29; animation-name: move-frames-29; -webkit-animation-duration: 30318ms; animation-duration: 30318ms; -webkit-animation-delay: 21581ms; animation-delay: 21581ms; } @-webkit-keyframes move-frames-29 { from { -webkit-transform: translate3d(23vw, 106vh, 0); transform: translate3d(23vw, 106vh, 0); } to { -webkit-transform: translate3d(3vw, -117vh, 0); transform: translate3d(3vw, -117vh, 0); } } @keyframes move-frames-29 { from { -webkit-transform: translate3d(23vw, 106vh, 0); transform: translate3d(23vw, 106vh, 0); } to { -webkit-transform: translate3d(3vw, -117vh, 0); transform: translate3d(3vw, -117vh, 0); } } .circle-container:nth-child(29) .circle { -webkit-animation-delay: 3520ms; animation-delay: 3520ms; } .circle-container:nth-child(30) { width: 7px; height: 7px; -webkit-animation-name: move-frames-30; animation-name: move-frames-30; -webkit-animation-duration: 34903ms; animation-duration: 34903ms; -webkit-animation-delay: 24248ms; animation-delay: 24248ms; } @-webkit-keyframes move-frames-30 { from { -webkit-transform: translate3d(93vw, 108vh, 0); transform: translate3d(93vw, 108vh, 0); } to { -webkit-transform: translate3d(84vw, -110vh, 0); transform: translate3d(84vw, -110vh, 0); } } @keyframes move-frames-30 { from { -webkit-transform: translate3d(93vw, 108vh, 0); transform: translate3d(93vw, 108vh, 0); } to { -webkit-transform: translate3d(84vw, -110vh, 0); transform: translate3d(84vw, -110vh, 0); } } .circle-container:nth-child(30) .circle { -webkit-animation-delay: 1356ms; animation-delay: 1356ms; } .circle-container:nth-child(31) { width: 7px; height: 7px; -webkit-animation-name: move-frames-31; animation-name: move-frames-31; -webkit-animation-duration: 32399ms; animation-duration: 32399ms; -webkit-animation-delay: 20050ms; animation-delay: 20050ms; } @-webkit-keyframes move-frames-31 { from { -webkit-transform: translate3d(49vw, 104vh, 0); transform: translate3d(49vw, 104vh, 0); } to { -webkit-transform: translate3d(75vw, -112vh, 0); transform: translate3d(75vw, -112vh, 0); } } @keyframes move-frames-31 { from { -webkit-transform: translate3d(49vw, 104vh, 0); transform: translate3d(49vw, 104vh, 0); } to { -webkit-transform: translate3d(75vw, -112vh, 0); transform: translate3d(75vw, -112vh, 0); } } .circle-container:nth-child(31) .circle { -webkit-animation-delay: 2541ms; animation-delay: 2541ms; } .circle-container:nth-child(32) { width: 8px; height: 8px; -webkit-animation-name: move-frames-32; animation-name: move-frames-32; -webkit-animation-duration: 33153ms; animation-duration: 33153ms; -webkit-animation-delay: 30498ms; animation-delay: 30498ms; } @-webkit-keyframes move-frames-32 { from { -webkit-transform: translate3d(58vw, 101vh, 0); transform: translate3d(58vw, 101vh, 0); } to { -webkit-transform: translate3d(74vw, -126vh, 0); transform: translate3d(74vw, -126vh, 0); } } @keyframes move-frames-32 { from { -webkit-transform: translate3d(58vw, 101vh, 0); transform: translate3d(58vw, 101vh, 0); } to { -webkit-transform: translate3d(74vw, -126vh, 0); transform: translate3d(74vw, -126vh, 0); } } .circle-container:nth-child(32) .circle { -webkit-animation-delay: 3442ms; animation-delay: 3442ms; } .circle-container:nth-child(33) { width: 5px; height: 5px; -webkit-animation-name: move-frames-33; animation-name: move-frames-33; -webkit-animation-duration: 29403ms; animation-duration: 29403ms; -webkit-animation-delay: 11454ms; animation-delay: 11454ms; } @-webkit-keyframes move-frames-33 { from { -webkit-transform: translate3d(98vw, 107vh, 0); transform: translate3d(98vw, 107vh, 0); } to { -webkit-transform: translate3d(13vw, -113vh, 0); transform: translate3d(13vw, -113vh, 0); } } @keyframes move-frames-33 { from { -webkit-transform: translate3d(98vw, 107vh, 0); transform: translate3d(98vw, 107vh, 0); } to { -webkit-transform: translate3d(13vw, -113vh, 0); transform: translate3d(13vw, -113vh, 0); } } .circle-container:nth-child(33) .circle { -webkit-animation-delay: 1920ms; animation-delay: 1920ms; } .circle-container:nth-child(34) { width: 5px; height: 5px; -webkit-animation-name: move-frames-34; animation-name: move-frames-34; -webkit-animation-duration: 28231ms; animation-duration: 28231ms; -webkit-animation-delay: 1053ms; animation-delay: 1053ms; } @-webkit-keyframes move-frames-34 { from { -webkit-transform: translate3d(35vw, 107vh, 0); transform: translate3d(35vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -117vh, 0); transform: translate3d(88vw, -117vh, 0); } } @keyframes move-frames-34 { from { -webkit-transform: translate3d(35vw, 107vh, 0); transform: translate3d(35vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -117vh, 0); transform: translate3d(88vw, -117vh, 0); } } .circle-container:nth-child(34) .circle { -webkit-animation-delay: 1221ms; animation-delay: 1221ms; } .circle-container:nth-child(35) { width: 4px; height: 4px; -webkit-animation-name: move-frames-35; animation-name: move-frames-35; -webkit-animation-duration: 36199ms; animation-duration: 36199ms; -webkit-animation-delay: 10397ms; animation-delay: 10397ms; } @-webkit-keyframes move-frames-35 { from { -webkit-transform: translate3d(34vw, 106vh, 0); transform: translate3d(34vw, 106vh, 0); } to { -webkit-transform: translate3d(59vw, -133vh, 0); transform: translate3d(59vw, -133vh, 0); } } @keyframes move-frames-35 { from { -webkit-transform: translate3d(34vw, 106vh, 0); transform: translate3d(34vw, 106vh, 0); } to { -webkit-transform: translate3d(59vw, -133vh, 0); transform: translate3d(59vw, -133vh, 0); } } .circle-container:nth-child(35) .circle { -webkit-animation-delay: 585ms; animation-delay: 585ms; } .circle-container:nth-child(36) { width: 2px; height: 2px; -webkit-animation-name: move-frames-36; animation-name: move-frames-36; -webkit-animation-duration: 29696ms; animation-duration: 29696ms; -webkit-animation-delay: 29037ms; animation-delay: 29037ms; } @-webkit-keyframes move-frames-36 { from { -webkit-transform: translate3d(18vw, 104vh, 0); transform: translate3d(18vw, 104vh, 0); } to { -webkit-transform: translate3d(49vw, -114vh, 0); transform: translate3d(49vw, -114vh, 0); } } @keyframes move-frames-36 { from { -webkit-transform: translate3d(18vw, 104vh, 0); transform: translate3d(18vw, 104vh, 0); } to { -webkit-transform: translate3d(49vw, -114vh, 0); transform: translate3d(49vw, -114vh, 0); } } .circle-container:nth-child(36) .circle { -webkit-animation-delay: 1659ms; animation-delay: 1659ms; } .circle-container:nth-child(37) { width: 3px; height: 3px; -webkit-animation-name: move-frames-37; animation-name: move-frames-37; -webkit-animation-duration: 28679ms; animation-duration: 28679ms; -webkit-animation-delay: 11272ms; animation-delay: 11272ms; } @-webkit-keyframes move-frames-37 { from { -webkit-transform: translate3d(3vw, 102vh, 0); transform: translate3d(3vw, 102vh, 0); } to { -webkit-transform: translate3d(5vw, -122vh, 0); transform: translate3d(5vw, -122vh, 0); } } @keyframes move-frames-37 { from { -webkit-transform: translate3d(3vw, 102vh, 0); transform: translate3d(3vw, 102vh, 0); } to { -webkit-transform: translate3d(5vw, -122vh, 0); transform: translate3d(5vw, -122vh, 0); } } .circle-container:nth-child(37) .circle { -webkit-animation-delay: 1872ms; animation-delay: 1872ms; } .circle-container:nth-child(38) { width: 2px; height: 2px; -webkit-animation-name: move-frames-38; animation-name: move-frames-38; -webkit-animation-duration: 33170ms; animation-duration: 33170ms; -webkit-animation-delay: 36129ms; animation-delay: 36129ms; } @-webkit-keyframes move-frames-38 { from { -webkit-transform: translate3d(40vw, 101vh, 0); transform: translate3d(40vw, 101vh, 0); } to { -webkit-transform: translate3d(65vw, -113vh, 0); transform: translate3d(65vw, -113vh, 0); } } @keyframes move-frames-38 { from { -webkit-transform: translate3d(40vw, 101vh, 0); transform: translate3d(40vw, 101vh, 0); } to { -webkit-transform: translate3d(65vw, -113vh, 0); transform: translate3d(65vw, -113vh, 0); } } .circle-container:nth-child(38) .circle { -webkit-animation-delay: 2034ms; animation-delay: 2034ms; } .circle-container:nth-child(39) { width: 8px; height: 8px; -webkit-animation-name: move-frames-39; animation-name: move-frames-39; -webkit-animation-duration: 32383ms; animation-duration: 32383ms; -webkit-animation-delay: 12852ms; animation-delay: 12852ms; } @-webkit-keyframes move-frames-39 { from { -webkit-transform: translate3d(45vw, 101vh, 0); transform: translate3d(45vw, 101vh, 0); } to { -webkit-transform: translate3d(55vw, -126vh, 0); transform: translate3d(55vw, -126vh, 0); } } @keyframes move-frames-39 { from { -webkit-transform: translate3d(45vw, 101vh, 0); transform: translate3d(45vw, 101vh, 0); } to { -webkit-transform: translate3d(55vw, -126vh, 0); transform: translate3d(55vw, -126vh, 0); } } .circle-container:nth-child(39) .circle { -webkit-animation-delay: 710ms; animation-delay: 710ms; } .circle-container:nth-child(40) { width: 7px; height: 7px; -webkit-animation-name: move-frames-40; animation-name: move-frames-40; -webkit-animation-duration: 36807ms; animation-duration: 36807ms; -webkit-animation-delay: 7650ms; animation-delay: 7650ms; } @-webkit-keyframes move-frames-40 { from { -webkit-transform: translate3d(42vw, 108vh, 0); transform: translate3d(42vw, 108vh, 0); } to { -webkit-transform: translate3d(93vw, -124vh, 0); transform: translate3d(93vw, -124vh, 0); } } @keyframes move-frames-40 { from { -webkit-transform: translate3d(42vw, 108vh, 0); transform: translate3d(42vw, 108vh, 0); } to { -webkit-transform: translate3d(93vw, -124vh, 0); transform: translate3d(93vw, -124vh, 0); } } .circle-container:nth-child(40) .circle { -webkit-animation-delay: 459ms; animation-delay: 459ms; } .circle-container:nth-child(41) { width: 3px; height: 3px; -webkit-animation-name: move-frames-41; animation-name: move-frames-41; -webkit-animation-duration: 34570ms; animation-duration: 34570ms; -webkit-animation-delay: 35125ms; animation-delay: 35125ms; } @-webkit-keyframes move-frames-41 { from { -webkit-transform: translate3d(96vw, 102vh, 0); transform: translate3d(96vw, 102vh, 0); } to { -webkit-transform: translate3d(26vw, -128vh, 0); transform: translate3d(26vw, -128vh, 0); } } @keyframes move-frames-41 { from { -webkit-transform: translate3d(96vw, 102vh, 0); transform: translate3d(96vw, 102vh, 0); } to { -webkit-transform: translate3d(26vw, -128vh, 0); transform: translate3d(26vw, -128vh, 0); } } .circle-container:nth-child(41) .circle { -webkit-animation-delay: 3205ms; animation-delay: 3205ms; } .circle-container:nth-child(42) { width: 6px; height: 6px; -webkit-animation-name: move-frames-42; animation-name: move-frames-42; -webkit-animation-duration: 31428ms; animation-duration: 31428ms; -webkit-animation-delay: 24853ms; animation-delay: 24853ms; } @-webkit-keyframes move-frames-42 { from { -webkit-transform: translate3d(25vw, 102vh, 0); transform: translate3d(25vw, 102vh, 0); } to { -webkit-transform: translate3d(67vw, -108vh, 0); transform: translate3d(67vw, -108vh, 0); } } @keyframes move-frames-42 { from { -webkit-transform: translate3d(25vw, 102vh, 0); transform: translate3d(25vw, 102vh, 0); } to { -webkit-transform: translate3d(67vw, -108vh, 0); transform: translate3d(67vw, -108vh, 0); } } .circle-container:nth-child(42) .circle { -webkit-animation-delay: 3428ms; animation-delay: 3428ms; } .circle-container:nth-child(43) { width: 4px; height: 4px; -webkit-animation-name: move-frames-43; animation-name: move-frames-43; -webkit-animation-duration: 29719ms; animation-duration: 29719ms; -webkit-animation-delay: 9547ms; animation-delay: 9547ms; } @-webkit-keyframes move-frames-43 { from { -webkit-transform: translate3d(58vw, 107vh, 0); transform: translate3d(58vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -131vh, 0); transform: translate3d(88vw, -131vh, 0); } } @keyframes move-frames-43 { from { -webkit-transform: translate3d(58vw, 107vh, 0); transform: translate3d(58vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -131vh, 0); transform: translate3d(88vw, -131vh, 0); } } .circle-container:nth-child(43) .circle { -webkit-animation-delay: 1600ms; animation-delay: 1600ms; } .circle-container:nth-child(44) { width: 3px; height: 3px; -webkit-animation-name: move-frames-44; animation-name: move-frames-44; -webkit-animation-duration: 30605ms; animation-duration: 30605ms; -webkit-animation-delay: 21395ms; animation-delay: 21395ms; } @-webkit-keyframes move-frames-44 { from { -webkit-transform: translate3d(96vw, 106vh, 0); transform: translate3d(96vw, 106vh, 0); } to { -webkit-transform: translate3d(16vw, -112vh, 0); transform: translate3d(16vw, -112vh, 0); } } @keyframes move-frames-44 { from { -webkit-transform: translate3d(96vw, 106vh, 0); transform: translate3d(96vw, 106vh, 0); } to { -webkit-transform: translate3d(16vw, -112vh, 0); transform: translate3d(16vw, -112vh, 0); } } .circle-container:nth-child(44) .circle { -webkit-animation-delay: 3918ms; animation-delay: 3918ms; } .circle-container:nth-child(45) { width: 3px; height: 3px; -webkit-animation-name: move-frames-45; animation-name: move-frames-45; -webkit-animation-duration: 36914ms; animation-duration: 36914ms; -webkit-animation-delay: 13268ms; animation-delay: 13268ms; } @-webkit-keyframes move-frames-45 { from { -webkit-transform: translate3d(62vw, 104vh, 0); transform: translate3d(62vw, 104vh, 0); } to { -webkit-transform: translate3d(41vw, -117vh, 0); transform: translate3d(41vw, -117vh, 0); } } @keyframes move-frames-45 { from { -webkit-transform: translate3d(62vw, 104vh, 0); transform: translate3d(62vw, 104vh, 0); } to { -webkit-transform: translate3d(41vw, -117vh, 0); transform: translate3d(41vw, -117vh, 0); } } .circle-container:nth-child(45) .circle { -webkit-animation-delay: 1167ms; animation-delay: 1167ms; } .circle-container:nth-child(46) { width: 8px; height: 8px; -webkit-animation-name: move-frames-46; animation-name: move-frames-46; -webkit-animation-duration: 36798ms; animation-duration: 36798ms; -webkit-animation-delay: 1119ms; animation-delay: 1119ms; } @-webkit-keyframes move-frames-46 { from { -webkit-transform: translate3d(9vw, 103vh, 0); transform: translate3d(9vw, 103vh, 0); } to { -webkit-transform: translate3d(47vw, -107vh, 0); transform: translate3d(47vw, -107vh, 0); } } @keyframes move-frames-46 { from { -webkit-transform: translate3d(9vw, 103vh, 0); transform: translate3d(9vw, 103vh, 0); } to { -webkit-transform: translate3d(47vw, -107vh, 0); transform: translate3d(47vw, -107vh, 0); } } .circle-container:nth-child(46) .circle { -webkit-animation-delay: 968ms; animation-delay: 968ms; } .circle-container:nth-child(47) { width: 1px; height: 1px; -webkit-animation-name: move-frames-47; animation-name: move-frames-47; -webkit-animation-duration: 33653ms; animation-duration: 33653ms; -webkit-animation-delay: 18314ms; animation-delay: 18314ms; } @-webkit-keyframes move-frames-47 { from { -webkit-transform: translate3d(83vw, 110vh, 0); transform: translate3d(83vw, 110vh, 0); } to { -webkit-transform: translate3d(98vw, -113vh, 0); transform: translate3d(98vw, -113vh, 0); } } @keyframes move-frames-47 { from { -webkit-transform: translate3d(83vw, 110vh, 0); transform: translate3d(83vw, 110vh, 0); } to { -webkit-transform: translate3d(98vw, -113vh, 0); transform: translate3d(98vw, -113vh, 0); } } .circle-container:nth-child(47) .circle { -webkit-animation-delay: 3988ms; animation-delay: 3988ms; } .circle-container:nth-child(48) { width: 2px; height: 2px; -webkit-animation-name: move-frames-48; animation-name: move-frames-48; -webkit-animation-duration: 29667ms; animation-duration: 29667ms; -webkit-animation-delay: 7239ms; animation-delay: 7239ms; } @-webkit-keyframes move-frames-48 { from { -webkit-transform: translate3d(55vw, 102vh, 0); transform: translate3d(55vw, 102vh, 0); } to { -webkit-transform: translate3d(40vw, -112vh, 0); transform: translate3d(40vw, -112vh, 0); } } @keyframes move-frames-48 { from { -webkit-transform: translate3d(55vw, 102vh, 0); transform: translate3d(55vw, 102vh, 0); } to { -webkit-transform: translate3d(40vw, -112vh, 0); transform: translate3d(40vw, -112vh, 0); } } .circle-container:nth-child(48) .circle { -webkit-animation-delay: 2746ms; animation-delay: 2746ms; } .circle-container:nth-child(49) { width: 4px; height: 4px; -webkit-animation-name: move-frames-49; animation-name: move-frames-49; -webkit-animation-duration: 29225ms; animation-duration: 29225ms; -webkit-animation-delay: 1566ms; animation-delay: 1566ms; } @-webkit-keyframes move-frames-49 { from { -webkit-transform: translate3d(62vw, 105vh, 0); transform: translate3d(62vw, 105vh, 0); } to { -webkit-transform: translate3d(48vw, -134vh, 0); transform: translate3d(48vw, -134vh, 0); } } @keyframes move-frames-49 { from { -webkit-transform: translate3d(62vw, 105vh, 0); transform: translate3d(62vw, 105vh, 0); } to { -webkit-transform: translate3d(48vw, -134vh, 0); transform: translate3d(48vw, -134vh, 0); } } .circle-container:nth-child(49) .circle { -webkit-animation-delay: 71ms; animation-delay: 71ms; } .circle-container:nth-child(50) { width: 2px; height: 2px; -webkit-animation-name: move-frames-50; animation-name: move-frames-50; -webkit-animation-duration: 35531ms; animation-duration: 35531ms; -webkit-animation-delay: 3663ms; animation-delay: 3663ms; } @-webkit-keyframes move-frames-50 { from { -webkit-transform: translate3d(35vw, 106vh, 0); transform: translate3d(35vw, 106vh, 0); } to { -webkit-transform: translate3d(73vw, -129vh, 0); transform: translate3d(73vw, -129vh, 0); } } @keyframes move-frames-50 { from { -webkit-transform: translate3d(35vw, 106vh, 0); transform: translate3d(35vw, 106vh, 0); } to { -webkit-transform: translate3d(73vw, -129vh, 0); transform: translate3d(73vw, -129vh, 0); } } .circle-container:nth-child(50) .circle { -webkit-animation-delay: 134ms; animation-delay: 134ms; } .circle-container:nth-child(51) { width: 7px; height: 7px; -webkit-animation-name: move-frames-51; animation-name: move-frames-51; -webkit-animation-duration: 33573ms; animation-duration: 33573ms; -webkit-animation-delay: 11807ms; animation-delay: 11807ms; } @-webkit-keyframes move-frames-51 { from { -webkit-transform: translate3d(42vw, 107vh, 0); transform: translate3d(42vw, 107vh, 0); } to { -webkit-transform: translate3d(16vw, -125vh, 0); transform: translate3d(16vw, -125vh, 0); } } @keyframes move-frames-51 { from { -webkit-transform: translate3d(42vw, 107vh, 0); transform: translate3d(42vw, 107vh, 0); } to { -webkit-transform: translate3d(16vw, -125vh, 0); transform: translate3d(16vw, -125vh, 0); } } .circle-container:nth-child(51) .circle { -webkit-animation-delay: 547ms; animation-delay: 547ms; } .circle-container:nth-child(52) { width: 3px; height: 3px; -webkit-animation-name: move-frames-52; animation-name: move-frames-52; -webkit-animation-duration: 36694ms; animation-duration: 36694ms; -webkit-animation-delay: 23819ms; animation-delay: 23819ms; } @-webkit-keyframes move-frames-52 { from { -webkit-transform: translate3d(35vw, 102vh, 0); transform: translate3d(35vw, 102vh, 0); } to { -webkit-transform: translate3d(90vw, -107vh, 0); transform: translate3d(90vw, -107vh, 0); } } @keyframes move-frames-52 { from { -webkit-transform: translate3d(35vw, 102vh, 0); transform: translate3d(35vw, 102vh, 0); } to { -webkit-transform: translate3d(90vw, -107vh, 0); transform: translate3d(90vw, -107vh, 0); } } .circle-container:nth-child(52) .circle { -webkit-animation-delay: 1363ms; animation-delay: 1363ms; } .circle-container:nth-child(53) { width: 6px; height: 6px; -webkit-animation-name: move-frames-53; animation-name: move-frames-53; -webkit-animation-duration: 36407ms; animation-duration: 36407ms; -webkit-animation-delay: 16269ms; animation-delay: 16269ms; } @-webkit-keyframes move-frames-53 { from { -webkit-transform: translate3d(57vw, 102vh, 0); transform: translate3d(57vw, 102vh, 0); } to { -webkit-transform: translate3d(12vw, -117vh, 0); transform: translate3d(12vw, -117vh, 0); } } @keyframes move-frames-53 { from { -webkit-transform: translate3d(57vw, 102vh, 0); transform: translate3d(57vw, 102vh, 0); } to { -webkit-transform: translate3d(12vw, -117vh, 0); transform: translate3d(12vw, -117vh, 0); } } .circle-container:nth-child(53) .circle { -webkit-animation-delay: 1533ms; animation-delay: 1533ms; } .circle-container:nth-child(54) { width: 6px; height: 6px; -webkit-animation-name: move-frames-54; animation-name: move-frames-54; -webkit-animation-duration: 28720ms; animation-duration: 28720ms; -webkit-animation-delay: 17800ms; animation-delay: 17800ms; } @-webkit-keyframes move-frames-54 { from { -webkit-transform: translate3d(6vw, 109vh, 0); transform: translate3d(6vw, 109vh, 0); } to { -webkit-transform: translate3d(2vw, -111vh, 0); transform: translate3d(2vw, -111vh, 0); } } @keyframes move-frames-54 { from { -webkit-transform: translate3d(6vw, 109vh, 0); transform: translate3d(6vw, 109vh, 0); } to { -webkit-transform: translate3d(2vw, -111vh, 0); transform: translate3d(2vw, -111vh, 0); } } .circle-container:nth-child(54) .circle { -webkit-animation-delay: 1903ms; animation-delay: 1903ms; } .circle-container:nth-child(55) { width: 7px; height: 7px; -webkit-animation-name: move-frames-55; animation-name: move-frames-55; -webkit-animation-duration: 30211ms; animation-duration: 30211ms; -webkit-animation-delay: 14858ms; animation-delay: 14858ms; } @-webkit-keyframes move-frames-55 { from { -webkit-transform: translate3d(95vw, 110vh, 0); transform: translate3d(95vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -120vh, 0); transform: translate3d(34vw, -120vh, 0); } } @keyframes move-frames-55 { from { -webkit-transform: translate3d(95vw, 110vh, 0); transform: translate3d(95vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -120vh, 0); transform: translate3d(34vw, -120vh, 0); } } .circle-container:nth-child(55) .circle { -webkit-animation-delay: 2104ms; animation-delay: 2104ms; } .circle-container:nth-child(56) { width: 1px; height: 1px; -webkit-animation-name: move-frames-56; animation-name: move-frames-56; -webkit-animation-duration: 36297ms; animation-duration: 36297ms; -webkit-animation-delay: 15556ms; animation-delay: 15556ms; } @-webkit-keyframes move-frames-56 { from { -webkit-transform: translate3d(59vw, 105vh, 0); transform: translate3d(59vw, 105vh, 0); } to { -webkit-transform: translate3d(97vw, -130vh, 0); transform: translate3d(97vw, -130vh, 0); } } @keyframes move-frames-56 { from { -webkit-transform: translate3d(59vw, 105vh, 0); transform: translate3d(59vw, 105vh, 0); } to { -webkit-transform: translate3d(97vw, -130vh, 0); transform: translate3d(97vw, -130vh, 0); } } .circle-container:nth-child(56) .circle { -webkit-animation-delay: 1746ms; animation-delay: 1746ms; } .circle-container:nth-child(57) { width: 6px; height: 6px; -webkit-animation-name: move-frames-57; animation-name: move-frames-57; -webkit-animation-duration: 31703ms; animation-duration: 31703ms; -webkit-animation-delay: 12ms; animation-delay: 12ms; } @-webkit-keyframes move-frames-57 { from { -webkit-transform: translate3d(11vw, 109vh, 0); transform: translate3d(11vw, 109vh, 0); } to { -webkit-transform: translate3d(4vw, -116vh, 0); transform: translate3d(4vw, -116vh, 0); } } @keyframes move-frames-57 { from { -webkit-transform: translate3d(11vw, 109vh, 0); transform: translate3d(11vw, 109vh, 0); } to { -webkit-transform: translate3d(4vw, -116vh, 0); transform: translate3d(4vw, -116vh, 0); } } .circle-container:nth-child(57) .circle { -webkit-animation-delay: 527ms; animation-delay: 527ms; } .circle-container:nth-child(58) { width: 1px; height: 1px; -webkit-animation-name: move-frames-58; animation-name: move-frames-58; -webkit-animation-duration: 36240ms; animation-duration: 36240ms; -webkit-animation-delay: 5124ms; animation-delay: 5124ms; } @-webkit-keyframes move-frames-58 { from { -webkit-transform: translate3d(62vw, 104vh, 0); transform: translate3d(62vw, 104vh, 0); } to { -webkit-transform: translate3d(21vw, -125vh, 0); transform: translate3d(21vw, -125vh, 0); } } @keyframes move-frames-58 { from { -webkit-transform: translate3d(62vw, 104vh, 0); transform: translate3d(62vw, 104vh, 0); } to { -webkit-transform: translate3d(21vw, -125vh, 0); transform: translate3d(21vw, -125vh, 0); } } .circle-container:nth-child(58) .circle { -webkit-animation-delay: 1778ms; animation-delay: 1778ms; } .circle-container:nth-child(59) { width: 5px; height: 5px; -webkit-animation-name: move-frames-59; animation-name: move-frames-59; -webkit-animation-duration: 30622ms; animation-duration: 30622ms; -webkit-animation-delay: 26262ms; animation-delay: 26262ms; } @-webkit-keyframes move-frames-59 { from { -webkit-transform: translate3d(38vw, 104vh, 0); transform: translate3d(38vw, 104vh, 0); } to { -webkit-transform: translate3d(25vw, -129vh, 0); transform: translate3d(25vw, -129vh, 0); } } @keyframes move-frames-59 { from { -webkit-transform: translate3d(38vw, 104vh, 0); transform: translate3d(38vw, 104vh, 0); } to { -webkit-transform: translate3d(25vw, -129vh, 0); transform: translate3d(25vw, -129vh, 0); } } .circle-container:nth-child(59) .circle { -webkit-animation-delay: 3699ms; animation-delay: 3699ms; } .circle-container:nth-child(60) { width: 3px; height: 3px; -webkit-animation-name: move-frames-60; animation-name: move-frames-60; -webkit-animation-duration: 35898ms; animation-duration: 35898ms; -webkit-animation-delay: 5248ms; animation-delay: 5248ms; } @-webkit-keyframes move-frames-60 { from { -webkit-transform: translate3d(51vw, 109vh, 0); transform: translate3d(51vw, 109vh, 0); } to { -webkit-transform: translate3d(62vw, -119vh, 0); transform: translate3d(62vw, -119vh, 0); } } @keyframes move-frames-60 { from { -webkit-transform: translate3d(51vw, 109vh, 0); transform: translate3d(51vw, 109vh, 0); } to { -webkit-transform: translate3d(62vw, -119vh, 0); transform: translate3d(62vw, -119vh, 0); } } .circle-container:nth-child(60) .circle { -webkit-animation-delay: 562ms; animation-delay: 562ms; } .circle-container:nth-child(61) { width: 4px; height: 4px; -webkit-animation-name: move-frames-61; animation-name: move-frames-61; -webkit-animation-duration: 28302ms; animation-duration: 28302ms; -webkit-animation-delay: 4624ms; animation-delay: 4624ms; } @-webkit-keyframes move-frames-61 { from { -webkit-transform: translate3d(25vw, 110vh, 0); transform: translate3d(25vw, 110vh, 0); } to { -webkit-transform: translate3d(87vw, -138vh, 0); transform: translate3d(87vw, -138vh, 0); } } @keyframes move-frames-61 { from { -webkit-transform: translate3d(25vw, 110vh, 0); transform: translate3d(25vw, 110vh, 0); } to { -webkit-transform: translate3d(87vw, -138vh, 0); transform: translate3d(87vw, -138vh, 0); } } .circle-container:nth-child(61) .circle { -webkit-animation-delay: 3027ms; animation-delay: 3027ms; } .circle-container:nth-child(62) { width: 4px; height: 4px; -webkit-animation-name: move-frames-62; animation-name: move-frames-62; -webkit-animation-duration: 30400ms; animation-duration: 30400ms; -webkit-animation-delay: 17655ms; animation-delay: 17655ms; } @-webkit-keyframes move-frames-62 { from { -webkit-transform: translate3d(83vw, 107vh, 0); transform: translate3d(83vw, 107vh, 0); } to { -webkit-transform: translate3d(46vw, -122vh, 0); transform: translate3d(46vw, -122vh, 0); } } @keyframes move-frames-62 { from { -webkit-transform: translate3d(83vw, 107vh, 0); transform: translate3d(83vw, 107vh, 0); } to { -webkit-transform: translate3d(46vw, -122vh, 0); transform: translate3d(46vw, -122vh, 0); } } .circle-container:nth-child(62) .circle { -webkit-animation-delay: 1984ms; animation-delay: 1984ms; } .circle-container:nth-child(63) { width: 5px; height: 5px; -webkit-animation-name: move-frames-63; animation-name: move-frames-63; -webkit-animation-duration: 32137ms; animation-duration: 32137ms; -webkit-animation-delay: 30436ms; animation-delay: 30436ms; } @-webkit-keyframes move-frames-63 { from { -webkit-transform: translate3d(97vw, 110vh, 0); transform: translate3d(97vw, 110vh, 0); } to { -webkit-transform: translate3d(30vw, -121vh, 0); transform: translate3d(30vw, -121vh, 0); } } @keyframes move-frames-63 { from { -webkit-transform: translate3d(97vw, 110vh, 0); transform: translate3d(97vw, 110vh, 0); } to { -webkit-transform: translate3d(30vw, -121vh, 0); transform: translate3d(30vw, -121vh, 0); } } .circle-container:nth-child(63) .circle { -webkit-animation-delay: 3403ms; animation-delay: 3403ms; } .circle-container:nth-child(64) { width: 1px; height: 1px; -webkit-animation-name: move-frames-64; animation-name: move-frames-64; -webkit-animation-duration: 31419ms; animation-duration: 31419ms; -webkit-animation-delay: 20043ms; animation-delay: 20043ms; } @-webkit-keyframes move-frames-64 { from { -webkit-transform: translate3d(24vw, 102vh, 0); transform: translate3d(24vw, 102vh, 0); } to { -webkit-transform: translate3d(95vw, -117vh, 0); transform: translate3d(95vw, -117vh, 0); } } @keyframes move-frames-64 { from { -webkit-transform: translate3d(24vw, 102vh, 0); transform: translate3d(24vw, 102vh, 0); } to { -webkit-transform: translate3d(95vw, -117vh, 0); transform: translate3d(95vw, -117vh, 0); } } .circle-container:nth-child(64) .circle { -webkit-animation-delay: 2595ms; animation-delay: 2595ms; } .circle-container:nth-child(65) { width: 3px; height: 3px; -webkit-animation-name: move-frames-65; animation-name: move-frames-65; -webkit-animation-duration: 29483ms; animation-duration: 29483ms; -webkit-animation-delay: 9788ms; animation-delay: 9788ms; } @-webkit-keyframes move-frames-65 { from { -webkit-transform: translate3d(47vw, 104vh, 0); transform: translate3d(47vw, 104vh, 0); } to { -webkit-transform: translate3d(22vw, -131vh, 0); transform: translate3d(22vw, -131vh, 0); } } @keyframes move-frames-65 { from { -webkit-transform: translate3d(47vw, 104vh, 0); transform: translate3d(47vw, 104vh, 0); } to { -webkit-transform: translate3d(22vw, -131vh, 0); transform: translate3d(22vw, -131vh, 0); } } .circle-container:nth-child(65) .circle { -webkit-animation-delay: 6ms; animation-delay: 6ms; } .circle-container:nth-child(66) { width: 4px; height: 4px; -webkit-animation-name: move-frames-66; animation-name: move-frames-66; -webkit-animation-duration: 31370ms; animation-duration: 31370ms; -webkit-animation-delay: 26064ms; animation-delay: 26064ms; } @-webkit-keyframes move-frames-66 { from { -webkit-transform: translate3d(70vw, 101vh, 0); transform: translate3d(70vw, 101vh, 0); } to { -webkit-transform: translate3d(87vw, -105vh, 0); transform: translate3d(87vw, -105vh, 0); } } @keyframes move-frames-66 { from { -webkit-transform: translate3d(70vw, 101vh, 0); transform: translate3d(70vw, 101vh, 0); } to { -webkit-transform: translate3d(87vw, -105vh, 0); transform: translate3d(87vw, -105vh, 0); } } .circle-container:nth-child(66) .circle { -webkit-animation-delay: 2311ms; animation-delay: 2311ms; } .circle-container:nth-child(67) { width: 7px; height: 7px; -webkit-animation-name: move-frames-67; animation-name: move-frames-67; -webkit-animation-duration: 29878ms; animation-duration: 29878ms; -webkit-animation-delay: 11458ms; animation-delay: 11458ms; } @-webkit-keyframes move-frames-67 { from { -webkit-transform: translate3d(81vw, 109vh, 0); transform: translate3d(81vw, 109vh, 0); } to { -webkit-transform: translate3d(26vw, -110vh, 0); transform: translate3d(26vw, -110vh, 0); } } @keyframes move-frames-67 { from { -webkit-transform: translate3d(81vw, 109vh, 0); transform: translate3d(81vw, 109vh, 0); } to { -webkit-transform: translate3d(26vw, -110vh, 0); transform: translate3d(26vw, -110vh, 0); } } .circle-container:nth-child(67) .circle { -webkit-animation-delay: 1072ms; animation-delay: 1072ms; } .circle-container:nth-child(68) { width: 7px; height: 7px; -webkit-animation-name: move-frames-68; animation-name: move-frames-68; -webkit-animation-duration: 32412ms; animation-duration: 32412ms; -webkit-animation-delay: 30363ms; animation-delay: 30363ms; } @-webkit-keyframes move-frames-68 { from { -webkit-transform: translate3d(36vw, 103vh, 0); transform: translate3d(36vw, 103vh, 0); } to { -webkit-transform: translate3d(27vw, -122vh, 0); transform: translate3d(27vw, -122vh, 0); } } @keyframes move-frames-68 { from { -webkit-transform: translate3d(36vw, 103vh, 0); transform: translate3d(36vw, 103vh, 0); } to { -webkit-transform: translate3d(27vw, -122vh, 0); transform: translate3d(27vw, -122vh, 0); } } .circle-container:nth-child(68) .circle { -webkit-animation-delay: 3212ms; animation-delay: 3212ms; } .circle-container:nth-child(69) { width: 7px; height: 7px; -webkit-animation-name: move-frames-69; animation-name: move-frames-69; -webkit-animation-duration: 35373ms; animation-duration: 35373ms; -webkit-animation-delay: 32852ms; animation-delay: 32852ms; } @-webkit-keyframes move-frames-69 { from { -webkit-transform: translate3d(9vw, 108vh, 0); transform: translate3d(9vw, 108vh, 0); } to { -webkit-transform: translate3d(68vw, -121vh, 0); transform: translate3d(68vw, -121vh, 0); } } @keyframes move-frames-69 { from { -webkit-transform: translate3d(9vw, 108vh, 0); transform: translate3d(9vw, 108vh, 0); } to { -webkit-transform: translate3d(68vw, -121vh, 0); transform: translate3d(68vw, -121vh, 0); } } .circle-container:nth-child(69) .circle { -webkit-animation-delay: 2847ms; animation-delay: 2847ms; } .circle-container:nth-child(70) { width: 4px; height: 4px; -webkit-animation-name: move-frames-70; animation-name: move-frames-70; -webkit-animation-duration: 31004ms; animation-duration: 31004ms; -webkit-animation-delay: 6066ms; animation-delay: 6066ms; } @-webkit-keyframes move-frames-70 { from { -webkit-transform: translate3d(44vw, 110vh, 0); transform: translate3d(44vw, 110vh, 0); } to { -webkit-transform: translate3d(41vw, -116vh, 0); transform: translate3d(41vw, -116vh, 0); } } @keyframes move-frames-70 { from { -webkit-transform: translate3d(44vw, 110vh, 0); transform: translate3d(44vw, 110vh, 0); } to { -webkit-transform: translate3d(41vw, -116vh, 0); transform: translate3d(41vw, -116vh, 0); } } .circle-container:nth-child(70) .circle { -webkit-animation-delay: 3412ms; animation-delay: 3412ms; } .circle-container:nth-child(71) { width: 7px; height: 7px; -webkit-animation-name: move-frames-71; animation-name: move-frames-71; -webkit-animation-duration: 29439ms; animation-duration: 29439ms; -webkit-animation-delay: 18936ms; animation-delay: 18936ms; } @-webkit-keyframes move-frames-71 { from { -webkit-transform: translate3d(89vw, 102vh, 0); transform: translate3d(89vw, 102vh, 0); } to { -webkit-transform: translate3d(81vw, -127vh, 0); transform: translate3d(81vw, -127vh, 0); } } @keyframes move-frames-71 { from { -webkit-transform: translate3d(89vw, 102vh, 0); transform: translate3d(89vw, 102vh, 0); } to { -webkit-transform: translate3d(81vw, -127vh, 0); transform: translate3d(81vw, -127vh, 0); } } .circle-container:nth-child(71) .circle { -webkit-animation-delay: 391ms; animation-delay: 391ms; } .circle-container:nth-child(72) { width: 8px; height: 8px; -webkit-animation-name: move-frames-72; animation-name: move-frames-72; -webkit-animation-duration: 34318ms; animation-duration: 34318ms; -webkit-animation-delay: 8687ms; animation-delay: 8687ms; } @-webkit-keyframes move-frames-72 { from { -webkit-transform: translate3d(58vw, 109vh, 0); transform: translate3d(58vw, 109vh, 0); } to { -webkit-transform: translate3d(17vw, -119vh, 0); transform: translate3d(17vw, -119vh, 0); } } @keyframes move-frames-72 { from { -webkit-transform: translate3d(58vw, 109vh, 0); transform: translate3d(58vw, 109vh, 0); } to { -webkit-transform: translate3d(17vw, -119vh, 0); transform: translate3d(17vw, -119vh, 0); } } .circle-container:nth-child(72) .circle { -webkit-animation-delay: 2082ms; animation-delay: 2082ms; } .circle-container:nth-child(73) { width: 6px; height: 6px; -webkit-animation-name: move-frames-73; animation-name: move-frames-73; -webkit-animation-duration: 34056ms; animation-duration: 34056ms; -webkit-animation-delay: 29022ms; animation-delay: 29022ms; } @-webkit-keyframes move-frames-73 { from { -webkit-transform: translate3d(72vw, 109vh, 0); transform: translate3d(72vw, 109vh, 0); } to { -webkit-transform: translate3d(28vw, -113vh, 0); transform: translate3d(28vw, -113vh, 0); } } @keyframes move-frames-73 { from { -webkit-transform: translate3d(72vw, 109vh, 0); transform: translate3d(72vw, 109vh, 0); } to { -webkit-transform: translate3d(28vw, -113vh, 0); transform: translate3d(28vw, -113vh, 0); } } .circle-container:nth-child(73) .circle { -webkit-animation-delay: 1105ms; animation-delay: 1105ms; } .circle-container:nth-child(74) { width: 2px; height: 2px; -webkit-animation-name: move-frames-74; animation-name: move-frames-74; -webkit-animation-duration: 29818ms; animation-duration: 29818ms; -webkit-animation-delay: 19782ms; animation-delay: 19782ms; } @-webkit-keyframes move-frames-74 { from { -webkit-transform: translate3d(51vw, 110vh, 0); transform: translate3d(51vw, 110vh, 0); } to { -webkit-transform: translate3d(38vw, -119vh, 0); transform: translate3d(38vw, -119vh, 0); } } @keyframes move-frames-74 { from { -webkit-transform: translate3d(51vw, 110vh, 0); transform: translate3d(51vw, 110vh, 0); } to { -webkit-transform: translate3d(38vw, -119vh, 0); transform: translate3d(38vw, -119vh, 0); } } .circle-container:nth-child(74) .circle { -webkit-animation-delay: 3544ms; animation-delay: 3544ms; } .circle-container:nth-child(75) { width: 6px; height: 6px; -webkit-animation-name: move-frames-75; animation-name: move-frames-75; -webkit-animation-duration: 32961ms; animation-duration: 32961ms; -webkit-animation-delay: 34368ms; animation-delay: 34368ms; } @-webkit-keyframes move-frames-75 { from { -webkit-transform: translate3d(24vw, 109vh, 0); transform: translate3d(24vw, 109vh, 0); } to { -webkit-transform: translate3d(76vw, -110vh, 0); transform: translate3d(76vw, -110vh, 0); } } @keyframes move-frames-75 { from { -webkit-transform: translate3d(24vw, 109vh, 0); transform: translate3d(24vw, 109vh, 0); } to { -webkit-transform: translate3d(76vw, -110vh, 0); transform: translate3d(76vw, -110vh, 0); } } .circle-container:nth-child(75) .circle { -webkit-animation-delay: 1337ms; animation-delay: 1337ms; } .circle-container:nth-child(76) { width: 5px; height: 5px; -webkit-animation-name: move-frames-76; animation-name: move-frames-76; -webkit-animation-duration: 29295ms; animation-duration: 29295ms; -webkit-animation-delay: 2855ms; animation-delay: 2855ms; } @-webkit-keyframes move-frames-76 { from { -webkit-transform: translate3d(46vw, 101vh, 0); transform: translate3d(46vw, 101vh, 0); } to { -webkit-transform: translate3d(28vw, -102vh, 0); transform: translate3d(28vw, -102vh, 0); } } @keyframes move-frames-76 { from { -webkit-transform: translate3d(46vw, 101vh, 0); transform: translate3d(46vw, 101vh, 0); } to { -webkit-transform: translate3d(28vw, -102vh, 0); transform: translate3d(28vw, -102vh, 0); } } .circle-container:nth-child(76) .circle { -webkit-animation-delay: 1601ms; animation-delay: 1601ms; } .circle-container:nth-child(77) { width: 2px; height: 2px; -webkit-animation-name: move-frames-77; animation-name: move-frames-77; -webkit-animation-duration: 34991ms; animation-duration: 34991ms; -webkit-animation-delay: 1743ms; animation-delay: 1743ms; } @-webkit-keyframes move-frames-77 { from { -webkit-transform: translate3d(80vw, 107vh, 0); transform: translate3d(80vw, 107vh, 0); } to { -webkit-transform: translate3d(31vw, -130vh, 0); transform: translate3d(31vw, -130vh, 0); } } @keyframes move-frames-77 { from { -webkit-transform: translate3d(80vw, 107vh, 0); transform: translate3d(80vw, 107vh, 0); } to { -webkit-transform: translate3d(31vw, -130vh, 0); transform: translate3d(31vw, -130vh, 0); } } .circle-container:nth-child(77) .circle { -webkit-animation-delay: 1663ms; animation-delay: 1663ms; } .circle-container:nth-child(78) { width: 2px; height: 2px; -webkit-animation-name: move-frames-78; animation-name: move-frames-78; -webkit-animation-duration: 32986ms; animation-duration: 32986ms; -webkit-animation-delay: 8894ms; animation-delay: 8894ms; } @-webkit-keyframes move-frames-78 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(38vw, -115vh, 0); transform: translate3d(38vw, -115vh, 0); } } @keyframes move-frames-78 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(38vw, -115vh, 0); transform: translate3d(38vw, -115vh, 0); } } .circle-container:nth-child(78) .circle { -webkit-animation-delay: 2193ms; animation-delay: 2193ms; } .circle-container:nth-child(79) { width: 7px; height: 7px; -webkit-animation-name: move-frames-79; animation-name: move-frames-79; -webkit-animation-duration: 31915ms; animation-duration: 31915ms; -webkit-animation-delay: 10350ms; animation-delay: 10350ms; } @-webkit-keyframes move-frames-79 { from { -webkit-transform: translate3d(98vw, 109vh, 0); transform: translate3d(98vw, 109vh, 0); } to { -webkit-transform: translate3d(47vw, -119vh, 0); transform: translate3d(47vw, -119vh, 0); } } @keyframes move-frames-79 { from { -webkit-transform: translate3d(98vw, 109vh, 0); transform: translate3d(98vw, 109vh, 0); } to { -webkit-transform: translate3d(47vw, -119vh, 0); transform: translate3d(47vw, -119vh, 0); } } .circle-container:nth-child(79) .circle { -webkit-animation-delay: 2273ms; animation-delay: 2273ms; } .circle-container:nth-child(80) { width: 1px; height: 1px; -webkit-animation-name: move-frames-80; animation-name: move-frames-80; -webkit-animation-duration: 32368ms; animation-duration: 32368ms; -webkit-animation-delay: 24668ms; animation-delay: 24668ms; } @-webkit-keyframes move-frames-80 { from { -webkit-transform: translate3d(97vw, 110vh, 0); transform: translate3d(97vw, 110vh, 0); } to { -webkit-transform: translate3d(9vw, -135vh, 0); transform: translate3d(9vw, -135vh, 0); } } @keyframes move-frames-80 { from { -webkit-transform: translate3d(97vw, 110vh, 0); transform: translate3d(97vw, 110vh, 0); } to { -webkit-transform: translate3d(9vw, -135vh, 0); transform: translate3d(9vw, -135vh, 0); } } .circle-container:nth-child(80) .circle { -webkit-animation-delay: 686ms; animation-delay: 686ms; } .circle-container:nth-child(81) { width: 8px; height: 8px; -webkit-animation-name: move-frames-81; animation-name: move-frames-81; -webkit-animation-duration: 34007ms; animation-duration: 34007ms; -webkit-animation-delay: 23002ms; animation-delay: 23002ms; } @-webkit-keyframes move-frames-81 { from { -webkit-transform: translate3d(51vw, 106vh, 0); transform: translate3d(51vw, 106vh, 0); } to { -webkit-transform: translate3d(59vw, -128vh, 0); transform: translate3d(59vw, -128vh, 0); } } @keyframes move-frames-81 { from { -webkit-transform: translate3d(51vw, 106vh, 0); transform: translate3d(51vw, 106vh, 0); } to { -webkit-transform: translate3d(59vw, -128vh, 0); transform: translate3d(59vw, -128vh, 0); } } .circle-container:nth-child(81) .circle { -webkit-animation-delay: 3166ms; animation-delay: 3166ms; } .circle-container:nth-child(82) { width: 3px; height: 3px; -webkit-animation-name: move-frames-82; animation-name: move-frames-82; -webkit-animation-duration: 36481ms; animation-duration: 36481ms; -webkit-animation-delay: 25269ms; animation-delay: 25269ms; } @-webkit-keyframes move-frames-82 { from { -webkit-transform: translate3d(50vw, 103vh, 0); transform: translate3d(50vw, 103vh, 0); } to { -webkit-transform: translate3d(51vw, -131vh, 0); transform: translate3d(51vw, -131vh, 0); } } @keyframes move-frames-82 { from { -webkit-transform: translate3d(50vw, 103vh, 0); transform: translate3d(50vw, 103vh, 0); } to { -webkit-transform: translate3d(51vw, -131vh, 0); transform: translate3d(51vw, -131vh, 0); } } .circle-container:nth-child(82) .circle { -webkit-animation-delay: 3447ms; animation-delay: 3447ms; } .circle-container:nth-child(83) { width: 8px; height: 8px; -webkit-animation-name: move-frames-83; animation-name: move-frames-83; -webkit-animation-duration: 36454ms; animation-duration: 36454ms; -webkit-animation-delay: 26211ms; animation-delay: 26211ms; } @-webkit-keyframes move-frames-83 { from { -webkit-transform: translate3d(44vw, 107vh, 0); transform: translate3d(44vw, 107vh, 0); } to { -webkit-transform: translate3d(95vw, -129vh, 0); transform: translate3d(95vw, -129vh, 0); } } @keyframes move-frames-83 { from { -webkit-transform: translate3d(44vw, 107vh, 0); transform: translate3d(44vw, 107vh, 0); } to { -webkit-transform: translate3d(95vw, -129vh, 0); transform: translate3d(95vw, -129vh, 0); } } .circle-container:nth-child(83) .circle { -webkit-animation-delay: 108ms; animation-delay: 108ms; } .circle-container:nth-child(84) { width: 2px; height: 2px; -webkit-animation-name: move-frames-84; animation-name: move-frames-84; -webkit-animation-duration: 30665ms; animation-duration: 30665ms; -webkit-animation-delay: 27709ms; animation-delay: 27709ms; } @-webkit-keyframes move-frames-84 { from { -webkit-transform: translate3d(66vw, 108vh, 0); transform: translate3d(66vw, 108vh, 0); } to { -webkit-transform: translate3d(83vw, -128vh, 0); transform: translate3d(83vw, -128vh, 0); } } @keyframes move-frames-84 { from { -webkit-transform: translate3d(66vw, 108vh, 0); transform: translate3d(66vw, 108vh, 0); } to { -webkit-transform: translate3d(83vw, -128vh, 0); transform: translate3d(83vw, -128vh, 0); } } .circle-container:nth-child(84) .circle { -webkit-animation-delay: 1816ms; animation-delay: 1816ms; } .circle-container:nth-child(85) { width: 3px; height: 3px; -webkit-animation-name: move-frames-85; animation-name: move-frames-85; -webkit-animation-duration: 31266ms; animation-duration: 31266ms; -webkit-animation-delay: 24900ms; animation-delay: 24900ms; } @-webkit-keyframes move-frames-85 { from { -webkit-transform: translate3d(2vw, 102vh, 0); transform: translate3d(2vw, 102vh, 0); } to { -webkit-transform: translate3d(27vw, -130vh, 0); transform: translate3d(27vw, -130vh, 0); } } @keyframes move-frames-85 { from { -webkit-transform: translate3d(2vw, 102vh, 0); transform: translate3d(2vw, 102vh, 0); } to { -webkit-transform: translate3d(27vw, -130vh, 0); transform: translate3d(27vw, -130vh, 0); } } .circle-container:nth-child(85) .circle { -webkit-animation-delay: 3589ms; animation-delay: 3589ms; } .circle-container:nth-child(86) { width: 8px; height: 8px; -webkit-animation-name: move-frames-86; animation-name: move-frames-86; -webkit-animation-duration: 29420ms; animation-duration: 29420ms; -webkit-animation-delay: 25152ms; animation-delay: 25152ms; } @-webkit-keyframes move-frames-86 { from { -webkit-transform: translate3d(82vw, 107vh, 0); transform: translate3d(82vw, 107vh, 0); } to { -webkit-transform: translate3d(90vw, -135vh, 0); transform: translate3d(90vw, -135vh, 0); } } @keyframes move-frames-86 { from { -webkit-transform: translate3d(82vw, 107vh, 0); transform: translate3d(82vw, 107vh, 0); } to { -webkit-transform: translate3d(90vw, -135vh, 0); transform: translate3d(90vw, -135vh, 0); } } .circle-container:nth-child(86) .circle { -webkit-animation-delay: 1075ms; animation-delay: 1075ms; } .circle-container:nth-child(87) { width: 2px; height: 2px; -webkit-animation-name: move-frames-87; animation-name: move-frames-87; -webkit-animation-duration: 33200ms; animation-duration: 33200ms; -webkit-animation-delay: 22278ms; animation-delay: 22278ms; } @-webkit-keyframes move-frames-87 { from { -webkit-transform: translate3d(82vw, 109vh, 0); transform: translate3d(82vw, 109vh, 0); } to { -webkit-transform: translate3d(37vw, -124vh, 0); transform: translate3d(37vw, -124vh, 0); } } @keyframes move-frames-87 { from { -webkit-transform: translate3d(82vw, 109vh, 0); transform: translate3d(82vw, 109vh, 0); } to { -webkit-transform: translate3d(37vw, -124vh, 0); transform: translate3d(37vw, -124vh, 0); } } .circle-container:nth-child(87) .circle { -webkit-animation-delay: 1474ms; animation-delay: 1474ms; } .circle-container:nth-child(88) { width: 5px; height: 5px; -webkit-animation-name: move-frames-88; animation-name: move-frames-88; -webkit-animation-duration: 29265ms; animation-duration: 29265ms; -webkit-animation-delay: 29935ms; animation-delay: 29935ms; } @-webkit-keyframes move-frames-88 { from { -webkit-transform: translate3d(76vw, 109vh, 0); transform: translate3d(76vw, 109vh, 0); } to { -webkit-transform: translate3d(49vw, -122vh, 0); transform: translate3d(49vw, -122vh, 0); } } @keyframes move-frames-88 { from { -webkit-transform: translate3d(76vw, 109vh, 0); transform: translate3d(76vw, 109vh, 0); } to { -webkit-transform: translate3d(49vw, -122vh, 0); transform: translate3d(49vw, -122vh, 0); } } .circle-container:nth-child(88) .circle { -webkit-animation-delay: 972ms; animation-delay: 972ms; } .circle-container:nth-child(89) { width: 3px; height: 3px; -webkit-animation-name: move-frames-89; animation-name: move-frames-89; -webkit-animation-duration: 35965ms; animation-duration: 35965ms; -webkit-animation-delay: 11285ms; animation-delay: 11285ms; } @-webkit-keyframes move-frames-89 { from { -webkit-transform: translate3d(81vw, 107vh, 0); transform: translate3d(81vw, 107vh, 0); } to { -webkit-transform: translate3d(41vw, -111vh, 0); transform: translate3d(41vw, -111vh, 0); } } @keyframes move-frames-89 { from { -webkit-transform: translate3d(81vw, 107vh, 0); transform: translate3d(81vw, 107vh, 0); } to { -webkit-transform: translate3d(41vw, -111vh, 0); transform: translate3d(41vw, -111vh, 0); } } .circle-container:nth-child(89) .circle { -webkit-animation-delay: 2073ms; animation-delay: 2073ms; } .circle-container:nth-child(90) { width: 5px; height: 5px; -webkit-animation-name: move-frames-90; animation-name: move-frames-90; -webkit-animation-duration: 31881ms; animation-duration: 31881ms; -webkit-animation-delay: 1489ms; animation-delay: 1489ms; } @-webkit-keyframes move-frames-90 { from { -webkit-transform: translate3d(7vw, 102vh, 0); transform: translate3d(7vw, 102vh, 0); } to { -webkit-transform: translate3d(98vw, -118vh, 0); transform: translate3d(98vw, -118vh, 0); } } @keyframes move-frames-90 { from { -webkit-transform: translate3d(7vw, 102vh, 0); transform: translate3d(7vw, 102vh, 0); } to { -webkit-transform: translate3d(98vw, -118vh, 0); transform: translate3d(98vw, -118vh, 0); } } .circle-container:nth-child(90) .circle { -webkit-animation-delay: 2194ms; animation-delay: 2194ms; } .circle-container:nth-child(91) { width: 5px; height: 5px; -webkit-animation-name: move-frames-91; animation-name: move-frames-91; -webkit-animation-duration: 28187ms; animation-duration: 28187ms; -webkit-animation-delay: 14219ms; animation-delay: 14219ms; } @-webkit-keyframes move-frames-91 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(75vw, -127vh, 0); transform: translate3d(75vw, -127vh, 0); } } @keyframes move-frames-91 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(75vw, -127vh, 0); transform: translate3d(75vw, -127vh, 0); } } .circle-container:nth-child(91) .circle { -webkit-animation-delay: 1085ms; animation-delay: 1085ms; } .circle-container:nth-child(92) { width: 1px; height: 1px; -webkit-animation-name: move-frames-92; animation-name: move-frames-92; -webkit-animation-duration: 36932ms; animation-duration: 36932ms; -webkit-animation-delay: 30055ms; animation-delay: 30055ms; } @-webkit-keyframes move-frames-92 { from { -webkit-transform: translate3d(61vw, 105vh, 0); transform: translate3d(61vw, 105vh, 0); } to { -webkit-transform: translate3d(87vw, -108vh, 0); transform: translate3d(87vw, -108vh, 0); } } @keyframes move-frames-92 { from { -webkit-transform: translate3d(61vw, 105vh, 0); transform: translate3d(61vw, 105vh, 0); } to { -webkit-transform: translate3d(87vw, -108vh, 0); transform: translate3d(87vw, -108vh, 0); } } .circle-container:nth-child(92) .circle { -webkit-animation-delay: 390ms; animation-delay: 390ms; } .circle-container:nth-child(93) { width: 3px; height: 3px; -webkit-animation-name: move-frames-93; animation-name: move-frames-93; -webkit-animation-duration: 31090ms; animation-duration: 31090ms; -webkit-animation-delay: 3478ms; animation-delay: 3478ms; } @-webkit-keyframes move-frames-93 { from { -webkit-transform: translate3d(39vw, 107vh, 0); transform: translate3d(39vw, 107vh, 0); } to { -webkit-transform: translate3d(53vw, -118vh, 0); transform: translate3d(53vw, -118vh, 0); } } @keyframes move-frames-93 { from { -webkit-transform: translate3d(39vw, 107vh, 0); transform: translate3d(39vw, 107vh, 0); } to { -webkit-transform: translate3d(53vw, -118vh, 0); transform: translate3d(53vw, -118vh, 0); } } .circle-container:nth-child(93) .circle { -webkit-animation-delay: 2685ms; animation-delay: 2685ms; } .circle-container:nth-child(94) { width: 6px; height: 6px; -webkit-animation-name: move-frames-94; animation-name: move-frames-94; -webkit-animation-duration: 35729ms; animation-duration: 35729ms; -webkit-animation-delay: 8336ms; animation-delay: 8336ms; } @-webkit-keyframes move-frames-94 { from { -webkit-transform: translate3d(18vw, 107vh, 0); transform: translate3d(18vw, 107vh, 0); } to { -webkit-transform: translate3d(5vw, -123vh, 0); transform: translate3d(5vw, -123vh, 0); } } @keyframes move-frames-94 { from { -webkit-transform: translate3d(18vw, 107vh, 0); transform: translate3d(18vw, 107vh, 0); } to { -webkit-transform: translate3d(5vw, -123vh, 0); transform: translate3d(5vw, -123vh, 0); } } .circle-container:nth-child(94) .circle { -webkit-animation-delay: 985ms; animation-delay: 985ms; } .circle-container:nth-child(95) { width: 6px; height: 6px; -webkit-animation-name: move-frames-95; animation-name: move-frames-95; -webkit-animation-duration: 36773ms; animation-duration: 36773ms; -webkit-animation-delay: 30262ms; animation-delay: 30262ms; } @-webkit-keyframes move-frames-95 { from { -webkit-transform: translate3d(23vw, 110vh, 0); transform: translate3d(23vw, 110vh, 0); } to { -webkit-transform: translate3d(16vw, -129vh, 0); transform: translate3d(16vw, -129vh, 0); } } @keyframes move-frames-95 { from { -webkit-transform: translate3d(23vw, 110vh, 0); transform: translate3d(23vw, 110vh, 0); } to { -webkit-transform: translate3d(16vw, -129vh, 0); transform: translate3d(16vw, -129vh, 0); } } .circle-container:nth-child(95) .circle { -webkit-animation-delay: 2980ms; animation-delay: 2980ms; } .circle-container:nth-child(96) { width: 8px; height: 8px; -webkit-animation-name: move-frames-96; animation-name: move-frames-96; -webkit-animation-duration: 33849ms; animation-duration: 33849ms; -webkit-animation-delay: 12993ms; animation-delay: 12993ms; } @-webkit-keyframes move-frames-96 { from { -webkit-transform: translate3d(69vw, 102vh, 0); transform: translate3d(69vw, 102vh, 0); } to { -webkit-transform: translate3d(6vw, -126vh, 0); transform: translate3d(6vw, -126vh, 0); } } @keyframes move-frames-96 { from { -webkit-transform: translate3d(69vw, 102vh, 0); transform: translate3d(69vw, 102vh, 0); } to { -webkit-transform: translate3d(6vw, -126vh, 0); transform: translate3d(6vw, -126vh, 0); } } .circle-container:nth-child(96) .circle { -webkit-animation-delay: 3423ms; animation-delay: 3423ms; } .circle-container:nth-child(97) { width: 7px; height: 7px; -webkit-animation-name: move-frames-97; animation-name: move-frames-97; -webkit-animation-duration: 29341ms; animation-duration: 29341ms; -webkit-animation-delay: 31585ms; animation-delay: 31585ms; } @-webkit-keyframes move-frames-97 { from { -webkit-transform: translate3d(51vw, 103vh, 0); transform: translate3d(51vw, 103vh, 0); } to { -webkit-transform: translate3d(61vw, -128vh, 0); transform: translate3d(61vw, -128vh, 0); } } @keyframes move-frames-97 { from { -webkit-transform: translate3d(51vw, 103vh, 0); transform: translate3d(51vw, 103vh, 0); } to { -webkit-transform: translate3d(61vw, -128vh, 0); transform: translate3d(61vw, -128vh, 0); } } .circle-container:nth-child(97) .circle { -webkit-animation-delay: 155ms; animation-delay: 155ms; } .circle-container:nth-child(98) { width: 6px; height: 6px; -webkit-animation-name: move-frames-98; animation-name: move-frames-98; -webkit-animation-duration: 31101ms; animation-duration: 31101ms; -webkit-animation-delay: 11460ms; animation-delay: 11460ms; } @-webkit-keyframes move-frames-98 { from { -webkit-transform: translate3d(69vw, 106vh, 0); transform: translate3d(69vw, 106vh, 0); } to { -webkit-transform: translate3d(32vw, -114vh, 0); transform: translate3d(32vw, -114vh, 0); } } @keyframes move-frames-98 { from { -webkit-transform: translate3d(69vw, 106vh, 0); transform: translate3d(69vw, 106vh, 0); } to { -webkit-transform: translate3d(32vw, -114vh, 0); transform: translate3d(32vw, -114vh, 0); } } .circle-container:nth-child(98) .circle { -webkit-animation-delay: 1205ms; animation-delay: 1205ms; } .circle-container:nth-child(99) { width: 1px; height: 1px; -webkit-animation-name: move-frames-99; animation-name: move-frames-99; -webkit-animation-duration: 35277ms; animation-duration: 35277ms; -webkit-animation-delay: 14787ms; animation-delay: 14787ms; } @-webkit-keyframes move-frames-99 { from { -webkit-transform: translate3d(53vw, 102vh, 0); transform: translate3d(53vw, 102vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } @keyframes move-frames-99 { from { -webkit-transform: translate3d(53vw, 102vh, 0); transform: translate3d(53vw, 102vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } .circle-container:nth-child(99) .circle { -webkit-animation-delay: 760ms; animation-delay: 760ms; } .circle-container:nth-child(100) { width: 7px; height: 7px; -webkit-animation-name: move-frames-100; animation-name: move-frames-100; -webkit-animation-duration: 30340ms; animation-duration: 30340ms; -webkit-animation-delay: 24440ms; animation-delay: 24440ms; } @-webkit-keyframes move-frames-100 { from { -webkit-transform: translate3d(77vw, 104vh, 0); transform: translate3d(77vw, 104vh, 0); } to { -webkit-transform: translate3d(10vw, -113vh, 0); transform: translate3d(10vw, -113vh, 0); } } @keyframes move-frames-100 { from { -webkit-transform: translate3d(77vw, 104vh, 0); transform: translate3d(77vw, 104vh, 0); } to { -webkit-transform: translate3d(10vw, -113vh, 0); transform: translate3d(10vw, -113vh, 0); } } .circle-container:nth-child(100) .circle { -webkit-animation-delay: 1256ms; animation-delay: 1256ms; } .circle-container:nth-child(101) { width: 3px; height: 3px; -webkit-animation-name: move-frames-101; animation-name: move-frames-101; -webkit-animation-duration: 30447ms; animation-duration: 30447ms; -webkit-animation-delay: 8948ms; animation-delay: 8948ms; } @-webkit-keyframes move-frames-101 { from { -webkit-transform: translate3d(43vw, 103vh, 0); transform: translate3d(43vw, 103vh, 0); } to { -webkit-transform: translate3d(60vw, -104vh, 0); transform: translate3d(60vw, -104vh, 0); } } @keyframes move-frames-101 { from { -webkit-transform: translate3d(43vw, 103vh, 0); transform: translate3d(43vw, 103vh, 0); } to { -webkit-transform: translate3d(60vw, -104vh, 0); transform: translate3d(60vw, -104vh, 0); } } .circle-container:nth-child(101) .circle { -webkit-animation-delay: 1157ms; animation-delay: 1157ms; } .circle-container:nth-child(102) { width: 5px; height: 5px; -webkit-animation-name: move-frames-102; animation-name: move-frames-102; -webkit-animation-duration: 29051ms; animation-duration: 29051ms; -webkit-animation-delay: 27425ms; animation-delay: 27425ms; } @-webkit-keyframes move-frames-102 { from { -webkit-transform: translate3d(26vw, 102vh, 0); transform: translate3d(26vw, 102vh, 0); } to { -webkit-transform: translate3d(99vw, -126vh, 0); transform: translate3d(99vw, -126vh, 0); } } @keyframes move-frames-102 { from { -webkit-transform: translate3d(26vw, 102vh, 0); transform: translate3d(26vw, 102vh, 0); } to { -webkit-transform: translate3d(99vw, -126vh, 0); transform: translate3d(99vw, -126vh, 0); } } .circle-container:nth-child(102) .circle { -webkit-animation-delay: 2159ms; animation-delay: 2159ms; } .circle-container:nth-child(103) { width: 1px; height: 1px; -webkit-animation-name: move-frames-103; animation-name: move-frames-103; -webkit-animation-duration: 32596ms; animation-duration: 32596ms; -webkit-animation-delay: 3864ms; animation-delay: 3864ms; } @-webkit-keyframes move-frames-103 { from { -webkit-transform: translate3d(50vw, 104vh, 0); transform: translate3d(50vw, 104vh, 0); } to { -webkit-transform: translate3d(26vw, -126vh, 0); transform: translate3d(26vw, -126vh, 0); } } @keyframes move-frames-103 { from { -webkit-transform: translate3d(50vw, 104vh, 0); transform: translate3d(50vw, 104vh, 0); } to { -webkit-transform: translate3d(26vw, -126vh, 0); transform: translate3d(26vw, -126vh, 0); } } .circle-container:nth-child(103) .circle { -webkit-animation-delay: 2872ms; animation-delay: 2872ms; } .circle-container:nth-child(104) { width: 6px; height: 6px; -webkit-animation-name: move-frames-104; animation-name: move-frames-104; -webkit-animation-duration: 28481ms; animation-duration: 28481ms; -webkit-animation-delay: 26024ms; animation-delay: 26024ms; } @-webkit-keyframes move-frames-104 { from { -webkit-transform: translate3d(7vw, 110vh, 0); transform: translate3d(7vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -113vh, 0); transform: translate3d(34vw, -113vh, 0); } } @keyframes move-frames-104 { from { -webkit-transform: translate3d(7vw, 110vh, 0); transform: translate3d(7vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -113vh, 0); transform: translate3d(34vw, -113vh, 0); } } .circle-container:nth-child(104) .circle { -webkit-animation-delay: 1124ms; animation-delay: 1124ms; } .circle-container:nth-child(105) { width: 6px; height: 6px; -webkit-animation-name: move-frames-105; animation-name: move-frames-105; -webkit-animation-duration: 33667ms; animation-duration: 33667ms; -webkit-animation-delay: 14200ms; animation-delay: 14200ms; } @-webkit-keyframes move-frames-105 { from { -webkit-transform: translate3d(69vw, 107vh, 0); transform: translate3d(69vw, 107vh, 0); } to { -webkit-transform: translate3d(58vw, -127vh, 0); transform: translate3d(58vw, -127vh, 0); } } @keyframes move-frames-105 { from { -webkit-transform: translate3d(69vw, 107vh, 0); transform: translate3d(69vw, 107vh, 0); } to { -webkit-transform: translate3d(58vw, -127vh, 0); transform: translate3d(58vw, -127vh, 0); } } .circle-container:nth-child(105) .circle { -webkit-animation-delay: 3623ms; animation-delay: 3623ms; } .circle-container:nth-child(106) { width: 2px; height: 2px; -webkit-animation-name: move-frames-106; animation-name: move-frames-106; -webkit-animation-duration: 28983ms; animation-duration: 28983ms; -webkit-animation-delay: 12141ms; animation-delay: 12141ms; } @-webkit-keyframes move-frames-106 { from { -webkit-transform: translate3d(3vw, 105vh, 0); transform: translate3d(3vw, 105vh, 0); } to { -webkit-transform: translate3d(56vw, -115vh, 0); transform: translate3d(56vw, -115vh, 0); } } @keyframes move-frames-106 { from { -webkit-transform: translate3d(3vw, 105vh, 0); transform: translate3d(3vw, 105vh, 0); } to { -webkit-transform: translate3d(56vw, -115vh, 0); transform: translate3d(56vw, -115vh, 0); } } .circle-container:nth-child(106) .circle { -webkit-animation-delay: 1970ms; animation-delay: 1970ms; } .circle-container:nth-child(107) { width: 1px; height: 1px; -webkit-animation-name: move-frames-107; animation-name: move-frames-107; -webkit-animation-duration: 30853ms; animation-duration: 30853ms; -webkit-animation-delay: 33095ms; animation-delay: 33095ms; } @-webkit-keyframes move-frames-107 { from { -webkit-transform: translate3d(100vw, 109vh, 0); transform: translate3d(100vw, 109vh, 0); } to { -webkit-transform: translate3d(27vw, -113vh, 0); transform: translate3d(27vw, -113vh, 0); } } @keyframes move-frames-107 { from { -webkit-transform: translate3d(100vw, 109vh, 0); transform: translate3d(100vw, 109vh, 0); } to { -webkit-transform: translate3d(27vw, -113vh, 0); transform: translate3d(27vw, -113vh, 0); } } .circle-container:nth-child(107) .circle { -webkit-animation-delay: 3193ms; animation-delay: 3193ms; } .circle-container:nth-child(108) { width: 6px; height: 6px; -webkit-animation-name: move-frames-108; animation-name: move-frames-108; -webkit-animation-duration: 32850ms; animation-duration: 32850ms; -webkit-animation-delay: 4199ms; animation-delay: 4199ms; } @-webkit-keyframes move-frames-108 { from { -webkit-transform: translate3d(32vw, 102vh, 0); transform: translate3d(32vw, 102vh, 0); } to { -webkit-transform: translate3d(37vw, -125vh, 0); transform: translate3d(37vw, -125vh, 0); } } @keyframes move-frames-108 { from { -webkit-transform: translate3d(32vw, 102vh, 0); transform: translate3d(32vw, 102vh, 0); } to { -webkit-transform: translate3d(37vw, -125vh, 0); transform: translate3d(37vw, -125vh, 0); } } .circle-container:nth-child(108) .circle { -webkit-animation-delay: 201ms; animation-delay: 201ms; } .circle-container:nth-child(109) { width: 2px; height: 2px; -webkit-animation-name: move-frames-109; animation-name: move-frames-109; -webkit-animation-duration: 30408ms; animation-duration: 30408ms; -webkit-animation-delay: 24574ms; animation-delay: 24574ms; } @-webkit-keyframes move-frames-109 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(60vw, -107vh, 0); transform: translate3d(60vw, -107vh, 0); } } @keyframes move-frames-109 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(60vw, -107vh, 0); transform: translate3d(60vw, -107vh, 0); } } .circle-container:nth-child(109) .circle { -webkit-animation-delay: 2811ms; animation-delay: 2811ms; } .circle-container:nth-child(110) { width: 7px; height: 7px; -webkit-animation-name: move-frames-110; animation-name: move-frames-110; -webkit-animation-duration: 34722ms; animation-duration: 34722ms; -webkit-animation-delay: 31166ms; animation-delay: 31166ms; } @-webkit-keyframes move-frames-110 { from { -webkit-transform: translate3d(86vw, 109vh, 0); transform: translate3d(86vw, 109vh, 0); } to { -webkit-transform: translate3d(16vw, -126vh, 0); transform: translate3d(16vw, -126vh, 0); } } @keyframes move-frames-110 { from { -webkit-transform: translate3d(86vw, 109vh, 0); transform: translate3d(86vw, 109vh, 0); } to { -webkit-transform: translate3d(16vw, -126vh, 0); transform: translate3d(16vw, -126vh, 0); } } .circle-container:nth-child(110) .circle { -webkit-animation-delay: 2535ms; animation-delay: 2535ms; } .circle-container:nth-child(111) { width: 5px; height: 5px; -webkit-animation-name: move-frames-111; animation-name: move-frames-111; -webkit-animation-duration: 36014ms; animation-duration: 36014ms; -webkit-animation-delay: 16558ms; animation-delay: 16558ms; } @-webkit-keyframes move-frames-111 { from { -webkit-transform: translate3d(70vw, 102vh, 0); transform: translate3d(70vw, 102vh, 0); } to { -webkit-transform: translate3d(43vw, -107vh, 0); transform: translate3d(43vw, -107vh, 0); } } @keyframes move-frames-111 { from { -webkit-transform: translate3d(70vw, 102vh, 0); transform: translate3d(70vw, 102vh, 0); } to { -webkit-transform: translate3d(43vw, -107vh, 0); transform: translate3d(43vw, -107vh, 0); } } .circle-container:nth-child(111) .circle { -webkit-animation-delay: 2732ms; animation-delay: 2732ms; } .circle-container:nth-child(112) { width: 1px; height: 1px; -webkit-animation-name: move-frames-112; animation-name: move-frames-112; -webkit-animation-duration: 33698ms; animation-duration: 33698ms; -webkit-animation-delay: 13437ms; animation-delay: 13437ms; } @-webkit-keyframes move-frames-112 { from { -webkit-transform: translate3d(32vw, 108vh, 0); transform: translate3d(32vw, 108vh, 0); } to { -webkit-transform: translate3d(68vw, -128vh, 0); transform: translate3d(68vw, -128vh, 0); } } @keyframes move-frames-112 { from { -webkit-transform: translate3d(32vw, 108vh, 0); transform: translate3d(32vw, 108vh, 0); } to { -webkit-transform: translate3d(68vw, -128vh, 0); transform: translate3d(68vw, -128vh, 0); } } .circle-container:nth-child(112) .circle { -webkit-animation-delay: 1809ms; animation-delay: 1809ms; } .circle-container:nth-child(113) { width: 6px; height: 6px; -webkit-animation-name: move-frames-113; animation-name: move-frames-113; -webkit-animation-duration: 33952ms; animation-duration: 33952ms; -webkit-animation-delay: 9052ms; animation-delay: 9052ms; } @-webkit-keyframes move-frames-113 { from { -webkit-transform: translate3d(70vw, 101vh, 0); transform: translate3d(70vw, 101vh, 0); } to { -webkit-transform: translate3d(39vw, -110vh, 0); transform: translate3d(39vw, -110vh, 0); } } @keyframes move-frames-113 { from { -webkit-transform: translate3d(70vw, 101vh, 0); transform: translate3d(70vw, 101vh, 0); } to { -webkit-transform: translate3d(39vw, -110vh, 0); transform: translate3d(39vw, -110vh, 0); } } .circle-container:nth-child(113) .circle { -webkit-animation-delay: 3860ms; animation-delay: 3860ms; } .circle-container:nth-child(114) { width: 3px; height: 3px; -webkit-animation-name: move-frames-114; animation-name: move-frames-114; -webkit-animation-duration: 33025ms; animation-duration: 33025ms; -webkit-animation-delay: 26408ms; animation-delay: 26408ms; } @-webkit-keyframes move-frames-114 { from { -webkit-transform: translate3d(92vw, 106vh, 0); transform: translate3d(92vw, 106vh, 0); } to { -webkit-transform: translate3d(39vw, -129vh, 0); transform: translate3d(39vw, -129vh, 0); } } @keyframes move-frames-114 { from { -webkit-transform: translate3d(92vw, 106vh, 0); transform: translate3d(92vw, 106vh, 0); } to { -webkit-transform: translate3d(39vw, -129vh, 0); transform: translate3d(39vw, -129vh, 0); } } .circle-container:nth-child(114) .circle { -webkit-animation-delay: 472ms; animation-delay: 472ms; } .circle-container:nth-child(115) { width: 4px; height: 4px; -webkit-animation-name: move-frames-115; animation-name: move-frames-115; -webkit-animation-duration: 31981ms; animation-duration: 31981ms; -webkit-animation-delay: 19237ms; animation-delay: 19237ms; } @-webkit-keyframes move-frames-115 { from { -webkit-transform: translate3d(8vw, 106vh, 0); transform: translate3d(8vw, 106vh, 0); } to { -webkit-transform: translate3d(83vw, -111vh, 0); transform: translate3d(83vw, -111vh, 0); } } @keyframes move-frames-115 { from { -webkit-transform: translate3d(8vw, 106vh, 0); transform: translate3d(8vw, 106vh, 0); } to { -webkit-transform: translate3d(83vw, -111vh, 0); transform: translate3d(83vw, -111vh, 0); } } .circle-container:nth-child(115) .circle { -webkit-animation-delay: 800ms; animation-delay: 800ms; } .circle-container:nth-child(116) { width: 3px; height: 3px; -webkit-animation-name: move-frames-116; animation-name: move-frames-116; -webkit-animation-duration: 36056ms; animation-duration: 36056ms; -webkit-animation-delay: 13045ms; animation-delay: 13045ms; } @-webkit-keyframes move-frames-116 { from { -webkit-transform: translate3d(86vw, 102vh, 0); transform: translate3d(86vw, 102vh, 0); } to { -webkit-transform: translate3d(35vw, -132vh, 0); transform: translate3d(35vw, -132vh, 0); } } @keyframes move-frames-116 { from { -webkit-transform: translate3d(86vw, 102vh, 0); transform: translate3d(86vw, 102vh, 0); } to { -webkit-transform: translate3d(35vw, -132vh, 0); transform: translate3d(35vw, -132vh, 0); } } .circle-container:nth-child(116) .circle { -webkit-animation-delay: 2116ms; animation-delay: 2116ms; } .circle-container:nth-child(117) { width: 3px; height: 3px; -webkit-animation-name: move-frames-117; animation-name: move-frames-117; -webkit-animation-duration: 33990ms; animation-duration: 33990ms; -webkit-animation-delay: 20295ms; animation-delay: 20295ms; } @-webkit-keyframes move-frames-117 { from { -webkit-transform: translate3d(21vw, 108vh, 0); transform: translate3d(21vw, 108vh, 0); } to { -webkit-transform: translate3d(9vw, -134vh, 0); transform: translate3d(9vw, -134vh, 0); } } @keyframes move-frames-117 { from { -webkit-transform: translate3d(21vw, 108vh, 0); transform: translate3d(21vw, 108vh, 0); } to { -webkit-transform: translate3d(9vw, -134vh, 0); transform: translate3d(9vw, -134vh, 0); } } .circle-container:nth-child(117) .circle { -webkit-animation-delay: 1697ms; animation-delay: 1697ms; } .circle-container:nth-child(118) { width: 3px; height: 3px; -webkit-animation-name: move-frames-118; animation-name: move-frames-118; -webkit-animation-duration: 35987ms; animation-duration: 35987ms; -webkit-animation-delay: 15350ms; animation-delay: 15350ms; } @-webkit-keyframes move-frames-118 { from { -webkit-transform: translate3d(89vw, 101vh, 0); transform: translate3d(89vw, 101vh, 0); } to { -webkit-transform: translate3d(30vw, -131vh, 0); transform: translate3d(30vw, -131vh, 0); } } @keyframes move-frames-118 { from { -webkit-transform: translate3d(89vw, 101vh, 0); transform: translate3d(89vw, 101vh, 0); } to { -webkit-transform: translate3d(30vw, -131vh, 0); transform: translate3d(30vw, -131vh, 0); } } .circle-container:nth-child(118) .circle { -webkit-animation-delay: 3912ms; animation-delay: 3912ms; } .circle-container:nth-child(119) { width: 8px; height: 8px; -webkit-animation-name: move-frames-119; animation-name: move-frames-119; -webkit-animation-duration: 33714ms; animation-duration: 33714ms; -webkit-animation-delay: 32625ms; animation-delay: 32625ms; } @-webkit-keyframes move-frames-119 { from { -webkit-transform: translate3d(88vw, 106vh, 0); transform: translate3d(88vw, 106vh, 0); } to { -webkit-transform: translate3d(82vw, -116vh, 0); transform: translate3d(82vw, -116vh, 0); } } @keyframes move-frames-119 { from { -webkit-transform: translate3d(88vw, 106vh, 0); transform: translate3d(88vw, 106vh, 0); } to { -webkit-transform: translate3d(82vw, -116vh, 0); transform: translate3d(82vw, -116vh, 0); } } .circle-container:nth-child(119) .circle { -webkit-animation-delay: 3772ms; animation-delay: 3772ms; } .circle-container:nth-child(120) { width: 5px; height: 5px; -webkit-animation-name: move-frames-120; animation-name: move-frames-120; -webkit-animation-duration: 31871ms; animation-duration: 31871ms; -webkit-animation-delay: 22955ms; animation-delay: 22955ms; } @-webkit-keyframes move-frames-120 { from { -webkit-transform: translate3d(38vw, 107vh, 0); transform: translate3d(38vw, 107vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } @keyframes move-frames-120 { from { -webkit-transform: translate3d(38vw, 107vh, 0); transform: translate3d(38vw, 107vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } .circle-container:nth-child(120) .circle { -webkit-animation-delay: 3168ms; animation-delay: 3168ms; } .circle-container:nth-child(121) { width: 2px; height: 2px; -webkit-animation-name: move-frames-121; animation-name: move-frames-121; -webkit-animation-duration: 31008ms; animation-duration: 31008ms; -webkit-animation-delay: 33753ms; animation-delay: 33753ms; } @-webkit-keyframes move-frames-121 { from { -webkit-transform: translate3d(30vw, 109vh, 0); transform: translate3d(30vw, 109vh, 0); } to { -webkit-transform: translate3d(93vw, -120vh, 0); transform: translate3d(93vw, -120vh, 0); } } @keyframes move-frames-121 { from { -webkit-transform: translate3d(30vw, 109vh, 0); transform: translate3d(30vw, 109vh, 0); } to { -webkit-transform: translate3d(93vw, -120vh, 0); transform: translate3d(93vw, -120vh, 0); } } .circle-container:nth-child(121) .circle { -webkit-animation-delay: 2394ms; animation-delay: 2394ms; } .circle-container:nth-child(122) { width: 1px; height: 1px; -webkit-animation-name: move-frames-122; animation-name: move-frames-122; -webkit-animation-duration: 28515ms; animation-duration: 28515ms; -webkit-animation-delay: 12606ms; animation-delay: 12606ms; } @-webkit-keyframes move-frames-122 { from { -webkit-transform: translate3d(80vw, 105vh, 0); transform: translate3d(80vw, 105vh, 0); } to { -webkit-transform: translate3d(76vw, -132vh, 0); transform: translate3d(76vw, -132vh, 0); } } @keyframes move-frames-122 { from { -webkit-transform: translate3d(80vw, 105vh, 0); transform: translate3d(80vw, 105vh, 0); } to { -webkit-transform: translate3d(76vw, -132vh, 0); transform: translate3d(76vw, -132vh, 0); } } .circle-container:nth-child(122) .circle { -webkit-animation-delay: 2153ms; animation-delay: 2153ms; } .circle-container:nth-child(123) { width: 7px; height: 7px; -webkit-animation-name: move-frames-123; animation-name: move-frames-123; -webkit-animation-duration: 32448ms; animation-duration: 32448ms; -webkit-animation-delay: 32437ms; animation-delay: 32437ms; } @-webkit-keyframes move-frames-123 { from { -webkit-transform: translate3d(43vw, 107vh, 0); transform: translate3d(43vw, 107vh, 0); } to { -webkit-transform: translate3d(36vw, -122vh, 0); transform: translate3d(36vw, -122vh, 0); } } @keyframes move-frames-123 { from { -webkit-transform: translate3d(43vw, 107vh, 0); transform: translate3d(43vw, 107vh, 0); } to { -webkit-transform: translate3d(36vw, -122vh, 0); transform: translate3d(36vw, -122vh, 0); } } .circle-container:nth-child(123) .circle { -webkit-animation-delay: 2694ms; animation-delay: 2694ms; } .circle-container:nth-child(124) { width: 1px; height: 1px; -webkit-animation-name: move-frames-124; animation-name: move-frames-124; -webkit-animation-duration: 33129ms; animation-duration: 33129ms; -webkit-animation-delay: 24906ms; animation-delay: 24906ms; } @-webkit-keyframes move-frames-124 { from { -webkit-transform: translate3d(62vw, 105vh, 0); transform: translate3d(62vw, 105vh, 0); } to { -webkit-transform: translate3d(62vw, -123vh, 0); transform: translate3d(62vw, -123vh, 0); } } @keyframes move-frames-124 { from { -webkit-transform: translate3d(62vw, 105vh, 0); transform: translate3d(62vw, 105vh, 0); } to { -webkit-transform: translate3d(62vw, -123vh, 0); transform: translate3d(62vw, -123vh, 0); } } .circle-container:nth-child(124) .circle { -webkit-animation-delay: 237ms; animation-delay: 237ms; } .circle-container:nth-child(125) { width: 7px; height: 7px; -webkit-animation-name: move-frames-125; animation-name: move-frames-125; -webkit-animation-duration: 30262ms; animation-duration: 30262ms; -webkit-animation-delay: 16441ms; animation-delay: 16441ms; } @-webkit-keyframes move-frames-125 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(62vw, -131vh, 0); transform: translate3d(62vw, -131vh, 0); } } @keyframes move-frames-125 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(62vw, -131vh, 0); transform: translate3d(62vw, -131vh, 0); } } .circle-container:nth-child(125) .circle { -webkit-animation-delay: 2538ms; animation-delay: 2538ms; } .circle-container:nth-child(126) { width: 2px; height: 2px; -webkit-animation-name: move-frames-126; animation-name: move-frames-126; -webkit-animation-duration: 31804ms; animation-duration: 31804ms; -webkit-animation-delay: 20133ms; animation-delay: 20133ms; } @-webkit-keyframes move-frames-126 { from { -webkit-transform: translate3d(61vw, 106vh, 0); transform: translate3d(61vw, 106vh, 0); } to { -webkit-transform: translate3d(31vw, -121vh, 0); transform: translate3d(31vw, -121vh, 0); } } @keyframes move-frames-126 { from { -webkit-transform: translate3d(61vw, 106vh, 0); transform: translate3d(61vw, 106vh, 0); } to { -webkit-transform: translate3d(31vw, -121vh, 0); transform: translate3d(31vw, -121vh, 0); } } .circle-container:nth-child(126) .circle { -webkit-animation-delay: 3852ms; animation-delay: 3852ms; } .circle-container:nth-child(127) { width: 8px; height: 8px; -webkit-animation-name: move-frames-127; animation-name: move-frames-127; -webkit-animation-duration: 32378ms; animation-duration: 32378ms; -webkit-animation-delay: 13731ms; animation-delay: 13731ms; } @-webkit-keyframes move-frames-127 { from { -webkit-transform: translate3d(7vw, 105vh, 0); transform: translate3d(7vw, 105vh, 0); } to { -webkit-transform: translate3d(19vw, -109vh, 0); transform: translate3d(19vw, -109vh, 0); } } @keyframes move-frames-127 { from { -webkit-transform: translate3d(7vw, 105vh, 0); transform: translate3d(7vw, 105vh, 0); } to { -webkit-transform: translate3d(19vw, -109vh, 0); transform: translate3d(19vw, -109vh, 0); } } .circle-container:nth-child(127) .circle { -webkit-animation-delay: 2822ms; animation-delay: 2822ms; } .circle-container:nth-child(128) { width: 5px; height: 5px; -webkit-animation-name: move-frames-128; animation-name: move-frames-128; -webkit-animation-duration: 29857ms; animation-duration: 29857ms; -webkit-animation-delay: 16345ms; animation-delay: 16345ms; } @-webkit-keyframes move-frames-128 { from { -webkit-transform: translate3d(50vw, 101vh, 0); transform: translate3d(50vw, 101vh, 0); } to { -webkit-transform: translate3d(49vw, -105vh, 0); transform: translate3d(49vw, -105vh, 0); } } @keyframes move-frames-128 { from { -webkit-transform: translate3d(50vw, 101vh, 0); transform: translate3d(50vw, 101vh, 0); } to { -webkit-transform: translate3d(49vw, -105vh, 0); transform: translate3d(49vw, -105vh, 0); } } .circle-container:nth-child(128) .circle { -webkit-animation-delay: 1024ms; animation-delay: 1024ms; } .circle-container:nth-child(129) { width: 3px; height: 3px; -webkit-animation-name: move-frames-129; animation-name: move-frames-129; -webkit-animation-duration: 32066ms; animation-duration: 32066ms; -webkit-animation-delay: 14739ms; animation-delay: 14739ms; } @-webkit-keyframes move-frames-129 { from { -webkit-transform: translate3d(89vw, 101vh, 0); transform: translate3d(89vw, 101vh, 0); } to { -webkit-transform: translate3d(51vw, -122vh, 0); transform: translate3d(51vw, -122vh, 0); } } @keyframes move-frames-129 { from { -webkit-transform: translate3d(89vw, 101vh, 0); transform: translate3d(89vw, 101vh, 0); } to { -webkit-transform: translate3d(51vw, -122vh, 0); transform: translate3d(51vw, -122vh, 0); } } .circle-container:nth-child(129) .circle { -webkit-animation-delay: 829ms; animation-delay: 829ms; } .circle-container:nth-child(130) { width: 7px; height: 7px; -webkit-animation-name: move-frames-130; animation-name: move-frames-130; -webkit-animation-duration: 34962ms; animation-duration: 34962ms; -webkit-animation-delay: 34609ms; animation-delay: 34609ms; } @-webkit-keyframes move-frames-130 { from { -webkit-transform: translate3d(67vw, 105vh, 0); transform: translate3d(67vw, 105vh, 0); } to { -webkit-transform: translate3d(50vw, -107vh, 0); transform: translate3d(50vw, -107vh, 0); } } @keyframes move-frames-130 { from { -webkit-transform: translate3d(67vw, 105vh, 0); transform: translate3d(67vw, 105vh, 0); } to { -webkit-transform: translate3d(50vw, -107vh, 0); transform: translate3d(50vw, -107vh, 0); } } .circle-container:nth-child(130) .circle { -webkit-animation-delay: 470ms; animation-delay: 470ms; } .circle-container:nth-child(131) { width: 6px; height: 6px; -webkit-animation-name: move-frames-131; animation-name: move-frames-131; -webkit-animation-duration: 34526ms; animation-duration: 34526ms; -webkit-animation-delay: 31752ms; animation-delay: 31752ms; } @-webkit-keyframes move-frames-131 { from { -webkit-transform: translate3d(28vw, 102vh, 0); transform: translate3d(28vw, 102vh, 0); } to { -webkit-transform: translate3d(76vw, -128vh, 0); transform: translate3d(76vw, -128vh, 0); } } @keyframes move-frames-131 { from { -webkit-transform: translate3d(28vw, 102vh, 0); transform: translate3d(28vw, 102vh, 0); } to { -webkit-transform: translate3d(76vw, -128vh, 0); transform: translate3d(76vw, -128vh, 0); } } .circle-container:nth-child(131) .circle { -webkit-animation-delay: 3980ms; animation-delay: 3980ms; } .circle-container:nth-child(132) { width: 6px; height: 6px; -webkit-animation-name: move-frames-132; animation-name: move-frames-132; -webkit-animation-duration: 32483ms; animation-duration: 32483ms; -webkit-animation-delay: 27240ms; animation-delay: 27240ms; } @-webkit-keyframes move-frames-132 { from { -webkit-transform: translate3d(99vw, 105vh, 0); transform: translate3d(99vw, 105vh, 0); } to { -webkit-transform: translate3d(70vw, -112vh, 0); transform: translate3d(70vw, -112vh, 0); } } @keyframes move-frames-132 { from { -webkit-transform: translate3d(99vw, 105vh, 0); transform: translate3d(99vw, 105vh, 0); } to { -webkit-transform: translate3d(70vw, -112vh, 0); transform: translate3d(70vw, -112vh, 0); } } .circle-container:nth-child(132) .circle { -webkit-animation-delay: 2111ms; animation-delay: 2111ms; } .circle-container:nth-child(133) { width: 7px; height: 7px; -webkit-animation-name: move-frames-133; animation-name: move-frames-133; -webkit-animation-duration: 31333ms; animation-duration: 31333ms; -webkit-animation-delay: 19224ms; animation-delay: 19224ms; } @-webkit-keyframes move-frames-133 { from { -webkit-transform: translate3d(87vw, 101vh, 0); transform: translate3d(87vw, 101vh, 0); } to { -webkit-transform: translate3d(31vw, -124vh, 0); transform: translate3d(31vw, -124vh, 0); } } @keyframes move-frames-133 { from { -webkit-transform: translate3d(87vw, 101vh, 0); transform: translate3d(87vw, 101vh, 0); } to { -webkit-transform: translate3d(31vw, -124vh, 0); transform: translate3d(31vw, -124vh, 0); } } .circle-container:nth-child(133) .circle { -webkit-animation-delay: 983ms; animation-delay: 983ms; } .circle-container:nth-child(134) { width: 8px; height: 8px; -webkit-animation-name: move-frames-134; animation-name: move-frames-134; -webkit-animation-duration: 28051ms; animation-duration: 28051ms; -webkit-animation-delay: 31410ms; animation-delay: 31410ms; } @-webkit-keyframes move-frames-134 { from { -webkit-transform: translate3d(68vw, 101vh, 0); transform: translate3d(68vw, 101vh, 0); } to { -webkit-transform: translate3d(35vw, -113vh, 0); transform: translate3d(35vw, -113vh, 0); } } @keyframes move-frames-134 { from { -webkit-transform: translate3d(68vw, 101vh, 0); transform: translate3d(68vw, 101vh, 0); } to { -webkit-transform: translate3d(35vw, -113vh, 0); transform: translate3d(35vw, -113vh, 0); } } .circle-container:nth-child(134) .circle { -webkit-animation-delay: 2211ms; animation-delay: 2211ms; } .circle-container:nth-child(135) { width: 2px; height: 2px; -webkit-animation-name: move-frames-135; animation-name: move-frames-135; -webkit-animation-duration: 30897ms; animation-duration: 30897ms; -webkit-animation-delay: 15595ms; animation-delay: 15595ms; } @-webkit-keyframes move-frames-135 { from { -webkit-transform: translate3d(6vw, 106vh, 0); transform: translate3d(6vw, 106vh, 0); } to { -webkit-transform: translate3d(8vw, -114vh, 0); transform: translate3d(8vw, -114vh, 0); } } @keyframes move-frames-135 { from { -webkit-transform: translate3d(6vw, 106vh, 0); transform: translate3d(6vw, 106vh, 0); } to { -webkit-transform: translate3d(8vw, -114vh, 0); transform: translate3d(8vw, -114vh, 0); } } .circle-container:nth-child(135) .circle { -webkit-animation-delay: 212ms; animation-delay: 212ms; } .circle-container:nth-child(136) { width: 4px; height: 4px; -webkit-animation-name: move-frames-136; animation-name: move-frames-136; -webkit-animation-duration: 33498ms; animation-duration: 33498ms; -webkit-animation-delay: 31949ms; animation-delay: 31949ms; } @-webkit-keyframes move-frames-136 { from { -webkit-transform: translate3d(22vw, 101vh, 0); transform: translate3d(22vw, 101vh, 0); } to { -webkit-transform: translate3d(50vw, -107vh, 0); transform: translate3d(50vw, -107vh, 0); } } @keyframes move-frames-136 { from { -webkit-transform: translate3d(22vw, 101vh, 0); transform: translate3d(22vw, 101vh, 0); } to { -webkit-transform: translate3d(50vw, -107vh, 0); transform: translate3d(50vw, -107vh, 0); } } .circle-container:nth-child(136) .circle { -webkit-animation-delay: 366ms; animation-delay: 366ms; } .circle-container:nth-child(137) { width: 2px; height: 2px; -webkit-animation-name: move-frames-137; animation-name: move-frames-137; -webkit-animation-duration: 32947ms; animation-duration: 32947ms; -webkit-animation-delay: 10610ms; animation-delay: 10610ms; } @-webkit-keyframes move-frames-137 { from { -webkit-transform: translate3d(7vw, 110vh, 0); transform: translate3d(7vw, 110vh, 0); } to { -webkit-transform: translate3d(42vw, -117vh, 0); transform: translate3d(42vw, -117vh, 0); } } @keyframes move-frames-137 { from { -webkit-transform: translate3d(7vw, 110vh, 0); transform: translate3d(7vw, 110vh, 0); } to { -webkit-transform: translate3d(42vw, -117vh, 0); transform: translate3d(42vw, -117vh, 0); } } .circle-container:nth-child(137) .circle { -webkit-animation-delay: 2818ms; animation-delay: 2818ms; } .circle-container:nth-child(138) { width: 1px; height: 1px; -webkit-animation-name: move-frames-138; animation-name: move-frames-138; -webkit-animation-duration: 29938ms; animation-duration: 29938ms; -webkit-animation-delay: 13819ms; animation-delay: 13819ms; } @-webkit-keyframes move-frames-138 { from { -webkit-transform: translate3d(85vw, 101vh, 0); transform: translate3d(85vw, 101vh, 0); } to { -webkit-transform: translate3d(87vw, -111vh, 0); transform: translate3d(87vw, -111vh, 0); } } @keyframes move-frames-138 { from { -webkit-transform: translate3d(85vw, 101vh, 0); transform: translate3d(85vw, 101vh, 0); } to { -webkit-transform: translate3d(87vw, -111vh, 0); transform: translate3d(87vw, -111vh, 0); } } .circle-container:nth-child(138) .circle { -webkit-animation-delay: 3583ms; animation-delay: 3583ms; } .circle-container:nth-child(139) { width: 7px; height: 7px; -webkit-animation-name: move-frames-139; animation-name: move-frames-139; -webkit-animation-duration: 35925ms; animation-duration: 35925ms; -webkit-animation-delay: 36716ms; animation-delay: 36716ms; } @-webkit-keyframes move-frames-139 { from { -webkit-transform: translate3d(9vw, 103vh, 0); transform: translate3d(9vw, 103vh, 0); } to { -webkit-transform: translate3d(18vw, -106vh, 0); transform: translate3d(18vw, -106vh, 0); } } @keyframes move-frames-139 { from { -webkit-transform: translate3d(9vw, 103vh, 0); transform: translate3d(9vw, 103vh, 0); } to { -webkit-transform: translate3d(18vw, -106vh, 0); transform: translate3d(18vw, -106vh, 0); } } .circle-container:nth-child(139) .circle { -webkit-animation-delay: 3656ms; animation-delay: 3656ms; } .circle-container:nth-child(140) { width: 8px; height: 8px; -webkit-animation-name: move-frames-140; animation-name: move-frames-140; -webkit-animation-duration: 28797ms; animation-duration: 28797ms; -webkit-animation-delay: 12229ms; animation-delay: 12229ms; } @-webkit-keyframes move-frames-140 { from { -webkit-transform: translate3d(92vw, 110vh, 0); transform: translate3d(92vw, 110vh, 0); } to { -webkit-transform: translate3d(21vw, -120vh, 0); transform: translate3d(21vw, -120vh, 0); } } @keyframes move-frames-140 { from { -webkit-transform: translate3d(92vw, 110vh, 0); transform: translate3d(92vw, 110vh, 0); } to { -webkit-transform: translate3d(21vw, -120vh, 0); transform: translate3d(21vw, -120vh, 0); } } .circle-container:nth-child(140) .circle { -webkit-animation-delay: 1778ms; animation-delay: 1778ms; } .circle-container:nth-child(141) { width: 3px; height: 3px; -webkit-animation-name: move-frames-141; animation-name: move-frames-141; -webkit-animation-duration: 35605ms; animation-duration: 35605ms; -webkit-animation-delay: 1871ms; animation-delay: 1871ms; } @-webkit-keyframes move-frames-141 { from { -webkit-transform: translate3d(73vw, 104vh, 0); transform: translate3d(73vw, 104vh, 0); } to { -webkit-transform: translate3d(27vw, -119vh, 0); transform: translate3d(27vw, -119vh, 0); } } @keyframes move-frames-141 { from { -webkit-transform: translate3d(73vw, 104vh, 0); transform: translate3d(73vw, 104vh, 0); } to { -webkit-transform: translate3d(27vw, -119vh, 0); transform: translate3d(27vw, -119vh, 0); } } .circle-container:nth-child(141) .circle { -webkit-animation-delay: 1852ms; animation-delay: 1852ms; } .circle-container:nth-child(142) { width: 3px; height: 3px; -webkit-animation-name: move-frames-142; animation-name: move-frames-142; -webkit-animation-duration: 30905ms; animation-duration: 30905ms; -webkit-animation-delay: 7748ms; animation-delay: 7748ms; } @-webkit-keyframes move-frames-142 { from { -webkit-transform: translate3d(52vw, 103vh, 0); transform: translate3d(52vw, 103vh, 0); } to { -webkit-transform: translate3d(27vw, -126vh, 0); transform: translate3d(27vw, -126vh, 0); } } @keyframes move-frames-142 { from { -webkit-transform: translate3d(52vw, 103vh, 0); transform: translate3d(52vw, 103vh, 0); } to { -webkit-transform: translate3d(27vw, -126vh, 0); transform: translate3d(27vw, -126vh, 0); } } .circle-container:nth-child(142) .circle { -webkit-animation-delay: 1826ms; animation-delay: 1826ms; } .circle-container:nth-child(143) { width: 1px; height: 1px; -webkit-animation-name: move-frames-143; animation-name: move-frames-143; -webkit-animation-duration: 31167ms; animation-duration: 31167ms; -webkit-animation-delay: 14743ms; animation-delay: 14743ms; } @-webkit-keyframes move-frames-143 { from { -webkit-transform: translate3d(100vw, 104vh, 0); transform: translate3d(100vw, 104vh, 0); } to { -webkit-transform: translate3d(57vw, -112vh, 0); transform: translate3d(57vw, -112vh, 0); } } @keyframes move-frames-143 { from { -webkit-transform: translate3d(100vw, 104vh, 0); transform: translate3d(100vw, 104vh, 0); } to { -webkit-transform: translate3d(57vw, -112vh, 0); transform: translate3d(57vw, -112vh, 0); } } .circle-container:nth-child(143) .circle { -webkit-animation-delay: 1377ms; animation-delay: 1377ms; } .circle-container:nth-child(144) { width: 7px; height: 7px; -webkit-animation-name: move-frames-144; animation-name: move-frames-144; -webkit-animation-duration: 32806ms; animation-duration: 32806ms; -webkit-animation-delay: 10933ms; animation-delay: 10933ms; } @-webkit-keyframes move-frames-144 { from { -webkit-transform: translate3d(19vw, 101vh, 0); transform: translate3d(19vw, 101vh, 0); } to { -webkit-transform: translate3d(76vw, -123vh, 0); transform: translate3d(76vw, -123vh, 0); } } @keyframes move-frames-144 { from { -webkit-transform: translate3d(19vw, 101vh, 0); transform: translate3d(19vw, 101vh, 0); } to { -webkit-transform: translate3d(76vw, -123vh, 0); transform: translate3d(76vw, -123vh, 0); } } .circle-container:nth-child(144) .circle { -webkit-animation-delay: 2484ms; animation-delay: 2484ms; } .circle-container:nth-child(145) { width: 5px; height: 5px; -webkit-animation-name: move-frames-145; animation-name: move-frames-145; -webkit-animation-duration: 36804ms; animation-duration: 36804ms; -webkit-animation-delay: 30206ms; animation-delay: 30206ms; } @-webkit-keyframes move-frames-145 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(50vw, -126vh, 0); transform: translate3d(50vw, -126vh, 0); } } @keyframes move-frames-145 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(50vw, -126vh, 0); transform: translate3d(50vw, -126vh, 0); } } .circle-container:nth-child(145) .circle { -webkit-animation-delay: 3418ms; animation-delay: 3418ms; } .circle-container:nth-child(146) { width: 6px; height: 6px; -webkit-animation-name: move-frames-146; animation-name: move-frames-146; -webkit-animation-duration: 32905ms; animation-duration: 32905ms; -webkit-animation-delay: 31177ms; animation-delay: 31177ms; } @-webkit-keyframes move-frames-146 { from { -webkit-transform: translate3d(99vw, 103vh, 0); transform: translate3d(99vw, 103vh, 0); } to { -webkit-transform: translate3d(55vw, -122vh, 0); transform: translate3d(55vw, -122vh, 0); } } @keyframes move-frames-146 { from { -webkit-transform: translate3d(99vw, 103vh, 0); transform: translate3d(99vw, 103vh, 0); } to { -webkit-transform: translate3d(55vw, -122vh, 0); transform: translate3d(55vw, -122vh, 0); } } .circle-container:nth-child(146) .circle { -webkit-animation-delay: 2237ms; animation-delay: 2237ms; } .circle-container:nth-child(147) { width: 6px; height: 6px; -webkit-animation-name: move-frames-147; animation-name: move-frames-147; -webkit-animation-duration: 30465ms; animation-duration: 30465ms; -webkit-animation-delay: 35242ms; animation-delay: 35242ms; } @-webkit-keyframes move-frames-147 { from { -webkit-transform: translate3d(90vw, 105vh, 0); transform: translate3d(90vw, 105vh, 0); } to { -webkit-transform: translate3d(76vw, -106vh, 0); transform: translate3d(76vw, -106vh, 0); } } @keyframes move-frames-147 { from { -webkit-transform: translate3d(90vw, 105vh, 0); transform: translate3d(90vw, 105vh, 0); } to { -webkit-transform: translate3d(76vw, -106vh, 0); transform: translate3d(76vw, -106vh, 0); } } .circle-container:nth-child(147) .circle { -webkit-animation-delay: 3840ms; animation-delay: 3840ms; } .circle-container:nth-child(148) { width: 5px; height: 5px; -webkit-animation-name: move-frames-148; animation-name: move-frames-148; -webkit-animation-duration: 32763ms; animation-duration: 32763ms; -webkit-animation-delay: 3868ms; animation-delay: 3868ms; } @-webkit-keyframes move-frames-148 { from { -webkit-transform: translate3d(21vw, 109vh, 0); transform: translate3d(21vw, 109vh, 0); } to { -webkit-transform: translate3d(79vw, -111vh, 0); transform: translate3d(79vw, -111vh, 0); } } @keyframes move-frames-148 { from { -webkit-transform: translate3d(21vw, 109vh, 0); transform: translate3d(21vw, 109vh, 0); } to { -webkit-transform: translate3d(79vw, -111vh, 0); transform: translate3d(79vw, -111vh, 0); } } .circle-container:nth-child(148) .circle { -webkit-animation-delay: 771ms; animation-delay: 771ms; } .circle-container:nth-child(149) { width: 8px; height: 8px; -webkit-animation-name: move-frames-149; animation-name: move-frames-149; -webkit-animation-duration: 35135ms; animation-duration: 35135ms; -webkit-animation-delay: 16248ms; animation-delay: 16248ms; } @-webkit-keyframes move-frames-149 { from { -webkit-transform: translate3d(26vw, 107vh, 0); transform: translate3d(26vw, 107vh, 0); } to { -webkit-transform: translate3d(63vw, -125vh, 0); transform: translate3d(63vw, -125vh, 0); } } @keyframes move-frames-149 { from { -webkit-transform: translate3d(26vw, 107vh, 0); transform: translate3d(26vw, 107vh, 0); } to { -webkit-transform: translate3d(63vw, -125vh, 0); transform: translate3d(63vw, -125vh, 0); } } .circle-container:nth-child(149) .circle { -webkit-animation-delay: 3464ms; animation-delay: 3464ms; } .circle-container:nth-child(150) { width: 3px; height: 3px; -webkit-animation-name: move-frames-150; animation-name: move-frames-150; -webkit-animation-duration: 36576ms; animation-duration: 36576ms; -webkit-animation-delay: 31573ms; animation-delay: 31573ms; } @-webkit-keyframes move-frames-150 { from { -webkit-transform: translate3d(42vw, 103vh, 0); transform: translate3d(42vw, 103vh, 0); } to { -webkit-transform: translate3d(1vw, -108vh, 0); transform: translate3d(1vw, -108vh, 0); } } @keyframes move-frames-150 { from { -webkit-transform: translate3d(42vw, 103vh, 0); transform: translate3d(42vw, 103vh, 0); } to { -webkit-transform: translate3d(1vw, -108vh, 0); transform: translate3d(1vw, -108vh, 0); } } .circle-container:nth-child(150) .circle { -webkit-animation-delay: 2457ms; animation-delay: 2457ms; } .circle-container:nth-child(151) { width: 2px; height: 2px; -webkit-animation-name: move-frames-151; animation-name: move-frames-151; -webkit-animation-duration: 31514ms; animation-duration: 31514ms; -webkit-animation-delay: 28475ms; animation-delay: 28475ms; } @-webkit-keyframes move-frames-151 { from { -webkit-transform: translate3d(26vw, 103vh, 0); transform: translate3d(26vw, 103vh, 0); } to { -webkit-transform: translate3d(97vw, -115vh, 0); transform: translate3d(97vw, -115vh, 0); } } @keyframes move-frames-151 { from { -webkit-transform: translate3d(26vw, 103vh, 0); transform: translate3d(26vw, 103vh, 0); } to { -webkit-transform: translate3d(97vw, -115vh, 0); transform: translate3d(97vw, -115vh, 0); } } .circle-container:nth-child(151) .circle { -webkit-animation-delay: 2395ms; animation-delay: 2395ms; } .circle-container:nth-child(152) { width: 2px; height: 2px; -webkit-animation-name: move-frames-152; animation-name: move-frames-152; -webkit-animation-duration: 29247ms; animation-duration: 29247ms; -webkit-animation-delay: 35735ms; animation-delay: 35735ms; } @-webkit-keyframes move-frames-152 { from { -webkit-transform: translate3d(57vw, 110vh, 0); transform: translate3d(57vw, 110vh, 0); } to { -webkit-transform: translate3d(38vw, -121vh, 0); transform: translate3d(38vw, -121vh, 0); } } @keyframes move-frames-152 { from { -webkit-transform: translate3d(57vw, 110vh, 0); transform: translate3d(57vw, 110vh, 0); } to { -webkit-transform: translate3d(38vw, -121vh, 0); transform: translate3d(38vw, -121vh, 0); } } .circle-container:nth-child(152) .circle { -webkit-animation-delay: 1648ms; animation-delay: 1648ms; } .circle-container:nth-child(153) { width: 8px; height: 8px; -webkit-animation-name: move-frames-153; animation-name: move-frames-153; -webkit-animation-duration: 35424ms; animation-duration: 35424ms; -webkit-animation-delay: 31880ms; animation-delay: 31880ms; } @-webkit-keyframes move-frames-153 { from { -webkit-transform: translate3d(36vw, 103vh, 0); transform: translate3d(36vw, 103vh, 0); } to { -webkit-transform: translate3d(94vw, -133vh, 0); transform: translate3d(94vw, -133vh, 0); } } @keyframes move-frames-153 { from { -webkit-transform: translate3d(36vw, 103vh, 0); transform: translate3d(36vw, 103vh, 0); } to { -webkit-transform: translate3d(94vw, -133vh, 0); transform: translate3d(94vw, -133vh, 0); } } .circle-container:nth-child(153) .circle { -webkit-animation-delay: 670ms; animation-delay: 670ms; } .circle-container:nth-child(154) { width: 3px; height: 3px; -webkit-animation-name: move-frames-154; animation-name: move-frames-154; -webkit-animation-duration: 30401ms; animation-duration: 30401ms; -webkit-animation-delay: 20780ms; animation-delay: 20780ms; } @-webkit-keyframes move-frames-154 { from { -webkit-transform: translate3d(85vw, 110vh, 0); transform: translate3d(85vw, 110vh, 0); } to { -webkit-transform: translate3d(40vw, -120vh, 0); transform: translate3d(40vw, -120vh, 0); } } @keyframes move-frames-154 { from { -webkit-transform: translate3d(85vw, 110vh, 0); transform: translate3d(85vw, 110vh, 0); } to { -webkit-transform: translate3d(40vw, -120vh, 0); transform: translate3d(40vw, -120vh, 0); } } .circle-container:nth-child(154) .circle { -webkit-animation-delay: 2488ms; animation-delay: 2488ms; } .circle-container:nth-child(155) { width: 7px; height: 7px; -webkit-animation-name: move-frames-155; animation-name: move-frames-155; -webkit-animation-duration: 36060ms; animation-duration: 36060ms; -webkit-animation-delay: 22428ms; animation-delay: 22428ms; } @-webkit-keyframes move-frames-155 { from { -webkit-transform: translate3d(87vw, 102vh, 0); transform: translate3d(87vw, 102vh, 0); } to { -webkit-transform: translate3d(95vw, -104vh, 0); transform: translate3d(95vw, -104vh, 0); } } @keyframes move-frames-155 { from { -webkit-transform: translate3d(87vw, 102vh, 0); transform: translate3d(87vw, 102vh, 0); } to { -webkit-transform: translate3d(95vw, -104vh, 0); transform: translate3d(95vw, -104vh, 0); } } .circle-container:nth-child(155) .circle { -webkit-animation-delay: 558ms; animation-delay: 558ms; } .circle-container:nth-child(156) { width: 5px; height: 5px; -webkit-animation-name: move-frames-156; animation-name: move-frames-156; -webkit-animation-duration: 35259ms; animation-duration: 35259ms; -webkit-animation-delay: 7394ms; animation-delay: 7394ms; } @-webkit-keyframes move-frames-156 { from { -webkit-transform: translate3d(37vw, 107vh, 0); transform: translate3d(37vw, 107vh, 0); } to { -webkit-transform: translate3d(47vw, -125vh, 0); transform: translate3d(47vw, -125vh, 0); } } @keyframes move-frames-156 { from { -webkit-transform: translate3d(37vw, 107vh, 0); transform: translate3d(37vw, 107vh, 0); } to { -webkit-transform: translate3d(47vw, -125vh, 0); transform: translate3d(47vw, -125vh, 0); } } .circle-container:nth-child(156) .circle { -webkit-animation-delay: 2827ms; animation-delay: 2827ms; } .circle-container:nth-child(157) { width: 1px; height: 1px; -webkit-animation-name: move-frames-157; animation-name: move-frames-157; -webkit-animation-duration: 28862ms; animation-duration: 28862ms; -webkit-animation-delay: 13057ms; animation-delay: 13057ms; } @-webkit-keyframes move-frames-157 { from { -webkit-transform: translate3d(81vw, 104vh, 0); transform: translate3d(81vw, 104vh, 0); } to { -webkit-transform: translate3d(75vw, -133vh, 0); transform: translate3d(75vw, -133vh, 0); } } @keyframes move-frames-157 { from { -webkit-transform: translate3d(81vw, 104vh, 0); transform: translate3d(81vw, 104vh, 0); } to { -webkit-transform: translate3d(75vw, -133vh, 0); transform: translate3d(75vw, -133vh, 0); } } .circle-container:nth-child(157) .circle { -webkit-animation-delay: 3553ms; animation-delay: 3553ms; } .circle-container:nth-child(158) { width: 6px; height: 6px; -webkit-animation-name: move-frames-158; animation-name: move-frames-158; -webkit-animation-duration: 31883ms; animation-duration: 31883ms; -webkit-animation-delay: 1735ms; animation-delay: 1735ms; } @-webkit-keyframes move-frames-158 { from { -webkit-transform: translate3d(45vw, 110vh, 0); transform: translate3d(45vw, 110vh, 0); } to { -webkit-transform: translate3d(50vw, -113vh, 0); transform: translate3d(50vw, -113vh, 0); } } @keyframes move-frames-158 { from { -webkit-transform: translate3d(45vw, 110vh, 0); transform: translate3d(45vw, 110vh, 0); } to { -webkit-transform: translate3d(50vw, -113vh, 0); transform: translate3d(50vw, -113vh, 0); } } .circle-container:nth-child(158) .circle { -webkit-animation-delay: 1304ms; animation-delay: 1304ms; } .circle-container:nth-child(159) { width: 3px; height: 3px; -webkit-animation-name: move-frames-159; animation-name: move-frames-159; -webkit-animation-duration: 35017ms; animation-duration: 35017ms; -webkit-animation-delay: 34567ms; animation-delay: 34567ms; } @-webkit-keyframes move-frames-159 { from { -webkit-transform: translate3d(54vw, 106vh, 0); transform: translate3d(54vw, 106vh, 0); } to { -webkit-transform: translate3d(92vw, -129vh, 0); transform: translate3d(92vw, -129vh, 0); } } @keyframes move-frames-159 { from { -webkit-transform: translate3d(54vw, 106vh, 0); transform: translate3d(54vw, 106vh, 0); } to { -webkit-transform: translate3d(92vw, -129vh, 0); transform: translate3d(92vw, -129vh, 0); } } .circle-container:nth-child(159) .circle { -webkit-animation-delay: 2565ms; animation-delay: 2565ms; } .circle-container:nth-child(160) { width: 4px; height: 4px; -webkit-animation-name: move-frames-160; animation-name: move-frames-160; -webkit-animation-duration: 29248ms; animation-duration: 29248ms; -webkit-animation-delay: 34067ms; animation-delay: 34067ms; } @-webkit-keyframes move-frames-160 { from { -webkit-transform: translate3d(51vw, 107vh, 0); transform: translate3d(51vw, 107vh, 0); } to { -webkit-transform: translate3d(23vw, -128vh, 0); transform: translate3d(23vw, -128vh, 0); } } @keyframes move-frames-160 { from { -webkit-transform: translate3d(51vw, 107vh, 0); transform: translate3d(51vw, 107vh, 0); } to { -webkit-transform: translate3d(23vw, -128vh, 0); transform: translate3d(23vw, -128vh, 0); } } .circle-container:nth-child(160) .circle { -webkit-animation-delay: 65ms; animation-delay: 65ms; } .circle-container:nth-child(161) { width: 3px; height: 3px; -webkit-animation-name: move-frames-161; animation-name: move-frames-161; -webkit-animation-duration: 37000ms; animation-duration: 37000ms; -webkit-animation-delay: 57ms; animation-delay: 57ms; } @-webkit-keyframes move-frames-161 { from { -webkit-transform: translate3d(61vw, 104vh, 0); transform: translate3d(61vw, 104vh, 0); } to { -webkit-transform: translate3d(68vw, -126vh, 0); transform: translate3d(68vw, -126vh, 0); } } @keyframes move-frames-161 { from { -webkit-transform: translate3d(61vw, 104vh, 0); transform: translate3d(61vw, 104vh, 0); } to { -webkit-transform: translate3d(68vw, -126vh, 0); transform: translate3d(68vw, -126vh, 0); } } .circle-container:nth-child(161) .circle { -webkit-animation-delay: 2944ms; animation-delay: 2944ms; } .circle-container:nth-child(162) { width: 3px; height: 3px; -webkit-animation-name: move-frames-162; animation-name: move-frames-162; -webkit-animation-duration: 36662ms; animation-duration: 36662ms; -webkit-animation-delay: 2003ms; animation-delay: 2003ms; } @-webkit-keyframes move-frames-162 { from { -webkit-transform: translate3d(36vw, 105vh, 0); transform: translate3d(36vw, 105vh, 0); } to { -webkit-transform: translate3d(68vw, -129vh, 0); transform: translate3d(68vw, -129vh, 0); } } @keyframes move-frames-162 { from { -webkit-transform: translate3d(36vw, 105vh, 0); transform: translate3d(36vw, 105vh, 0); } to { -webkit-transform: translate3d(68vw, -129vh, 0); transform: translate3d(68vw, -129vh, 0); } } .circle-container:nth-child(162) .circle { -webkit-animation-delay: 3403ms; animation-delay: 3403ms; } .circle-container:nth-child(163) { width: 3px; height: 3px; -webkit-animation-name: move-frames-163; animation-name: move-frames-163; -webkit-animation-duration: 28218ms; animation-duration: 28218ms; -webkit-animation-delay: 32366ms; animation-delay: 32366ms; } @-webkit-keyframes move-frames-163 { from { -webkit-transform: translate3d(84vw, 103vh, 0); transform: translate3d(84vw, 103vh, 0); } to { -webkit-transform: translate3d(89vw, -109vh, 0); transform: translate3d(89vw, -109vh, 0); } } @keyframes move-frames-163 { from { -webkit-transform: translate3d(84vw, 103vh, 0); transform: translate3d(84vw, 103vh, 0); } to { -webkit-transform: translate3d(89vw, -109vh, 0); transform: translate3d(89vw, -109vh, 0); } } .circle-container:nth-child(163) .circle { -webkit-animation-delay: 951ms; animation-delay: 951ms; } .circle-container:nth-child(164) { width: 4px; height: 4px; -webkit-animation-name: move-frames-164; animation-name: move-frames-164; -webkit-animation-duration: 33033ms; animation-duration: 33033ms; -webkit-animation-delay: 17223ms; animation-delay: 17223ms; } @-webkit-keyframes move-frames-164 { from { -webkit-transform: translate3d(26vw, 108vh, 0); transform: translate3d(26vw, 108vh, 0); } to { -webkit-transform: translate3d(75vw, -126vh, 0); transform: translate3d(75vw, -126vh, 0); } } @keyframes move-frames-164 { from { -webkit-transform: translate3d(26vw, 108vh, 0); transform: translate3d(26vw, 108vh, 0); } to { -webkit-transform: translate3d(75vw, -126vh, 0); transform: translate3d(75vw, -126vh, 0); } } .circle-container:nth-child(164) .circle { -webkit-animation-delay: 924ms; animation-delay: 924ms; } .circle-container:nth-child(165) { width: 2px; height: 2px; -webkit-animation-name: move-frames-165; animation-name: move-frames-165; -webkit-animation-duration: 35337ms; animation-duration: 35337ms; -webkit-animation-delay: 8523ms; animation-delay: 8523ms; } @-webkit-keyframes move-frames-165 { from { -webkit-transform: translate3d(68vw, 109vh, 0); transform: translate3d(68vw, 109vh, 0); } to { -webkit-transform: translate3d(42vw, -112vh, 0); transform: translate3d(42vw, -112vh, 0); } } @keyframes move-frames-165 { from { -webkit-transform: translate3d(68vw, 109vh, 0); transform: translate3d(68vw, 109vh, 0); } to { -webkit-transform: translate3d(42vw, -112vh, 0); transform: translate3d(42vw, -112vh, 0); } } .circle-container:nth-child(165) .circle { -webkit-animation-delay: 3713ms; animation-delay: 3713ms; } .circle-container:nth-child(166) { width: 7px; height: 7px; -webkit-animation-name: move-frames-166; animation-name: move-frames-166; -webkit-animation-duration: 28610ms; animation-duration: 28610ms; -webkit-animation-delay: 20279ms; animation-delay: 20279ms; } @-webkit-keyframes move-frames-166 { from { -webkit-transform: translate3d(69vw, 110vh, 0); transform: translate3d(69vw, 110vh, 0); } to { -webkit-transform: translate3d(95vw, -126vh, 0); transform: translate3d(95vw, -126vh, 0); } } @keyframes move-frames-166 { from { -webkit-transform: translate3d(69vw, 110vh, 0); transform: translate3d(69vw, 110vh, 0); } to { -webkit-transform: translate3d(95vw, -126vh, 0); transform: translate3d(95vw, -126vh, 0); } } .circle-container:nth-child(166) .circle { -webkit-animation-delay: 3050ms; animation-delay: 3050ms; } .circle-container:nth-child(167) { width: 3px; height: 3px; -webkit-animation-name: move-frames-167; animation-name: move-frames-167; -webkit-animation-duration: 32644ms; animation-duration: 32644ms; -webkit-animation-delay: 19021ms; animation-delay: 19021ms; } @-webkit-keyframes move-frames-167 { from { -webkit-transform: translate3d(95vw, 107vh, 0); transform: translate3d(95vw, 107vh, 0); } to { -webkit-transform: translate3d(98vw, -127vh, 0); transform: translate3d(98vw, -127vh, 0); } } @keyframes move-frames-167 { from { -webkit-transform: translate3d(95vw, 107vh, 0); transform: translate3d(95vw, 107vh, 0); } to { -webkit-transform: translate3d(98vw, -127vh, 0); transform: translate3d(98vw, -127vh, 0); } } .circle-container:nth-child(167) .circle { -webkit-animation-delay: 371ms; animation-delay: 371ms; } .circle-container:nth-child(168) { width: 5px; height: 5px; -webkit-animation-name: move-frames-168; animation-name: move-frames-168; -webkit-animation-duration: 28598ms; animation-duration: 28598ms; -webkit-animation-delay: 31850ms; animation-delay: 31850ms; } @-webkit-keyframes move-frames-168 { from { -webkit-transform: translate3d(56vw, 110vh, 0); transform: translate3d(56vw, 110vh, 0); } to { -webkit-transform: translate3d(21vw, -111vh, 0); transform: translate3d(21vw, -111vh, 0); } } @keyframes move-frames-168 { from { -webkit-transform: translate3d(56vw, 110vh, 0); transform: translate3d(56vw, 110vh, 0); } to { -webkit-transform: translate3d(21vw, -111vh, 0); transform: translate3d(21vw, -111vh, 0); } } .circle-container:nth-child(168) .circle { -webkit-animation-delay: 998ms; animation-delay: 998ms; } .circle-container:nth-child(169) { width: 5px; height: 5px; -webkit-animation-name: move-frames-169; animation-name: move-frames-169; -webkit-animation-duration: 32894ms; animation-duration: 32894ms; -webkit-animation-delay: 14484ms; animation-delay: 14484ms; } @-webkit-keyframes move-frames-169 { from { -webkit-transform: translate3d(91vw, 103vh, 0); transform: translate3d(91vw, 103vh, 0); } to { -webkit-transform: translate3d(30vw, -125vh, 0); transform: translate3d(30vw, -125vh, 0); } } @keyframes move-frames-169 { from { -webkit-transform: translate3d(91vw, 103vh, 0); transform: translate3d(91vw, 103vh, 0); } to { -webkit-transform: translate3d(30vw, -125vh, 0); transform: translate3d(30vw, -125vh, 0); } } .circle-container:nth-child(169) .circle { -webkit-animation-delay: 1239ms; animation-delay: 1239ms; } .circle-container:nth-child(170) { width: 3px; height: 3px; -webkit-animation-name: move-frames-170; animation-name: move-frames-170; -webkit-animation-duration: 33126ms; animation-duration: 33126ms; -webkit-animation-delay: 16899ms; animation-delay: 16899ms; } @-webkit-keyframes move-frames-170 { from { -webkit-transform: translate3d(22vw, 104vh, 0); transform: translate3d(22vw, 104vh, 0); } to { -webkit-transform: translate3d(24vw, -119vh, 0); transform: translate3d(24vw, -119vh, 0); } } @keyframes move-frames-170 { from { -webkit-transform: translate3d(22vw, 104vh, 0); transform: translate3d(22vw, 104vh, 0); } to { -webkit-transform: translate3d(24vw, -119vh, 0); transform: translate3d(24vw, -119vh, 0); } } .circle-container:nth-child(170) .circle { -webkit-animation-delay: 397ms; animation-delay: 397ms; } .circle-container:nth-child(171) { width: 3px; height: 3px; -webkit-animation-name: move-frames-171; animation-name: move-frames-171; -webkit-animation-duration: 33724ms; animation-duration: 33724ms; -webkit-animation-delay: 21328ms; animation-delay: 21328ms; } @-webkit-keyframes move-frames-171 { from { -webkit-transform: translate3d(32vw, 106vh, 0); transform: translate3d(32vw, 106vh, 0); } to { -webkit-transform: translate3d(3vw, -129vh, 0); transform: translate3d(3vw, -129vh, 0); } } @keyframes move-frames-171 { from { -webkit-transform: translate3d(32vw, 106vh, 0); transform: translate3d(32vw, 106vh, 0); } to { -webkit-transform: translate3d(3vw, -129vh, 0); transform: translate3d(3vw, -129vh, 0); } } .circle-container:nth-child(171) .circle { -webkit-animation-delay: 1097ms; animation-delay: 1097ms; } .circle-container:nth-child(172) { width: 6px; height: 6px; -webkit-animation-name: move-frames-172; animation-name: move-frames-172; -webkit-animation-duration: 35704ms; animation-duration: 35704ms; -webkit-animation-delay: 6212ms; animation-delay: 6212ms; } @-webkit-keyframes move-frames-172 { from { -webkit-transform: translate3d(33vw, 110vh, 0); transform: translate3d(33vw, 110vh, 0); } to { -webkit-transform: translate3d(3vw, -122vh, 0); transform: translate3d(3vw, -122vh, 0); } } @keyframes move-frames-172 { from { -webkit-transform: translate3d(33vw, 110vh, 0); transform: translate3d(33vw, 110vh, 0); } to { -webkit-transform: translate3d(3vw, -122vh, 0); transform: translate3d(3vw, -122vh, 0); } } .circle-container:nth-child(172) .circle { -webkit-animation-delay: 524ms; animation-delay: 524ms; } .circle-container:nth-child(173) { width: 4px; height: 4px; -webkit-animation-name: move-frames-173; animation-name: move-frames-173; -webkit-animation-duration: 28633ms; animation-duration: 28633ms; -webkit-animation-delay: 2161ms; animation-delay: 2161ms; } @-webkit-keyframes move-frames-173 { from { -webkit-transform: translate3d(68vw, 105vh, 0); transform: translate3d(68vw, 105vh, 0); } to { -webkit-transform: translate3d(87vw, -117vh, 0); transform: translate3d(87vw, -117vh, 0); } } @keyframes move-frames-173 { from { -webkit-transform: translate3d(68vw, 105vh, 0); transform: translate3d(68vw, 105vh, 0); } to { -webkit-transform: translate3d(87vw, -117vh, 0); transform: translate3d(87vw, -117vh, 0); } } .circle-container:nth-child(173) .circle { -webkit-animation-delay: 550ms; animation-delay: 550ms; } .circle-container:nth-child(174) { width: 2px; height: 2px; -webkit-animation-name: move-frames-174; animation-name: move-frames-174; -webkit-animation-duration: 29116ms; animation-duration: 29116ms; -webkit-animation-delay: 31594ms; animation-delay: 31594ms; } @-webkit-keyframes move-frames-174 { from { -webkit-transform: translate3d(96vw, 102vh, 0); transform: translate3d(96vw, 102vh, 0); } to { -webkit-transform: translate3d(96vw, -117vh, 0); transform: translate3d(96vw, -117vh, 0); } } @keyframes move-frames-174 { from { -webkit-transform: translate3d(96vw, 102vh, 0); transform: translate3d(96vw, 102vh, 0); } to { -webkit-transform: translate3d(96vw, -117vh, 0); transform: translate3d(96vw, -117vh, 0); } } .circle-container:nth-child(174) .circle { -webkit-animation-delay: 1701ms; animation-delay: 1701ms; } .circle-container:nth-child(175) { width: 8px; height: 8px; -webkit-animation-name: move-frames-175; animation-name: move-frames-175; -webkit-animation-duration: 35479ms; animation-duration: 35479ms; -webkit-animation-delay: 15883ms; animation-delay: 15883ms; } @-webkit-keyframes move-frames-175 { from { -webkit-transform: translate3d(85vw, 107vh, 0); transform: translate3d(85vw, 107vh, 0); } to { -webkit-transform: translate3d(34vw, -110vh, 0); transform: translate3d(34vw, -110vh, 0); } } @keyframes move-frames-175 { from { -webkit-transform: translate3d(85vw, 107vh, 0); transform: translate3d(85vw, 107vh, 0); } to { -webkit-transform: translate3d(34vw, -110vh, 0); transform: translate3d(34vw, -110vh, 0); } } .circle-container:nth-child(175) .circle { -webkit-animation-delay: 639ms; animation-delay: 639ms; } .circle-container:nth-child(176) { width: 2px; height: 2px; -webkit-animation-name: move-frames-176; animation-name: move-frames-176; -webkit-animation-duration: 30678ms; animation-duration: 30678ms; -webkit-animation-delay: 2780ms; animation-delay: 2780ms; } @-webkit-keyframes move-frames-176 { from { -webkit-transform: translate3d(39vw, 107vh, 0); transform: translate3d(39vw, 107vh, 0); } to { -webkit-transform: translate3d(47vw, -125vh, 0); transform: translate3d(47vw, -125vh, 0); } } @keyframes move-frames-176 { from { -webkit-transform: translate3d(39vw, 107vh, 0); transform: translate3d(39vw, 107vh, 0); } to { -webkit-transform: translate3d(47vw, -125vh, 0); transform: translate3d(47vw, -125vh, 0); } } .circle-container:nth-child(176) .circle { -webkit-animation-delay: 1819ms; animation-delay: 1819ms; } .circle-container:nth-child(177) { width: 7px; height: 7px; -webkit-animation-name: move-frames-177; animation-name: move-frames-177; -webkit-animation-duration: 35096ms; animation-duration: 35096ms; -webkit-animation-delay: 32060ms; animation-delay: 32060ms; } @-webkit-keyframes move-frames-177 { from { -webkit-transform: translate3d(56vw, 109vh, 0); transform: translate3d(56vw, 109vh, 0); } to { -webkit-transform: translate3d(65vw, -138vh, 0); transform: translate3d(65vw, -138vh, 0); } } @keyframes move-frames-177 { from { -webkit-transform: translate3d(56vw, 109vh, 0); transform: translate3d(56vw, 109vh, 0); } to { -webkit-transform: translate3d(65vw, -138vh, 0); transform: translate3d(65vw, -138vh, 0); } } .circle-container:nth-child(177) .circle { -webkit-animation-delay: 3099ms; animation-delay: 3099ms; } .circle-container:nth-child(178) { width: 4px; height: 4px; -webkit-animation-name: move-frames-178; animation-name: move-frames-178; -webkit-animation-duration: 36991ms; animation-duration: 36991ms; -webkit-animation-delay: 22168ms; animation-delay: 22168ms; } @-webkit-keyframes move-frames-178 { from { -webkit-transform: translate3d(94vw, 108vh, 0); transform: translate3d(94vw, 108vh, 0); } to { -webkit-transform: translate3d(7vw, -122vh, 0); transform: translate3d(7vw, -122vh, 0); } } @keyframes move-frames-178 { from { -webkit-transform: translate3d(94vw, 108vh, 0); transform: translate3d(94vw, 108vh, 0); } to { -webkit-transform: translate3d(7vw, -122vh, 0); transform: translate3d(7vw, -122vh, 0); } } .circle-container:nth-child(178) .circle { -webkit-animation-delay: 2960ms; animation-delay: 2960ms; } .circle-container:nth-child(179) { width: 5px; height: 5px; -webkit-animation-name: move-frames-179; animation-name: move-frames-179; -webkit-animation-duration: 33294ms; animation-duration: 33294ms; -webkit-animation-delay: 2337ms; animation-delay: 2337ms; } @-webkit-keyframes move-frames-179 { from { -webkit-transform: translate3d(63vw, 103vh, 0); transform: translate3d(63vw, 103vh, 0); } to { -webkit-transform: translate3d(29vw, -123vh, 0); transform: translate3d(29vw, -123vh, 0); } } @keyframes move-frames-179 { from { -webkit-transform: translate3d(63vw, 103vh, 0); transform: translate3d(63vw, 103vh, 0); } to { -webkit-transform: translate3d(29vw, -123vh, 0); transform: translate3d(29vw, -123vh, 0); } } .circle-container:nth-child(179) .circle { -webkit-animation-delay: 2221ms; animation-delay: 2221ms; } .circle-container:nth-child(180) { width: 2px; height: 2px; -webkit-animation-name: move-frames-180; animation-name: move-frames-180; -webkit-animation-duration: 30076ms; animation-duration: 30076ms; -webkit-animation-delay: 29094ms; animation-delay: 29094ms; } @-webkit-keyframes move-frames-180 { from { -webkit-transform: translate3d(78vw, 108vh, 0); transform: translate3d(78vw, 108vh, 0); } to { -webkit-transform: translate3d(72vw, -133vh, 0); transform: translate3d(72vw, -133vh, 0); } } @keyframes move-frames-180 { from { -webkit-transform: translate3d(78vw, 108vh, 0); transform: translate3d(78vw, 108vh, 0); } to { -webkit-transform: translate3d(72vw, -133vh, 0); transform: translate3d(72vw, -133vh, 0); } } .circle-container:nth-child(180) .circle { -webkit-animation-delay: 1902ms; animation-delay: 1902ms; } .circle-container:nth-child(181) { width: 7px; height: 7px; -webkit-animation-name: move-frames-181; animation-name: move-frames-181; -webkit-animation-duration: 30451ms; animation-duration: 30451ms; -webkit-animation-delay: 12539ms; animation-delay: 12539ms; } @-webkit-keyframes move-frames-181 { from { -webkit-transform: translate3d(67vw, 106vh, 0); transform: translate3d(67vw, 106vh, 0); } to { -webkit-transform: translate3d(30vw, -107vh, 0); transform: translate3d(30vw, -107vh, 0); } } @keyframes move-frames-181 { from { -webkit-transform: translate3d(67vw, 106vh, 0); transform: translate3d(67vw, 106vh, 0); } to { -webkit-transform: translate3d(30vw, -107vh, 0); transform: translate3d(30vw, -107vh, 0); } } .circle-container:nth-child(181) .circle { -webkit-animation-delay: 2088ms; animation-delay: 2088ms; } .circle-container:nth-child(182) { width: 7px; height: 7px; -webkit-animation-name: move-frames-182; animation-name: move-frames-182; -webkit-animation-duration: 32230ms; animation-duration: 32230ms; -webkit-animation-delay: 9888ms; animation-delay: 9888ms; } @-webkit-keyframes move-frames-182 { from { -webkit-transform: translate3d(68vw, 110vh, 0); transform: translate3d(68vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -131vh, 0); transform: translate3d(34vw, -131vh, 0); } } @keyframes move-frames-182 { from { -webkit-transform: translate3d(68vw, 110vh, 0); transform: translate3d(68vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -131vh, 0); transform: translate3d(34vw, -131vh, 0); } } .circle-container:nth-child(182) .circle { -webkit-animation-delay: 3127ms; animation-delay: 3127ms; } .circle-container:nth-child(183) { width: 4px; height: 4px; -webkit-animation-name: move-frames-183; animation-name: move-frames-183; -webkit-animation-duration: 30492ms; animation-duration: 30492ms; -webkit-animation-delay: 2980ms; animation-delay: 2980ms; } @-webkit-keyframes move-frames-183 { from { -webkit-transform: translate3d(89vw, 107vh, 0); transform: translate3d(89vw, 107vh, 0); } to { -webkit-transform: translate3d(55vw, -109vh, 0); transform: translate3d(55vw, -109vh, 0); } } @keyframes move-frames-183 { from { -webkit-transform: translate3d(89vw, 107vh, 0); transform: translate3d(89vw, 107vh, 0); } to { -webkit-transform: translate3d(55vw, -109vh, 0); transform: translate3d(55vw, -109vh, 0); } } .circle-container:nth-child(183) .circle { -webkit-animation-delay: 2236ms; animation-delay: 2236ms; } .circle-container:nth-child(184) { width: 1px; height: 1px; -webkit-animation-name: move-frames-184; animation-name: move-frames-184; -webkit-animation-duration: 33141ms; animation-duration: 33141ms; -webkit-animation-delay: 28307ms; animation-delay: 28307ms; } @-webkit-keyframes move-frames-184 { from { -webkit-transform: translate3d(11vw, 107vh, 0); transform: translate3d(11vw, 107vh, 0); } to { -webkit-transform: translate3d(44vw, -111vh, 0); transform: translate3d(44vw, -111vh, 0); } } @keyframes move-frames-184 { from { -webkit-transform: translate3d(11vw, 107vh, 0); transform: translate3d(11vw, 107vh, 0); } to { -webkit-transform: translate3d(44vw, -111vh, 0); transform: translate3d(44vw, -111vh, 0); } } .circle-container:nth-child(184) .circle { -webkit-animation-delay: 522ms; animation-delay: 522ms; } .circle-container:nth-child(185) { width: 3px; height: 3px; -webkit-animation-name: move-frames-185; animation-name: move-frames-185; -webkit-animation-duration: 29697ms; animation-duration: 29697ms; -webkit-animation-delay: 2809ms; animation-delay: 2809ms; } @-webkit-keyframes move-frames-185 { from { -webkit-transform: translate3d(44vw, 102vh, 0); transform: translate3d(44vw, 102vh, 0); } to { -webkit-transform: translate3d(34vw, -117vh, 0); transform: translate3d(34vw, -117vh, 0); } } @keyframes move-frames-185 { from { -webkit-transform: translate3d(44vw, 102vh, 0); transform: translate3d(44vw, 102vh, 0); } to { -webkit-transform: translate3d(34vw, -117vh, 0); transform: translate3d(34vw, -117vh, 0); } } .circle-container:nth-child(185) .circle { -webkit-animation-delay: 3300ms; animation-delay: 3300ms; } .circle-container:nth-child(186) { width: 7px; height: 7px; -webkit-animation-name: move-frames-186; animation-name: move-frames-186; -webkit-animation-duration: 30331ms; animation-duration: 30331ms; -webkit-animation-delay: 15486ms; animation-delay: 15486ms; } @-webkit-keyframes move-frames-186 { from { -webkit-transform: translate3d(52vw, 110vh, 0); transform: translate3d(52vw, 110vh, 0); } to { -webkit-transform: translate3d(31vw, -122vh, 0); transform: translate3d(31vw, -122vh, 0); } } @keyframes move-frames-186 { from { -webkit-transform: translate3d(52vw, 110vh, 0); transform: translate3d(52vw, 110vh, 0); } to { -webkit-transform: translate3d(31vw, -122vh, 0); transform: translate3d(31vw, -122vh, 0); } } .circle-container:nth-child(186) .circle { -webkit-animation-delay: 2996ms; animation-delay: 2996ms; } .circle-container:nth-child(187) { width: 3px; height: 3px; -webkit-animation-name: move-frames-187; animation-name: move-frames-187; -webkit-animation-duration: 36511ms; animation-duration: 36511ms; -webkit-animation-delay: 26123ms; animation-delay: 26123ms; } @-webkit-keyframes move-frames-187 { from { -webkit-transform: translate3d(83vw, 110vh, 0); transform: translate3d(83vw, 110vh, 0); } to { -webkit-transform: translate3d(71vw, -132vh, 0); transform: translate3d(71vw, -132vh, 0); } } @keyframes move-frames-187 { from { -webkit-transform: translate3d(83vw, 110vh, 0); transform: translate3d(83vw, 110vh, 0); } to { -webkit-transform: translate3d(71vw, -132vh, 0); transform: translate3d(71vw, -132vh, 0); } } .circle-container:nth-child(187) .circle { -webkit-animation-delay: 2437ms; animation-delay: 2437ms; } .circle-container:nth-child(188) { width: 6px; height: 6px; -webkit-animation-name: move-frames-188; animation-name: move-frames-188; -webkit-animation-duration: 35003ms; animation-duration: 35003ms; -webkit-animation-delay: 14307ms; animation-delay: 14307ms; } @-webkit-keyframes move-frames-188 { from { -webkit-transform: translate3d(73vw, 108vh, 0); transform: translate3d(73vw, 108vh, 0); } to { -webkit-transform: translate3d(42vw, -122vh, 0); transform: translate3d(42vw, -122vh, 0); } } @keyframes move-frames-188 { from { -webkit-transform: translate3d(73vw, 108vh, 0); transform: translate3d(73vw, 108vh, 0); } to { -webkit-transform: translate3d(42vw, -122vh, 0); transform: translate3d(42vw, -122vh, 0); } } .circle-container:nth-child(188) .circle { -webkit-animation-delay: 2599ms; animation-delay: 2599ms; } .circle-container:nth-child(189) { width: 5px; height: 5px; -webkit-animation-name: move-frames-189; animation-name: move-frames-189; -webkit-animation-duration: 34033ms; animation-duration: 34033ms; -webkit-animation-delay: 3071ms; animation-delay: 3071ms; } @-webkit-keyframes move-frames-189 { from { -webkit-transform: translate3d(78vw, 104vh, 0); transform: translate3d(78vw, 104vh, 0); } to { -webkit-transform: translate3d(29vw, -123vh, 0); transform: translate3d(29vw, -123vh, 0); } } @keyframes move-frames-189 { from { -webkit-transform: translate3d(78vw, 104vh, 0); transform: translate3d(78vw, 104vh, 0); } to { -webkit-transform: translate3d(29vw, -123vh, 0); transform: translate3d(29vw, -123vh, 0); } } .circle-container:nth-child(189) .circle { -webkit-animation-delay: 2856ms; animation-delay: 2856ms; } .circle-container:nth-child(190) { width: 7px; height: 7px; -webkit-animation-name: move-frames-190; animation-name: move-frames-190; -webkit-animation-duration: 33696ms; animation-duration: 33696ms; -webkit-animation-delay: 22301ms; animation-delay: 22301ms; } @-webkit-keyframes move-frames-190 { from { -webkit-transform: translate3d(92vw, 110vh, 0); transform: translate3d(92vw, 110vh, 0); } to { -webkit-transform: translate3d(4vw, -123vh, 0); transform: translate3d(4vw, -123vh, 0); } } @keyframes move-frames-190 { from { -webkit-transform: translate3d(92vw, 110vh, 0); transform: translate3d(92vw, 110vh, 0); } to { -webkit-transform: translate3d(4vw, -123vh, 0); transform: translate3d(4vw, -123vh, 0); } } .circle-container:nth-child(190) .circle { -webkit-animation-delay: 1011ms; animation-delay: 1011ms; } .circle-container:nth-child(191) { width: 1px; height: 1px; -webkit-animation-name: move-frames-191; animation-name: move-frames-191; -webkit-animation-duration: 35213ms; animation-duration: 35213ms; -webkit-animation-delay: 10125ms; animation-delay: 10125ms; } @-webkit-keyframes move-frames-191 { from { -webkit-transform: translate3d(11vw, 105vh, 0); transform: translate3d(11vw, 105vh, 0); } to { -webkit-transform: translate3d(30vw, -120vh, 0); transform: translate3d(30vw, -120vh, 0); } } @keyframes move-frames-191 { from { -webkit-transform: translate3d(11vw, 105vh, 0); transform: translate3d(11vw, 105vh, 0); } to { -webkit-transform: translate3d(30vw, -120vh, 0); transform: translate3d(30vw, -120vh, 0); } } .circle-container:nth-child(191) .circle { -webkit-animation-delay: 775ms; animation-delay: 775ms; } .circle-container:nth-child(192) { width: 6px; height: 6px; -webkit-animation-name: move-frames-192; animation-name: move-frames-192; -webkit-animation-duration: 32187ms; animation-duration: 32187ms; -webkit-animation-delay: 28104ms; animation-delay: 28104ms; } @-webkit-keyframes move-frames-192 { from { -webkit-transform: translate3d(14vw, 107vh, 0); transform: translate3d(14vw, 107vh, 0); } to { -webkit-transform: translate3d(14vw, -122vh, 0); transform: translate3d(14vw, -122vh, 0); } } @keyframes move-frames-192 { from { -webkit-transform: translate3d(14vw, 107vh, 0); transform: translate3d(14vw, 107vh, 0); } to { -webkit-transform: translate3d(14vw, -122vh, 0); transform: translate3d(14vw, -122vh, 0); } } .circle-container:nth-child(192) .circle { -webkit-animation-delay: 134ms; animation-delay: 134ms; } .circle-container:nth-child(193) { width: 7px; height: 7px; -webkit-animation-name: move-frames-193; animation-name: move-frames-193; -webkit-animation-duration: 36080ms; animation-duration: 36080ms; -webkit-animation-delay: 19382ms; animation-delay: 19382ms; } @-webkit-keyframes move-frames-193 { from { -webkit-transform: translate3d(44vw, 110vh, 0); transform: translate3d(44vw, 110vh, 0); } to { -webkit-transform: translate3d(27vw, -122vh, 0); transform: translate3d(27vw, -122vh, 0); } } @keyframes move-frames-193 { from { -webkit-transform: translate3d(44vw, 110vh, 0); transform: translate3d(44vw, 110vh, 0); } to { -webkit-transform: translate3d(27vw, -122vh, 0); transform: translate3d(27vw, -122vh, 0); } } .circle-container:nth-child(193) .circle { -webkit-animation-delay: 719ms; animation-delay: 719ms; } .circle-container:nth-child(194) { width: 4px; height: 4px; -webkit-animation-name: move-frames-194; animation-name: move-frames-194; -webkit-animation-duration: 34620ms; animation-duration: 34620ms; -webkit-animation-delay: 15166ms; animation-delay: 15166ms; } @-webkit-keyframes move-frames-194 { from { -webkit-transform: translate3d(41vw, 110vh, 0); transform: translate3d(41vw, 110vh, 0); } to { -webkit-transform: translate3d(5vw, -115vh, 0); transform: translate3d(5vw, -115vh, 0); } } @keyframes move-frames-194 { from { -webkit-transform: translate3d(41vw, 110vh, 0); transform: translate3d(41vw, 110vh, 0); } to { -webkit-transform: translate3d(5vw, -115vh, 0); transform: translate3d(5vw, -115vh, 0); } } .circle-container:nth-child(194) .circle { -webkit-animation-delay: 2158ms; animation-delay: 2158ms; } .circle-container:nth-child(195) { width: 7px; height: 7px; -webkit-animation-name: move-frames-195; animation-name: move-frames-195; -webkit-animation-duration: 36944ms; animation-duration: 36944ms; -webkit-animation-delay: 17969ms; animation-delay: 17969ms; } @-webkit-keyframes move-frames-195 { from { -webkit-transform: translate3d(60vw, 106vh, 0); transform: translate3d(60vw, 106vh, 0); } to { -webkit-transform: translate3d(24vw, -112vh, 0); transform: translate3d(24vw, -112vh, 0); } } @keyframes move-frames-195 { from { -webkit-transform: translate3d(60vw, 106vh, 0); transform: translate3d(60vw, 106vh, 0); } to { -webkit-transform: translate3d(24vw, -112vh, 0); transform: translate3d(24vw, -112vh, 0); } } .circle-container:nth-child(195) .circle { -webkit-animation-delay: 3191ms; animation-delay: 3191ms; } .circle-container:nth-child(196) { width: 8px; height: 8px; -webkit-animation-name: move-frames-196; animation-name: move-frames-196; -webkit-animation-duration: 36246ms; animation-duration: 36246ms; -webkit-animation-delay: 15730ms; animation-delay: 15730ms; } @-webkit-keyframes move-frames-196 { from { -webkit-transform: translate3d(12vw, 108vh, 0); transform: translate3d(12vw, 108vh, 0); } to { -webkit-transform: translate3d(75vw, -109vh, 0); transform: translate3d(75vw, -109vh, 0); } } @keyframes move-frames-196 { from { -webkit-transform: translate3d(12vw, 108vh, 0); transform: translate3d(12vw, 108vh, 0); } to { -webkit-transform: translate3d(75vw, -109vh, 0); transform: translate3d(75vw, -109vh, 0); } } .circle-container:nth-child(196) .circle { -webkit-animation-delay: 3809ms; animation-delay: 3809ms; } .circle-container:nth-child(197) { width: 7px; height: 7px; -webkit-animation-name: move-frames-197; animation-name: move-frames-197; -webkit-animation-duration: 29738ms; animation-duration: 29738ms; -webkit-animation-delay: 18752ms; animation-delay: 18752ms; } @-webkit-keyframes move-frames-197 { from { -webkit-transform: translate3d(48vw, 106vh, 0); transform: translate3d(48vw, 106vh, 0); } to { -webkit-transform: translate3d(41vw, -110vh, 0); transform: translate3d(41vw, -110vh, 0); } } @keyframes move-frames-197 { from { -webkit-transform: translate3d(48vw, 106vh, 0); transform: translate3d(48vw, 106vh, 0); } to { -webkit-transform: translate3d(41vw, -110vh, 0); transform: translate3d(41vw, -110vh, 0); } } .circle-container:nth-child(197) .circle { -webkit-animation-delay: 2958ms; animation-delay: 2958ms; } .circle-container:nth-child(198) { width: 2px; height: 2px; -webkit-animation-name: move-frames-198; animation-name: move-frames-198; -webkit-animation-duration: 28820ms; animation-duration: 28820ms; -webkit-animation-delay: 10352ms; animation-delay: 10352ms; } @-webkit-keyframes move-frames-198 { from { -webkit-transform: translate3d(53vw, 101vh, 0); transform: translate3d(53vw, 101vh, 0); } to { -webkit-transform: translate3d(34vw, -129vh, 0); transform: translate3d(34vw, -129vh, 0); } } @keyframes move-frames-198 { from { -webkit-transform: translate3d(53vw, 101vh, 0); transform: translate3d(53vw, 101vh, 0); } to { -webkit-transform: translate3d(34vw, -129vh, 0); transform: translate3d(34vw, -129vh, 0); } } .circle-container:nth-child(198) .circle { -webkit-animation-delay: 2241ms; animation-delay: 2241ms; } .circle-container:nth-child(199) { width: 1px; height: 1px; -webkit-animation-name: move-frames-199; animation-name: move-frames-199; -webkit-animation-duration: 29811ms; animation-duration: 29811ms; -webkit-animation-delay: 30984ms; animation-delay: 30984ms; } @-webkit-keyframes move-frames-199 { from { -webkit-transform: translate3d(3vw, 108vh, 0); transform: translate3d(3vw, 108vh, 0); } to { -webkit-transform: translate3d(54vw, -135vh, 0); transform: translate3d(54vw, -135vh, 0); } } @keyframes move-frames-199 { from { -webkit-transform: translate3d(3vw, 108vh, 0); transform: translate3d(3vw, 108vh, 0); } to { -webkit-transform: translate3d(54vw, -135vh, 0); transform: translate3d(54vw, -135vh, 0); } } .circle-container:nth-child(199) .circle { -webkit-animation-delay: 2627ms; animation-delay: 2627ms; } .circle-container:nth-child(200) { width: 8px; height: 8px; -webkit-animation-name: move-frames-200; animation-name: move-frames-200; -webkit-animation-duration: 29444ms; animation-duration: 29444ms; -webkit-animation-delay: 221ms; animation-delay: 221ms; } @-webkit-keyframes move-frames-200 { from { -webkit-transform: translate3d(25vw, 101vh, 0); transform: translate3d(25vw, 101vh, 0); } to { -webkit-transform: translate3d(48vw, -131vh, 0); transform: translate3d(48vw, -131vh, 0); } } @keyframes move-frames-200 { from { -webkit-transform: translate3d(25vw, 101vh, 0); transform: translate3d(25vw, 101vh, 0); } to { -webkit-transform: translate3d(48vw, -131vh, 0); transform: translate3d(48vw, -131vh, 0); } } .circle-container:nth-child(200) .circle { -webkit-animation-delay: 3323ms; animation-delay: 3323ms; } .message { position: absolute; right: 20px; bottom: 10px; color: white; font-family: "Josefin Slab", serif; line-height: 27px; font-size: 18px; text-align: right; pointer-events: none; -webkit-animation: message-frames 1.5s ease 5s forwards; animation: message-frames 1.5s ease 5s forwards; opacity: 0; } @-webkit-keyframes message-frames { from { opacity: 0; } to { opacity: 1; } } @keyframes message-frames { from { opacity: 0; } to { opacity: 1; } } div#parent_background { position: absolute;top: 0px;width: 100%;z-index: 1;height: 100%; } /*End Puntos banner*/ body.page-id-7598 div#bg_blue span.et_pb_image_wrap { display: flex; text-align: center; justify-content: flex-end; align-items: flex-end; height: 100%; } .titulo_speakers_movil { display: none; } .boton_ver_speakers_movil { display: none !important; } .corazon_svg {position: absolute; bottom: 1%; width: 110px; z-index: 999; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } body.page-id-7598 .corazon_svg img { animation: floating 5s linear 2s infinite; } body.page-id-7598 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-7598 div#contador_parent {background: rgb(41 34 141 / 37%);/* padding: 66px 20px 71px 20px !important; */} body.page-id-7598 div#contador_parent .et_pb_module.et_pb_countdown_timer {margin: 0px !important;padding: 0px !important;padding-top: 31px !important;} body.page-id-7598 div#contador_parent .et_pb_module.et_pb_countdown_timer p.value {background: #241f87;padding: 15px 11px;border-radius: 18px;} body.page-id-7598 div#contador_parent .et_pb_module.et_pb_countdown_timer .sep.section {padding-top: 11px;} body.page-id-7598 div#contador_parent .et_pb_column {padding: 66px 20px 71px 20px !important;} body.page-id-7598 div#contador_parent .et_pb_column.et-last-child {background: #09095d8a;position: relative;padding-left: 55px !important;} body.page-id-7598 div#contador_parent .et_pb_column.et-last-child strong {color: #c3c7f9;} body.page-id-7598 div#contador_parent .et_pb_column.et-last-child:before {content: '';position: absolute;left: -38px;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);border-left: 20px solid rgba(0, 0, 0, 0);border-top: 20px solid rgba(0, 0, 0, 0);border-right: 20px solid #242089;border-bottom: 20px solid rgba(0, 0, 0, 0);} body.page-id-7598 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} /*MEDIA QUERIES*/ @media (max-width: 1200px) { .page-id-7598 .et_pb_text_9_tb_body h2 { font-size: 30px; } } @media (max-width: 980px) { .page-id-7598 .et_pb_text_9_tb_body h2 { font-size: 30px; } .titulo_speakers_movil { display: block; } body.page-id-7598 div#banner_metaverso {padding-top: 26px;padding-bottom: 0px !important;} div#banner_metaverso h1 {font-size: 26px;} body.page-id-7598 div#formulario_principal h3 {font-size: 20px;} body.page-id-7598 .banner_img img {margin: 0 auto;right: inherit;height: auto;max-width: 100%;width: 600px;} body.page-id-7598 .banner_img {height: auto;max-width: 100%;text-align: center;} body.page-id-7598 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper {left: 50% !important;/* position: fixed; *//* transform: inherit; */ /* -webkit-transform: inherit; */ -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; } body.page-id-7598 .phone_svg {left: 10% !important;} body.page-id-7598 .velocimetro_svg {right: 17%;top: 18px;} body.page-id-7598 .et_pb_section.et_pb_section_1_tb_body.et_pb_with_background.et_section_regular {z-index: 1;position: relative;} div#ponentes .et_pb_column .et_pb_column_9_tb_body.et_pb_css_mix_blend_mode_passthrough > div {min-height: 0px !important;} body.page-id-7598 #ponentes .img_back {min-height: 0px;padding-bottom: 24px !important;} body.page-id-7598 div#img_celular {margin-bottom: -16px !important;} body.page-id-7598 div#formulario_principal .et_pb_text_inner {width: 90%;} body.page-id-7598 div#formulario_principal .b24-form-wrapper {max-width: 100% !important;} .speakers_1, div#speakers_2 {padding-top: 6px !important;} body.page-id-7598 h2 {font-size: 30px !important;} .subtitle_conferencia p {font-size: 20px;} div#titulo_speakers_parent { display: none !important; } .boton_ver_speakers_movil { display: block !important; } .boton_ver_speakers_escritorio { display: none !important; } div#banner_metaverso h1 em { font-style: normal; font-size: 44px; } body.page-id-7598 div#contador_parent .et_pb_column {padding: 33px 20px 24px 20px !important;} body.page-id-7598 div#contador_parent .et_pb_column.et-last-child { text-align: center; padding-left: 20px !important; } body.page-id-7598 div#contador_parent .et_pb_column.et-last-child p {text-align: center;} } @media (max-width: 640px) { body.page-id-7598 div#img_celular img {width: 100%;} .mensaje_svg, .chat_svg {width: 110px;} body.page-id-7598 div#banner_metaverso h1 em { font-style: normal; font-size: 45px; line-height: 1; } } @media only screen and (max-width: 767px) { /* body.page-id-7598 body #page-container .et_pb_section a#boton_ver_speakers { font-size: 19px !important; }*/ body.page-id-7598 #page-container .et_pb_section .et_pb_button_0_tb_body, body.page-id-7598 #page-container .et_pb_section .et_pb_button_1_tb_body { font-size: 19px !important; } } @media (max-width: 450px) { body.page-id-7598 .phone_svg, body.page-id-7598 .velocimetro_svg, body.page-id-7598 .video_svg { width: 50px; } body.page-id-7598 div#bg_blue_speakers {padding-bottom: 304px;} body.page-id-7598 .mensaje_svg, body.page-id-7598 .chat_svg {width: 67px;} body.page-id-7598 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field {width: 100%;} body.page-id-7598 .et_pb_image_0_tb_header {width: 100%;} body.page-id-7598 header .et_pb_row.et_pb_row_0_tb_header {margin-bottom: 0px !important;} } /*Nuevos estilos*/ /*NUEVOS ESTILOS Engagement-digital*/ body.page-id-8003 { background: #f7f7fd; } body.page-id-8003 .titulo_conferencia h1 strong { display: block; } body.page-id-8003 div#formulario_principal > div { padding-top: 15px; } body.page-id-8003 div#formulario_principal .et_pb_text_inner { background: rgba(255, 255, 255, 0.4); border-radius: 19px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%; left: 50%; transform: translateX(-50%); text-align: center; padding-top: 29px; } body.page-id-8003 body.page-id-8003 div#banner_metaverso { padding-top: 0px; } body.page-id-8003 div#formulario_principal h3 strong { display: block; } body.page-id-8003 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%; padding: 0px 7px; margin-bottom: 0px; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; } body.page-id-8003 .titulo_conferencia h1 strong { display: block; } body.page-id-8003 div#formulario_principal > div { padding-top: 15px; } body.page-id-8003 div#formulario_principal .et_pb_text_inner { border-radius: 42px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%;left: 50%;transform: translateX(-50%); text-align: center; padding-top: 35px; overflow: hidden !important; padding-bottom: 21px; } body.page-id-8003 body.page-id-8003 div#banner_metaverso { padding-top: 0px; } body.page-id-8003 div#formulario_principal h3 strong { display: block; } body.page-id-8003 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%;padding: 0px 12px; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; text-align: left !important; height: 46px; padding-top: 32px; padding-bottom: 10px; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label { color: #213a81 !important; text-align: left;font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 400; opacity: 1 !important; font-size: 12px !important; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label span.b24-form-control-required { color: #4668fc !important; } body.page-id-8003 .b24-form-control-alert .b24-form-control-alert-message { background: #4263ef; } body.page-id-8003 .b24-form-control-alert-message:after { border: 3px solid #4263ef !important; border-top-color: transparent !important; border-right-color: transparent !important; } body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field.b24-form-field-string.b24-form-control-string:nth-child(1) { width: 100%; } body.page-id-8003 .b24-form-wrapper.b24-form-border-bottom { border: 0px !important; background: rgba(0, 0, 0, 0); } body.page-id-8003 button.b24-form-btn { background: linear-gradient(70deg, #4668fc, #223e8b); border-radius: 27px; padding: 10px !important; height: 41px !important; min-height: 0px; line-height: 1; border: 1px solid #223e8b; } body.page-id-8003 button.b24-form-btn:hover { color: #223e8b; background: rgba(0, 0, 0, 0); } body.page-id-8003 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement { width: 100% !important; text-align: left; } body.page-id-8003 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link { color: #254195; opacity: 1 !important; font-weight: 500 !important; text-decoration: none; } body.page-id-8003 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link:hover { color: #000; } body.page-id-8003 #banner_metaverso .fluid-width-video-wrapper { display: none; } body.page-id-8003 .phone_svg { position: absolute; top: 1%; width: 110px; z-index: 99; left: 0px !important; } body.page-id-8003 .velocimetro_svg { position: absolute; top: 25px; right: 24%; width: 110px; z-index: 999; } div#img_celular img { width: 583px; height: auto; max-width: 583px; } body.page-id-8003 .video_svg { position: absolute; top: 50%; width: 110px; right: 8%; z-index: 999; } /*body.page-id-8003 a#boton_ver_speakers { letter-spacing: 0px !important; border-radius: 50% !important; width: 110px !important; height: 110px !important; line-height: 1.2 !important; text-align: center !important; padding: 35px 5px !important; background: linear-gradient(160deg, #ffffff, #acacc6) !important; color: #0843ef !important; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important; box-shadow: 0px 0px 0px 0px rgb(249 44 139 / 40%) !important; animation: floating 5s linear 2s infinite; font-size: 18px !important; box-shadow: 2px 14px 20px 3px rgb(0 0 0 / 57%) !important; }*/ /*body #page-container .et_pb_section #boton_ver_speakers:hover { letter-spacing: 0px!important; background: linear-gradient(70deg, #4668fc, #223e8b) !important; color: #fff !important; } body #page-container .et_pb_section #boton_ver_speakers:after { content: '' !important; }*/ body.page-id-8003 .phone_svg img, .video_svg img, .velocimetro_svg img { animation: floating 5s linear 2s infinite; } .speakers_1, div#speakers_2 { padding-top: 124px !important; } .titulo_speakers.et_pb_text_align_left { transform: translateY(116px); } @keyframes floating{ 0%{transform:translateY(0px)} 50%{transform:translateY(20px)} 100%{transform:translateY(0px)} } @-webkit-keyframes floating { 0%{transform:translateY(0px)} 50%{transform:translateY(20px)} 100%{transform:translateY(0px)} } @-moz-keyframes animacion1 { 0%{transform:translateY(0px)} 50%{transform:translateY(20px)} 100%{transform:translateY(0px)} } body.page-id-8003 div#bg_blue { position: absolute; bottom: 0px; right: 0px; height: 100%; width: 150%; z-index: -1; } body.page-id-8003 div#banner_metaverso { min-height: 0px !important; } body.page-id-8003 div#banner_metaverso { margin-bottom: 0px !important; position: relative; } body.page-id-8003 div#formulario_principal { z-index: 9999; position: relative; } body.page-id-8003 .contenido_banner { z-index: 999; } body.page-id-8003 .b24-form-content.b24-form-padding-side { background: transparent !important; } body.page-id-8003 div#banner_metaverso { overflow: hidden; } body.page-id-8003 .banner_div { position: relative; } body.page-id-8003 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper, body.page-id-8003 .banner_div .et_pb_button_module_wrapper.et_pb_button_1_tb_body_wrapper { position: absolute; bottom: 55px; z-index: 999; left: 37% !important; right: inherit !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } body.page-id-8003 .banner_img { right: 0px; width: auto; height: 664px; bottom: 0px; max-width: 700px; margin: 0px !important; padding: 0px !important; position: relative; } body.page-id-8003 .banner_img img { width: auto;height: 700px; max-width: 700px; bottom: 0px; right: 153px; position: relative; z-index: 1; } .chat_svg { position: absolute; top: -179px; width: 150px; left: -9px; z-index: 999; } .mensaje_svg {position: absolute; top: -330px; width: 150px; left: 78px; z-index: 999; } .chat_svg img, .mensaje_svg img { animation: floating 5s linear 2s infinite; } body.page-id-8003 .speakers_1 img, #speakers_2 img { width: 80%; display: block; margin: 0 auto; } body.page-id-8003 div#bg_white { margin-top: -307px; } body.page-id-8003 .img_back:hover { transform: translateY(-15px); } body.page-id-8003 .img_back { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } div#img_celular {margin-top: -268px;} /*Puntos banner*/ .circle-container { position: absolute; -webkit-transform: translateY(-10vh); transform: translateY(-10vh); -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .circle-container .circle { width: 100%; height: 100%; border-radius: 50%; mix-blend-mode: screen; background-image: radial-gradient(#3858d0, #3858d0 10%, rgba(153, 255, 255, 0) 56%); -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite; animation: fadein-frames 200ms infinite, scale-frames 2s infinite; } @-webkit-keyframes fade-frames { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } @keyframes fade-frames { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } @-webkit-keyframes scale-frames { 0% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } 50% { -webkit-transform: scale3d(2.2, 2.2, 1); transform: scale3d(2.2, 2.2, 1); } 100% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } } @keyframes scale-frames { 0% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } 50% { -webkit-transform: scale3d(2.2, 2.2, 1); transform: scale3d(2.2, 2.2, 1); } 100% { -webkit-transform: scale3d(0.4, 0.4, 1); transform: scale3d(0.4, 0.4, 1); } } .circle-container:nth-child(1) { width: 4px; height: 4px; -webkit-animation-name: move-frames-1; animation-name: move-frames-1; -webkit-animation-duration: 31629ms; animation-duration: 31629ms; -webkit-animation-delay: 16888ms; animation-delay: 16888ms; } @-webkit-keyframes move-frames-1 { from { -webkit-transform: translate3d(95vw, 105vh, 0); transform: translate3d(95vw, 105vh, 0); } to { -webkit-transform: translate3d(17vw, -109vh, 0); transform: translate3d(17vw, -109vh, 0); } } @keyframes move-frames-1 { from { -webkit-transform: translate3d(95vw, 105vh, 0); transform: translate3d(95vw, 105vh, 0); } to { -webkit-transform: translate3d(17vw, -109vh, 0); transform: translate3d(17vw, -109vh, 0); } } .circle-container:nth-child(1) .circle { -webkit-animation-delay: 3101ms; animation-delay: 3101ms; } .circle-container:nth-child(2) { width: 6px; height: 6px; -webkit-animation-name: move-frames-2; animation-name: move-frames-2; -webkit-animation-duration: 29829ms; animation-duration: 29829ms; -webkit-animation-delay: 28802ms; animation-delay: 28802ms; } @-webkit-keyframes move-frames-2 { from { -webkit-transform: translate3d(34vw, 108vh, 0); transform: translate3d(34vw, 108vh, 0); } to { -webkit-transform: translate3d(81vw, -134vh, 0); transform: translate3d(81vw, -134vh, 0); } } @keyframes move-frames-2 { from { -webkit-transform: translate3d(34vw, 108vh, 0); transform: translate3d(34vw, 108vh, 0); } to { -webkit-transform: translate3d(81vw, -134vh, 0); transform: translate3d(81vw, -134vh, 0); } } .circle-container:nth-child(2) .circle { -webkit-animation-delay: 2865ms; animation-delay: 2865ms; } .circle-container:nth-child(3) { width: 6px; height: 6px; -webkit-animation-name: move-frames-3; animation-name: move-frames-3; -webkit-animation-duration: 31166ms; animation-duration: 31166ms; -webkit-animation-delay: 26856ms; animation-delay: 26856ms; } @-webkit-keyframes move-frames-3 { from { -webkit-transform: translate3d(52vw, 108vh, 0); transform: translate3d(52vw, 108vh, 0); } to { -webkit-transform: translate3d(41vw, -133vh, 0); transform: translate3d(41vw, -133vh, 0); } } @keyframes move-frames-3 { from { -webkit-transform: translate3d(52vw, 108vh, 0); transform: translate3d(52vw, 108vh, 0); } to { -webkit-transform: translate3d(41vw, -133vh, 0); transform: translate3d(41vw, -133vh, 0); } } .circle-container:nth-child(3) .circle { -webkit-animation-delay: 3469ms; animation-delay: 3469ms; } .circle-container:nth-child(4) { width: 7px; height: 7px; -webkit-animation-name: move-frames-4; animation-name: move-frames-4; -webkit-animation-duration: 31210ms; animation-duration: 31210ms; -webkit-animation-delay: 3816ms; animation-delay: 3816ms; } @-webkit-keyframes move-frames-4 { from { -webkit-transform: translate3d(29vw, 101vh, 0); transform: translate3d(29vw, 101vh, 0); } to { -webkit-transform: translate3d(47vw, -103vh, 0); transform: translate3d(47vw, -103vh, 0); } } @keyframes move-frames-4 { from { -webkit-transform: translate3d(29vw, 101vh, 0); transform: translate3d(29vw, 101vh, 0); } to { -webkit-transform: translate3d(47vw, -103vh, 0); transform: translate3d(47vw, -103vh, 0); } } .circle-container:nth-child(4) .circle { -webkit-animation-delay: 3947ms; animation-delay: 3947ms; } .circle-container:nth-child(5) { width: 3px; height: 3px; -webkit-animation-name: move-frames-5; animation-name: move-frames-5; -webkit-animation-duration: 32610ms; animation-duration: 32610ms; -webkit-animation-delay: 12936ms; animation-delay: 12936ms; } @-webkit-keyframes move-frames-5 { from { -webkit-transform: translate3d(20vw, 104vh, 0); transform: translate3d(20vw, 104vh, 0); } to { -webkit-transform: translate3d(76vw, -131vh, 0); transform: translate3d(76vw, -131vh, 0); } } @keyframes move-frames-5 { from { -webkit-transform: translate3d(20vw, 104vh, 0); transform: translate3d(20vw, 104vh, 0); } to { -webkit-transform: translate3d(76vw, -131vh, 0); transform: translate3d(76vw, -131vh, 0); } } .circle-container:nth-child(5) .circle { -webkit-animation-delay: 554ms; animation-delay: 554ms; } .circle-container:nth-child(6) { width: 3px; height: 3px; -webkit-animation-name: move-frames-6; animation-name: move-frames-6; -webkit-animation-duration: 36741ms; animation-duration: 36741ms; -webkit-animation-delay: 16650ms; animation-delay: 16650ms; } @-webkit-keyframes move-frames-6 { from { -webkit-transform: translate3d(40vw, 102vh, 0); transform: translate3d(40vw, 102vh, 0); } to { -webkit-transform: translate3d(6vw, -117vh, 0); transform: translate3d(6vw, -117vh, 0); } } @keyframes move-frames-6 { from { -webkit-transform: translate3d(40vw, 102vh, 0); transform: translate3d(40vw, 102vh, 0); } to { -webkit-transform: translate3d(6vw, -117vh, 0); transform: translate3d(6vw, -117vh, 0); } } .circle-container:nth-child(6) .circle { -webkit-animation-delay: 2052ms; animation-delay: 2052ms; } .circle-container:nth-child(7) { width: 8px; height: 8px; -webkit-animation-name: move-frames-7; animation-name: move-frames-7; -webkit-animation-duration: 32297ms; animation-duration: 32297ms; -webkit-animation-delay: 33610ms; animation-delay: 33610ms; } @-webkit-keyframes move-frames-7 { from { -webkit-transform: translate3d(76vw, 109vh, 0); transform: translate3d(76vw, 109vh, 0); } to { -webkit-transform: translate3d(23vw, -117vh, 0); transform: translate3d(23vw, -117vh, 0); } } @keyframes move-frames-7 { from { -webkit-transform: translate3d(76vw, 109vh, 0); transform: translate3d(76vw, 109vh, 0); } to { -webkit-transform: translate3d(23vw, -117vh, 0); transform: translate3d(23vw, -117vh, 0); } } .circle-container:nth-child(7) .circle { -webkit-animation-delay: 347ms; animation-delay: 347ms; } .circle-container:nth-child(8) { width: 6px; height: 6px; -webkit-animation-name: move-frames-8; animation-name: move-frames-8; -webkit-animation-duration: 30947ms; animation-duration: 30947ms; -webkit-animation-delay: 16143ms; animation-delay: 16143ms; } @-webkit-keyframes move-frames-8 { from { -webkit-transform: translate3d(6vw, 107vh, 0); transform: translate3d(6vw, 107vh, 0); } to { -webkit-transform: translate3d(42vw, -135vh, 0); transform: translate3d(42vw, -135vh, 0); } } @keyframes move-frames-8 { from { -webkit-transform: translate3d(6vw, 107vh, 0); transform: translate3d(6vw, 107vh, 0); } to { -webkit-transform: translate3d(42vw, -135vh, 0); transform: translate3d(42vw, -135vh, 0); } } .circle-container:nth-child(8) .circle { -webkit-animation-delay: 492ms; animation-delay: 492ms; } .circle-container:nth-child(9) { width: 1px; height: 1px; -webkit-animation-name: move-frames-9; animation-name: move-frames-9; -webkit-animation-duration: 31436ms; animation-duration: 31436ms; -webkit-animation-delay: 23328ms; animation-delay: 23328ms; } @-webkit-keyframes move-frames-9 { from { -webkit-transform: translate3d(86vw, 101vh, 0); transform: translate3d(86vw, 101vh, 0); } to { -webkit-transform: translate3d(71vw, -104vh, 0); transform: translate3d(71vw, -104vh, 0); } } @keyframes move-frames-9 { from { -webkit-transform: translate3d(86vw, 101vh, 0); transform: translate3d(86vw, 101vh, 0); } to { -webkit-transform: translate3d(71vw, -104vh, 0); transform: translate3d(71vw, -104vh, 0); } } .circle-container:nth-child(9) .circle { -webkit-animation-delay: 1387ms; animation-delay: 1387ms; } .circle-container:nth-child(10) { width: 8px; height: 8px; -webkit-animation-name: move-frames-10; animation-name: move-frames-10; -webkit-animation-duration: 33449ms; animation-duration: 33449ms; -webkit-animation-delay: 26386ms; animation-delay: 26386ms; } @-webkit-keyframes move-frames-10 { from { -webkit-transform: translate3d(68vw, 109vh, 0); transform: translate3d(68vw, 109vh, 0); } to { -webkit-transform: translate3d(33vw, -115vh, 0); transform: translate3d(33vw, -115vh, 0); } } @keyframes move-frames-10 { from { -webkit-transform: translate3d(68vw, 109vh, 0); transform: translate3d(68vw, 109vh, 0); } to { -webkit-transform: translate3d(33vw, -115vh, 0); transform: translate3d(33vw, -115vh, 0); } } .circle-container:nth-child(10) .circle { -webkit-animation-delay: 3979ms; animation-delay: 3979ms; } .circle-container:nth-child(11) { width: 1px; height: 1px; -webkit-animation-name: move-frames-11; animation-name: move-frames-11; -webkit-animation-duration: 28278ms; animation-duration: 28278ms; -webkit-animation-delay: 32831ms; animation-delay: 32831ms; } @-webkit-keyframes move-frames-11 { from { -webkit-transform: translate3d(24vw, 104vh, 0); transform: translate3d(24vw, 104vh, 0); } to { -webkit-transform: translate3d(84vw, -120vh, 0); transform: translate3d(84vw, -120vh, 0); } } @keyframes move-frames-11 { from { -webkit-transform: translate3d(24vw, 104vh, 0); transform: translate3d(24vw, 104vh, 0); } to { -webkit-transform: translate3d(84vw, -120vh, 0); transform: translate3d(84vw, -120vh, 0); } } .circle-container:nth-child(11) .circle { -webkit-animation-delay: 3046ms; animation-delay: 3046ms; } .circle-container:nth-child(12) { width: 5px; height: 5px; -webkit-animation-name: move-frames-12; animation-name: move-frames-12; -webkit-animation-duration: 30459ms; animation-duration: 30459ms; -webkit-animation-delay: 164ms; animation-delay: 164ms; } @-webkit-keyframes move-frames-12 { from { -webkit-transform: translate3d(53vw, 109vh, 0); transform: translate3d(53vw, 109vh, 0); } to { -webkit-transform: translate3d(74vw, -134vh, 0); transform: translate3d(74vw, -134vh, 0); } } @keyframes move-frames-12 { from { -webkit-transform: translate3d(53vw, 109vh, 0); transform: translate3d(53vw, 109vh, 0); } to { -webkit-transform: translate3d(74vw, -134vh, 0); transform: translate3d(74vw, -134vh, 0); } } .circle-container:nth-child(12) .circle { -webkit-animation-delay: 299ms; animation-delay: 299ms; } .circle-container:nth-child(13) { width: 6px; height: 6px; -webkit-animation-name: move-frames-13; animation-name: move-frames-13; -webkit-animation-duration: 33610ms; animation-duration: 33610ms; -webkit-animation-delay: 24288ms; animation-delay: 24288ms; } @-webkit-keyframes move-frames-13 { from { -webkit-transform: translate3d(88vw, 110vh, 0); transform: translate3d(88vw, 110vh, 0); } to { -webkit-transform: translate3d(44vw, -113vh, 0); transform: translate3d(44vw, -113vh, 0); } } @keyframes move-frames-13 { from { -webkit-transform: translate3d(88vw, 110vh, 0); transform: translate3d(88vw, 110vh, 0); } to { -webkit-transform: translate3d(44vw, -113vh, 0); transform: translate3d(44vw, -113vh, 0); } } .circle-container:nth-child(13) .circle { -webkit-animation-delay: 2418ms; animation-delay: 2418ms; } .circle-container:nth-child(14) { width: 3px; height: 3px; -webkit-animation-name: move-frames-14; animation-name: move-frames-14; -webkit-animation-duration: 34941ms; animation-duration: 34941ms; -webkit-animation-delay: 15658ms; animation-delay: 15658ms; } @-webkit-keyframes move-frames-14 { from { -webkit-transform: translate3d(45vw, 110vh, 0); transform: translate3d(45vw, 110vh, 0); } to { -webkit-transform: translate3d(25vw, -127vh, 0); transform: translate3d(25vw, -127vh, 0); } } @keyframes move-frames-14 { from { -webkit-transform: translate3d(45vw, 110vh, 0); transform: translate3d(45vw, 110vh, 0); } to { -webkit-transform: translate3d(25vw, -127vh, 0); transform: translate3d(25vw, -127vh, 0); } } .circle-container:nth-child(14) .circle { -webkit-animation-delay: 1331ms; animation-delay: 1331ms; } .circle-container:nth-child(15) { width: 4px; height: 4px; -webkit-animation-name: move-frames-15; animation-name: move-frames-15; -webkit-animation-duration: 36241ms; animation-duration: 36241ms; -webkit-animation-delay: 12834ms; animation-delay: 12834ms; } @-webkit-keyframes move-frames-15 { from { -webkit-transform: translate3d(89vw, 105vh, 0); transform: translate3d(89vw, 105vh, 0); } to { -webkit-transform: translate3d(54vw, -129vh, 0); transform: translate3d(54vw, -129vh, 0); } } @keyframes move-frames-15 { from { -webkit-transform: translate3d(89vw, 105vh, 0); transform: translate3d(89vw, 105vh, 0); } to { -webkit-transform: translate3d(54vw, -129vh, 0); transform: translate3d(54vw, -129vh, 0); } } .circle-container:nth-child(15) .circle { -webkit-animation-delay: 691ms; animation-delay: 691ms; } .circle-container:nth-child(16) { width: 2px; height: 2px; -webkit-animation-name: move-frames-16; animation-name: move-frames-16; -webkit-animation-duration: 35626ms; animation-duration: 35626ms; -webkit-animation-delay: 24426ms; animation-delay: 24426ms; } @-webkit-keyframes move-frames-16 { from { -webkit-transform: translate3d(54vw, 109vh, 0); transform: translate3d(54vw, 109vh, 0); } to { -webkit-transform: translate3d(39vw, -126vh, 0); transform: translate3d(39vw, -126vh, 0); } } @keyframes move-frames-16 { from { -webkit-transform: translate3d(54vw, 109vh, 0); transform: translate3d(54vw, 109vh, 0); } to { -webkit-transform: translate3d(39vw, -126vh, 0); transform: translate3d(39vw, -126vh, 0); } } .circle-container:nth-child(16) .circle { -webkit-animation-delay: 2272ms; animation-delay: 2272ms; } .circle-container:nth-child(17) { width: 3px; height: 3px; -webkit-animation-name: move-frames-17; animation-name: move-frames-17; -webkit-animation-duration: 32811ms; animation-duration: 32811ms; -webkit-animation-delay: 17578ms; animation-delay: 17578ms; } @-webkit-keyframes move-frames-17 { from { -webkit-transform: translate3d(78vw, 110vh, 0); transform: translate3d(78vw, 110vh, 0); } to { -webkit-transform: translate3d(30vw, -137vh, 0); transform: translate3d(30vw, -137vh, 0); } } @keyframes move-frames-17 { from { -webkit-transform: translate3d(78vw, 110vh, 0); transform: translate3d(78vw, 110vh, 0); } to { -webkit-transform: translate3d(30vw, -137vh, 0); transform: translate3d(30vw, -137vh, 0); } } .circle-container:nth-child(17) .circle { -webkit-animation-delay: 2393ms; animation-delay: 2393ms; } .circle-container:nth-child(18) { width: 1px; height: 1px; -webkit-animation-name: move-frames-18; animation-name: move-frames-18; -webkit-animation-duration: 30193ms; animation-duration: 30193ms; -webkit-animation-delay: 2509ms; animation-delay: 2509ms; } @-webkit-keyframes move-frames-18 { from { -webkit-transform: translate3d(67vw, 106vh, 0); transform: translate3d(67vw, 106vh, 0); } to { -webkit-transform: translate3d(78vw, -110vh, 0); transform: translate3d(78vw, -110vh, 0); } } @keyframes move-frames-18 { from { -webkit-transform: translate3d(67vw, 106vh, 0); transform: translate3d(67vw, 106vh, 0); } to { -webkit-transform: translate3d(78vw, -110vh, 0); transform: translate3d(78vw, -110vh, 0); } } .circle-container:nth-child(18) .circle { -webkit-animation-delay: 810ms; animation-delay: 810ms; } .circle-container:nth-child(19) { width: 1px; height: 1px; -webkit-animation-name: move-frames-19; animation-name: move-frames-19; -webkit-animation-duration: 33583ms; animation-duration: 33583ms; -webkit-animation-delay: 7279ms; animation-delay: 7279ms; } @-webkit-keyframes move-frames-19 { from { -webkit-transform: translate3d(55vw, 108vh, 0); transform: translate3d(55vw, 108vh, 0); } to { -webkit-transform: translate3d(48vw, -132vh, 0); transform: translate3d(48vw, -132vh, 0); } } @keyframes move-frames-19 { from { -webkit-transform: translate3d(55vw, 108vh, 0); transform: translate3d(55vw, 108vh, 0); } to { -webkit-transform: translate3d(48vw, -132vh, 0); transform: translate3d(48vw, -132vh, 0); } } .circle-container:nth-child(19) .circle { -webkit-animation-delay: 1112ms; animation-delay: 1112ms; } .circle-container:nth-child(20) { width: 1px; height: 1px; -webkit-animation-name: move-frames-20; animation-name: move-frames-20; -webkit-animation-duration: 36573ms; animation-duration: 36573ms; -webkit-animation-delay: 24154ms; animation-delay: 24154ms; } @-webkit-keyframes move-frames-20 { from { -webkit-transform: translate3d(59vw, 103vh, 0); transform: translate3d(59vw, 103vh, 0); } to { -webkit-transform: translate3d(4vw, -108vh, 0); transform: translate3d(4vw, -108vh, 0); } } @keyframes move-frames-20 { from { -webkit-transform: translate3d(59vw, 103vh, 0); transform: translate3d(59vw, 103vh, 0); } to { -webkit-transform: translate3d(4vw, -108vh, 0); transform: translate3d(4vw, -108vh, 0); } } .circle-container:nth-child(20) .circle { -webkit-animation-delay: 3899ms; animation-delay: 3899ms; } .circle-container:nth-child(21) { width: 6px; height: 6px; -webkit-animation-name: move-frames-21; animation-name: move-frames-21; -webkit-animation-duration: 34467ms; animation-duration: 34467ms; -webkit-animation-delay: 19420ms; animation-delay: 19420ms; } @-webkit-keyframes move-frames-21 { from { -webkit-transform: translate3d(29vw, 106vh, 0); transform: translate3d(29vw, 106vh, 0); } to { -webkit-transform: translate3d(27vw, -116vh, 0); transform: translate3d(27vw, -116vh, 0); } } @keyframes move-frames-21 { from { -webkit-transform: translate3d(29vw, 106vh, 0); transform: translate3d(29vw, 106vh, 0); } to { -webkit-transform: translate3d(27vw, -116vh, 0); transform: translate3d(27vw, -116vh, 0); } } .circle-container:nth-child(21) .circle { -webkit-animation-delay: 898ms; animation-delay: 898ms; } .circle-container:nth-child(22) { width: 4px; height: 4px; -webkit-animation-name: move-frames-22; animation-name: move-frames-22; -webkit-animation-duration: 33750ms; animation-duration: 33750ms; -webkit-animation-delay: 17945ms; animation-delay: 17945ms; } @-webkit-keyframes move-frames-22 { from { -webkit-transform: translate3d(27vw, 110vh, 0); transform: translate3d(27vw, 110vh, 0); } to { -webkit-transform: translate3d(9vw, -128vh, 0); transform: translate3d(9vw, -128vh, 0); } } @keyframes move-frames-22 { from { -webkit-transform: translate3d(27vw, 110vh, 0); transform: translate3d(27vw, 110vh, 0); } to { -webkit-transform: translate3d(9vw, -128vh, 0); transform: translate3d(9vw, -128vh, 0); } } .circle-container:nth-child(22) .circle { -webkit-animation-delay: 368ms; animation-delay: 368ms; } .circle-container:nth-child(23) { width: 8px; height: 8px; -webkit-animation-name: move-frames-23; animation-name: move-frames-23; -webkit-animation-duration: 36039ms; animation-duration: 36039ms; -webkit-animation-delay: 31727ms; animation-delay: 31727ms; } @-webkit-keyframes move-frames-23 { from { -webkit-transform: translate3d(92vw, 107vh, 0); transform: translate3d(92vw, 107vh, 0); } to { -webkit-transform: translate3d(51vw, -112vh, 0); transform: translate3d(51vw, -112vh, 0); } } @keyframes move-frames-23 { from { -webkit-transform: translate3d(92vw, 107vh, 0); transform: translate3d(92vw, 107vh, 0); } to { -webkit-transform: translate3d(51vw, -112vh, 0); transform: translate3d(51vw, -112vh, 0); } } .circle-container:nth-child(23) .circle { -webkit-animation-delay: 294ms; animation-delay: 294ms; } .circle-container:nth-child(24) { width: 6px; height: 6px; -webkit-animation-name: move-frames-24; animation-name: move-frames-24; -webkit-animation-duration: 33509ms; animation-duration: 33509ms; -webkit-animation-delay: 23140ms; animation-delay: 23140ms; } @-webkit-keyframes move-frames-24 { from { -webkit-transform: translate3d(95vw, 108vh, 0); transform: translate3d(95vw, 108vh, 0); } to { -webkit-transform: translate3d(66vw, -112vh, 0); transform: translate3d(66vw, -112vh, 0); } } @keyframes move-frames-24 { from { -webkit-transform: translate3d(95vw, 108vh, 0); transform: translate3d(95vw, 108vh, 0); } to { -webkit-transform: translate3d(66vw, -112vh, 0); transform: translate3d(66vw, -112vh, 0); } } .circle-container:nth-child(24) .circle { -webkit-animation-delay: 1317ms; animation-delay: 1317ms; } .circle-container:nth-child(25) { width: 6px; height: 6px; -webkit-animation-name: move-frames-25; animation-name: move-frames-25; -webkit-animation-duration: 31384ms; animation-duration: 31384ms; -webkit-animation-delay: 24586ms; animation-delay: 24586ms; } @-webkit-keyframes move-frames-25 { from { -webkit-transform: translate3d(5vw, 106vh, 0); transform: translate3d(5vw, 106vh, 0); } to { -webkit-transform: translate3d(66vw, -122vh, 0); transform: translate3d(66vw, -122vh, 0); } } @keyframes move-frames-25 { from { -webkit-transform: translate3d(5vw, 106vh, 0); transform: translate3d(5vw, 106vh, 0); } to { -webkit-transform: translate3d(66vw, -122vh, 0); transform: translate3d(66vw, -122vh, 0); } } .circle-container:nth-child(25) .circle { -webkit-animation-delay: 2095ms; animation-delay: 2095ms; } .circle-container:nth-child(26) { width: 6px; height: 6px; -webkit-animation-name: move-frames-26; animation-name: move-frames-26; -webkit-animation-duration: 36752ms; animation-duration: 36752ms; -webkit-animation-delay: 16778ms; animation-delay: 16778ms; } @-webkit-keyframes move-frames-26 { from { -webkit-transform: translate3d(80vw, 109vh, 0); transform: translate3d(80vw, 109vh, 0); } to { -webkit-transform: translate3d(30vw, -118vh, 0); transform: translate3d(30vw, -118vh, 0); } } @keyframes move-frames-26 { from { -webkit-transform: translate3d(80vw, 109vh, 0); transform: translate3d(80vw, 109vh, 0); } to { -webkit-transform: translate3d(30vw, -118vh, 0); transform: translate3d(30vw, -118vh, 0); } } .circle-container:nth-child(26) .circle { -webkit-animation-delay: 3628ms; animation-delay: 3628ms; } .circle-container:nth-child(27) { width: 5px; height: 5px; -webkit-animation-name: move-frames-27; animation-name: move-frames-27; -webkit-animation-duration: 30110ms; animation-duration: 30110ms; -webkit-animation-delay: 19386ms; animation-delay: 19386ms; } @-webkit-keyframes move-frames-27 { from { -webkit-transform: translate3d(66vw, 108vh, 0); transform: translate3d(66vw, 108vh, 0); } to { -webkit-transform: translate3d(18vw, -129vh, 0); transform: translate3d(18vw, -129vh, 0); } } @keyframes move-frames-27 { from { -webkit-transform: translate3d(66vw, 108vh, 0); transform: translate3d(66vw, 108vh, 0); } to { -webkit-transform: translate3d(18vw, -129vh, 0); transform: translate3d(18vw, -129vh, 0); } } .circle-container:nth-child(27) .circle { -webkit-animation-delay: 1307ms; animation-delay: 1307ms; } .circle-container:nth-child(28) { width: 3px; height: 3px; -webkit-animation-name: move-frames-28; animation-name: move-frames-28; -webkit-animation-duration: 34011ms; animation-duration: 34011ms; -webkit-animation-delay: 11928ms; animation-delay: 11928ms; } @-webkit-keyframes move-frames-28 { from { -webkit-transform: translate3d(86vw, 109vh, 0); transform: translate3d(86vw, 109vh, 0); } to { -webkit-transform: translate3d(66vw, -118vh, 0); transform: translate3d(66vw, -118vh, 0); } } @keyframes move-frames-28 { from { -webkit-transform: translate3d(86vw, 109vh, 0); transform: translate3d(86vw, 109vh, 0); } to { -webkit-transform: translate3d(66vw, -118vh, 0); transform: translate3d(66vw, -118vh, 0); } } .circle-container:nth-child(28) .circle { -webkit-animation-delay: 715ms; animation-delay: 715ms; } .circle-container:nth-child(29) { width: 7px; height: 7px; -webkit-animation-name: move-frames-29; animation-name: move-frames-29; -webkit-animation-duration: 30318ms; animation-duration: 30318ms; -webkit-animation-delay: 21581ms; animation-delay: 21581ms; } @-webkit-keyframes move-frames-29 { from { -webkit-transform: translate3d(23vw, 106vh, 0); transform: translate3d(23vw, 106vh, 0); } to { -webkit-transform: translate3d(3vw, -117vh, 0); transform: translate3d(3vw, -117vh, 0); } } @keyframes move-frames-29 { from { -webkit-transform: translate3d(23vw, 106vh, 0); transform: translate3d(23vw, 106vh, 0); } to { -webkit-transform: translate3d(3vw, -117vh, 0); transform: translate3d(3vw, -117vh, 0); } } .circle-container:nth-child(29) .circle { -webkit-animation-delay: 3520ms; animation-delay: 3520ms; } .circle-container:nth-child(30) { width: 7px; height: 7px; -webkit-animation-name: move-frames-30; animation-name: move-frames-30; -webkit-animation-duration: 34903ms; animation-duration: 34903ms; -webkit-animation-delay: 24248ms; animation-delay: 24248ms; } @-webkit-keyframes move-frames-30 { from { -webkit-transform: translate3d(93vw, 108vh, 0); transform: translate3d(93vw, 108vh, 0); } to { -webkit-transform: translate3d(84vw, -110vh, 0); transform: translate3d(84vw, -110vh, 0); } } @keyframes move-frames-30 { from { -webkit-transform: translate3d(93vw, 108vh, 0); transform: translate3d(93vw, 108vh, 0); } to { -webkit-transform: translate3d(84vw, -110vh, 0); transform: translate3d(84vw, -110vh, 0); } } .circle-container:nth-child(30) .circle { -webkit-animation-delay: 1356ms; animation-delay: 1356ms; } .circle-container:nth-child(31) { width: 7px; height: 7px; -webkit-animation-name: move-frames-31; animation-name: move-frames-31; -webkit-animation-duration: 32399ms; animation-duration: 32399ms; -webkit-animation-delay: 20050ms; animation-delay: 20050ms; } @-webkit-keyframes move-frames-31 { from { -webkit-transform: translate3d(49vw, 104vh, 0); transform: translate3d(49vw, 104vh, 0); } to { -webkit-transform: translate3d(75vw, -112vh, 0); transform: translate3d(75vw, -112vh, 0); } } @keyframes move-frames-31 { from { -webkit-transform: translate3d(49vw, 104vh, 0); transform: translate3d(49vw, 104vh, 0); } to { -webkit-transform: translate3d(75vw, -112vh, 0); transform: translate3d(75vw, -112vh, 0); } } .circle-container:nth-child(31) .circle { -webkit-animation-delay: 2541ms; animation-delay: 2541ms; } .circle-container:nth-child(32) { width: 8px; height: 8px; -webkit-animation-name: move-frames-32; animation-name: move-frames-32; -webkit-animation-duration: 33153ms; animation-duration: 33153ms; -webkit-animation-delay: 30498ms; animation-delay: 30498ms; } @-webkit-keyframes move-frames-32 { from { -webkit-transform: translate3d(58vw, 101vh, 0); transform: translate3d(58vw, 101vh, 0); } to { -webkit-transform: translate3d(74vw, -126vh, 0); transform: translate3d(74vw, -126vh, 0); } } @keyframes move-frames-32 { from { -webkit-transform: translate3d(58vw, 101vh, 0); transform: translate3d(58vw, 101vh, 0); } to { -webkit-transform: translate3d(74vw, -126vh, 0); transform: translate3d(74vw, -126vh, 0); } } .circle-container:nth-child(32) .circle { -webkit-animation-delay: 3442ms; animation-delay: 3442ms; } .circle-container:nth-child(33) { width: 5px; height: 5px; -webkit-animation-name: move-frames-33; animation-name: move-frames-33; -webkit-animation-duration: 29403ms; animation-duration: 29403ms; -webkit-animation-delay: 11454ms; animation-delay: 11454ms; } @-webkit-keyframes move-frames-33 { from { -webkit-transform: translate3d(98vw, 107vh, 0); transform: translate3d(98vw, 107vh, 0); } to { -webkit-transform: translate3d(13vw, -113vh, 0); transform: translate3d(13vw, -113vh, 0); } } @keyframes move-frames-33 { from { -webkit-transform: translate3d(98vw, 107vh, 0); transform: translate3d(98vw, 107vh, 0); } to { -webkit-transform: translate3d(13vw, -113vh, 0); transform: translate3d(13vw, -113vh, 0); } } .circle-container:nth-child(33) .circle { -webkit-animation-delay: 1920ms; animation-delay: 1920ms; } .circle-container:nth-child(34) { width: 5px; height: 5px; -webkit-animation-name: move-frames-34; animation-name: move-frames-34; -webkit-animation-duration: 28231ms; animation-duration: 28231ms; -webkit-animation-delay: 1053ms; animation-delay: 1053ms; } @-webkit-keyframes move-frames-34 { from { -webkit-transform: translate3d(35vw, 107vh, 0); transform: translate3d(35vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -117vh, 0); transform: translate3d(88vw, -117vh, 0); } } @keyframes move-frames-34 { from { -webkit-transform: translate3d(35vw, 107vh, 0); transform: translate3d(35vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -117vh, 0); transform: translate3d(88vw, -117vh, 0); } } .circle-container:nth-child(34) .circle { -webkit-animation-delay: 1221ms; animation-delay: 1221ms; } .circle-container:nth-child(35) { width: 4px; height: 4px; -webkit-animation-name: move-frames-35; animation-name: move-frames-35; -webkit-animation-duration: 36199ms; animation-duration: 36199ms; -webkit-animation-delay: 10397ms; animation-delay: 10397ms; } @-webkit-keyframes move-frames-35 { from { -webkit-transform: translate3d(34vw, 106vh, 0); transform: translate3d(34vw, 106vh, 0); } to { -webkit-transform: translate3d(59vw, -133vh, 0); transform: translate3d(59vw, -133vh, 0); } } @keyframes move-frames-35 { from { -webkit-transform: translate3d(34vw, 106vh, 0); transform: translate3d(34vw, 106vh, 0); } to { -webkit-transform: translate3d(59vw, -133vh, 0); transform: translate3d(59vw, -133vh, 0); } } .circle-container:nth-child(35) .circle { -webkit-animation-delay: 585ms; animation-delay: 585ms; } .circle-container:nth-child(36) { width: 2px; height: 2px; -webkit-animation-name: move-frames-36; animation-name: move-frames-36; -webkit-animation-duration: 29696ms; animation-duration: 29696ms; -webkit-animation-delay: 29037ms; animation-delay: 29037ms; } @-webkit-keyframes move-frames-36 { from { -webkit-transform: translate3d(18vw, 104vh, 0); transform: translate3d(18vw, 104vh, 0); } to { -webkit-transform: translate3d(49vw, -114vh, 0); transform: translate3d(49vw, -114vh, 0); } } @keyframes move-frames-36 { from { -webkit-transform: translate3d(18vw, 104vh, 0); transform: translate3d(18vw, 104vh, 0); } to { -webkit-transform: translate3d(49vw, -114vh, 0); transform: translate3d(49vw, -114vh, 0); } } .circle-container:nth-child(36) .circle { -webkit-animation-delay: 1659ms; animation-delay: 1659ms; } .circle-container:nth-child(37) { width: 3px; height: 3px; -webkit-animation-name: move-frames-37; animation-name: move-frames-37; -webkit-animation-duration: 28679ms; animation-duration: 28679ms; -webkit-animation-delay: 11272ms; animation-delay: 11272ms; } @-webkit-keyframes move-frames-37 { from { -webkit-transform: translate3d(3vw, 102vh, 0); transform: translate3d(3vw, 102vh, 0); } to { -webkit-transform: translate3d(5vw, -122vh, 0); transform: translate3d(5vw, -122vh, 0); } } @keyframes move-frames-37 { from { -webkit-transform: translate3d(3vw, 102vh, 0); transform: translate3d(3vw, 102vh, 0); } to { -webkit-transform: translate3d(5vw, -122vh, 0); transform: translate3d(5vw, -122vh, 0); } } .circle-container:nth-child(37) .circle { -webkit-animation-delay: 1872ms; animation-delay: 1872ms; } .circle-container:nth-child(38) { width: 2px; height: 2px; -webkit-animation-name: move-frames-38; animation-name: move-frames-38; -webkit-animation-duration: 33170ms; animation-duration: 33170ms; -webkit-animation-delay: 36129ms; animation-delay: 36129ms; } @-webkit-keyframes move-frames-38 { from { -webkit-transform: translate3d(40vw, 101vh, 0); transform: translate3d(40vw, 101vh, 0); } to { -webkit-transform: translate3d(65vw, -113vh, 0); transform: translate3d(65vw, -113vh, 0); } } @keyframes move-frames-38 { from { -webkit-transform: translate3d(40vw, 101vh, 0); transform: translate3d(40vw, 101vh, 0); } to { -webkit-transform: translate3d(65vw, -113vh, 0); transform: translate3d(65vw, -113vh, 0); } } .circle-container:nth-child(38) .circle { -webkit-animation-delay: 2034ms; animation-delay: 2034ms; } .circle-container:nth-child(39) { width: 8px; height: 8px; -webkit-animation-name: move-frames-39; animation-name: move-frames-39; -webkit-animation-duration: 32383ms; animation-duration: 32383ms; -webkit-animation-delay: 12852ms; animation-delay: 12852ms; } @-webkit-keyframes move-frames-39 { from { -webkit-transform: translate3d(45vw, 101vh, 0); transform: translate3d(45vw, 101vh, 0); } to { -webkit-transform: translate3d(55vw, -126vh, 0); transform: translate3d(55vw, -126vh, 0); } } @keyframes move-frames-39 { from { -webkit-transform: translate3d(45vw, 101vh, 0); transform: translate3d(45vw, 101vh, 0); } to { -webkit-transform: translate3d(55vw, -126vh, 0); transform: translate3d(55vw, -126vh, 0); } } .circle-container:nth-child(39) .circle { -webkit-animation-delay: 710ms; animation-delay: 710ms; } .circle-container:nth-child(40) { width: 7px; height: 7px; -webkit-animation-name: move-frames-40; animation-name: move-frames-40; -webkit-animation-duration: 36807ms; animation-duration: 36807ms; -webkit-animation-delay: 7650ms; animation-delay: 7650ms; } @-webkit-keyframes move-frames-40 { from { -webkit-transform: translate3d(42vw, 108vh, 0); transform: translate3d(42vw, 108vh, 0); } to { -webkit-transform: translate3d(93vw, -124vh, 0); transform: translate3d(93vw, -124vh, 0); } } @keyframes move-frames-40 { from { -webkit-transform: translate3d(42vw, 108vh, 0); transform: translate3d(42vw, 108vh, 0); } to { -webkit-transform: translate3d(93vw, -124vh, 0); transform: translate3d(93vw, -124vh, 0); } } .circle-container:nth-child(40) .circle { -webkit-animation-delay: 459ms; animation-delay: 459ms; } .circle-container:nth-child(41) { width: 3px; height: 3px; -webkit-animation-name: move-frames-41; animation-name: move-frames-41; -webkit-animation-duration: 34570ms; animation-duration: 34570ms; -webkit-animation-delay: 35125ms; animation-delay: 35125ms; } @-webkit-keyframes move-frames-41 { from { -webkit-transform: translate3d(96vw, 102vh, 0); transform: translate3d(96vw, 102vh, 0); } to { -webkit-transform: translate3d(26vw, -128vh, 0); transform: translate3d(26vw, -128vh, 0); } } @keyframes move-frames-41 { from { -webkit-transform: translate3d(96vw, 102vh, 0); transform: translate3d(96vw, 102vh, 0); } to { -webkit-transform: translate3d(26vw, -128vh, 0); transform: translate3d(26vw, -128vh, 0); } } .circle-container:nth-child(41) .circle { -webkit-animation-delay: 3205ms; animation-delay: 3205ms; } .circle-container:nth-child(42) { width: 6px; height: 6px; -webkit-animation-name: move-frames-42; animation-name: move-frames-42; -webkit-animation-duration: 31428ms; animation-duration: 31428ms; -webkit-animation-delay: 24853ms; animation-delay: 24853ms; } @-webkit-keyframes move-frames-42 { from { -webkit-transform: translate3d(25vw, 102vh, 0); transform: translate3d(25vw, 102vh, 0); } to { -webkit-transform: translate3d(67vw, -108vh, 0); transform: translate3d(67vw, -108vh, 0); } } @keyframes move-frames-42 { from { -webkit-transform: translate3d(25vw, 102vh, 0); transform: translate3d(25vw, 102vh, 0); } to { -webkit-transform: translate3d(67vw, -108vh, 0); transform: translate3d(67vw, -108vh, 0); } } .circle-container:nth-child(42) .circle { -webkit-animation-delay: 3428ms; animation-delay: 3428ms; } .circle-container:nth-child(43) { width: 4px; height: 4px; -webkit-animation-name: move-frames-43; animation-name: move-frames-43; -webkit-animation-duration: 29719ms; animation-duration: 29719ms; -webkit-animation-delay: 9547ms; animation-delay: 9547ms; } @-webkit-keyframes move-frames-43 { from { -webkit-transform: translate3d(58vw, 107vh, 0); transform: translate3d(58vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -131vh, 0); transform: translate3d(88vw, -131vh, 0); } } @keyframes move-frames-43 { from { -webkit-transform: translate3d(58vw, 107vh, 0); transform: translate3d(58vw, 107vh, 0); } to { -webkit-transform: translate3d(88vw, -131vh, 0); transform: translate3d(88vw, -131vh, 0); } } .circle-container:nth-child(43) .circle { -webkit-animation-delay: 1600ms; animation-delay: 1600ms; } .circle-container:nth-child(44) { width: 3px; height: 3px; -webkit-animation-name: move-frames-44; animation-name: move-frames-44; -webkit-animation-duration: 30605ms; animation-duration: 30605ms; -webkit-animation-delay: 21395ms; animation-delay: 21395ms; } @-webkit-keyframes move-frames-44 { from { -webkit-transform: translate3d(96vw, 106vh, 0); transform: translate3d(96vw, 106vh, 0); } to { -webkit-transform: translate3d(16vw, -112vh, 0); transform: translate3d(16vw, -112vh, 0); } } @keyframes move-frames-44 { from { -webkit-transform: translate3d(96vw, 106vh, 0); transform: translate3d(96vw, 106vh, 0); } to { -webkit-transform: translate3d(16vw, -112vh, 0); transform: translate3d(16vw, -112vh, 0); } } .circle-container:nth-child(44) .circle { -webkit-animation-delay: 3918ms; animation-delay: 3918ms; } .circle-container:nth-child(45) { width: 3px; height: 3px; -webkit-animation-name: move-frames-45; animation-name: move-frames-45; -webkit-animation-duration: 36914ms; animation-duration: 36914ms; -webkit-animation-delay: 13268ms; animation-delay: 13268ms; } @-webkit-keyframes move-frames-45 { from { -webkit-transform: translate3d(62vw, 104vh, 0); transform: translate3d(62vw, 104vh, 0); } to { -webkit-transform: translate3d(41vw, -117vh, 0); transform: translate3d(41vw, -117vh, 0); } } @keyframes move-frames-45 { from { -webkit-transform: translate3d(62vw, 104vh, 0); transform: translate3d(62vw, 104vh, 0); } to { -webkit-transform: translate3d(41vw, -117vh, 0); transform: translate3d(41vw, -117vh, 0); } } .circle-container:nth-child(45) .circle { -webkit-animation-delay: 1167ms; animation-delay: 1167ms; } .circle-container:nth-child(46) { width: 8px; height: 8px; -webkit-animation-name: move-frames-46; animation-name: move-frames-46; -webkit-animation-duration: 36798ms; animation-duration: 36798ms; -webkit-animation-delay: 1119ms; animation-delay: 1119ms; } @-webkit-keyframes move-frames-46 { from { -webkit-transform: translate3d(9vw, 103vh, 0); transform: translate3d(9vw, 103vh, 0); } to { -webkit-transform: translate3d(47vw, -107vh, 0); transform: translate3d(47vw, -107vh, 0); } } @keyframes move-frames-46 { from { -webkit-transform: translate3d(9vw, 103vh, 0); transform: translate3d(9vw, 103vh, 0); } to { -webkit-transform: translate3d(47vw, -107vh, 0); transform: translate3d(47vw, -107vh, 0); } } .circle-container:nth-child(46) .circle { -webkit-animation-delay: 968ms; animation-delay: 968ms; } .circle-container:nth-child(47) { width: 1px; height: 1px; -webkit-animation-name: move-frames-47; animation-name: move-frames-47; -webkit-animation-duration: 33653ms; animation-duration: 33653ms; -webkit-animation-delay: 18314ms; animation-delay: 18314ms; } @-webkit-keyframes move-frames-47 { from { -webkit-transform: translate3d(83vw, 110vh, 0); transform: translate3d(83vw, 110vh, 0); } to { -webkit-transform: translate3d(98vw, -113vh, 0); transform: translate3d(98vw, -113vh, 0); } } @keyframes move-frames-47 { from { -webkit-transform: translate3d(83vw, 110vh, 0); transform: translate3d(83vw, 110vh, 0); } to { -webkit-transform: translate3d(98vw, -113vh, 0); transform: translate3d(98vw, -113vh, 0); } } .circle-container:nth-child(47) .circle { -webkit-animation-delay: 3988ms; animation-delay: 3988ms; } .circle-container:nth-child(48) { width: 2px; height: 2px; -webkit-animation-name: move-frames-48; animation-name: move-frames-48; -webkit-animation-duration: 29667ms; animation-duration: 29667ms; -webkit-animation-delay: 7239ms; animation-delay: 7239ms; } @-webkit-keyframes move-frames-48 { from { -webkit-transform: translate3d(55vw, 102vh, 0); transform: translate3d(55vw, 102vh, 0); } to { -webkit-transform: translate3d(40vw, -112vh, 0); transform: translate3d(40vw, -112vh, 0); } } @keyframes move-frames-48 { from { -webkit-transform: translate3d(55vw, 102vh, 0); transform: translate3d(55vw, 102vh, 0); } to { -webkit-transform: translate3d(40vw, -112vh, 0); transform: translate3d(40vw, -112vh, 0); } } .circle-container:nth-child(48) .circle { -webkit-animation-delay: 2746ms; animation-delay: 2746ms; } .circle-container:nth-child(49) { width: 4px; height: 4px; -webkit-animation-name: move-frames-49; animation-name: move-frames-49; -webkit-animation-duration: 29225ms; animation-duration: 29225ms; -webkit-animation-delay: 1566ms; animation-delay: 1566ms; } @-webkit-keyframes move-frames-49 { from { -webkit-transform: translate3d(62vw, 105vh, 0); transform: translate3d(62vw, 105vh, 0); } to { -webkit-transform: translate3d(48vw, -134vh, 0); transform: translate3d(48vw, -134vh, 0); } } @keyframes move-frames-49 { from { -webkit-transform: translate3d(62vw, 105vh, 0); transform: translate3d(62vw, 105vh, 0); } to { -webkit-transform: translate3d(48vw, -134vh, 0); transform: translate3d(48vw, -134vh, 0); } } .circle-container:nth-child(49) .circle { -webkit-animation-delay: 71ms; animation-delay: 71ms; } .circle-container:nth-child(50) { width: 2px; height: 2px; -webkit-animation-name: move-frames-50; animation-name: move-frames-50; -webkit-animation-duration: 35531ms; animation-duration: 35531ms; -webkit-animation-delay: 3663ms; animation-delay: 3663ms; } @-webkit-keyframes move-frames-50 { from { -webkit-transform: translate3d(35vw, 106vh, 0); transform: translate3d(35vw, 106vh, 0); } to { -webkit-transform: translate3d(73vw, -129vh, 0); transform: translate3d(73vw, -129vh, 0); } } @keyframes move-frames-50 { from { -webkit-transform: translate3d(35vw, 106vh, 0); transform: translate3d(35vw, 106vh, 0); } to { -webkit-transform: translate3d(73vw, -129vh, 0); transform: translate3d(73vw, -129vh, 0); } } .circle-container:nth-child(50) .circle { -webkit-animation-delay: 134ms; animation-delay: 134ms; } .circle-container:nth-child(51) { width: 7px; height: 7px; -webkit-animation-name: move-frames-51; animation-name: move-frames-51; -webkit-animation-duration: 33573ms; animation-duration: 33573ms; -webkit-animation-delay: 11807ms; animation-delay: 11807ms; } @-webkit-keyframes move-frames-51 { from { -webkit-transform: translate3d(42vw, 107vh, 0); transform: translate3d(42vw, 107vh, 0); } to { -webkit-transform: translate3d(16vw, -125vh, 0); transform: translate3d(16vw, -125vh, 0); } } @keyframes move-frames-51 { from { -webkit-transform: translate3d(42vw, 107vh, 0); transform: translate3d(42vw, 107vh, 0); } to { -webkit-transform: translate3d(16vw, -125vh, 0); transform: translate3d(16vw, -125vh, 0); } } .circle-container:nth-child(51) .circle { -webkit-animation-delay: 547ms; animation-delay: 547ms; } .circle-container:nth-child(52) { width: 3px; height: 3px; -webkit-animation-name: move-frames-52; animation-name: move-frames-52; -webkit-animation-duration: 36694ms; animation-duration: 36694ms; -webkit-animation-delay: 23819ms; animation-delay: 23819ms; } @-webkit-keyframes move-frames-52 { from { -webkit-transform: translate3d(35vw, 102vh, 0); transform: translate3d(35vw, 102vh, 0); } to { -webkit-transform: translate3d(90vw, -107vh, 0); transform: translate3d(90vw, -107vh, 0); } } @keyframes move-frames-52 { from { -webkit-transform: translate3d(35vw, 102vh, 0); transform: translate3d(35vw, 102vh, 0); } to { -webkit-transform: translate3d(90vw, -107vh, 0); transform: translate3d(90vw, -107vh, 0); } } .circle-container:nth-child(52) .circle { -webkit-animation-delay: 1363ms; animation-delay: 1363ms; } .circle-container:nth-child(53) { width: 6px; height: 6px; -webkit-animation-name: move-frames-53; animation-name: move-frames-53; -webkit-animation-duration: 36407ms; animation-duration: 36407ms; -webkit-animation-delay: 16269ms; animation-delay: 16269ms; } @-webkit-keyframes move-frames-53 { from { -webkit-transform: translate3d(57vw, 102vh, 0); transform: translate3d(57vw, 102vh, 0); } to { -webkit-transform: translate3d(12vw, -117vh, 0); transform: translate3d(12vw, -117vh, 0); } } @keyframes move-frames-53 { from { -webkit-transform: translate3d(57vw, 102vh, 0); transform: translate3d(57vw, 102vh, 0); } to { -webkit-transform: translate3d(12vw, -117vh, 0); transform: translate3d(12vw, -117vh, 0); } } .circle-container:nth-child(53) .circle { -webkit-animation-delay: 1533ms; animation-delay: 1533ms; } .circle-container:nth-child(54) { width: 6px; height: 6px; -webkit-animation-name: move-frames-54; animation-name: move-frames-54; -webkit-animation-duration: 28720ms; animation-duration: 28720ms; -webkit-animation-delay: 17800ms; animation-delay: 17800ms; } @-webkit-keyframes move-frames-54 { from { -webkit-transform: translate3d(6vw, 109vh, 0); transform: translate3d(6vw, 109vh, 0); } to { -webkit-transform: translate3d(2vw, -111vh, 0); transform: translate3d(2vw, -111vh, 0); } } @keyframes move-frames-54 { from { -webkit-transform: translate3d(6vw, 109vh, 0); transform: translate3d(6vw, 109vh, 0); } to { -webkit-transform: translate3d(2vw, -111vh, 0); transform: translate3d(2vw, -111vh, 0); } } .circle-container:nth-child(54) .circle { -webkit-animation-delay: 1903ms; animation-delay: 1903ms; } .circle-container:nth-child(55) { width: 7px; height: 7px; -webkit-animation-name: move-frames-55; animation-name: move-frames-55; -webkit-animation-duration: 30211ms; animation-duration: 30211ms; -webkit-animation-delay: 14858ms; animation-delay: 14858ms; } @-webkit-keyframes move-frames-55 { from { -webkit-transform: translate3d(95vw, 110vh, 0); transform: translate3d(95vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -120vh, 0); transform: translate3d(34vw, -120vh, 0); } } @keyframes move-frames-55 { from { -webkit-transform: translate3d(95vw, 110vh, 0); transform: translate3d(95vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -120vh, 0); transform: translate3d(34vw, -120vh, 0); } } .circle-container:nth-child(55) .circle { -webkit-animation-delay: 2104ms; animation-delay: 2104ms; } .circle-container:nth-child(56) { width: 1px; height: 1px; -webkit-animation-name: move-frames-56; animation-name: move-frames-56; -webkit-animation-duration: 36297ms; animation-duration: 36297ms; -webkit-animation-delay: 15556ms; animation-delay: 15556ms; } @-webkit-keyframes move-frames-56 { from { -webkit-transform: translate3d(59vw, 105vh, 0); transform: translate3d(59vw, 105vh, 0); } to { -webkit-transform: translate3d(97vw, -130vh, 0); transform: translate3d(97vw, -130vh, 0); } } @keyframes move-frames-56 { from { -webkit-transform: translate3d(59vw, 105vh, 0); transform: translate3d(59vw, 105vh, 0); } to { -webkit-transform: translate3d(97vw, -130vh, 0); transform: translate3d(97vw, -130vh, 0); } } .circle-container:nth-child(56) .circle { -webkit-animation-delay: 1746ms; animation-delay: 1746ms; } .circle-container:nth-child(57) { width: 6px; height: 6px; -webkit-animation-name: move-frames-57; animation-name: move-frames-57; -webkit-animation-duration: 31703ms; animation-duration: 31703ms; -webkit-animation-delay: 12ms; animation-delay: 12ms; } @-webkit-keyframes move-frames-57 { from { -webkit-transform: translate3d(11vw, 109vh, 0); transform: translate3d(11vw, 109vh, 0); } to { -webkit-transform: translate3d(4vw, -116vh, 0); transform: translate3d(4vw, -116vh, 0); } } @keyframes move-frames-57 { from { -webkit-transform: translate3d(11vw, 109vh, 0); transform: translate3d(11vw, 109vh, 0); } to { -webkit-transform: translate3d(4vw, -116vh, 0); transform: translate3d(4vw, -116vh, 0); } } .circle-container:nth-child(57) .circle { -webkit-animation-delay: 527ms; animation-delay: 527ms; } .circle-container:nth-child(58) { width: 1px; height: 1px; -webkit-animation-name: move-frames-58; animation-name: move-frames-58; -webkit-animation-duration: 36240ms; animation-duration: 36240ms; -webkit-animation-delay: 5124ms; animation-delay: 5124ms; } @-webkit-keyframes move-frames-58 { from { -webkit-transform: translate3d(62vw, 104vh, 0); transform: translate3d(62vw, 104vh, 0); } to { -webkit-transform: translate3d(21vw, -125vh, 0); transform: translate3d(21vw, -125vh, 0); } } @keyframes move-frames-58 { from { -webkit-transform: translate3d(62vw, 104vh, 0); transform: translate3d(62vw, 104vh, 0); } to { -webkit-transform: translate3d(21vw, -125vh, 0); transform: translate3d(21vw, -125vh, 0); } } .circle-container:nth-child(58) .circle { -webkit-animation-delay: 1778ms; animation-delay: 1778ms; } .circle-container:nth-child(59) { width: 5px; height: 5px; -webkit-animation-name: move-frames-59; animation-name: move-frames-59; -webkit-animation-duration: 30622ms; animation-duration: 30622ms; -webkit-animation-delay: 26262ms; animation-delay: 26262ms; } @-webkit-keyframes move-frames-59 { from { -webkit-transform: translate3d(38vw, 104vh, 0); transform: translate3d(38vw, 104vh, 0); } to { -webkit-transform: translate3d(25vw, -129vh, 0); transform: translate3d(25vw, -129vh, 0); } } @keyframes move-frames-59 { from { -webkit-transform: translate3d(38vw, 104vh, 0); transform: translate3d(38vw, 104vh, 0); } to { -webkit-transform: translate3d(25vw, -129vh, 0); transform: translate3d(25vw, -129vh, 0); } } .circle-container:nth-child(59) .circle { -webkit-animation-delay: 3699ms; animation-delay: 3699ms; } .circle-container:nth-child(60) { width: 3px; height: 3px; -webkit-animation-name: move-frames-60; animation-name: move-frames-60; -webkit-animation-duration: 35898ms; animation-duration: 35898ms; -webkit-animation-delay: 5248ms; animation-delay: 5248ms; } @-webkit-keyframes move-frames-60 { from { -webkit-transform: translate3d(51vw, 109vh, 0); transform: translate3d(51vw, 109vh, 0); } to { -webkit-transform: translate3d(62vw, -119vh, 0); transform: translate3d(62vw, -119vh, 0); } } @keyframes move-frames-60 { from { -webkit-transform: translate3d(51vw, 109vh, 0); transform: translate3d(51vw, 109vh, 0); } to { -webkit-transform: translate3d(62vw, -119vh, 0); transform: translate3d(62vw, -119vh, 0); } } .circle-container:nth-child(60) .circle { -webkit-animation-delay: 562ms; animation-delay: 562ms; } .circle-container:nth-child(61) { width: 4px; height: 4px; -webkit-animation-name: move-frames-61; animation-name: move-frames-61; -webkit-animation-duration: 28302ms; animation-duration: 28302ms; -webkit-animation-delay: 4624ms; animation-delay: 4624ms; } @-webkit-keyframes move-frames-61 { from { -webkit-transform: translate3d(25vw, 110vh, 0); transform: translate3d(25vw, 110vh, 0); } to { -webkit-transform: translate3d(87vw, -138vh, 0); transform: translate3d(87vw, -138vh, 0); } } @keyframes move-frames-61 { from { -webkit-transform: translate3d(25vw, 110vh, 0); transform: translate3d(25vw, 110vh, 0); } to { -webkit-transform: translate3d(87vw, -138vh, 0); transform: translate3d(87vw, -138vh, 0); } } .circle-container:nth-child(61) .circle { -webkit-animation-delay: 3027ms; animation-delay: 3027ms; } .circle-container:nth-child(62) { width: 4px; height: 4px; -webkit-animation-name: move-frames-62; animation-name: move-frames-62; -webkit-animation-duration: 30400ms; animation-duration: 30400ms; -webkit-animation-delay: 17655ms; animation-delay: 17655ms; } @-webkit-keyframes move-frames-62 { from { -webkit-transform: translate3d(83vw, 107vh, 0); transform: translate3d(83vw, 107vh, 0); } to { -webkit-transform: translate3d(46vw, -122vh, 0); transform: translate3d(46vw, -122vh, 0); } } @keyframes move-frames-62 { from { -webkit-transform: translate3d(83vw, 107vh, 0); transform: translate3d(83vw, 107vh, 0); } to { -webkit-transform: translate3d(46vw, -122vh, 0); transform: translate3d(46vw, -122vh, 0); } } .circle-container:nth-child(62) .circle { -webkit-animation-delay: 1984ms; animation-delay: 1984ms; } .circle-container:nth-child(63) { width: 5px; height: 5px; -webkit-animation-name: move-frames-63; animation-name: move-frames-63; -webkit-animation-duration: 32137ms; animation-duration: 32137ms; -webkit-animation-delay: 30436ms; animation-delay: 30436ms; } @-webkit-keyframes move-frames-63 { from { -webkit-transform: translate3d(97vw, 110vh, 0); transform: translate3d(97vw, 110vh, 0); } to { -webkit-transform: translate3d(30vw, -121vh, 0); transform: translate3d(30vw, -121vh, 0); } } @keyframes move-frames-63 { from { -webkit-transform: translate3d(97vw, 110vh, 0); transform: translate3d(97vw, 110vh, 0); } to { -webkit-transform: translate3d(30vw, -121vh, 0); transform: translate3d(30vw, -121vh, 0); } } .circle-container:nth-child(63) .circle { -webkit-animation-delay: 3403ms; animation-delay: 3403ms; } .circle-container:nth-child(64) { width: 1px; height: 1px; -webkit-animation-name: move-frames-64; animation-name: move-frames-64; -webkit-animation-duration: 31419ms; animation-duration: 31419ms; -webkit-animation-delay: 20043ms; animation-delay: 20043ms; } @-webkit-keyframes move-frames-64 { from { -webkit-transform: translate3d(24vw, 102vh, 0); transform: translate3d(24vw, 102vh, 0); } to { -webkit-transform: translate3d(95vw, -117vh, 0); transform: translate3d(95vw, -117vh, 0); } } @keyframes move-frames-64 { from { -webkit-transform: translate3d(24vw, 102vh, 0); transform: translate3d(24vw, 102vh, 0); } to { -webkit-transform: translate3d(95vw, -117vh, 0); transform: translate3d(95vw, -117vh, 0); } } .circle-container:nth-child(64) .circle { -webkit-animation-delay: 2595ms; animation-delay: 2595ms; } .circle-container:nth-child(65) { width: 3px; height: 3px; -webkit-animation-name: move-frames-65; animation-name: move-frames-65; -webkit-animation-duration: 29483ms; animation-duration: 29483ms; -webkit-animation-delay: 9788ms; animation-delay: 9788ms; } @-webkit-keyframes move-frames-65 { from { -webkit-transform: translate3d(47vw, 104vh, 0); transform: translate3d(47vw, 104vh, 0); } to { -webkit-transform: translate3d(22vw, -131vh, 0); transform: translate3d(22vw, -131vh, 0); } } @keyframes move-frames-65 { from { -webkit-transform: translate3d(47vw, 104vh, 0); transform: translate3d(47vw, 104vh, 0); } to { -webkit-transform: translate3d(22vw, -131vh, 0); transform: translate3d(22vw, -131vh, 0); } } .circle-container:nth-child(65) .circle { -webkit-animation-delay: 6ms; animation-delay: 6ms; } .circle-container:nth-child(66) { width: 4px; height: 4px; -webkit-animation-name: move-frames-66; animation-name: move-frames-66; -webkit-animation-duration: 31370ms; animation-duration: 31370ms; -webkit-animation-delay: 26064ms; animation-delay: 26064ms; } @-webkit-keyframes move-frames-66 { from { -webkit-transform: translate3d(70vw, 101vh, 0); transform: translate3d(70vw, 101vh, 0); } to { -webkit-transform: translate3d(87vw, -105vh, 0); transform: translate3d(87vw, -105vh, 0); } } @keyframes move-frames-66 { from { -webkit-transform: translate3d(70vw, 101vh, 0); transform: translate3d(70vw, 101vh, 0); } to { -webkit-transform: translate3d(87vw, -105vh, 0); transform: translate3d(87vw, -105vh, 0); } } .circle-container:nth-child(66) .circle { -webkit-animation-delay: 2311ms; animation-delay: 2311ms; } .circle-container:nth-child(67) { width: 7px; height: 7px; -webkit-animation-name: move-frames-67; animation-name: move-frames-67; -webkit-animation-duration: 29878ms; animation-duration: 29878ms; -webkit-animation-delay: 11458ms; animation-delay: 11458ms; } @-webkit-keyframes move-frames-67 { from { -webkit-transform: translate3d(81vw, 109vh, 0); transform: translate3d(81vw, 109vh, 0); } to { -webkit-transform: translate3d(26vw, -110vh, 0); transform: translate3d(26vw, -110vh, 0); } } @keyframes move-frames-67 { from { -webkit-transform: translate3d(81vw, 109vh, 0); transform: translate3d(81vw, 109vh, 0); } to { -webkit-transform: translate3d(26vw, -110vh, 0); transform: translate3d(26vw, -110vh, 0); } } .circle-container:nth-child(67) .circle { -webkit-animation-delay: 1072ms; animation-delay: 1072ms; } .circle-container:nth-child(68) { width: 7px; height: 7px; -webkit-animation-name: move-frames-68; animation-name: move-frames-68; -webkit-animation-duration: 32412ms; animation-duration: 32412ms; -webkit-animation-delay: 30363ms; animation-delay: 30363ms; } @-webkit-keyframes move-frames-68 { from { -webkit-transform: translate3d(36vw, 103vh, 0); transform: translate3d(36vw, 103vh, 0); } to { -webkit-transform: translate3d(27vw, -122vh, 0); transform: translate3d(27vw, -122vh, 0); } } @keyframes move-frames-68 { from { -webkit-transform: translate3d(36vw, 103vh, 0); transform: translate3d(36vw, 103vh, 0); } to { -webkit-transform: translate3d(27vw, -122vh, 0); transform: translate3d(27vw, -122vh, 0); } } .circle-container:nth-child(68) .circle { -webkit-animation-delay: 3212ms; animation-delay: 3212ms; } .circle-container:nth-child(69) { width: 7px; height: 7px; -webkit-animation-name: move-frames-69; animation-name: move-frames-69; -webkit-animation-duration: 35373ms; animation-duration: 35373ms; -webkit-animation-delay: 32852ms; animation-delay: 32852ms; } @-webkit-keyframes move-frames-69 { from { -webkit-transform: translate3d(9vw, 108vh, 0); transform: translate3d(9vw, 108vh, 0); } to { -webkit-transform: translate3d(68vw, -121vh, 0); transform: translate3d(68vw, -121vh, 0); } } @keyframes move-frames-69 { from { -webkit-transform: translate3d(9vw, 108vh, 0); transform: translate3d(9vw, 108vh, 0); } to { -webkit-transform: translate3d(68vw, -121vh, 0); transform: translate3d(68vw, -121vh, 0); } } .circle-container:nth-child(69) .circle { -webkit-animation-delay: 2847ms; animation-delay: 2847ms; } .circle-container:nth-child(70) { width: 4px; height: 4px; -webkit-animation-name: move-frames-70; animation-name: move-frames-70; -webkit-animation-duration: 31004ms; animation-duration: 31004ms; -webkit-animation-delay: 6066ms; animation-delay: 6066ms; } @-webkit-keyframes move-frames-70 { from { -webkit-transform: translate3d(44vw, 110vh, 0); transform: translate3d(44vw, 110vh, 0); } to { -webkit-transform: translate3d(41vw, -116vh, 0); transform: translate3d(41vw, -116vh, 0); } } @keyframes move-frames-70 { from { -webkit-transform: translate3d(44vw, 110vh, 0); transform: translate3d(44vw, 110vh, 0); } to { -webkit-transform: translate3d(41vw, -116vh, 0); transform: translate3d(41vw, -116vh, 0); } } .circle-container:nth-child(70) .circle { -webkit-animation-delay: 3412ms; animation-delay: 3412ms; } .circle-container:nth-child(71) { width: 7px; height: 7px; -webkit-animation-name: move-frames-71; animation-name: move-frames-71; -webkit-animation-duration: 29439ms; animation-duration: 29439ms; -webkit-animation-delay: 18936ms; animation-delay: 18936ms; } @-webkit-keyframes move-frames-71 { from { -webkit-transform: translate3d(89vw, 102vh, 0); transform: translate3d(89vw, 102vh, 0); } to { -webkit-transform: translate3d(81vw, -127vh, 0); transform: translate3d(81vw, -127vh, 0); } } @keyframes move-frames-71 { from { -webkit-transform: translate3d(89vw, 102vh, 0); transform: translate3d(89vw, 102vh, 0); } to { -webkit-transform: translate3d(81vw, -127vh, 0); transform: translate3d(81vw, -127vh, 0); } } .circle-container:nth-child(71) .circle { -webkit-animation-delay: 391ms; animation-delay: 391ms; } .circle-container:nth-child(72) { width: 8px; height: 8px; -webkit-animation-name: move-frames-72; animation-name: move-frames-72; -webkit-animation-duration: 34318ms; animation-duration: 34318ms; -webkit-animation-delay: 8687ms; animation-delay: 8687ms; } @-webkit-keyframes move-frames-72 { from { -webkit-transform: translate3d(58vw, 109vh, 0); transform: translate3d(58vw, 109vh, 0); } to { -webkit-transform: translate3d(17vw, -119vh, 0); transform: translate3d(17vw, -119vh, 0); } } @keyframes move-frames-72 { from { -webkit-transform: translate3d(58vw, 109vh, 0); transform: translate3d(58vw, 109vh, 0); } to { -webkit-transform: translate3d(17vw, -119vh, 0); transform: translate3d(17vw, -119vh, 0); } } .circle-container:nth-child(72) .circle { -webkit-animation-delay: 2082ms; animation-delay: 2082ms; } .circle-container:nth-child(73) { width: 6px; height: 6px; -webkit-animation-name: move-frames-73; animation-name: move-frames-73; -webkit-animation-duration: 34056ms; animation-duration: 34056ms; -webkit-animation-delay: 29022ms; animation-delay: 29022ms; } @-webkit-keyframes move-frames-73 { from { -webkit-transform: translate3d(72vw, 109vh, 0); transform: translate3d(72vw, 109vh, 0); } to { -webkit-transform: translate3d(28vw, -113vh, 0); transform: translate3d(28vw, -113vh, 0); } } @keyframes move-frames-73 { from { -webkit-transform: translate3d(72vw, 109vh, 0); transform: translate3d(72vw, 109vh, 0); } to { -webkit-transform: translate3d(28vw, -113vh, 0); transform: translate3d(28vw, -113vh, 0); } } .circle-container:nth-child(73) .circle { -webkit-animation-delay: 1105ms; animation-delay: 1105ms; } .circle-container:nth-child(74) { width: 2px; height: 2px; -webkit-animation-name: move-frames-74; animation-name: move-frames-74; -webkit-animation-duration: 29818ms; animation-duration: 29818ms; -webkit-animation-delay: 19782ms; animation-delay: 19782ms; } @-webkit-keyframes move-frames-74 { from { -webkit-transform: translate3d(51vw, 110vh, 0); transform: translate3d(51vw, 110vh, 0); } to { -webkit-transform: translate3d(38vw, -119vh, 0); transform: translate3d(38vw, -119vh, 0); } } @keyframes move-frames-74 { from { -webkit-transform: translate3d(51vw, 110vh, 0); transform: translate3d(51vw, 110vh, 0); } to { -webkit-transform: translate3d(38vw, -119vh, 0); transform: translate3d(38vw, -119vh, 0); } } .circle-container:nth-child(74) .circle { -webkit-animation-delay: 3544ms; animation-delay: 3544ms; } .circle-container:nth-child(75) { width: 6px; height: 6px; -webkit-animation-name: move-frames-75; animation-name: move-frames-75; -webkit-animation-duration: 32961ms; animation-duration: 32961ms; -webkit-animation-delay: 34368ms; animation-delay: 34368ms; } @-webkit-keyframes move-frames-75 { from { -webkit-transform: translate3d(24vw, 109vh, 0); transform: translate3d(24vw, 109vh, 0); } to { -webkit-transform: translate3d(76vw, -110vh, 0); transform: translate3d(76vw, -110vh, 0); } } @keyframes move-frames-75 { from { -webkit-transform: translate3d(24vw, 109vh, 0); transform: translate3d(24vw, 109vh, 0); } to { -webkit-transform: translate3d(76vw, -110vh, 0); transform: translate3d(76vw, -110vh, 0); } } .circle-container:nth-child(75) .circle { -webkit-animation-delay: 1337ms; animation-delay: 1337ms; } .circle-container:nth-child(76) { width: 5px; height: 5px; -webkit-animation-name: move-frames-76; animation-name: move-frames-76; -webkit-animation-duration: 29295ms; animation-duration: 29295ms; -webkit-animation-delay: 2855ms; animation-delay: 2855ms; } @-webkit-keyframes move-frames-76 { from { -webkit-transform: translate3d(46vw, 101vh, 0); transform: translate3d(46vw, 101vh, 0); } to { -webkit-transform: translate3d(28vw, -102vh, 0); transform: translate3d(28vw, -102vh, 0); } } @keyframes move-frames-76 { from { -webkit-transform: translate3d(46vw, 101vh, 0); transform: translate3d(46vw, 101vh, 0); } to { -webkit-transform: translate3d(28vw, -102vh, 0); transform: translate3d(28vw, -102vh, 0); } } .circle-container:nth-child(76) .circle { -webkit-animation-delay: 1601ms; animation-delay: 1601ms; } .circle-container:nth-child(77) { width: 2px; height: 2px; -webkit-animation-name: move-frames-77; animation-name: move-frames-77; -webkit-animation-duration: 34991ms; animation-duration: 34991ms; -webkit-animation-delay: 1743ms; animation-delay: 1743ms; } @-webkit-keyframes move-frames-77 { from { -webkit-transform: translate3d(80vw, 107vh, 0); transform: translate3d(80vw, 107vh, 0); } to { -webkit-transform: translate3d(31vw, -130vh, 0); transform: translate3d(31vw, -130vh, 0); } } @keyframes move-frames-77 { from { -webkit-transform: translate3d(80vw, 107vh, 0); transform: translate3d(80vw, 107vh, 0); } to { -webkit-transform: translate3d(31vw, -130vh, 0); transform: translate3d(31vw, -130vh, 0); } } .circle-container:nth-child(77) .circle { -webkit-animation-delay: 1663ms; animation-delay: 1663ms; } .circle-container:nth-child(78) { width: 2px; height: 2px; -webkit-animation-name: move-frames-78; animation-name: move-frames-78; -webkit-animation-duration: 32986ms; animation-duration: 32986ms; -webkit-animation-delay: 8894ms; animation-delay: 8894ms; } @-webkit-keyframes move-frames-78 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(38vw, -115vh, 0); transform: translate3d(38vw, -115vh, 0); } } @keyframes move-frames-78 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(38vw, -115vh, 0); transform: translate3d(38vw, -115vh, 0); } } .circle-container:nth-child(78) .circle { -webkit-animation-delay: 2193ms; animation-delay: 2193ms; } .circle-container:nth-child(79) { width: 7px; height: 7px; -webkit-animation-name: move-frames-79; animation-name: move-frames-79; -webkit-animation-duration: 31915ms; animation-duration: 31915ms; -webkit-animation-delay: 10350ms; animation-delay: 10350ms; } @-webkit-keyframes move-frames-79 { from { -webkit-transform: translate3d(98vw, 109vh, 0); transform: translate3d(98vw, 109vh, 0); } to { -webkit-transform: translate3d(47vw, -119vh, 0); transform: translate3d(47vw, -119vh, 0); } } @keyframes move-frames-79 { from { -webkit-transform: translate3d(98vw, 109vh, 0); transform: translate3d(98vw, 109vh, 0); } to { -webkit-transform: translate3d(47vw, -119vh, 0); transform: translate3d(47vw, -119vh, 0); } } .circle-container:nth-child(79) .circle { -webkit-animation-delay: 2273ms; animation-delay: 2273ms; } .circle-container:nth-child(80) { width: 1px; height: 1px; -webkit-animation-name: move-frames-80; animation-name: move-frames-80; -webkit-animation-duration: 32368ms; animation-duration: 32368ms; -webkit-animation-delay: 24668ms; animation-delay: 24668ms; } @-webkit-keyframes move-frames-80 { from { -webkit-transform: translate3d(97vw, 110vh, 0); transform: translate3d(97vw, 110vh, 0); } to { -webkit-transform: translate3d(9vw, -135vh, 0); transform: translate3d(9vw, -135vh, 0); } } @keyframes move-frames-80 { from { -webkit-transform: translate3d(97vw, 110vh, 0); transform: translate3d(97vw, 110vh, 0); } to { -webkit-transform: translate3d(9vw, -135vh, 0); transform: translate3d(9vw, -135vh, 0); } } .circle-container:nth-child(80) .circle { -webkit-animation-delay: 686ms; animation-delay: 686ms; } .circle-container:nth-child(81) { width: 8px; height: 8px; -webkit-animation-name: move-frames-81; animation-name: move-frames-81; -webkit-animation-duration: 34007ms; animation-duration: 34007ms; -webkit-animation-delay: 23002ms; animation-delay: 23002ms; } @-webkit-keyframes move-frames-81 { from { -webkit-transform: translate3d(51vw, 106vh, 0); transform: translate3d(51vw, 106vh, 0); } to { -webkit-transform: translate3d(59vw, -128vh, 0); transform: translate3d(59vw, -128vh, 0); } } @keyframes move-frames-81 { from { -webkit-transform: translate3d(51vw, 106vh, 0); transform: translate3d(51vw, 106vh, 0); } to { -webkit-transform: translate3d(59vw, -128vh, 0); transform: translate3d(59vw, -128vh, 0); } } .circle-container:nth-child(81) .circle { -webkit-animation-delay: 3166ms; animation-delay: 3166ms; } .circle-container:nth-child(82) { width: 3px; height: 3px; -webkit-animation-name: move-frames-82; animation-name: move-frames-82; -webkit-animation-duration: 36481ms; animation-duration: 36481ms; -webkit-animation-delay: 25269ms; animation-delay: 25269ms; } @-webkit-keyframes move-frames-82 { from { -webkit-transform: translate3d(50vw, 103vh, 0); transform: translate3d(50vw, 103vh, 0); } to { -webkit-transform: translate3d(51vw, -131vh, 0); transform: translate3d(51vw, -131vh, 0); } } @keyframes move-frames-82 { from { -webkit-transform: translate3d(50vw, 103vh, 0); transform: translate3d(50vw, 103vh, 0); } to { -webkit-transform: translate3d(51vw, -131vh, 0); transform: translate3d(51vw, -131vh, 0); } } .circle-container:nth-child(82) .circle { -webkit-animation-delay: 3447ms; animation-delay: 3447ms; } .circle-container:nth-child(83) { width: 8px; height: 8px; -webkit-animation-name: move-frames-83; animation-name: move-frames-83; -webkit-animation-duration: 36454ms; animation-duration: 36454ms; -webkit-animation-delay: 26211ms; animation-delay: 26211ms; } @-webkit-keyframes move-frames-83 { from { -webkit-transform: translate3d(44vw, 107vh, 0); transform: translate3d(44vw, 107vh, 0); } to { -webkit-transform: translate3d(95vw, -129vh, 0); transform: translate3d(95vw, -129vh, 0); } } @keyframes move-frames-83 { from { -webkit-transform: translate3d(44vw, 107vh, 0); transform: translate3d(44vw, 107vh, 0); } to { -webkit-transform: translate3d(95vw, -129vh, 0); transform: translate3d(95vw, -129vh, 0); } } .circle-container:nth-child(83) .circle { -webkit-animation-delay: 108ms; animation-delay: 108ms; } .circle-container:nth-child(84) { width: 2px; height: 2px; -webkit-animation-name: move-frames-84; animation-name: move-frames-84; -webkit-animation-duration: 30665ms; animation-duration: 30665ms; -webkit-animation-delay: 27709ms; animation-delay: 27709ms; } @-webkit-keyframes move-frames-84 { from { -webkit-transform: translate3d(66vw, 108vh, 0); transform: translate3d(66vw, 108vh, 0); } to { -webkit-transform: translate3d(83vw, -128vh, 0); transform: translate3d(83vw, -128vh, 0); } } @keyframes move-frames-84 { from { -webkit-transform: translate3d(66vw, 108vh, 0); transform: translate3d(66vw, 108vh, 0); } to { -webkit-transform: translate3d(83vw, -128vh, 0); transform: translate3d(83vw, -128vh, 0); } } .circle-container:nth-child(84) .circle { -webkit-animation-delay: 1816ms; animation-delay: 1816ms; } .circle-container:nth-child(85) { width: 3px; height: 3px; -webkit-animation-name: move-frames-85; animation-name: move-frames-85; -webkit-animation-duration: 31266ms; animation-duration: 31266ms; -webkit-animation-delay: 24900ms; animation-delay: 24900ms; } @-webkit-keyframes move-frames-85 { from { -webkit-transform: translate3d(2vw, 102vh, 0); transform: translate3d(2vw, 102vh, 0); } to { -webkit-transform: translate3d(27vw, -130vh, 0); transform: translate3d(27vw, -130vh, 0); } } @keyframes move-frames-85 { from { -webkit-transform: translate3d(2vw, 102vh, 0); transform: translate3d(2vw, 102vh, 0); } to { -webkit-transform: translate3d(27vw, -130vh, 0); transform: translate3d(27vw, -130vh, 0); } } .circle-container:nth-child(85) .circle { -webkit-animation-delay: 3589ms; animation-delay: 3589ms; } .circle-container:nth-child(86) { width: 8px; height: 8px; -webkit-animation-name: move-frames-86; animation-name: move-frames-86; -webkit-animation-duration: 29420ms; animation-duration: 29420ms; -webkit-animation-delay: 25152ms; animation-delay: 25152ms; } @-webkit-keyframes move-frames-86 { from { -webkit-transform: translate3d(82vw, 107vh, 0); transform: translate3d(82vw, 107vh, 0); } to { -webkit-transform: translate3d(90vw, -135vh, 0); transform: translate3d(90vw, -135vh, 0); } } @keyframes move-frames-86 { from { -webkit-transform: translate3d(82vw, 107vh, 0); transform: translate3d(82vw, 107vh, 0); } to { -webkit-transform: translate3d(90vw, -135vh, 0); transform: translate3d(90vw, -135vh, 0); } } .circle-container:nth-child(86) .circle { -webkit-animation-delay: 1075ms; animation-delay: 1075ms; } .circle-container:nth-child(87) { width: 2px; height: 2px; -webkit-animation-name: move-frames-87; animation-name: move-frames-87; -webkit-animation-duration: 33200ms; animation-duration: 33200ms; -webkit-animation-delay: 22278ms; animation-delay: 22278ms; } @-webkit-keyframes move-frames-87 { from { -webkit-transform: translate3d(82vw, 109vh, 0); transform: translate3d(82vw, 109vh, 0); } to { -webkit-transform: translate3d(37vw, -124vh, 0); transform: translate3d(37vw, -124vh, 0); } } @keyframes move-frames-87 { from { -webkit-transform: translate3d(82vw, 109vh, 0); transform: translate3d(82vw, 109vh, 0); } to { -webkit-transform: translate3d(37vw, -124vh, 0); transform: translate3d(37vw, -124vh, 0); } } .circle-container:nth-child(87) .circle { -webkit-animation-delay: 1474ms; animation-delay: 1474ms; } .circle-container:nth-child(88) { width: 5px; height: 5px; -webkit-animation-name: move-frames-88; animation-name: move-frames-88; -webkit-animation-duration: 29265ms; animation-duration: 29265ms; -webkit-animation-delay: 29935ms; animation-delay: 29935ms; } @-webkit-keyframes move-frames-88 { from { -webkit-transform: translate3d(76vw, 109vh, 0); transform: translate3d(76vw, 109vh, 0); } to { -webkit-transform: translate3d(49vw, -122vh, 0); transform: translate3d(49vw, -122vh, 0); } } @keyframes move-frames-88 { from { -webkit-transform: translate3d(76vw, 109vh, 0); transform: translate3d(76vw, 109vh, 0); } to { -webkit-transform: translate3d(49vw, -122vh, 0); transform: translate3d(49vw, -122vh, 0); } } .circle-container:nth-child(88) .circle { -webkit-animation-delay: 972ms; animation-delay: 972ms; } .circle-container:nth-child(89) { width: 3px; height: 3px; -webkit-animation-name: move-frames-89; animation-name: move-frames-89; -webkit-animation-duration: 35965ms; animation-duration: 35965ms; -webkit-animation-delay: 11285ms; animation-delay: 11285ms; } @-webkit-keyframes move-frames-89 { from { -webkit-transform: translate3d(81vw, 107vh, 0); transform: translate3d(81vw, 107vh, 0); } to { -webkit-transform: translate3d(41vw, -111vh, 0); transform: translate3d(41vw, -111vh, 0); } } @keyframes move-frames-89 { from { -webkit-transform: translate3d(81vw, 107vh, 0); transform: translate3d(81vw, 107vh, 0); } to { -webkit-transform: translate3d(41vw, -111vh, 0); transform: translate3d(41vw, -111vh, 0); } } .circle-container:nth-child(89) .circle { -webkit-animation-delay: 2073ms; animation-delay: 2073ms; } .circle-container:nth-child(90) { width: 5px; height: 5px; -webkit-animation-name: move-frames-90; animation-name: move-frames-90; -webkit-animation-duration: 31881ms; animation-duration: 31881ms; -webkit-animation-delay: 1489ms; animation-delay: 1489ms; } @-webkit-keyframes move-frames-90 { from { -webkit-transform: translate3d(7vw, 102vh, 0); transform: translate3d(7vw, 102vh, 0); } to { -webkit-transform: translate3d(98vw, -118vh, 0); transform: translate3d(98vw, -118vh, 0); } } @keyframes move-frames-90 { from { -webkit-transform: translate3d(7vw, 102vh, 0); transform: translate3d(7vw, 102vh, 0); } to { -webkit-transform: translate3d(98vw, -118vh, 0); transform: translate3d(98vw, -118vh, 0); } } .circle-container:nth-child(90) .circle { -webkit-animation-delay: 2194ms; animation-delay: 2194ms; } .circle-container:nth-child(91) { width: 5px; height: 5px; -webkit-animation-name: move-frames-91; animation-name: move-frames-91; -webkit-animation-duration: 28187ms; animation-duration: 28187ms; -webkit-animation-delay: 14219ms; animation-delay: 14219ms; } @-webkit-keyframes move-frames-91 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(75vw, -127vh, 0); transform: translate3d(75vw, -127vh, 0); } } @keyframes move-frames-91 { from { -webkit-transform: translate3d(55vw, 107vh, 0); transform: translate3d(55vw, 107vh, 0); } to { -webkit-transform: translate3d(75vw, -127vh, 0); transform: translate3d(75vw, -127vh, 0); } } .circle-container:nth-child(91) .circle { -webkit-animation-delay: 1085ms; animation-delay: 1085ms; } .circle-container:nth-child(92) { width: 1px; height: 1px; -webkit-animation-name: move-frames-92; animation-name: move-frames-92; -webkit-animation-duration: 36932ms; animation-duration: 36932ms; -webkit-animation-delay: 30055ms; animation-delay: 30055ms; } @-webkit-keyframes move-frames-92 { from { -webkit-transform: translate3d(61vw, 105vh, 0); transform: translate3d(61vw, 105vh, 0); } to { -webkit-transform: translate3d(87vw, -108vh, 0); transform: translate3d(87vw, -108vh, 0); } } @keyframes move-frames-92 { from { -webkit-transform: translate3d(61vw, 105vh, 0); transform: translate3d(61vw, 105vh, 0); } to { -webkit-transform: translate3d(87vw, -108vh, 0); transform: translate3d(87vw, -108vh, 0); } } .circle-container:nth-child(92) .circle { -webkit-animation-delay: 390ms; animation-delay: 390ms; } .circle-container:nth-child(93) { width: 3px; height: 3px; -webkit-animation-name: move-frames-93; animation-name: move-frames-93; -webkit-animation-duration: 31090ms; animation-duration: 31090ms; -webkit-animation-delay: 3478ms; animation-delay: 3478ms; } @-webkit-keyframes move-frames-93 { from { -webkit-transform: translate3d(39vw, 107vh, 0); transform: translate3d(39vw, 107vh, 0); } to { -webkit-transform: translate3d(53vw, -118vh, 0); transform: translate3d(53vw, -118vh, 0); } } @keyframes move-frames-93 { from { -webkit-transform: translate3d(39vw, 107vh, 0); transform: translate3d(39vw, 107vh, 0); } to { -webkit-transform: translate3d(53vw, -118vh, 0); transform: translate3d(53vw, -118vh, 0); } } .circle-container:nth-child(93) .circle { -webkit-animation-delay: 2685ms; animation-delay: 2685ms; } .circle-container:nth-child(94) { width: 6px; height: 6px; -webkit-animation-name: move-frames-94; animation-name: move-frames-94; -webkit-animation-duration: 35729ms; animation-duration: 35729ms; -webkit-animation-delay: 8336ms; animation-delay: 8336ms; } @-webkit-keyframes move-frames-94 { from { -webkit-transform: translate3d(18vw, 107vh, 0); transform: translate3d(18vw, 107vh, 0); } to { -webkit-transform: translate3d(5vw, -123vh, 0); transform: translate3d(5vw, -123vh, 0); } } @keyframes move-frames-94 { from { -webkit-transform: translate3d(18vw, 107vh, 0); transform: translate3d(18vw, 107vh, 0); } to { -webkit-transform: translate3d(5vw, -123vh, 0); transform: translate3d(5vw, -123vh, 0); } } .circle-container:nth-child(94) .circle { -webkit-animation-delay: 985ms; animation-delay: 985ms; } .circle-container:nth-child(95) { width: 6px; height: 6px; -webkit-animation-name: move-frames-95; animation-name: move-frames-95; -webkit-animation-duration: 36773ms; animation-duration: 36773ms; -webkit-animation-delay: 30262ms; animation-delay: 30262ms; } @-webkit-keyframes move-frames-95 { from { -webkit-transform: translate3d(23vw, 110vh, 0); transform: translate3d(23vw, 110vh, 0); } to { -webkit-transform: translate3d(16vw, -129vh, 0); transform: translate3d(16vw, -129vh, 0); } } @keyframes move-frames-95 { from { -webkit-transform: translate3d(23vw, 110vh, 0); transform: translate3d(23vw, 110vh, 0); } to { -webkit-transform: translate3d(16vw, -129vh, 0); transform: translate3d(16vw, -129vh, 0); } } .circle-container:nth-child(95) .circle { -webkit-animation-delay: 2980ms; animation-delay: 2980ms; } .circle-container:nth-child(96) { width: 8px; height: 8px; -webkit-animation-name: move-frames-96; animation-name: move-frames-96; -webkit-animation-duration: 33849ms; animation-duration: 33849ms; -webkit-animation-delay: 12993ms; animation-delay: 12993ms; } @-webkit-keyframes move-frames-96 { from { -webkit-transform: translate3d(69vw, 102vh, 0); transform: translate3d(69vw, 102vh, 0); } to { -webkit-transform: translate3d(6vw, -126vh, 0); transform: translate3d(6vw, -126vh, 0); } } @keyframes move-frames-96 { from { -webkit-transform: translate3d(69vw, 102vh, 0); transform: translate3d(69vw, 102vh, 0); } to { -webkit-transform: translate3d(6vw, -126vh, 0); transform: translate3d(6vw, -126vh, 0); } } .circle-container:nth-child(96) .circle { -webkit-animation-delay: 3423ms; animation-delay: 3423ms; } .circle-container:nth-child(97) { width: 7px; height: 7px; -webkit-animation-name: move-frames-97; animation-name: move-frames-97; -webkit-animation-duration: 29341ms; animation-duration: 29341ms; -webkit-animation-delay: 31585ms; animation-delay: 31585ms; } @-webkit-keyframes move-frames-97 { from { -webkit-transform: translate3d(51vw, 103vh, 0); transform: translate3d(51vw, 103vh, 0); } to { -webkit-transform: translate3d(61vw, -128vh, 0); transform: translate3d(61vw, -128vh, 0); } } @keyframes move-frames-97 { from { -webkit-transform: translate3d(51vw, 103vh, 0); transform: translate3d(51vw, 103vh, 0); } to { -webkit-transform: translate3d(61vw, -128vh, 0); transform: translate3d(61vw, -128vh, 0); } } .circle-container:nth-child(97) .circle { -webkit-animation-delay: 155ms; animation-delay: 155ms; } .circle-container:nth-child(98) { width: 6px; height: 6px; -webkit-animation-name: move-frames-98; animation-name: move-frames-98; -webkit-animation-duration: 31101ms; animation-duration: 31101ms; -webkit-animation-delay: 11460ms; animation-delay: 11460ms; } @-webkit-keyframes move-frames-98 { from { -webkit-transform: translate3d(69vw, 106vh, 0); transform: translate3d(69vw, 106vh, 0); } to { -webkit-transform: translate3d(32vw, -114vh, 0); transform: translate3d(32vw, -114vh, 0); } } @keyframes move-frames-98 { from { -webkit-transform: translate3d(69vw, 106vh, 0); transform: translate3d(69vw, 106vh, 0); } to { -webkit-transform: translate3d(32vw, -114vh, 0); transform: translate3d(32vw, -114vh, 0); } } .circle-container:nth-child(98) .circle { -webkit-animation-delay: 1205ms; animation-delay: 1205ms; } .circle-container:nth-child(99) { width: 1px; height: 1px; -webkit-animation-name: move-frames-99; animation-name: move-frames-99; -webkit-animation-duration: 35277ms; animation-duration: 35277ms; -webkit-animation-delay: 14787ms; animation-delay: 14787ms; } @-webkit-keyframes move-frames-99 { from { -webkit-transform: translate3d(53vw, 102vh, 0); transform: translate3d(53vw, 102vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } @keyframes move-frames-99 { from { -webkit-transform: translate3d(53vw, 102vh, 0); transform: translate3d(53vw, 102vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } .circle-container:nth-child(99) .circle { -webkit-animation-delay: 760ms; animation-delay: 760ms; } .circle-container:nth-child(100) { width: 7px; height: 7px; -webkit-animation-name: move-frames-100; animation-name: move-frames-100; -webkit-animation-duration: 30340ms; animation-duration: 30340ms; -webkit-animation-delay: 24440ms; animation-delay: 24440ms; } @-webkit-keyframes move-frames-100 { from { -webkit-transform: translate3d(77vw, 104vh, 0); transform: translate3d(77vw, 104vh, 0); } to { -webkit-transform: translate3d(10vw, -113vh, 0); transform: translate3d(10vw, -113vh, 0); } } @keyframes move-frames-100 { from { -webkit-transform: translate3d(77vw, 104vh, 0); transform: translate3d(77vw, 104vh, 0); } to { -webkit-transform: translate3d(10vw, -113vh, 0); transform: translate3d(10vw, -113vh, 0); } } .circle-container:nth-child(100) .circle { -webkit-animation-delay: 1256ms; animation-delay: 1256ms; } .circle-container:nth-child(101) { width: 3px; height: 3px; -webkit-animation-name: move-frames-101; animation-name: move-frames-101; -webkit-animation-duration: 30447ms; animation-duration: 30447ms; -webkit-animation-delay: 8948ms; animation-delay: 8948ms; } @-webkit-keyframes move-frames-101 { from { -webkit-transform: translate3d(43vw, 103vh, 0); transform: translate3d(43vw, 103vh, 0); } to { -webkit-transform: translate3d(60vw, -104vh, 0); transform: translate3d(60vw, -104vh, 0); } } @keyframes move-frames-101 { from { -webkit-transform: translate3d(43vw, 103vh, 0); transform: translate3d(43vw, 103vh, 0); } to { -webkit-transform: translate3d(60vw, -104vh, 0); transform: translate3d(60vw, -104vh, 0); } } .circle-container:nth-child(101) .circle { -webkit-animation-delay: 1157ms; animation-delay: 1157ms; } .circle-container:nth-child(102) { width: 5px; height: 5px; -webkit-animation-name: move-frames-102; animation-name: move-frames-102; -webkit-animation-duration: 29051ms; animation-duration: 29051ms; -webkit-animation-delay: 27425ms; animation-delay: 27425ms; } @-webkit-keyframes move-frames-102 { from { -webkit-transform: translate3d(26vw, 102vh, 0); transform: translate3d(26vw, 102vh, 0); } to { -webkit-transform: translate3d(99vw, -126vh, 0); transform: translate3d(99vw, -126vh, 0); } } @keyframes move-frames-102 { from { -webkit-transform: translate3d(26vw, 102vh, 0); transform: translate3d(26vw, 102vh, 0); } to { -webkit-transform: translate3d(99vw, -126vh, 0); transform: translate3d(99vw, -126vh, 0); } } .circle-container:nth-child(102) .circle { -webkit-animation-delay: 2159ms; animation-delay: 2159ms; } .circle-container:nth-child(103) { width: 1px; height: 1px; -webkit-animation-name: move-frames-103; animation-name: move-frames-103; -webkit-animation-duration: 32596ms; animation-duration: 32596ms; -webkit-animation-delay: 3864ms; animation-delay: 3864ms; } @-webkit-keyframes move-frames-103 { from { -webkit-transform: translate3d(50vw, 104vh, 0); transform: translate3d(50vw, 104vh, 0); } to { -webkit-transform: translate3d(26vw, -126vh, 0); transform: translate3d(26vw, -126vh, 0); } } @keyframes move-frames-103 { from { -webkit-transform: translate3d(50vw, 104vh, 0); transform: translate3d(50vw, 104vh, 0); } to { -webkit-transform: translate3d(26vw, -126vh, 0); transform: translate3d(26vw, -126vh, 0); } } .circle-container:nth-child(103) .circle { -webkit-animation-delay: 2872ms; animation-delay: 2872ms; } .circle-container:nth-child(104) { width: 6px; height: 6px; -webkit-animation-name: move-frames-104; animation-name: move-frames-104; -webkit-animation-duration: 28481ms; animation-duration: 28481ms; -webkit-animation-delay: 26024ms; animation-delay: 26024ms; } @-webkit-keyframes move-frames-104 { from { -webkit-transform: translate3d(7vw, 110vh, 0); transform: translate3d(7vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -113vh, 0); transform: translate3d(34vw, -113vh, 0); } } @keyframes move-frames-104 { from { -webkit-transform: translate3d(7vw, 110vh, 0); transform: translate3d(7vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -113vh, 0); transform: translate3d(34vw, -113vh, 0); } } .circle-container:nth-child(104) .circle { -webkit-animation-delay: 1124ms; animation-delay: 1124ms; } .circle-container:nth-child(105) { width: 6px; height: 6px; -webkit-animation-name: move-frames-105; animation-name: move-frames-105; -webkit-animation-duration: 33667ms; animation-duration: 33667ms; -webkit-animation-delay: 14200ms; animation-delay: 14200ms; } @-webkit-keyframes move-frames-105 { from { -webkit-transform: translate3d(69vw, 107vh, 0); transform: translate3d(69vw, 107vh, 0); } to { -webkit-transform: translate3d(58vw, -127vh, 0); transform: translate3d(58vw, -127vh, 0); } } @keyframes move-frames-105 { from { -webkit-transform: translate3d(69vw, 107vh, 0); transform: translate3d(69vw, 107vh, 0); } to { -webkit-transform: translate3d(58vw, -127vh, 0); transform: translate3d(58vw, -127vh, 0); } } .circle-container:nth-child(105) .circle { -webkit-animation-delay: 3623ms; animation-delay: 3623ms; } .circle-container:nth-child(106) { width: 2px; height: 2px; -webkit-animation-name: move-frames-106; animation-name: move-frames-106; -webkit-animation-duration: 28983ms; animation-duration: 28983ms; -webkit-animation-delay: 12141ms; animation-delay: 12141ms; } @-webkit-keyframes move-frames-106 { from { -webkit-transform: translate3d(3vw, 105vh, 0); transform: translate3d(3vw, 105vh, 0); } to { -webkit-transform: translate3d(56vw, -115vh, 0); transform: translate3d(56vw, -115vh, 0); } } @keyframes move-frames-106 { from { -webkit-transform: translate3d(3vw, 105vh, 0); transform: translate3d(3vw, 105vh, 0); } to { -webkit-transform: translate3d(56vw, -115vh, 0); transform: translate3d(56vw, -115vh, 0); } } .circle-container:nth-child(106) .circle { -webkit-animation-delay: 1970ms; animation-delay: 1970ms; } .circle-container:nth-child(107) { width: 1px; height: 1px; -webkit-animation-name: move-frames-107; animation-name: move-frames-107; -webkit-animation-duration: 30853ms; animation-duration: 30853ms; -webkit-animation-delay: 33095ms; animation-delay: 33095ms; } @-webkit-keyframes move-frames-107 { from { -webkit-transform: translate3d(100vw, 109vh, 0); transform: translate3d(100vw, 109vh, 0); } to { -webkit-transform: translate3d(27vw, -113vh, 0); transform: translate3d(27vw, -113vh, 0); } } @keyframes move-frames-107 { from { -webkit-transform: translate3d(100vw, 109vh, 0); transform: translate3d(100vw, 109vh, 0); } to { -webkit-transform: translate3d(27vw, -113vh, 0); transform: translate3d(27vw, -113vh, 0); } } .circle-container:nth-child(107) .circle { -webkit-animation-delay: 3193ms; animation-delay: 3193ms; } .circle-container:nth-child(108) { width: 6px; height: 6px; -webkit-animation-name: move-frames-108; animation-name: move-frames-108; -webkit-animation-duration: 32850ms; animation-duration: 32850ms; -webkit-animation-delay: 4199ms; animation-delay: 4199ms; } @-webkit-keyframes move-frames-108 { from { -webkit-transform: translate3d(32vw, 102vh, 0); transform: translate3d(32vw, 102vh, 0); } to { -webkit-transform: translate3d(37vw, -125vh, 0); transform: translate3d(37vw, -125vh, 0); } } @keyframes move-frames-108 { from { -webkit-transform: translate3d(32vw, 102vh, 0); transform: translate3d(32vw, 102vh, 0); } to { -webkit-transform: translate3d(37vw, -125vh, 0); transform: translate3d(37vw, -125vh, 0); } } .circle-container:nth-child(108) .circle { -webkit-animation-delay: 201ms; animation-delay: 201ms; } .circle-container:nth-child(109) { width: 2px; height: 2px; -webkit-animation-name: move-frames-109; animation-name: move-frames-109; -webkit-animation-duration: 30408ms; animation-duration: 30408ms; -webkit-animation-delay: 24574ms; animation-delay: 24574ms; } @-webkit-keyframes move-frames-109 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(60vw, -107vh, 0); transform: translate3d(60vw, -107vh, 0); } } @keyframes move-frames-109 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(60vw, -107vh, 0); transform: translate3d(60vw, -107vh, 0); } } .circle-container:nth-child(109) .circle { -webkit-animation-delay: 2811ms; animation-delay: 2811ms; } .circle-container:nth-child(110) { width: 7px; height: 7px; -webkit-animation-name: move-frames-110; animation-name: move-frames-110; -webkit-animation-duration: 34722ms; animation-duration: 34722ms; -webkit-animation-delay: 31166ms; animation-delay: 31166ms; } @-webkit-keyframes move-frames-110 { from { -webkit-transform: translate3d(86vw, 109vh, 0); transform: translate3d(86vw, 109vh, 0); } to { -webkit-transform: translate3d(16vw, -126vh, 0); transform: translate3d(16vw, -126vh, 0); } } @keyframes move-frames-110 { from { -webkit-transform: translate3d(86vw, 109vh, 0); transform: translate3d(86vw, 109vh, 0); } to { -webkit-transform: translate3d(16vw, -126vh, 0); transform: translate3d(16vw, -126vh, 0); } } .circle-container:nth-child(110) .circle { -webkit-animation-delay: 2535ms; animation-delay: 2535ms; } .circle-container:nth-child(111) { width: 5px; height: 5px; -webkit-animation-name: move-frames-111; animation-name: move-frames-111; -webkit-animation-duration: 36014ms; animation-duration: 36014ms; -webkit-animation-delay: 16558ms; animation-delay: 16558ms; } @-webkit-keyframes move-frames-111 { from { -webkit-transform: translate3d(70vw, 102vh, 0); transform: translate3d(70vw, 102vh, 0); } to { -webkit-transform: translate3d(43vw, -107vh, 0); transform: translate3d(43vw, -107vh, 0); } } @keyframes move-frames-111 { from { -webkit-transform: translate3d(70vw, 102vh, 0); transform: translate3d(70vw, 102vh, 0); } to { -webkit-transform: translate3d(43vw, -107vh, 0); transform: translate3d(43vw, -107vh, 0); } } .circle-container:nth-child(111) .circle { -webkit-animation-delay: 2732ms; animation-delay: 2732ms; } .circle-container:nth-child(112) { width: 1px; height: 1px; -webkit-animation-name: move-frames-112; animation-name: move-frames-112; -webkit-animation-duration: 33698ms; animation-duration: 33698ms; -webkit-animation-delay: 13437ms; animation-delay: 13437ms; } @-webkit-keyframes move-frames-112 { from { -webkit-transform: translate3d(32vw, 108vh, 0); transform: translate3d(32vw, 108vh, 0); } to { -webkit-transform: translate3d(68vw, -128vh, 0); transform: translate3d(68vw, -128vh, 0); } } @keyframes move-frames-112 { from { -webkit-transform: translate3d(32vw, 108vh, 0); transform: translate3d(32vw, 108vh, 0); } to { -webkit-transform: translate3d(68vw, -128vh, 0); transform: translate3d(68vw, -128vh, 0); } } .circle-container:nth-child(112) .circle { -webkit-animation-delay: 1809ms; animation-delay: 1809ms; } .circle-container:nth-child(113) { width: 6px; height: 6px; -webkit-animation-name: move-frames-113; animation-name: move-frames-113; -webkit-animation-duration: 33952ms; animation-duration: 33952ms; -webkit-animation-delay: 9052ms; animation-delay: 9052ms; } @-webkit-keyframes move-frames-113 { from { -webkit-transform: translate3d(70vw, 101vh, 0); transform: translate3d(70vw, 101vh, 0); } to { -webkit-transform: translate3d(39vw, -110vh, 0); transform: translate3d(39vw, -110vh, 0); } } @keyframes move-frames-113 { from { -webkit-transform: translate3d(70vw, 101vh, 0); transform: translate3d(70vw, 101vh, 0); } to { -webkit-transform: translate3d(39vw, -110vh, 0); transform: translate3d(39vw, -110vh, 0); } } .circle-container:nth-child(113) .circle { -webkit-animation-delay: 3860ms; animation-delay: 3860ms; } .circle-container:nth-child(114) { width: 3px; height: 3px; -webkit-animation-name: move-frames-114; animation-name: move-frames-114; -webkit-animation-duration: 33025ms; animation-duration: 33025ms; -webkit-animation-delay: 26408ms; animation-delay: 26408ms; } @-webkit-keyframes move-frames-114 { from { -webkit-transform: translate3d(92vw, 106vh, 0); transform: translate3d(92vw, 106vh, 0); } to { -webkit-transform: translate3d(39vw, -129vh, 0); transform: translate3d(39vw, -129vh, 0); } } @keyframes move-frames-114 { from { -webkit-transform: translate3d(92vw, 106vh, 0); transform: translate3d(92vw, 106vh, 0); } to { -webkit-transform: translate3d(39vw, -129vh, 0); transform: translate3d(39vw, -129vh, 0); } } .circle-container:nth-child(114) .circle { -webkit-animation-delay: 472ms; animation-delay: 472ms; } .circle-container:nth-child(115) { width: 4px; height: 4px; -webkit-animation-name: move-frames-115; animation-name: move-frames-115; -webkit-animation-duration: 31981ms; animation-duration: 31981ms; -webkit-animation-delay: 19237ms; animation-delay: 19237ms; } @-webkit-keyframes move-frames-115 { from { -webkit-transform: translate3d(8vw, 106vh, 0); transform: translate3d(8vw, 106vh, 0); } to { -webkit-transform: translate3d(83vw, -111vh, 0); transform: translate3d(83vw, -111vh, 0); } } @keyframes move-frames-115 { from { -webkit-transform: translate3d(8vw, 106vh, 0); transform: translate3d(8vw, 106vh, 0); } to { -webkit-transform: translate3d(83vw, -111vh, 0); transform: translate3d(83vw, -111vh, 0); } } .circle-container:nth-child(115) .circle { -webkit-animation-delay: 800ms; animation-delay: 800ms; } .circle-container:nth-child(116) { width: 3px; height: 3px; -webkit-animation-name: move-frames-116; animation-name: move-frames-116; -webkit-animation-duration: 36056ms; animation-duration: 36056ms; -webkit-animation-delay: 13045ms; animation-delay: 13045ms; } @-webkit-keyframes move-frames-116 { from { -webkit-transform: translate3d(86vw, 102vh, 0); transform: translate3d(86vw, 102vh, 0); } to { -webkit-transform: translate3d(35vw, -132vh, 0); transform: translate3d(35vw, -132vh, 0); } } @keyframes move-frames-116 { from { -webkit-transform: translate3d(86vw, 102vh, 0); transform: translate3d(86vw, 102vh, 0); } to { -webkit-transform: translate3d(35vw, -132vh, 0); transform: translate3d(35vw, -132vh, 0); } } .circle-container:nth-child(116) .circle { -webkit-animation-delay: 2116ms; animation-delay: 2116ms; } .circle-container:nth-child(117) { width: 3px; height: 3px; -webkit-animation-name: move-frames-117; animation-name: move-frames-117; -webkit-animation-duration: 33990ms; animation-duration: 33990ms; -webkit-animation-delay: 20295ms; animation-delay: 20295ms; } @-webkit-keyframes move-frames-117 { from { -webkit-transform: translate3d(21vw, 108vh, 0); transform: translate3d(21vw, 108vh, 0); } to { -webkit-transform: translate3d(9vw, -134vh, 0); transform: translate3d(9vw, -134vh, 0); } } @keyframes move-frames-117 { from { -webkit-transform: translate3d(21vw, 108vh, 0); transform: translate3d(21vw, 108vh, 0); } to { -webkit-transform: translate3d(9vw, -134vh, 0); transform: translate3d(9vw, -134vh, 0); } } .circle-container:nth-child(117) .circle { -webkit-animation-delay: 1697ms; animation-delay: 1697ms; } .circle-container:nth-child(118) { width: 3px; height: 3px; -webkit-animation-name: move-frames-118; animation-name: move-frames-118; -webkit-animation-duration: 35987ms; animation-duration: 35987ms; -webkit-animation-delay: 15350ms; animation-delay: 15350ms; } @-webkit-keyframes move-frames-118 { from { -webkit-transform: translate3d(89vw, 101vh, 0); transform: translate3d(89vw, 101vh, 0); } to { -webkit-transform: translate3d(30vw, -131vh, 0); transform: translate3d(30vw, -131vh, 0); } } @keyframes move-frames-118 { from { -webkit-transform: translate3d(89vw, 101vh, 0); transform: translate3d(89vw, 101vh, 0); } to { -webkit-transform: translate3d(30vw, -131vh, 0); transform: translate3d(30vw, -131vh, 0); } } .circle-container:nth-child(118) .circle { -webkit-animation-delay: 3912ms; animation-delay: 3912ms; } .circle-container:nth-child(119) { width: 8px; height: 8px; -webkit-animation-name: move-frames-119; animation-name: move-frames-119; -webkit-animation-duration: 33714ms; animation-duration: 33714ms; -webkit-animation-delay: 32625ms; animation-delay: 32625ms; } @-webkit-keyframes move-frames-119 { from { -webkit-transform: translate3d(88vw, 106vh, 0); transform: translate3d(88vw, 106vh, 0); } to { -webkit-transform: translate3d(82vw, -116vh, 0); transform: translate3d(82vw, -116vh, 0); } } @keyframes move-frames-119 { from { -webkit-transform: translate3d(88vw, 106vh, 0); transform: translate3d(88vw, 106vh, 0); } to { -webkit-transform: translate3d(82vw, -116vh, 0); transform: translate3d(82vw, -116vh, 0); } } .circle-container:nth-child(119) .circle { -webkit-animation-delay: 3772ms; animation-delay: 3772ms; } .circle-container:nth-child(120) { width: 5px; height: 5px; -webkit-animation-name: move-frames-120; animation-name: move-frames-120; -webkit-animation-duration: 31871ms; animation-duration: 31871ms; -webkit-animation-delay: 22955ms; animation-delay: 22955ms; } @-webkit-keyframes move-frames-120 { from { -webkit-transform: translate3d(38vw, 107vh, 0); transform: translate3d(38vw, 107vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } @keyframes move-frames-120 { from { -webkit-transform: translate3d(38vw, 107vh, 0); transform: translate3d(38vw, 107vh, 0); } to { -webkit-transform: translate3d(3vw, -118vh, 0); transform: translate3d(3vw, -118vh, 0); } } .circle-container:nth-child(120) .circle { -webkit-animation-delay: 3168ms; animation-delay: 3168ms; } .circle-container:nth-child(121) { width: 2px; height: 2px; -webkit-animation-name: move-frames-121; animation-name: move-frames-121; -webkit-animation-duration: 31008ms; animation-duration: 31008ms; -webkit-animation-delay: 33753ms; animation-delay: 33753ms; } @-webkit-keyframes move-frames-121 { from { -webkit-transform: translate3d(30vw, 109vh, 0); transform: translate3d(30vw, 109vh, 0); } to { -webkit-transform: translate3d(93vw, -120vh, 0); transform: translate3d(93vw, -120vh, 0); } } @keyframes move-frames-121 { from { -webkit-transform: translate3d(30vw, 109vh, 0); transform: translate3d(30vw, 109vh, 0); } to { -webkit-transform: translate3d(93vw, -120vh, 0); transform: translate3d(93vw, -120vh, 0); } } .circle-container:nth-child(121) .circle { -webkit-animation-delay: 2394ms; animation-delay: 2394ms; } .circle-container:nth-child(122) { width: 1px; height: 1px; -webkit-animation-name: move-frames-122; animation-name: move-frames-122; -webkit-animation-duration: 28515ms; animation-duration: 28515ms; -webkit-animation-delay: 12606ms; animation-delay: 12606ms; } @-webkit-keyframes move-frames-122 { from { -webkit-transform: translate3d(80vw, 105vh, 0); transform: translate3d(80vw, 105vh, 0); } to { -webkit-transform: translate3d(76vw, -132vh, 0); transform: translate3d(76vw, -132vh, 0); } } @keyframes move-frames-122 { from { -webkit-transform: translate3d(80vw, 105vh, 0); transform: translate3d(80vw, 105vh, 0); } to { -webkit-transform: translate3d(76vw, -132vh, 0); transform: translate3d(76vw, -132vh, 0); } } .circle-container:nth-child(122) .circle { -webkit-animation-delay: 2153ms; animation-delay: 2153ms; } .circle-container:nth-child(123) { width: 7px; height: 7px; -webkit-animation-name: move-frames-123; animation-name: move-frames-123; -webkit-animation-duration: 32448ms; animation-duration: 32448ms; -webkit-animation-delay: 32437ms; animation-delay: 32437ms; } @-webkit-keyframes move-frames-123 { from { -webkit-transform: translate3d(43vw, 107vh, 0); transform: translate3d(43vw, 107vh, 0); } to { -webkit-transform: translate3d(36vw, -122vh, 0); transform: translate3d(36vw, -122vh, 0); } } @keyframes move-frames-123 { from { -webkit-transform: translate3d(43vw, 107vh, 0); transform: translate3d(43vw, 107vh, 0); } to { -webkit-transform: translate3d(36vw, -122vh, 0); transform: translate3d(36vw, -122vh, 0); } } .circle-container:nth-child(123) .circle { -webkit-animation-delay: 2694ms; animation-delay: 2694ms; } .circle-container:nth-child(124) { width: 1px; height: 1px; -webkit-animation-name: move-frames-124; animation-name: move-frames-124; -webkit-animation-duration: 33129ms; animation-duration: 33129ms; -webkit-animation-delay: 24906ms; animation-delay: 24906ms; } @-webkit-keyframes move-frames-124 { from { -webkit-transform: translate3d(62vw, 105vh, 0); transform: translate3d(62vw, 105vh, 0); } to { -webkit-transform: translate3d(62vw, -123vh, 0); transform: translate3d(62vw, -123vh, 0); } } @keyframes move-frames-124 { from { -webkit-transform: translate3d(62vw, 105vh, 0); transform: translate3d(62vw, 105vh, 0); } to { -webkit-transform: translate3d(62vw, -123vh, 0); transform: translate3d(62vw, -123vh, 0); } } .circle-container:nth-child(124) .circle { -webkit-animation-delay: 237ms; animation-delay: 237ms; } .circle-container:nth-child(125) { width: 7px; height: 7px; -webkit-animation-name: move-frames-125; animation-name: move-frames-125; -webkit-animation-duration: 30262ms; animation-duration: 30262ms; -webkit-animation-delay: 16441ms; animation-delay: 16441ms; } @-webkit-keyframes move-frames-125 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(62vw, -131vh, 0); transform: translate3d(62vw, -131vh, 0); } } @keyframes move-frames-125 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(62vw, -131vh, 0); transform: translate3d(62vw, -131vh, 0); } } .circle-container:nth-child(125) .circle { -webkit-animation-delay: 2538ms; animation-delay: 2538ms; } .circle-container:nth-child(126) { width: 2px; height: 2px; -webkit-animation-name: move-frames-126; animation-name: move-frames-126; -webkit-animation-duration: 31804ms; animation-duration: 31804ms; -webkit-animation-delay: 20133ms; animation-delay: 20133ms; } @-webkit-keyframes move-frames-126 { from { -webkit-transform: translate3d(61vw, 106vh, 0); transform: translate3d(61vw, 106vh, 0); } to { -webkit-transform: translate3d(31vw, -121vh, 0); transform: translate3d(31vw, -121vh, 0); } } @keyframes move-frames-126 { from { -webkit-transform: translate3d(61vw, 106vh, 0); transform: translate3d(61vw, 106vh, 0); } to { -webkit-transform: translate3d(31vw, -121vh, 0); transform: translate3d(31vw, -121vh, 0); } } .circle-container:nth-child(126) .circle { -webkit-animation-delay: 3852ms; animation-delay: 3852ms; } .circle-container:nth-child(127) { width: 8px; height: 8px; -webkit-animation-name: move-frames-127; animation-name: move-frames-127; -webkit-animation-duration: 32378ms; animation-duration: 32378ms; -webkit-animation-delay: 13731ms; animation-delay: 13731ms; } @-webkit-keyframes move-frames-127 { from { -webkit-transform: translate3d(7vw, 105vh, 0); transform: translate3d(7vw, 105vh, 0); } to { -webkit-transform: translate3d(19vw, -109vh, 0); transform: translate3d(19vw, -109vh, 0); } } @keyframes move-frames-127 { from { -webkit-transform: translate3d(7vw, 105vh, 0); transform: translate3d(7vw, 105vh, 0); } to { -webkit-transform: translate3d(19vw, -109vh, 0); transform: translate3d(19vw, -109vh, 0); } } .circle-container:nth-child(127) .circle { -webkit-animation-delay: 2822ms; animation-delay: 2822ms; } .circle-container:nth-child(128) { width: 5px; height: 5px; -webkit-animation-name: move-frames-128; animation-name: move-frames-128; -webkit-animation-duration: 29857ms; animation-duration: 29857ms; -webkit-animation-delay: 16345ms; animation-delay: 16345ms; } @-webkit-keyframes move-frames-128 { from { -webkit-transform: translate3d(50vw, 101vh, 0); transform: translate3d(50vw, 101vh, 0); } to { -webkit-transform: translate3d(49vw, -105vh, 0); transform: translate3d(49vw, -105vh, 0); } } @keyframes move-frames-128 { from { -webkit-transform: translate3d(50vw, 101vh, 0); transform: translate3d(50vw, 101vh, 0); } to { -webkit-transform: translate3d(49vw, -105vh, 0); transform: translate3d(49vw, -105vh, 0); } } .circle-container:nth-child(128) .circle { -webkit-animation-delay: 1024ms; animation-delay: 1024ms; } .circle-container:nth-child(129) { width: 3px; height: 3px; -webkit-animation-name: move-frames-129; animation-name: move-frames-129; -webkit-animation-duration: 32066ms; animation-duration: 32066ms; -webkit-animation-delay: 14739ms; animation-delay: 14739ms; } @-webkit-keyframes move-frames-129 { from { -webkit-transform: translate3d(89vw, 101vh, 0); transform: translate3d(89vw, 101vh, 0); } to { -webkit-transform: translate3d(51vw, -122vh, 0); transform: translate3d(51vw, -122vh, 0); } } @keyframes move-frames-129 { from { -webkit-transform: translate3d(89vw, 101vh, 0); transform: translate3d(89vw, 101vh, 0); } to { -webkit-transform: translate3d(51vw, -122vh, 0); transform: translate3d(51vw, -122vh, 0); } } .circle-container:nth-child(129) .circle { -webkit-animation-delay: 829ms; animation-delay: 829ms; } .circle-container:nth-child(130) { width: 7px; height: 7px; -webkit-animation-name: move-frames-130; animation-name: move-frames-130; -webkit-animation-duration: 34962ms; animation-duration: 34962ms; -webkit-animation-delay: 34609ms; animation-delay: 34609ms; } @-webkit-keyframes move-frames-130 { from { -webkit-transform: translate3d(67vw, 105vh, 0); transform: translate3d(67vw, 105vh, 0); } to { -webkit-transform: translate3d(50vw, -107vh, 0); transform: translate3d(50vw, -107vh, 0); } } @keyframes move-frames-130 { from { -webkit-transform: translate3d(67vw, 105vh, 0); transform: translate3d(67vw, 105vh, 0); } to { -webkit-transform: translate3d(50vw, -107vh, 0); transform: translate3d(50vw, -107vh, 0); } } .circle-container:nth-child(130) .circle { -webkit-animation-delay: 470ms; animation-delay: 470ms; } .circle-container:nth-child(131) { width: 6px; height: 6px; -webkit-animation-name: move-frames-131; animation-name: move-frames-131; -webkit-animation-duration: 34526ms; animation-duration: 34526ms; -webkit-animation-delay: 31752ms; animation-delay: 31752ms; } @-webkit-keyframes move-frames-131 { from { -webkit-transform: translate3d(28vw, 102vh, 0); transform: translate3d(28vw, 102vh, 0); } to { -webkit-transform: translate3d(76vw, -128vh, 0); transform: translate3d(76vw, -128vh, 0); } } @keyframes move-frames-131 { from { -webkit-transform: translate3d(28vw, 102vh, 0); transform: translate3d(28vw, 102vh, 0); } to { -webkit-transform: translate3d(76vw, -128vh, 0); transform: translate3d(76vw, -128vh, 0); } } .circle-container:nth-child(131) .circle { -webkit-animation-delay: 3980ms; animation-delay: 3980ms; } .circle-container:nth-child(132) { width: 6px; height: 6px; -webkit-animation-name: move-frames-132; animation-name: move-frames-132; -webkit-animation-duration: 32483ms; animation-duration: 32483ms; -webkit-animation-delay: 27240ms; animation-delay: 27240ms; } @-webkit-keyframes move-frames-132 { from { -webkit-transform: translate3d(99vw, 105vh, 0); transform: translate3d(99vw, 105vh, 0); } to { -webkit-transform: translate3d(70vw, -112vh, 0); transform: translate3d(70vw, -112vh, 0); } } @keyframes move-frames-132 { from { -webkit-transform: translate3d(99vw, 105vh, 0); transform: translate3d(99vw, 105vh, 0); } to { -webkit-transform: translate3d(70vw, -112vh, 0); transform: translate3d(70vw, -112vh, 0); } } .circle-container:nth-child(132) .circle { -webkit-animation-delay: 2111ms; animation-delay: 2111ms; } .circle-container:nth-child(133) { width: 7px; height: 7px; -webkit-animation-name: move-frames-133; animation-name: move-frames-133; -webkit-animation-duration: 31333ms; animation-duration: 31333ms; -webkit-animation-delay: 19224ms; animation-delay: 19224ms; } @-webkit-keyframes move-frames-133 { from { -webkit-transform: translate3d(87vw, 101vh, 0); transform: translate3d(87vw, 101vh, 0); } to { -webkit-transform: translate3d(31vw, -124vh, 0); transform: translate3d(31vw, -124vh, 0); } } @keyframes move-frames-133 { from { -webkit-transform: translate3d(87vw, 101vh, 0); transform: translate3d(87vw, 101vh, 0); } to { -webkit-transform: translate3d(31vw, -124vh, 0); transform: translate3d(31vw, -124vh, 0); } } .circle-container:nth-child(133) .circle { -webkit-animation-delay: 983ms; animation-delay: 983ms; } .circle-container:nth-child(134) { width: 8px; height: 8px; -webkit-animation-name: move-frames-134; animation-name: move-frames-134; -webkit-animation-duration: 28051ms; animation-duration: 28051ms; -webkit-animation-delay: 31410ms; animation-delay: 31410ms; } @-webkit-keyframes move-frames-134 { from { -webkit-transform: translate3d(68vw, 101vh, 0); transform: translate3d(68vw, 101vh, 0); } to { -webkit-transform: translate3d(35vw, -113vh, 0); transform: translate3d(35vw, -113vh, 0); } } @keyframes move-frames-134 { from { -webkit-transform: translate3d(68vw, 101vh, 0); transform: translate3d(68vw, 101vh, 0); } to { -webkit-transform: translate3d(35vw, -113vh, 0); transform: translate3d(35vw, -113vh, 0); } } .circle-container:nth-child(134) .circle { -webkit-animation-delay: 2211ms; animation-delay: 2211ms; } .circle-container:nth-child(135) { width: 2px; height: 2px; -webkit-animation-name: move-frames-135; animation-name: move-frames-135; -webkit-animation-duration: 30897ms; animation-duration: 30897ms; -webkit-animation-delay: 15595ms; animation-delay: 15595ms; } @-webkit-keyframes move-frames-135 { from { -webkit-transform: translate3d(6vw, 106vh, 0); transform: translate3d(6vw, 106vh, 0); } to { -webkit-transform: translate3d(8vw, -114vh, 0); transform: translate3d(8vw, -114vh, 0); } } @keyframes move-frames-135 { from { -webkit-transform: translate3d(6vw, 106vh, 0); transform: translate3d(6vw, 106vh, 0); } to { -webkit-transform: translate3d(8vw, -114vh, 0); transform: translate3d(8vw, -114vh, 0); } } .circle-container:nth-child(135) .circle { -webkit-animation-delay: 212ms; animation-delay: 212ms; } .circle-container:nth-child(136) { width: 4px; height: 4px; -webkit-animation-name: move-frames-136; animation-name: move-frames-136; -webkit-animation-duration: 33498ms; animation-duration: 33498ms; -webkit-animation-delay: 31949ms; animation-delay: 31949ms; } @-webkit-keyframes move-frames-136 { from { -webkit-transform: translate3d(22vw, 101vh, 0); transform: translate3d(22vw, 101vh, 0); } to { -webkit-transform: translate3d(50vw, -107vh, 0); transform: translate3d(50vw, -107vh, 0); } } @keyframes move-frames-136 { from { -webkit-transform: translate3d(22vw, 101vh, 0); transform: translate3d(22vw, 101vh, 0); } to { -webkit-transform: translate3d(50vw, -107vh, 0); transform: translate3d(50vw, -107vh, 0); } } .circle-container:nth-child(136) .circle { -webkit-animation-delay: 366ms; animation-delay: 366ms; } .circle-container:nth-child(137) { width: 2px; height: 2px; -webkit-animation-name: move-frames-137; animation-name: move-frames-137; -webkit-animation-duration: 32947ms; animation-duration: 32947ms; -webkit-animation-delay: 10610ms; animation-delay: 10610ms; } @-webkit-keyframes move-frames-137 { from { -webkit-transform: translate3d(7vw, 110vh, 0); transform: translate3d(7vw, 110vh, 0); } to { -webkit-transform: translate3d(42vw, -117vh, 0); transform: translate3d(42vw, -117vh, 0); } } @keyframes move-frames-137 { from { -webkit-transform: translate3d(7vw, 110vh, 0); transform: translate3d(7vw, 110vh, 0); } to { -webkit-transform: translate3d(42vw, -117vh, 0); transform: translate3d(42vw, -117vh, 0); } } .circle-container:nth-child(137) .circle { -webkit-animation-delay: 2818ms; animation-delay: 2818ms; } .circle-container:nth-child(138) { width: 1px; height: 1px; -webkit-animation-name: move-frames-138; animation-name: move-frames-138; -webkit-animation-duration: 29938ms; animation-duration: 29938ms; -webkit-animation-delay: 13819ms; animation-delay: 13819ms; } @-webkit-keyframes move-frames-138 { from { -webkit-transform: translate3d(85vw, 101vh, 0); transform: translate3d(85vw, 101vh, 0); } to { -webkit-transform: translate3d(87vw, -111vh, 0); transform: translate3d(87vw, -111vh, 0); } } @keyframes move-frames-138 { from { -webkit-transform: translate3d(85vw, 101vh, 0); transform: translate3d(85vw, 101vh, 0); } to { -webkit-transform: translate3d(87vw, -111vh, 0); transform: translate3d(87vw, -111vh, 0); } } .circle-container:nth-child(138) .circle { -webkit-animation-delay: 3583ms; animation-delay: 3583ms; } .circle-container:nth-child(139) { width: 7px; height: 7px; -webkit-animation-name: move-frames-139; animation-name: move-frames-139; -webkit-animation-duration: 35925ms; animation-duration: 35925ms; -webkit-animation-delay: 36716ms; animation-delay: 36716ms; } @-webkit-keyframes move-frames-139 { from { -webkit-transform: translate3d(9vw, 103vh, 0); transform: translate3d(9vw, 103vh, 0); } to { -webkit-transform: translate3d(18vw, -106vh, 0); transform: translate3d(18vw, -106vh, 0); } } @keyframes move-frames-139 { from { -webkit-transform: translate3d(9vw, 103vh, 0); transform: translate3d(9vw, 103vh, 0); } to { -webkit-transform: translate3d(18vw, -106vh, 0); transform: translate3d(18vw, -106vh, 0); } } .circle-container:nth-child(139) .circle { -webkit-animation-delay: 3656ms; animation-delay: 3656ms; } .circle-container:nth-child(140) { width: 8px; height: 8px; -webkit-animation-name: move-frames-140; animation-name: move-frames-140; -webkit-animation-duration: 28797ms; animation-duration: 28797ms; -webkit-animation-delay: 12229ms; animation-delay: 12229ms; } @-webkit-keyframes move-frames-140 { from { -webkit-transform: translate3d(92vw, 110vh, 0); transform: translate3d(92vw, 110vh, 0); } to { -webkit-transform: translate3d(21vw, -120vh, 0); transform: translate3d(21vw, -120vh, 0); } } @keyframes move-frames-140 { from { -webkit-transform: translate3d(92vw, 110vh, 0); transform: translate3d(92vw, 110vh, 0); } to { -webkit-transform: translate3d(21vw, -120vh, 0); transform: translate3d(21vw, -120vh, 0); } } .circle-container:nth-child(140) .circle { -webkit-animation-delay: 1778ms; animation-delay: 1778ms; } .circle-container:nth-child(141) { width: 3px; height: 3px; -webkit-animation-name: move-frames-141; animation-name: move-frames-141; -webkit-animation-duration: 35605ms; animation-duration: 35605ms; -webkit-animation-delay: 1871ms; animation-delay: 1871ms; } @-webkit-keyframes move-frames-141 { from { -webkit-transform: translate3d(73vw, 104vh, 0); transform: translate3d(73vw, 104vh, 0); } to { -webkit-transform: translate3d(27vw, -119vh, 0); transform: translate3d(27vw, -119vh, 0); } } @keyframes move-frames-141 { from { -webkit-transform: translate3d(73vw, 104vh, 0); transform: translate3d(73vw, 104vh, 0); } to { -webkit-transform: translate3d(27vw, -119vh, 0); transform: translate3d(27vw, -119vh, 0); } } .circle-container:nth-child(141) .circle { -webkit-animation-delay: 1852ms; animation-delay: 1852ms; } .circle-container:nth-child(142) { width: 3px; height: 3px; -webkit-animation-name: move-frames-142; animation-name: move-frames-142; -webkit-animation-duration: 30905ms; animation-duration: 30905ms; -webkit-animation-delay: 7748ms; animation-delay: 7748ms; } @-webkit-keyframes move-frames-142 { from { -webkit-transform: translate3d(52vw, 103vh, 0); transform: translate3d(52vw, 103vh, 0); } to { -webkit-transform: translate3d(27vw, -126vh, 0); transform: translate3d(27vw, -126vh, 0); } } @keyframes move-frames-142 { from { -webkit-transform: translate3d(52vw, 103vh, 0); transform: translate3d(52vw, 103vh, 0); } to { -webkit-transform: translate3d(27vw, -126vh, 0); transform: translate3d(27vw, -126vh, 0); } } .circle-container:nth-child(142) .circle { -webkit-animation-delay: 1826ms; animation-delay: 1826ms; } .circle-container:nth-child(143) { width: 1px; height: 1px; -webkit-animation-name: move-frames-143; animation-name: move-frames-143; -webkit-animation-duration: 31167ms; animation-duration: 31167ms; -webkit-animation-delay: 14743ms; animation-delay: 14743ms; } @-webkit-keyframes move-frames-143 { from { -webkit-transform: translate3d(100vw, 104vh, 0); transform: translate3d(100vw, 104vh, 0); } to { -webkit-transform: translate3d(57vw, -112vh, 0); transform: translate3d(57vw, -112vh, 0); } } @keyframes move-frames-143 { from { -webkit-transform: translate3d(100vw, 104vh, 0); transform: translate3d(100vw, 104vh, 0); } to { -webkit-transform: translate3d(57vw, -112vh, 0); transform: translate3d(57vw, -112vh, 0); } } .circle-container:nth-child(143) .circle { -webkit-animation-delay: 1377ms; animation-delay: 1377ms; } .circle-container:nth-child(144) { width: 7px; height: 7px; -webkit-animation-name: move-frames-144; animation-name: move-frames-144; -webkit-animation-duration: 32806ms; animation-duration: 32806ms; -webkit-animation-delay: 10933ms; animation-delay: 10933ms; } @-webkit-keyframes move-frames-144 { from { -webkit-transform: translate3d(19vw, 101vh, 0); transform: translate3d(19vw, 101vh, 0); } to { -webkit-transform: translate3d(76vw, -123vh, 0); transform: translate3d(76vw, -123vh, 0); } } @keyframes move-frames-144 { from { -webkit-transform: translate3d(19vw, 101vh, 0); transform: translate3d(19vw, 101vh, 0); } to { -webkit-transform: translate3d(76vw, -123vh, 0); transform: translate3d(76vw, -123vh, 0); } } .circle-container:nth-child(144) .circle { -webkit-animation-delay: 2484ms; animation-delay: 2484ms; } .circle-container:nth-child(145) { width: 5px; height: 5px; -webkit-animation-name: move-frames-145; animation-name: move-frames-145; -webkit-animation-duration: 36804ms; animation-duration: 36804ms; -webkit-animation-delay: 30206ms; animation-delay: 30206ms; } @-webkit-keyframes move-frames-145 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(50vw, -126vh, 0); transform: translate3d(50vw, -126vh, 0); } } @keyframes move-frames-145 { from { -webkit-transform: translate3d(16vw, 102vh, 0); transform: translate3d(16vw, 102vh, 0); } to { -webkit-transform: translate3d(50vw, -126vh, 0); transform: translate3d(50vw, -126vh, 0); } } .circle-container:nth-child(145) .circle { -webkit-animation-delay: 3418ms; animation-delay: 3418ms; } .circle-container:nth-child(146) { width: 6px; height: 6px; -webkit-animation-name: move-frames-146; animation-name: move-frames-146; -webkit-animation-duration: 32905ms; animation-duration: 32905ms; -webkit-animation-delay: 31177ms; animation-delay: 31177ms; } @-webkit-keyframes move-frames-146 { from { -webkit-transform: translate3d(99vw, 103vh, 0); transform: translate3d(99vw, 103vh, 0); } to { -webkit-transform: translate3d(55vw, -122vh, 0); transform: translate3d(55vw, -122vh, 0); } } @keyframes move-frames-146 { from { -webkit-transform: translate3d(99vw, 103vh, 0); transform: translate3d(99vw, 103vh, 0); } to { -webkit-transform: translate3d(55vw, -122vh, 0); transform: translate3d(55vw, -122vh, 0); } } .circle-container:nth-child(146) .circle { -webkit-animation-delay: 2237ms; animation-delay: 2237ms; } .circle-container:nth-child(147) { width: 6px; height: 6px; -webkit-animation-name: move-frames-147; animation-name: move-frames-147; -webkit-animation-duration: 30465ms; animation-duration: 30465ms; -webkit-animation-delay: 35242ms; animation-delay: 35242ms; } @-webkit-keyframes move-frames-147 { from { -webkit-transform: translate3d(90vw, 105vh, 0); transform: translate3d(90vw, 105vh, 0); } to { -webkit-transform: translate3d(76vw, -106vh, 0); transform: translate3d(76vw, -106vh, 0); } } @keyframes move-frames-147 { from { -webkit-transform: translate3d(90vw, 105vh, 0); transform: translate3d(90vw, 105vh, 0); } to { -webkit-transform: translate3d(76vw, -106vh, 0); transform: translate3d(76vw, -106vh, 0); } } .circle-container:nth-child(147) .circle { -webkit-animation-delay: 3840ms; animation-delay: 3840ms; } .circle-container:nth-child(148) { width: 5px; height: 5px; -webkit-animation-name: move-frames-148; animation-name: move-frames-148; -webkit-animation-duration: 32763ms; animation-duration: 32763ms; -webkit-animation-delay: 3868ms; animation-delay: 3868ms; } @-webkit-keyframes move-frames-148 { from { -webkit-transform: translate3d(21vw, 109vh, 0); transform: translate3d(21vw, 109vh, 0); } to { -webkit-transform: translate3d(79vw, -111vh, 0); transform: translate3d(79vw, -111vh, 0); } } @keyframes move-frames-148 { from { -webkit-transform: translate3d(21vw, 109vh, 0); transform: translate3d(21vw, 109vh, 0); } to { -webkit-transform: translate3d(79vw, -111vh, 0); transform: translate3d(79vw, -111vh, 0); } } .circle-container:nth-child(148) .circle { -webkit-animation-delay: 771ms; animation-delay: 771ms; } .circle-container:nth-child(149) { width: 8px; height: 8px; -webkit-animation-name: move-frames-149; animation-name: move-frames-149; -webkit-animation-duration: 35135ms; animation-duration: 35135ms; -webkit-animation-delay: 16248ms; animation-delay: 16248ms; } @-webkit-keyframes move-frames-149 { from { -webkit-transform: translate3d(26vw, 107vh, 0); transform: translate3d(26vw, 107vh, 0); } to { -webkit-transform: translate3d(63vw, -125vh, 0); transform: translate3d(63vw, -125vh, 0); } } @keyframes move-frames-149 { from { -webkit-transform: translate3d(26vw, 107vh, 0); transform: translate3d(26vw, 107vh, 0); } to { -webkit-transform: translate3d(63vw, -125vh, 0); transform: translate3d(63vw, -125vh, 0); } } .circle-container:nth-child(149) .circle { -webkit-animation-delay: 3464ms; animation-delay: 3464ms; } .circle-container:nth-child(150) { width: 3px; height: 3px; -webkit-animation-name: move-frames-150; animation-name: move-frames-150; -webkit-animation-duration: 36576ms; animation-duration: 36576ms; -webkit-animation-delay: 31573ms; animation-delay: 31573ms; } @-webkit-keyframes move-frames-150 { from { -webkit-transform: translate3d(42vw, 103vh, 0); transform: translate3d(42vw, 103vh, 0); } to { -webkit-transform: translate3d(1vw, -108vh, 0); transform: translate3d(1vw, -108vh, 0); } } @keyframes move-frames-150 { from { -webkit-transform: translate3d(42vw, 103vh, 0); transform: translate3d(42vw, 103vh, 0); } to { -webkit-transform: translate3d(1vw, -108vh, 0); transform: translate3d(1vw, -108vh, 0); } } .circle-container:nth-child(150) .circle { -webkit-animation-delay: 2457ms; animation-delay: 2457ms; } .circle-container:nth-child(151) { width: 2px; height: 2px; -webkit-animation-name: move-frames-151; animation-name: move-frames-151; -webkit-animation-duration: 31514ms; animation-duration: 31514ms; -webkit-animation-delay: 28475ms; animation-delay: 28475ms; } @-webkit-keyframes move-frames-151 { from { -webkit-transform: translate3d(26vw, 103vh, 0); transform: translate3d(26vw, 103vh, 0); } to { -webkit-transform: translate3d(97vw, -115vh, 0); transform: translate3d(97vw, -115vh, 0); } } @keyframes move-frames-151 { from { -webkit-transform: translate3d(26vw, 103vh, 0); transform: translate3d(26vw, 103vh, 0); } to { -webkit-transform: translate3d(97vw, -115vh, 0); transform: translate3d(97vw, -115vh, 0); } } .circle-container:nth-child(151) .circle { -webkit-animation-delay: 2395ms; animation-delay: 2395ms; } .circle-container:nth-child(152) { width: 2px; height: 2px; -webkit-animation-name: move-frames-152; animation-name: move-frames-152; -webkit-animation-duration: 29247ms; animation-duration: 29247ms; -webkit-animation-delay: 35735ms; animation-delay: 35735ms; } @-webkit-keyframes move-frames-152 { from { -webkit-transform: translate3d(57vw, 110vh, 0); transform: translate3d(57vw, 110vh, 0); } to { -webkit-transform: translate3d(38vw, -121vh, 0); transform: translate3d(38vw, -121vh, 0); } } @keyframes move-frames-152 { from { -webkit-transform: translate3d(57vw, 110vh, 0); transform: translate3d(57vw, 110vh, 0); } to { -webkit-transform: translate3d(38vw, -121vh, 0); transform: translate3d(38vw, -121vh, 0); } } .circle-container:nth-child(152) .circle { -webkit-animation-delay: 1648ms; animation-delay: 1648ms; } .circle-container:nth-child(153) { width: 8px; height: 8px; -webkit-animation-name: move-frames-153; animation-name: move-frames-153; -webkit-animation-duration: 35424ms; animation-duration: 35424ms; -webkit-animation-delay: 31880ms; animation-delay: 31880ms; } @-webkit-keyframes move-frames-153 { from { -webkit-transform: translate3d(36vw, 103vh, 0); transform: translate3d(36vw, 103vh, 0); } to { -webkit-transform: translate3d(94vw, -133vh, 0); transform: translate3d(94vw, -133vh, 0); } } @keyframes move-frames-153 { from { -webkit-transform: translate3d(36vw, 103vh, 0); transform: translate3d(36vw, 103vh, 0); } to { -webkit-transform: translate3d(94vw, -133vh, 0); transform: translate3d(94vw, -133vh, 0); } } .circle-container:nth-child(153) .circle { -webkit-animation-delay: 670ms; animation-delay: 670ms; } .circle-container:nth-child(154) { width: 3px; height: 3px; -webkit-animation-name: move-frames-154; animation-name: move-frames-154; -webkit-animation-duration: 30401ms; animation-duration: 30401ms; -webkit-animation-delay: 20780ms; animation-delay: 20780ms; } @-webkit-keyframes move-frames-154 { from { -webkit-transform: translate3d(85vw, 110vh, 0); transform: translate3d(85vw, 110vh, 0); } to { -webkit-transform: translate3d(40vw, -120vh, 0); transform: translate3d(40vw, -120vh, 0); } } @keyframes move-frames-154 { from { -webkit-transform: translate3d(85vw, 110vh, 0); transform: translate3d(85vw, 110vh, 0); } to { -webkit-transform: translate3d(40vw, -120vh, 0); transform: translate3d(40vw, -120vh, 0); } } .circle-container:nth-child(154) .circle { -webkit-animation-delay: 2488ms; animation-delay: 2488ms; } .circle-container:nth-child(155) { width: 7px; height: 7px; -webkit-animation-name: move-frames-155; animation-name: move-frames-155; -webkit-animation-duration: 36060ms; animation-duration: 36060ms; -webkit-animation-delay: 22428ms; animation-delay: 22428ms; } @-webkit-keyframes move-frames-155 { from { -webkit-transform: translate3d(87vw, 102vh, 0); transform: translate3d(87vw, 102vh, 0); } to { -webkit-transform: translate3d(95vw, -104vh, 0); transform: translate3d(95vw, -104vh, 0); } } @keyframes move-frames-155 { from { -webkit-transform: translate3d(87vw, 102vh, 0); transform: translate3d(87vw, 102vh, 0); } to { -webkit-transform: translate3d(95vw, -104vh, 0); transform: translate3d(95vw, -104vh, 0); } } .circle-container:nth-child(155) .circle { -webkit-animation-delay: 558ms; animation-delay: 558ms; } .circle-container:nth-child(156) { width: 5px; height: 5px; -webkit-animation-name: move-frames-156; animation-name: move-frames-156; -webkit-animation-duration: 35259ms; animation-duration: 35259ms; -webkit-animation-delay: 7394ms; animation-delay: 7394ms; } @-webkit-keyframes move-frames-156 { from { -webkit-transform: translate3d(37vw, 107vh, 0); transform: translate3d(37vw, 107vh, 0); } to { -webkit-transform: translate3d(47vw, -125vh, 0); transform: translate3d(47vw, -125vh, 0); } } @keyframes move-frames-156 { from { -webkit-transform: translate3d(37vw, 107vh, 0); transform: translate3d(37vw, 107vh, 0); } to { -webkit-transform: translate3d(47vw, -125vh, 0); transform: translate3d(47vw, -125vh, 0); } } .circle-container:nth-child(156) .circle { -webkit-animation-delay: 2827ms; animation-delay: 2827ms; } .circle-container:nth-child(157) { width: 1px; height: 1px; -webkit-animation-name: move-frames-157; animation-name: move-frames-157; -webkit-animation-duration: 28862ms; animation-duration: 28862ms; -webkit-animation-delay: 13057ms; animation-delay: 13057ms; } @-webkit-keyframes move-frames-157 { from { -webkit-transform: translate3d(81vw, 104vh, 0); transform: translate3d(81vw, 104vh, 0); } to { -webkit-transform: translate3d(75vw, -133vh, 0); transform: translate3d(75vw, -133vh, 0); } } @keyframes move-frames-157 { from { -webkit-transform: translate3d(81vw, 104vh, 0); transform: translate3d(81vw, 104vh, 0); } to { -webkit-transform: translate3d(75vw, -133vh, 0); transform: translate3d(75vw, -133vh, 0); } } .circle-container:nth-child(157) .circle { -webkit-animation-delay: 3553ms; animation-delay: 3553ms; } .circle-container:nth-child(158) { width: 6px; height: 6px; -webkit-animation-name: move-frames-158; animation-name: move-frames-158; -webkit-animation-duration: 31883ms; animation-duration: 31883ms; -webkit-animation-delay: 1735ms; animation-delay: 1735ms; } @-webkit-keyframes move-frames-158 { from { -webkit-transform: translate3d(45vw, 110vh, 0); transform: translate3d(45vw, 110vh, 0); } to { -webkit-transform: translate3d(50vw, -113vh, 0); transform: translate3d(50vw, -113vh, 0); } } @keyframes move-frames-158 { from { -webkit-transform: translate3d(45vw, 110vh, 0); transform: translate3d(45vw, 110vh, 0); } to { -webkit-transform: translate3d(50vw, -113vh, 0); transform: translate3d(50vw, -113vh, 0); } } .circle-container:nth-child(158) .circle { -webkit-animation-delay: 1304ms; animation-delay: 1304ms; } .circle-container:nth-child(159) { width: 3px; height: 3px; -webkit-animation-name: move-frames-159; animation-name: move-frames-159; -webkit-animation-duration: 35017ms; animation-duration: 35017ms; -webkit-animation-delay: 34567ms; animation-delay: 34567ms; } @-webkit-keyframes move-frames-159 { from { -webkit-transform: translate3d(54vw, 106vh, 0); transform: translate3d(54vw, 106vh, 0); } to { -webkit-transform: translate3d(92vw, -129vh, 0); transform: translate3d(92vw, -129vh, 0); } } @keyframes move-frames-159 { from { -webkit-transform: translate3d(54vw, 106vh, 0); transform: translate3d(54vw, 106vh, 0); } to { -webkit-transform: translate3d(92vw, -129vh, 0); transform: translate3d(92vw, -129vh, 0); } } .circle-container:nth-child(159) .circle { -webkit-animation-delay: 2565ms; animation-delay: 2565ms; } .circle-container:nth-child(160) { width: 4px; height: 4px; -webkit-animation-name: move-frames-160; animation-name: move-frames-160; -webkit-animation-duration: 29248ms; animation-duration: 29248ms; -webkit-animation-delay: 34067ms; animation-delay: 34067ms; } @-webkit-keyframes move-frames-160 { from { -webkit-transform: translate3d(51vw, 107vh, 0); transform: translate3d(51vw, 107vh, 0); } to { -webkit-transform: translate3d(23vw, -128vh, 0); transform: translate3d(23vw, -128vh, 0); } } @keyframes move-frames-160 { from { -webkit-transform: translate3d(51vw, 107vh, 0); transform: translate3d(51vw, 107vh, 0); } to { -webkit-transform: translate3d(23vw, -128vh, 0); transform: translate3d(23vw, -128vh, 0); } } .circle-container:nth-child(160) .circle { -webkit-animation-delay: 65ms; animation-delay: 65ms; } .circle-container:nth-child(161) { width: 3px; height: 3px; -webkit-animation-name: move-frames-161; animation-name: move-frames-161; -webkit-animation-duration: 37000ms; animation-duration: 37000ms; -webkit-animation-delay: 57ms; animation-delay: 57ms; } @-webkit-keyframes move-frames-161 { from { -webkit-transform: translate3d(61vw, 104vh, 0); transform: translate3d(61vw, 104vh, 0); } to { -webkit-transform: translate3d(68vw, -126vh, 0); transform: translate3d(68vw, -126vh, 0); } } @keyframes move-frames-161 { from { -webkit-transform: translate3d(61vw, 104vh, 0); transform: translate3d(61vw, 104vh, 0); } to { -webkit-transform: translate3d(68vw, -126vh, 0); transform: translate3d(68vw, -126vh, 0); } } .circle-container:nth-child(161) .circle { -webkit-animation-delay: 2944ms; animation-delay: 2944ms; } .circle-container:nth-child(162) { width: 3px; height: 3px; -webkit-animation-name: move-frames-162; animation-name: move-frames-162; -webkit-animation-duration: 36662ms; animation-duration: 36662ms; -webkit-animation-delay: 2003ms; animation-delay: 2003ms; } @-webkit-keyframes move-frames-162 { from { -webkit-transform: translate3d(36vw, 105vh, 0); transform: translate3d(36vw, 105vh, 0); } to { -webkit-transform: translate3d(68vw, -129vh, 0); transform: translate3d(68vw, -129vh, 0); } } @keyframes move-frames-162 { from { -webkit-transform: translate3d(36vw, 105vh, 0); transform: translate3d(36vw, 105vh, 0); } to { -webkit-transform: translate3d(68vw, -129vh, 0); transform: translate3d(68vw, -129vh, 0); } } .circle-container:nth-child(162) .circle { -webkit-animation-delay: 3403ms; animation-delay: 3403ms; } .circle-container:nth-child(163) { width: 3px; height: 3px; -webkit-animation-name: move-frames-163; animation-name: move-frames-163; -webkit-animation-duration: 28218ms; animation-duration: 28218ms; -webkit-animation-delay: 32366ms; animation-delay: 32366ms; } @-webkit-keyframes move-frames-163 { from { -webkit-transform: translate3d(84vw, 103vh, 0); transform: translate3d(84vw, 103vh, 0); } to { -webkit-transform: translate3d(89vw, -109vh, 0); transform: translate3d(89vw, -109vh, 0); } } @keyframes move-frames-163 { from { -webkit-transform: translate3d(84vw, 103vh, 0); transform: translate3d(84vw, 103vh, 0); } to { -webkit-transform: translate3d(89vw, -109vh, 0); transform: translate3d(89vw, -109vh, 0); } } .circle-container:nth-child(163) .circle { -webkit-animation-delay: 951ms; animation-delay: 951ms; } .circle-container:nth-child(164) { width: 4px; height: 4px; -webkit-animation-name: move-frames-164; animation-name: move-frames-164; -webkit-animation-duration: 33033ms; animation-duration: 33033ms; -webkit-animation-delay: 17223ms; animation-delay: 17223ms; } @-webkit-keyframes move-frames-164 { from { -webkit-transform: translate3d(26vw, 108vh, 0); transform: translate3d(26vw, 108vh, 0); } to { -webkit-transform: translate3d(75vw, -126vh, 0); transform: translate3d(75vw, -126vh, 0); } } @keyframes move-frames-164 { from { -webkit-transform: translate3d(26vw, 108vh, 0); transform: translate3d(26vw, 108vh, 0); } to { -webkit-transform: translate3d(75vw, -126vh, 0); transform: translate3d(75vw, -126vh, 0); } } .circle-container:nth-child(164) .circle { -webkit-animation-delay: 924ms; animation-delay: 924ms; } .circle-container:nth-child(165) { width: 2px; height: 2px; -webkit-animation-name: move-frames-165; animation-name: move-frames-165; -webkit-animation-duration: 35337ms; animation-duration: 35337ms; -webkit-animation-delay: 8523ms; animation-delay: 8523ms; } @-webkit-keyframes move-frames-165 { from { -webkit-transform: translate3d(68vw, 109vh, 0); transform: translate3d(68vw, 109vh, 0); } to { -webkit-transform: translate3d(42vw, -112vh, 0); transform: translate3d(42vw, -112vh, 0); } } @keyframes move-frames-165 { from { -webkit-transform: translate3d(68vw, 109vh, 0); transform: translate3d(68vw, 109vh, 0); } to { -webkit-transform: translate3d(42vw, -112vh, 0); transform: translate3d(42vw, -112vh, 0); } } .circle-container:nth-child(165) .circle { -webkit-animation-delay: 3713ms; animation-delay: 3713ms; } .circle-container:nth-child(166) { width: 7px; height: 7px; -webkit-animation-name: move-frames-166; animation-name: move-frames-166; -webkit-animation-duration: 28610ms; animation-duration: 28610ms; -webkit-animation-delay: 20279ms; animation-delay: 20279ms; } @-webkit-keyframes move-frames-166 { from { -webkit-transform: translate3d(69vw, 110vh, 0); transform: translate3d(69vw, 110vh, 0); } to { -webkit-transform: translate3d(95vw, -126vh, 0); transform: translate3d(95vw, -126vh, 0); } } @keyframes move-frames-166 { from { -webkit-transform: translate3d(69vw, 110vh, 0); transform: translate3d(69vw, 110vh, 0); } to { -webkit-transform: translate3d(95vw, -126vh, 0); transform: translate3d(95vw, -126vh, 0); } } .circle-container:nth-child(166) .circle { -webkit-animation-delay: 3050ms; animation-delay: 3050ms; } .circle-container:nth-child(167) { width: 3px; height: 3px; -webkit-animation-name: move-frames-167; animation-name: move-frames-167; -webkit-animation-duration: 32644ms; animation-duration: 32644ms; -webkit-animation-delay: 19021ms; animation-delay: 19021ms; } @-webkit-keyframes move-frames-167 { from { -webkit-transform: translate3d(95vw, 107vh, 0); transform: translate3d(95vw, 107vh, 0); } to { -webkit-transform: translate3d(98vw, -127vh, 0); transform: translate3d(98vw, -127vh, 0); } } @keyframes move-frames-167 { from { -webkit-transform: translate3d(95vw, 107vh, 0); transform: translate3d(95vw, 107vh, 0); } to { -webkit-transform: translate3d(98vw, -127vh, 0); transform: translate3d(98vw, -127vh, 0); } } .circle-container:nth-child(167) .circle { -webkit-animation-delay: 371ms; animation-delay: 371ms; } .circle-container:nth-child(168) { width: 5px; height: 5px; -webkit-animation-name: move-frames-168; animation-name: move-frames-168; -webkit-animation-duration: 28598ms; animation-duration: 28598ms; -webkit-animation-delay: 31850ms; animation-delay: 31850ms; } @-webkit-keyframes move-frames-168 { from { -webkit-transform: translate3d(56vw, 110vh, 0); transform: translate3d(56vw, 110vh, 0); } to { -webkit-transform: translate3d(21vw, -111vh, 0); transform: translate3d(21vw, -111vh, 0); } } @keyframes move-frames-168 { from { -webkit-transform: translate3d(56vw, 110vh, 0); transform: translate3d(56vw, 110vh, 0); } to { -webkit-transform: translate3d(21vw, -111vh, 0); transform: translate3d(21vw, -111vh, 0); } } .circle-container:nth-child(168) .circle { -webkit-animation-delay: 998ms; animation-delay: 998ms; } .circle-container:nth-child(169) { width: 5px; height: 5px; -webkit-animation-name: move-frames-169; animation-name: move-frames-169; -webkit-animation-duration: 32894ms; animation-duration: 32894ms; -webkit-animation-delay: 14484ms; animation-delay: 14484ms; } @-webkit-keyframes move-frames-169 { from { -webkit-transform: translate3d(91vw, 103vh, 0); transform: translate3d(91vw, 103vh, 0); } to { -webkit-transform: translate3d(30vw, -125vh, 0); transform: translate3d(30vw, -125vh, 0); } } @keyframes move-frames-169 { from { -webkit-transform: translate3d(91vw, 103vh, 0); transform: translate3d(91vw, 103vh, 0); } to { -webkit-transform: translate3d(30vw, -125vh, 0); transform: translate3d(30vw, -125vh, 0); } } .circle-container:nth-child(169) .circle { -webkit-animation-delay: 1239ms; animation-delay: 1239ms; } .circle-container:nth-child(170) { width: 3px; height: 3px; -webkit-animation-name: move-frames-170; animation-name: move-frames-170; -webkit-animation-duration: 33126ms; animation-duration: 33126ms; -webkit-animation-delay: 16899ms; animation-delay: 16899ms; } @-webkit-keyframes move-frames-170 { from { -webkit-transform: translate3d(22vw, 104vh, 0); transform: translate3d(22vw, 104vh, 0); } to { -webkit-transform: translate3d(24vw, -119vh, 0); transform: translate3d(24vw, -119vh, 0); } } @keyframes move-frames-170 { from { -webkit-transform: translate3d(22vw, 104vh, 0); transform: translate3d(22vw, 104vh, 0); } to { -webkit-transform: translate3d(24vw, -119vh, 0); transform: translate3d(24vw, -119vh, 0); } } .circle-container:nth-child(170) .circle { -webkit-animation-delay: 397ms; animation-delay: 397ms; } .circle-container:nth-child(171) { width: 3px; height: 3px; -webkit-animation-name: move-frames-171; animation-name: move-frames-171; -webkit-animation-duration: 33724ms; animation-duration: 33724ms; -webkit-animation-delay: 21328ms; animation-delay: 21328ms; } @-webkit-keyframes move-frames-171 { from { -webkit-transform: translate3d(32vw, 106vh, 0); transform: translate3d(32vw, 106vh, 0); } to { -webkit-transform: translate3d(3vw, -129vh, 0); transform: translate3d(3vw, -129vh, 0); } } @keyframes move-frames-171 { from { -webkit-transform: translate3d(32vw, 106vh, 0); transform: translate3d(32vw, 106vh, 0); } to { -webkit-transform: translate3d(3vw, -129vh, 0); transform: translate3d(3vw, -129vh, 0); } } .circle-container:nth-child(171) .circle { -webkit-animation-delay: 1097ms; animation-delay: 1097ms; } .circle-container:nth-child(172) { width: 6px; height: 6px; -webkit-animation-name: move-frames-172; animation-name: move-frames-172; -webkit-animation-duration: 35704ms; animation-duration: 35704ms; -webkit-animation-delay: 6212ms; animation-delay: 6212ms; } @-webkit-keyframes move-frames-172 { from { -webkit-transform: translate3d(33vw, 110vh, 0); transform: translate3d(33vw, 110vh, 0); } to { -webkit-transform: translate3d(3vw, -122vh, 0); transform: translate3d(3vw, -122vh, 0); } } @keyframes move-frames-172 { from { -webkit-transform: translate3d(33vw, 110vh, 0); transform: translate3d(33vw, 110vh, 0); } to { -webkit-transform: translate3d(3vw, -122vh, 0); transform: translate3d(3vw, -122vh, 0); } } .circle-container:nth-child(172) .circle { -webkit-animation-delay: 524ms; animation-delay: 524ms; } .circle-container:nth-child(173) { width: 4px; height: 4px; -webkit-animation-name: move-frames-173; animation-name: move-frames-173; -webkit-animation-duration: 28633ms; animation-duration: 28633ms; -webkit-animation-delay: 2161ms; animation-delay: 2161ms; } @-webkit-keyframes move-frames-173 { from { -webkit-transform: translate3d(68vw, 105vh, 0); transform: translate3d(68vw, 105vh, 0); } to { -webkit-transform: translate3d(87vw, -117vh, 0); transform: translate3d(87vw, -117vh, 0); } } @keyframes move-frames-173 { from { -webkit-transform: translate3d(68vw, 105vh, 0); transform: translate3d(68vw, 105vh, 0); } to { -webkit-transform: translate3d(87vw, -117vh, 0); transform: translate3d(87vw, -117vh, 0); } } .circle-container:nth-child(173) .circle { -webkit-animation-delay: 550ms; animation-delay: 550ms; } .circle-container:nth-child(174) { width: 2px; height: 2px; -webkit-animation-name: move-frames-174; animation-name: move-frames-174; -webkit-animation-duration: 29116ms; animation-duration: 29116ms; -webkit-animation-delay: 31594ms; animation-delay: 31594ms; } @-webkit-keyframes move-frames-174 { from { -webkit-transform: translate3d(96vw, 102vh, 0); transform: translate3d(96vw, 102vh, 0); } to { -webkit-transform: translate3d(96vw, -117vh, 0); transform: translate3d(96vw, -117vh, 0); } } @keyframes move-frames-174 { from { -webkit-transform: translate3d(96vw, 102vh, 0); transform: translate3d(96vw, 102vh, 0); } to { -webkit-transform: translate3d(96vw, -117vh, 0); transform: translate3d(96vw, -117vh, 0); } } .circle-container:nth-child(174) .circle { -webkit-animation-delay: 1701ms; animation-delay: 1701ms; } .circle-container:nth-child(175) { width: 8px; height: 8px; -webkit-animation-name: move-frames-175; animation-name: move-frames-175; -webkit-animation-duration: 35479ms; animation-duration: 35479ms; -webkit-animation-delay: 15883ms; animation-delay: 15883ms; } @-webkit-keyframes move-frames-175 { from { -webkit-transform: translate3d(85vw, 107vh, 0); transform: translate3d(85vw, 107vh, 0); } to { -webkit-transform: translate3d(34vw, -110vh, 0); transform: translate3d(34vw, -110vh, 0); } } @keyframes move-frames-175 { from { -webkit-transform: translate3d(85vw, 107vh, 0); transform: translate3d(85vw, 107vh, 0); } to { -webkit-transform: translate3d(34vw, -110vh, 0); transform: translate3d(34vw, -110vh, 0); } } .circle-container:nth-child(175) .circle { -webkit-animation-delay: 639ms; animation-delay: 639ms; } .circle-container:nth-child(176) { width: 2px; height: 2px; -webkit-animation-name: move-frames-176; animation-name: move-frames-176; -webkit-animation-duration: 30678ms; animation-duration: 30678ms; -webkit-animation-delay: 2780ms; animation-delay: 2780ms; } @-webkit-keyframes move-frames-176 { from { -webkit-transform: translate3d(39vw, 107vh, 0); transform: translate3d(39vw, 107vh, 0); } to { -webkit-transform: translate3d(47vw, -125vh, 0); transform: translate3d(47vw, -125vh, 0); } } @keyframes move-frames-176 { from { -webkit-transform: translate3d(39vw, 107vh, 0); transform: translate3d(39vw, 107vh, 0); } to { -webkit-transform: translate3d(47vw, -125vh, 0); transform: translate3d(47vw, -125vh, 0); } } .circle-container:nth-child(176) .circle { -webkit-animation-delay: 1819ms; animation-delay: 1819ms; } .circle-container:nth-child(177) { width: 7px; height: 7px; -webkit-animation-name: move-frames-177; animation-name: move-frames-177; -webkit-animation-duration: 35096ms; animation-duration: 35096ms; -webkit-animation-delay: 32060ms; animation-delay: 32060ms; } @-webkit-keyframes move-frames-177 { from { -webkit-transform: translate3d(56vw, 109vh, 0); transform: translate3d(56vw, 109vh, 0); } to { -webkit-transform: translate3d(65vw, -138vh, 0); transform: translate3d(65vw, -138vh, 0); } } @keyframes move-frames-177 { from { -webkit-transform: translate3d(56vw, 109vh, 0); transform: translate3d(56vw, 109vh, 0); } to { -webkit-transform: translate3d(65vw, -138vh, 0); transform: translate3d(65vw, -138vh, 0); } } .circle-container:nth-child(177) .circle { -webkit-animation-delay: 3099ms; animation-delay: 3099ms; } .circle-container:nth-child(178) { width: 4px; height: 4px; -webkit-animation-name: move-frames-178; animation-name: move-frames-178; -webkit-animation-duration: 36991ms; animation-duration: 36991ms; -webkit-animation-delay: 22168ms; animation-delay: 22168ms; } @-webkit-keyframes move-frames-178 { from { -webkit-transform: translate3d(94vw, 108vh, 0); transform: translate3d(94vw, 108vh, 0); } to { -webkit-transform: translate3d(7vw, -122vh, 0); transform: translate3d(7vw, -122vh, 0); } } @keyframes move-frames-178 { from { -webkit-transform: translate3d(94vw, 108vh, 0); transform: translate3d(94vw, 108vh, 0); } to { -webkit-transform: translate3d(7vw, -122vh, 0); transform: translate3d(7vw, -122vh, 0); } } .circle-container:nth-child(178) .circle { -webkit-animation-delay: 2960ms; animation-delay: 2960ms; } .circle-container:nth-child(179) { width: 5px; height: 5px; -webkit-animation-name: move-frames-179; animation-name: move-frames-179; -webkit-animation-duration: 33294ms; animation-duration: 33294ms; -webkit-animation-delay: 2337ms; animation-delay: 2337ms; } @-webkit-keyframes move-frames-179 { from { -webkit-transform: translate3d(63vw, 103vh, 0); transform: translate3d(63vw, 103vh, 0); } to { -webkit-transform: translate3d(29vw, -123vh, 0); transform: translate3d(29vw, -123vh, 0); } } @keyframes move-frames-179 { from { -webkit-transform: translate3d(63vw, 103vh, 0); transform: translate3d(63vw, 103vh, 0); } to { -webkit-transform: translate3d(29vw, -123vh, 0); transform: translate3d(29vw, -123vh, 0); } } .circle-container:nth-child(179) .circle { -webkit-animation-delay: 2221ms; animation-delay: 2221ms; } .circle-container:nth-child(180) { width: 2px; height: 2px; -webkit-animation-name: move-frames-180; animation-name: move-frames-180; -webkit-animation-duration: 30076ms; animation-duration: 30076ms; -webkit-animation-delay: 29094ms; animation-delay: 29094ms; } @-webkit-keyframes move-frames-180 { from { -webkit-transform: translate3d(78vw, 108vh, 0); transform: translate3d(78vw, 108vh, 0); } to { -webkit-transform: translate3d(72vw, -133vh, 0); transform: translate3d(72vw, -133vh, 0); } } @keyframes move-frames-180 { from { -webkit-transform: translate3d(78vw, 108vh, 0); transform: translate3d(78vw, 108vh, 0); } to { -webkit-transform: translate3d(72vw, -133vh, 0); transform: translate3d(72vw, -133vh, 0); } } .circle-container:nth-child(180) .circle { -webkit-animation-delay: 1902ms; animation-delay: 1902ms; } .circle-container:nth-child(181) { width: 7px; height: 7px; -webkit-animation-name: move-frames-181; animation-name: move-frames-181; -webkit-animation-duration: 30451ms; animation-duration: 30451ms; -webkit-animation-delay: 12539ms; animation-delay: 12539ms; } @-webkit-keyframes move-frames-181 { from { -webkit-transform: translate3d(67vw, 106vh, 0); transform: translate3d(67vw, 106vh, 0); } to { -webkit-transform: translate3d(30vw, -107vh, 0); transform: translate3d(30vw, -107vh, 0); } } @keyframes move-frames-181 { from { -webkit-transform: translate3d(67vw, 106vh, 0); transform: translate3d(67vw, 106vh, 0); } to { -webkit-transform: translate3d(30vw, -107vh, 0); transform: translate3d(30vw, -107vh, 0); } } .circle-container:nth-child(181) .circle { -webkit-animation-delay: 2088ms; animation-delay: 2088ms; } .circle-container:nth-child(182) { width: 7px; height: 7px; -webkit-animation-name: move-frames-182; animation-name: move-frames-182; -webkit-animation-duration: 32230ms; animation-duration: 32230ms; -webkit-animation-delay: 9888ms; animation-delay: 9888ms; } @-webkit-keyframes move-frames-182 { from { -webkit-transform: translate3d(68vw, 110vh, 0); transform: translate3d(68vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -131vh, 0); transform: translate3d(34vw, -131vh, 0); } } @keyframes move-frames-182 { from { -webkit-transform: translate3d(68vw, 110vh, 0); transform: translate3d(68vw, 110vh, 0); } to { -webkit-transform: translate3d(34vw, -131vh, 0); transform: translate3d(34vw, -131vh, 0); } } .circle-container:nth-child(182) .circle { -webkit-animation-delay: 3127ms; animation-delay: 3127ms; } .circle-container:nth-child(183) { width: 4px; height: 4px; -webkit-animation-name: move-frames-183; animation-name: move-frames-183; -webkit-animation-duration: 30492ms; animation-duration: 30492ms; -webkit-animation-delay: 2980ms; animation-delay: 2980ms; } @-webkit-keyframes move-frames-183 { from { -webkit-transform: translate3d(89vw, 107vh, 0); transform: translate3d(89vw, 107vh, 0); } to { -webkit-transform: translate3d(55vw, -109vh, 0); transform: translate3d(55vw, -109vh, 0); } } @keyframes move-frames-183 { from { -webkit-transform: translate3d(89vw, 107vh, 0); transform: translate3d(89vw, 107vh, 0); } to { -webkit-transform: translate3d(55vw, -109vh, 0); transform: translate3d(55vw, -109vh, 0); } } .circle-container:nth-child(183) .circle { -webkit-animation-delay: 2236ms; animation-delay: 2236ms; } .circle-container:nth-child(184) { width: 1px; height: 1px; -webkit-animation-name: move-frames-184; animation-name: move-frames-184; -webkit-animation-duration: 33141ms; animation-duration: 33141ms; -webkit-animation-delay: 28307ms; animation-delay: 28307ms; } @-webkit-keyframes move-frames-184 { from { -webkit-transform: translate3d(11vw, 107vh, 0); transform: translate3d(11vw, 107vh, 0); } to { -webkit-transform: translate3d(44vw, -111vh, 0); transform: translate3d(44vw, -111vh, 0); } } @keyframes move-frames-184 { from { -webkit-transform: translate3d(11vw, 107vh, 0); transform: translate3d(11vw, 107vh, 0); } to { -webkit-transform: translate3d(44vw, -111vh, 0); transform: translate3d(44vw, -111vh, 0); } } .circle-container:nth-child(184) .circle { -webkit-animation-delay: 522ms; animation-delay: 522ms; } .circle-container:nth-child(185) { width: 3px; height: 3px; -webkit-animation-name: move-frames-185; animation-name: move-frames-185; -webkit-animation-duration: 29697ms; animation-duration: 29697ms; -webkit-animation-delay: 2809ms; animation-delay: 2809ms; } @-webkit-keyframes move-frames-185 { from { -webkit-transform: translate3d(44vw, 102vh, 0); transform: translate3d(44vw, 102vh, 0); } to { -webkit-transform: translate3d(34vw, -117vh, 0); transform: translate3d(34vw, -117vh, 0); } } @keyframes move-frames-185 { from { -webkit-transform: translate3d(44vw, 102vh, 0); transform: translate3d(44vw, 102vh, 0); } to { -webkit-transform: translate3d(34vw, -117vh, 0); transform: translate3d(34vw, -117vh, 0); } } .circle-container:nth-child(185) .circle { -webkit-animation-delay: 3300ms; animation-delay: 3300ms; } .circle-container:nth-child(186) { width: 7px; height: 7px; -webkit-animation-name: move-frames-186; animation-name: move-frames-186; -webkit-animation-duration: 30331ms; animation-duration: 30331ms; -webkit-animation-delay: 15486ms; animation-delay: 15486ms; } @-webkit-keyframes move-frames-186 { from { -webkit-transform: translate3d(52vw, 110vh, 0); transform: translate3d(52vw, 110vh, 0); } to { -webkit-transform: translate3d(31vw, -122vh, 0); transform: translate3d(31vw, -122vh, 0); } } @keyframes move-frames-186 { from { -webkit-transform: translate3d(52vw, 110vh, 0); transform: translate3d(52vw, 110vh, 0); } to { -webkit-transform: translate3d(31vw, -122vh, 0); transform: translate3d(31vw, -122vh, 0); } } .circle-container:nth-child(186) .circle { -webkit-animation-delay: 2996ms; animation-delay: 2996ms; } .circle-container:nth-child(187) { width: 3px; height: 3px; -webkit-animation-name: move-frames-187; animation-name: move-frames-187; -webkit-animation-duration: 36511ms; animation-duration: 36511ms; -webkit-animation-delay: 26123ms; animation-delay: 26123ms; } @-webkit-keyframes move-frames-187 { from { -webkit-transform: translate3d(83vw, 110vh, 0); transform: translate3d(83vw, 110vh, 0); } to { -webkit-transform: translate3d(71vw, -132vh, 0); transform: translate3d(71vw, -132vh, 0); } } @keyframes move-frames-187 { from { -webkit-transform: translate3d(83vw, 110vh, 0); transform: translate3d(83vw, 110vh, 0); } to { -webkit-transform: translate3d(71vw, -132vh, 0); transform: translate3d(71vw, -132vh, 0); } } .circle-container:nth-child(187) .circle { -webkit-animation-delay: 2437ms; animation-delay: 2437ms; } .circle-container:nth-child(188) { width: 6px; height: 6px; -webkit-animation-name: move-frames-188; animation-name: move-frames-188; -webkit-animation-duration: 35003ms; animation-duration: 35003ms; -webkit-animation-delay: 14307ms; animation-delay: 14307ms; } @-webkit-keyframes move-frames-188 { from { -webkit-transform: translate3d(73vw, 108vh, 0); transform: translate3d(73vw, 108vh, 0); } to { -webkit-transform: translate3d(42vw, -122vh, 0); transform: translate3d(42vw, -122vh, 0); } } @keyframes move-frames-188 { from { -webkit-transform: translate3d(73vw, 108vh, 0); transform: translate3d(73vw, 108vh, 0); } to { -webkit-transform: translate3d(42vw, -122vh, 0); transform: translate3d(42vw, -122vh, 0); } } .circle-container:nth-child(188) .circle { -webkit-animation-delay: 2599ms; animation-delay: 2599ms; } .circle-container:nth-child(189) { width: 5px; height: 5px; -webkit-animation-name: move-frames-189; animation-name: move-frames-189; -webkit-animation-duration: 34033ms; animation-duration: 34033ms; -webkit-animation-delay: 3071ms; animation-delay: 3071ms; } @-webkit-keyframes move-frames-189 { from { -webkit-transform: translate3d(78vw, 104vh, 0); transform: translate3d(78vw, 104vh, 0); } to { -webkit-transform: translate3d(29vw, -123vh, 0); transform: translate3d(29vw, -123vh, 0); } } @keyframes move-frames-189 { from { -webkit-transform: translate3d(78vw, 104vh, 0); transform: translate3d(78vw, 104vh, 0); } to { -webkit-transform: translate3d(29vw, -123vh, 0); transform: translate3d(29vw, -123vh, 0); } } .circle-container:nth-child(189) .circle { -webkit-animation-delay: 2856ms; animation-delay: 2856ms; } .circle-container:nth-child(190) { width: 7px; height: 7px; -webkit-animation-name: move-frames-190; animation-name: move-frames-190; -webkit-animation-duration: 33696ms; animation-duration: 33696ms; -webkit-animation-delay: 22301ms; animation-delay: 22301ms; } @-webkit-keyframes move-frames-190 { from { -webkit-transform: translate3d(92vw, 110vh, 0); transform: translate3d(92vw, 110vh, 0); } to { -webkit-transform: translate3d(4vw, -123vh, 0); transform: translate3d(4vw, -123vh, 0); } } @keyframes move-frames-190 { from { -webkit-transform: translate3d(92vw, 110vh, 0); transform: translate3d(92vw, 110vh, 0); } to { -webkit-transform: translate3d(4vw, -123vh, 0); transform: translate3d(4vw, -123vh, 0); } } .circle-container:nth-child(190) .circle { -webkit-animation-delay: 1011ms; animation-delay: 1011ms; } .circle-container:nth-child(191) { width: 1px; height: 1px; -webkit-animation-name: move-frames-191; animation-name: move-frames-191; -webkit-animation-duration: 35213ms; animation-duration: 35213ms; -webkit-animation-delay: 10125ms; animation-delay: 10125ms; } @-webkit-keyframes move-frames-191 { from { -webkit-transform: translate3d(11vw, 105vh, 0); transform: translate3d(11vw, 105vh, 0); } to { -webkit-transform: translate3d(30vw, -120vh, 0); transform: translate3d(30vw, -120vh, 0); } } @keyframes move-frames-191 { from { -webkit-transform: translate3d(11vw, 105vh, 0); transform: translate3d(11vw, 105vh, 0); } to { -webkit-transform: translate3d(30vw, -120vh, 0); transform: translate3d(30vw, -120vh, 0); } } .circle-container:nth-child(191) .circle { -webkit-animation-delay: 775ms; animation-delay: 775ms; } .circle-container:nth-child(192) { width: 6px; height: 6px; -webkit-animation-name: move-frames-192; animation-name: move-frames-192; -webkit-animation-duration: 32187ms; animation-duration: 32187ms; -webkit-animation-delay: 28104ms; animation-delay: 28104ms; } @-webkit-keyframes move-frames-192 { from { -webkit-transform: translate3d(14vw, 107vh, 0); transform: translate3d(14vw, 107vh, 0); } to { -webkit-transform: translate3d(14vw, -122vh, 0); transform: translate3d(14vw, -122vh, 0); } } @keyframes move-frames-192 { from { -webkit-transform: translate3d(14vw, 107vh, 0); transform: translate3d(14vw, 107vh, 0); } to { -webkit-transform: translate3d(14vw, -122vh, 0); transform: translate3d(14vw, -122vh, 0); } } .circle-container:nth-child(192) .circle { -webkit-animation-delay: 134ms; animation-delay: 134ms; } .circle-container:nth-child(193) { width: 7px; height: 7px; -webkit-animation-name: move-frames-193; animation-name: move-frames-193; -webkit-animation-duration: 36080ms; animation-duration: 36080ms; -webkit-animation-delay: 19382ms; animation-delay: 19382ms; } @-webkit-keyframes move-frames-193 { from { -webkit-transform: translate3d(44vw, 110vh, 0); transform: translate3d(44vw, 110vh, 0); } to { -webkit-transform: translate3d(27vw, -122vh, 0); transform: translate3d(27vw, -122vh, 0); } } @keyframes move-frames-193 { from { -webkit-transform: translate3d(44vw, 110vh, 0); transform: translate3d(44vw, 110vh, 0); } to { -webkit-transform: translate3d(27vw, -122vh, 0); transform: translate3d(27vw, -122vh, 0); } } .circle-container:nth-child(193) .circle { -webkit-animation-delay: 719ms; animation-delay: 719ms; } .circle-container:nth-child(194) { width: 4px; height: 4px; -webkit-animation-name: move-frames-194; animation-name: move-frames-194; -webkit-animation-duration: 34620ms; animation-duration: 34620ms; -webkit-animation-delay: 15166ms; animation-delay: 15166ms; } @-webkit-keyframes move-frames-194 { from { -webkit-transform: translate3d(41vw, 110vh, 0); transform: translate3d(41vw, 110vh, 0); } to { -webkit-transform: translate3d(5vw, -115vh, 0); transform: translate3d(5vw, -115vh, 0); } } @keyframes move-frames-194 { from { -webkit-transform: translate3d(41vw, 110vh, 0); transform: translate3d(41vw, 110vh, 0); } to { -webkit-transform: translate3d(5vw, -115vh, 0); transform: translate3d(5vw, -115vh, 0); } } .circle-container:nth-child(194) .circle { -webkit-animation-delay: 2158ms; animation-delay: 2158ms; } .circle-container:nth-child(195) { width: 7px; height: 7px; -webkit-animation-name: move-frames-195; animation-name: move-frames-195; -webkit-animation-duration: 36944ms; animation-duration: 36944ms; -webkit-animation-delay: 17969ms; animation-delay: 17969ms; } @-webkit-keyframes move-frames-195 { from { -webkit-transform: translate3d(60vw, 106vh, 0); transform: translate3d(60vw, 106vh, 0); } to { -webkit-transform: translate3d(24vw, -112vh, 0); transform: translate3d(24vw, -112vh, 0); } } @keyframes move-frames-195 { from { -webkit-transform: translate3d(60vw, 106vh, 0); transform: translate3d(60vw, 106vh, 0); } to { -webkit-transform: translate3d(24vw, -112vh, 0); transform: translate3d(24vw, -112vh, 0); } } .circle-container:nth-child(195) .circle { -webkit-animation-delay: 3191ms; animation-delay: 3191ms; } .circle-container:nth-child(196) { width: 8px; height: 8px; -webkit-animation-name: move-frames-196; animation-name: move-frames-196; -webkit-animation-duration: 36246ms; animation-duration: 36246ms; -webkit-animation-delay: 15730ms; animation-delay: 15730ms; } @-webkit-keyframes move-frames-196 { from { -webkit-transform: translate3d(12vw, 108vh, 0); transform: translate3d(12vw, 108vh, 0); } to { -webkit-transform: translate3d(75vw, -109vh, 0); transform: translate3d(75vw, -109vh, 0); } } @keyframes move-frames-196 { from { -webkit-transform: translate3d(12vw, 108vh, 0); transform: translate3d(12vw, 108vh, 0); } to { -webkit-transform: translate3d(75vw, -109vh, 0); transform: translate3d(75vw, -109vh, 0); } } .circle-container:nth-child(196) .circle { -webkit-animation-delay: 3809ms; animation-delay: 3809ms; } .circle-container:nth-child(197) { width: 7px; height: 7px; -webkit-animation-name: move-frames-197; animation-name: move-frames-197; -webkit-animation-duration: 29738ms; animation-duration: 29738ms; -webkit-animation-delay: 18752ms; animation-delay: 18752ms; } @-webkit-keyframes move-frames-197 { from { -webkit-transform: translate3d(48vw, 106vh, 0); transform: translate3d(48vw, 106vh, 0); } to { -webkit-transform: translate3d(41vw, -110vh, 0); transform: translate3d(41vw, -110vh, 0); } } @keyframes move-frames-197 { from { -webkit-transform: translate3d(48vw, 106vh, 0); transform: translate3d(48vw, 106vh, 0); } to { -webkit-transform: translate3d(41vw, -110vh, 0); transform: translate3d(41vw, -110vh, 0); } } .circle-container:nth-child(197) .circle { -webkit-animation-delay: 2958ms; animation-delay: 2958ms; } .circle-container:nth-child(198) { width: 2px; height: 2px; -webkit-animation-name: move-frames-198; animation-name: move-frames-198; -webkit-animation-duration: 28820ms; animation-duration: 28820ms; -webkit-animation-delay: 10352ms; animation-delay: 10352ms; } @-webkit-keyframes move-frames-198 { from { -webkit-transform: translate3d(53vw, 101vh, 0); transform: translate3d(53vw, 101vh, 0); } to { -webkit-transform: translate3d(34vw, -129vh, 0); transform: translate3d(34vw, -129vh, 0); } } @keyframes move-frames-198 { from { -webkit-transform: translate3d(53vw, 101vh, 0); transform: translate3d(53vw, 101vh, 0); } to { -webkit-transform: translate3d(34vw, -129vh, 0); transform: translate3d(34vw, -129vh, 0); } } .circle-container:nth-child(198) .circle { -webkit-animation-delay: 2241ms; animation-delay: 2241ms; } .circle-container:nth-child(199) { width: 1px; height: 1px; -webkit-animation-name: move-frames-199; animation-name: move-frames-199; -webkit-animation-duration: 29811ms; animation-duration: 29811ms; -webkit-animation-delay: 30984ms; animation-delay: 30984ms; } @-webkit-keyframes move-frames-199 { from { -webkit-transform: translate3d(3vw, 108vh, 0); transform: translate3d(3vw, 108vh, 0); } to { -webkit-transform: translate3d(54vw, -135vh, 0); transform: translate3d(54vw, -135vh, 0); } } @keyframes move-frames-199 { from { -webkit-transform: translate3d(3vw, 108vh, 0); transform: translate3d(3vw, 108vh, 0); } to { -webkit-transform: translate3d(54vw, -135vh, 0); transform: translate3d(54vw, -135vh, 0); } } .circle-container:nth-child(199) .circle { -webkit-animation-delay: 2627ms; animation-delay: 2627ms; } .circle-container:nth-child(200) { width: 8px; height: 8px; -webkit-animation-name: move-frames-200; animation-name: move-frames-200; -webkit-animation-duration: 29444ms; animation-duration: 29444ms; -webkit-animation-delay: 221ms; animation-delay: 221ms; } @-webkit-keyframes move-frames-200 { from { -webkit-transform: translate3d(25vw, 101vh, 0); transform: translate3d(25vw, 101vh, 0); } to { -webkit-transform: translate3d(48vw, -131vh, 0); transform: translate3d(48vw, -131vh, 0); } } @keyframes move-frames-200 { from { -webkit-transform: translate3d(25vw, 101vh, 0); transform: translate3d(25vw, 101vh, 0); } to { -webkit-transform: translate3d(48vw, -131vh, 0); transform: translate3d(48vw, -131vh, 0); } } .circle-container:nth-child(200) .circle { -webkit-animation-delay: 3323ms; animation-delay: 3323ms; } .message { position: absolute; right: 20px; bottom: 10px; color: white; font-family: "Josefin Slab", serif; line-height: 27px; font-size: 18px; text-align: right; pointer-events: none; -webkit-animation: message-frames 1.5s ease 5s forwards; animation: message-frames 1.5s ease 5s forwards; opacity: 0; } @-webkit-keyframes message-frames { from { opacity: 0; } to { opacity: 1; } } @keyframes message-frames { from { opacity: 0; } to { opacity: 1; } } div#parent_background { position: absolute;top: 0px;width: 100%;z-index: 1;height: 100%; } /*End Puntos banner*/ body.page-id-8003 div#bg_blue span.et_pb_image_wrap { display: flex; text-align: center; justify-content: flex-end; align-items: flex-end; height: 100%; } body.page-id-8003 .titulo_speakers_movil { display: none; } body.page-id-8003 .boton_ver_speakers_movil { display: none !important; } body.page-id-8003 .corazon_svg { position: absolute; bottom: 43%; width: 110px; z-index: 999; left: -13%; } body.page-id-8003 .corazon_svg img { animation: floating 5s linear 2s infinite; } body.page-id-8003 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-8003 div#contador_parent {background: rgb(41 34 141 / 37%);/* padding: 66px 20px 71px 20px !important; */} body.page-id-8003 div#contador_parent .et_pb_module.et_pb_countdown_timer {margin: 0px !important;padding: 0px !important;padding-top: 31px !important;} body.page-id-8003 div#contador_parent .et_pb_module.et_pb_countdown_timer p.value {background: #241f87;padding: 15px 11px;border-radius: 18px;} body.page-id-8003 div#contador_parent .et_pb_module.et_pb_countdown_timer .sep.section {padding-top: 11px;} body.page-id-8003 div#contador_parent .et_pb_column {padding: 66px 20px 71px 20px !important;} body.page-id-8003 div#contador_parent .et_pb_column.et-last-child {background: #09095d8a;position: relative;padding-left: 55px !important;} body.page-id-8003 div#contador_parent .et_pb_column.et-last-child strong {color: #c3c7f9;} body.page-id-8003 div#contador_parent .et_pb_column.et-last-child:before {content: '';position: absolute;left: -38px;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);border-left: 20px solid rgba(0, 0, 0, 0);border-top: 20px solid rgba(0, 0, 0, 0);border-right: 20px solid #242089;border-bottom: 20px solid rgba(0, 0, 0, 0);} body.page-id-8003 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-8003 div#formulario_principal .b24-form-header-title { display: none !important; } body.page-id-8003 div#formulario_principal .b24-form-header.b24-form-padding-side { border-bottom: 0px solid rgba(82,92,105,0.11); padding: 0px !important; } body.page-id-8003 div#banner_metaverso h1 { color: #293d7a !important; font-size: 49px !important; } body.page-id-8003 div#banner_metaverso h1 strong span { display: flex; text-align: center; justify-content: left; align-items: center; } body.page-id-8003 div#banner_metaverso h1 em:nth-child(1) { font-style: normal; font-size: 19px; display: block !important; font-weight: 500; line-height: 1; position: relative; } body.page-id-8003 div#banner_metaverso h1 strong span:nth-child(1) { font-size: 13px; color: #1572ab; text-align: left; line-height: 1; } body.page-id-8003 div#banner_metaverso h1 strong span em { display: inline-block !important; width: auto !important; } body.page-id-8003 div#banner_metaverso h1 strong span em { font-weight: 700 !important; font-size: 42px !important; } body.page-id-8003 span.text_digital { display: flex; text-align: center; justify-content: center; align-items: center; margin-top: 7px; } body.page-id-8003 div#banner_metaverso h1 span.text_digital em { font-weight: 700; font-size: 49px !important; } body.page-id-8003 div#banner_metaverso h1 span.text_digital strong span:nth-child(2) { font-size: 36px; line-height: 1; } body.page-id-8003 div#banner_metaverso h1 span.text_digital strong span em { font-size: 36px !important; position: relative; } body.page-id-8003 div#banner_metaverso h1 span.text_digital strong span em:before { content: ''; width: 14px; height: 13px; background: url(/landing/wp-content/themes/Divi/images/circle.svg) no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 0px; position: absolute; bottom: 9px; left: 5px; z-index: 1; } body.page-id-8003 div#banner_metaverso h1 span.text_digital > em:nth-child(1) { margin-right: 8px; } body.page-id-8003 div#banner_metaverso h1 > em:nth-child(1):after { content: ''; width: 121px; height: 19px; background: url('/landing/wp-content/themes/Divi/images/arrow.svg') no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 6px; } /*MEDIA QUERIES*/ @media (max-width: 1400px) { body.page-id-8003 .velocimetro_svg { right: 10%; } } @media (max-width: 1200px) { .page-id-8003 .et_pb_text_9_tb_body h2 { font-size: 30px; } body.page-id-8003 .velocimetro_svg { right: -11%; } body.page-id-8003 .video_svg { top: 73%; right: 16%; } } @media (max-width: 980px) { body.page-id-8003 .corazon_svg { right: inherit; bottom: 35%; transform: inherit; -webkit-transform: inherit; -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; left: 22px; } .page-id-8003 .et_pb_text_9_tb_body h2 { font-size: 30px; } .titulo_speakers_movil { display: block; } body.page-id-8003 div#banner_metaverso {padding-top: 26px;padding-bottom: 0px !important;} body.page-id-8003 div#banner_metaverso h1 {font-size: 26px;font-size: 49px !important;} body.page-id-8003 div#formulario_principal h3 {font-size: 20px;} body.page-id-8003 .banner_img img {margin: 0 auto;right: inherit;height: auto;max-width: 100%;width: 600px;} body.page-id-8003 .banner_img {height: auto;max-width: 100%;text-align: center;} body.page-id-8003 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper {left: 50% !important;/* position: fixed; *//* transform: inherit; */ /* -webkit-transform: inherit; */ -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; } body.page-id-8003 .phone_svg {left: 10% !important;} body.page-id-8003 .velocimetro_svg {right: 17%;top: 18px;} body.page-id-8003 .et_pb_section.et_pb_section_1_tb_body.et_pb_with_background.et_section_regular {z-index: 1;position: relative;} div#ponentes .et_pb_column .et_pb_column_9_tb_body.et_pb_css_mix_blend_mode_passthrough > div {min-height: 0px !important;} body.page-id-8003 #ponentes .img_back {min-height: 0px;padding-bottom: 24px !important;} body.page-id-8003 div#img_celular {margin-bottom: -16px !important;} body.page-id-8003 div#formulario_principal .et_pb_text_inner {width: 90%;} body.page-id-8003 div#formulario_principal .b24-form-wrapper {max-width: 100% !important;} body.page-id-8003 .speakers_1, body.page-id-8003 div#speakers_2 {padding-top: 6px !important;} body.page-id-8003 h2 {font-size: 30px !important;} .subtitle_conferencia p {font-size: 20px;} body.page-id-8003 div#titulo_speakers_parent { display: none !important; } body.page-id-8003 .boton_ver_speakers_movil { display: block !important; } body.page-id-8003 .boton_ver_speakers_escritorio { display: none !important; } body.page-id-8003 div#banner_metaverso h1 em { font-style: normal; font-size: 44px; } body.page-id-8003 div#contador_parent .et_pb_column {padding: 33px 20px 24px 20px !important;} body.page-id-8003 div#contador_parent .et_pb_column.et-last-child { text-align: center; padding-left: 20px !important; } body.page-id-8003 div#contador_parent .et_pb_column.et-last-child p {text-align: center;} } @media (max-width: 640px) { body.page-id-8003 div#img_celular img {width: 100%;} .mensaje_svg, .chat_svg {width: 110px;} body.page-id-8003 div#banner_metaverso h1 em { font-style: normal; font-size: 45px; line-height: 1; } } @media only screen and (max-width: 767px) { /* body.page-id-8003 body #page-container .et_pb_section a#boton_ver_speakers { font-size: 19px !important; }*/ body.page-id-8003 #page-container .et_pb_section .et_pb_button_0_tb_body, body.page-id-8003 #page-container .et_pb_section .et_pb_button_1_tb_body { font-size: 19px !important; } } @media (max-width: 450px) { body.page-id-8003 .phone_svg, body.page-id-8003 .velocimetro_svg, body.page-id-8003 .corazon_svg, body.page-id-8003 .video_svg { width: 50px; } body.page-id-8003 div#bg_blue_speakers {padding-bottom: 304px;} body.page-id-8003 .mensaje_svg, body.page-id-8003 .chat_svg {width: 67px;} body.page-id-8003 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field {width: 100%;} body.page-id-8003 .et_pb_image_0_tb_header {width: 100%;} body.page-id-8003 header .et_pb_row.et_pb_row_0_tb_header {margin-bottom: 0px !important;} } /*END Engagement-digital Nuevos estilos*/ /*SIMPOSIO*/ .content_text_simposio { display: flex; text-align: center; justify-content: center; align-items: center; } div#logos_asociacion img { height: 81px; width: auto; max-width: inherit; } div#logos_asociacion .et_pb_text_inner { display: flex; text-align: center; justify-content: center; align-items: center; } .formulario_simposio { border: 2px solid #2baa68; border-radius: 0px 0px 20px 20px; padding: 17px 10px; background: #fff; } .formulario_simposio .left_form { width: 50%; display: inline-block; vertical-align: top; padding-right: 13px; border-right: 2px solid #2baa68; } .formulario_simposio .right_form { width: 50%; display: inline-block; vertical-align: top; padding-left: 13px; } .formulario_simposio input { border: 1px solid #727272; border-radius: 6px; padding: 8px 10px 6px 10px; color: #727272; font-size: 12px; font-weight: 600; width: 100%; margin-bottom: 0px; } div#botones_menu { margin: 0px; padding: 0px; } div#botones_menu ul { display: flex; text-align: center; justify-content: center; align-items: center; } div#botones_menu ul li { width: 50%; display: inline-block; border: 2px solid rgba(255, 255, 255, 0); color: #272728; font-weight: 600; text-transform: uppercase; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; padding: 9px 10px; line-height: 1; border-radius: 15px 15px 0px 0px; background-color: #fff; cursor:pointer; } .formulario_simposio .right_form span.wpcf7-form-control.wpcf7-acceptance label { display: flex; text-align: center; justify-content: left; align-items: center; } .formulario_simposio .right_form span.wpcf7-form-control.wpcf7-acceptance label input[type="checkbox"] { width: 23px; height: 18px; margin: 0px; padding: 0px !important; border-radius: 29px !important; } .formulario_simposio .right_form span.wpcf7-form-control.wpcf7-acceptance span.wpcf7-list-item { margin: 0px; font-size: 11px; font-weight: 600; } div#registro_presencial { display: none; } div#botones_menu ul { margin: 0px; padding: 0px 0px 11px 0px; } div#botones_menu ul li.current { border: 2px solid #2baa68; } .left_date { position: relative; margin-right: 16px; } div#fecha_simposio .et_pb_text_inner { display: flex; text-align: center; justify-content: center; align-items: center; } div#fecha_simposio span { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-size: 33px; line-height: 1; color: #2aa867; font-weight: bold; } div#fecha_simposio .left_date span:nth-child(1) { font-size: 80px; color: #91bd21; } div#fecha_simposio .left_date span:nth-child(5) { color: #29292a; font-weight: 500; font-size: 18px; position: absolute; top: 33px; transform: rotate(271deg); right: -19px; } .right_date { border-left: 1px solid #91bd21; padding-left: 64px; position: relative; height: 96px; } .right_date:before { content: ''; background: url('/landing/wp-content/themes/Divi-child/img/reloj.png'); display: block; height: 40px; width: 40px; position: absolute; bottom: 0px; background-size: contain; left: 15px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } div#fecha_simposio .right_date span:nth-child(1) { color: #005663; font-style: italic; font-size: 18px; text-transform: uppercase; text-align: left; } div#fecha_simposio .right_date span { text-align: left; display: inline-block; width: 100%; } div#fecha_simposio .right_date span:nth-child(3) { color: #91bd21; position: relative; margin-bottom: 6px; } div#fecha_simposio .right_date span.bandera { position: relative; font-size: 18px; text-align: left; color: #005663; font-weight: 400; line-height: 1.2; padding-left: 49px; } div#text_simposio a { color: #91bd20; } div#fecha_simposio .right_date span.bandera:before { content: ''; background: url(/landing/wp-content/themes/Divi-child/img/bandera.png); display: inline-block; height: 40px; width: 40px; top: 50%; background-size: contain; left: 0px; vertical-align: middle; position: absolute; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } div#fecha_simposio .right_date span.bandera strong { font-size: 18px; text-align: left; padding-left: 0px !important; margin-left: 0px; } div#texto_continente a { color: #272728; } div#texto_continente a:hover { color: #2baa68; } .formulario_simposio input.wpcf7-form-control.has-spinner.wpcf7-submit { background: linear-gradient(90deg, #92be21 0%, #2baa68 100%); font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; color: #fff; font-size: 17px; width: auto; padding: 8px 27px; border: 1px solid #fff; box-shadow: 1px 1px 6px 5px rgb(0 0 0 / 20%); border-radius: 17px; margin: 0 auto; display: block; margin-top: 19px; } .formulario_simposio .left_form label:last-child input { margin-bottom: 0px !important; } .formulario_simposio input.wpcf7-form-control.has-spinner.wpcf7-submit:hover { background: linear-gradient(90deg, #2baa68 0%, #2baa68 100%); border: 1px solid #2baa68; } .formulario_simposio .wpcf7-response-output { margin-top: 0px !important; border-color: #2da966 !important; border-radius: 6px !important; font-size: 12px; text-align: center; font-weight: bold; border: 1px solid #a5a5a5 !important; } .formulario_simposio .left_form span.wpcf7-form-control-wrap, .formulario_simposio .right_form span.wpcf7-form-control-wrap{ margin-bottom: 10px !important; display: inline-block; width: 100%; font-size: 11px; } .formulario_simposio .left_form label:last-child span.wpcf7-form-control-wrap { margin-bottom: 0px !important; padding-bottom: 0px !important; } .right_date strong { color: #626161; display: inline-block; margin-left: 6px; font-size: 20px; } .formulario_simposio { display: none; } .formulario_simposio.current { display: block; } div#tab-2.formulario_simposio input.wpcf7-form-control.has-spinner.wpcf7-submit { background: linear-gradient(90deg, #2baa68 0%, #92be21 100%); } .fecha_simposio_popup { background: #e8eae7; padding: 9px 0px 4px 0px !important; } div#fecha_simposio.fecha_simposio_popup .et_pb_text_inner { flex-flow: wrap; } div#fecha_simposio.fecha_simposio_popup .left_date span:nth-child(1) { font-size: 44px; } div#fecha_simposio.fecha_simposio_popup .left_date span:nth-child(3) { font-size: 26px; } div#fecha_simposio.fecha_simposio_popup .left_date span:nth-child(5) { font-size: 13px; right: -14px; top: 19px; } div#fecha_simposio.fecha_simposio_popup .right_date span:nth-child(1) { font-size: 13px; } div#fecha_simposio.fecha_simposio_popup .right_date span:nth-child(3) { font-size: 21px; } div#fecha_simposio.fecha_simposio_popup .right_date span:nth-child(3) strong { font-size: 14px; } div#fecha_simposio.fecha_simposio_popup .right_date span.bandera { position: absolute; top: 0px; padding-left: 0px; width: 29px; right: 0px; } div#fecha_simposio.fecha_simposio_popup .right_date span.bandera:before { position: relative; transform: inherit; -webkit-transform: inherit; -ms-transform: inherit; top: inherit; height: 30px; width: 30px; } div#fecha_simposio.fecha_simposio_popup .right_date { padding-left: 35px; border-left: 0px; height: auto; } div#fecha_simposio.fecha_simposio_popup .right_date:before { height: 30px; width: 30px; left: 0px; } div#fecha_simposio.fecha_simposio_popup .left_date { margin-right: 0px; display: block; width: 51%; border-bottom: 2px solid #cfcdcf; padding-bottom: 8px; margin-bottom: 5px; } .informacion_agenda { background: #e8eae7; border-radius: 10px; overflow: hidden; margin-bottom: 7px !important; } .informacion_agenda .et_pb_text_inner { display: flex; text-align: left; justify-content: space-between; align-items: inherit; } .informacion_agenda .et_pb_text_inner p { margin-bottom: 0px; padding-bottom: 0px; font-size: 11px; } .informacion_agenda .et_pb_text_inner p:last-child { background: #1c2124; color: #fff; font-size: 11px; display: flex; text-align: center; justify-content: center; align-items: center; padding: 3px 5px 3px 5px; } .informacion_agenda .et_pb_text_inner p:last-child span { color: #fff; } .informacion_agenda .et_pb_text_inner p:nth-child(1) { padding: 4px 13px 5px 13px; } .informacion_agenda .et_pb_text_inner p:nth-child(1) em { color: #4eb37b; font-weight: bold; } div#columna_right_agenda { padding-right: 14px; } .informacion_agenda .et_pb_text_inner p:nth-child(1) span em { font-weight: 400 !important; } .informacion_agenda .et_pb_text_inner span { display: block; text-decoration: none !important; color: #4b76b3; font-weight: 600; line-height: 1.2; } .informacion_agenda .et_pb_text_inner span em { color: #5f6363 !important; font-style: normal; } .informacion_agenda .et_pb_text_inner p:nth-child(1) strong { color: #363739; line-height: 1; } #et-boc .area-outer-wrap[data-da-close-bg=none] .da-close { font-size: 27px; } .informacion_agenda:last-child { margin-bottom: 0px !important; } .formulario_simposio a { color: #818181; } .formulario_simposio a:hover { color: #8fbd23; } @media (max-width: 1028px) { div#fondo_laboratorios { background-position-x: -47%; } } @media (max-width: 991px) { div#fondo_laboratorios { background: #fff !important; padding-left: 42px; } div#paises .et_pb_column { background: rgba(255, 255, 255, 0.7); text-align: center; padding: 23px 21px; } div#agenda1 { width: 95%; } div#fecha_simposio.fecha_simposio_popup .left_date { width: 142px; margin-right: 13px; border-bottom: 0px solid #cfcdcf; margin-bottom: 0px; border-right: 2px solid #cfcdcf; padding-right: 13px; } div#fecha_simposio.fecha_simposio_popup .left_date span:nth-child(5) { right: 8px; } div#columna_right_agenda { padding-left: 12px; } #agenda1 .et_pb_with_border.et_pb_row.et_pb_row_8_tb_body { margin-top: 0px !important; padding-top: 6px; } div#columna_left_agenda { margin-bottom: 5px; } } @media (max-width: 600px) { div#fondo_laboratorios div#logos_asociacion { margin-bottom: 0px !important; } div#fondo_laboratorios .et_pb_module.et_pb_text.et_pb_text_1_tb_body.et_pb_text_align_center.et_pb_bg_layout_light { padding-left: 0px !important; margin-left: 0px !important; padding-top: 0px !important; } div#fecha_simposio .right_date span.bandera { font-size: 10px; font-weight: 500; } div#fecha_simposio .right_date span.bandera strong { font-size: 15px; } .content_text_simposio { flex-flow: wrap; justify-content: center; text-align: center; } .content_text_simposio span.et_pb_image_wrap { width: 200px; height: 200px; margin: 0 auto; display: block; } .content_text_simposio .et_pb_module.et_pb_text { text-align: center; } .formulario_simposio .left_form { width: 100%; padding-right: 0px; border: 0px; margin-bottom: 13px; } .formulario_simposio .right_form { width: 100%; padding-left: 0px; } .formulario_simposio input.wpcf7-form-control.has-spinner.wpcf7-submit { margin-top: 0px; } div#fecha_simposio .left_date { width: 100%; width: 150px; } div#fecha_simposio .et_pb_text_inner { flex-flow: wrap; margin-right: 0px; } div#fecha_simposio .right_date { border-left: 0px solid #91bd21; border-top: 1px solid #91bd21; padding-top: 10px; margin-top: 12px; } } /*END SIMPOSIO*/ /*Pharaenterobiotics - Global Phara*/ div#gratis_imagen { position: absolute; top: 50%; transform: translateY(-50%); margin-bottom: 0px; } div#formulario_pharaenterobiotics { border-top: 11px solid #ff6b00; text-align: center; } div#formulario_pharaenterobiotics form { background: #fff; border-left: 4px solid #ff6b00; border-right: 4px solid #ff6b00; border-bottom: 4px solid #ff6b00; display: inline-block; margin: 0 auto; width: 90%; box-shadow: 0px 2px 21px -5px #00000087; } div#formulario_pharaenterobiotics p { margin: 0px; padding: 0px; } div#formulario_pharaenterobiotics form h2 { color: #606060; font-weight: bold; font-size: 28px; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; margin-top: 25px; margin-bottom: 13px; } div#formulario_pharaenterobiotics form label { display: inline-block; width: 100%; margin-bottom: 7px; position: relative; padding-left: 52px; padding-right: 21px; } div#formulario_pharaenterobiotics form label input { font-size: 14px; border: 2px solid #00953b; border-radius: 6px; width: 100%; padding: 3px 7px; font-style: italic; font-weight: 600; margin-right: 7px; } div#formulario_pharaenterobiotics form label span { display: inline-block; width: 100%; } div#formulario_pharaenterobiotics form label.acceptance-637, div#formulario_pharaenterobiotics form label.acceptance-639 { padding-left: 21px; padding-right: 21px; text-align: left; } div#formulario_pharaenterobiotics form label.acceptance-637 span, div#formulario_pharaenterobiotics form label.acceptance-639 span { margin: 0px; padding: 0px !important; } div#formulario_pharaenterobiotics form label.acceptance-637 label, div#formulario_pharaenterobiotics form label.acceptance-639 label { padding: 0px; margin: 0px; display: flex; justify-content: left; align-items: center; font-size: 11px; line-height: 1.2; color: #333c4e; text-align: left; } div#formulario_pharaenterobiotics form label.acceptance-637 label input[type="checkbox"], div#formulario_pharaenterobiotics form label.acceptance-639 label input[type="checkbox"] { height: 27px; width: 27px; text-align: left; } div#formulario_pharaenterobiotics form label.acceptance-639 label a { color: #333c4e; font-weight: bold; } div#formulario_pharaenterobiotics form label.acceptance-639 { margin-bottom: 0px !important; } div#formulario_pharaenterobiotics form span.wpcf7-spinner { width: 100%; margin: 0px !important; padding: 0px !important; height: auto; } div#formulario_pharaenterobiotics form input.wpcf7-form-control.has-spinner.wpcf7-submit { color: #FFFFFF!important; border-width: 0px!important; border-radius: 0px; font-size: 25px; font-weight: 700!important; background-color: #00953b; text-transform: uppercase; padding: 10px 30px; display: inline-block; box-shadow: 0px 2px 14px -5px #000000; margin-top: 13px; } div#formulario_pharaenterobiotics form input.wpcf7-form-control.has-spinner.wpcf7-submit:disabled { opacity: 0.6; } div#formulario_pharaenterobiotics form .wpcf7-response-output { margin: 0px; border: 0px; background: #fd6a00; color: #fff; } div#formulario_pharaenterobiotics form > label.nombresapellidos:before { content: ''; background: url('/landing/wp-content/themes/Divi-child/img/iconos_formulario_p.png') no-repeat; background-size: cover; height: 29px; width: 27px; position: absolute; left: 15px; top: 0px; } div#formulario_pharaenterobiotics form > label.your-email:before { content: ''; background: url(/landing/wp-content/themes/Divi-child/img/iconos_formulario_p.png) no-repeat; background-size: cover; height: 29px; width: 27px; position: absolute; left: 15px; top: 0px; background-position: 0px -34px; } div#formulario_pharaenterobiotics form > label.your-email-confir:before { content: ''; background: url(/landing/wp-content/themes/Divi-child/img/iconos_formulario_p.png) no-repeat; background-size: cover; height: 29px; width: 27px; position: absolute; left: 15px; top: 0px; background-position: 0px -34px; } div#formulario_pharaenterobiotics form > label.numeroidentificacion:before { content: ''; background: url(/landing/wp-content/themes/Divi-child/img/iconos_formulario_p.png) no-repeat; background-size: cover; height: 29px; width: 27px; position: absolute; left: 15px; top: 0px; background-position: 2px -99px; } div#formulario_pharaenterobiotics form > label.edad:before { content: ''; background: url(/landing/wp-content/themes/Divi-child/img/iconos_formulario_p.png) no-repeat; background-size: cover; height: 29px; width: 27px; position: absolute; left: 15px; top: 0px; background-position: 2px -130px; } div#formulario_pharaenterobiotics form > label.movil:before { content: ''; background: url(/landing/wp-content/themes/Divi-child/img/iconos_formulario_p.png) no-repeat; background-size: cover; height: 29px; width: 27px; position: absolute; left: 15px; top: 0px; background-position: 2px -162px; } div#formulario_pharaenterobiotics form label span.wpcf7-not-valid-tip { color: #ec6300; font-size: 11px; font-weight: 600; line-height: 1; text-align: left; } div#formulario_pharaenterobiotics form > label.telefono:before { content: ''; background: url(/landing/wp-content/themes/Divi-child/img/iconos_formulario_p.png) no-repeat; background-size: cover; height: 29px; width: 27px; position: absolute; left: 15px; top: 0px; background-position: 2px -164px; } div#formulario_pharaenterobiotics form > label.pais:before { content: ''; background: url(/landing/wp-content/themes/Divi-child/img/iconos_formulario_p.png) no-repeat; background-size: cover; height: 29px; width: 27px; position: absolute; left: 15px; top: 0px; background-position: 2px -194px; } #ver_horario{ margin-top: 80px; } .medicamento_movil { display: none; } .ponente_pharaenterobiotics { background: #fff; border-left: 4px solid #00933b; border-right: 4px solid #00933b; border-bottom: 4px solid #00933b; display: inline-block; margin: 0 auto; width: 90%; box-shadow: 0px 2px 21px -5px #00000087; margin-top: -1px; padding: 36px 53px; } div#ponente_pharaenterobiotics { border-top: 11px solid #00933b; } div#bandera_hora p { display: flex; text-align: left; justify-content: left; align-items: center; } div#bandera_hora p img { width: 130px; margin-right: 12px; } div#bandera_hora p strong em { display: block; padding-top: 11px; font-style: normal; color: #ff6b00; } .division_imaganes_p .et_pb_text_inner { display: flex; text-align: left; justify-content: left; align-items: center; } .division_imaganes_p img { width: 92px; margin-right: 10px; } .division_imaganes_p strong { font-weight: 400; } div#cupos_limitados_parent { margin-bottom: 41px; position: relative; padding-top: 18px; padding-bottom: 16px; } div#cupos_limitados_parent:before { content: ''; background: #00933b; width: 40%; top: 0px; left: 0px; height: 2px; position: absolute; display: inline-block; } div#cupos_limitados_parent:after { content: ''; background: #00933b; width: 76%; bottom: 0px; right: 0px; height: 2px; position: absolute; display: inline-block; } div#cupos_limitados h3 { padding-bottom: 0px !important; } div#footer_pharaenterobiotics { padding-left: 50px; } div#footer_pharaenterobiotics .et_pb_text_inner { padding-top: 15px; } div#footer_pharaenterobiotics div#footer_pharaenterobiotics_right { padding-top: 6px; padding-bottom: 6px; } div#fecha_destacada span.fechas_content { display: flex; justify-content: center; align-items: inherit; width: 100%; border-radius: 10px; overflow: hidden; border: 1px solid #84cce9; margin-top: 7px; margin-bottom: 18px; } div#fecha_destacada span.fechas_content span { margin: 0px; } div#fecha_destacada span.fechas_content > span { width: 25%; border-right: 1px solid #84cce9; } div#fecha_destacada span.fechas_content > span > span:nth-child(1) { text-transform: uppercase; color: #fff8f8; font-size: 16px; background: #018cc5; } div#fecha_destacada span.fechas_content > span > span { border-bottom: 1px solid #84cce9; padding: 10px 10px 10px 10px; font-size: 13px; } div#fecha_destacada span.fechas_content > span > span:last-child { border-bottom: 0px; } div#fecha_destacada span.fechas_content > span:last-child { border-right: 0px solid #84cce9; } @media (max-width: 1340px) { } @media (max-width: 1199px) { div#contador_pharaenterobiotics h4.title { line-height: 1; margin-bottom: 0px; } div#contador_pharaenterobiotics .et_pb_countdown_timer_container .values p.value { font-size: 27px !important; } } @media (max-width: 991px) { div#h1_pharaentero { text-align: center; } div#h1_pharaentero h1 { font-size: 35px; } div#contador_pharaenterobiotics { width: 100%; } div#right_pharaenterobiotics { padding-left: 50px; } a#ver_horario { margin-left: 50px; margin-top: 11px; } div#gratis_imagen img { height: 43px; } .medicamento_escritorio img { display: none; } .medicamento_movil { display: block; } div#bandera_hora p { text-align: center; justify-content: center; } div#footer_pharaenterobiotics .et_pb_row { display: flex; text-align: center; justify-content: center; align-items: center; } div#footer_pharaenterobiotics_left { margin-bottom: 0px; } div#footer_pharaenterobiotics_left .et_pb_text_inner { padding-top: 0px; } } @media (max-width: 600px) { div#logo_pharaenterobiotics img { height: 39px; } div#gratis_imagen img { height: 33px; } div#h1_pharaentero h1 { font-size: 29px; } div#contador_pharaenterobiotics .et_pb_countdown_timer_container .values p.value { font-size: 18px !important; } div#formulario_pharaenterobiotics form { width: 100%; } div#formulario_pharaenterobiotics form input.wpcf7-form-control.has-spinner.wpcf7-submit { font-size: 15px; } div#right_pharaenterobiotics { padding-left: 25px; } div#principal_pharaenterobiotics > div { padding-right: 25px!important; } a#ver_horario { margin-left: 25px; } } /*END Pharaenterobiotics - Global Phara*/ /*Plataforma Evento Biktour*/ div#plataforma-evento-biktour { height: 100vh; position: absolute; max-width: 100%; width: 100%; margin: 0px !important; } div#plataforma-evento-biktour > div { height: 100%; } div#plataforma-evento-biktour > div > div { height: 100%; display: flex; justify-content: center; align-items: center; margin: 0px; } div#plataforma-evento-biktour div#left_plataforma:before { height: 100%; position: absolute; top: 0px; right: 0px; width: 100%; background: url('https://ateneo.co/landing/wp-content/themes/Divi-child/img/bg_white.png') no-repeat; background-size: contain; background-position: right center; content: ''; z-index: 999; } div#plataforma-evento-biktour > div > div > div { position: relative; z-index: 1; } div#left_plataforma > div { padding: 0px 182px 0px 37px; } .tab_extras ul.tabs { display: flex; justify-content: center; align-items: center; width: 100%; margin: 0px; padding: 0px; } .tab_extras li.tab-link { color: #606060; text-transform: uppercase; border-radius: 12px 12px 0px 0px; line-height: 1; padding: 8px 10px; background: #f1f1f1; border-color: #f1f1f1 #f1f1f1 #f1f1f1 !important; border: 1px solid; border-bottom: 0px !important; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-weight: 500; font-size: 15px; text-align: center; display: inline-block; width: 50%; cursor: pointer; } .tab_extras .tab_over { height: 144px; overflow-y: auto; position: relative; } .tab_extras li.tab-link.current { border-color: #1487b1 #1487b1 #1487b1 !important; background: rgba(0, 0, 0, 0); border-bottom: 0px !important; color: #024d92; } .tab_extras .tab-content { display: none; border: 1px solid #1487b1; padding: 13px 19px; border-radius: 0px 0px 10px 10px; position: relative; overflow: hidden; } .tab_extras .tab-content.current { display: block; } .speaker_tab { display: flex; justify-content: center; align-items: center; } .speaker_tab img { width: 137px; } .speaker_tab > div { font-size: 21px; color: #018cc5; font-weight: bold; padding: 0px 2%; } .speaker_tab > div strong { color: #232323; font-size: 16px; } .speaker_info { text-align: left; } body .speaker_info h2 { font-size: 21px; color: #018cc5 !important; font-weight: bold; text-align: left; margin-bottom: 9px; } .speaker_info p { color: #7a7a7a; font-size: 14px; margin-bottom: 0px; padding-bottom: 0px; } .speaker_info ul { margin: 11px 0px; padding: 0px; } .speaker_info ul li { color: #232323; line-height: 1.2; margin-left: 17px; } .tab_extras .tab-content:before { content: ''; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 100%); position: absolute; left: 0px; bottom: 0px; z-index: 99; width: 100%; height: 40px; } .informacion_general { width: 100%; color: #606060; font-size: 23px; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; } .frase_destacada { margin-top: 21px; } .fecha_destacada { margin-top: 3px; color: #2394bd; font-weight: 600; font-size: 47px; display: inline-block; width: 100%; line-height: 1; } .contador { width: 100%; margin-top: 8px; } div#countdown { width: auto; display: flex; justify-content: center; font-size: 23px; font-weight: 600; margin-top: 0px; } div#countdown .date_hour { display: inline-block; margin: 0px 9px; width: 71px; } div#countdown .date_hour > div { display: inline-block; width: 100%; position: relative; font-size: 9px; text-transform: uppercase; font-weight: bold; z-index: 1; line-height: 1; color: #2d2926; } div#countdown .date_hour > div:nth-child(1) { font-size: 30px; background: #2394bd; padding: 6px 0px; border-radius: 5px; border: 2px solid rgba(255, 255, 255, 0.2); color: #fff; } div#countdown .date_hour > div:nth-child(1):after { content: ''; height: 15px; width: 5px; background: #17af9a; position: absolute; left: -3px; top: 50%; z-index: 1; border-radius: 2px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } div#countdown .date_hour > div:nth-child(1):before { content: ''; height: 15px; width: 5px; background: #17af9a; position: absolute; right: -4px; top: 50%; z-index: 1; border-radius: 2px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } div#countdown .date_hour > div:nth-child(2) { letter-spacing: 1px; } div#countdown span.today_count { font-size: 22px; padding: 0px 23px; line-height: 1; color: #232323; text-transform: uppercase; } .modal_legales { width: 100%; height: 100%; background: #000000b0; position: fixed; top: 0px; left: 0px; z-index: 999999; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; top: -100%; } .over_contenedor { width: 80%; height: 80%; background: #fff; border-radius: 15px; padding: 28px 14px; position: absolute; display: inline-block; } .over_contenedor > div { height: 95%; width: 100%; padding: 0px 23px; text-align: left; overflow-y: scroll; } .over_contenedor > div h2 { font-size: 26px; } span.cerrar_modal { top: 0px; position: absolute; right: 0px; background: #dc3333; color: #fff; font-weight: bold; padding: 4px 10px; width: 40px; height: 29px; font-size: 20px; line-height: 1; cursor: pointer; } span.cerrar_modal:hover { background: #000; } .over_contenedor > div p, .over_contenedor > div ul { line-height: 1.2; font-size: 13px; } .over_contenedor > div > div { display: none; } span.today_count a { background: #2394bd; color: #fff; padding: 14px 29px; display: inline-block; border-radius: 30px; cursor: pointer; border: 2px solid #2394bd; text-transform: uppercase; } span.today_count a:hover { background: #fff; color: #2394bd; } span.privacy_labscape, span.privacy, span.terminos_condiciones, span.uso_cookies { cursor: pointer; color: #000; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; line-height: 1; font-size: 11px; } span.privacy_labscape:hover, span.privacy:hover, span.terminos_condiciones:hover, span.uso_cookies:hover { cursor: pointer; color: #2394bd; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; line-height: 1; } .modal_legales.st_active { top: 0px; } .texto_legal_1.st_active_legal { display: block; } .texto_legal_2.st_active_legal { display: block; } .texto_legal_3.st_active_legal { display: block; } .texto_legal_4.st_active_legal { display: block; } div#fecha_destacada span { font-size: 18px; display: block; margin-bottom: 6px; margin-top: 12px; } div#fecha_destacada span.material_dirigido { color: #000; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; line-height: 1; font-size: 13px; font-weight: 500; margin-top: 16px; } .title_logo { display: flex; justify-content: center; align-items: center; } .title_logo h2 { margin-right: 11px; } div#fecha_destacada { margin-top: 14px; } .right_parrafos p { line-height: 1; } @media (max-width: 991px) { div#plataforma-evento-biktour div#left_plataforma:before { width: 0px; height: 0px; } div#plataforma-evento-biktour > div > div > div { padding: 32px 44px !important; height: auto; display: inline-block; } div#plataforma-evento-biktour > div > div { height: auto; position: relative; } div#plataforma-evento-biktour { position: relative; height: auto; } div#plataforma-evento-biktour > div { height: auto; } } @media (max-width: 767px) { .title_logo { flex-flow: wrap; } } /*End Plataforma Evento Biktour*/ /*Plan de marketing digital farma 2024*/ body.page-id-12109 { background: #f7f7fd; } body.page-id-12109 .titulo_conferencia h1 strong { display: block; } body.page-id-12109 div#formulario_principal > div { padding-top: 15px; } body.page-id-12109 div#formulario_principal .et_pb_text_inner { background: rgba(255, 255, 255, 0.4); border-radius: 19px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%; left: 50%; transform: translateX(-50%); text-align: center; padding-top: 29px; } body.page-id-12109 body.page-id-12109 div#banner_metaverso { padding-top: 0px; } body.page-id-12109 div#formulario_principal h3 strong { display: block; } body.page-id-12109 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%; padding: 0px 7px; margin-bottom: 0px; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; } body.page-id-12109 .titulo_conferencia h1 strong { display: block; } body.page-id-12109 div#formulario_principal > div { padding-top: 15px; } body.page-id-12109 div#formulario_principal .et_pb_text_inner { border-radius: 42px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%;left: 50%;transform: translateX(-50%); text-align: center; padding-top: 35px; overflow: hidden !important; padding-bottom: 21px; } body.page-id-12109 body.page-id-12109 div#banner_metaverso { padding-top: 0px; } body.page-id-12109 div#formulario_principal h3 strong { display: block; } body.page-id-12109 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%;padding: 0px 12px; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; text-align: left !important; height: 46px; padding-top: 32px; padding-bottom: 10px; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label { color: #213a81 !important; text-align: left;font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 400; opacity: 1 !important; font-size: 12px !important; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label span.b24-form-control-required { color: #4668fc !important; } body.page-id-12109 .b24-form-control-alert .b24-form-control-alert-message { background: #4263ef; } body.page-id-12109 .b24-form-control-alert-message:after { border: 3px solid #4263ef !important; border-top-color: transparent !important; border-right-color: transparent !important; } body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field.b24-form-field-string.b24-form-control-string:nth-child(1) { width: 100%; } body.page-id-12109 .b24-form-wrapper.b24-form-border-bottom { border: 0px !important; background: rgba(0, 0, 0, 0); } body.page-id-12109 button.b24-form-btn { background: linear-gradient(70deg, #4668fc, #223e8b); border-radius: 27px; padding: 10px !important; height: 41px !important; min-height: 0px; line-height: 1; border: 1px solid #223e8b; } body.page-id-12109 button.b24-form-btn:hover { color: #223e8b; background: rgba(0, 0, 0, 0); } body.page-id-12109 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement { width: 100% !important; text-align: left; } body.page-id-12109 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link { color: #254195; opacity: 1 !important; font-weight: 500 !important; text-decoration: none; } body.page-id-12109 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link:hover { color: #000; } body.page-id-12109 #banner_metaverso .fluid-width-video-wrapper { display: none; } body.page-id-12109 .phone_svg { position: absolute; top: 1%; width: 110px; z-index: 99; left: 0px !important; } body.page-id-12109 .velocimetro_svg { position: absolute; top: 25px; right: 24%; width: 110px; z-index: 999; } body.page-id-12109 .video_svg { position: absolute; top: 50%; width: 110px; right: 8%; z-index: 999; } body.page-id-12109 .phone_svg img, .video_svg img, .velocimetro_svg img { animation: floating 5s linear 2s infinite; } body.page-id-12109 div#bg_blue { position: absolute; bottom: 0px; right: 0px; height: 100%; width: 150%; z-index: -1; } body.page-id-12109 div#banner_metaverso { min-height: 0px !important; } body.page-id-12109 div#banner_metaverso { margin-bottom: 0px !important; position: relative; } body.page-id-12109 div#formulario_principal { z-index: 9999; position: relative; } body.page-id-12109 .contenido_banner { z-index: 999; } body.page-id-12109 .b24-form-content.b24-form-padding-side { background: transparent !important; } body.page-id-12109 div#banner_metaverso { overflow: hidden; } body.page-id-12109 .banner_div { position: relative; } body.page-id-12109 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper, body.page-id-12109 .banner_div .et_pb_button_module_wrapper.et_pb_button_1_tb_body_wrapper { position: absolute; bottom: 55px; z-index: 999; left: 37% !important; right: inherit !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } body.page-id-12109 .banner_img { right: 0px; width: auto; height: 664px; bottom: 0px; max-width: 700px; margin: 0px !important; padding: 0px !important; position: relative; } body.page-id-12109 .banner_img img { width: auto;height: 700px; max-width: 700px; bottom: 0px; right: 153px; position: relative; z-index: 1; } body.page-id-12109 .speakers_1 img, #speakers_2 img { width: 80%; display: block; margin: 0 auto; } body.page-id-12109 div#bg_white { margin-top: -307px; } body.page-id-12109 .img_back:hover { transform: translateY(-15px); } body.page-id-12109 .img_back { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } body.page-id-12109 div#bg_blue span.et_pb_image_wrap { display: flex; text-align: center; justify-content: flex-end; align-items: flex-end; height: 100%; } body.page-id-12109 .titulo_speakers_movil { display: none; } body.page-id-12109 .boton_ver_speakers_movil { display: none !important; } body.page-id-12109 .corazon_svg { position: absolute; bottom: 43%; width: 110px; z-index: 999; left: -13%; } body.page-id-12109 .corazon_svg img { animation: floating 5s linear 2s infinite; } body.page-id-12109 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-12109 div#contador_parent {background: rgb(41 34 141 / 37%);/* padding: 66px 20px 71px 20px !important; */} body.page-id-12109 div#contador_parent .et_pb_module.et_pb_countdown_timer {margin: 0px !important;padding: 0px !important;padding-top: 31px !important;} body.page-id-12109 div#contador_parent .et_pb_module.et_pb_countdown_timer p.value {background: #241f87;padding: 15px 11px;border-radius: 18px;} body.page-id-12109 div#contador_parent .et_pb_module.et_pb_countdown_timer .sep.section {padding-top: 11px;} body.page-id-12109 div#contador_parent .et_pb_column {padding: 66px 20px 71px 20px !important;} body.page-id-12109 div#contador_parent .et_pb_column.et-last-child {background: #09095d8a;position: relative;padding-left: 55px !important;} body.page-id-12109 div#contador_parent .et_pb_column.et-last-child strong {color: #c3c7f9;} body.page-id-12109 div#contador_parent .et_pb_column.et-last-child:before {content: '';position: absolute;left: -38px;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);border-left: 20px solid rgba(0, 0, 0, 0);border-top: 20px solid rgba(0, 0, 0, 0);border-right: 20px solid #242089;border-bottom: 20px solid rgba(0, 0, 0, 0);} body.page-id-12109 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-12109 div#formulario_principal .b24-form-header-title { display: none !important; } body.page-id-12109 div#formulario_principal .b24-form-header.b24-form-padding-side { border-bottom: 0px solid rgba(82,92,105,0.11); padding: 0px !important; } body.page-id-12109 div#banner_metaverso h1 { color: #293d7a !important; font-size: 49px !important; } body.page-id-12109 div#banner_metaverso h1 strong span { display: flex; text-align: center; justify-content: left; align-items: center; } body.page-id-12109 div#banner_metaverso h1 em:nth-child(1) { font-style: normal; font-size: 19px; display: block !important; font-weight: 500; line-height: 1; position: relative; } body.page-id-12109 div#banner_metaverso h1 strong span:nth-child(1) { font-size: 13px; color: #1572ab; text-align: left; line-height: 1; } body.page-id-12109 div#banner_metaverso h1 strong span em { display: inline-block !important; width: auto !important; } body.page-id-12109 div#banner_metaverso h1 strong span em { font-weight: 700 !important; font-size: 42px !important; } body.page-id-12109 span.text_digital { display: flex; text-align: center; justify-content: center; align-items: center; margin-top: 7px; } body.page-id-12109 div#banner_metaverso h1 span.text_digital em { font-weight: 700; font-size: 49px !important; } body.page-id-12109 div#banner_metaverso h1 span.text_digital strong span:nth-child(2) { font-size: 36px; line-height: 1; } body.page-id-12109 div#banner_metaverso h1 span.text_digital strong span em { font-size: 36px !important; position: relative; } body.page-id-12109 div#banner_metaverso h1 span.text_digital strong span em:before { content: ''; width: 14px; height: 13px; background: url(/landing/wp-content/themes/Divi/images/circle.svg) no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 0px; position: absolute; bottom: 9px; left: 5px; z-index: 1; } body.page-id-12109 div#banner_metaverso h1 span.text_digital > em:nth-child(1) { margin-right: 8px; } body.page-id-12109 div#banner_metaverso h1 > em:nth-child(1):after { content: ''; width: 121px; height: 19px; background: url('/landing/wp-content/themes/Divi/images/arrow.svg') no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 6px; } /*MEDIA QUERIES*/ @media (max-width: 1400px) { body.page-id-12109 .velocimetro_svg { right: 10%; } } @media (max-width: 1200px) { .page-id-12109 .et_pb_text_9_tb_body h2 { font-size: 30px; } body.page-id-12109 .velocimetro_svg { right: -11%; } body.page-id-12109 .video_svg { top: 73%; right: 16%; } } @media (max-width: 980px) { body.page-id-12109 .corazon_svg { right: inherit; bottom: 35%; transform: inherit; -webkit-transform: inherit; -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; left: 22px; } .page-id-12109 .et_pb_text_9_tb_body h2 { font-size: 30px; } .titulo_speakers_movil { display: block; } body.page-id-12109 div#banner_metaverso {padding-top: 26px;padding-bottom: 0px !important;} body.page-id-12109 div#banner_metaverso h1 {font-size: 26px;font-size: 49px !important;} body.page-id-12109 div#formulario_principal h3 {font-size: 20px;} body.page-id-12109 .banner_img img {margin: 0 auto;right: inherit;height: auto;max-width: 100%;width: 600px;} body.page-id-12109 .banner_img {height: auto;max-width: 100%;text-align: center;} body.page-id-12109 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper {left: 50% !important;/* position: fixed; *//* transform: inherit; */ /* -webkit-transform: inherit; */ -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; } body.page-id-12109 .phone_svg {left: 10% !important;} body.page-id-12109 .velocimetro_svg {right: 17%;top: 18px;} body.page-id-12109 .et_pb_section.et_pb_section_1_tb_body.et_pb_with_background.et_section_regular {z-index: 1;position: relative;} div#ponentes .et_pb_column .et_pb_column_9_tb_body.et_pb_css_mix_blend_mode_passthrough > div {min-height: 0px !important;} body.page-id-12109 #ponentes .img_back {min-height: 0px;padding-bottom: 24px !important;} body.page-id-12109 div#img_celular {margin-bottom: -16px !important;} body.page-id-12109 div#formulario_principal .et_pb_text_inner {width: 90%;} body.page-id-12109 div#formulario_principal .b24-form-wrapper {max-width: 100% !important;} body.page-id-12109 .speakers_1, body.page-id-12109 div#speakers_2 {padding-top: 6px !important;} body.page-id-12109 h2 {font-size: 30px !important;} .subtitle_conferencia p {font-size: 20px;} body.page-id-12109 div#titulo_speakers_parent { display: none !important; } body.page-id-12109 .boton_ver_speakers_movil { display: block !important; } body.page-id-12109 .boton_ver_speakers_escritorio { display: none !important; } body.page-id-12109 div#banner_metaverso h1 em { font-style: normal; font-size: 44px; } body.page-id-12109 div#contador_parent .et_pb_column {padding: 33px 20px 24px 20px !important;} body.page-id-12109 div#contador_parent .et_pb_column.et-last-child { text-align: center; padding-left: 20px !important; } body.page-id-12109 div#contador_parent .et_pb_column.et-last-child p {text-align: center;} body.page-id-12109 div#banner_metaverso h1, body.page-id-12109 div#banner_metaverso h1 span.text_digital em { font-size: 24px !important; } } @media (max-width: 640px) { body.page-id-12109 div#img_celular img {width: 100%;} .mensaje_svg, .chat_svg {width: 110px;} body.page-id-12109 div#banner_metaverso h1 em { font-style: normal; font-size: 45px; line-height: 1; } } @media only screen and (max-width: 767px) { /* body.page-id-12109 body #page-container .et_pb_section a#boton_ver_speakers { font-size: 19px !important; }*/ body.page-id-12109 #page-container .et_pb_section .et_pb_button_0_tb_body, body.page-id-12109 #page-container .et_pb_section .et_pb_button_1_tb_body { font-size: 19px !important; } } @media (max-width: 450px) { body.page-id-12109 .phone_svg, body.page-id-12109 .velocimetro_svg, body.page-id-12109 .corazon_svg, body.page-id-12109 .video_svg { width: 50px; } body.page-id-12109 div#bg_blue_speakers {padding-bottom: 304px;} body.page-id-12109 .mensaje_svg, body.page-id-12109 .chat_svg {width: 67px;} body.page-id-12109 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field {width: 100%;} body.page-id-12109 .et_pb_image_0_tb_header {width: 100%;} body.page-id-12109 header .et_pb_row.et_pb_row_0_tb_header {margin-bottom: 0px !important;} } /*END Plan de marketing digital farma 2024*/ /*LANDING EVENTO ASTELLAS*/ div#modal_politica { position: fixed; top: -100%; left: 0px; background: rgba(0, 0, 0, 0.6) !important; height: 100%; width: 100%; z-index: 99; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } div#modal_politica > div { background: #fff; position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%); top: 50%; height: 400px; max-height: 80%; } div#modal_politica div#close_modal { background: #7b308a; color: #fff; width: 50px; height: 50px; font-size: 33px; line-height: 1; padding-top: 5px; text-align: center; cursor: pointer; position: absolute; right: 0px; top: 0px; } .content_text_modal { padding: 69px 20px 20px 20px; height: 399px; overflow-y: auto; } div#contenedor_astellas h2 { display: inline-block; text-transform: uppercase; border-top: 1px solid #fff; padding-top: 19px; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-size: 31px; padding-left: 60px; padding-right: 60px; position: relative; margin-bottom: 15px; } div#contenedor_astellas h2:after { content: ''; height: 10px; width: 10px; background: #fff; position: absolute; border-radius: 50%; top: -5px; left: 50%; transform: translateX(-50%); } div#contenedor_astellas { text-align: center; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; } div#contenedor_astellas form#searchform input#id_nombre { background: transparent; border: 2px solid #fff; border-radius: 28px; width: 100%; padding: 10px 32px; font-size: 17px; color: #fff; text-align: center; } div#contenedor_astellas .et_pb_text_inner { text-align: center; } div#contenedor_astellas form#searchform input#id_apellido { background: transparent; border: 2px solid #fff; border-radius: 28px; width: 100%; padding: 10px 32px; font-size: 17px; color: #fff; text-align: center; } div#contenedor_astellas form#searchform input::-webkit-input-placeholder {color: #fff; } /* WebKit */ div#contenedor_astellas form#searchform input:-moz-placeholder {color: #fff; } /* Firefox 18- */ div#contenedor_astellas form#searchform input::-moz-placeholder {color: #fff; } /* Firefox 19+ */ div#contenedor_astellas form#searchform input:-ms-input-placeholder {color: #fff; } /* IE 10+ */ .formulario_content .input_firstname { margin-bottom: 28px; } .ingresar { display: flex; align-items: center; } .ingresar .radio_politica { line-height: 1; text-align: left; align-items: center; font-size: 13px; display: flex; margin-top: 21px; } .ingresar input.ingresar { background: #d4103c; color: #fff; border: 0px; text-transform: uppercase; padding: 13px 25px; border-radius: 30px; font-size: 15px; border: 1px solid #d4103c; cursor: pointer; } .ingresar .radio_politica span.link_politica { display: inline-block; text-decoration: underline; padding: 10px 0px; cursor: pointer; } .ingresar .radio_politica input[type="radio"] { height: 23px; width: 23px; } .ingresar .radio_politica span.radio_politica { display: inline-block; padding-right: 35px; margin-top: 0px; padding-left: 13px; } .ingresar input.ingresar:hover { background: transparent; } .ingresar .radio_politica span.link_politica:hover { color: #d4103c; } form.importador_cs input[type="file"] { border: 1px solid #fff; display: block; padding: 10px 10px; width: 100%; text-align: center; display: flex; justify-content: center; } .contenido_importado { margin-top: 37px; } .contenido_importado ul { display: flex; flex-flow: wrap; } .contenido_importado ul li { background: #780909; width: 23%; display: block; padding: 7px 10px; margin: 1%; border-radius: 30px; } div#Welcome_astellas { position: absolute; width: 100%; background: rgba(0, 0, 0, 0.4); bottom: 0px; padding: 41px 18px; bottom: 20px; } .video-container { display: flex; flex-direction: column; /* Cambia la dirección a vertical */ align-items: center; /* Centra el contenido verticalmente */ } .video-container video { max-width: 100%; height: auto; /* Ajusta automáticamente la altura */ } div#modal_politica.visible_politica { top: 0px; } div#modal_video #video_contenedor{ height: 0px; overflow: hidden; z-index: 9; } div#modal_video #video_contenedor.visible_video { height: auto; overflow: inherit; } .hidden_doctor { display: none !important; } body.page-template-default.page.page-id-12310 { background: #000; } .modal_alert_doctor { position: fixed; left: 0px; bottom: 0px; z-index: 999999; background: #880000; width: 100%; text-align: center; color: #fff; display: flex; justify-content: center; padding: 15px 16px; font-size: 20px; align-items: center; } div#modal_video { z-index: 9; } .modal_alert_doctor i.cerrar_user { border-radius: 50%; width: 40px; height: 40px; min-width: 40px; position: relative; display: inline-block; background: #fff; color: #880000; font-style: normal; font-weight: bold; font-size: 24px; display: flex; align-items: center; text-align: center; justify-content: center; margin-right: 9px; } div#video_contenedor div#video_resultado { padding-right: 51px; padding-top: 34px; padding-bottom: 49px; } div#video_contenedor div#video_resultado video { border-radius: 22px; } div#left_video { margin-right: 0px !important; } .ingresar .radio_politica span.radio_politica > span:first-child { line-height: 1; display: block; } div#footer_astellas a { color: #fff; } div#footer_astellas a:hover { text-decoration: underline; } @media (max-width: 991px) { div#modal_video #video_contenedor.visible_video { display: flex; flex-flow: nowrap; } div#video_contenedor div#video_resultado { display: block; } } @media (max-width: 767px) { .ingresar { flex-flow: wrap; justify-content: center; } div#contenedor_astellas h2 { font-size: 23px; padding-left: 10px; padding-right: 10px; width: 100%; } div#left_video { display: none; } div#footer_astellas.hidden_footer { display: none; } div#video_contenedor div#video_resultado { padding: 0px; } div#video_contenedor div#video_resultado video { border-radius: 0px; } } /*END LANDING EVENTO ASTELLAS*/ /*IPS: Retos y nuevas obligaciones deformación para el talento humano en salud*/ body.page-id-12541 { background: #f7f7fd; } body.page-id-12541 .titulo_conferencia h1 strong { display: block; } body.page-id-12541 div#formulario_principal > div { padding-top: 15px; } body.page-id-12541 div#formulario_principal .et_pb_text_inner { background: rgba(255, 255, 255, 0.4); border-radius: 19px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%; left: 50%; transform: translateX(-50%); text-align: center; padding-top: 29px; } body.page-id-12541 body.page-id-12541 div#banner_metaverso { padding-top: 0px; } body.page-id-12541 div#formulario_principal h3 strong { display: block; } body.page-id-12541 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%; padding: 0px 7px; margin-bottom: 0px; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; } body.page-id-12541 .titulo_conferencia h1 strong { display: block; } body.page-id-12541 div#formulario_principal > div { padding-top: 15px; } body.page-id-12541 div#formulario_principal .et_pb_text_inner { border-radius: 42px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%;left: 50%;transform: translateX(-50%); text-align: center; padding-top: 35px; overflow: hidden !important; padding-bottom: 21px; } body.page-id-12541 body.page-id-12541 div#banner_metaverso { padding-top: 0px; } body.page-id-12541 div#formulario_principal h3 strong { display: block; } body.page-id-12541 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%;padding: 0px 12px; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; text-align: left !important; height: 46px; padding-top: 32px; padding-bottom: 10px; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label { color: #213a81 !important; text-align: left;font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 400; opacity: 1 !important; font-size: 12px !important; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label span.b24-form-control-required { color: #4668fc !important; } body.page-id-12541 .b24-form-control-alert .b24-form-control-alert-message { background: #4263ef; } body.page-id-12541 .b24-form-control-alert-message:after { border: 3px solid #4263ef !important; border-top-color: transparent !important; border-right-color: transparent !important; } body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field.b24-form-field-string.b24-form-control-string:nth-child(1) { width: 100%; } body.page-id-12541 .b24-form-wrapper.b24-form-border-bottom { border: 0px !important; background: rgba(0, 0, 0, 0); } body.page-id-12541 button.b24-form-btn { background: linear-gradient(70deg, #4668fc, #223e8b); border-radius: 27px; padding: 10px !important; height: 41px !important; min-height: 0px; line-height: 1; border: 1px solid #223e8b; } body.page-id-12541 button.b24-form-btn:hover { color: #223e8b; background: rgba(0, 0, 0, 0); } body.page-id-12541 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement { width: 100% !important; text-align: left; } body.page-id-12541 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link { color: #254195; opacity: 1 !important; font-weight: 500 !important; text-decoration: none; } body.page-id-12541 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link:hover { color: #000; } body.page-id-12541 #banner_metaverso .fluid-width-video-wrapper { display: none; } body.page-id-12541 .phone_svg { position: absolute; top: 1%; width: 110px; z-index: 99; left: 0px !important; } body.page-id-12541 .velocimetro_svg { position: absolute; top: 25px; right: 24%; width: 110px; z-index: 999; } body.page-id-12541 .video_svg { position: absolute; top: 50%; width: 110px; right: 8%; z-index: 999; } body.page-id-12541 .phone_svg img, .video_svg img, .velocimetro_svg img { animation: floating 5s linear 2s infinite; } body.page-id-12541 div#bg_blue { position: absolute; bottom: 0px; right: 0px; height: 100%; width: 150%; z-index: -1; } body.page-id-12541 div#banner_metaverso { min-height: 0px !important; } body.page-id-12541 div#banner_metaverso { margin-bottom: 0px !important; position: relative; } body.page-id-12541 div#formulario_principal { z-index: 9999; position: relative; } body.page-id-12541 .contenido_banner { z-index: 999; } body.page-id-12541 .b24-form-content.b24-form-padding-side { background: transparent !important; } body.page-id-12541 div#banner_metaverso { overflow: hidden; } body.page-id-12541 .banner_div { position: relative; } body.page-id-12541 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper, body.page-id-12541 .banner_div .et_pb_button_module_wrapper.et_pb_button_1_tb_body_wrapper { position: absolute; bottom: 55px; z-index: 999; left: 37% !important; right: inherit !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } body.page-id-12541 .banner_img { right: 0px; width: auto; height: 664px; bottom: 0px; max-width: 700px; margin: 0px !important; padding: 0px !important; position: relative; } body.page-id-12541 .banner_img img { width: auto;height: 700px; max-width: 700px; bottom: 0px; right: 153px; position: relative; z-index: 1; } body.page-id-12541 .speakers_1 img, #speakers_2 img { width: 80%; display: block; margin: 0 auto; } body.page-id-12541 div#bg_white { margin-top: -307px; } body.page-id-12541 .img_back:hover { transform: translateY(-15px); } body.page-id-12541 .img_back { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } body.page-id-12541 div#bg_blue span.et_pb_image_wrap { display: flex; text-align: center; justify-content: flex-end; align-items: flex-end; height: 100%; } body.page-id-12541 .titulo_speakers_movil { display: none; } body.page-id-12541 .boton_ver_speakers_movil { display: none !important; } body.page-id-12541 .corazon_svg { position: absolute; bottom: 43%; width: 110px; z-index: 999; left: -13%; } body.page-id-12541 .corazon_svg img { animation: floating 5s linear 2s infinite; } body.page-id-12541 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-12541 div#contador_parent {background: rgb(41 34 141 / 37%);/* padding: 66px 20px 71px 20px !important; */} body.page-id-12541 div#contador_parent .et_pb_module.et_pb_countdown_timer {margin: 0px !important;padding: 0px !important;padding-top: 31px !important;} body.page-id-12541 div#contador_parent .et_pb_module.et_pb_countdown_timer p.value {background: #241f87;padding: 15px 11px;border-radius: 18px;} body.page-id-12541 div#contador_parent .et_pb_module.et_pb_countdown_timer .sep.section {padding-top: 11px;} body.page-id-12541 div#contador_parent .et_pb_column {padding: 66px 20px 71px 20px !important;} body.page-id-12541 div#contador_parent .et_pb_column.et-last-child {background: #09095d8a;position: relative;padding-left: 55px !important;} body.page-id-12541 div#contador_parent .et_pb_column.et-last-child strong {color: #c3c7f9;} body.page-id-12541 div#contador_parent .et_pb_column.et-last-child:before {content: '';position: absolute;left: -38px;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);border-left: 20px solid rgba(0, 0, 0, 0);border-top: 20px solid rgba(0, 0, 0, 0);border-right: 20px solid #242089;border-bottom: 20px solid rgba(0, 0, 0, 0);} body.page-id-12541 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-12541 div#formulario_principal .b24-form-header-title { display: none !important; } body.page-id-12541 div#formulario_principal .b24-form-header.b24-form-padding-side { border-bottom: 0px solid rgba(82,92,105,0.11); padding: 0px !important; } body.page-id-12541 div#banner_metaverso h1 { color: #293d7a !important; font-size: 30px !important; padding-top: 10px; } body.page-id-12541 div#banner_metaverso h1 strong span { display: flex; text-align: center; justify-content: left; align-items: center; } body.page-id-12541 div#banner_metaverso h1 em:nth-child(1) { font-style: normal; font-size: 19px; display: block !important; font-weight: 500; line-height: 1; position: relative; } body.page-id-12541 div#banner_metaverso h1 strong span:nth-child(1) { font-size: 13px; color: #1572ab; text-align: left; line-height: 1; } body.page-id-12541 div#banner_metaverso h1 strong span em { display: inline-block !important; width: auto !important; } body.page-id-12541 div#banner_metaverso h1 strong span em { font-weight: 700 !important; font-size: 42px !important; } body.page-id-12541 span.text_digital { display: flex; text-align: center; justify-content: center; align-items: center; margin-top: 7px; } body.page-id-12541 div#banner_metaverso h1 span.text_digital em { font-weight: 700; font-size: 49px !important; } body.page-id-12541 div#banner_metaverso h1 span.text_digital strong span:nth-child(2) { font-size: 36px; line-height: 1; } body.page-id-12541 div#banner_metaverso h1 span.text_digital strong span em { font-size: 36px !important; position: relative; } body.page-id-12541 div#banner_metaverso h1 span.text_digital strong span em:before { content: ''; width: 14px; height: 13px; background: url(/landing/wp-content/themes/Divi/images/circle.svg) no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 0px; position: absolute; bottom: 9px; left: 5px; z-index: 1; } body.page-id-12541 div#banner_metaverso h1 span.text_digital > em:nth-child(1) { margin-right: 8px; } body.page-id-12541 div#banner_metaverso h1 > em:nth-child(1):after { content: ''; width: 121px; height: 19px; background: url('/landing/wp-content/themes/Divi/images/arrow.svg') no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 6px; } .temas_medicos > div span.et_pb_image_wrap .et-pb-icon { position: relative; font-size: 0px; width: 60px; height: 60px; padding: 0px; display: flex; align-items: center; justify-content: center; } .temas_medicos > div span.et_pb_image_wrap .et-pb-icon:before { content: '1'; color: #4061e9; font-size: 28px; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight: bold; } .temas_medicos > div:nth-child(3) span.et_pb_image_wrap .et-pb-icon:before { content: '3'; } .temas_medicos > div:nth-child(2) span.et_pb_image_wrap .et-pb-icon:before { content: '2'; } .temas_medicos > div:nth-child(4) span.et_pb_image_wrap .et-pb-icon:before { content: '4'; } /*MEDIA QUERIES*/ @media (max-width: 1400px) { body.page-id-12541 .velocimetro_svg { right: 10%; } } @media (max-width: 1200px) { .page-id-12541 .et_pb_text_9_tb_body h2 { font-size: 30px; } body.page-id-12541 .velocimetro_svg { right: -11%; } body.page-id-12541 .video_svg { top: 73%; right: 16%; } } @media (max-width: 980px) { body.page-id-12541 .corazon_svg { right: inherit; bottom: 35%; transform: inherit; -webkit-transform: inherit; -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; left: 22px; } .page-id-12541 .et_pb_text_9_tb_body h2 { font-size: 30px; } .titulo_speakers_movil { display: block; } body.page-id-12541 div#banner_metaverso {padding-top: 26px;padding-bottom: 0px !important;} body.page-id-12541 div#banner_metaverso h1 {font-size: 26px;font-size: 35px !important;} body.page-id-12541 div#formulario_principal h3 {font-size: 20px;} body.page-id-12541 .banner_img img {margin: 0 auto;right: inherit;height: auto;max-width: 100%;width: 600px;} body.page-id-12541 .banner_img {height: auto;max-width: 100%;text-align: center;} body.page-id-12541 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper {left: 50% !important;/* position: fixed; *//* transform: inherit; */ /* -webkit-transform: inherit; */ -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; } body.page-id-12541 .phone_svg {left: 10% !important;} body.page-id-12541 .velocimetro_svg {right: 17%;top: 18px;} body.page-id-12541 .et_pb_section.et_pb_section_1_tb_body.et_pb_with_background.et_section_regular {z-index: 1;position: relative;} div#ponentes .et_pb_column .et_pb_column_9_tb_body.et_pb_css_mix_blend_mode_passthrough > div {min-height: 0px !important;} body.page-id-12541 #ponentes .img_back {min-height: 0px;padding-bottom: 24px !important;} body.page-id-12541 div#img_celular {margin-bottom: -16px !important;} body.page-id-12541 div#formulario_principal .et_pb_text_inner {width: 90%;} body.page-id-12541 div#formulario_principal .b24-form-wrapper {max-width: 100% !important;} body.page-id-12541 .speakers_1, body.page-id-12541 div#speakers_2 {padding-top: 6px !important;} body.page-id-12541 h2 {font-size: 30px !important;} .subtitle_conferencia p {font-size: 20px;} body.page-id-12541 div#titulo_speakers_parent { display: none !important; } body.page-id-12541 .boton_ver_speakers_movil { display: block !important; } body.page-id-12541 .boton_ver_speakers_escritorio { display: none !important; } body.page-id-12541 div#banner_metaverso h1 em { font-style: normal; font-size: 44px; } body.page-id-12541 div#contador_parent .et_pb_column {padding: 33px 20px 24px 20px !important;} body.page-id-12541 div#contador_parent .et_pb_column.et-last-child { text-align: center; padding-left: 20px !important; } body.page-id-12541 div#contador_parent .et_pb_column.et-last-child p {text-align: center;} body.page-id-12541 div#banner_metaverso h1, body.page-id-12541 div#banner_metaverso h1 span.text_digital em { font-size: 24px !important; } } @media (max-width: 640px) { body.page-id-12541 div#img_celular img {width: 100%;} .mensaje_svg, .chat_svg {width: 110px;} body.page-id-12541 div#banner_metaverso h1 em { font-style: normal; font-size: 45px; line-height: 1; } } @media only screen and (max-width: 767px) { /* body.page-id-12541 body #page-container .et_pb_section a#boton_ver_speakers { font-size: 19px !important; }*/ body.page-id-12541 #page-container .et_pb_section .et_pb_button_0_tb_body, body.page-id-12541 #page-container .et_pb_section .et_pb_button_1_tb_body { font-size: 19px !important; } } @media (max-width: 450px) { body.page-id-12541 .phone_svg, body.page-id-12541 .velocimetro_svg, body.page-id-12541 .corazon_svg, body.page-id-12541 .video_svg { width: 50px; } body.page-id-12541 div#bg_blue_speakers {padding-bottom: 304px;} body.page-id-12541 .mensaje_svg, body.page-id-12541 .chat_svg {width: 67px;} body.page-id-12541 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field {width: 100%;} body.page-id-12541 .et_pb_image_0_tb_header {width: 100%;} body.page-id-12541 header .et_pb_row.et_pb_row_0_tb_header {margin-bottom: 0px !important;} } /*END IPS: Retos y nuevas obligaciones deformación para el talento humano en salud*/ /*Pagina Inteligencia Artificial práctica para profesionales sanitarios sin tiempo que perder */ body.page-id-12861 .background_banner h2 > span { font-family: 'Kaushan Script',handwriting !important; font-size: 47px; color: #c4c3de !important; display: inline-block; vertical-align: bottom; line-height: 1; } body.page-id-12861 p { font-size: 18px; line-height: 1.2; } body.page-id-12861 .columna_banner .et_pb_button_module_wrapper { text-align: right; } body.page-id-12861 .imagen_banner img { animation: floating 5s linear 2s infinite; } @keyframes floating{ 0%{transform:translateY(0px)} 50%{transform:translateY(20px)} 100%{transform:translateY(0px)} } @-webkit-keyframes floating { 0%{transform:translateY(0px)} 50%{transform:translateY(20px)} 100%{transform:translateY(0px)} } @-moz-keyframes animacion1 { 0%{transform:translateY(0px)} 50%{transform:translateY(20px)} 100%{transform:translateY(0px)} } .cube { position: absolute; border-radius: 50%; top: 80vh; left: 45vw; width: 10px; height: 10px; border: solid 3px rgba(222, 211, 229, 0.4); opacity: 0.2; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%); transform: scale(0) rotate(0deg) translate(-50%, -50%); -webkit-animation: cube 12s ease-in forwards infinite; animation: cube 12s ease-in forwards infinite; } .cube:nth-child(2n) { border-color: #202056; } body.page-id-12861 .columna_banner .et_pb_button_module_wrapper { text-align: right; } .cube:nth-child(2) { -webkit-animation-delay: 1s; animation-delay: 1s; left: 25vw; top: 40vh; } .cube:nth-child(3) { -webkit-animation-delay: 2s; animation-delay: 2s; left: 75vw; top: 50vh; } .cube:nth-child(4) { -webkit-animation-delay: 4s; animation-delay: 4s; left: 90vw; top: 10vh; } .cube:nth-child(5) { -webkit-animation-delay: 4s; animation-delay: 4s; left: 10vw; top: 85vh; } .cube:nth-child(6) { -webkit-animation-delay: 6s; animation-delay: 6s; left: 50vw; top: 10vh; } @-webkit-keyframes cube { from { -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%); transform: scale(0) rotate(0deg) translate(-50%, -50%); opacity: 1; } to { -webkit-transform: scale(20) rotate(960deg) translate(-50%, -50%); transform: scale(20) rotate(960deg) translate(-50%, -50%); opacity: 0; } } @keyframes cube { from { -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%); transform: scale(0) rotate(0deg) translate(-50%, -50%); opacity: 1; } to { -webkit-transform: scale(20) rotate(960deg) translate(-50%, -50%); transform: scale(20) rotate(960deg) translate(-50%, -50%); opacity: 0; } } body.page-id-12861 .hero { position: absolute; left: -30%; top: 0px; display: inline-block; } /*--------HEADER---------*/ body.page-id-12861 header { position: fixed; z-index: 999; width: 100%; left: 0px; } body.page-id-12861 header div#header_up ul.et_pb_social_media_follow li { padding: 0px; margin-bottom: 0px !important; padding-bottom: 0px; border-right: 1px solid #fff; line-height: 1; height: 39px; } body.page-id-12861 header div#header_up ul.et_pb_social_media_follow li a { margin: 0px; font-size: 8px; } body.page-id-12861 header div#header_up { background: #333333 !important; padding: 6px 0px; } body.page-id-12861 header div#header_up ul.et_pb_social_media_follow li a:before { font-size: 13px; font-weight: 100; } body.page-id-12861 header div#header_up ul.et_pb_social_media_follow { padding-left: 15px; } body.page-id-12861 header div#header_up ul.et_pb_social_media_follow li a:after { content: ''; background: rgba(0, 0, 0, 0); position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; z-index: -1; } body.page-id-12861 header div#header_up ul.et_pb_social_media_follow li.et-social-twitter a:hover:after { background: #2aaae0; height: 100%; } body.page-id-12861 header div#header_up ul.et_pb_social_media_follow li.et-social-facebook a:hover:after { background: #3a559f; height: 100%; } body.page-id-12861 header div#header_up ul.et_pb_social_media_follow li.et-social-instagram a:hover:after { background: #b2357f; height: 100%; } body.page-id-12861 header div#header_up ul.et_pb_social_media_follow li.et-social-linkedin a:hover:after { background: #0077b7; height: 100%; } body.page-id-1286 .background_banner { padding-bottom: 76px !important; } body.page-id-12861 .tabla_precios .et_pb_pricing_heading { background: linear-gradient(to right, #202056, #11a2c9) !important; } body.page-id-12861 .tabla_precios .et_pb_pricing_table { border-right: 1px solid #202056 !important; border-bottom: aliceblue!important; border-left: 1px solid #202056 !important; border-top: 0px; } body.page-id-12861 .tabla_precios { border: 1px solid #202056; border-radius: 15px; overflow: hidden; } body.page-id-12861 .tabla_precios .et_pb_pricing_table span.et_pb_sum { color: #202056; } body.page-id-12861 .tabla_precios .et_pb_pricing_table:nth-child(1) { border-left: 0px !important; } body.page-id-12861 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li { display: block; text-align: center; font-size: 27px; padding-bottom: 0px; } body.page-id-12861 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li span:before { border: 0px !important; } body.page-id-12861 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li span span img { border-radius: 50%; height: 25px; margin-right: 0.5rem; -o-object-fit: cover; object-fit: cover; width: 25px; } body.page-id-12861 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li span strong { line-height: 1.03em; font-weight: 400; color: #202056; } body.page-id-12861 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li span strong em { color: #999; font-weight: 500; font-style: normal; font-size: 17px; } body.page-id-12861 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li span strong em:before { content: '/'; } body.page-id-12861 div#content_formulario form.wpcf7-form label { display: block; color: #fff; font-size: 14px; margin-bottom: 23px; } body.page-id-12861 div#content_formulario form.wpcf7-form label > span { display: block; width: 100%; margin-top: 7px; } body.page-id-12861 div#content_formulario form.wpcf7-form label > span input { width: 100%; border-radius: 21px; font-size: 15px; padding: 12px 17px; } body.page-id-12861 div#content_formulario form.wpcf7-form label textarea.wpcf7-form-control { width: 100%; border-radius: 21px; font-size: 15px; padding: 12px 17px; height: 100px; } body.page-id-12861 div#content_formulario form.wpcf7-form label:nth-child(2) { width: 49%; margin-right: 1%; display: inline-block; } body.page-id-12861 div#content_formulario form.wpcf7-form label:nth-child(3) { width: 49%; margin-left: 1%; display: inline-block; } body.page-id-12861 div#content_formulario form.wpcf7-form input.wpcf7-submit { background: #bdbddd; color: #000 !important; text-transform: uppercase; width: 136px; border-radius: 11px; box-shadow: 0 0.5em 0.5em -0.4em #0a0012; border: 0px; font-size: 18px; padding: 12px 12px; margin: 0 auto; display: block; border: 1px solid #bdbddd; } body.page-id-12861 div#content_formulario form.wpcf7-form input.wpcf7-submit:hover { background: #2d68a4; border: 1px solid #bdbddd; color: #bdbddd !important; } body.page-id-12861 div#content_formulario form.wpcf7-form label { vertical-align: top; } body.page-id-12861 div#content_formulario form.wpcf7-form label { vertical-align: top; } body.page-id-12861 .background_banner { padding-top: 140px !important; position: relative; color: #fff; text-align: center; } body.page-id-12861 .modulo_servicios.et_pb_with_background .et_pb_button_module_wrapper { margin-top: -45px !important; text-align: center; margin-bottom: 37px !important; } body.page-id-12861 .modulo_servicios.et_pb_with_background .et_pb_button_module_wrapper { margin-top: -45px !important; text-align: center; margin-bottom: 37px !important; } body.page-id-12861 #page-container .et_pb_section a.icono_web.et_pb_button_2:after { content: '2'; } body.page-id-12861 #page-container .et_pb_section a.icono_web.et_pb_button_3:after { content: '3'; } /*END EFECTOS CUADROS*/ body.page-id-12861 .modulo_servicios h2 { font-weight: bold; text-align: center; color: #4b0080; position: relative; padding: 0px 42px 14px 34px; } body.page-id-12861 .modulo_servicios_content p {text-align: center;font-size: 21px;} body.page-id-12861 .modulo_servicios_content ul li { position: relative; display: block; margin-bottom: 0px; padding-left: 12px; } body.page-id-12861 .modulo_servicios_content ul {margin-top: 26px;} body.page-id-12861 .modulo_servicios_content ul li:before { content: ''; border-radius: 50%; height: 5px; width: 5px; vertical-align: middle; display: inline-block; margin-right: 8px; position: absolute; left: 0px; top: 9px; background: #5b5a58; } body.page-id-12861 .modulo_servicios .et_pb_row.et_pb_row_3_tb_body { overflow: inherit !important; } body.page-id-12861 .modulo_servicios .columna_servicios { overflow: inherit; } body.page-id-12861 #page-container .et_pb_section .icono_web { font-size: 0px !important; height: 60px; width: 60px !important; margin-left: 0px !important; margin-bottom: 0px; pointer-events: none !important; background: #202056 !important; border-radius: 50%; text-align: center; position: relative; } body.page-id-12861 #page-container .et_pb_section a.icono_web:after { content: '1'; font-family: 'Arial' !important; font-weight: bold; font-size: 34px !important; position: absolute; left: 0px; top: 13px; color: #ffff; width: 100%; height: 40px; line-height: 1 !important; padding-left: 0px; margin-left: 0px; } body.page-id-12861 .modulo_servicios.et_pb_with_background .et_pb_button_module_wrapper { margin-top: -45px !important; text-align: center; margin-bottom: 37px !important; } body.page-id-12861 .modulo_servicios.et_pb_with_background .et_pb_button_module_wrapper { margin-top: -45px !important; text-align: center; margin-bottom: 37px !important; } body.page-id-12861 #page-container .et_pb_section a.icono_web.et_pb_button_2:after { content: '2'; } body.page-id-12861 #page-container .et_pb_section a.icono_web.et_pb_button_3:after { content: '3'; } body.page-id-12861 div#directores p { font-size: 13px; } body.page-id-12861 h3.imagen_bosque strong { font-weight: 400; } body.page-id-12861 .back_plan_clinica p { padding-left: 20px; display: flex; text-align: left; justify-content: left; align-items: center; } body.page-id-12861 div#plan_hospitales p { font-size: 15px !important; } body.page-id-12861 .back_plan_clinica p img { margin-right: 8px; } body.page-id-12861 .back_plan_clinica p strong { font-weight: bold; color: #11a2c9; } body.page-id-12861 div#plan_hospitales { display: flex; flex-flow: wrap; } body.page-id-12861 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content p { font-size: 15px; } body.page-id-12861 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content h2 { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-weight: 500; font-size: 15px; background: #202056!important; text-align: left; margin-top: 27px; margin-bottom: 17px; color: #fff; display: inline-block; padding: 10px 20px 10px 20px; border-radius: 19px; } body.page-id-12861 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content table { border: 0px; } body.page-id-12861 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content table td:nth-child(1) { width: 22%; text-align: center; background: #aef0ff; color: #202056; font-weight: bold; } body.page-id-12861 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content table td { border-top: 1px solid #202056; } body.page-id-12861 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content table td:nth-child(2) { background: #f2f2f2; } body.page-id-12861 div#programa_preliminar .et_pb_toggle { border: 1px solid #11a2c9; background: #ececf3; border-radius: 39px !important; overflow: hidden; padding: 0px; } body.page-id-12861 div#programa_preliminar .et_pb_toggle .et_pb_toggle_title { color: #11a2c9; font-weight: bold; padding: 17px 33px; } body.page-id-12861 div#programa_preliminar .et_pb_toggle .et_pb_toggle_title:before { color: #11a2c9; right: 21px; font-size: 20px; } body.page-id-12861 div#programa_preliminar .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { background: #11a2c9; color: #fff; } body.page-id-12861 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content { padding: 39px 37px 41px 37px; } body.page-id-12861 .entry-content table:not(.variations), body.et-pb-preview #main-content .container table { border: 1px solid #eee; margin: 0 0 15px; text-align: left; width: 100%; } body.page-id-12861 .table_programa table { width: 100%; } body.page-id-12861 .table_programa td { border-top: 1px solid #eee; padding: 6px 24px; } body.page-id-12861 span.title_orl { display: inline-block; width: 100%; font-size: 15px; line-height: 1; } body.page-id-12861 .patrocinadores ul { margin: 0px; padding: 0px; display: flex; flex-flow: wrap; justify-content: center; } body.page-id-12861 .patrocinadores ul > li { width: 30%; display: block; background: #11a2c9; padding: 10px 10px; margin: 10px 1%; border-radius: 28px; border: 1px solid #11a2c9; } body.page-id-12861 .patrocinadores ul > li:hover { background: transparent; color: #11a2c9; } body.page-id-12861 .formulario_clinica.et_section_regular { /* background: url(/wp-content/themes/divi-child/images/bg_formulario.jpg); */ background-size: cover; background-position: top center; background-attachment: fixed; padding: 77px 0px 83px 0px !important; } body.page-id-12861 footer { background-color: #9c9c9c; color: #fff; padding-bottom: 32px !important; z-index: -1; position: relative; } body.page-id-12861 div#content_formulario { background-image: linear-gradient(180deg,#0e0e30 66%,#2a68a1 100%)!important; color: #fff; } body.page-id-12861 ul#menu-menu-principal > li > a { color: #fff;font-size: 16px;padding: 8px 0px;display: block;position: relative;transition: all 0.3s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;opacity: 1 !important; font-weight: 300; } body.page-id-12861 ul#menu-menu-principal > li > a:before { content: ''; height: 2px; width: 0px; bottom: 0px; background: #55acff; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } body.page-id-12861 ul#menu-menu-principal > li:hover > a:before {width: 100%;} body.page-id-12861 ul#menu-menu-principal > li.registrese > a {border: 1px solid #5601c1;opacity: 1;} body.page-id-12861 ul#menu-menu-principal > li.registrese:hover > a {opacity: 1;} body.page-id-12861 ul#menu-menu-principal > li.registrese:hover > a:before {height: 0px;} body.page-id-12861 ul#menu-menu-principal > li.registrese > a:before {width: 100%;height: 51%;z-index: -1;bottom: 0px;top: inherit;} body.page-id-12861 ul#menu-menu-principal > li.registrese > a:after {content: ''; height: 4px; width: 100%; bottom: 0px; background: #5601c1; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); background-image: linear-gradient(to right, #5601c1, #5e099b); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;width: 100%;height: 52%;top: -1px;bottom: inherit;z-index: -1; } body.page-id-12861 ul#menu-menu-principal > li.menu_contacto > a { background: #11a2c9; padding: 8px 23px; font-weight: bold; border-radius: 20px; box-shadow: 2px 3px 16px #00000044; } body.page-id-12861 ul#menu-menu-principal > li.menu_contacto > a:before { height: 0px; } body.page-id-12861 ul#menu-menu-principal > li.menu_contacto:hover > a { box-shadow: 2px 3px 9px #0c65ba; } body.page-id-12861 ul#menu-menu-principal > li.menu_sesion > a { background: #fefeff; padding: 8px 23px; font-weight: bold; border-radius: 20px; box-shadow: 2px 3px 16px #00000044; color: #11a2c9; } body.page-id-12861 ul#menu-menu-principal > li.menu_sesion > a:before { height: 0px; } body.page-id-12861 ul#menu-menu-principal > li.menu_sesion:hover > a { box-shadow: 2px 3px 9px #11a2c9; color: #11a2c9; } body.page-id-12861 ul#menu-menu-principal > li.registrese:hover > a:after {height: 0px;} body.page-id-12861 ul#menu-menu-principal > li:hover > a {color: #ecddff;} body.page-id-12861 .menu_artficial_principal { display: flex; justify-content: flex-end; } body.page-id-12861 header:before { background-image: linear-gradient(to right, #0e0e30, #13134a); position: absolute;content: '';left: 0px;top: 0px;height: 0px;width: 100%;transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } body.page-id-12861 header.menuweb_fixed:before {height: 100%;} @media (max-width: 991px) { body.page-id-12861 ul#menu-menu-principal { display: flex; padding-left: 0px !important; margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-12861 ul#menu-menu-principal > li { padding-right: 5px; } body.page-id-12861 ul#menu-menu-principal > li.menu_contacto > a { padding: 8px 8px; } body.page-id-12861 ul#menu-menu-principal > li.menu_sesion > a { padding: 8px 8px; } body.page-id-12861 header .et_pb_row.et_pb_row_0_tb_header.up_menu { max-width: 100%; padding-left: 5px; margin: 0px; width: 100%; padding-right: 0px; } body.page-id-12861 .menu_artficial_principal { padding-left: 0px; margin-left: 0px; width: 100%; max-width: 100%; justify-content: center; } body.page-id-12861 .columna_banner .et_pb_button_module_wrapper { margin-bottom: 0px !important; } body.page-id-12861 .background_banner { padding-bottom: 68px; } body.page-id-12861 div#plan_hospitales { margin-bottom: 0px !important; padding-bottom: 0px; } body.page-id-12861 .et_pb_row.et_pb_row_7_tb_body.et_pb_equal_columns.et_pb_gutters2.et_pb_row_4col { padding-top: 0px; margin-bottom: 0px !important; padding-bottom: 0px; } body.page-id-12861 .columna_banner p { text-align: center; margin-bottom: 49px !important; } body.page-id-12861 .columna_banner .et_pb_button_module_wrapper { text-align: center !important; padding-left: 34px; } } /*END Pagina Inteligencia Artificial práctica para profesionales sanitarios sin tiempo que perder */ /*PAUTA-IPS: Retos y nuevas obligaciones deformación para el talento humano en salud*/ body.page-id-13082 { background: #f7f7fd; } body.page-id-13082 .titulo_conferencia h1 strong { display: block; } body.page-id-13082 div#formulario_principal > div { padding-top: 15px; } body.page-id-13082 div#formulario_principal .et_pb_text_inner { background: rgba(255, 255, 255, 0.4); border-radius: 19px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%; left: 50%; transform: translateX(-50%); text-align: center; padding-top: 29px; } body.page-id-13082 body.page-id-13082 div#banner_metaverso { padding-top: 0px; } body.page-id-13082 div#formulario_principal h3 strong { display: block; } body.page-id-13082 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%; padding: 0px 7px; margin-bottom: 0px; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; } body.page-id-13082 .titulo_conferencia h1 strong { display: block; } body.page-id-13082 div#formulario_principal > div { padding-top: 15px; } body.page-id-13082 div#formulario_principal .et_pb_text_inner { border-radius: 42px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%;left: 50%;transform: translateX(-50%); text-align: center; padding-top: 35px; overflow: hidden !important; padding-bottom: 21px; } body.page-id-13082 body.page-id-13082 div#banner_metaverso { padding-top: 0px; } body.page-id-13082 div#formulario_principal h3 strong { display: block; } body.page-id-13082 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%;padding: 0px 12px; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; text-align: left !important; height: 46px; padding-top: 32px; padding-bottom: 10px; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label { color: #213a81 !important; text-align: left;font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 400; opacity: 1 !important; font-size: 12px !important; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label span.b24-form-control-required { color: #4668fc !important; } body.page-id-13082 .b24-form-control-alert .b24-form-control-alert-message { background: #4263ef; } body.page-id-13082 .b24-form-control-alert-message:after { border: 3px solid #4263ef !important; border-top-color: transparent !important; border-right-color: transparent !important; } body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field.b24-form-field-string.b24-form-control-string:nth-child(1) { width: 100%; } body.page-id-13082 .b24-form-wrapper.b24-form-border-bottom { border: 0px !important; background: rgba(0, 0, 0, 0); } body.page-id-13082 button.b24-form-btn { background: linear-gradient(70deg, #4668fc, #223e8b); border-radius: 27px; padding: 10px !important; height: 41px !important; min-height: 0px; line-height: 1; border: 1px solid #223e8b; } body.page-id-13082 button.b24-form-btn:hover { color: #223e8b; background: rgba(0, 0, 0, 0); } body.page-id-13082 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement { width: 100% !important; text-align: left; } body.page-id-13082 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link { color: #254195; opacity: 1 !important; font-weight: 500 !important; text-decoration: none; } body.page-id-13082 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link:hover { color: #000; } body.page-id-13082 #banner_metaverso .fluid-width-video-wrapper { display: none; } body.page-id-13082 .phone_svg { position: absolute; top: 1%; width: 110px; z-index: 99; left: 0px !important; } body.page-id-13082 .velocimetro_svg { position: absolute; top: 25px; right: 24%; width: 110px; z-index: 999; } body.page-id-13082 .video_svg { position: absolute; top: 50%; width: 110px; right: 8%; z-index: 999; } body.page-id-13082 .phone_svg img, .video_svg img, .velocimetro_svg img { animation: floating 5s linear 2s infinite; } body.page-id-13082 div#bg_blue { position: absolute; bottom: 0px; right: 0px; height: 100%; width: 150%; z-index: -1; } body.page-id-13082 div#banner_metaverso { min-height: 0px !important; } body.page-id-13082 div#banner_metaverso { margin-bottom: 0px !important; position: relative; } body.page-id-13082 div#formulario_principal { z-index: 9999; position: relative; } body.page-id-13082 .contenido_banner { z-index: 999; } body.page-id-13082 .b24-form-content.b24-form-padding-side { background: transparent !important; } body.page-id-13082 div#banner_metaverso { overflow: hidden; } body.page-id-13082 .banner_div { position: relative; } body.page-id-13082 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper, body.page-id-13082 .banner_div .et_pb_button_module_wrapper.et_pb_button_1_tb_body_wrapper { position: absolute; bottom: 55px; z-index: 999; left: 37% !important; right: inherit !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } body.page-id-13082 .banner_img { right: 0px; width: auto; height: 664px; bottom: 0px; max-width: 700px; margin: 0px !important; padding: 0px !important; position: relative; } body.page-id-13082 .banner_img img { width: auto;height: 700px; max-width: 700px; bottom: 0px; right: 153px; position: relative; z-index: 1; } body.page-id-13082 .speakers_1 img, #speakers_2 img { width: 80%; display: block; margin: 0 auto; } body.page-id-13082 div#bg_white { margin-top: -307px; } body.page-id-13082 .img_back:hover { transform: translateY(-15px); } body.page-id-13082 .img_back { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } body.page-id-13082 div#bg_blue span.et_pb_image_wrap { display: flex; text-align: center; justify-content: flex-end; align-items: flex-end; height: 100%; } body.page-id-13082 .titulo_speakers_movil { display: none; } body.page-id-13082 .boton_ver_speakers_movil { display: none !important; } body.page-id-13082 .corazon_svg { position: absolute; bottom: 43%; width: 110px; z-index: 999; left: -13%; } body.page-id-13082 .corazon_svg img { animation: floating 5s linear 2s infinite; } body.page-id-13082 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-13082 div#contador_parent {background: rgb(41 34 141 / 37%);/* padding: 66px 20px 71px 20px !important; */} body.page-id-13082 div#contador_parent .et_pb_module.et_pb_countdown_timer {margin: 0px !important;padding: 0px !important;padding-top: 31px !important;} body.page-id-13082 div#contador_parent .et_pb_module.et_pb_countdown_timer p.value {background: #241f87;padding: 15px 11px;border-radius: 18px;} body.page-id-13082 div#contador_parent .et_pb_module.et_pb_countdown_timer .sep.section {padding-top: 11px;} body.page-id-13082 div#contador_parent .et_pb_column {padding: 66px 20px 71px 20px !important;} body.page-id-13082 div#contador_parent .et_pb_column.et-last-child {background: #09095d8a;position: relative;padding-left: 55px !important;} body.page-id-13082 div#contador_parent .et_pb_column.et-last-child strong {color: #c3c7f9;} body.page-id-13082 div#contador_parent .et_pb_column.et-last-child:before {content: '';position: absolute;left: -38px;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);border-left: 20px solid rgba(0, 0, 0, 0);border-top: 20px solid rgba(0, 0, 0, 0);border-right: 20px solid #242089;border-bottom: 20px solid rgba(0, 0, 0, 0);} body.page-id-13082 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-13082 div#formulario_principal .b24-form-header-title { display: none !important; } body.page-id-13082 div#formulario_principal .b24-form-header.b24-form-padding-side { border-bottom: 0px solid rgba(82,92,105,0.11); padding: 0px !important; } body.page-id-13082 div#banner_metaverso h1 { color: #293d7a !important; font-size: 30px !important; padding-top: 10px; } body.page-id-13082 div#banner_metaverso h1 strong span { display: flex; text-align: center; justify-content: left; align-items: center; } body.page-id-13082 div#banner_metaverso h1 em:nth-child(1) { font-style: normal; font-size: 19px; display: block !important; font-weight: 500; line-height: 1; position: relative; } body.page-id-13082 div#banner_metaverso h1 strong span:nth-child(1) { font-size: 13px; color: #1572ab; text-align: left; line-height: 1; } body.page-id-13082 div#banner_metaverso h1 strong span em { display: inline-block !important; width: auto !important; } body.page-id-13082 div#banner_metaverso h1 strong span em { font-weight: 700 !important; font-size: 42px !important; } body.page-id-13082 span.text_digital { display: flex; text-align: center; justify-content: center; align-items: center; margin-top: 7px; } body.page-id-13082 div#banner_metaverso h1 span.text_digital em { font-weight: 700; font-size: 49px !important; } body.page-id-13082 div#banner_metaverso h1 span.text_digital strong span:nth-child(2) { font-size: 36px; line-height: 1; } body.page-id-13082 div#banner_metaverso h1 span.text_digital strong span em { font-size: 36px !important; position: relative; } body.page-id-13082 div#banner_metaverso h1 span.text_digital strong span em:before { content: ''; width: 14px; height: 13px; background: url(/landing/wp-content/themes/Divi/images/circle.svg) no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 0px; position: absolute; bottom: 9px; left: 5px; z-index: 1; } body.page-id-13082 div#banner_metaverso h1 span.text_digital > em:nth-child(1) { margin-right: 8px; } body.page-id-13082 div#banner_metaverso h1 > em:nth-child(1):after { content: ''; width: 121px; height: 19px; background: url('/landing/wp-content/themes/Divi/images/arrow.svg') no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 6px; } .temas_medicos > div span.et_pb_image_wrap .et-pb-icon { position: relative; font-size: 0px; width: 60px; height: 60px; padding: 0px; display: flex; align-items: center; justify-content: center; } .temas_medicos > div span.et_pb_image_wrap .et-pb-icon:before { content: '1'; color: #4061e9; font-size: 28px; font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif; font-weight: bold; } .temas_medicos > div:nth-child(3) span.et_pb_image_wrap .et-pb-icon:before { content: '3'; } .temas_medicos > div:nth-child(2) span.et_pb_image_wrap .et-pb-icon:before { content: '2'; } .temas_medicos > div:nth-child(4) span.et_pb_image_wrap .et-pb-icon:before { content: '4'; } /*MEDIA QUERIES*/ @media (max-width: 1400px) { body.page-id-13082 .velocimetro_svg { right: 10%; } } @media (max-width: 1200px) { .page-id-13082 .et_pb_text_9_tb_body h2 { font-size: 30px; } body.page-id-13082 .velocimetro_svg { right: -11%; } body.page-id-13082 .video_svg { top: 73%; right: 16%; } } @media (max-width: 980px) { body.page-id-13082 .corazon_svg { right: inherit; bottom: 35%; transform: inherit; -webkit-transform: inherit; -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; left: 22px; } .page-id-13082 .et_pb_text_9_tb_body h2 { font-size: 30px; } .titulo_speakers_movil { display: block; } body.page-id-13082 div#banner_metaverso {padding-top: 26px;padding-bottom: 0px !important;} body.page-id-13082 div#banner_metaverso h1 {font-size: 26px;font-size: 35px !important;} body.page-id-13082 div#formulario_principal h3 {font-size: 20px;} body.page-id-13082 .banner_img img {margin: 0 auto;right: inherit;height: auto;max-width: 100%;width: 600px;} body.page-id-13082 .banner_img {height: auto;max-width: 100%;text-align: center;} body.page-id-13082 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper {left: 50% !important;/* position: fixed; *//* transform: inherit; */ /* -webkit-transform: inherit; */ -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; } body.page-id-13082 .phone_svg {left: 10% !important;} body.page-id-13082 .velocimetro_svg {right: 17%;top: 18px;} body.page-id-13082 .et_pb_section.et_pb_section_1_tb_body.et_pb_with_background.et_section_regular {z-index: 1;position: relative;} div#ponentes .et_pb_column .et_pb_column_9_tb_body.et_pb_css_mix_blend_mode_passthrough > div {min-height: 0px !important;} body.page-id-13082 #ponentes .img_back {min-height: 0px;padding-bottom: 24px !important;} body.page-id-13082 div#img_celular {margin-bottom: -16px !important;} body.page-id-13082 div#formulario_principal .et_pb_text_inner {width: 90%;} body.page-id-13082 div#formulario_principal .b24-form-wrapper {max-width: 100% !important;} body.page-id-13082 .speakers_1, body.page-id-13082 div#speakers_2 {padding-top: 6px !important;} body.page-id-13082 h2 {font-size: 30px !important;} .subtitle_conferencia p {font-size: 20px;} body.page-id-13082 div#titulo_speakers_parent { display: none !important; } body.page-id-13082 .boton_ver_speakers_movil { display: block !important; } body.page-id-13082 .boton_ver_speakers_escritorio { display: none !important; } body.page-id-13082 div#banner_metaverso h1 em { font-style: normal; font-size: 44px; } body.page-id-13082 div#contador_parent .et_pb_column {padding: 33px 20px 24px 20px !important;} body.page-id-13082 div#contador_parent .et_pb_column.et-last-child { text-align: center; padding-left: 20px !important; } body.page-id-13082 div#contador_parent .et_pb_column.et-last-child p {text-align: center;} body.page-id-13082 div#banner_metaverso h1, body.page-id-13082 div#banner_metaverso h1 span.text_digital em { font-size: 24px !important; } } @media (max-width: 640px) { body.page-id-13082 div#img_celular img {width: 100%;} .mensaje_svg, .chat_svg {width: 110px;} body.page-id-13082 div#banner_metaverso h1 em { font-style: normal; font-size: 45px; line-height: 1; } } @media only screen and (max-width: 767px) { /* body.page-id-13082 body #page-container .et_pb_section a#boton_ver_speakers { font-size: 19px !important; }*/ body.page-id-13082 #page-container .et_pb_section .et_pb_button_0_tb_body, body.page-id-13082 #page-container .et_pb_section .et_pb_button_1_tb_body { font-size: 19px !important; } } @media (max-width: 450px) { body.page-id-13082 .phone_svg, body.page-id-13082 .velocimetro_svg, body.page-id-13082 .corazon_svg, body.page-id-13082 .video_svg { width: 50px; } body.page-id-13082 div#bg_blue_speakers {padding-bottom: 304px;} body.page-id-13082 .mensaje_svg, body.page-id-13082 .chat_svg {width: 67px;} body.page-id-13082 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field {width: 100%;} body.page-id-13082 .et_pb_image_0_tb_header {width: 100%;} body.page-id-13082 header .et_pb_row.et_pb_row_0_tb_header {margin-bottom: 0px !important;} } /*END PAUTA-IPS: Retos y nuevas obligaciones deformación para el talento humano en salud*/ /*Pagina Terapéutica de los trastornos respiratorios del dormir */ body.page-id-13283 .background_banner h2 > span { font-family: 'Kaushan Script',handwriting !important; font-size: 47px; color: #c4c3de !important; display: inline-block; vertical-align: bottom; line-height: 1; } body.page-id-13283 p { font-size: 16px; line-height: 1.2; } body.page-id-13283 .columna_banner .et_pb_button_module_wrapper { text-align: center; } body.page-id-13283 .imagen_banner img { animation: floating 5s linear 2s infinite; } body.page-id-13283 .cube { position: absolute; border-radius: 50%; top: 80vh; left: 45vw; width: 10px; height: 10px; border: solid 3px rgba(222, 211, 229, 0.4); opacity: 0.2; -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: scale(0) rotate(0deg) translate(-50%, -50%); transform: scale(0) rotate(0deg) translate(-50%, -50%); -webkit-animation: cube 12s ease-in forwards infinite; animation: cube 12s ease-in forwards infinite; } body.page-id-13283 .cube:nth-child(2n) { border-color: #c9c9ee; } body.page-id-13283 .cube:nth-child(5) { -webkit-animation-delay: 4s; animation-delay: 4s; left: 10vw; top: 85vh; } body.page-id-13283 .cube:nth-child(6) { -webkit-animation-delay: 6s; animation-delay: 6s; left: 50vw; top: 10vh; } div#dirigidoa { display: flex; align-items: center; flex-flow: wrap; } body.page-id-13283 .hero { position: absolute; left: -30%; top: 0px; display: inline-block; } /*--------HEADER---------*/ body.page-id-13283 header { position: fixed; z-index: 999; width: 100%; left: 0px; } body.page-id-13283 header div#header_up ul.et_pb_social_media_follow li { padding: 0px; margin-bottom: 0px !important; padding-bottom: 0px; border-right: 1px solid #fff; line-height: 1; height: 39px; } body.page-id-13283 header div#header_up ul.et_pb_social_media_follow li a { margin: 0px; font-size: 8px; } body.page-id-13283 header div#header_up { background: #333333 !important; padding: 6px 0px; } body.page-id-13283 header div#header_up ul.et_pb_social_media_follow li a:before { font-size: 13px; font-weight: 100; } body.page-id-13283 header div#header_up ul.et_pb_social_media_follow { padding-left: 15px; } body.page-id-13283 header div#header_up ul.et_pb_social_media_follow li a:after { content: ''; background: rgba(0, 0, 0, 0); position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; z-index: -1; } body.page-id-13283 header div#header_up ul.et_pb_social_media_follow li.et-social-twitter a:hover:after { background: #2aaae0; height: 100%; } body.page-id-13283 header div#header_up ul.et_pb_social_media_follow li.et-social-facebook a:hover:after { background: #3a559f; height: 100%; } body.page-id-13283 header div#header_up ul.et_pb_social_media_follow li.et-social-instagram a:hover:after { background: #b2357f; height: 100%; } body.page-id-13283 header div#header_up ul.et_pb_social_media_follow li.et-social-linkedin a:hover:after { background: #0077b7; height: 100%; } body.page-id-1286 .background_banner { padding-bottom: 76px !important; } body.page-id-13283 .tabla_precios .et_pb_pricing_heading { background: linear-gradient(to right, #202056, #11a2c9) !important; } body.page-id-13283 .tabla_precios .et_pb_pricing_table { border-right: 1px solid #202056 !important; border-bottom: aliceblue!important; border-left: 1px solid #202056 !important; border-top: 0px; } body.page-id-13283 .tabla_precios { border: 1px solid #202056; border-radius: 15px; overflow: hidden; } body.page-id-13283 .tabla_precios .et_pb_pricing_table span.et_pb_sum { color: #202056; } body.page-id-13283 .tabla_precios .et_pb_pricing_table:nth-child(1) { border-left: 0px !important; } body.page-id-13283 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li { display: block; text-align: center; font-size: 27px; padding-bottom: 0px; } body.page-id-13283 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li span:before { border: 0px !important; } body.page-id-13283 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li span span img { border-radius: 50%; height: 25px; margin-right: 0.5rem; -o-object-fit: cover; object-fit: cover; width: 25px; } body.page-id-13283 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li span strong { line-height: 1.03em; font-weight: 400; color: #202056; } body.page-id-13283 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li span strong em { color: #999; font-weight: 500; font-style: normal; font-size: 17px; } body.page-id-13283 .tabla_precios .et_pb_pricing_table .et_pb_pricing_content ul li span strong em:before { content: '/'; } body.page-id-13283 div#content_formulario form.wpcf7-form label { display: block; color: #fff; font-size: 14px; margin-bottom: 23px; } body.page-id-13283 div#content_formulario form.wpcf7-form label > span { display: block; width: 100%; margin-top: 7px; } body.page-id-13283 div#content_formulario form.wpcf7-form label > span input { width: 100%; border-radius: 21px; font-size: 15px; padding: 12px 17px; } body.page-id-13283 div#content_formulario form.wpcf7-form label textarea.wpcf7-form-control { width: 100%; border-radius: 21px; font-size: 15px; padding: 12px 17px; height: 100px; } body.page-id-13283 div#content_formulario form.wpcf7-form label:nth-child(2) { width: 49%; margin-right: 1%; display: inline-block; } body.page-id-13283 div#content_formulario form.wpcf7-form label:nth-child(3) { width: 49%; margin-left: 1%; display: inline-block; } body.page-id-13283 div#content_formulario form.wpcf7-form input.wpcf7-submit { background: #bdbddd; color: #000 !important; text-transform: uppercase; width: 136px; border-radius: 11px; box-shadow: 0 0.5em 0.5em -0.4em #0a0012; border: 0px; font-size: 16px; padding: 12px 12px; margin: 0 auto; display: block; border: 1px solid #bdbddd; } body.page-id-13283 div#content_formulario form.wpcf7-form input.wpcf7-submit:hover { background: #2d68a4; border: 1px solid #bdbddd; color: #bdbddd !important; } body.page-id-13283 div#content_formulario form.wpcf7-form label { vertical-align: top; } body.page-id-13283 div#content_formulario form.wpcf7-form label { vertical-align: top; } body.page-id-13283 .background_banner { padding-top: 140px !important; position: relative; color: #fff; text-align: center; } body.page-id-13283 .modulo_servicios.et_pb_with_background .et_pb_button_module_wrapper { margin-top: -45px !important; text-align: center; margin-bottom: 37px !important; } body.page-id-13283 .modulo_servicios.et_pb_with_background .et_pb_button_module_wrapper { margin-top: -45px !important; text-align: center; margin-bottom: 37px !important; } body.page-id-13283 #page-container .et_pb_section a.icono_web.et_pb_button_2:after { content: '2'; } body.page-id-13283 #page-container .et_pb_section a.icono_web.et_pb_button_3:after { content: '3'; } /*END EFECTOS CUADROS*/ body.page-id-13283 .modulo_servicios h2 { font-weight: bold; text-align: center; color: #4b0080; position: relative; padding: 0px 42px 14px 34px; } body.page-id-13283 .modulo_servicios_content p {text-align: center;font-size: 21px;} body.page-id-13283 .modulo_servicios_content ul li { position: relative; display: block; margin-bottom: 0px; padding-left: 12px; } body.page-id-13283 .modulo_servicios_content ul {margin-top: 26px;} body.page-id-13283 .modulo_servicios_content ul li:before { content: ''; border-radius: 50%; height: 5px; width: 5px; vertical-align: middle; display: inline-block; margin-right: 8px; position: absolute; left: 0px; top: 9px; background: #5b5a58; } body.page-id-13283 .modulo_servicios .et_pb_row.et_pb_row_3_tb_body { overflow: inherit !important; } body.page-id-13283 .modulo_servicios .columna_servicios { overflow: inherit; } body.page-id-13283 #page-container .et_pb_section .icono_web { font-size: 0px !important; height: 60px; width: 60px !important; margin-left: 0px !important; margin-bottom: 0px; pointer-events: none !important; background: #202056 !important; border-radius: 50%; text-align: center; position: relative; } body.page-id-13283 #page-container .et_pb_section a.icono_web:after { content: '1'; font-family: 'Arial' !important; font-weight: bold; font-size: 34px !important; position: absolute; left: 0px; top: 13px; color: #ffff; width: 100%; height: 40px; line-height: 1 !important; padding-left: 0px; margin-left: 0px; } body.page-id-13283 .modulo_servicios.et_pb_with_background .et_pb_button_module_wrapper { margin-top: -45px !important; text-align: center; margin-bottom: 37px !important; } body.page-id-13283 .modulo_servicios.et_pb_with_background .et_pb_button_module_wrapper { margin-top: -45px !important; text-align: center; margin-bottom: 37px !important; } body.page-id-13283 #page-container .et_pb_section a.icono_web.et_pb_button_2:after { content: '2'; } body.page-id-13283 #page-container .et_pb_section a.icono_web.et_pb_button_3:after { content: '3'; } body.page-id-13283 div#directores p { font-size: 13px; } body.page-id-13283 h3.imagen_bosque strong { font-weight: 400; } body.page-id-13283 .back_plan_clinica p { padding-left: 20px; display: flex; text-align: left; justify-content: left; align-items: center; } body.page-id-13283 div#plan_hospitales p { font-size: 16px !important; } body.page-id-13283 .back_plan_clinica p img { margin-right: 8px; } body.page-id-13283 .back_plan_clinica p strong { font-weight: bold; color: #11a2c9; } body.page-id-13283 div#plan_hospitales { display: flex; flex-flow: wrap; } body.page-id-13283 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content p { font-size: 15px; } body.page-id-13283 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content h2 { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-weight: 500; font-size: 15px; background: #202056!important; text-align: left; margin-top: 27px; margin-bottom: 17px; color: #fff; display: inline-block; padding: 10px 20px 10px 20px; border-radius: 19px; } body.page-id-13283 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content table { border: 0px; } body.page-id-13283 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content table td:nth-child(1) { width: 22%; text-align: center; background: #aef0ff; color: #202056; font-weight: bold; } body.page-id-13283 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content table td { border-top: 1px solid #202056; } body.page-id-13283 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content table td:nth-child(2) { background: #f2f2f2; } body.page-id-13283 div#programa_preliminar .et_pb_toggle { border: 1px solid #11a2c9; background: #ececf3; border-radius: 39px !important; overflow: hidden; padding: 0px; } body.page-id-13283 div#programa_preliminar .et_pb_toggle .et_pb_toggle_title { color: #11a2c9; font-weight: bold; padding: 17px 33px; } body.page-id-13283 div#programa_preliminar .et_pb_toggle .et_pb_toggle_title:before { color: #11a2c9; right: 21px; font-size: 20px; } body.page-id-13283 div#programa_preliminar .et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title { background: #11a2c9; color: #fff; } body.page-id-13283 div#programa_preliminar .et_pb_toggle .et_pb_toggle_content { padding: 39px 37px 41px 37px; } body.page-id-13283 .entry-content table:not(.variations), body.et-pb-preview #main-content .container table { border: 1px solid #eee; margin: 0 0 15px; text-align: left; width: 100%; } body.page-id-13283 .table_programa table { width: 100%; } body.page-id-13283 .table_programa td { border-top: 1px solid #eee; padding: 6px 24px; } body.page-id-13283 span.title_orl { display: inline-block; width: 100%; font-size: 15px; line-height: 1; } body.page-id-13283 .patrocinadores ul { margin: 0px; padding: 0px; display: flex; flex-flow: wrap; justify-content: center; } body.page-id-13283 .patrocinadores ul > li { width: 30%; display: block; background: #11a2c9; padding: 10px 10px; margin: 10px 1%; border-radius: 28px; border: 1px solid #11a2c9; } body.page-id-13283 .patrocinadores ul > li:hover { background: transparent; color: #11a2c9; } body.page-id-13283 .formulario_clinica.et_section_regular { /* background: url(/wp-content/themes/divi-child/images/bg_formulario.jpg); */ background-size: cover; background-position: top center; background-attachment: fixed; padding: 77px 0px 83px 0px !important; } body.page-id-13283 footer { background-color: #211c40; color: #fff; padding-bottom: 0px !important; z-index: -1; position: relative; } body.page-id-13283 div#content_formulario { background-image: linear-gradient(180deg,#403874 66%,#2a68a1 100%)!important; color: #fff; } body.page-id-13283 ul#menu-menu-principal > li > a { color: #403874;font-size: 16px;padding: 8px 0px;display: block;position: relative;transition: all 0.3s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;opacity: 1 !important; font-weight: 600; } body.page-id-13283 ul#menu-menu-principal > li > a:before { content: ''; height: 2px; width: 0px; bottom: 0px; background: #55acff; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } body.page-id-13283 ul#menu-menu-principal > li:hover > a:before {width: 100%;} body.page-id-13283 ul#menu-menu-principal > li.registrese > a {border: 1px solid #5601c1;opacity: 1;} body.page-id-13283 ul#menu-menu-principal > li.registrese:hover > a {opacity: 1;} body.page-id-13283 ul#menu-menu-principal > li.registrese:hover > a:before {height: 0px;} body.page-id-13283 ul#menu-menu-principal > li.registrese > a:before {width: 100%;height: 51%;z-index: -1;bottom: 0px;top: inherit;} body.page-id-13283 ul#menu-menu-principal > li.registrese > a:after {content: ''; height: 4px; width: 100%; bottom: 0px; background: #5601c1; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); background-image: linear-gradient(to right, #5601c1, #5e099b); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;width: 100%;height: 52%;top: -1px;bottom: inherit;z-index: -1; } body.page-id-13283 ul#menu-menu-principal > li.menu_contacto > a { background: #403874; padding: 8px 23px; font-weight: bold; border-radius: 20px; box-shadow: 2px 3px 16px #403874; color: #fff; } body.page-id-13283 ul#menu-menu-principal > li.menu_contacto > a:before { height: 0px; } body.page-id-13283 ul#menu-menu-principal > li.menu_contacto:hover > a { box-shadow: 2px 3px 9px #919191; } body.page-id-13283 ul#menu-menu-principal > li.menu_sesion > a { background: #fefeff; padding: 8px 23px; font-weight: bold; border-radius: 20px; box-shadow: 2px 3px 16px #403874; color: #403874; } body.page-id-13283 ul#menu-menu-principal > li.menu_sesion > a:before { height: 0px; } body.page-id-13283 ul#menu-menu-principal > li.menu_sesion:hover > a { box-shadow: 2px 3px 9px #403874; color: #403874; } body.page-id-13283 ul#menu-menu-principal > li.registrese:hover > a:after {height: 0px;} body.page-id-13283 ul#menu-menu-principal > li:hover > a {color: #55acff;} body.page-id-13283 .menu_artficial_principal { display: flex; justify-content: flex-end; } body.page-id-13283 header:before { background: rgba(255, 255, 255, 0.9); position: absolute; content: ''; left: 0px; top: 0px; height: 0px; width: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; box-shadow: 2px 3px 9px #403874; } body.page-id-13283 header.menuweb_fixed:before {height: 100%;} body.page-id-13283 .up_menu { padding-top: 4px; padding-bottom: 10px; align-items: center; display: flex; flex-flow: wrap; } body.page-id-13283 .up_menu .et-menu { margin-bottom: 0px; padding-bottom: 0px; } body.page-id-13283 .background_banner .et_pb_row.et_pb_row_1 { display: flex; align-items: center; } body.page-id-13283 .background_banner { z-index: -1; } body.page-id-13283 .background_banner .et_pb_row.et_pb_row_1 .et_pb_module.et_pb_text.et_pb_text_0.et_pb_text_align_right { display: flex; align-items: center; justify-content: center; flex-flow: wrap; } .scroll_tablas table { width: 100% !important; border: 1px solid #fff5f5 !important; } .scroll_tablas table tr:nth-child(1) td:nth-child(1), .scroll_tablas table tr:nth-child(2) td:nth-child(1), .scroll_tablas table tr:nth-child(3) td:nth-child(1), .scroll_tablas table tr:nth-child(4) td:nth-child(1) { background: #27a9d559; color: #3a336a; } .scroll_tablas table tr td { background: #ffffff; color: #3a336a; border: 1px solid #373165 } .scroll_tablas table tr:nth-child(4) td:nth-child(1) { text-align: center; color: #fff; background: #3a336a; } .scroll_tablas { overflow-x: auto; width: 100%; } .scroll_tab { overflow-x: auto; width: 100%; } .scroll_tab table { width: 100%; } .scroll_tab table tr:nth-child(odd) { background: #27a9d559; color: #3a336a; } .scroll_tab table tr td { padding-left: 10px !important; padding-right: 10px !important; line-height: 1.2; } .scroll_tabs { overflow-x: auto; width: 100%; } .scroll_tabs table { width: 100% !important; } .scroll_tabs table tr td { line-height: 1; padding-left: 10px; padding-right: 10px; border: 1px solid #3a336a; } .scroll_tabs table tr td.modulos_span { background: #27a9d559; color: #3a336a; font-weight: bold !important; } .scroll_tabs table tr td.modulos_span span { font-weight: bold !important; } .scroll_tabs table tr:nth-child(2) { background: #3a336a; color: #fff; font-weight: bold; text-align: center; } .scroll_tabs table tr:nth-child(2) span { font-weight: bold !important; } .scroll_tabs table tr:nth-child(1) { background: #b4e1f0; color: #000000; text-transform: uppercase; text-align: center; font-size: 19px; } .scroll_tabs table tr:nth-child(1) span { font-weight: bold !important; } div#content_formulario.formulario_terapia .b24-form-wrapper.b24-form-border-bottom { width: 100%; max-width: 100%; background-color: rgba(0, 0, 0, 0); border-bottom: 5px solid #11a2c9; } div#content_formulario.formulario_terapia .b24-form-wrapper.b24-form-border-bottom .b24-form-content.b24-form-padding-side { padding: 0px; } div#content_formulario.formulario_terapia .b24-form-wrapper.b24-form-border-bottom .b24-form-content.b24-form-padding-side .b24-form-control-container.b24-form-control-icon-after input { border: 1px solid #8078b0; } div#content_formulario.formulario_terapia .b24-form-wrapper.b24-form-border-bottom .b24-form-content.b24-form-padding-side .b24-form-control-container.b24-form-control-icon-after input ~ .b24-form-control-label { color: #fff; opacity: 1; } div#content_formulario.formulario_terapia form > div { display: flex; flex-flow: wrap; justify-content: space-between; } div#content_formulario.formulario_terapia form > div > div { width: 49%; } div#content_formulario.formulario_terapia form > div > div:last-child { width: 100%; } div#content_formulario.formulario_terapia form span.b24-form-field-agreement-link { color: #fff; opacity: 1; } div#content_formulario.formulario_terapia .b24-form-wrapper.b24-form-border-bottom .b24-form-field-agreement .b24-form-control-desc { opacity: 1; } div#content_formulario.formulario_terapia .b24-form .b24-form-sign-abuse-link { color: #fff; opacity: 1; border: 0px; } div#content_formulario.formulario_terapia .b24-form .b24-form-sign-abuse-link ~ span.b24-form-sign-abuse-help { display: none; } div#content_formulario.formulario_terapia button.b24-form-btn { background-color: #11a2c9; } @media (max-width: 991px) { body.page-id-13283 ul#menu-menu-principal { display: flex; padding-left: 0px !important; margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-13283 ul#menu-menu-principal > li { padding-right: 5px; } body.page-id-13283 ul#menu-menu-principal > li.menu_contacto > a { padding: 8px 8px; } body.page-id-13283 ul#menu-menu-principal > li.menu_sesion > a { padding: 8px 8px; } body.page-id-13283 header .et_pb_row.et_pb_row_0_tb_header.up_menu { max-width: 100%; padding-left: 5px; margin: 0px; width: 100%; padding-right: 0px; } body.page-id-13283 .menu_artficial_principal { padding-left: 0px; margin-left: 0px; width: 100%; max-width: 100%; justify-content: center; } body.page-id-13283 .columna_banner .et_pb_button_module_wrapper { margin-bottom: 0px !important; } body.page-id-13283 .background_banner { padding-bottom: 68px; } body.page-id-13283 div#plan_hospitales { margin-bottom: 0px !important; padding-bottom: 0px; } body.page-id-13283 .et_pb_row.et_pb_row_7_tb_body.et_pb_equal_columns.et_pb_gutters2.et_pb_row_4col { padding-top: 0px; margin-bottom: 0px !important; padding-bottom: 0px; } body.page-id-13283 .columna_banner p { text-align: center; margin-bottom: 49px !important; } body.page-id-13283 .columna_banner .et_pb_button_module_wrapper { text-align: center !important; padding-left: 34px; } body.page-id-13283 header .et_pb_row.et_pb_row_0_tb_header.up_menu { display: flex; flex-flow: nowrap; } body.page-id-13283 header .et_pb_row.et_pb_row_0_tb_header.up_menu img { width: 300px; } div#content_formulario.formulario_terapia form > div > div { width: 100%; } } @media (max-width: 767px) { body.page-id-13283 .background_banner .et_pb_row.et_pb_row_1 { flex-flow: wrap; } body.page-id-13283 .background_banner { padding-bottom: 0px; } .entry-content tr td, body.et-pb-preview #main-content .container tr td { padding: 6px 10px; line-height: 1.1; font-size: 13px; } .scroll_tab table tr td { padding-left: 4px !important; padding-right: 4px !important; } } @media (max-width: 600px) { body.page-id-13283 header .et_pb_row.et_pb_row_0_tb_header.up_menu img { width: 300px; } body.page-id-13283 header .et_pb_row.et_pb_row_0_tb_header.up_menu { flex-flow: wrap; } body.page-id-13283 header .et_pb_row.et_pb_row_0_tb_header.up_menu span.et_pb_image_wrap { width: 100%; text-align: center; } body.page-id-13283 header .et_pb_column.et_pb_column_1_3.et_pb_column_0_tb_header.et_pb_css_mix_blend_mode_passthrough { padding-bottom: 0px; margin-bottom: 0px; } } /*END Terapéutica de los trastornos respiratorios del dormir */ .page-id-13826 div#banner_metaverso h1 { padding-top: 80px; } .page-id-13826 div#banner_metaverso .b24-form-wrapper.b24-form-border-bottom { border-radius: 20px; border: 2px solid #cae489; } .page-id-13826 div#banner_metaverso .b24-form-wrapper.b24-form-border-bottom button.b24-form-btn { background: #48c600; } .page-id-13826 .b24-form-content form > div { display: flex; flex-flow: wrap; } .page-id-13826 .b24-form-content form > div > div { width: 48%; margin: 0px 1% 15px 1%; vertical-align: top; } .page-id-13826 .b24-form-field.b24-form-field-string.b24-form-control-string:last-child { width: 100%; } .page-id-13826 div#banner_metaverso .b24-form-wrapper.b24-form-border-bottom button.b24-form-btn:hover { background: #000; } .page-id-13826 .days.section.values p.value, { text-shadow: 0em 0.06em 0em #000000 !important; } .page-id-13826 .circle-container .circle { width: 100%; height: 100%; border-radius: 50%; mix-blend-mode: screen; background-image: radial-gradient(#48c600, #48c600 10%, rgba(153, 255, 255, 0) 56%); -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite; animation: fadein-frames 200ms infinite, scale-frames 2s infinite; } body.page-id-13826 div#siguenos_chat .et_pb_social_media_follow_network_0_tb_body a.icon { background-color: #000000 !important; } body.page-id-13826 #page-container .et_pb_section .et_pb_social_media_follow li.et_pb_social_media_follow_network_0_tb_body .follow_button { background-color: #000000; } @media (max-width: 992px) { .page-id-13826 div#banner_metaverso h1 { padding-top: 0px !important; } } @media (max-width: 700px) { .page-id-13826 div#img_celular img { width: 100%; max-width: 100%; } } /*Futuro del engagement de HCPs*/ body.page-id-13983 { background: #f7f7fd; } body.page-id-13983 .titulo_conferencia h1 strong { display: block; } body.page-id-13983 div#formulario_principal > div { padding-top: 15px; } body.page-id-13983 div#formulario_principal .et_pb_text_inner { background: rgba(255, 255, 255, 0.4); border-radius: 19px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%; left: 50%; transform: translateX(-50%); text-align: center; padding-top: 29px; } body.page-id-13983 body.page-id-13983 div#banner_metaverso { padding-top: 0px; } body.page-id-13983 div#formulario_principal h3 strong { display: block; } body.page-id-13983 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%; padding: 0px 7px; margin-bottom: 0px; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; } body.page-id-13983 .titulo_conferencia h1 strong { display: block; } body.page-id-13983 div#formulario_principal > div { padding-top: 15px; } body.page-id-13983 div#formulario_principal .et_pb_text_inner { border-radius: 42px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%;left: 50%;transform: translateX(-50%); text-align: center; padding-top: 35px; overflow: hidden !important; padding-bottom: 21px; } body.page-id-13983 body.page-id-13983 div#banner_metaverso { padding-top: 0px; } body.page-id-13983 div#formulario_principal h3 strong { display: block; } body.page-id-13983 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%;padding: 0px 12px; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; text-align: left !important; height: 46px; padding-top: 32px; padding-bottom: 10px; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label { color: #213a81 !important; text-align: left;font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 400; opacity: 1 !important; font-size: 12px !important; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label span.b24-form-control-required { color: #4668fc !important; } body.page-id-13983 .b24-form-control-alert .b24-form-control-alert-message { background: #4263ef; } body.page-id-13983 .b24-form-control-alert-message:after { border: 3px solid #4263ef !important; border-top-color: transparent !important; border-right-color: transparent !important; } body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field.b24-form-field-string.b24-form-control-string:nth-child(1) { width: 100%; } body.page-id-13983 .b24-form-wrapper.b24-form-border-bottom { border: 0px !important; background: rgba(0, 0, 0, 0); } body.page-id-13983 button.b24-form-btn { background: linear-gradient(70deg, #4668fc, #223e8b); border-radius: 27px; padding: 10px !important; height: 41px !important; min-height: 0px; line-height: 1; border: 1px solid #223e8b; } body.page-id-13983 button.b24-form-btn:hover { color: #223e8b; background: rgba(0, 0, 0, 0); } body.page-id-13983 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement { width: 100% !important; text-align: left; } body.page-id-13983 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link { color: #254195; opacity: 1 !important; font-weight: 500 !important; text-decoration: none; } body.page-id-13983 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link:hover { color: #000; } body.page-id-13983 #banner_metaverso .fluid-width-video-wrapper { display: none; } body.page-id-13983 .phone_svg { position: absolute; top: 1%; width: 110px; z-index: 99; left: 0px !important; } body.page-id-13983 .velocimetro_svg { position: absolute; top: 25px; right: 24%; width: 110px; z-index: 999; } body.page-id-13983 .video_svg { position: absolute; top: 50%; width: 110px; right: 8%; z-index: 999; } body.page-id-13983 .phone_svg img, .video_svg img, .velocimetro_svg img { animation: floating 5s linear 2s infinite; } body.page-id-13983 div#bg_blue { position: absolute; bottom: 0px; right: 0px; height: 100%; width: 150%; z-index: -1; } body.page-id-13983 div#banner_metaverso { min-height: 0px !important; } body.page-id-13983 div#banner_metaverso { margin-bottom: 0px !important; position: relative; } body.page-id-13983 div#formulario_principal { z-index: 9999; position: relative; } body.page-id-13983 .contenido_banner { z-index: 999; } body.page-id-13983 .b24-form-content.b24-form-padding-side { background: transparent !important; } body.page-id-13983 div#banner_metaverso { overflow: hidden; } body.page-id-13983 .banner_div { position: relative; } body.page-id-13983 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper, body.page-id-13983 .banner_div .et_pb_button_module_wrapper.et_pb_button_1_tb_body_wrapper { position: absolute; bottom: 55px; z-index: 999; left: 37% !important; right: inherit !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } body.page-id-13983 .banner_img { right: 0px; width: auto; height: 664px; bottom: 0px; max-width: 700px; margin: 0px !important; padding: 0px !important; position: relative; } body.page-id-13983 .banner_img img { width: auto;height: 700px; max-width: 700px; bottom: 0px; right: 153px; position: relative; z-index: 1; } body.page-id-13983 .speakers_1 img, #speakers_2 img { width: 80%; display: block; margin: 0 auto; } body.page-id-13983 div#bg_white { margin-top: -307px; } body.page-id-13983 .img_back:hover { transform: translateY(-15px); } body.page-id-13983 .img_back { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } body.page-id-13983 div#bg_blue span.et_pb_image_wrap { display: flex; text-align: center; justify-content: flex-end; align-items: flex-end; height: 100%; } body.page-id-13983 .titulo_speakers_movil { display: none; } body.page-id-13983 .boton_ver_speakers_movil { display: none !important; } body.page-id-13983 .corazon_svg { position: absolute; bottom: 43%; width: 110px; z-index: 999; left: -13%; } body.page-id-13983 .corazon_svg img { animation: floating 5s linear 2s infinite; } body.page-id-13983 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-13983 div#contador_parent {background: rgb(41 34 141 / 37%);/* padding: 66px 20px 71px 20px !important; */} body.page-id-13983 div#contador_parent .et_pb_module.et_pb_countdown_timer {margin: 0px !important;padding: 0px !important;padding-top: 31px !important;} body.page-id-13983 div#contador_parent .et_pb_module.et_pb_countdown_timer p.value {background: #241f87;padding: 15px 11px;border-radius: 18px;} body.page-id-13983 div#contador_parent .et_pb_module.et_pb_countdown_timer .sep.section {padding-top: 11px;} body.page-id-13983 div#contador_parent .et_pb_column {padding: 66px 20px 71px 20px !important;} body.page-id-13983 div#contador_parent .et_pb_column.et-last-child {background: #09095d8a;position: relative;padding-left: 55px !important;} body.page-id-13983 div#contador_parent .et_pb_column.et-last-child strong {color: #c3c7f9;} body.page-id-13983 div#contador_parent .et_pb_column.et-last-child:before {content: '';position: absolute;left: -38px;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);border-left: 20px solid rgba(0, 0, 0, 0);border-top: 20px solid rgba(0, 0, 0, 0);border-right: 20px solid #242089;border-bottom: 20px solid rgba(0, 0, 0, 0);} body.page-id-13983 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-13983 div#formulario_principal .b24-form-header-title { display: none !important; } body.page-id-13983 div#formulario_principal .b24-form-header.b24-form-padding-side { border-bottom: 0px solid rgba(82,92,105,0.11); padding: 0px !important; } body.page-id-13983 div#banner_metaverso h1 { color: #293d7a !important; font-size: 49px !important; } body.page-id-13983 div#banner_metaverso h1 strong span { display: flex; text-align: center; justify-content: left; align-items: center; } body.page-id-13983 div#banner_metaverso h1 em:nth-child(1) { font-style: normal; font-size: 19px; display: block !important; font-weight: 500; line-height: 1; position: relative; } body.page-id-13983 div#banner_metaverso h1 strong span:nth-child(1) { font-size: 13px; color: #1572ab; text-align: left; line-height: 1; } body.page-id-13983 div#banner_metaverso h1 strong span em { display: inline-block !important; width: auto !important; } body.page-id-13983 div#banner_metaverso h1 strong span em { font-weight: 700 !important; font-size: 42px !important; } body.page-id-13983 span.text_digital { display: flex; text-align: center; justify-content: center; align-items: center; margin-top: 7px; } body.page-id-13983 div#banner_metaverso h1 span.text_digital em { font-weight: 700; font-size: 49px !important; } body.page-id-13983 div#banner_metaverso h1 span.text_digital strong span:nth-child(2) { font-size: 36px; line-height: 1; } body.page-id-13983 div#banner_metaverso h1 span.text_digital strong span em { font-size: 36px !important; position: relative; } body.page-id-13983 div#banner_metaverso h1 span.text_digital strong span em:before { content: ''; width: 14px; height: 13px; background: url(/landing/wp-content/themes/Divi/images/circle.svg) no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 0px; position: absolute; bottom: 9px; left: 5px; z-index: 1; } body.page-id-13983 div#banner_metaverso h1 span.text_digital > em:nth-child(1) { margin-right: 8px; } body.page-id-13983 div#banner_metaverso h1 > em:nth-child(1):after { content: ''; width: 121px; height: 19px; background: url('/landing/wp-content/themes/Divi/images/arrow.svg') no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 6px; } /*MEDIA QUERIES*/ @media (max-width: 1400px) { body.page-id-13983 .velocimetro_svg { right: 10%; } } @media (max-width: 1200px) { .page-id-13983 .et_pb_text_9_tb_body h2 { font-size: 30px; } body.page-id-13983 .velocimetro_svg { right: -11%; } body.page-id-13983 .video_svg { top: 73%; right: 16%; } } @media (max-width: 980px) { body.page-id-13983 .corazon_svg { right: inherit; bottom: 35%; transform: inherit; -webkit-transform: inherit; -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; left: 22px; } .page-id-13983 .et_pb_text_9_tb_body h2 { font-size: 30px; } .titulo_speakers_movil { display: block; } body.page-id-13983 div#banner_metaverso {padding-top: 26px;padding-bottom: 0px !important;} body.page-id-13983 div#banner_metaverso h1 {font-size: 26px;font-size: 49px !important;} body.page-id-13983 div#formulario_principal h3 {font-size: 20px;} body.page-id-13983 .banner_img img {margin: 0 auto;right: inherit;height: auto;max-width: 100%;width: 600px;} body.page-id-13983 .banner_img {height: auto;max-width: 100%;text-align: center;} body.page-id-13983 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper {left: 50% !important;/* position: fixed; *//* transform: inherit; */ /* -webkit-transform: inherit; */ -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; } body.page-id-13983 .phone_svg {left: 10% !important;} body.page-id-13983 .velocimetro_svg {right: 17%;top: 18px;} body.page-id-13983 .et_pb_section.et_pb_section_1_tb_body.et_pb_with_background.et_section_regular {z-index: 1;position: relative;} div#ponentes .et_pb_column .et_pb_column_9_tb_body.et_pb_css_mix_blend_mode_passthrough > div {min-height: 0px !important;} body.page-id-13983 #ponentes .img_back {min-height: 0px;padding-bottom: 24px !important;} body.page-id-13983 div#img_celular {margin-bottom: -16px !important;} body.page-id-13983 div#formulario_principal .et_pb_text_inner {width: 90%;} body.page-id-13983 div#formulario_principal .b24-form-wrapper {max-width: 100% !important;} body.page-id-13983 .speakers_1, body.page-id-13983 div#speakers_2 {padding-top: 6px !important;} body.page-id-13983 h2 {font-size: 30px !important;} .subtitle_conferencia p {font-size: 20px;} body.page-id-13983 div#titulo_speakers_parent { display: none !important; } body.page-id-13983 .boton_ver_speakers_movil { display: block !important; } body.page-id-13983 .boton_ver_speakers_escritorio { display: none !important; } body.page-id-13983 div#banner_metaverso h1 em { font-style: normal; font-size: 44px; } body.page-id-13983 div#contador_parent .et_pb_column {padding: 33px 20px 24px 20px !important;} body.page-id-13983 div#contador_parent .et_pb_column.et-last-child { text-align: center; padding-left: 20px !important; } body.page-id-13983 div#contador_parent .et_pb_column.et-last-child p {text-align: center;} body.page-id-13983 div#banner_metaverso h1, body.page-id-13983 div#banner_metaverso h1 span.text_digital em { font-size: 24px !important; } } @media (max-width: 640px) { body.page-id-13983 div#img_celular img {width: 100%;} .mensaje_svg, .chat_svg {width: 110px;} body.page-id-13983 div#banner_metaverso h1 em { font-style: normal; font-size: 45px; line-height: 1; } } @media only screen and (max-width: 767px) { /* body.page-id-13983 body #page-container .et_pb_section a#boton_ver_speakers { font-size: 19px !important; }*/ body.page-id-13983 #page-container .et_pb_section .et_pb_button_0_tb_body, body.page-id-13983 #page-container .et_pb_section .et_pb_button_1_tb_body { font-size: 19px !important; } } @media (max-width: 450px) { body.page-id-13983 .phone_svg, body.page-id-13983 .velocimetro_svg, body.page-id-13983 .corazon_svg, body.page-id-13983 .video_svg { width: 50px; } body.page-id-13983 .et_pb_text_inner {font-size: 15px;} body.page-id-13983 div#bg_blue_speakers {padding-bottom: 304px;} body.page-id-13983 .mensaje_svg, body.page-id-13983 .chat_svg {width: 67px;} body.page-id-13983 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field {width: 100%;} body.page-id-13983 .et_pb_image_0_tb_header {width: 100%;} body.page-id-13983 header .et_pb_row.et_pb_row_0_tb_header {margin-bottom: 0px !important;} } /*Futuro del engagement de HCPs*/ /*Influenciadores Médicos Digitales*/ div#banner_metaverso { display: flex; align-items: center; } div#banner_metaverso h1 strong { display: block; font-weight: bold; color: #5271ff; font-size: 38px; line-height: 1; } div#columna_banner { padding-top: 12%; } div#columna_banner .et_pb_button { animation: brinco 1s ease-in-out infinite; /* Aplica la animación */ } @keyframes brinco { 0%, 100% { transform: translateY(0); /* Posición inicial y final */ } 50% { transform: translateY(-8px); /* Punto más alto del brinco */ } } /*END Influenciadores Médicos Digitales*/ .horario_principal { display: flex; align-items: center; } .horario_principal ul li { background: #fff; display: inline-block; width: 100%; padding: 10px 10px; margin-bottom: 10px; border-radius: 24px; text-align: center; font-size: 17px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } /*@keyframes alarmaParpadeo { 0%, 100% { filter: brightness(1); } 50% { filter: brightness(1); } }*/ div#horario img { animation: alarmaParpadeo 0.5s infinite; } .horario_principal ul li:nth-child(1) { animation: destacar 6s infinite; } .horario_principal ul li:nth-child(2) { animation: destacar 6s infinite 1s; } .horario_principal ul li:nth-child(3) { animation: destacar 6s infinite 2s; } .horario_principal ul li:nth-child(4) { animation: destacar 6s infinite 3s; } .horario_principal ul li:nth-child(5) { animation: destacar 6s infinite 4s; } .horario_principal ul li:nth-child(6) { animation: destacar 6s infinite 5s; } .horario_principal ul { list-style: none; /* Opcional: elimina las viñetas */ } @keyframes destacar { 0% { opacity: 0.3; } 14% { opacity: 1; } 28% { opacity: 0.3; } 100% { opacity: 0.3; } } div#formulario { padding: 87px 0 226px 0; display: inline-block; width: 100%; } div#formulario form > div { display: flex; flex-flow: wrap; } div#formulario form > div > div { width: 46%; margin-left: 2%; margin-right: 2%; } div#formulario h3 strong { color: #5271ff; display: block; } div#formulario form > div:last-child { width: 100%; } div#formulario form > div > div:last-child { width: 100%; } @media (max-width: 991px) { .page-id-14223 div#main-content { overflow-x: hidden; } } @media (max-width: 600px) { div#horario ul { margin: 0px; padding: 0px; } div#horario ul { margin: 0px; padding: 0px; } div#formulario form > div > div { margin-left: 0px; width: 100%; margin-right: 0px; } } /*Tendencias marketing digital farma 2025*/ body.page-id-14331 { background: #f7f7fd; } body.page-id-14331 .titulo_conferencia h1 strong { display: block; } body.page-id-14331 div#formulario_principal > div { padding-top: 15px; } body.page-id-14331 div#formulario_principal .et_pb_text_inner { background: rgba(255, 255, 255, 0.4); border-radius: 19px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%; left: 50%; transform: translateX(-50%); text-align: center; padding-top: 29px; } body.page-id-14331 body.page-id-14331 div#banner_metaverso { padding-top: 0px; } body.page-id-14331 div#formulario_principal h3 strong { display: block; } body.page-id-14331 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%; padding: 0px 7px; margin-bottom: 0px; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; } body.page-id-14331 .titulo_conferencia h1 strong { display: block; } body.page-id-14331 div#formulario_principal > div { padding-top: 15px; } body.page-id-14331 div#formulario_principal .et_pb_text_inner { border-radius: 42px; box-shadow: 2px 4px 11px 8px rgb(0 0 0 / 20%); width: 72%;left: 50%;transform: translateX(-50%); text-align: center; padding-top: 35px; overflow: hidden !important; padding-bottom: 21px; } body.page-id-14331 body.page-id-14331 div#banner_metaverso { padding-top: 0px; } body.page-id-14331 div#formulario_principal h3 strong { display: block; } body.page-id-14331 div#formulario_principal h3 { margin-bottom: 0px !important; padding-bottom: 0px !important; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-header-padding { padding: 0px; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side { padding-left: 18px; padding-right: 18px; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; justify-content: center; width: 100%;flex-flow: wrap; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field { width: 50%;padding: 0px 12px; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field input.b24-form-control { background: transparent; border: 0px; border-bottom: 1px solid #b4becb; border-radius: 0px; text-align: left !important; height: 46px; padding-top: 32px; padding-bottom: 10px; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label { color: #213a81 !important; text-align: left;font-family: 'Poppins',Helvetica,Arial,Lucida,sans-serif !important; font-weight: 400; opacity: 1 !important; font-size: 12px !important; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field .b24-form-control-label span.b24-form-control-required { color: #4668fc !important; } body.page-id-14331 .b24-form-control-alert .b24-form-control-alert-message { background: #4263ef; } body.page-id-14331 .b24-form-control-alert-message:after { border: 3px solid #4263ef !important; border-top-color: transparent !important; border-right-color: transparent !important; } body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field.b24-form-field-string.b24-form-control-string:nth-child(1) { width: 100%; } body.page-id-14331 .b24-form-wrapper.b24-form-border-bottom { border: 0px !important; background: rgba(0, 0, 0, 0); } body.page-id-14331 button.b24-form-btn { background: linear-gradient(70deg, #4668fc, #223e8b); border-radius: 27px; padding: 10px !important; height: 41px !important; min-height: 0px; line-height: 1; border: 1px solid #223e8b; } body.page-id-14331 button.b24-form-btn:hover { color: #223e8b; background: rgba(0, 0, 0, 0); } body.page-id-14331 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement { width: 100% !important; text-align: left; } body.page-id-14331 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link { color: #254195; opacity: 1 !important; font-weight: 500 !important; text-decoration: none; } body.page-id-14331 .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link:hover { color: #000; } body.page-id-14331 #banner_metaverso .fluid-width-video-wrapper { display: none; } body.page-id-14331 .phone_svg { position: absolute; top: 1%; width: 110px; z-index: 99; left: 0px !important; } body.page-id-14331 .velocimetro_svg { position: absolute; top: 25px; right: 24%; width: 110px; z-index: 999; } body.page-id-14331 .video_svg { position: absolute; top: 50%; width: 110px; right: 8%; z-index: 999; } body.page-id-14331 .phone_svg img, .video_svg img, .velocimetro_svg img { animation: floating 5s linear 2s infinite; } body.page-id-14331 div#bg_blue { position: absolute; bottom: 0px; right: 0px; height: 100%; width: 150%; z-index: -1; } body.page-id-14331 div#banner_metaverso { min-height: 0px !important; } body.page-id-14331 div#banner_metaverso { margin-bottom: 0px !important; position: relative; } body.page-id-14331 div#formulario_principal { z-index: 9999; position: relative; } body.page-id-14331 .contenido_banner { z-index: 999; } body.page-id-14331 .b24-form-content.b24-form-padding-side { background: transparent !important; } body.page-id-14331 div#banner_metaverso { overflow: hidden; } body.page-id-14331 .banner_div { position: relative; } body.page-id-14331 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper, body.page-id-14331 .banner_div .et_pb_button_module_wrapper.et_pb_button_1_tb_body_wrapper { position: absolute; bottom: 55px; z-index: 999; left: 37% !important; right: inherit !important; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); } body.page-id-14331 .banner_img { right: 0px; width: auto; height: 664px; bottom: 0px; max-width: 700px; margin: 0px !important; padding: 0px !important; position: relative; } body.page-id-14331 .banner_img img { width: auto;height: 700px; max-width: 700px; bottom: 0px; right: 153px; position: relative; z-index: 1; } body.page-id-14331 .speakers_1 img, #speakers_2 img { width: 80%; display: block; margin: 0 auto; } body.page-id-14331 div#bg_white { margin-top: -307px; } body.page-id-14331 .img_back:hover { transform: translateY(-15px); } body.page-id-14331 .img_back { transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } body.page-id-14331 div#bg_blue span.et_pb_image_wrap { display: flex; text-align: center; justify-content: flex-end; align-items: flex-end; height: 100%; } body.page-id-14331 .titulo_speakers_movil { display: none; } body.page-id-14331 .boton_ver_speakers_movil { display: none !important; } body.page-id-14331 .corazon_svg { position: absolute; bottom: 43%; width: 110px; z-index: 999; left: -13%; } body.page-id-14331 .corazon_svg img { animation: floating 5s linear 2s infinite; } body.page-id-14331 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-14331 div#contador_parent {background: rgb(41 34 141 / 37%);/* padding: 66px 20px 71px 20px !important; */} body.page-id-14331 div#contador_parent .et_pb_module.et_pb_countdown_timer {margin: 0px !important;padding: 0px !important;padding-top: 31px !important;} body.page-id-14331 div#contador_parent .et_pb_module.et_pb_countdown_timer p.value {background: #241f87;padding: 15px 11px;border-radius: 18px;} body.page-id-14331 div#contador_parent .et_pb_module.et_pb_countdown_timer .sep.section {padding-top: 11px;} body.page-id-14331 div#contador_parent .et_pb_column {padding: 66px 20px 71px 20px !important;} body.page-id-14331 div#contador_parent .et_pb_column.et-last-child {background: #09095d8a;position: relative;padding-left: 55px !important;} body.page-id-14331 div#contador_parent .et_pb_column.et-last-child strong {color: #c3c7f9;} body.page-id-14331 div#contador_parent .et_pb_column.et-last-child:before {content: '';position: absolute;left: -38px;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);border-left: 20px solid rgba(0, 0, 0, 0);border-top: 20px solid rgba(0, 0, 0, 0);border-right: 20px solid #242089;border-bottom: 20px solid rgba(0, 0, 0, 0);} body.page-id-14331 div#banner_metaverso h1 em {font-style: normal;font-size: 62px;} body.page-id-14331 div#formulario_principal .b24-form-header-title { display: none !important; } body.page-id-14331 div#formulario_principal .b24-form-header.b24-form-padding-side { border-bottom: 0px solid rgba(82,92,105,0.11); padding: 0px !important; } body.page-id-14331 div#banner_metaverso h1 { color: #293d7a !important; font-size: 49px !important; } body.page-id-14331 div#banner_metaverso h1 strong span { display: flex; text-align: center; justify-content: left; align-items: center; } body.page-id-14331 div#banner_metaverso h1 em:nth-child(1) { font-style: normal; font-size: 19px; display: block !important; font-weight: 500; line-height: 1; position: relative; } body.page-id-14331 div#banner_metaverso h1 strong span:nth-child(1) { font-size: 13px; color: #1572ab; text-align: left; line-height: 1; } body.page-id-14331 div#banner_metaverso h1 strong span em { display: inline-block !important; width: auto !important; } body.page-id-14331 div#banner_metaverso h1 strong span em { font-weight: 700 !important; font-size: 42px !important; } body.page-id-14331 span.text_digital { display: flex; text-align: center; justify-content: center; align-items: center; margin-top: 7px; } body.page-id-14331 div#banner_metaverso h1 span.text_digital em { font-weight: 700; font-size: 49px !important; } body.page-id-14331 div#banner_metaverso h1 span.text_digital strong span:nth-child(2) { font-size: 36px; line-height: 1; } body.page-id-14331 div#banner_metaverso h1 span.text_digital strong span em { font-size: 36px !important; position: relative; } body.page-id-14331 div#banner_metaverso h1 span.text_digital strong span em:before { content: ''; width: 14px; height: 13px; background: url(/landing/wp-content/themes/Divi/images/circle.svg) no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 0px; position: absolute; bottom: 9px; left: 5px; z-index: 1; } body.page-id-14331 div#banner_metaverso h1 span.text_digital > em:nth-child(1) { margin-right: 8px; } body.page-id-14331 div#banner_metaverso h1 > em:nth-child(1):after { content: ''; width: 121px; height: 19px; background: url('/landing/wp-content/themes/Divi/images/arrow.svg') no-repeat; display: inline-block; background-position: center; background-size: contain; margin-left: 6px; } /*MEDIA QUERIES*/ @media (max-width: 1400px) { body.page-id-14331 .velocimetro_svg { right: 10%; } } @media (max-width: 1200px) { .page-id-14331 .et_pb_text_9_tb_body h2 { font-size: 30px; } body.page-id-14331 .velocimetro_svg { right: -11%; } body.page-id-14331 .video_svg { top: 73%; right: 16%; } } @media (max-width: 980px) { body.page-id-14331 .corazon_svg { right: inherit; bottom: 35%; transform: inherit; -webkit-transform: inherit; -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; left: 22px; } .page-id-14331 .et_pb_text_9_tb_body h2 { font-size: 30px; } .titulo_speakers_movil { display: block; } body.page-id-14331 div#banner_metaverso {padding-top: 26px;padding-bottom: 0px !important;} body.page-id-14331 div#banner_metaverso h1 {font-size: 26px;font-size: 49px !important;} body.page-id-14331 div#formulario_principal h3 {font-size: 20px;} body.page-id-14331 .banner_img img {margin: 0 auto;right: inherit;height: auto;max-width: 100%;width: 600px;} body.page-id-14331 .banner_img {height: auto;max-width: 100%;text-align: center;} body.page-id-14331 .banner_div .et_pb_button_module_wrapper.et_pb_button_0_tb_body_wrapper {left: 50% !important;/* position: fixed; *//* transform: inherit; */ /* -webkit-transform: inherit; */ -moz-transform: inherit; -o-transform: inherit; -ms-transform: inherit; } body.page-id-14331 .phone_svg {left: 10% !important;} body.page-id-14331 .velocimetro_svg {right: 17%;top: 18px;} body.page-id-14331 .et_pb_section.et_pb_section_1_tb_body.et_pb_with_background.et_section_regular {z-index: 1;position: relative;} div#ponentes .et_pb_column .et_pb_column_9_tb_body.et_pb_css_mix_blend_mode_passthrough > div {min-height: 0px !important;} body.page-id-14331 #ponentes .img_back {min-height: 0px;padding-bottom: 24px !important;} body.page-id-14331 div#img_celular {margin-bottom: -16px !important;} body.page-id-14331 div#formulario_principal .et_pb_text_inner {width: 90%;} body.page-id-14331 div#formulario_principal .b24-form-wrapper {max-width: 100% !important;} body.page-id-14331 .speakers_1, body.page-id-14331 div#speakers_2 {padding-top: 6px !important;} body.page-id-14331 h2 {font-size: 30px !important;} .subtitle_conferencia p {font-size: 20px;} body.page-id-14331 div#titulo_speakers_parent { display: none !important; } body.page-id-14331 .boton_ver_speakers_movil { display: block !important; } body.page-id-14331 .boton_ver_speakers_escritorio { display: none !important; } body.page-id-14331 div#banner_metaverso h1 em { font-style: normal; font-size: 44px; } body.page-id-14331 div#contador_parent .et_pb_column {padding: 33px 20px 24px 20px !important;} body.page-id-14331 div#contador_parent .et_pb_column.et-last-child { text-align: center; padding-left: 20px !important; } body.page-id-14331 div#contador_parent .et_pb_column.et-last-child p {text-align: center;} body.page-id-14331 div#banner_metaverso h1, body.page-id-14331 div#banner_metaverso h1 span.text_digital em { font-size: 24px !important; } } @media (max-width: 640px) { body.page-id-14331 div#img_celular img {width: 100%;} .mensaje_svg, .chat_svg {width: 110px;} body.page-id-14331 div#banner_metaverso h1 em { font-style: normal; font-size: 45px; line-height: 1; } } @media only screen and (max-width: 767px) { /* body.page-id-14331 body #page-container .et_pb_section a#boton_ver_speakers { font-size: 19px !important; }*/ body.page-id-14331 #page-container .et_pb_section .et_pb_button_0_tb_body, body.page-id-14331 #page-container .et_pb_section .et_pb_button_1_tb_body { font-size: 19px !important; } } @media (max-width: 450px) { body.page-id-14331 .phone_svg, body.page-id-14331 .velocimetro_svg, body.page-id-14331 .corazon_svg, body.page-id-14331 .video_svg { width: 50px; } body.page-id-14331 div#bg_blue_speakers {padding-bottom: 304px;} body.page-id-14331 .mensaje_svg, body.page-id-14331 .chat_svg {width: 67px;} body.page-id-14331 div#formulario_principal .et_pb_text_inner .b24-form-content.b24-form-padding-side form > div .b24-form-field {width: 100%;} body.page-id-14331 .et_pb_image_0_tb_header {width: 100%;} body.page-id-14331 header .et_pb_row.et_pb_row_0_tb_header {margin-bottom: 0px !important;} } /*END Tendencias marketing digital farma 2025*/ canvas { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: inline-block; } .iconos_listado > div { position: relative; padding-left: 42px; } .iconos_listado > div:before { content: ''; background: url('/landing/wp-content/themes/Divi-child/img/arrown_icon.svg') no-repeat; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; } .ventana_popup_new { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0, 0.7); z-index: 9999; max-width: 100%; display: none; align-items: center; justify-content: center; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom { background-color: #75f8f8; border-radius: 14px; border: 0px; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom form input { background: transparent; border: 1px solid #023066; border-radius: 51px !important; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom form .b24-form-control-label { color: #023066; opacity: 1; font-size: 13px; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom form > div { display: flex; flex-flow: wrap; justify-content: space-between; width: 100%; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom form > div > div { width: 48%; } .ventana_popup_new h2 { color: #023066; text-align: center; font-weight: bold; } .ventana_popup_new.active { display: flex; } .page-id-14830 header.et-l.et-l--header { display: none; } .content_popup_new { background-color: #75f8f8; width: 691px; max-width: 90%; padding-top: 15px; padding-bottom: 24px; border-radius: 17px; padding-left: 25px; position: relative; padding-right: 25px; } .ventana_popup_new .et_pb_code_inner { display: flex; align-items: center; justify-content: center; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom form > div > div:nth-child(1) { width: 100%; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom .b24-form-content { padding: 0px; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom form button.b24-form-btn { background: #023066; border-radius: 47px; padding: 11px 10px !important; min-height: 0px; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom form .b24-form-control-alert-message { background: #023066; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom form .b24-form-control-alert-message:after { border: 3px solid #023066; border-top-color: transparent; border-right-color: transparent; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom form .b24-form-field.b24-form-field-agreement.b24-form-control-agreement { margin-bottom: 0px; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom form .b24-form-field.b24-form-field-agreement.b24-form-control-agreement a.b24-form-field-agreement-link { color: #023066; opacity: 1; } .ventana_popup_new .b24-form-wrapper.b24-form-border-bottom span.b24-form-sign-abuse { display: none; } .ventana_popup_new i.icono_cerrar_new { display: inline-block; background: #023066; position: absolute; height: 40px; width: 40px; color: #ffff; border-radius: 39px; z-index: 999; right: -6px; top: -6px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .ventana_popup_new i.icono_cerrar_new:before { content: 'X'; font-style: normal; font-weight: bold; font-size: 20px; line-height: 1; } .play-button { position: relative; width: 80px; height: 80px; background-color: rgba(255, 0, 0, 0.8); /* Rojo con transparencia */ border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; animation: pulse 1.5s infinite; z-index: 10; } .play-icon { width: 0; height: 0; border-left: 24px solid white; border-top: 16px solid transparent; border-bottom: 16px solid transparent; margin-left: 5px; /* Centra visualmente el ícono dentro del círculo */ } @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(1.2); opacity: 0.6; } } .click_popup.et_clickable { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin: 0px !important; padding: 0px !important; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; } div#icono_meta_pixel { position: absolute; z-index: -1; }