/* @import url("https://p.typekit.net/p.css?s=1&k=dmc4apv&ht=tk&f=32897.32898.32903.32904.32913.32914.32919.32920.32929.32930.32935.32936&a=9918370&app=typekit&e=css"); @font-face { font-family:"proxima-soft"; src:url("https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/a4e72f/00000000000000003b9b3032/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:400; } @font-face { font-family:"proxima-soft"; src:url("https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/2657d4/00000000000000003b9b3038/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700; } @font-face { font-family:"proxima-soft"; src:url("https://use.typekit.net/af/9f3fac/00000000000000003b9b303c/27/l?subset_id=2&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/9f3fac/00000000000000003b9b303c/27/d?subset_id=2&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/9f3fac/00000000000000003b9b303c/27/a?subset_id=2&fvd=n9&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:900; } */ @import url("https://p.typekit.net/p.css?s=1&k=dmc4apv&ht=tk&f=32897.32898.32903.32904.32907.32908.32913.32914.32919.32920.32929.32930.32935.32936&a=9918370&app=typekit&e=css"); @font-face { font-family:"proxima-soft"; src:url("https://use.typekit.net/af/a727c9/00000000000000007735af8e/30/l?primer=16de413746980417a40797d00331e61faf4ea442b5a95074c3e777859de1b135&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/a727c9/00000000000000007735af8e/30/d?primer=16de413746980417a40797d00331e61faf4ea442b5a95074c3e777859de1b135&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/a727c9/00000000000000007735af8e/30/a?primer=16de413746980417a40797d00331e61faf4ea442b5a95074c3e777859de1b135&fvd=n4&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:400; } @font-face { font-family:"proxima-soft"; src:url("https://use.typekit.net/af/81cbd6/00000000000000007735afa9/30/l?primer=16de413746980417a40797d00331e61faf4ea442b5a95074c3e777859de1b135&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/81cbd6/00000000000000007735afa9/30/d?primer=16de413746980417a40797d00331e61faf4ea442b5a95074c3e777859de1b135&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/81cbd6/00000000000000007735afa9/30/a?primer=16de413746980417a40797d00331e61faf4ea442b5a95074c3e777859de1b135&fvd=n7&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:700; } @font-face { font-family:"proxima-soft"; src:url("https://use.typekit.net/af/8611c0/00000000000000007735afb7/30/l?primer=16de413746980417a40797d00331e61faf4ea442b5a95074c3e777859de1b135&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/8611c0/00000000000000007735afb7/30/d?primer=16de413746980417a40797d00331e61faf4ea442b5a95074c3e777859de1b135&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/8611c0/00000000000000007735afb7/30/a?primer=16de413746980417a40797d00331e61faf4ea442b5a95074c3e777859de1b135&fvd=n9&v=3") format("opentype"); font-display:auto;font-style:normal;font-weight:900; } /*-------------------------------------------------------------------------- [Master Stylesheet] Project: ROAS Monster Version: 1.1 Last change: 01/20/22 --------------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { color: #151515; font-family: "proxima-soft", sans-serif; font-size: 20px; } .title_main { color: #61BEC4; font-size: 48px; font-weight: 900; padding: 1em 0 0; } .title_main + p, .subtitle_main { color: #9E005A; font-size: 36px; line-height: 1.3; padding: 0; } .title_main + p .bold { font-weight: 700; } .title_main + p + p { padding-top: 2.5em; } /* .subtitle_main_wrap { width: 500px; margin: 0 auto; background-color: white; border-radius: 23px; padding: 36px 40px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } */ p { line-height: 1.5; padding-top: 1.5em; } ul, ol { padding-top: 1.5em; } li { line-height: 1.5; } a:link, a:visited { color: inherit; } a:hover { text-decoration: none; } .link_presentation:link, .link_presentation:visited , .link_presentation p { text-decoration: none; } .link_color { text-decoration: none; } .link_color_1:link, .link_color_1:visited { color: #61BEC4; } .link_color_2:link, .link_color_2:visited { color: #9E005A; } .link_color_3:link, .link_color_3:visited { color: #0B4F6C; } .link_color_4:link, .link_color_4:visited { color: #F9DB6D; } .link_color_white:link, .link_color_white:visited { color: #ffffff; } .link_underline { text-decoration: underline; } .link_underline:hover { text-decoration: none; } .link_underline_hover { text-decoration: none; } .link_underline_hover:hover { text-decoration: underline; } img { display: block; /* image-rendering: -webkit-optimize-contrast; */} a img { border: 0; } .img_max { max-width: 100%; } .img_content { margin-top: 1.5em; } .img_content_center { margin: 2em auto; width: 80%; } .img_content_center + p { padding-top: 0; } @media only screen and (max-width : 550px) { .img_content_center { width: 100%; } } .wrap { width: 960px; margin: 0 auto; position: relative; z-index: 2; } .wrap_wide { width: 1300px; margin: 0 auto; position: relative; z-index: 2; } .slick .wrap { width: 100%; } .wrap_full { width: 100%; margin: 0 auto; } .wrap_outer { width: 100%; margin: 0 auto; overflow: hidden; position: relative; } /*-------------------------------------------------------------------------- #header */ .header_main_outer { background-color: #ffffff; height: 90px; width: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.1); position: fixed; z-index: 111; z-index: 16777001; top: 0; left: 0; } .header_main { width: 1920px; margin: 0 auto; padding: 30px 0; padding: 20px 5%; padding: 0 5%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .header_top { height: 1px; background-color: #61BEC4; display: block; } .logo { width: 150px; width: 125px; float: left; margin: 0 0 0 0; } .logo_alt { margin: 0; width: 125px; opacity: 1; } @media only screen and (max-width : 1920px) { .header_main { width: 100%; } .logo { margin: 0 0 0 5%; } } @media only screen and (max-width : 1600px) { .logo { width: 100px; max-width: 100px; } } @media only screen and (max-width : 1600px) { .header_main_outer { height: 60px; } .header_main { padding: 0; } } .monster_intro { width: 300px; min-height: 246px; width: 200px; min-height: 200px; margin: 0 auto; } .lottie { width: 100%; height: 100%; display: block; overflow: hidden; transform: translate3d(0,0,0); text-align: center; opacity: 1; } .lottie svg:first-child { vertical-align: top; } /* removes bottom margin/height difference */ .bg_circle { position: absolute; z-index: 1; border-radius: 50%; will-change: transform; } /* .bg_circle_form_1 { bottom: -90%; left: 11%; height: 57px; width: 57px; background-color: #F9DB6D; } .bg_circle_form_2 { bottom: -50%; left: 20%; height: 76px; width: 76px; border: 14px solid #9e045a; } .bg_circle_form_3 { bottom: -140%; left: 11%; height: 96px; width: 96px; background-color: #61BEC4; } .bg_circle_form_4 { bottom: -220%; left: 25%; height: 30px; width: 30px; background-color: #F9DB6D; } .bg_circle_form_5 { bottom: -300%; left: 16%; height: 21px; width: 21px; background-color: #0B4F6C; } .bg_circle_form_6 { bottom: -290%; right: 26%; height: 57px; width: 57px; background-color: #9e045a; } .bg_circle_form_7 { bottom: -170%; right: 5%; height: 238px; width: 238px; border: 25px solid #F9DB6D; } .bg_circle_form_8 { bottom: -52%; right: 10%; height: 21px; width: 21px; background-color: #0B4F6C; } .bg_circle_form_9 { bottom: -120%; right: 16%; height: 49px; width: 49px; background-color: #61BEC4; } */ .bg_circle_blog { opacity: 0; } .bg_circle_blog_1 { top: 10%; left: 15%; height: 55px; width: 55px; background-color: #0b4f6c; } .bg_circle_blog_2 { top: 40%; left: 10%; height: 26px; width: 26px; background-color: #F9DB6D; } .bg_circle_blog_3 { bottom: 10%; left: 5%; height: 200px; width: 200px; background-color: #9e045a; } .bg_circle_blog_4 { bottom: 30%; left: 4%; height: 75px; width: 75px; border: 8px solid #ffffff; } .bg_circle_blog_5 { bottom: 20%; left: 25%; height: 26px; width: 26px; background-color: #ffffff; } .bg_circle_blog_6 { top: 10%; right: 5%; height: 150px; width: 150px; border: 12px solid #F9DB6D; } .bg_circle_blog_7 { bottom: 40%; right: 15%; height: 55px; width: 55px; background-color: #ffffff; } .bg_circle_why_target_roas_cpo_1 { top: -30px; left: 30%; height: 75px; width: 75px; border: 10px solid #F9DB6D; } .bg_circle_why_target_roas_cpo_2 { top: 26px; right: -26px; height: 26px; width: 26px; background-color: #61BEC4; } .bg_circle_why_target_roas_cpo_3 { bottom: -104px; right: 104px; height: 26px; width: 26px; border: 8px solid #9e045a; } .bg_circle_why_target_roas_cpo_4 { bottom: -200px; left: -150px; height: 75px; width: 75px; border: 10px solid #61BEC4; } .bg_circle_why_target_roas_cpo_5 { top: 150px; left: -250px; height: 75px; width: 75px; border: 10px solid #ffffff; } .bg_circle_why_target_roas_cpo_6 { top: 250px; left: -50px; height: 75px; width: 75px; background-color: #9e045a; } .bg_circle_why_target_roas_cpo_7 { top: 250px; left: 250px; height: 26px; width: 26px; border: 8px solid #0B4F6C; } .bg_circle_why_target_roas_cpo_8 { top: 250px; right: -150px; height: 26px; width: 26px; background-color: #0B4F6C; } .bg_circle_why_target_roas_cpo_9 { top: 400px; right: -400px; height: 26px; width: 26px; border: 8px solid #61BEC4; } .bg_circle_why_target_roas_cpo_10 { top: 50; left: -200px; height: 26px; width: 26px; background-color: #9e045a; } .bg_circle_why_target_roas_cpo_11 { top: 200px; left: -100px; height: 26px; width: 26px; border: 8px solid #61BEC4; } .bg_circle_why_target_roas_cpo_12 { top: 100px; right: -100px; height: 75px; width: 75px; border: 10px solid #F9DB6D; } .bg_circle_blog_x { top: 50%; left: -208px; height: 76px; width: 76px; border: 14px solid #9e045a; } .bg_circle_blog_x { top: 50%; left: 0; height: 76px; width: 76px; border: 14px solid #9e045a; border-radius: 50%; } .why_target_roas_cpo_align_right { text-align: right; } @media only screen and (max-width : 1024px) { .why_target_roas_cpo_align_right { text-align: center; } } .scroll__down { border: 4px solid white; border-radius: 50px; height: 55px; width: 32px; position: absolute; z-index: 11; bottom: 158px; left: 50%; will-change: transform; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .scroll__down::after { content: ''; position: absolute; top: 11px; left: 14px; height: 13px; width: 4px; background-color: #ffffff; border-radius: 4px; -webkit-animation: scrolling 2.5s ease-out 1.6s forwards infinite; animation: scrolling 2.5s ease-out 1.6s forwards infinite; } @keyframes scrolling { 0% { height: 13px; } 20% { height: 20px; } 40% { height: 13px; } 100% { height: 13px; } } @keyframes floating { 0% { transform: translate(0, 0px); } 25% { transform: translate(40px, 40px); } 40% { transform: translate(40px, 0); } 75% { transform: translate(0, 40px); } 100% { transform: translate(0, 0); } } @keyframes floating_2 { 0% { transform: translate(0, 0px); } 25% { transform: translate(-40px, -40px); } 40% { transform: translate(-40px, 0); } 75% { transform: translate(0, -40px); } 100% { transform: translate(0, 0); } } @keyframes floating_3 { 0% { transform: translate(0, 0); } 25% { transform: translate(40px, -40px); } 40% { transform: translate(0, -40px); } 75% { transform: translate(40px, 0); } 100% { transform: translate(0, 0); } } @keyframes floating_4 { 0% { transform: translate(0, 0); } 25% { transform: translate(-40px, 40px); } 40% { transform: translate(0, 40px); } 75% { transform: translate(-40px, 0); } 100% { transform: translate(0, 0); } } @keyframes floating_5 { 0% { transform: translate(0, 0); } 25% { transform: translate(40px, -40px); } 50% { transform: translate(-40px, -40px); } 75% { transform: translate(-40px, 40px); } 100% { transform: translate(0, 0); } } @keyframes floating_6 { 0% { transform: translate(0, 0); } 25% { transform: translate(-40px, -40px); } 50% { transform: translate(40px, -40px); } 75% { transform: translate(40px, 40px); } 100% { transform: translate(0, 0); } } @keyframes floating_7 { 0% { transform: translate(0, 0); } 25% { transform: translate(0, 40px); } 50% { transform: translate(-40px, 40px); } 75% { transform: translate(-40px, -40px); } 100% { transform: translate(0, 0); } } .floating { -webkit-animation: floating 5s linear forwards infinite; animation: floating 5s linear forwards infinite; } .floating_1 { -webkit-animation: floating 5s linear forwards infinite; animation: floating 5s linear forwards infinite; } .floating_2 { -webkit-animation: floating_2 5s linear forwards infinite; animation: floating_2 5s linear forwards infinite; } .floating_3 { -webkit-animation: floating_3 5s linear forwards infinite; animation: floating_3 5s linear forwards infinite; } .floating_4 { -webkit-animation: floating_4 5s linear forwards infinite; animation: floating_4 5s linear forwards infinite; } .floating_5 { -webkit-animation: floating_5 4s linear forwards infinite; animation: floating_5 4s linear forwards infinite; } .floating_6 { -webkit-animation: floating_6 4s linear forwards infinite; animation: floating_6 4s linear forwards infinite; } .floating_7 { -webkit-animation: floating_7 4s linear forwards infinite; animation: floating_7 4s linear forwards infinite; } .parallax_segment { width: 100%; height: 100%; z-index: 3; position: relative; } .parallax_segment_level_1 { z-index: -1; } .parallax_scene_8 { width: 100%; height: 100%; } .scene_intro { position: relative; z-index: 4; padding: 270px 0 308px; height: 100%; } .bg_circle_video, .box_of_dots_video { z-index: 1; left: 50%; top: 50%; will-change: transform; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .box_of_dots_video { position: absolute; z-index: 0; width: 250px; height: 94px; will-change: transform; } .box_of_dots_video::after { content: ''; background-image: radial-gradient(#f9db6d calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* .bg_circle_video_1 { top: -7%; left: -7%; height: 150px; width: 150px; border: 18px solid #dff3f5; } .bg_circle_video_2 { top: -7%; right: 7%; height: 70px; width: 70px; background-color: #0B4F6C; } .bg_circle_video_3 { bottom: 7%; left: -5%; height: 40px; width: 40px; background-color: #0B4F6C; } .bg_circle_video_4 { bottom: 4%; right: 4%; height: 70px; width: 70px; border: 10px solid #61BEC4; } */ .bg_circle_video_1 { height: 150px; width: 150px; border: 18px solid #dff3f5; } .bg_circle_video_2 { height: 70px; width: 70px; background-color: #0B4F6C; } .bg_circle_video_3 { height: 40px; width: 40px; background-color: #0B4F6C; } .bg_circle_video_4 { height: 70px; width: 70px; border: 10px solid #61BEC4; } .box_of_dots_1 { position: absolute; z-index: 0; width: 400px; height: 150px; bottom: 20%; left: 2%; will-change: transform; } .box_of_dots_1::after, .box_of_dots_1_mobile::after { content: ''; background-image: radial-gradient(#61BEC4 calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box_of_dots_1_mobile { display: none; } .box_of_dots_2 { position: absolute; z-index: 0; width: 150px; height: 400px; bottom: 0; right: 2%; will-change: transform; } .box_of_dots_2::after { content: ''; background-image: radial-gradient(#f9db6d calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box_of_dots_3 { position: absolute; z-index: 0; width: 400px; height: 150px; bottom: 10%; left: -5%; will-change: transform; } .box_of_dots_3::after { content: ''; background-image: radial-gradient(#0B4F6C calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box_of_dots_4 { position: absolute; z-index: 0; width: 400px; height: 150px; bottom: -60%; right: -5%; will-change: transform; } .box_of_dots_4::after { content: ''; background-image: radial-gradient(#61BEC4 calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bg_circle_intro { z-index: 1; } .bg_circle_intro_1 { top: 20%; left: 11%; height: 21px; width: 21px; background-color: #0b4f6c; } .bg_circle_intro_2 { top: 25%; left: 18%; height: 57px; width: 57px; background-color: #ffffff; } .bg_circle_intro_3 { top: 50%; left: 15%; height: 76px; width: 76px; border: 14px solid #9e045a; } .bg_circle_intro_4 { top: 66%; left: 80%; height: 21px; width: 21px; background-color: #0b4f6c; } .bg_circle_intro_5 { top: 48%; left: 90%; height: 238px; width: 238px; border: 25px solid #ffffff; } .bg_circle_intro_6 { top: 15%; left: 80%; height: 96px; width: 96px; background-color: #0b4f6c; } .bg_circle_intro_7 { bottom: -100px; left: -100px; } @media only screen and (max-width : 1500px) { .bg_circle_intro_1 { top: 20%; left: 8%; } .bg_circle_intro_2 { top: 25%; left: 15%; } .bg_circle_intro_3 { top: 55%; left: 10%; border: 14px solid #9e045a; } .bg_circle_intro_4 { top: 66%; left: 86%; } .bg_circle_intro_5 { top: 48%; left: 90%; border: 25px solid #ffffff; } .bg_circle_intro_6 { top: auto; bottom: 70%; left: 80%; } } @media only screen and (max-width : 1152px) { .bg_circle_intro_3 { top: 55%; left: 5%; border: 14px solid #9e045a; } .bg_circle_intro_5 { top: 48%; left: auto; right: -200px; border: 25px solid #ffffff; } } @media only screen and (max-width : 900px) { .bg_circle_intro_1 { top: 20%; left: 8%; height: 10px; width: 10px; } .bg_circle_intro_2 { top: 25%; left: 15%; height: 36px; width: 36px; } .bg_circle_intro_3 { top: 45%; left: 5%; height: 48px; width: 48px; border: 8px solid #9e045a; } .bg_circle_intro_4 { top: 45%; left: 80%; height: 10px; width: 10px; background-color: #61BEC4; } .bg_circle_intro_5 { top: 48%; left: auto; right: -100px; height: 144px; width: 144px; border: 16px solid #ffffff; } .bg_circle_intro_6 { top: auto; bottom: 70%; left: 80%; height: 48px; width: 48px; } } @media only screen and (max-width : 600px) { .bg_circle_intro_7 { bottom: -100px; left: -200px; } } @media only screen and (max-width : 450px) { .bg_circle_intro_1 { top: 17%; left: 7%; height: 10px; width: 10px; } .bg_circle_intro_2 { top: 25%; left: 10%; height: 36px; width: 36px; } .bg_circle_intro_3 { top: 40%; left: -24px; height: 48px; width: 48px; border: 8px solid #9e045a; } .bg_circle_intro_6 { top: auto; bottom: 70%; left: 90%; height: 48px; width: 48px; } .bg_circle_intro_7 { bottom: -75px; left: -200px; } } .bg_circle_intro { opacity: 0; } .bg_circle_intro_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .bg_circle_intro_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.6s forwards; animation: bounceInDown 0.75s ease-in-out 0.6s forwards; } .bg_circle_intro_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.7s forwards; animation: bounceInDown 0.75s ease-in-out 0.7s forwards; } .bg_circle_intro_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.8s forwards; animation: bounceInDown 0.75s ease-in-out 0.8s forwards; } .bg_circle_intro_5 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.9s forwards; animation: bounceInDown 0.75s ease-in-out 0.9s forwards; } .bg_circle_intro_6 { -webkit-animation: bounceInDown 0.75s ease-in-out 1s forwards; animation: bounceInDown 0.75s ease-in-out 1s forwards; } .bg_circle_intro_7 { -webkit-animation: zoomIn 0.75s ease-in-out 1s forwards; animation: zoomIn 0.75s ease-in-out 1s forwards; } .clmn_icon_benefits_wrap { width: 1300px; margin: 0 auto; padding: 55px 0; position: relative; z-index: 1; } .clmn_icon_partnership_wrap { width: 1440px; margin: 0 auto; padding: 55px 0; position: relative; z-index: 1; } .clmn_icon_benefits, .clmn_icon_benefits_default { width: 21.25%; margin: 0 5% 0 0; float: left; } .clmn_icon_benefits:nth-of-type(4), .clmn_icon_benefits_default:nth-of-type(4) { margin: 0; } .card_icon_benefits, .card_icon_benefits_default { background-color: white; border-radius: 23px; padding: 40px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); min-height: 211px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .card_icon_benefits_default { min-height: auto; } .card_icon_benefits_p_program { min-height: 298px; } .clmn_icon_benefits img { width: 120px; margin: 0 auto; } .clmn_icon_benefits_default img { width: 120px; } .card_icon_benefits_p_program img { width: 90px; } .clmn_icon_benefits p { color: #61BEC4; font-size: 24px; font-weight: 900; line-height: 1.3; text-align: center; } .bg_dots_4 { position: relative; } .bg_dots_4::after { content: ''; position: absolute; z-index: -1; /* background-image: radial-gradient(#fefaec calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; */ background: #ffffff url('img/bg-dots.png') top left repeat; top: 0; left: 0; width: 100%; height: 100%; } .section { width: 100%; padding: 75px 0; position: relative; } .section_padding { padding: 75px 0; } .section_padding_half { padding: 35px 0; } .section_padding_double { padding: 150px 0; } .section_padding_bottom_double { padding-bottom: 150px; } .section_padding_top_double { padding-top: 150px; } .section_about { padding-top: 0; } .section_form { overflow: hidden; } .section_1_slider { color: #ffffff; background: #61BEC4 url('img/section_1_bg.jpg') top left no-repeat; background-size: 100% auto; padding: 0; position: relative; z-index: 1; } .section_2 { color: #ffffff; background: #9E005A url('img/section_2_bg_large.jpg') top left no-repeat; background-size: 100% auto; padding: 0; position: relative; z-index: 1; } .section_1_slider::after { content: ''; position: absolute; z-index: -1; bottom: 0; left: 0; width: 100%; height: 54px; background-color: #ffffff; } .section_intro { background: #dff3f5 url('img/section_intro_bg_large.jpg') bottom left no-repeat; background-size: 100% auto; padding: 120px 0 300px; padding: 200px 0 300px; /* header_main */ position: relative; } .section_intro_alt { background: #dff3f5 url('img/section_intro_alt_bg_large.jpg') bottom left no-repeat; background-size: 100% auto; } .roas_slide { padding: 400px 0 0; position: relative; } .roas_slide .wrap p:nth-of-type(2) { color: #F9DB6D; } .roas_slide .wrap p:nth-of-type(2) { color: #0B4F6C; } .section_blog_intro { color: #ffffff; position: relative; z-index: 1; } .section_blog_intro_padding { padding: 150px 0 308px; } .section_blog_intro_1 { background: #61BEC4 url('img/section_blog_intro_1_large.jpg') bottom left no-repeat; background-size: 100% auto; } .section_wave { color: #ffffff; padding: 55px 0 213px; position: relative; z-index: 1; } .section_wave_1 { background: #61BEC4 url('img/section_blog_intro_1_large.jpg') bottom left no-repeat; background-size: 100% auto; } .section_wave_1_cekini { padding: 55px 0 158px; } .section_wave_1_alt { background: url('img/section_blog_intro_1.png') top left no-repeat; background-size: 100% auto; padding: 158px 0 50px; } .section_1 { background: #61BEC4; color: #ffffff; } .section_1_cekini { padding: 55px 0 0; } .section_blog_intro_2 { background: #ffffff url('img/bg_blog_2.jpg') center top no-repeat; } .section_blog_intro_3 { background: #ffffff url('img/bg_blog_3.jpg') center top no-repeat; } .clmn_lottie_cekini { width: 500px; } .lottie_cekini { position: absolute; top: -100px; left: 550px; width: 500px; height: auto; } .lottie_puscica_1 { position: absolute; top: -10px; right: -240px; width: 240px; height: auto; } .lottie_puscica_2 { position: absolute; bottom: -214px; left: -280px; width: 240px; height: auto; bottom: -50px; left: -200px; } .lottie_puscica_3 { position: absolute; bottom: -180px; right: -240px; width: 240px; height: auto; bottom: -40px; right: -120px; } /* .parallax_segment_blob { width: 690px; height: 519px; width: 650px; position: absolute; z-index: -1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } */ .block_curious_demo_call { display: block; } @media only screen and (max-width : 500px) { .block_curious_demo_call { display: inline; } } .blob_start { position: relative; width: 480px; z-index: 3; } .blob_finish { position: relative; width: 480px; float: right; margin: 150px 0 0; margin: 0 0 0; text-align: right; } .blob_finish_si { text-align: left; } .blob_1 { width: 360px; float: right; margin: 125px 0 0; position: relative; z-index: 2; width: 650px; margin: 0 -145px 0 0; } .blob_1 p { padding: 0; position: absolute; z-index: 1; top: 125px; left: 145px; width: 360px; } .blob_1_img { /* width: 650px; position: absolute; z-index: -1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */ width: 650px; } .blob_2 { width: 360px; float: left; margin: 125px 0 0; position: relative; width: 550px; margin: -175px 0 0 -95px; } .blob_2 p { padding: 0; position: absolute; z-index: 1; top: 50%; left: 95px; width: 360px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .blob_2_img { width: 550px; /* position: absolute; z-index: -1; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); */ } .blob_span { display: block; } .title_intro_wrap { position: relative; z-index: 2; height: 100%; display: table; width: 1024px; margin: 0 auto; } .title_intro_wrap_wide { width: 1300px; } /* .title_intro_wrap_high { height: 75vh; } .title_intro_wrap_high { height: 65vh; } */ .title_intro_wrap_high { height: 600px; } .title_intro_wrap_features_video_height { min-height: 300px; } @media only screen and (max-width : 768px) { .title_intro_wrap_high { height: 55vh; } .title_intro_wrap_features_video_height { min-height: auto; } } .absolute { display: table-cell; vertical-align: middle; } .title_intro { color: #ffffff; font-size: 48px; font-weight: 900; padding: 0; line-height: 1.25; text-transform: uppercase; } .box_of_dots_intro { position: absolute; z-index: 2; width: 400px; height: 150px; bottom: 79px; right: -50px; will-change: transform; } .box_of_dots_intro::after { content: ''; background-image: radial-gradient(#9E005A calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dots { position: absolute; z-index: 2; } .dots_1 { width: 400px; height: 150px; will-change: transform; } .dots_2 { width: 200px; height: 150px; will-change: transform; } .dots_3 { width: 200px; height: 75px; will-change: transform; } .dots_1_color_1::after { content: ''; background-image: radial-gradient(#61BEC4 calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dots_1_color_1_light::after { content: ''; background-image: radial-gradient(#DFF3F5 calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dots_1_color_2::after { content: ''; background-image: radial-gradient(#9E005A calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dots_1_color_3::after { content: ''; background-image: radial-gradient(#0B4F6C calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dots_1_color_4::after { content: ''; background-image: radial-gradient(#F9DB6D calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dots_1_color_5::after { content: ''; background-image: radial-gradient(#F9DB6D calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dots_1_color_white::after { content: ''; background-image: radial-gradient(#ffffff calc(30% - 1px), transparent 30%); background-color: none; background-position: 0 0; background-size: 25px 25px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dots_1_tiny_color_1_light::after { content: ''; background-image: radial-gradient(#DFF3F5 calc(22% - 1px), transparent 22%); background-image: radial-gradient(#b7e4e7 calc(22% - 1px), transparent 22%); background-color: none; background-position: 0 0; background-size: 18px 18px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dots_1_tiny_color_2::after { content: ''; background-image: radial-gradient(#9E045A calc(22% - 1px), transparent 22%); background-color: none; background-position: 0 0; background-size: 18px 18px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dots_img_bottom { position: absolute; z-index: -1; bottom: -50px; right: -15px; } .dots_card_monster_beside { position: absolute; z-index: -2; bottom: -50px; right: -50px; } .dots_bottom_right { position: absolute; z-index: -2; bottom: 0; right: 0; -webkit-transform: translate(-50px, -50px); transform: translate(-50px, -50px); } .dots_top_left { position: absolute; z-index: -2; top: 0; left: 0; -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); } .bg_title_wrap { position: relative; height: 128px; } .bg_title { position: relative; line-height: 128px; padding: 0; margin: 1.5em 0; } .bg_title_txt { color: #f8ecf3; font-size: 128px; line-height: 128px; text-transform: uppercase; padding: 0; position: absolute; z-index: -1; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } /* .blog_clmn_color_1 { color: #525d7d; } */ /* .blog_clmn_margin_left { margin-left: 5%; float: right; } .blog_clmn_margin_right { margin-right: 5%; } */ .blog_clmn_1_wrap { margin: 40px 0 0; position: relative; } .blog_clmn_1 { width: 32.5%; float: left; margin: 0 7.5% 0 0; position: relative; } .blog_clmn_1:nth-of-type(2) { width: 60%; margin: 0; } .blog_clmn_1 { width: 40%; float: left; margin: 0 7.5% 0 0; position: relative; } .blog_clmn_1:nth-of-type(2) { width: 52.5%; margin: 100px 0 0; } .blog_clmn_1 img { width: 100%; } .blog_clmn_1_img { margin: 0 0 40px; } .card { border-radius: 23px; margin: 2em 0 0; padding: 32px 40px; position: relative; } @media only screen and (max-width : 500px) { .card { padding: 24px 32px; } .card_pricing { padding: 32px 40px; } } .card_small { border-radius: 15px; padding: 24px 32px; position: relative; background-color: #ffffff; } .card_monster_top { padding-top: 180px; margin-top: 120px; } .card_quote_top { padding-top: 72px; } .card_1 { background-color: #DFF3F5; box-shadow: 0 3px 6px rgba(0,0,0,0.1); } .card_color_1 { background-color: #61BEC4; color: #ffffff; } .card_color_2 { background-color: rgba(255, 255, 255, 0.9); background-color: #9E045A; color: #ffffff; } .card_color_3 { background-color: #0B4F6C; color: #ffffff; } .card_color_1_light { background-color: #DFF3F5; } .card_color_1_light_alt { background-color: #F2FBFC; } .card_color_default { background-color: #ffffff; } .card_2 { border: 3px dashed #9E045A; } .card_radius_default { border-radius: 23px; } .card_radius_smaller { border-radius: 15px; } .card_radius_small { border-radius: 7px; } .card_radius_none { border-radius: 0; } .card_img_round { padding-left: 280px; margin: 75px auto; } .card_img_round_wrapper img { width: 100%; border-radius: 50%; } .card_img_round_wrapper { width: 300px; position: absolute; z-index: 1; left: -60px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .card_img_round_wrapper::after { content: ''; position: absolute; top: -23px; left: 0; width: 100%; height: 100%; border: 3px solid #9E045A; border-radius: 50%; } .card_img_round_wrapper_top { top: -32px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .card_shadow { box-shadow: 0 3px 6px rgba(0,0,0,0.1); } .card_border_radius { border-radius: 23px; } .card_border_radius_small { border-radius: 15px; } @media only screen and (max-width : 900px) { .card_img_round { padding-left: 40px; padding-top: 90px; margin: 110px auto 0; } .card_img_round_wrapper { width: 150px; left: 50%; top: -75px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .card_img_round_wrapper::after { top: -13px; } } @media only screen and (max-width : 500px) { .card_img_round { padding-left: 32px; } } .card_sticky p { line-height: 1.4; } .card_sticky { margin: 0; position: absolute; top: 52px; width: 300px; -webkit-transform: translate(-420px, 0); -ms-transform: translate(-420px, 0); transform: translate(-420px, 0); -webkit-transform: translate(540px, 0); -ms-transform: translate(540px, 0); transform: translate(540px, 0); } .card_sticky_job { top: 55px; top: 75px; -webkit-transform: translate(640px, 0); -ms-transform: translate(640px, 0); transform: translate(640px, 0); } .card_sticky_fixed { position: fixed; top: 120px; } .card_sticky_fixed { position: fixed; top: 90px; } .card_sticky_absolute { position: absolute; bottom: 233px; top: auto; } .card_sticky_absolute_job { position: absolute; bottom: 0; top: auto; } .wrap_sticky { position: relative; padding: 0 360px 0 0; } .wrap_sticky_full { padding: 0; } @media only screen and (max-width : 1152px) { .wrap_sticky { position: relative; padding: 0 400px 0 0; } } @media only screen and (max-width : 1440px) { /* .card_color_2 { width: 240px; padding: 32px; } */ .card_sticky { font-size: 18px; } } @media only screen and (max-width : 1280px) { .card_sticky { font-size: 16px; margin: 2em 0 0; margin: 0 0 0; -webkit-transform: translate(530px, 0); -ms-transform: translate(530px, 0); transform: translate(530px, 0); } } @media only screen and (max-width : 1000px) { .wrap_sticky { position: relative; padding: 0 0 0 0; } } @media only screen and (max-width : 475px) { .card_sticky_job { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } .card_sticky_unsticky { font-size: 20px; margin: 1.5em 0 0; position: relative; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .card_sticky_relative { background-color: #61BEC4; border-radius: 0; box-shadow: none; font-size: 20px; margin: 40px auto 0; padding: 32px 0 0; position: relative; top: auto; width: 100%; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .card_sticky_relative::after { content: ''; background-color: #61BEC4; position: absolute; bottom: -55px; left: -550px; height: 100%; width: 1400px; padding: 0 0 55px; } #sticky_end { height: 1px; } /* #signuphere { display: block; position: relative; top: -175px; visibility: hidden; } */ #signuphere { display: block; position: relative; top: -21px; visibility: hidden; } #guidedtour { display: block; position: relative; top: -90px; visibility: hidden; } #getpdfpresentation { display: block; position: relative; top: -120px; visibility: hidden; } @media only screen and (max-width : 1152px) { /* #signuphere { display: block; position: relative; top: -165px; visibility: hidden; } */ #signuphere { top: 21px; } #getpdfpresentation { display: block; position: relative; top: -110px; visibility: hidden; } } /* .card p:nth-of-type(1) { padding-top: 0; } 2022-01-14 */ .card > p:nth-of-type(1) { padding-top: 0; } .card p { z-index: 2; position: relative; } .card_img_monster_top { width: 240px; position: absolute; z-index: 1; top: -80px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .card_monster_beside { padding-right: 360px; z-index: 1; } .overflow_hidden { overflow: hidden; } .card_img_monster_beside { width: 320px; bottom: 0; right: 60px; position: absolute; z-index: 2; } .parallax_scene_8 { width: 480px; height: 327px; position: absolute; bottom: 0; right: 0; padding: 32px 0 0; overflow: hidden; } .monster_beside_scene_inner_1 { width: 480px; height: 327px; } .monster_beside_scene_inner_2 { width: 100%; height: 327px; position: absolute; z-index: -2; bottom: 0; right: 0; } .monster_beside_scene_outer { position: absolute; bottom: 0; right: 0; width: 100%; } .roas_monster_to_the_rescue { position: absolute; z-index: 1; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .sign_up { font-size: 24px; font-weight: 700; text-align: center; padding: 84px 0 0; } .sign_up a { background-color: #F9DB6D; color: #0B4F6C; display: inline-block; padding: 1.5em 2.5em; border-radius: 100px; text-decoration: none; } .sign_up a:hover { background-color: #22BAC4; } .sign_up a:hover { background-color: #F9D44D; } .sign_up_1 a { background-color: #F9DB6D; color: #0B4F6C; } .sign_up_1 a:hover { background-color: #F9D44D; } .sign_up_absolute { position: absolute; z-index: 33; bottom: 96px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .sign_up_absolute .sign_up { padding: 0; } /* .sign_up_absolute a { background-color: #dff3f5; border: 7px solid white; } */ .videoWrapper { position: relative; height: 0; /*padding-bottom: 56.25%; padding-bottom: 100%; padding-top: 25px;*/ } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoOuter { position: relative; width: 100%; margin: 0 auto; } .videoWrapperIntro { padding-bottom: 56.25%; } @media only screen and (max-width : 768px) {} .video_wrap { position: relative; margin: 105px 0 0; } .video_img { width: 100%; position: relative; z-index: 3; border-radius: 50%; box-shadow: 0 0 12px rgba(0,0,0,0.1); box-shadow: 0 0 50px rgba(0,0,0,0.2); opacity: 0; } .video_img_border { border: 11px solid white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .video_play { color: #9E045A; height: 96px; width: 96px; position: absolute; z-index: 4; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video_play span { position: absolute; height: 96px; width: 96px; opacity: 0; } .video_play span .fa { font-size: 111px; height: 96px; width: 96px; line-height: 96px; } .video_play span img { width: 100%; } .video_play span::after { content: ''; position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; z-index: -1; background-color: #ffffff; border-radius: 50%; box-shadow: 0 0 36px rgba(158, 4, 90, 0.95); } .video_play_3 span::after { box-shadow: 0 0 36px rgba(11, 79, 108, 0.95); } .video_play_no_shadow span::after { box-shadow: none; } .video_play_transparent span::after { background-color: transparent; } .video_play_o span::after { background-color: transparent; box-shadow: none; } .video_play_o_white { color: #ffffff; } .video_play_large, .video_play_large span, .video_play_large span .fa { width: 128px; height: 128px; } .video_play_large span .fa { font-size: 144px; line-height: 128px; } .video_play_o, .video_play_o span { width: 100px; height: 100px; } .video_play_1 { color: #61BEC4; } .video_play_2 { color: #9E045A; } .video_play_3 { color: #0B4F6C; } .video_play_4 { color: #F9DB6D; } .video_intro_wrap:hover .video_img { } .video_intro_wrap:hover .video_play_1 { color: #6ACFD5; } .video_intro_wrap:hover .video_play_3 { color: #0E6286; } .video_play_bottom { top: auto; left: auto; right: 0; bottom: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .video_txt { width: 50%; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .video_txt p:nth-of-type(1) { padding-top: 0; } .video_img_wrap { position: relative; width: 45%; float: right; } .video_img_wrap a { position: relative; color: #61BEC4; text-decoration: none; display: block; } .modaal_link { position: relative; } .modaal_link::after { content: ''; position: absolute; top: 2.5%; left: 0; z-index: 4; width: 100%; height: 100%; border: 3px #9e045a solid; border-radius: 50%; opacity: 0; } .modaal_link_4::after { border: 3px #F9DB6D solid; } .modaal_link_5::after { border: 3px #DFF3F5 solid; } .modaal_link_plain::after { display: none; } .bg_circle_features_intro_video_round { z-index: -1; opacity: 0; } .bg_circle_features_intro_video_round_1 { top: 0; left: 0; } .bg_circle_features_intro_video_round_2 { bottom: 75px; left: -100px; } @media only screen and (max-width : 1152px) { .bg_circle_features_intro_video_round_2 { bottom: 0; left: -50px; } } @media only screen and (max-width : 1024px) { .bg_circle_features_intro_video_round_1 { top: -24px; left: -24px; } } @media only screen and (max-width : 900px) { .bg_circle_features_intro_video_round_2 { bottom: -50px; left: -24px; } } @media only screen and (max-width : 768px) { .bg_circle_features_intro_video_round_1 { top: 0; left: 0; } } .bg_circle_features_intro_video_round_animate .video_img { -webkit-animation: zoomIn 0.75s ease-in-out 0.2s forwards; animation: zoomIn 0.75s ease-in-out 0.2s forwards; } .bg_circle_features_intro_video_round_animate .bg_circle_features_intro_video_round_1 { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } .bg_circle_features_intro_video_round_animate .bg_circle_features_intro_video_round_2 { -webkit-animation: zoomIn 0.75s ease-in-out 0.4s forwards; animation: zoomIn 0.75s ease-in-out 0.4s forwards; } .bg_circle_features_intro_video_round_animate .video_play span { -webkit-animation: zoomIn 0.75s ease-in-out 0.5s forwards; animation: zoomIn 0.75s ease-in-out 0.5s forwards; } .bg_circle_home_intro_video_round { z-index: -1; opacity: 0; } .bg_circle_home_intro_video_round_1 { bottom: 10px; left: -10px; } .bg_circle_home_intro_video_round_2 { bottom: 110px; left: -110px; } .bg_circle_home_intro_video_round_3 { top: -10px; left: -10px; } .bg_circle_home_intro_video_round_4 { top: -25px; left: 65%; } .bg_circle_home_intro_video_round_5 { top: -10px; right: -36px; } .bg_circle_home_intro_video_round_6 { bottom: 50px; right: -150px; } .bg_circle_home_intro_video_round_animate .video_img { -webkit-animation: zoomIn 0.75s ease-in-out 0.2s forwards; animation: zoomIn 0.75s ease-in-out 0.2s forwards; } .bg_circle_home_intro_video_round_animate .video_play span { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } .bg_circle_home_intro_video_round_animate .bg_circle_home_intro_video_round_6 { -webkit-animation: zoomIn 0.75s ease-in-out 0.4s forwards; animation: zoomIn 0.75s ease-in-out 0.4s forwards; } .bg_circle_home_intro_video_round_animate .bg_circle_home_intro_video_round_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .bg_circle_home_intro_video_round_animate .bg_circle_home_intro_video_round_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .bg_circle_home_intro_video_round_animate .bg_circle_home_intro_video_round_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .bg_circle_home_intro_video_round_animate .bg_circle_home_intro_video_round_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.6s forwards; animation: bounceInDown 0.75s ease-in-out 0.6s forwards; } .bg_circle_home_intro_video_round_animate .bg_circle_home_intro_video_round_5 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.7s forwards; animation: bounceInDown 0.75s ease-in-out 0.7s forwards; } /*-------------------------------------------------------------------------- #Contact Form */ #name_newsletter, #name_newsletter_top, #full_name { display: none; } .form_wrap_main div .field-wrap:nth-of-type(1) .label, .form_wrap_main div .field-wrap:nth-of-type(2) .label { padding-top: 0; } /* .form_wrap { width: 500px; margin: 0 auto; position: relative; } */ .form_wrap_newsletter_default { width: 600px; } .form_wrap_newsletter { max-width: 500px; } .form_wrap { width: 550px; margin: 0 auto; position: relative; } .form_wrap_main { width: 50%; margin: 0 0 0 50%; position: relative; padding: 32px 40px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .contact_wrap { width: 100%; margin: 40px auto 0; position: relative; z-index: 1; background-color: #ffffff; border-radius: 23px; } .contact_wrap::before { content: ''; background-color: #9E045A; border-radius: 23px 0 0 23px; position: absolute; z-index: -1; top: 0; left: 0; width: 50%; height: 100%; } .contact_position_top, .contact_position_center, .contact_position_bottom { padding: 0 40px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .contact_position_top { position: absolute; top: 32px; left: 0; z-index: 1; } .contact_position_bottom { position: absolute; bottom: 32px; left: 0; z-index: 1; } .contact_position_center { position: absolute; top: 50%; left: 0; z-index: 1; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clmn_form { width: 47.5%; margin: 0 5% 0 0; width: 50%; margin: 0 0; float: left; } .clmn_form:nth-of-type(2) { margin-right: 0; } @media only screen and (max-width : 1400px) { .contact_wrap { width: 768px; background-color: #9E045A; } .form_wrap_main { width: 100%; margin: 0; position: relative; padding: 32px 40px 40px; background-color: #ffffff; border-radius: 0 0 23px 23px; } .contact_position_top, .contact_position_center, .contact_position_bottom { padding: 0 40px; width: 100%; } .contact_position_top { position: relative; top: auto; left: auto; z-index: 1; padding-top: 32px; } .contact_position_bottom { position: relative; bottom: auto; left: auto; z-index: 1; padding-top: 40px; padding-bottom: 32px; } .contact_position_center { position: relative; top: auto; left: auto; z-index: 1; padding-top: 40px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .contact_wrap::before { display: none; } } @media only screen and (max-width : 900px) { .contact_wrap { width: 100%; } } .form { margin: 1.5em auto 0; } .form_newsletter { margin: 1.5em auto 0; position: relative; } /* .form_newsletter .input-text_wrap { width: 300px; width: 560px; margin: 0 auto; } */ .field-wrap { width: 44%; margin: 1em 0 0 4%; width: 100%; margin: 1em 0 0; width: 47.5%; margin: 0 5% 0 0; float: left; } /* .field-wrap:first-of-type { margin-top: 0; } */ .field-wrap:nth-of-type(2n) { margin-right: 0; } #middle_name { display: none; } @media only screen and (max-width : 575px) { .field-wrap { width: 100%; float: none; margin: 0 auto; } .field-wrap:nth-of-type(2n) { margin: 0 auto; } .form_wrap_main div .field-wrap:nth-of-type(1) .label, .form_wrap_main div .field-wrap:nth-of-type(2) .label { padding: 1em 0 0.25em; } .form_wrap_main div .field-wrap:nth-of-type(1) .label { padding-top: 0; } .submit_mobile_full { padding: 1em 0; width: 100%; } } .submit, .btn a, .message_subscribed { text-decoration: none; text-transform: uppercase; text-align: center; margin: 1.5em auto 0; line-height: 1.25; color: #ffffff; text-decoration: none; display: inline-block; padding: 1em 2em; background-color: #9E005A; border: none; border-radius: 16px; overflow: hidden; position: relative; /* box-shadow: 0 0 36px rgba(158, 4, 90, 0.75); */ appearance: none; -moz-appearance: none; -webkit-appearance: none; /* left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); */ } .btn { line-height: 1; padding-top: 2em; } /* .btn_1 a { background-color: #61BEC4; box-shadow: 0 0 36px rgba(97, 190, 196, 0.75); } .btn_2 a { background-color: #9E005A; box-shadow: 0 0 36px rgba(158, 4, 90, 0.75); } .btn_3 a { background-color: #0B4F6C; box-shadow: 0 0 36px rgba(11, 79, 108, 0.75); } */ .btn_1 a, .submit_1 { background-color: #61BEC4; } .btn_2 a { background-color: #9E005A; } .btn_3 a { background-color: #0B4F6C; } .btn_5 a { background-color: #DFF3F5; color: #0B4F6C; } .submit:hover, .btn_2 a:hover { background-color: #BB006A; cursor: pointer; } .btn_1 a:hover, .submit_1:hover { background-color: #6ACFD5; } .btn_3 a:hover { background-color: #0E6286; } .btn_5 a:hover { background-color: #61BEC4; color: #ffffff; } .btn_double { text-align: center; } .btn_double_left { text-align: left; } .btn_double a:nth-of-type(1) { background-color: #9E005A; } .btn_double a:nth-of-type(1):hover { background-color: #BB006A; cursor: pointer; } .btn_double_3 a:nth-of-type(1) { background-color: #0B4F6C; } .btn_double_3 a:nth-of-type(1):hover { background-color: #0E6286; cursor: pointer; } .btn_double a:nth-of-type(2) { margin-left: 1.5em; } .animateBtnDouble a { opacity: 0; } .btnDoubleAnimated a:nth-of-type(1) { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .btnDoubleAnimated a:nth-of-type(2) { -webkit-animation: translateLeft 0.75s ease-in-out 0.25s forwards; animation: translateLeft 0.75s ease-in-out 0.25s forwards; } @media only screen and (max-width : 450px) { .btn_guide_tour a { padding: 1em 1.5em; text-transform: none; } } .message_contactform_wrap { margin: 1.5em auto 0; } .message_subscribed { display: block; font-weight: 700; left: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-animation: zoomIn 0.75s ease-in-out forwards; animation: zoomIn 0.75s ease-in-out forwards; } .message_subscribed_contactform { background-color: #DFF3F5; color: #0B4F6C; } .message_subscribed_newsletter { background: #074159; color: #6BA2BA; box-shadow: 0 0 36px rgba(35, 104, 134, 0.75); } .message_subscribed_blog { background: #9E045A; color: #ffffff; } .btn a { font-weight: 700; margin: 0; } .btn_center a, .submit_center { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .submit_right { float: right; } .form_newsletter .submit { float: left; left: auto; margin: 0 0 0; padding: 0; width: 150px; background-color: #61BEC4; color: #ffffff; height: 58px; border-radius: 0 16px 16px 0; /* box-shadow: 0 0 36px rgba(97, 190, 196, 0.65); */ -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .form_newsletter .submit:hover { background-color: #6ACFD5; cursor: pointer; } .form_newsletter_default .submit { box-shadow: 0 3px 6px rgba(0,0,0,0.1); width: 180px; } .subscribed { height: 58px; line-height: 58px; border-radius: 16px; background-color: #9E005A; color: #ffffff; display: block; text-align: center; margin-top: 1.5em; text-transform: uppercase; /*box-shadow: 0 0 36px rgba(158, 4, 90, 0.75);*/ } .subscribed a { color: #ffffff; text-decoration: none; display: block; border-radius: 16px; } .subscribed a:hover { background-color: #BB006A; } .agree { color: #61BEC4; font-size: 16px; text-align: center; } .agree a { color: #61BEC4; font-weight: 700; text-decoration: underline; } .agree a:hover { text-decoration: none; } .label { display: block; line-height: 1.35; /* color: #0B4F6C; */ padding: 1em 0 0.25em; } .input-text { outline: none; width: 100%; line-height: 20px; color: #323232; background: #ffffff; border: none; padding: 12px; margin: 0; border: 2px solid #D6D6D6; border-radius: 16px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .form_newsletter .input-text { border: 2px solid #ffffff; border-radius: 16px 0 0 16px; color: #0B4F6C; width: 350px; float: left; height: 58px; } .form_newsletter_default .input-text { width: 320px; } .input-text_shorter { padding: 8px 12px; border-radius: 12px; } .input-text-prefix { float: left; width: 17.5%; margin: 0 3.5% 0 0; } .input-text-phone { float: left; width: 79%; } @media only screen and (max-width : 1440px) { /* .form_newsletter .input-text { width: 300px; } .form_newsletter .submit { width: 150px; } */ .form_newsletter .input-text { width: 60%; } .form_newsletter .submit { width: 40%; } .form_newsletter_default .input-text { width: 320px; } .form_newsletter_default .submit { width: 180px; } } @media only screen and (max-width : 1300px) { /* .form_newsletter .input-text { width: 250px; } .form_newsletter .submit { width: 150px; } */ } @media only screen and (max-width : 1152px) { .form_newsletter .input-text { width: 300px; } .form_newsletter .submit { width: 150px; } .form_newsletter_default .input-text { width: 320px; } .form_newsletter_default .submit { width: 180px; } .form_wrap_newsletter { max-width: auto; width: 450px; } .form_wrap_newsletter_default { width: 600px; } } @media only screen and (max-width : 730px) { /* .form_wrap_newsletter { width: 360px; } .form_newsletter .submit { width: 130px; text-transform: none; } .form_newsletter .input-text { width: 230px; } */ .form_newsletter_default .input-text { width: 60%; } .form_newsletter_default .submit { width: 40%; } .form_wrap_newsletter_default { width: 100%; } } @media only screen and (max-width : 720px) { .form_wrap { width: 80%; } .form_wrap_newsletter_default { width: 100%; } .input-text-prefix { width: 21.5%; margin: 0 3.5% 0 0; } .input-text-phone { width: 75%; } } @media only screen and (max-width : 550px) { .form_newsletter .input-text { width: 60%; } .form_newsletter .submit { width: 40%; } .form_wrap_newsletter { width: 100%; } .input-text-prefix { width: 25%; margin: 0 5% 0 0; } .input-text-phone { width: 70%; } } @media only screen and (max-width : 450px) { /* .form_newsletter .submit { width: 100%; text-transform: none; border-radius: 16px; float: none; margin: 1em auto 0; } .form_newsletter .input-text { width: 100%; border-radius: 16px; float: none; text-align: center; } */ .input-text-prefix { width: 35%; margin: 0 5% 0 0; } .input-text-phone { width: 60%; } } @media only screen and (max-width : 400px) { .form_wrap { width: 90%; } .form_wrap_full { width: 100%; } .form_wrap_newsletter { width: 100%; } .form_wrap_newsletter_default { width: 100%; } } @media only screen and (max-width : 360px) { .form_newsletter .input-text { width: 55%; } .form_newsletter .submit { width: 45%; } } .input_area:focus, .input-text:focus { border: 2px solid #0B4F6C; } .form_newsletter .input_area:focus, .form_newsletter .input-text:focus { border: 2px solid #61BEC4; } /* .input_select { outline: none; line-height: 20px; color: #323232; background: #ffffff; border: none; padding: 12px; margin: 0; border: none; border-radius: 7px 0 0 7px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } */ .select { position: relative; display: inline-block; /* width: 100%; */ } .select select { display: inline-block; width: 100%; padding: 12px 40px 12px 15px; line-height: 1; cursor: pointer; color: #323232; background: #ffffff; border: 0; border-radius: 7px; outline: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; } .select select::-ms-expand { display: none; } .select__arrow { position: absolute; top: 18px; right: 15px; width: 0; height: 0; pointer-events: none; border-style: solid; border-width: 8px 5px 0 5px; border-color: #323232 transparent transparent transparent; } .select select:hover, .select select:focus { background: #ffffff; color: #323232; } .select select:disabled { pointer-events: none; opacity: .5; } .select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow { border-top-color: #000; } .select select:disabled ~ .select__arrow { border-top-color: #ccc; } .input_area { outline: none; width: 100%; line-height: 26px; color: #323232; background: #ffffff; border: none; padding: 12px; margin: 0; height: 150px; border: 2px solid #D6D6D6; border-radius: 16px; border-radius: 12px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #d2d2d2; opacity: 1; font-weight: 400; } ::-moz-placeholder { /* Firefox 19+ */ color: #d2d2d2; opacity: 1; font-weight: 400; } :-ms-input-placeholder { /* IE 10+ */ color: #d2d2d2; opacity: 1; font-weight: 400; } :-moz-placeholder { /* Firefox 18- */ color: #d2d2d2; opacity: 1; font-weight: 400; } .form_newsletter ::-webkit-input-placeholder, .form_newsletter ::-moz-placeholder, .form_newsletter :-ms-input-placeholder, .form_newsletter :-moz-placeholder { color: #0B4F6C; opacity: 1; } .submit, .form_newsletter .submit, .label, .input-text, .input_select, .input_area, .subscribed { font-family: "proxima-soft", sans-serif; font-size: 20px; font-weight: 700; } .form_newsletter_small .submit, .form_newsletter_small .input-text { font-size: 16px; } .form_newsletter_small .input-text { padding: 15px 12px; } @media only screen and (max-width : 500px) { .form_newsletter_default .submit, .form_newsletter_default .input-text { font-size: 16px; } .form_newsletter_default .input-text { padding: 15px 12px; } } /*-------------------------------------------------------------------------- #Custom Checkbox */ .ccheckbox-wrap { float: left; width: 100%; margin: 1.5em 0 0; position: relative; } .ccheckbox-wrap-center { margin: 2em 0; position: relative; text-align: center; } .ccheckbox-wrap_main { margin: 2.5em 0 1em; } .ccheckbox_newsletter_wrap { text-align: center; margin-bottom: 1.5em; } @media only screen and (max-width : 750px) { .ccheckbox-wrap-center { text-align: left; } } @media only screen and (max-width : 575px) { .ccheckbox-wrap { width: 100%; margin-left: 0%; } } .ccheckbox_label { font-size: 20px; padding: 0 0 0 36px; } .ccheckbox_label_footer { font-size: 16px; padding: 4px 0 0 36px; } .ccheckbox_label a:link, .ccheckbox_label a:visited { color: #8fb73e; text-decoration: underline; } .ccheckbox_label a:hover { text-decoration: none; } .ccheckbox_label_newsletter { font-size: 18px; padding: 0 0 0 32px; font-weight: 700; } @media only screen and (max-width : 450px) { .ccheckbox_label { font-size: 16px; padding: 4px 0 0 38px; } } .ccheckbox { /*font-size: 14px;*/ position: relative; display: block; line-height: 30px; height: 30px; padding: 0 0 0 36px; cursor: pointer; } .ccheckbox_inline { display: inline; margin: 0 0 0 30px; } .ccheckbox_inline:nth-of-type(1) { margin: 0; } .ccheckbox_small { line-height: 24px; height: 24px; } .ccheckbox_absolute { position: absolute; top: 1px; left: 0; z-index: 11; width: 30px; padding: 0; } .ccheckbox_newsletter { display: inline-block; margin-left: 1.75em; } .ccheckbox_newsletter:nth-of-type(1) { margin-left: 0; } @media only screen and (max-width : 750px) { .ccheckbox_inline { display: block; margin: 1em 0 0 0; } .ccheckbox_inline:nth-of-type(1) { margin: 0; } .ccheckbox-wrap_main { margin: 2em 0 0.5em; } } @media only screen and (max-width : 700px) { .ccheckbox_newsletter { display: block; margin: 0 0 1.5em 0; } .ccheckbox_newsletter_wrap { text-align: left; margin-bottom: 0; } } .ccheckbox input { position: absolute; z-index: -1; opacity: 0; } .ccheckbox__indicator { position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 2px solid #61BEC4; border-radius: 4px; /*box-shadow: 0 0 36px rgba(97, 190, 196, 0.75); */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .ccheckbox--radio .ccheckbox__indicator { border-radius: 50%; } .ccheckbox__indicator_1 { border: 2px solid #61BEC4;/* box-shadow: 0 0 36px rgba(11, 79, 108, 0.75);*/ } .ccheckbox__indicator_3 { border: 2px solid #0B4F6C;/* box-shadow: 0 0 36px rgba(11, 79, 108, 0.75);*/ } .ccheckbox_small__indicator { width: 24px; height: 24px; border: 1px solid #61BEC4; } .ccheckbox_newsletter__indicator { width: 24px; height: 24px; border: 1px solid #ffffff; } /* Checked state */ .ccheckbox input:checked ~ .ccheckbox__indicator { background: #61BEC4; border: 2px solid #61BEC4; } .ccheckbox input:checked ~ .ccheckbox__indicator_1 { background: #61BEC4; border: 2px solid #61BEC4; /*box-shadow: 0 0 36px rgba(158, 4, 90, 0.95);*/ } .ccheckbox input:checked ~ .ccheckbox__indicator_3 { background: #0B4F6C; border: 2px solid #0B4F6C; /*box-shadow: 0 0 36px rgba(158, 4, 90, 0.95);*/ } .ccheckbox input:checked ~ .ccheckbox_newsletter__indicator { background: #8fb73e; border: 2px solid #ffffff; } .ccheckbox input:checked ~ .ccheckbox_small__indicator { border: 1px solid #61BEC4; } .ccheckbox input:checked ~ .ccheckbox_newsletter__indicator { background: #ffffff; border: 1px solid #ffffff; } /* Disabled state */ .ccheckbox input:disabled ~ .ccheckbox__indicator { pointer-events: none; opacity: .6; background: #e6e6e6; } /* Check mark */ .ccheckbox__indicator:after { position: absolute; display: none; content: ''; } /* Show check mark */ .ccheckbox input:checked ~ .ccheckbox__indicator:after { display: block; } /* Checkbox tick */ .ccheckbox--checkbox .ccheckbox__indicator:after { top: 5px; left: 10px; width: 5px; height: 10px; transform: rotate(45deg); border: solid #fff; border-width: 0 2px 2px 0; } .ccheckbox_newsletter--checkbox .ccheckbox__indicator:after { top: 6px; left: 10px; width: 3px; height: 8px; transform: rotate(45deg); border: solid #8fb73e; border-width: 0 2px 2px 0; } .ccheckbox_small--checkbox .ccheckbox__indicator:after { top: 5px; left: 9px; width: 3px; height: 8px; } .ccheckbox_newsletter--checkbox .ccheckbox__indicator:after { top: 5px; left: 9px; width: 3px; height: 8px; } /* Disabled tick colour */ .ccheckbox--checkbox input:disabled ~ .ccheckbox__indicator:after { border-color: #7b7b7b; } /* Radio button inner circle */ .ccheckbox--radio .ccheckbox__indicator:after { top: 10px; left: 10px; width: 6px; height: 6px; border-radius: 50%; background: #fff; } /* Disabled circle colour */ .ccheckbox--radio input:disabled ~ .ccheckbox__indicator:after { background: #7b7b7b; } .animateTranslateUp { opacity: 0; transform: translate(0, 70px); } .animateTranslateLeft { transform: translate(270px, 0); } .no_opacity { opacity: 0; } @-webkit-keyframes translateUp { 0% { opacity: 0; -webkit-transform: translate(0, 70px); transform: translate(0, 70px); } 50% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes translateUp { 0% { opacity: 0; -webkit-transform: translate(0, 70px); transform: translate(0, 70px); } 50% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .translateUp { -webkit-animation: translateUp 0.75s ease-in-out forwards; animation: translateUp 0.75s ease-in-out forwards; } @-webkit-keyframes translateUpShort { from { opacity: 0; -webkit-transform: translate(0, 40px); transform: translate(0, 40px); } to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes translateUpShort { from { opacity: 0; -webkit-transform: translate(0, 40px); transform: translate(0, 40px); } to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .translateUpShort { -webkit-animation: translateUpShort 0.5s ease-in-out forwards; animation: translateUpShort 0.5s ease-in-out forwards; } @-webkit-keyframes translateLeft { from { opacity: 0; -webkit-transform: translate(270px, 0); transform: translate(270px, 0); } to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes translateLeft { from { opacity: 0; -webkit-transform: translate(270px, 0); transform: translate(270px, 0); } to { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .translateLeft { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .translateUpIntro_1 { -webkit-animation: translateUp 0.75s ease-in-out forwards; animation: translateUp 0.75s ease-in-out forwards; } .translateUpIntro_2 { -webkit-animation: translateUp 0.75s ease-in-out 0.5s forwards; animation: translateUp 0.75s ease-in-out 0.5s forwards; } .translateUpIntro_2_blog { -webkit-animation: fadeIn 2.5s ease-in-out 0.5s forwards; animation: fadeIn 2.5s ease-in-out 0.5s forwards; } .translateUpIntro_3_blog { /* -webkit-animation: translateLeft 1s ease-in-out 4.6s forwards; animation: translateLeft 1s ease-in-out 4.6s forwards; */ -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .translateUpIntro_3 { -webkit-animation: translateUp 0.75s ease-in-out 0.8s forwards; animation: translateUp 0.75s ease-in-out 0.8s forwards; } .translateUpIntro_4_Alt { -webkit-animation: translateUp 0.75s ease-in-out 1.1s forwards; animation: translateUp 0.75s ease-in-out 1.1s forwards; } .translateUpIntro_4 { /* -webkit-animation: translateLeft 1s ease-in-out 4.6s forwards; animation: translateLeft 1s ease-in-out 4.6s forwards; */ -webkit-animation: translateLeft 1s ease-in-out 4s forwards; animation: translateLeft 1s ease-in-out 4s forwards; } .translateUpIntro_5 { /* -webkit-animation: translateLeft 1s ease-in-out 4.9s forwards; animation: translateLeft 1s ease-in-out 4.9s forwards; */ -webkit-animation: translateLeft 1s ease-in-out 4.3s forwards; animation: translateLeft 1s ease-in-out 4.3s forwards; } .translateLeft_1 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .translateLeft_2 { -webkit-animation: translateLeft 0.75s ease-in-out 0.25s forwards; animation: translateLeft 0.75s ease-in-out 0.25s forwards; } .translateLeft_3 { -webkit-animation: translateLeft 0.75s ease-in-out 0.5s forwards; animation: translateLeft 0.75s ease-in-out 0.5s forwards; } .translateLeft_4 { -webkit-animation: translateLeft 0.75s ease-in-out 0.75s forwards; animation: translateLeft 0.75s ease-in-out 0.75s forwards; } .translateLeft_5 { -webkit-animation: translateLeft 0.75s ease-in-out 1s forwards; animation: translateLeft 0.75s ease-in-out 1s forwards; } .translateLeft_6 { -webkit-animation: translateLeft 0.75s ease-in-out 1.25s forwards; animation: translateLeft 0.75s ease-in-out 1.25s forwards; } .translateLeft_7 { -webkit-animation: translateLeft 0.75s ease-in-out 1.5s forwards; animation: translateLeft 0.75s ease-in-out 1.5s forwards; } .translateLeft_8 { -webkit-animation: translateLeft 0.75s ease-in-out 1.75s forwards; animation: translateLeft 0.75s ease-in-out 1.75s forwards; } .translateUpIntroSuccess_1 { -webkit-animation: translateUp 0.75s ease-in-out forwards; animation: translateUp 0.75s ease-in-out forwards; } .translateUpIntroSuccess_2 { -webkit-animation: translateUp 0.75s ease-in-out 0.25s forwards; animation: translateUp 0.75s ease-in-out 0.25s forwards; } .translateUpIntroSuccess_3 { -webkit-animation: translateUp 0.75s ease-in-out 0.5s forwards; animation: translateUp 0.75s ease-in-out 0.5s forwards; } .translateUpIntroSuccess_4 { -webkit-animation: translateUp 0.75s ease-in-out 0.75s forwards; animation: translateUp 0.75s ease-in-out 0.75s forwards; } .translateUpIntroSuccess_5 { -webkit-animation: translateUp 0.75s ease-in-out 1s forwards; animation: translateUp 0.75s ease-in-out 1s forwards; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50%, 100% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50%, 100% { opacity: 1; } } .zoomIn { -webkit-animation: zoomIn 0.75s ease-in-out forwards; animation: zoomIn 0.75s ease-in-out forwards; } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { opacity: 1; -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: flipInX 0.85s ease-in-out forwards; animation: flipInX 0.85s ease-in-out forwards; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); opacity: 1; } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: flipInY 1s ease-in-out forwards; animation: flipInY 1s ease-in-out forwards; } .animateVideo .video_img { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: flipInY 1s ease-in-out forwards; animation: flipInY 1s ease-in-out forwards; } .animateVideo .modaal_link::after { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: flipInY 1s ease-in-out 0.15s forwards; animation: flipInY 1s ease-in-out 0.15s forwards; } .animateVideo .video_play span { -webkit-animation: zoomIn 1s ease-in-out 0.35s forwards; animation: zoomIn 1s ease-in-out 0.35s forwards; } /* Fading entrances */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .animate__fadeIn { -webkit-animation: fadeIn 1.5s ease-in-out forwards; animation: fadeIn 1.5s ease-in-out forwards; } @-webkit-keyframes translateDots { 0 { opacity: 0; -webkit-transform: translate(-50px, -50px); transform: translate(-50px, -50px); } 10% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); } } /* @keyframes translateDots { 0 { opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 10% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate(0, 120%); transform: translate(0, 120%); } } */ .translateDots { -webkit-animation: translateDots 0.75s ease-in-out forwards; animation: translateDots 0.75s ease-in-out forwards; } @-webkit-keyframes translateDotsTop { 0 { opacity: 0; -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); } 10% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate(-50px, -50px); transform: translate(-50px, -50px); } } @keyframes translateDotsTop { 0 { opacity: 0; -webkit-transform: translate(50px, 50px); transform: translate(50px, 50px); } 10% { opacity: 1; } 100% { opacity: 1; -webkit-transform: translate(-50px, -50px); transform: translate(-50px, -50px); } } .translateDotsTop { -webkit-animation: translateDotsTop 0.75s ease-in-out forwards; animation: translateDotsTop 0.75s ease-in-out forwards; } /*-------------------------------------------------------------------------- #footer */ .footer_outer { background-color: #0B4F6C; position: relative; z-index: 2; } .footer { width: 1920px; color: #ffffff; font-size: 16px; margin: 0 auto; padding: 60px 0 50px; } .footer a { color: #ffffff; } .footer_list { list-style-type: none; padding-top: 1em; } .footer_list a { text-decoration: none; color: #8BB8CB; } .footer_list a:hover { color: #ffffff; } .animate_social li { opacity: 0; } .social { list-style-type: none; padding: 15px 0 0; position: relative; } .social li { font-size: 30px; display: inline-block; margin: 0 1.5em 0 0; } .social li:last-child { margin: 0; } .social li a { color: #ffffff; text-decoration: none; } .social li a:hover { color: #ffffff; } .social_center { text-align: center; } .social_large { padding-top: 20px; } .social_large li { font-size: 48px; } .social_large li a { color: #61BEC4; } .social_large li a:hover { color: #9E045A; } .copy { color: #8BB8CB; text-align: center; border-top: 1px solid #236886; padding-top: 2em; margin-top: 2em; } .copy a { color: inherit; text-decoration: none; } .copy a:hover { color: #ffffff; } .footer_clmn { width: 40%; float: left; } .footer_clmn:nth-of-type(2) { width: 60%; } .footer_clmn_3 { width: 33.33%; float: left; padding: 0 0 0 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .footer_padding_top { padding-top: 48px; } @media only screen and (max-width : 1920px) { .footer { width: 100%; padding: 60px 5% 50px; } } @media only screen and (max-width : 1152px) { .padding_mobile_after_intro { padding-top: 0; } .footer_clmn { width: 550px; float: none; margin: 0 auto; } .footer_clmn:nth-of-type(2) { width: 100%; border-top: 1px solid #236886; padding-top: 2em; margin-top: 2em; } .footer_clmn_3 { width: 33.33%; float: left; padding: 0 0 0 0; } .footer { padding: 60px 5% 2em; } } @media only screen and (max-width : 720px) { .footer_clmn { width: 100%; } .footer_clmn_3 { width: 50%; float: left; padding: 0 0 0 0; } .footer_clmn_3:nth-of-type(3) { padding-top: 2em; } } @media only screen and (max-width : 570px) { .footer_clmn_3 { width: 100%; float: none; } .footer_clmn_3:nth-of-type(2), .footer_clmn_3:nth-of-type(3) { padding-top: 2em; } .footer_list li { line-height: 2; } } @media only screen and (max-width : 450px) { .footer { padding: 45px 5% 2em; } } /*-------------------------------------------------------------------------- #various */ .quote_font_large { position: relative; } .quote_font_large::before { content: '\201C'; position: absolute; top: 0; left: -19px; } @media only screen and (max-width : 1280px) { .quote_font_large::before { left: -16px; } } .list_fa { list-style-type: none; } .list_fa li { position: relative; } .list_fa li::before { content: ''; font-family:'FontAwesome'; position: absolute; top: 2px; left: 0; } .list_fa_check_square li { padding-left: 24px; } .list_fa_check_square li::before { content:"\f046"; } .list_fa_2 li::before { color: #9E045A; } .list_fa_margin li { line-height: 1.35; } .list_fa_margin li:not(:first-child) { margin-top: 1em; } .list_bullet { list-style-type: none; } .list_bullet li { position: relative; padding-left: 20px; } .list_bullet li::before { content: ''; position: absolute; top: 11px; left: 0; height: 10px; width: 10px; border-radius: 50%; } .list_bullet_o li::before { top: 9px; left: -2px; } .list_square_o_tilted li::before { top: 9px; left: -2px; height: 7px; width: 7px; border-radius: 2px; -webkit-transform: rotate(-7deg); -ms-transform: rotate(-7deg); transform: rotate(-7deg); } .list_bullet.font_larger li::before { top: 14px; } @media only screen and (max-width : 1280px) { .list_bullet.font_larger li::before { top: 11px; } } @media only screen and (max-width : 600px) { .list_bullet.font_larger li { line-height: 1.25; margin: 0.75em 0 0; } .list_bullet.font_larger li:first-child { margin-top: 0; } .list_bullet.font_larger li::before { top: 8px; } } .list_bullet_1 li::before { background-color: #61BEC4; } .list_bullet_2 li::before { background-color: #9E005A; } .list_bullet_3 li::before { background-color: #0B4F6C; } .list_bullet_white li::before { background-color: #ffffff; } .list_bullet_light_2 li::before { background-color: #DD8FBB; } .list_bullet_light_3 li::before { background-color: #8BB8CB; } .list_bullet_o_1 li::before { border: 2px solid #61BEC4; } .list_bullet_o_4 li::before { border: 2px solid #F9DB6D; } .list_square_o_tilted_1 li::before { border: 3px solid #61BEC4; } .list_square_o_tilted_4 li::before { border: 3px solid #F9DB6D; } .font_color_1 { color: #61BEC4; } .font_color_2 { color: #9E005A; } .font_color_3 { color: #0B4F6C; } .font_color_4 { color: #F9DB6D; } .font_color_white { color: #ffffff; } .font_color_default { color: #151515; } .font_color_light_1 { color: #B7E4E7; } .font_color_light_2 { color: #DD8FBB; } .font_color_light_3 { color: #8BB8CB; } .relative { position: relative; } .bold, strong { font-weight: 700; } .extrabold { font-weight: 900; } .font_large { font-size: 36px; line-height: 1.2; font-weight: 900; } .font_larger { font-size: 24px; line-height: 1.4; } .tiskane, .uppercase { text-transform: uppercase; } .no_text_transform { text-transform: none; } .capped { font-variant: small-caps; } .align-center { text-align: center; } .align-right { text-align: right; } .no_wrap { white-space: nowrap; } .underline_dashed { border-bottom: 3px dotted; } .underline_dashed_2 { border-color: #9E045A; } .block_schedule_a_call, .block_set_your_target, .block_learn_more, .block_amazing_content, .block_features, .block_no_strings, .block_what_makes, .block_sign_up, .block_not_sure { display: block; } @media only screen and (max-width : 600px) { .block_eden_ni_nobeden { display: block; } } @media only screen and (max-width : 360px) { .block_eden_ni_nobeden { display: inline; } } .spacer { clear: both; } .slick { width: 1152px; margin: 0 auto; } .slick_dropshipping { width: 100%; padding-bottom: 50px; } .slick_dropshipping_slide { margin-top: 15px; padding-top: 50px; } @media only screen and (max-width : 1280px) { .slick_dropshipping_slide { margin-top: 25px; padding-top: 25px; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } @charset 'UTF-8'; /* Slick slider */ .slick-loading .slick-list { background: #fff url('img/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('fonts/slick.eot'); src: url('fonts/slick.eot?#iefix') format('embedded-opentype'), url('fonts/slick.woff') format('woff'), url('fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; z-index: 1; display: block; width: 36px; height: 36px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 36px; line-height: 1; opacity: 1; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -46px; left: 12px; } [dir='rtl'] .slick-prev { right: -46px; right: 12px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -46px; right: 12px; } [dir='rtl'] .slick-next { right: auto; left: -46px; left: 12px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } .slick_custom_arw .slick-prev:before { content: "\f104"; } .slick_custom_arw .slick-next:before { content: "\f105"; } .slick_margin .slick-prev { left: -46px; left: 1.25%; } [dir='rtl'] .slick_margin .slick-prev { right: -46px; right: 2.5%; left: auto; } .slick_margin .slick-next { right: -46px; right: 2.5%; } [dir='rtl'] .slick_margin .slick-next { right: auto; left: -46px; left: 2.5%; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 0; } .slick-dots { position: absolute; bottom: -48px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 12px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .75; opacity: 1; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: 1; color: #61BEC4; } .slick-dots li.slick-active button:before { opacity: 1; color: #F9DB6D; } .slick-dots li.slick-active button:before { opacity: 1; color: #9E045A; } .slick_our_monsters .slick-prev:before, .slick_our_monsters .slick-next:before { font-size: 64px; color: #d7eff0; color: rgba(97, 190, 196, 0.25); } .slick_our_monsters .slick-prev, .slick_our_monsters .slick-next { width: 60px; height: 60px; } .slick_our_monsters .slick-prev { left: -96px; } .slick_our_monsters .slick-next { right: -96px; } .slick_our_monsters .slick-dots li button:before { color: #CAECEE;} .slick_our_monsters .slick-dots li.slick-active button:before { opacity: 1; color: #61BEC4; } .slick_dropshipping .slick-dots { bottom: 0; } .slick_dropshipping .slick-dots li button:before { color: #C2D4E8;} .slick_dropshipping .slick-dots li.slick-active button:before { opacity: 1; color: #0B4F6C; } .slick_our_monsters .slick-dots { bottom: 15px; left: 0; } .slick_tabs_vertical .slick-dots { bottom: -32px; left: 0; } .slick_tabs_vertical .slick-dots li.slick-active button:before { opacity: 1; color: #61BEC4; } @media only screen and (max-width : 450px) { .slick_tabs_vertical .slick-dots { bottom: -34px; left: 0; } .slick_tabs_vertical .slick-dots { bottom: -29px; left: 0; } } /*! Modaal - accessible modals - v0.3.1 by Humaan, for all humans. http://humaan.com */ .modaal-noscroll { overflow: hidden; } .modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; /*z-index: 999;*/ z-index: 1002; opacity: 0; } .modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto; opacity: 1; box-sizing: border-box; -webkit-overflow-scrolling: touch; transition: all 0.3s ease-in-out; } .modaal-wrapper * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; } .modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none; } .modaal-wrapper.modaal-start_none { display: none; opacity: 1; } .modaal-wrapper.modaal-start_fade { opacity: 0; } .modaal-wrapper *[tabindex="0"] { outline: none !important; } .modaal-wrapper.modaal-fullscreen { overflow: hidden; } .modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%; } .modaal-fullscreen .modaal-outer-wrapper { display: block; } .modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px; } .modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top; } .modaal-container { position: relative; display: inline-block; width: 100%; width: 640px; margin: auto; text-align: left; color: #000; max-width: 1000px; border-radius: 0px; /* background: #fff; */ box-shadow: 0 3px 6px rgba(0,0,0,0.1); cursor: auto; } .modaal_video_intro .modaal-container { width: 900px; } .modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden; } .modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto; } .modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: transparent; border-radius: 100%; transition: all 0.2s ease-in-out; } .modaal-close:focus, .modaal-close:hover { outline: none;background: #fff; } .modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after { background: #61BEC4; } .modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modaal-close:before, .modaal-close:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; } .modaal-close:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modaal-fullscreen .modaal-close { background: #afb7bc; right: 10px; top: 10px; } .modaal-content-container { padding: 30px; padding: 0; } .modaal-confirm-wrap { padding: 30px 0 0; text-align: center; font-size: 0; } .modaal-confirm-btn { font-size: 14px; display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer; border: none; background: transparent; } .modaal-confirm-btn.modaal-ok { padding: 10px 15px; color: #fff; background: #555; border-radius: 3px; transition: background 0.2s ease-in-out; } .modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f; } .modaal-confirm-btn.modaal-cancel { text-decoration: underline; } .modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #2f2f2f; } @keyframes instaReveal { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes instaReveal { 0% { opacity: 0; } 100% { opacity: 1; } } .modaal-instagram .modaal-container { width: auto; background: transparent; box-shadow: none !important; } .modaal-instagram .modaal-content-container { padding: 0; background: transparent; } .modaal-instagram .modaal-content-container > blockquote { width: 1px !important; height: 1px !important; opacity: 0 !important; } .modaal-instagram iframe { opacity: 0; margin: -6px !important; border-radius: 0 !important; width: 1000px !important; max-width: 800px !important; box-shadow: none !important; -webkit-animation: instaReveal 1s linear forwards; animation: instaReveal 1s linear forwards; } .modaal-image .modaal-inner-wrapper { padding-left: 140px; padding-right: 140px; } .modaal-image .modaal-container { width: auto; max-width: 100%; } .modaal-gallery-wrap { position: relative; color: #fff; } .modaal-gallery-item { display: none; } .modaal-gallery-item img { display: block; } .modaal-gallery-item.is_active { display: block; } .modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: #fff; } .modaal-gallery-label:focus { outline: none; } .modaal-gallery-control { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: transparent; border: none; border-radius: 100%; transition: all 0.2s ease-in-out; } .modaal-gallery-control.is_hidden { opacity: 0; cursor: default; } .modaal-gallery-control:focus, .modaal-gallery-control:hover { outline: none; background: #fff; } .modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after { background: #afb7bc; } .modaal-gallery-control span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; } .modaal-gallery-control:before, .modaal-gallery-control:after { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; } .modaal-gallery-control:before { margin: -5px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-gallery-control:after { margin: 5px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modaal-gallery-next { left: 100%; margin-left: 40px; } .modaal-gallery-prev { right: 100%; margin-right: 40px; } .modaal-gallery-prev:before, .modaal-gallery-prev:after { left: 22px; } .modaal-gallery-prev:before { margin: 5px 0 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .modaal-gallery-prev:after { margin: -5px 0 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .modaal-video-wrap { margin: auto 50px; position: relative; } .modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto; } .modaal-video-container iframe, .modaal-video-container object, .modaal-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modaal-iframe .modaal-content { width: 100%; height: 100%; } .modaal-iframe-elem { width: 100%; height: 100%; display: block; } @media only screen and (max-width: 1024px) { .modaal-container { width: 100%; } .modaal_video_intro .modaal-container { width: 100%; } } @media only screen and (max-height: 820px) { .modaal-gallery-label { display: none; } } .modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; -webkit-transform: scale(0.25); -ms-transform: scale(0.25); transform: scale(0.25); } @-webkit-keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { opacity: .1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } @keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); } 100% { opacity: .1; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } } .modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute; } .modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: #fff; } .modaal-loading-spinner > div:nth-of-type(1) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: 0s; animation-delay: 0s; } .modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(1) { -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(2) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .12s; animation-delay: .12s; } .modaal-loading-spinner > div:nth-of-type(2) { -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(3) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .25s; animation-delay: .25s; } .modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(3) { -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(4) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .37s; animation-delay: .37s; } .modaal-loading-spinner > div:nth-of-type(4) { -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(5) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .5s; animation-delay: .5s; } .modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; } .modaal-loading-spinner > div:nth-of-type(5) { -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(6) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .62s; animation-delay: .62s; } .modaal-loading-spinner > div:nth-of-type(6) { -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(7) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .75s; animation-delay: .75s; } .modaal-loading-spinner > div:nth-of-type(7) { -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); } .modaal-loading-spinner > div:nth-of-type(8) > div { -webkit-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -webkit-animation-delay: .87s; animation-delay: .87s; } .modaal-loading-spinner > div:nth-of-type(8) { -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.7.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} .section_padding_intro { padding: 145px 0 75px; } .section_padding_intro { padding: 145px 0 95px; } .section_padding_intro_regular { padding: 145px 0 75px; } .section_padding_intro_even { padding: 145px 0 55px; } .section_padding_intro_home { padding: 145px 0 25px; } .section_padding_intro_home { padding: 89px 0 25px; } .section_padding_intro_pricing { padding: 145px 0 0; } .section_highlight_padding_top { padding-top: 114px; } .section_highlight_padding_bottom { padding-bottom: 114px; } /* .section_padding_features { margin-bottom: 50px; } */ .section_bg_1 { background: #61BEC4; } .section_bg_2 { background: #9E045A; color: #ffffff; } .section_bg_3 { background: #0B4F6C; color: #ffffff; } .section_bg_light_1 { background: #DFF3F5; } .section_bg_light_2 { background: #F8ECF3; } /* .section_about_us { background: url('img/bg_about_us.jpg') top left no-repeat; padding: 0; position: relative; height: 1774px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } */ .section_about_us_top { background: url('img/section_wave_bg_light_1_large.png') top left no-repeat; background-size: 100% auto; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100vh; } .section_about_us_1 { background: url('img/bg-about-us-1.jpg') top center no-repeat fixed; padding: 0; position: relative; height: 100vh; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .section_about_us_2 { background: url('img/bg-about-us-2.jpg') top center no-repeat fixed; padding: 0; position: relative; height: 100vh; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } @media only screen and (max-width : 768px) { .section_about_us_1 { background: url('img/bg-about-us-1_1024.jpg') top left no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .section_about_us_2 { display: none; } } @media only screen and (max-width : 500px) { .section_about_us_1 { max-height: 650px; background: url('img/bg-about-us-1_650.jpg') top left no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } } .section_careers { background: url('img/section_careers.jpg') top center no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .section_wave_bg_2 { background: #dff3f5 url('img/section_wave_bg_2_large.jpg') bottom left no-repeat; background-size: 100% auto; padding: 120px 0 300px; padding: 200px 0 300px; /* header_main */ position: relative; } .section_wave_top { background: url('img/section_wave_bg_1_large.png') top left no-repeat; background-size: 100% auto; padding-top: 158px; } .section_wave_bottom { padding-bottom: 158px; } .section_wave_top_intro { padding: 75px 0; margin-top: 145px; } .section_wave_top_padding_double { padding-top: 208px; } .section_wave_top_alt_1 { background: url('img/section_wave_bg_alt_1.png') top left no-repeat; background-size: 100% auto; } .section_wave_top_alt_2 { background: url('img/section_wave_bg_alt_2.png') top left no-repeat; background-size: 100% auto; } .section_wave_top_1 { background: url('img/section_wave_bg_1_large.png') top left no-repeat; background-size: 100% auto; } .section_wave_top_2 { background: url('img/section_wave_bg_2_large.png') top left no-repeat; background-size: 100% auto; } .section_wave_top_3 { background: url('img/section_wave_bg_3_large.png') top left no-repeat; background-size: 100% auto; } .section_wave_top_light_1 { background: url('img/section_wave_bg_light_1_large.png') top center no-repeat; background-size: 100% auto; } .section_wave_top_alt_light_1 { background: url('img/section_wave_top_alt_light_1.png') top center no-repeat; background-size: 100% auto; } .section_wave_top_white { background: url('img/section_wave_bg_white_large.png') top left no-repeat; background-size: 100% auto; } .section_wave_top_white_alt { background: url('img/section_wave_bg_white_alt_large.png') top left no-repeat; background-size: 100% auto; } .section_wave_bottom_white { background: url('img/section_wave_bg_bottom_white_large.png') bottom left no-repeat; background-size: 100% auto; } .section_wave_bottom_light_1 { background: url('img/section_wave_bg_bottom_light_1.png') bottom left no-repeat; background-size: 100% auto; } @media only screen and (max-width : 1920px) { .section_2 { background: #9E005A url('img/section_2_bg.jpg') top left no-repeat; background-size: 100% auto; } .section_intro { background: #dff3f5 url('img/section_intro_bg.jpg') bottom left no-repeat; background-size: 100% auto; } .section_intro_alt { background: #dff3f5 url('img/section_intro_alt_bg.jpg') bottom left no-repeat; background-size: 100% auto; } .section_subintro { background: #61BEC4 url('img/section_subintro_bg.jpg') bottom left no-repeat; background-size: 100% auto; } } /*@media only screen and (max-width : 1500px) { */ /*@media only screen and (max-width : 1360px) { */ @media only screen and (max-width : 1600px) { /* mega-menu */ .section_padding_intro_home { padding: 59px 0 5px; } .section_padding_intro_even { padding: 125px 0 55px; } .section_padding_intro { padding: 125px 0 75px; } .section_padding_intro_regular { padding: 115px 0 55px; } .section_padding_intro_even { padding: 125px 0 35px; } .section_padding_intro_home { padding: 89px 0 5px; } .section_padding_intro_home { padding: 59px 0 5px; } .section_padding_intro_pricing { padding: 125px 0 0; } .section_wave_top_intro { padding: 55px 0; margin-top: 115px; } } @media only screen and (max-width : 1280px) { .section { padding: 55px 0; } .section_padding { padding: 55px 0; } .section_padding_half { padding: 25px 0; } .section_padding_double { padding: 110px 0; } .section_padding_intro { padding: 125px 0 75px; } .section_padding_intro_regular { padding: 115px 0 55px; } .section_padding_intro_even { padding: 125px 0 35px; } .section_padding_intro_home { padding: 89px 0 5px; } .section_padding_intro_home { padding: 59px 0 5px; } .section_padding_intro_pricing { padding: 125px 0 0; } .section_wave_top_intro { padding: 55px 0; margin-top: 115px; } .section_highlight_padding_top { padding-top: 94px; } .section_highlight_padding_bottom { padding-bottom: 94px; } .section_1_slider { padding: 0; } /* .section_img_align_bottom { padding-bottom: 0; } */ } @media only screen and (max-width : 1200px) { .section_wave_top { padding-top: 151px; } .section_wave_top_intro { padding: 55px 0; } } @media only screen and (max-width : 1152px) { .section_padding_intro { padding: 95px 0 75px; } .section_padding_intro_regular { padding: 95px 0 55px; } .section_padding_intro_even { padding: 95px 0 35px; } .section_padding_intro_home { padding: 59px 0 5px; } .section_padding_intro_pricing { padding: 95px 0 0; } } @media only screen and (max-width : 1024px) { .section_wave_top { padding-top: 100px; } .section_wave_top_intro { padding: 55px 0; } .section_img_align_bottom { padding-bottom: 0; } } @media only screen and (max-width : 860px) { .section_padding_intro_meet { padding-top: 125px; } } @media only screen and (max-width : 650px) { .section_highlight_padding_top { padding-top: 156px; } .section_wave_top { padding-top: 100px; } .section_wave_top_intro { padding: 55px 0; } .section_padding_intro { padding: 125px 0 35px; } .section_padding_intro { padding: 95px 0 35px; } } @media only screen and (max-width : 450px) { .section { padding: 45px 0; } .section_padding { padding: 45px 0; } .section_padding_half { padding: 25px 0; } .section_padding_double { padding: 110px 0; } .section_padding_intro { padding: 85px 0 35px; } .section_padding_intro_regular { padding: 85px 0 45px; } .section_padding_intro_even { padding: 85px 0 35px; } .section_padding_intro_home { padding: 59px 0 5px; } .section_padding_intro_pricing { padding: 85px 0 0; } .section_highlight_padding_top { padding-top: 146px; } .section_highlight_padding_bottom { padding-bottom: 84px; } .section_padding_intro_meet { padding-top: 85px; } .section_wave_top { padding-top: 80px; } .section_wave_top { padding-top: 70px; } .section_wave_top_pricing { padding-top: 90px; } .section_wave_top_intro { padding: 45px 0; } .section_1_slider { padding: 0; } .section_img_align_bottom { padding-bottom: 0; } } .clmn_2 { float: left; width: 45%; margin: 40px 10% 0 0; } .clmn_2:nth-of-type(2n) { margin-right: 0; } .video_inner_default { position: relative; padding-top: 0; height: 0; } .video_inner_default video, .video_inner_default iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-------------------------------------------------------------------------- #all-features.php */ .block_in_just { display: block; } @media only screen and (max-width : 450px) { .block_in_just { display: inline; } } .clmn_features_4 { width: 21.25%; margin: 0 0 3% 3%; width: 22.75%; margin: 40px 3% 0 0; float: left; } .clmn_features_4:nth-of-type(4n) { margin-right: 0; } .clmn_features_3 { width: 30.667%; margin: 50px 4% 0 0; float: left; } .clmn_features_3:nth-of-type(3n) { margin-right: 0; } .card_small_icon, .clmn_features_4 .card_small { transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; } .card_small_icon { padding-left: 120px; } .card_small_icon img { width: 65px; padding: 15px; position: absolute; top: 50%; left: -10px; margin: -54.5px 0 0 0; background-color: #9E045A; border-radius: 50%; border: 7px solid #ffffff; box-shadow: 0 3px 6px rgba(0,0,0,0.1); } .clmn_features_3 a, .clmn_features_4 a { text-decoration: none; } .clmn_features_3 a:hover .card_small_icon { background-color: #9E045A; color: #ffffff; } .clmn_features_4 a:hover .card_small { background-color: #0B4F6C; color: #ffffff; } /* .clmn_features_3 a:hover .card_small_icon img { background-color: #BB006A; } */ /* .bg_circle_all_features { opacity: 0; } .bg_circle_all_features_animated .bg_circle_all_features_1 { -webkit-animation: bounceInDown 0.75s ease-in-out forwards; animation: bounceInDown 0.75s ease-in-out forwards; } .bg_circle_all_features_animated .bg_circle_all_features_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.1s forwards; animation: bounceInDown 0.75s ease-in-out 0.1s forwards; } .bg_circle_all_features_animated .bg_circle_all_features_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.2s forwards; } .bg_circle_all_features_animated .bg_circle_all_features_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .bg_circle_all_features_animated .bg_circle_all_features_5 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .bg_circle_all_features_animated .bg_circle_all_features_6 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .bg_circle_all_features_animated .bg_circle_all_features_7 { -webkit-animation: zoomIn 0.75s ease-in-out 0.4s forwards; animation: zoomIn 0.75s ease-in-out 0.4s forwards; } */ .free_trial_intro_animate_1 { -webkit-animation: translateUp 0.75s ease-in-out forwards; animation: translateUp 0.75s ease-in-out forwards; } .free_trial_intro_animate_1_1 { -webkit-animation: translateUp 0.75s ease-in-out 0.15s forwards; animation: translateUp 0.75s ease-in-out 0.15s forwards; } .free_trial_intro_animate_2 { -webkit-animation: fadeInRight 0.75s ease-in-out 0.15s forwards; animation: fadeInRight 0.75s ease-in-out 0.15s forwards; } .free_trial_intro_animate_3 { -webkit-animation: fadeInRight 0.75s ease-in-out 0.3s forwards; animation: fadeInRight 0.75s ease-in-out 0.3s forwards; } .free_trial_intro_animate_4 { -webkit-animation: fadeInRight 0.75s ease-in-out 0.45s forwards; animation: fadeInRight 0.75s ease-in-out 0.45s forwards; } .free_trial_intro_animate_5 { -webkit-animation: translateUp 0.75s ease-in-out 0.6s forwards; animation: translateUp 0.75s ease-in-out 0.6s forwards; } .free_trial_intro_animate_6 { -webkit-animation: translateUp 0.75s ease-in-out 0.75s forwards; animation: translateUp 0.75s ease-in-out 0.75s forwards; } /*-------------------------------------------------------------------------- #free-trial.php */ .clmn_free_trial_3 { width: 30.667%; margin: 50px 4% 0 0; float: left; } .clmn_free_trial_3:nth-of-type(3n) { margin-right: 0; } .clmn_demo_call_2 { width: 47.5%; margin: 0 5% 0 0; float: left; } .clmn_demo_call_2:nth-of-type(2n) { margin-right: 0; } .clmn_demo_call_2_wrap { width: 768px; margin: 0 auto; } .num_free_trial { position: relative; padding: 0 0 0 80px; } .num_free_trial::before { content: ''; position: absolute; top: 0; left: 0; width: 60px; height: 60px; border-radius: 50%; background-color: #ffffff; } .num_free_trial::after { content: ''; color: #9E045A; font-size: 40px; font-weight: 900; text-align: center; position: absolute; top: 0; left: 0; width: 60px; height: 60px; line-height: 60px; } .num_free_trial_1::after { content: '1'; } .num_free_trial_2::after { content: '2'; } .num_free_trial_3::after { content: '3'; } .num_free_trial_color_1::after { color: #61BEC4; } .num_free_trial_color_2::after { color: #9E045A; } .num_free_trial_color_3::after { color: #0B4F6C; } @media only screen and (max-width : 1152px) { .clmn_free_trial_3 { width: 550px; float: none; margin: 50px auto 0; } .clmn_free_trial_3:nth-of-type(3n) { margin: 50px auto 0; } } @media only screen and (max-width : 960px) { .clmn_demo_call_2_wrap { width: 100%; } .clmn_demo_call_2 { width: 100%; margin: 0 auto; float: none; } .clmn_demo_call_2:nth-of-type(2n) { margin: 0 auto; } .clmn_demo_call_2:nth-of-type(2n) ul { padding-top: 1em; } } @media only screen and (max-width : 720px) { .clmn_free_trial_3 { width: 100%; } } @media only screen and (max-width : 600px) { .clmn_free_trial_3 { width: 100%; } } @media only screen and (max-width : 450px) { .clmn_free_trial_3, .clmn_free_trial_3:nth-of-type(3n) { margin: 36px auto 0; } .num_free_trial { position: relative; padding: 0 0 0 56px; } .num_free_trial::before { width: 40px; height: 40px; } .num_free_trial::after { font-size: 30px; width: 40px; height: 40px; line-height: 40px; } } .block_to_boost { display: block; } .padding_subtitle { padding-top: 0.25em; } .bg_circle_form { opacity: 0; z-index: -1; } .bg_circle_form_1 { top: 10%; left: 10%; } .bg_circle_form_2 { top: 25%; left: -50px; } .bg_circle_form_3 { top: 45%; left: 20%; } .bg_circle_form_4 { top: 20%; right: 10%;} .bg_circle_form_5 { top: 35%; right: 20%; } .bg_circle_form_6 { top: 50%; right: 10%; } .bg_circle_form_7 { top: 65%; left: 5%; } .bg_circle_form_8 { top: 80%; left: 20%; } .bg_circle_form_9 { top: 90%; left: 10%; } .bg_circle_form_10 { top: 75%; right: 20%; } .bg_circle_form_11 { top: 85%; right: -50px; } @media only screen and (max-width : 1600px) { .bg_circle_form_2 { top: 25%; left: -100px; } .bg_circle_form_3 { top: 45%; left: 15%; } .bg_circle_form_11 { top: 85%; right: -100px; } } @media only screen and (max-width : 1152px) { .bg_circle_form_1 { top: 10%; left: 10%; } .bg_circle_form_2 { top: 25%; left: -200px; } .bg_circle_form_3 { top: 45%; left: 5%; } .bg_circle_form_4 { top: 20%; right: 5%;} .bg_circle_form_5 { top: 35%; right: 15%; } .bg_circle_form_6 { top: 50%; right: -36px; } .bg_circle_form_7 { top: 65%; left: 1%; } .bg_circle_form_8 { top: 80%; left: 15%; } .bg_circle_form_9 { top: 90%; left: 5%; } .bg_circle_form_10 { top: 75%; right: 10%; } .bg_circle_form_11 { top: 85%; right: -200px; } } @media only screen and (max-width : 900px) { .bg_circle_form_1 { top: 10%; left: 5%; } .bg_circle_form_2 { top: 25%; left: -280px; } .bg_circle_form_3 { top: 45%; left: 1%; } .bg_circle_form_4 { top: 20%; right: 1%;} .bg_circle_form_5 { top: 35%; right: 7%; } .bg_circle_form_6 { top: 50%; right: -36px; } .bg_circle_form_7 { top: 65%; left: -24px; } .bg_circle_form_8 { top: 80%; left: 5%; } .bg_circle_form_9 { top: 90%; left: 2%; } .bg_circle_form_10 { top: 75%; right: 7%; } .bg_circle_form_11 { top: 85%; right: -280px; } } @media only screen and (max-width : 650px) { .bg_circle_form_2 { top: 25%; left: -300px; } .bg_circle_form_3 { top: 45%; left: -16px; } .bg_circle_form_11 { top: 85%; right: -300px; } } @media only screen and (max-width : 550px) { .bg_circle_form_1 { top: 15%; left: 5%; } } @media only screen and (max-width : 450px) { .bg_circle_form_2 { top: 25%; left: -325px; } .bg_circle_form_3 { top: 45%; left: -30px; } .bg_circle_form_5 { top: 35%; right: 4%; } .bg_circle_form_11 { top: 85%; right: -325px; } } .animate_bg_circle_form { -webkit-animation: zoomIn 0.75s ease-in-out forwards; animation: zoomIn 0.75s ease-in-out forwards; } /*-------------------------------------------------------------------------- #pricing.php */ .block_please_contact { display: block; } .clmn_pricing:nth-of-type(1), .clmn_pricing:nth-of-type(2) { margin-top: 0; } .clmn_pricing { margin-top: 0; } .clmn_coffee_runs { position: relative; margin: 50px auto 0; } .clmn_coffee_runs img { width: 35%; margin: 0 0 0 65%; opacity: 0; position: relative; top: 12px; } .clmn_coffee_runs_txt { position: absolute; z-index: 1; width: 60%; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .js-range { display: none; } .range_slider_clmn:nth-of-type(1) {/* width: 70%; float: left;*/ position: relative; } .card_pricing_wrap { width: 1024px; margin: 50px auto -100px; min-height: 201px; } .card_pricing { position: relative; margin: 0; z-index: 1; height: 201px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .card_pricing-test { min-height: 201px; height: auto; } /* .card_pricing::after { content: ''; position: absolute; z-index: 1; height: 137px; width: 1px; background-color: #e1e1e1; right: 28%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .range_slider_clmn:nth-of-type(2) { width: 25%; position: absolute; z-index: 1; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } */ .range_slider_clmn:nth-of-type(1) { width: 100%; float: none; } .range_slider_clmn:nth-of-type(2) { width: 100%; position: relative; background-color: #0B4F6C; margin: 40px -40px -32px; padding: 32px 40px; border-radius: 0 0 23px 23px; right: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .range_slider_clmn:nth-of-type(2) p { color: #ffffff; font-size: 24px; font-weight: 700; text-align: center; } .range_slider_clmn:nth-of-type(2) p + p { font-size: 48px; font-weight: 900; line-height: 1; } /*.range_slider_clmn_inner { width: 47.5%; float: left; margin: 0 5% 0 0; } .range_slider_clmn_inner { width: 349px; float: left; margin: 0 44px 0 0; } .range_slider_clmn_inner:nth-of-type(2) { width: 551px; margin: 0; }*/ .range_slider_clmn_inner { width: 240px; float: left; margin: 0 44px 0 0; } .range_slider_clmn_inner:nth-of-type(2) { width: 660px; margin: 0; } .range_slider_wrap { margin: 30px 0 0; } .range_slider_clmn p:nth-of-type(2) span:nth-of-type(2) { color: #8BB8CB; font-size: 20px; font-weight: 400; display: block; padding-top: 0.3em; } /* @media only screen and (max-width : 700px) { .range_slider_clmn p:nth-of-type(2) span:nth-of-type(2) { display: block; padding-top: 0.2em; } } */ /** * * Main stylesheet for Powerange. * http://abpetkov.github.io/powerange/ * */ /** * Horizontal slider style (default). */ .range-bar { background-color: #F9EBF3; border-radius: 30px; display: block; height: 30px; position: relative; width: 100%; } .range-quantity { background-color: #9E045A; border-radius: 30px 0 0 30px; padding-right: 30px; display: block; height: 100%; width: 0; } .range-handle { background-color: #9E045A; border: 5px solid #ffffff; border-radius: 100%; cursor: move; height: 30px; height: 51px; left: 0; top: -13px; top: -17px; position: absolute; width: 51px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); } .range-handle{ -ms-touch-action: none; touch-action: none; } .range-min, .range-max { color: #181819; font-size: 12px; height: 20px; padding-top: 4px; position: absolute; text-align: center; top: -9px; width: 24px; } .range-min { left: -30px; } .range-max { right: -30px; } .range_slider_clmn_inner:nth-of-type(1) .range-bar { background-color: #DFF3F5; } .range_slider_clmn_inner:nth-of-type(1) .range-quantity { background-color: #61BEC4; } .range_slider_clmn_inner:nth-of-type(1) .range-handle { background-color: #61BEC4; } /** * Vertical slider style. */ /* .vertical { height: 100%; width: 4px; } .vertical .range-quantity { bottom: 0; height: 0; position: absolute; width: 100%; } .vertical .range-handle { bottom: 0; left: -13px; top: auto; } .vertical .range-min, .vertical .range-max { left: -10px; right: auto; top: auto; } .vertical .range-min { bottom: -30px; } .vertical .range-max { top: -30px; } */ /** * Style for disabling text selection on handle move. */ .unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** * Style for handle cursor on disabled slider. .range-disabled { cursor: default; } */ .animate_pricing { opacity: 0; } .animate_pricing_1 { -webkit-animation: translateUp 0.75s ease-in-out forwards; animation: translateUp 0.75s ease-in-out forwards; } .animate_pricing_2 { -webkit-animation: translateUp 0.75s ease-in-out 0.15s forwards; animation: translateUp 0.75s ease-in-out 0.15s forwards; } .animate_pricing_3 { -webkit-animation: zoomIn 0.75s ease-in-out 0.15s forwards; animation: zoomIn 0.75s ease-in-out 0.15s forwards; } @media only screen and (max-width : 1152px) { .card_pricing_wrap { width: 90%; } .range_slider_clmn_inner { width: 100%; float: none; margin: 0; } .range_slider_clmn_inner:nth-of-type(2) { width: 100%; margin: 40px 0 0; } } @media only screen and (max-width : 1024px) { .section_padding_intro_pricing { margin-bottom: 50px; } } @media only screen and (max-width : 900px) { /* .range_slider_clmn_inner { width: 100%; float: none; margin: 0; } .range_slider_clmn_inner:nth-of-type(2) { margin: 40px 0 0; } */ } @media only screen and (max-width : 800px) { /* .range_slider_clmn:nth-of-type(1) { width: 60%; float: left; position: relative; } .range_slider_clmn:nth-of-type(2) { width: 30%; } */ .range-bar { height: 20px; } .range-handle { height: 40px; width: 40px; top: -15px; } /* .card_pricing::after { right: 35.5%; } */ } @media only screen and (max-width : 700px) { .title_intro_pricing, .title_intro_pricing + p { text-align: center; } .card_pricing_wrap { width: 400px; margin: 36px auto -100px; } /* .card_pricing { height: auto; } .card_pricing::after { display: none; } */ .range_slider_clmn:nth-of-type(1) { width: 100%; float: none; } .range_slider_clmn:nth-of-type(2) { width: 100%; position: relative; /* background-color: #9E045A; */ margin: 32px -40px -32px; padding: 23px 40px; border-radius: 0 0 23px 23px; right: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .range_slider_clmn:nth-of-type(2) p { color: #ffffff; font-size: 24px; font-weight: 700; } .range_slider_clmn:nth-of-type(2) p + p { font-size: 36px; font-weight: 900; line-height: 1; } .clmn_coffee_runs img { width: 240px; margin: 1em auto 0; position: relative; top: 10px; } .clmn_coffee_runs_txt { text-align: center; position: relative; width: 100%; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .clmn_coffee_runs { margin: 36px auto 0; } } @media only screen and (max-width : 500px) { .card_pricing_wrap { width: 90%; } } @media only screen and (max-width : 450px) { .clmn_coffee_runs img { width: 200px; } } .pricing_tool_clmn { width: 30%; float: left; margin: 1.5em 5% 0 0; } .pricing_tool_clmn:nth-of-type(3) { margin-right: 0; } .pricing_question { border-top: 1px solid #B7E4E7; padding: 17px 48px 17px 0; position: relative; } .pricing_question:first-child { margin-top: 1.5em; border-top: none; } .pricing_question:hover { cursor: pointer; color: #9E045A; } .pricing_question::after { position: absolute; font-family:'FontAwesome'; font-size: 20px; content:"\f107"; content:"\f078"; right: 20px; top: 50%; z-index: 1; height: 20px; line-height: 20px; margin: -10px 0 0; color: #61BEC4; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } .pricing_answer { padding-bottom: 23px; } .pricing_question:hover::after { color: #9E045A; } .pricing_answer_open { border-bottom: none; } .pricing_answer_open::after { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); } @media only screen and (max-width : 1152px) { } @media only screen and (max-width : 900px) { .pricing_tool_clmn, .pricing_tool_clmn:nth-of-type(3) { width: 480px; margin: 0 auto; float: none; } .pricing_tool_clmn:nth-of-type(2) ul, .pricing_tool_clmn:nth-of-type(3) ul { padding-top: 1em; } } @media only screen and (max-width : 650px) { .pricing_tool_clmn, .pricing_tool_clmn:nth-of-type(3) { width: 100%; } } /*-------------------------------------------------------------------------- #help-center.php */ .hc_title_icon { margin: 0 auto 1.25em; } .hc_links_wrap { width: 975px; margin: 0 auto; } .hc_link_clmn { width: 30%; float: left; margin: 55px 5% 0 0; } .hc_link_clmn:nth-of-type(3n) { margin-right: 0; } @media only screen and (max-width : 1024px) { .hc_links_wrap { width: 650px; } .hc_link_clmn { width: 47.5%; } .hc_link_clmn:nth-of-type(2n) { margin-right: 0; } .hc_link_clmn:nth-of-type(3n) { margin-right: 5%; } } @media only screen and (max-width : 700px) { .hc_links_wrap { width: 100%; } } @media only screen and (max-width : 500px) { .hc_link_clmn { width: 100%; float: none; margin: 55px auto 0; } .hc_link_clmn:nth-of-type(2n), .hc_link_clmn:nth-of-type(3n) { margin: 55px auto 0; } } .card_hc_link { position: relative; text-align: center; } .card_hc_link img { width: 100px; margin: 0 auto 0.75em; } .hc_link_clmn a { text-decoration: none; } .hc_link_clmn a:hover { color: #9E045A; } .bg_circle_hc_intro { opacity: 0; z-index: 1; } .bg_circle_hc_intro_1 { left: 25%; top: 45%; } .bg_circle_hc_intro_2 { left: 10%; top: 90%; } .bg_circle_hc_intro_3 { right: 10%; top: 50%; } .bg_circle_hc_intro_4 { right: 25%; top: 100%; } .bg_circle_hc_intro_5 { right: -50px; bottom: -200px; } @media only screen and (max-width : 1152px) { .bg_circle_hc_intro_1 { left: 5%; top: 45%; } .bg_circle_hc_intro_2 { left: 5%; top: 80%; } .bg_circle_hc_intro_3 { right: 5%; top: 30%; } .bg_circle_hc_intro_4 { right: 15%; top: 80%; } .bg_circle_hc_intro_5 { right: -100px; bottom: -150px; } } @media only screen and (max-width : 768px) { .bg_circle_hc_intro_1 { left: 5%; top: 45%; } .bg_circle_hc_intro_2 { left: 5%; top: 80%; } .bg_circle_hc_intro_3 { right: 5%; top: 30%; } .bg_circle_hc_intro_4 { right: 35%; top: 120%; } .bg_circle_hc_intro_5 { right: -250px; bottom: -100px; } } .animate_bg_circle_hc_intro_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.2s forwards; } .animate_bg_circle_hc_intro_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .animate_bg_circle_hc_intro_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .animate_bg_circle_hc_intro_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .animate_bg_circle_hc_intro_5 { -webkit-animation: zoomIn 0.75s ease-in-out 0.5s forwards; animation: zoomIn 0.75s ease-in-out 0.5s forwards; } /*-------------------------------------------------------------------------- #faq.php */ .clmn_faq:nth-of-type(1), .clmn_faq:nth-of-type(2) { margin-top: 0; } .clmn_faq { margin-top: 0; } .bg_circle_faq { opacity: 0; } .bg_circle_faq_0 { right: -50px; top: 40%; } .bg_circle_faq_1 { left: 20%; top: 20%; } .bg_circle_faq_2 { left: 30%; top: 5%; } .bg_circle_faq_3 { left: 50%; top: 0%; } .bg_circle_faq_3 { left: 50%; top: -13px; } .bg_circle_faq_4 { left: 70%; top: 15%; } .bg_circle_faq_5 { left: 90%; top: 5%; } /* .bg_circle_faq_6 { left: 65%; top: 80%; } */ .bg_circle_faq_6 { left: 75%; top: 80%; } .bg_circle_faq_6_1 { left: 85%; top: 45%; } .bg_circle_faq_6_2 { left: 95%; top: 45%; } /* Got time for one more */ .bg_circle_faq_6_3 { left: 75%; top: 85%; } /* Got time for one more */ .bg_circle_faq_7 { left: 35%; top: 85%; } .bg_circle_faq_7_1 { left: 35%; top: 85%; } /* Got time for one more */ .bg_circle_faq_8 { left: 20%; top: 65%; } .bg_circle_faq_8_1 { left: 10%; top: 85%; z-index: -1; } /* Got time for one more */ .bg_circle_faq_9 { left: 5%; top: 35%; } .bg_circle_faq_9_1 { left: -24px; top: 35%; z-index: -1; } /* Got time for one more */ @media only screen and (max-width : 1500px) { .bg_circle_faq_8 { left: 15%; top: 80%; } } @media only screen and (max-width : 1440px) { .bg_circle_faq_6_2 { left: auto; right: -60px; } .bg_circle_faq_9_1 { left: -60px; } } @media only screen and (max-width : 1200px) { .bg_circle_faq_0 { right: -200px; top: 40%; } .bg_circle_faq_1 { left: 20%; top: 10%; } .bg_circle_faq_2 { left: 30%; top: 0; } .bg_circle_faq_3 { left: 50%; top: 2%; } .bg_circle_faq_4 { left: 70%; top: 5%; } .bg_circle_faq_5 { left: 90%; top: 0%; } .bg_circle_faq_7 { left: 30%; top: 85%; } .bg_circle_faq_9 { left: 0; top: 25%; } .bg_circle_faq_6_3 { left: auto; right: 55px; top: auto; bottom: 55px; } .bg_circle_faq_7_1 { left: 50%; top: auto; bottom: 35px; } .bg_circle_faq_8_1 { left: 45px; top: auto; bottom: 45px; } } @media only screen and (max-width : 900px) { .bg_circle_faq_0 { right: -275px; top: 40%; } } @media only screen and (max-width : 820px) { .bg_circle_faq_1 { left: 20%; top: 10%; } .bg_circle_faq_2 { left: 30%; top: 0; } .bg_circle_faq_3 { left: 50%; top: 2%; } .bg_circle_faq_7 { left: 30%; top: 85%; } .bg_circle_faq_8 { left: 5%; top: 65%; } .bg_circle_faq_9 { left: -64px; top: 25%; } .clmn_faq { float: none; width: 100%; margin: 0 0 0; } .clmn_faq:nth-of-type(2n) { margin-right: 0; } } @media only screen and (max-width : 768px) { .bg_circle_faq_0 { right: -275px; top: 40%; } .bg_circle_faq_1 { left: 20%; top: 10%; } .bg_circle_faq_2 { left: 30%; top: 0; } .bg_circle_faq_3 { left: 50%; top: 2%; } .bg_circle_faq_6 { left: 80%; top: 90%; } .bg_circle_faq_7 { left: 30%; top: 85%; } .bg_circle_faq_8 { left: 5%; top: 65%; } .bg_circle_faq_9 { left: -36px; top: 25%; } .bg_circle_faq_6_2 { right: -42px; } .bg_circle_faq_9_1 { left: -42px; } } @media only screen and (max-width : 700px) { .bg_circle_faq_0 { right: -320px; top: 40%; } .bg_circle_faq_1 { left: 10%; top: 20%; } .bg_circle_faq_2 { left: 30%; top: 10px; } .bg_circle_faq_3 { left: 50%; top: 17%; } .bg_circle_faq_5 { left: 90%; top: 23%; } .bg_circle_faq_7 { left: 30%; top: 85%; } .bg_circle_faq_8 { left: 3.5%; top: 80%; } .bg_circle_faq_9 { left: -48px; top: 25%; } } @media only screen and (max-width : 600px) { .bg_circle_faq_0 { right: -325px; top: 40%; } .bg_circle_faq_1 { left: 5%; top: 20%; } .bg_circle_faq_5 { left: 90%; top: 20%; } .bg_circle_faq_9 { display: none; } } @media only screen and (max-width : 570px) { .bg_circle_faq_0 { right: -325px; top: auto; bottom: 0; } .bg_circle_faq_1 { left: 5%; top: 60px; } .bg_circle_faq_2 { left: 30%; top: 20px; } .bg_circle_faq_3 { left: 50%; top: 60px; } .bg_circle_faq_4 { left: 70%; top: 10px; } .bg_circle_faq_5 { left: 90%; top: 50px; } .bg_circle_faq_6 { left: 75%; top: auto; bottom: -24px; } .bg_circle_faq_7 { left: 45%; top: auto; bottom: 36px; } .bg_circle_faq_8 { left: -24px; top: auto; bottom: 36px; } .bg_circle_faq_9 { display: none; } .bg_circle_faq_6_3 { right: 35px; bottom: 35px; } .bg_circle_faq_7_1 { left: 50%; bottom: 35px; } .bg_circle_faq_8_1 { left: 25px; bottom: 25px; } } @media only screen and (max-width : 500px) { /* .bg_circle_faq_8 { left: -18px; top: 65%; } */ .bg_circle_faq_6_1 { left: auto; right: -42px; top: 45%; } } /* .section_call_to_action_1_animate .animate_join_the_team_1 { -webkit-animation: zoomIn 0.75s ease-in-out 0.2s forwards; animation: zoomIn 0.75s ease-in-out 0.2s forwards; } */ /*-------------------------------------------------------------------------- #partnership-program */ .partnership_intro_content { position: relative; width: 60%; } .partnership_intro_img { position: absolute; width: 35%; left: 65%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .partnership_intro_img_inner { width: 100%; position: relative; height: 0; padding-bottom: 100%; } .partnership_intro_img img { width: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .bg_circle_p_program { z-index: -1; } .bg_circle_p_program_1 { bottom: -55px; right: -125px; } .bg_circle_p_program_2 { top: -44px; left: -44px; } .bg_circle_p_program_thank_you_1 { bottom: -55px; right: -125px; z-index: -1; } .bg_circle_p_program_resources { z-index: -1; } .bg_circle_p_program_resources_1 { bottom: -55px; left: -125px; } .bg_circle_p_program_resources_2 { top: -44px; right: -44px; } .bg_circle_p_program_resources_3 { bottom: -13px; left: 20%; } .bg_circle_p_program_resources_4 { bottom: 40px; right: 20%; } .block_feel_free_to_download { display: block; } .partnership_link_clmn { width: 30%; float: left; margin: 5% 5% 0 0; position: relative; } .partnership_link_clmn:nth-of-type(3n) { margin: 5% 0 0 0; } .partnership_link_clmn a { text-decoration: none; } .partnership_link_clmn a:hover .card_color_1_light_alt { background-color: #61BEC4; } @media only screen and (max-width : 1200px) { .partnership_link_clmn { width: 47.5%; margin: 40px 5% 0 0; } .partnership_link_clmn:nth-of-type(3n) { margin: 40px 5% 0 0; } .partnership_link_clmn:nth-of-type(2n) { margin: 40px 0 0 0; } } @media only screen and (max-width : 1024px) { .partnership_intro_content { width: 100%; } .partnership_intro_img { position: relative; width: 360px; margin: 0 auto 1.5em; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .block_feel_free_to_download { display: inline; } } @media only screen and (max-width : 720px) { .partnership_link_clmn { width: 100%; margin: 40px auto 0; } .partnership_link_clmn:nth-of-type(3n) { margin: 40px auto 0; } .partnership_link_clmn:nth-of-type(2n) { margin: 40px auto 0; } } @media only screen and (max-width : 450px) { .partnership_intro_img { width: 240px; } .bg_circle_p_program_resources_4 { bottom: -18px; right: 20%; } } /*-------------------------------------------------------------------------- #alex */ .block_brought_to_you { display: block; } @media only screen and (max-width : 800px) { .block_brought_to_you { display: inline; } } /*-------------------------------------------------------------------------- #woocommerce */ @media only screen and (max-width : 900px) { .block_your_woocommerce_business { display: block; } } @media only screen and (max-width : 550px) { .block_your_woocommerce_business { display: inline; } } /*-------------------------------------------------------------------------- #shopify */ .clmn_features_single_2_shopify_1 { min-height: 348px; } .clmn_features_single_2_shopify_2 { min-height: 348px; min-height: 488px; } .clmn_features_single_2_shopify_3 { min-height: 283px; min-height: 488px; } .clmn_features_single_2_shopify_4 { min-height: 390px; } .card_shopify { min-height: 116px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width : 1200px) { .card_shopify { min-height: auto; } } @media only screen and (max-width : 990px) { .card_shopify { min-height: 104px; } } @media only screen and (max-width : 720px) { .card_shopify { min-height: auto; } } /*-------------------------------------------------------------------------- #dropshipping */ .card_dropshipping { min-height: 104px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width : 720px) { .card_dropshipping { min-height: auto; } } .clmn_features_single_2_dropshipping_1 { min-height: 259px; min-height: 417px; } .clmn_features_single_2_dropshipping_2 { min-height: 336px; min-height: 348px; } .clmn_features_single_2_dropshipping_3 { min-height: 242px; } .clmn_features_single_2_dropshipping_4 { min-height: 273px; min-height: 283px; } .clmn_features_single_2_dropshipping_5 { min-height: 242px; min-height: 389px; } /* .clmn_features_single_2_dropshipping_1 { min-height: 417px; } .clmn_features_single_2_dropshipping_2 { min-height: 540px; } .clmn_features_single_2_dropshipping_3 { min-height: 389px; } .clmn_features_single_2_dropshipping_4 { min-height: 439px; } .clmn_features_single_2_dropshipping_5 { min-height: 389px; } */ .bg_circle_dropshipping { opacity: 0; } .bg_circle_dropshipping_1 { bottom: 10%; left: 10%; } .bg_circle_dropshipping_2 { top: 25%; left: 10%; } .bg_circle_dropshipping_3 { top: 10%; left: 0; } .bg_circle_dropshipping_4 { top: -32px; right: -32px; } .bg_circle_dropshipping_5 { bottom: 40%; right: -100px; } .bg_circle_dropshipping_6 { bottom: -55px; right: -150px; z-index: -1; } @media only screen and (max-width : 768px) { .bg_circle_dropshipping_4 { top: 0; right: 0; } .bg_circle_dropshipping_5 { bottom: 40%; right: -50px; } } .bg_circle_dropshipping_1_animate { -webkit-animation: bounceInDown 0.75s ease-in-out 0.1s forwards; animation: bounceInDown 0.75s ease-in-out 0.1s forwards; } .bg_circle_dropshipping_2_animate { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.2s forwards; } .bg_circle_dropshipping_3_animate { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .bg_circle_dropshipping_4_animate { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .bg_circle_dropshipping_5_animate { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .bg_circle_dropshipping_6_animate { -webkit-animation: zoomIn 0.75s ease-in-out 0.5s forwards; animation: zoomIn 0.75s ease-in-out 0.5s forwards; } @media only screen and (max-width : 550px) { .after_intro_mobile_padding_dropshipping { padding-top: 0; } } /*-------------------------------------------------------------------------- #case-study-real-roas-cpo */ .bg_circle_cs_main_intro { opacity: 0; } .bg_circle_cs_main_intro_1 { bottom: -180px; left: -120px; } .bg_circle_cs_main_intro_2 { top: 0; left: -40px; } .bg_circle_cs_main_intro_3 { top: 40px; right: -120px; } .bg_circle_cs_main_intro_4 { bottom: -180px; right: 10%; } .bg_circle_cs_main_intro_5 { bottom: -100px; right: 40%; } .bg_circle_cs_main_intro_6 { bottom: -300px; right: -400px; z-index: -1; } .animate_cs_main_intro_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.2s forwards; } .animate_cs_main_intro_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .animate_cs_main_intro_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .animate_cs_main_intro_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .animate_cs_main_intro_5 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.6s forwards; animation: bounceInDown 0.75s ease-in-out 0.6s forwards; } .animate_cs_main_intro_6 { -webkit-animation: zoomIn 0.75s ease-in-out 0.6s forwards; animation: zoomIn 0.75s ease-in-out 0.6s forwards; } .bg_circle_cs_intro { opacity: 0; } .bg_circle_cs_intro_1 { bottom: 26px; left: 35%; } .bg_circle_cs_intro_2 { bottom: 78px; left: 0; } .bg_circle_cs_intro_3 { top: 0; left: -54px; } .bg_circle_cs_intro_4 { top: -50px; left: 70%; margin: 0 0 0 -140px; z-index: 1; } .bg_circle_cs_intro_5 { top: 40px; left: 85%; } .bg_circle_cs_intro_6 { top: 40%; right: -150px; margin: -75px 0 0 0; z-index: -1; } @media only screen and (max-width : 1440px) { .bg_circle_cs_main_intro_3 { top: 40px; right: -20px; } .bg_circle_cs_main_intro_6 { bottom: -300px; right: -300px; z-index: -1; } } @media only screen and (max-width : 1200px) { .bg_circle_cs_main_intro_4 { bottom: -180px; right: 20%; } .bg_circle_cs_main_intro_5 { bottom: -100px; right: 60%; } .bg_circle_cs_main_intro_6 { bottom: -250px; right: -300px; z-index: -1; } } @media only screen and (max-width : 1152px) { .bg_circle_cs_main_intro_3 { top: 100px; right: -20px; } } @media only screen and (max-width : 800px) { .bg_circle_cs_main_intro_3 { top: 100px; right: -20px; } .bg_circle_cs_main_intro_4 { bottom: -140px; right: 20%; } .bg_circle_cs_main_intro_6 { bottom: -200px; right: -300px; z-index: -1; } } @media only screen and (max-width : 768px) { .bg_circle_cs_main_intro_1 { bottom: -120px; left: -40px; } .bg_circle_cs_main_intro_3 { top: -20px; right: -20px; } } @media only screen and (max-width : 500px) { .bg_circle_cs_main_intro_1 { bottom: -80px; left: -50px; } .bg_circle_cs_main_intro_2 { top: 0; left: -30px; } .bg_circle_cs_main_intro_3 { top: -20px; right: -30px; } .bg_circle_cs_main_intro_4 { bottom: -100px; right: 20%; } .bg_circle_cs_main_intro_5 { bottom: -75px; right: 60%; } .bg_circle_cs_main_intro_6 { bottom: -150px; right: -300px; z-index: -1; } } .animate_cs_intro_1 { -webkit-animation: translateUp 0.75s ease-in-out forwards; animation: translateUp 0.75s ease-in-out forwards; } .animate_cs_intro_2 { -webkit-animation: translateUp 0.75s ease-in-out 0.2s forwards; animation: translateUp 0.75s ease-in-out 0.2s forwards; } .animate_cs_intro_3 { -webkit-animation: zoomIn 0.75s ease-in-out 0.2s forwards; animation: zoomIn 0.75s ease-in-out 0.2s forwards; } .animate_cs_intro_4 { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } .animate_cs_intro_5 { -webkit-animation: zoomIn 0.75s ease-in-out 0.4s forwards; animation: zoomIn 0.75s ease-in-out 0.4s forwards; } .animate_cs_intro_6 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .animate_cs_intro_7 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .animate_cs_intro_8 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.6s forwards; animation: bounceInDown 0.75s ease-in-out 0.6s forwards; } .animate_cs_intro_9 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.7s forwards; animation: bounceInDown 0.75s ease-in-out 0.7s forwards; } .animate_cs_intro_10 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.8s forwards; animation: bounceInDown 0.75s ease-in-out 0.8s forwards; } .animate_cs_intro_11 { -webkit-animation: zoomIn 0.75s ease-in-out 0.8s forwards; animation: zoomIn 0.75s ease-in-out 0.8s forwards; } .cs_intro_content { width: 55%; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .cs_intro_img { width: 40%; margin: 0 0 0 60%; padding: 0 0 100px; position: relative; min-height: 410px; } .cs_intro_img img { border-radius: 50%; opacity: 0; } .cs_intro_img img:nth-of-type(1) { position: relative; width: 70%; } .cs_intro_img img:nth-of-type(2) { position: absolute; z-index: 1; width: 50%; bottom: 0; right: 0; border: 8px solid #ffffff; } .cs_intro_img img:nth-of-type(3) { position: absolute; z-index: 2; width: 25%; top: 45%;/* top: 35%;*/ right: 25%; border: 8px solid #ffffff; margin: -83px -83px 0 0; } .cs_cta_monster { margin: 0 auto 1.5em; width: 240px; } .cs_real_roas_cpo_txt_circle_wrap { position: relative; padding: 0 480px 0 0; } .cs_real_roas_cpo_txt_circle { position: absolute; top: 280px; right: 0; /* top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); */ width: 420px; text-align: center; } .cs_real_roas_cpo_txt_circle p:nth-of-type(1) { padding-top: 0; } .cs_real_roas_cpo_txt_circle::after { content: ''; position: absolute; z-index: -1; background-color: #DFF3F5; border-radius: 50%; height: 480px; width: 480px; left: -30px; top: -180px; } .cs_real_roas_cpo_txt_circle_img { width: 240px; position: absolute; top: -280px; left: 40%; } .cs_real_roas_cpo_txt_circle_img img { width: 100%; border-radius: 50%; } .cs_real_roas_cpo_txt_circle_img::after { content: ''; position: absolute; top: -20px; left: 0; width: 100%; height: 100%; border: 3px solid #9E045A; border-radius: 50%; } .cs_counter_clmn_2 { width: 47.5%; margin-right: 5%; float: left; text-align: center; } .cs_counter_clmn_2:nth-of-type(2n) { margin-right: 0; } .cs_counter_clmn_3 { width: 30%; float: left; text-align: center; margin: 0 5% 0 0; } .cs_counter_clmn_3:nth-of-type(3) { margin: 0; } .ico_cs_counter_adlab_1_1 { width: 80px; margin: 0 auto; } .ico_cs_counter_adlab_1_1 + p { padding-top: 0; } .ico_cs_google_dashboard_1 { width: 200px; margin: 55px auto 0; } .ico_cs_google_dashboard_1 + p { padding-top: 0.5em; } .cs_counter > span { display: block; font-size: 48px; } .cs_counter_size { font-size: 64px; } .bg_circle_cs_google_dashboard_1 { z-index: -1; } .bg_circle_cs_google_dashboard_1_1 { bottom: -35px; right: -150px; } .bg_circle_cs_google_dashboard_1_2 { top: -60px; left: 18%; } .bg_circle_cs_google_dashboard_1_3 { top: -40px; right: 10%; } .bg_circle_cs_google_dashboard_1_4 { top: 30%; right: -80px; } @media only screen and (max-width : 1024px) { .bg_circle_cs_google_dashboard_1_2 { top: -40px; left: 18%; } } @media only screen and (max-width : 450px) { .bg_circle_cs_google_dashboard_1_1 { bottom: -35px; right: -100px; } .bg_circle_cs_google_dashboard_1_4 { top: 30%; left: 5%; right: auto; } } .bg_circle_cs_results { opacity: 0; } .bg_circle_cs_results_1 { bottom: -26px; left: -26px; } .bg_circle_cs_results_2 { top: 50%; left: -120px; } .bg_circle_cs_results_3 { top: -40px; left: -260px; } .bg_circle_cs_results_4 { top: -45px; left: 100px; } .bg_circle_cs_results_5 { top: -35px; right: 50px; } .bg_circle_cs_results_6 { top: 50%; right: -100px; } .bg_circle_cs_results_7 { bottom: -75px; right: -400px; } .bg_circle_cs_results_7 { bottom: -275px; right: -500px; } @media only screen and (max-width : 1440px) { .bg_circle_cs_results_7 { bottom: -255px; right: -300px; } } @media only screen and (max-width : 1280px) { .bg_circle_cs_results_7 { bottom: -215px; right: -200px; } } @media only screen and (max-width : 1152px) { .bg_circle_cs_results_7 { bottom: -190px; right: -250px; } } @media only screen and (max-width : 650px) { .bg_circle_cs_results_7 { bottom: -150px; right: -250px; } } @media only screen and (max-width : 450px) { .bg_circle_cs_results_4 { top: -25px; left: 15%; } } .quote_top { position: relative; } .quote_top::before { content: '\201C'; font-size: 128px; position: absolute; z-index: -1; top: -100px; width: 50px; } .quote_top_center::before { left: 50%; margin: 0 0 0 -25px; } .quote_top_1::before { color: #61BEC4; } .quote_top_2::before { color: #9E045A; } .quote_top_3::before { color: #0B4F6C; } .block_real_roas_real_deal, .block_in_turn_the_company, .block_i_knew_something, .block_try_roas_monster_for_free { display: block; } .paragraph_highlight { padding: 0.5em 1em; border-radius: 16px; } .paragraph_highlight_white { background-color: #ffffff; } .paragraph_highlight_color_2 {} .clmn_1_cs_winners_losers_1_1 { position: relative; padding-right: 300px; } .clmn_1_cs_winners_losers_1_1 img { position: absolute; z-index: 1; bottom: -125px; right: 0; } @media only screen and (max-width : 1366px) { .cs_intro_img img:nth-of-type(2) { width: 50%; bottom: 5%; right: 5%; } } @media only screen and (max-width : 1280px) { .cs_counter > span { display: block; font-size: 36px; } .cs_counter_size { font-size: 48px; } .cs_intro_img img:nth-of-type(2) { width: 50%; bottom: 10%; right: 5%; } .quote_top::before { font-size: 112px; top: -82px; } .clmn_1_cs_winners_losers_1_1 img { bottom: -100px; } } @media only screen and (max-width : 1152px) { .cs_intro_content { width: 50%; } .cs_intro_img { width: 45%; margin: 0 0 0 55%; padding: 0 0 100px; min-height: 410px; } .paragraph_highlight { width: 280px; display: block; padding: 0.75em 1em; margin: 0 auto; } .paragraph_highlight_cs_advertiser_success_1_1, .paragraph_highlight_cs_advertiser_success_1_2, .paragraph_highlight_cs_advertiser_success_1_3, .paragraph_highlight_cs_advertiser_success_1_4 { display: block; } .paragraph_highlight_cs_advertiser_success_1_3, .paragraph_highlight_cs_advertiser_success_1_4 { color: #0B4F6C; } } @media only screen and (max-width : 1024px) { .cs_intro_img { min-height: 310px; } .cs_real_roas_cpo_txt_circle_wrap { position: relative; padding: 0 0 0 0; } .cs_real_roas_cpo_txt_circle { position: relative; top: auto; right: auto; width: 420px; text-align: center; margin: 260px auto 100px; } } @media only screen and (max-width : 900px) { .block_i_knew_something { display: inline; } .cs_intro_img img:nth-of-type(1) { position: relative; width: 80%; } .cs_intro_img img:nth-of-type(2) { width: 60%; bottom: 0; right: 0; } .cs_intro_img img:nth-of-type(3) { width: 35%; top: 45%; right: 15%; border: 8px solid #ffffff; margin: -83px -83px 0 0; } } @media only screen and (max-width : 800px) { .cs_counter_clmn_3 { width: 240px; float: none; margin: 0 auto 50px; } .cs_counter_clmn_3:nth-of-type(3) { margin: 0 auto 0; } .cs_intro_content { width: 100%; position: relative; padding-bottom: 20px; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .cs_intro_img { width: 400px; margin: 0 auto 1.5em; padding: 0 0 100px; min-height: auto; } .cs_intro_img img:nth-of-type(2) { width: 55%; bottom: 0; right: 0; } .cs_intro_img img:nth-of-type(3) { width: 30%; top: 45%; right: 15%; border: 8px solid #ffffff; margin: -83px -83px 0 0; } .clmn_1_cs_winners_losers_1_1 { padding-right: 0; } .clmn_1_cs_winners_losers_1_1 img { position: relative; bottom: auto; right: auto; width: 240px; margin: 1.5em auto 0; } } @media only screen and (max-width : 650px) { .block_real_roas_real_deal, .block_in_turn_the_company { display: inline; } } @media only screen and (max-width : 600px) { .cs_real_roas_cpo_txt_circle { width: 360px; margin: 260px auto 100px; } .cs_real_roas_cpo_txt_circle::after { height: 480px; width: 480px; left: -60px; top: -180px; } .cs_real_roas_cpo_txt_circle_img { width: 200px; top: -220px; left: 50%; margin: 0 0 0 -100px; } .cs_counter_clmn_2 { width: 100%; float: none; margin: 50px auto 0; } .cs_counter_clmn_2:nth-of-type(2n) { margin: 50px auto 0; } .cs_counter_clmn_2 p { padding-top: 0; } } @media only screen and (max-width : 500px) { .cs_intro_img { width: 320px; margin: 0 auto 1.5em; padding: 0 0 75px; min-height: auto; } .cs_intro_img img:nth-of-type(2) { width: 55%; bottom: 0; right: 0; } .cs_intro_img img:nth-of-type(3) { width: 30%; top: 45%; right: 25%; border: 8px solid #ffffff; margin: -83px -83px 0 0; } .cs_real_roas_cpo_txt_circle { width: 100%; margin: 260px auto 100px; } .cs_real_roas_cpo_txt_circle::after { height: 500px; width: 500px; top: -180px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .quote_top_margin { margin-top: 1em; } } .cs_full_overview_1_card_icon { margin: 0 0 45px; padding-bottom: 60px; min-height: 224px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* .cs_full_overview_1_card_icon img { margin: 1em 0 -76px; float: right; width: 90px; } */ .cs_full_overview_1_card_icon img { position: absolute; bottom: -45px; right: 32px; width: 90px; } @media only screen and (max-width : 1500px) { .cs_full_overview_1_card_icon { min-height: 196px; } } @media only screen and (max-width : 960px) { .cs_full_overview_1_card_icon { min-height: auto; } } /*-------------------------------------------------------------------------- #thank-you.php */ .block_bring_snacks { display: block; } .section_margin_negative { margin: -300px auto 0; } .calendly_wrap { margin: -150px auto 0; width: 600px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); } .calendly_wrap_default { margin: 55px auto 0; width: 600px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); } @media only screen and (max-width : 1024px) { .calendly_wrap { margin: -100px auto 0; } } @media only screen and (max-width : 760px) { .calendly_wrap { width: 100%; } .calendly_wrap_default { width: 100%; margin: 40px auto 0; } .block_bring_snacks { display: inline; } } @media only screen and (max-width : 760px) { .calendly_wrap { width: 100%; } } .bg_circle_thank_you { opacity: 0; } .bg_circle_thank_you_1 { top: 80%; left: -128px; } .bg_circle_thank_you_2 { top: 15%; left: -32px; } .bg_circle_thank_you_3 { top: -26px; left: -192px; } .bg_circle_thank_you_4 { top: 0; right: 64px; } .bg_circle_thank_you_5 { top: 92px; right: -128px; } .bg_circle_thank_you_6 { bottom: -64px; right: 128px; } .bg_circle_thank_you_7 { bottom: 0; right: -256px; } @media only screen and (max-width : 1700px) { .bg_circle_thank_you_1 { top: 70%; left: -128px; } .bg_circle_thank_you_2 { top: 20%; left: 0; } .bg_circle_thank_you_3 { top: -26px; left: -26px; } .bg_circle_thank_you_4 { top: 0; right: 64px; } .bg_circle_thank_you_5 { top: 92px; right: -64px; } .bg_circle_thank_you_6 { bottom: -64px; right: 128px; } .bg_circle_thank_you_7 { bottom: 0; right: -192px; } } @media only screen and (max-width : 1550px) { .bg_circle_thank_you_7 { bottom: 0; right: -64px; } } @media only screen and (max-width : 1200px) { .bg_circle_thank_you_1 { top: 70%; left: -80px; } .bg_circle_thank_you_7 { bottom: 0; right: -128px; } } @media only screen and (max-width : 550px) { .bg_circle_thank_you_1 { top: 60%; left: -48px; } .bg_circle_thank_you_3 { top: 0; left: 26px; } .bg_circle_thank_you_4 { top: 24px; right: 24px; } .bg_circle_thank_you_7 { bottom: 55%; right: -64px; } } .bg_circle_thank_you_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.1s forwards; animation: bounceInDown 0.75s ease-in-out 0.1s forwards; } .bg_circle_thank_you_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.2s forwards; } .bg_circle_thank_you_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .bg_circle_thank_you_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .bg_circle_thank_you_5 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .bg_circle_thank_you_6 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.6s forwards; animation: bounceInDown 0.75s ease-in-out 0.6s forwards; } .bg_circle_thank_you_7 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.7s forwards; animation: bounceInDown 0.75s ease-in-out 0.7s forwards; } /*-------------------------------------------------------------------------- #blog.php */ .block_find_useful { display: block; } .block_you_will_be_charged { display: block; } @media only screen and (max-width : 720px) { .block_find_useful { display: inline; } } .bg_circle_blog_intro { opacity: 0; z-index: 1; } .bg_circle_blog_intro_1 { left: 25%; top: 35%; } .bg_circle_blog_intro_2 { left: 20%; top: 60%; } .bg_circle_blog_intro_3 { right: 20%; top: 60%; } .bg_circle_blog_intro_4 { right: 30%; top: 90%; } .bg_circle_blog_intro_5 { left: -50px; bottom: -75px; } @media only screen and (max-width : 1600px) { .bg_circle_blog_intro_1 { left: 15%; top: 35%; } .bg_circle_blog_intro_2 { left: 10%; top: 60%; } .bg_circle_blog_intro_3 { right: 10%; top: 60%; } .bg_circle_blog_intro_4 { right: 20%; top: 90%; } } @media only screen and (max-width : 1152px) { .bg_circle_blog_intro_1 { left: 5%; top: 35%; } .bg_circle_blog_intro_2 { left: -8px; top: 60%; } .bg_circle_blog_intro_3 { right: 2%; top: 60%; } .bg_circle_blog_intro_4 { right: 10%; top: 90%; } } .animate_blog_intro_1 { -webkit-animation: translateUp 0.75s ease-in-out forwards; animation: translateUp 0.75s ease-in-out forwards; } .animate_blog_intro_2 { -webkit-animation: translateUp 0.75s ease-in-out 0.25s forwards; animation: translateUp 0.75s ease-in-out 0.3s forwards; } .animate_blog_intro_3 { -webkit-animation: translateUp 0.75s ease-in-out 0.5s forwards; animation: translateUp 0.75s ease-in-out 0.5s forwards; } .animate_blog_intro_4 { -webkit-animation: translateUp 0.75s ease-in-out 0.75s forwards; animation: translateUp 0.75s ease-in-out 0.75s forwards; } .animate_bg_circle_blog_intro_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.7s forwards; animation: bounceInDown 0.75s ease-in-out 0.7s forwards; } .animate_bg_circle_blog_intro_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.8s forwards; animation: bounceInDown 0.75s ease-in-out 0.8s forwards; } .animate_bg_circle_blog_intro_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.9s forwards; animation: bounceInDown 0.75s ease-in-out 0.9s forwards; } .animate_bg_circle_blog_intro_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 1s forwards; animation: bounceInDown 0.75s ease-in-out 1s forwards; } .animate_bg_circle_blog_intro_5 { -webkit-animation: rubberBand 1.15s ease-in-out 1.1s forwards; animation: rubberBand 1.15s ease-in-out 1.1s forwards; } .card_blog_link { min-height: 472px; min-height: 440px; position: relative; text-align: center; } .card_blog_link img { width: 100%; margin: 0 auto 1em; } .card_blog_link_round img { border-radius: 50%; } .card_blog_link_round img:nth-of-type(1) { width: 275px; border-radius: 50%; } .card_blog_link_round img:nth-of-type(2) { width: 100px; border: 8px solid #ffffff; position: absolute; z-index: 1; top: -58px; left: 50%; margin: 0 0 0 -58px; } .blog_links_wrap { width: 1300px; margin: 0 auto; padding: 0 0 20px; padding: 0 0 0; position: relative; } .blog_links_separator { border-top: 3px solid #EAEAEA; display: block; margin: 75px 0 55px; } .blog_links_separator + p { padding-top: 0; } .blog_link_clmn { width: 30%; float: left; margin: 5% 5% 0 0; } .blog_link_clmn:nth-of-type(3n) { margin: 5% 0 0 0; } .blog_link_clmn a, .blog_link_clmn_center a { display: block; color: #0B4F6C; text-decoration: none; float: left; width: 100%; } .blog_link_clmn_center a { float: none; } .blog_link_clmn_center { margin: 40px auto 0; width: 390px; } .blog_link_clmn_center .card_blog_link { min-height: auto; } .card_cs_link { position: relative; color: #ffffff; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,0.4); } .card_cs_link img { width: 100%; border-radius: 15px; } .card_cs_link p { position: absolute; z-index: 2; width: 90%; left: 5%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .card_cs_link::after { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(11, 79, 108, 0.4); border-radius: 15px; transition: background-color 0.2s ease-in-out; } .blog_link_clmn a:hover .card_cs_link::after { background-color: rgba(11, 79, 108, 0.7); } @media only screen and (max-width : 1440px) { .blog_links_wrap { width: 90%; } } @media only screen and (max-width : 1360px) { .card_blog_link { min-height: 400px; } } @media only screen and (max-width : 1280px) { .card_blog_link { min-height: 370px; } } @media only screen and (max-width : 1200px) { .blog_links_wrap { width: 70%; } .blog_link_clmn { width: 45%; margin: 40px 10% 0 0; } .blog_link_clmn:nth-of-type(3n) { margin: 40px 10% 0 0; } .blog_link_clmn:nth-of-type(2n) { margin: 40px 0 0 0; } .blog_link_clmn_cs { width: 47.5%; margin: 40px 5% 0 0; } .blog_link_clmn_cs:nth-of-type(3n) { margin: 40px 5% 0 0; } .blog_link_clmn_cs:nth-of-type(2n) { margin: 40px 0 0 0; } .blog_link_clmn_cs_round { width: 47.5%; margin: 70px 5% 0 0; } .blog_link_clmn_cs_round:nth-of-type(3n) { margin: 70px 5% 0 0; } .blog_link_clmn_cs_round:nth-of-type(2n) { margin: 70px 0 0 0; } } @media only screen and (max-width : 900px) { .blog_links_wrap { width: 90%; } .card_blog_link { min-height: 390px; } } @media only screen and (max-width : 800px) { .card_blog_link { min-height: 350px; } } @media only screen and (max-width : 720px) { .blog_links_wrap, .blog_link_clmn_center { width: 360px; } .blog_link_clmn { width: 100%; margin: 40px auto 0; } .blog_link_clmn:nth-of-type(3n) { margin: 40px auto 0; } .blog_link_clmn:nth-of-type(2n) { margin: 40px auto 0; } .card_blog_link { min-height: auto; } .blog_link_clmn_cs_round { width: 100%; margin: 80px 5% 0 0; } .blog_link_clmn_cs_round:nth-of-type(3n) { margin: 80px 5% 0 0; } .blog_link_clmn_cs_round:nth-of-type(2n) { margin: 80px 0 0 0; } } @media only screen and (max-width : 450px) { .blog_links_wrap { width: 90%; } .blog_link_clmn_center { width: 100%; } } .blog_link_clmn a:hover, .blog_link_clmn_center a:hover { color: #9E045A; } /* .blog_link_clmn a:hover .blog_link_btn span { background-color: #0B4F6C; color: #ffffff; } */ .bg_circle_blog_sign_up { opacity: 0; } .bg_circle_blog_sign_up_0 { top: 75px; right: -50px; } .bg_circle_blog_sign_up_1 { top: 80%; left: 20%; } .bg_circle_blog_sign_up_2 { top: 50%; left: 15%; } .bg_circle_blog_sign_up_3 { top: 10%; left: 30%; } .bg_circle_blog_sign_up_4 { top: 75%; right: 15%; } .bg_circle_blog_sign_up_5 { top: 55%; right: 22%; } .section_blog_sign_up_animate .animate_blog_sign_up_1 { -webkit-animation: zoomIn 0.75s ease-in-out forwards; animation: zoomIn 0.75s ease-in-out forwards; } .section_blog_sign_up_animate .animate_blog_sign_up_2 { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } .section_blog_sign_up_animate .animate_blog_sign_up_3 { -webkit-animation: zoomIn 0.75s ease-in-out 0.6s forwards; animation: zoomIn 0.75s ease-in-out 0.6s forwards; } .section_blog_sign_up_animate .animate_blog_sign_up_4 { -webkit-animation: zoomIn 0.75s ease-in-out 0.9s forwards; animation: zoomIn 0.75s ease-in-out 0.9s forwards; } .section_blog_sign_up_animate .animate_blog_sign_up_5 { -webkit-animation: zoomIn 0.75s ease-in-out 1.2s forwards; animation: zoomIn 0.75s ease-in-out 1.2s forwards; } .clmn_img_align_bottom_right { padding-left: 480px; position: relative; } .clmn_img_align_bottom_right_how_to_set { padding-left: 480px; } .img_align_bottom { position: absolute; bottom: -75px; } .img_align_bottom_left { left: 0; } .img_align_bottom_how_to_set { width: 400px; } .img_align_bottom_how_to_set_mobile { display: none; } .blog_card_circles_wrap { position: relative; } .bg_circle_animate_default { opacity: 0; } @media only screen and (max-width : 1280px) { .img_align_bottom { bottom: -55px; } .img_align_bottom_how_to_set { width: 320px; } .clmn_img_align_bottom_right_how_to_set { padding-left: 360px; } .img_align_bottom_how_to_set_desktop { display: none; } .img_align_bottom_how_to_set_mobile { display: block; } } @media only screen and (max-width : 1024px) { .clmn_img_align_bottom_right { padding-left: 0; } .img_align_bottom { position: relative; margin: 1.5em auto 0; bottom: auto; } } @media only screen and (max-width : 550px) { .img_align_bottom { width: 240px; } } /*-------------------------------------------------------------------------- #facebook-is-simplifying-ad-campaign-setup-process.php */ .block_ad_campaign_setup_process { display: block; } .facebook_is_simplifying_ad_campaign_setup_process_1_img { width: 100%; margin: 1.5em auto 0; } .facebook_is_simplifying_ad_campaign_setup_process_2_img { width: 100%; margin: 1.5em auto 0; } .facebook_is_simplifying_ad_campaign_setup_process_2_list_bullet { width: 160px; margin: 0 auto; } .facebook_is_simplifying_ad_campaign_setup_process_3_list_bullet { width: 600px; margin: 0 auto; } .facebook_is_simplifying_ad_campaign_setup_process_3 { margin: 1.5em auto 0; } .video_inner_default_facebook_is_simplifying_ad_campaign_setup_process_3 { padding-bottom: 42.7%; } .card_see_how_your_team_analyst { padding-left: 380px; margin: 50px auto 0; } .card_img_see_how_your_team_analyst { width: 320px; position: absolute; z-index: 1; left: 40px; bottom: 32px; } @media only screen and (max-width : 800px) { .card_see_how_your_team_analyst { padding-left: 40px; margin: 50px auto 0; text-align: center; } .card_img_see_how_your_team_analyst { width: 240px; position: relative; left: auto; bottom: auto; margin: 2em auto 0; } } @media only screen and (max-width : 800px) { .facebook_is_simplifying_ad_campaign_setup_process_3_list_bullet { width: 100%; margin: 0; } } @media only screen and (max-width : 600px) { .block_ad_campaign_setup_process { display: inline; } } /*-------------------------------------------------------------------------- #the-office-champion-who-is-your-best-advertiser.php */ .block_who_is_your_best_advertiser { display: block; } .who_is_your_best_advertiser_1 { position: relative; padding-right: 360px; } .who_is_your_best_advertiser_1_img { position: absolute; width: 320px; top: 0; right: 0; } .who_is_your_best_advertiser_2 { width: auto; max-width: 100%; margin: 1.5em auto 0; } .video_inner_default_who_is_your_best_advertiser_2 { padding-bottom: 56.3%; } .who_is_your_best_advertiser_3 { padding-right: 240px; position: relative; } .who_is_your_best_advertiser_3 img { position: absolute; top: 2.5em; right: -10px; width: 220px; } .who_is_your_best_advertiser_4 { padding-right: 240px; position: relative; } .who_is_your_best_advertiser_4 img { position: absolute; top: 2.5em; right: -10px; width: 220px; } .who_is_your_best_advertiser_5 { padding-right: 240px; position: relative; } .who_is_your_best_advertiser_5 img { position: absolute; top: 2.5em; right: -10px; width: 220px; } .who_is_your_best_advertiser_6 { padding-right: 220px; position: relative; } .who_is_your_best_advertiser_6 img { position: absolute; top: 10px; right: 0; width: 180px; } .who_is_your_best_advertiser_7 { padding-left: 360px; position: relative; } .who_is_your_best_advertiser_7 img { position: absolute; bottom: 0; left: 0; width: 300px; } .who_is_your_best_advertiser_7 p { padding-bottom: 125px; } .who_is_your_best_advertiser_7 ul { list-style-type: none; } .who_is_your_best_advertiser_7 ul li { position: relative; } .who_is_your_best_advertiser_7 ul li::before { position: absolute; left: -24px; top: 0; font-weight: 700; /* top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); */ } .who_is_your_best_advertiser_7 ul li:nth-of-type(1)::before { content: "A:"; } .who_is_your_best_advertiser_7 ul li:nth-of-type(2)::before { content: "B:"; } .who_is_your_best_advertiser_7 ul li:nth-of-type(3)::before { content: "C:"; } .who_is_your_best_advertiser_cta { padding-right: 360px; margin: 0 auto; } .who_is_your_best_advertiser_cta_img { width: 340px; position: absolute; z-index: 1; right: 40px; bottom: 0; image-rendering: -webkit-optimize-contrast; } @media only screen and (max-width : 1280px) { .who_is_your_best_advertiser_cta_img { right: 0; } } @media only screen and (max-width : 1152px) { .who_is_your_best_advertiser_cta { padding-right: 40px; text-align: center; } .who_is_your_best_advertiser_cta_img { position: relative; right: auto; bottom: 0; margin: 2em auto -32px; } } @media only screen and (max-width : 900px) { .who_is_your_best_advertiser_1 { padding-right: 0; } .who_is_your_best_advertiser_1_img { position: relative; width: 300px; top: auto; right: auto; margin: 1.5em auto 0; } .who_is_your_best_advertiser_3, .who_is_your_best_advertiser_4, .who_is_your_best_advertiser_5, .who_is_your_best_advertiser_6 { padding-right: 0; } .who_is_your_best_advertiser_3 img, .who_is_your_best_advertiser_4 img, .who_is_your_best_advertiser_5 img, .who_is_your_best_advertiser_6 img { position: relative; top: auto; right: auto; width: 240px; margin: 1.5em auto 0; } } @media only screen and (max-width : 800px) { .who_is_your_best_advertiser_7 { padding-left: 300px; } .who_is_your_best_advertiser_7 img { left: -20px; } } @media only screen and (max-width : 750px) { .who_is_your_best_advertiser_7 { padding-left: 0; } .who_is_your_best_advertiser_7 img { position: relative; bottom: auto; left: auto; width: 300px; margin: 1.5em auto 0; } .who_is_your_best_advertiser_7 p { padding-bottom: 0; } .who_is_your_best_advertiser_7 ul { padding-left: 24px; } } @media only screen and (max-width : 500px) { .who_is_your_best_advertiser_cta_img { width: 240px; margin: 2em auto -24px; } .who_is_your_best_advertiser_3 img, .who_is_your_best_advertiser_4 img, .who_is_your_best_advertiser_5 img, .who_is_your_best_advertiser_6 img { width: 200px; } } @media only screen and (max-width : 450px) { .block_who_is_your_best_advertiser { display: inline; } } /*-------------------------------------------------------------------------- #secret-allies-google-and-facebook-ads.php */ .block_google_fb_ads, .block_google_fb_ads_si { display: block; } .block_are_you_wondering_which_ads_1, .block_are_you_wondering_which_ads_2 { display: block; } .video_inner_default_secret_allies_google_and_facebook_ads_1 { padding-bottom: 56%; } .secret_allies_google_and_facebook_ads_1 { margin: 2em 0 -275px 0; width: 75%; position: relative; } .secret_allies_google_and_facebook_ads_1 p { position: absolute; width: 240px; top: 80px; right: -260px; } .secret_allies_google_and_facebook_ads_1_section_padding { padding-top: 275px; } .secret_allies_google_and_facebook_ads_2 { padding: 0 0 1.5em 0; position: relative; } .secret_allies_google_and_facebook_ads_2 p { padding-right: 240px; } .secret_allies_google_and_facebook_ads_2 img { position: absolute; top: 0; right: -54px; } .secret_allies_google_and_facebook_ads_2_si img { width: 230px; top: 40px; right: -40px; } .secret_allies_google_and_facebook_ads_3 { position: relative; width: 480px; max-width: 100%; margin: 1.5em auto 0; } .secret_allies_google_and_facebook_ads_3 img { width: 100%; } .secret_allies_google_and_facebook_ads_4 { padding-left: 240px; position: relative; } .secret_allies_google_and_facebook_ads_4_img { width: 300px; position: absolute; bottom: -75px; left: -100px; } .bg_circle_secret_allies_3 {} .bg_circle_secret_allies_3_1 { bottom: 20%; left: -150px; } .bg_circle_secret_allies_3_2 { bottom: 5%; left: -350px; } .bg_circle_secret_allies_3_3 { bottom: 40%; left: -300px; } .bg_circle_secret_allies_3_4 { top: 15%; left: -100px; } .bg_circle_secret_allies_3_5 { top: -5%; left: -275px; } .bg_circle_secret_allies_3_6 { top: -5%; right: -50px; } .bg_circle_secret_allies_3_7 { top: 5%; right: -200px; } .bg_circle_secret_allies_3_8 { top: 30%; right: -100px; } .bg_circle_secret_allies_3_9 { top: 30%; right: -300px; } .bg_circle_secret_allies_3_10 { bottom: 20%; right: -150px; } .secret_allies_google_and_facebook_ads_cta { padding-right: 360px; margin: 75px auto 0; } .secret_allies_google_and_facebook_ads_cta_img { width: 480px; position: absolute; z-index: 1; right: -50px; bottom: -40px; image-rendering: -webkit-optimize-contrast; } @media only screen and (max-width : 1280px) { .secret_allies_google_and_facebook_ads_4_img { width: 280px; left: -75px; bottom: -55px; } .secret_allies_google_and_facebook_ads_cta_img { right: 0; } } @media only screen and (max-width : 1152px) { .secret_allies_google_and_facebook_ads_2 p { padding-right: 200px; } .secret_allies_google_and_facebook_ads_cta { padding-right: 40px; margin: 50px auto 0; text-align: center; } .secret_allies_google_and_facebook_ads_cta_img { position: relative; right: auto; bottom: 0; margin: 2em auto -64px; } .secret_allies_google_and_facebook_ads_3 { width: 360px; max-width: 100%; } } @media only screen and (max-width : 1024px) { .secret_allies_google_and_facebook_ads_4 { padding-left: 0; } .secret_allies_google_and_facebook_ads_4_img { width: 300px; position: relative; bottom: auto; left: auto; margin: 1.5em auto 0; } .secret_allies_google_and_facebook_ads_4_section { padding-bottom: 0; } .secret_allies_google_and_facebook_ads_1 p { width: 240px; top: 0; right: -260px; } } @media only screen and (max-width : 900px) { .secret_allies_google_and_facebook_ads_1 p { position: relative; width: 100%; top: auto; right: auto; padding-bottom: 1.5em; } .secret_allies_google_and_facebook_ads_1 { margin: 2em 0 -165px 0; width: 100%; } .secret_allies_google_and_facebook_ads_1_section_padding { padding-top: 155px; } .secret_allies_google_and_facebook_ads_2 p { padding-right: 200px; } .secret_allies_google_and_facebook_ads_2 p:nth-of-type(1), .secret_allies_google_and_facebook_ads_2 p:nth-of-type(2) { padding-right: 0; } .secret_allies_google_and_facebook_ads_2 img { position: absolute; top: auto; bottom: 2em; right: -54px; } .secret_allies_google_and_facebook_ads_2_si img { right: -40px; } } @media only screen and (max-width : 800px) { .block_are_you_wondering_which_ads_1, .block_are_you_wondering_which_ads_2 { padding-bottom: 1.5em; } } @media only screen and (max-width : 700px) { .secret_allies_google_and_facebook_ads_4_img { width: 240px; } .secret_allies_google_and_facebook_ads_cta_img { width: 360px; } } @media only screen and (max-width : 600px) { .secret_allies_google_and_facebook_ads_2 p { padding-right: 160px; } .secret_allies_google_and_facebook_ads_2 p:nth-of-type(1), .secret_allies_google_and_facebook_ads_2 p:nth-of-type(2) { padding-right: 0; } .secret_allies_google_and_facebook_ads_2 img { position: absolute; top: auto; bottom: 160px; right: -48px; width: 160px; } .secret_allies_google_and_facebook_ads_2_si img { bottom: 160px; right: -40px; width: 160px; } } @media only screen and (max-width : 500px) { .secret_allies_google_and_facebook_ads_cta_img { width: 240px; margin: 2em auto -48px; } .secret_allies_google_and_facebook_ads_2 img { position: relative; top: auto; bottom: auto; right: auto; width: 160px; float: right; margin: 1em -41px 1em 1em; } .secret_allies_google_and_facebook_ads_2_si img { position: relative; top: auto; bottom: auto; right: auto; width: 160px; float: right; margin: 1em -32px 1em 1em; } .secret_allies_google_and_facebook_ads_2 p { padding-right: 0; } .secret_allies_google_and_facebook_ads_3 { width: 240px; max-width: 100%; } .bg_circle_secret_allies_3_1 { bottom: 20%; left: -50px; } .bg_circle_secret_allies_3_2 { bottom: 5%; left: -250px; } .bg_circle_secret_allies_3_3 { bottom: 40%; left: -200px; } .bg_circle_secret_allies_3_4 { top: 15%; left: -30px; } .bg_circle_secret_allies_3_5 { top: -10%; left: -175px; } .bg_circle_secret_allies_3_6 { top: -10%; right: 0; } .bg_circle_secret_allies_3_7 { top: 5%; right: -50px; } .bg_circle_secret_allies_3_8 { top: 30%; right: -25px; } .bg_circle_secret_allies_3_9 { top: 30%; right: -200px; } .bg_circle_secret_allies_3_10 { bottom: 20%; right: -50px; } } /*-------------------------------------------------------------------------- #50-shades-of-chaos-in-e-commerce.php */ .block_spletnega_oglasevanja, .block_na_podlagi_vasih_predvidevanj, .block_na_podlagi_dejanske_statistike { display: block; } .fifty_shades_of_chaos_in_ecommerce_1 { padding-right: 240px; position: relative; } .fifty_shades_of_chaos_in_ecommerce_1_img { width: 180px; position: absolute; top: 0; right: 0; } .fifty_shades_of_chaos_in_ecommerce_2 { padding-left: 360px; position: relative; } .fifty_shades_of_chaos_in_ecommerce_2_img { width: 320px; position: absolute; top: 1.5em; left: 0; } .bg_circle_fifty_shades_of_chaos_in_ecommerce_wrap { position: relative; } .bg_circle_fifty_shades_of_chaos_in_ecommerce { position: absolute; } .bg_circle_fifty_shades_of_chaos_in_ecommerce_1 { top: -50px; left: -100px; z-index: -1; } .fifty_shades_of_chaos_in_ecommerce_3 { width: auto; max-width: 50%; margin: 1.5em auto; } .video_inner_default_fifty_shades_of_chaos_in_ecommerce_3 { padding-bottom: 83%; } .fifty_shades_of_chaos_in_ecommerce_4 { padding-left: 240px; position: relative; } .fifty_shades_of_chaos_in_ecommerce_4_img { width: 360px; position: absolute; bottom: -75px; left: -160px; } .fifty_shades_of_chaos_in_ecommerce_4_img_alt { display: none; } .fifty_shades_of_chaos_in_ecommerce_4_section { padding-bottom: 0; } .fifty_shades_of_chaos_in_ecommerce_5_padding { padding-top: 0; } .fifty_shades_of_chaos_in_ecommerce_4_section { padding-bottom: 75px; } .fifty_shades_of_chaos_in_ecommerce_5 { position: relative; } .bg_circle_fifty_shades_of_chaos_in_ecommerce_5 { position: absolute; } .bg_circle_fifty_shades_of_chaos_in_ecommerce_5_1 { bottom: -30px; left: -60px; } .bg_circle_fifty_shades_of_chaos_in_ecommerce_5_2 { top: -26px; left: 0; } .bg_circle_fifty_shades_of_chaos_in_ecommerce_5_3 { top: -26px; right: 0; } .bg_circle_fifty_shades_of_chaos_in_ecommerce_5_4 { bottom: -26px; right: -60px; } .fifty_shades_of_chaos_in_ecommerce_6_img { width: 100%; margin: 2.5em auto 0; } .fifty_shades_of_chaos_in_ecommerce_7 { position: relative; padding-right: 360px; } .fifty_shades_of_chaos_in_ecommerce_7_img { position: absolute; width: 310px; top: 0; right: 0; } .fifty_shades_of_chaos_in_ecommerce_cta { padding-right: 360px; margin: 75px auto 0; } .fifty_shades_of_chaos_in_ecommerce_cta_img { width: 340px; position: absolute; z-index: 1; right: 0; bottom: 0; image-rendering: -webkit-optimize-contrast; } @media only screen and (max-width : 1280px) { .fifty_shades_of_chaos_in_ecommerce_cta_img { width: 300px; right: 32px; } } @media only screen and (max-width : 1152px) { .fifty_shades_of_chaos_in_ecommerce_cta { padding-right: 40px; margin: 50px auto 0; text-align: center; } .fifty_shades_of_chaos_in_ecommerce_cta_img { position: relative; right: auto; bottom: 0; margin: 2em auto -32px; } } @media only screen and (max-width : 1024px) { .fifty_shades_of_chaos_in_ecommerce_4 { padding-left: 0; } .fifty_shades_of_chaos_in_ecommerce_4_img { display: none; } .fifty_shades_of_chaos_in_ecommerce_4_img_alt { display: block; width: 300px; position: relative; bottom: auto; left: auto; margin: -100px auto 1.5em; } .fifty_shades_of_chaos_in_ecommerce_4_section { padding-bottom: 55px; } .fifty_shades_of_chaos_in_ecommerce_4 ul { width: 400px; margin: 0 auto; } } @media only screen and (max-width : 900px) { .fifty_shades_of_chaos_in_ecommerce_1 { padding-right: 0; } .fifty_shades_of_chaos_in_ecommerce_2 { padding-left: 0; } .fifty_shades_of_chaos_in_ecommerce_1_img { width: 160px; position: relative; top: auto; right: auto; margin: 1.5em auto 0; } .fifty_shades_of_chaos_in_ecommerce_2_img { width: 280px; position: relative; top: auto; left: auto; margin: 1.5em auto 0; } .fifty_shades_of_chaos_in_ecommerce_7 { padding-right: 0; } .fifty_shades_of_chaos_in_ecommerce_7_img { position: relative; width: 300px; top: auto; right: auto; margin: 1.5em auto 0; } } @media only screen and (max-width : 860px) { .fifty_shades_of_chaos_in_ecommerce_5_padding { padding-top: 1.25em; } .block_making_decisions { display: block; } } @media only screen and (max-width : 700px) { .fifty_shades_of_chaos_in_ecommerce_4_img { width: 240px; } } @media only screen and (max-width : 600px) { .fifty_shades_of_chaos_in_ecommerce_3 { width: 75%; max-width: 75%; } } @media only screen and (max-width : 550px) { .fifty_shades_of_chaos_in_ecommerce_4 ul { width: 100%; margin: 0; } } @media only screen and (max-width : 500px) { .fifty_shades_of_chaos_in_ecommerce_cta_img { width: 240px; margin: 2em auto -24px; } .fifty_shades_of_chaos_in_ecommerce_4_img_alt { width: 240px; } .block_na_podlagi_vasih_predvidevanj, .block_na_podlagi_dejanske_statistike { display: inline; } } @media only screen and (max-width : 450px) { .fifty_shades_of_chaos_in_ecommerce_4_section { padding-bottom: 45px; } } /*-------------------------------------------------------------------------- #turning-your-dead-stock-into-cash.php */ .turning_your_dead_stock_1 { padding-left: 240px; position: relative; } .turning_your_dead_stock_1_img { width: 360px; position: absolute; bottom: -75px; left: -160px; } .turning_your_dead_stock_2 { padding-right: 240px; position: relative; } .turning_your_dead_stock_2_img { width: 360px; position: absolute; bottom: -75px; right: -160px; } @media only screen and (max-width : 1280px) { .turning_your_dead_stock_1_img, .turning_your_dead_stock_2_img { bottom: -55px; } } @media only screen and (max-width : 1024px) { .turning_your_dead_stock_1 { padding-left: 0; } .turning_your_dead_stock_1_img { width: 360px; position: relative; bottom: auto; left: auto; margin: 1.5em auto 0; } .turning_your_dead_stock_1_section { padding-bottom: 0; } .turning_your_dead_stock_2 { padding-right: 0; } .turning_your_dead_stock_2_img { width: 360px; position: relative; bottom: auto; right: auto; margin: 1.5em auto 0; } .turning_your_dead_stock_2_section { padding-bottom: 0; } } @media only screen and (max-width : 700px) { .turning_your_dead_stock_1_img, .turning_your_dead_stock_2_img { width: 240px; } } .turning_your_dead_stock_3 { width: auto; max-width: 100%; margin: 0 auto; } .video_inner_default_turning_your_dead_stock_3 { padding-bottom: 55%; } .video_inner_default_turning_your_dead_stock_6 { padding-bottom: 54%; } .turning_your_dead_stock_4_wrap { position: relative; } .turning_your_dead_stock_4 { position: relative; margin-top: 3em; } .turning_your_dead_stock_4 p { padding-right: 310px; } .turning_your_dead_stock_4 img { position: absolute; bottom: 0; right: -36px; width: 360px; } .bg_circle_turning_your_dead_stock_4 { position: absolute; } .bg_circle_turning_your_dead_stock_4_1 { top: -44px; left: -44px; } .bg_circle_turning_your_dead_stock_4_2 { top: 18px; left: 40%; } .bg_circle_turning_your_dead_stock_4_3 { top: 60%; right: -60px; } .bg_circle_turning_your_dead_stock_4_4 { bottom: -25px; left: 30%; } .bg_circle_turning_your_dead_stock_4_5 { bottom: 60px; left: -60px; } .bg_circle_turning_your_dead_stock_4_6 { top: -55px; right: -132px; z-index: -1; } @media only screen and (max-width : 1024px) { .turning_your_dead_stock_4 p { padding-right: 0; } .turning_your_dead_stock_4 img { position: relative; bottom: -32px; right: auto; margin: 0 auto; width: auto; max-width: 100%; } .bg_circle_turning_your_dead_stock_4_4 { bottom: -25px; left: 15%; } } @media only screen and (max-width : 800px) { .bg_circle_turning_your_dead_stock_4_1 { top: -28px; left: -28px; } } @media only screen and (max-width : 700px) { .turning_your_dead_stock_4 img { width: 240px; } } @media only screen and (max-width : 500px) { .turning_your_dead_stock_4 img { bottom: -24px; } } .turning_your_dead_stock_5 { position: relative; margin: 50px auto 0; } .turning_your_dead_stock_5 p { padding: 0 0 0 400px; } .turning_your_dead_stock_5 img { width: 360px; position: absolute; z-index: 1; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .turning_your_dead_stock_6 { position: relative; margin: 50px auto 50px; } .turning_your_dead_stock_6 p { padding: 0 400px 0 0; } .turning_your_dead_stock_6_iframe, .turning_your_dead_stock_6 img { width: 360px; position: absolute; z-index: 1; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @media only screen and (max-width : 1024px) { .turning_your_dead_stock_5 { position: relative; margin: 50px auto 0; } .turning_your_dead_stock_5 p { padding: 1.5em 0 0; } .turning_your_dead_stock_5 img { margin: 0 auto; width: 360px; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .turning_your_dead_stock_6 { position: relative; margin: 50px auto 0; } .turning_your_dead_stock_6 p { padding: 1.5em 0 0; } .turning_your_dead_stock_6_iframe, .turning_your_dead_stock_6 img { margin: 0 auto; width: 360px; position: relative; right: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .turning_your_dead_stock_6_iframe { width: 100%; } } @media only screen and (max-width : 500px) { .turning_your_dead_stock_5 img, .turning_your_dead_stock_6 img { width: auto; max-width: 100%; } .turning_your_dead_stock_6_iframe { width: 100%; max-width: 100%; } } .turning_your_dead_stock_cta { padding-right: 360px; margin: 75px auto 0; } .turning_your_dead_stock_cta_img { width: 480px; position: absolute; z-index: 1; right: -86px; top: 50%; margin: -174px 0 0 0; image-rendering: -webkit-optimize-contrast; } @media only screen and (max-width : 1280px) { .turning_your_dead_stock_cta_img { right: -24px; } } @media only screen and (max-width : 1152px) { .turning_your_dead_stock_cta { padding-right: 40px; margin: 50px auto 0; text-align: center; } .turning_your_dead_stock_cta_img { width: 360px; position: relative; right: auto; bottom: 0; margin: 2em auto -80px; } } @media only screen and (max-width : 500px) { .turning_your_dead_stock_cta_img { width: 240px; margin: 2em auto -60px; } } /*-------------------------------------------------------------------------- #how-aov-can-make-you-or-break-you.php */ .block_or_break_you, .block_ali_spremljate_aov { display: block; } .how_aov_make_break_1 { position: relative; margin: 50px auto 0; } .how_aov_make_break_1_img { width: 300px; } .how_aov_make_break_1_img img { width: 100%; } .how_aov_make_break_1_content img { width: 120px; position: absolute; left: -50px; bottom: 0; } .how_aov_make_break_1_content { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .how_aov_make_break_1_content::after { content: ''; position: absolute; z-index: -1; width: 100%; height: 150%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('img/blog/how-aov-can-make-you-or-break-you-1-2.png') center center no-repeat; background-size: 100%; } .how_aov_make_break_1_content p { width: 360px; padding: 50px 125px; position: relative; } .how_aov_make_break_1_content p::before { content: "1."; font-size: 64px; font-weight: 700; line-height: 1; position: absolute; top: 15px; left: 50px; } .bg_circle_how_aov_make_break_1_img { position: absolute; } .bg_circle_how_aov_make_break_1_img_1 { bottom: -48px; left: -200px; z-index: -1; } .how_aov_make_break_2 { position: relative; margin: 75px auto 0; } .how_aov_make_break_2_img { width: 300px; float: right; } .how_aov_make_break_2_img img { width: 100%; } .how_aov_make_break_2_content img { width: 120px; position: absolute; right: -25px; bottom: 0; } .how_aov_make_break_2_content { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .how_aov_make_break_2_content::after { content: ''; position: absolute; z-index: -1; width: 100%; height: 150%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: url('img/blog/how-aov-can-make-you-or-break-you-2-2.png') center center no-repeat; background-size: 100%; } .how_aov_make_break_2_content p { width: 360px; padding: 50px 125px; position: relative; } .how_aov_make_break_2_content p::before { content: "2."; font-size: 64px; font-weight: 700; line-height: 1; position: absolute; top: 15px; left: 50px; } .bg_circle_how_aov_make_break_2_img { position: absolute; } .bg_circle_how_aov_make_break_2_img_1 { bottom: -48px; right: -200px; z-index: -1; } .how_aov_make_break_3 { width: 100%; margin-top: 1.5em; } .how_aov_make_break_4 { position: relative; margin: 50px auto 75px; } .how_aov_make_break_4 p { padding: 0 0 0 400px; } .how_aov_make_break_4 img { width: 360px; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .how_aov_make_break_5 { position: relative; margin: 75px auto 55px; } .how_aov_make_break_5 p { padding: 0 0 0 300px; } .how_aov_make_break_5_img img { width: 100%; border: 7px solid #9E045A; border-radius: 50%; } .how_aov_make_break_5_img { width: 240px; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .bg_circle_how_aov_make_break_5_img_1 { top: 0; left: -75px; } .how_aov_make_break_6 { float: right; margin: -50px 0 -125px 0; position: relative; width: 360px; } .how_aov_make_break_6_si { margin: -50px -75px -125px 0; } .how_aov_make_break_6 img { width: 100%; } .bg_circle_how_aov_make_break_6 { position: absolute; } .bg_circle_how_aov_make_break_6_1 { bottom: 30%; left: -600px; } .bg_circle_how_aov_make_break_6_2 { bottom: 50%; left: -500px; } .bg_circle_how_aov_make_break_6_3 { bottom: 50%; left: -350px; } .bg_circle_how_aov_make_break_6_4 { bottom: 30%; left: -250px; } .bg_circle_how_aov_make_break_6_5 { bottom: 50%; left: -150px; } .bg_circle_how_aov_make_break_6_6 { bottom: 30%; right: -200px; z-index: -1; } .how_aov_make_break_cta { padding-right: 280px; margin: 120px auto 0; } .how_aov_make_break_cta_img { width: 280px; position: absolute; z-index: 1; right: 20px; bottom: 0; image-rendering: -webkit-optimize-contrast; } .how_aov_make_break_icons { padding-left: 44px; } .how_aov_make_break_icons_1 { background: url('img/blog/how-aov-can-make-you-or-break-you-icons-1.png') left top no-repeat; } .how_aov_make_break_icons_2 { background: url('img/blog/how-aov-can-make-you-or-break-you-icons-2.png') left 30px no-repeat; } .how_aov_make_break_icons_3 { background: url('img/blog/how-aov-can-make-you-or-break-you-icons-3.png') left 30px no-repeat; } .how_aov_make_break_icons_4 { background: url('img/blog/how-aov-can-make-you-or-break-you-icons-4.png') left 30px no-repeat; } @media only screen and (max-width : 1280px) { .how_aov_make_break_cta_img { width: 240px; right: 20px; } } @media only screen and (max-width : 1200px) { .how_aov_make_break_1_content p, .how_aov_make_break_2_content p { width: 300px; } } @media only screen and (max-width : 1100px) { .how_aov_make_break_1_img, .how_aov_make_break_2_img { width: 250px; } } @media only screen and (max-width : 1024px) { .how_aov_make_break_1_content p, .how_aov_make_break_2_content p { width: 250px; } .how_aov_make_break_2_content img { bottom: 25px; } .how_aov_make_break_4 { position: relative; margin: 50px auto 0; } .how_aov_make_break_4 p { padding: 1.5em 0 0; } .how_aov_make_break_4 img { margin: 0 auto; width: 360px; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .how_aov_make_break_5 { position: relative; margin: 50px auto 0; } .how_aov_make_break_5 p { padding: 1.5em 0 0; } .how_aov_make_break_5_img { margin: 0 auto; width: 240px; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .how_aov_make_break_6 { float: none; margin: 1.5em auto -75px; } .bg_circle_how_aov_make_break_6 { position: absolute; } .bg_circle_how_aov_make_break_6_1 { bottom: 30%; left: -600px; } .bg_circle_how_aov_make_break_6_2 { bottom: 50%; left: -500px; } .bg_circle_how_aov_make_break_6_3 { bottom: 50%; left: -350px; } .bg_circle_how_aov_make_break_6_4 { bottom: 30%; left: -250px; } .bg_circle_how_aov_make_break_6_5 { bottom: 50%; left: -150px; } .bg_circle_how_aov_make_break_6_6 { bottom: 30%; right: -200px; z-index: -1; } } @media only screen and (max-width : 960px) { .how_aov_make_break_1_img, .how_aov_make_break_2_img { width: 250px; position: relative; z-index: 1; margin: 0 auto; float: none; } .bg_circle_how_aov_make_break_1_img_1 { bottom: 24px; left: -200px; z-index: -1; } .bg_circle_how_aov_make_break_2_img_1 { bottom: -24px; right: -200px; z-index: -1; } .how_aov_make_break_1_content p, .how_aov_make_break_2_content p { width: 100%; padding: 0; } .how_aov_make_break_1_content, .how_aov_make_break_2_content { margin: 0 auto; width: 360px; padding: 50px 0; position: relative; left: auto; right: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .how_aov_make_break_1_content::after, .how_aov_make_break_2_content::after { width: 150%; height: 200%; } .how_aov_make_break_1_content img, .how_aov_make_break_2_content img { display: none; } .how_aov_make_break_1_content p::before, .how_aov_make_break_2_content p::before { top: -5px; left: -60px; } .how_aov_make_break_2 { margin-bottom: 50px; } .how_aov_make_break_icons { padding: 0; background: none; } } @media only screen and (max-width : 860px) { } @media only screen and (max-width : 800px) { .how_aov_make_break_cta { padding-right: 40px; margin: 50px auto 0; text-align: center; } .how_aov_make_break_cta_img { width: 240px; position: relative; right: auto; bottom: 0; margin: 1.5em auto -32px; } } @media only screen and (max-width : 500px) { .how_aov_make_break_cta_img { width: 220px; margin: 1.5em auto -24px; } .how_aov_make_break_6 { width: 320px; } .how_aov_make_break_4 img { width: 300px; } .how_aov_make_break_1_content p::before, .how_aov_make_break_2_content p::before { top: -70px; left: 0; } .block_or_break_you { display: inline; } } @media only screen and (max-width : 450px) { .how_aov_make_break_1_content, .how_aov_make_break_2_content { width: 100%; } } /*-------------------------------------------------------------------------- #unlimited-success-with-unlimited-budget.php */ .block_stay_ahead_free_trial, .block_unlimited_success, .block_z_neomejenim_budgetom, .block_you_have_to_fish { display: block; } .unlimited_success_unlimited_budget_1 { margin: 75px auto 0; } .unlimited_success_unlimited_budget_1 img { position: absolute; top: -50px; left: -5px; width: 175px; border: 5px solid #DFF3F5; border-radius: 50%; } .unlimited_success_unlimited_budget_1 img + p { padding: 0 0 0 155px; } .unlimited_success_unlimited_budget_2 { margin: 90px auto 0; } .unlimited_success_unlimited_budget_2 img { position: absolute; top: -50px; right: -5px; width: 175px; border: 5px solid #DFF3F5; border-radius: 50%; } .unlimited_success_unlimited_budget_2 img + p { padding: 0 155px 0 0; text-align: right; } .unlimited_success_unlimited_budget_3 { max-width: 100%; margin: 1.5em auto 0; } .unlimited_success_unlimited_budget_3_si { width: 374px; margin: 1.5em auto 0; } @media only screen and (max-width : 475px) { .unlimited_success_unlimited_budget_3_si { width: 100%; } } .unlimited_success_unlimited_budget_4 { position: relative; width: 684px; margin: 75px auto 0; } .unlimited_success_unlimited_budget_4_img { width: 360px; position: relative; float: right; } .unlimited_success_unlimited_budget_4_img img { width: 100%; } .unlimited_success_unlimited_budget_4_img::before { content: ''; position: absolute; z-index: -1; top: 10%; left: -85%; width: 90%; height: 80%; background-color: #9E045A; } .unlimited_success_unlimited_budget_4 p { color: #ffffff; padding: 0; width: 240px; position: absolute; left: 60px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .bg_circle_unlimited_success_unlimited_budget_4 { position: absolute; } .bg_circle_unlimited_success_unlimited_budget_4_1 { top: 50%; left: -50px; } .bg_circle_unlimited_success_unlimited_budget_4_2 { top: 10px; left: -10px; } .bg_circle_unlimited_success_unlimited_budget_4_3 { top: -10px; left: 25%; } .bg_circle_unlimited_success_unlimited_budget_4_4 { top: -55px; right: -25%; z-index: -1; } .bg_circle_unlimited_success_unlimited_budget_4_5 { top: 40%; right: -50px; z-index: -1; } .bg_circle_unlimited_success_unlimited_budget_4_6 { top: 60%; right: -25px; } .unlimited_success_unlimited_budget_5 { position: relative; margin: 50px auto 75px; } .unlimited_success_unlimited_budget_5 p { padding: 0 0 0 400px; } .unlimited_success_unlimited_budget_5 img { width: 360px; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .unlimited_success_unlimited_budget_5_si { margin-bottom: 100px; } .unlimited_success_unlimited_budget_cta { padding-right: 300px; margin: 100px auto 0; } .unlimited_success_unlimited_budget_cta_img { width: 400px; position: absolute; z-index: 1; right: 80px; bottom: 20px; image-rendering: -webkit-optimize-contrast; } .unlimited_success_unlimited_budget_cta_img_si { right: -40px; } @media only screen and (max-width : 1152px) { .unlimited_success_unlimited_budget_cta_img { width: 360px; right: 40px; } .unlimited_success_unlimited_budget_cta_img_si { right: -40px; } } @media only screen and (max-width : 1024px) { .unlimited_success_unlimited_budget_5 img { width: 300px; } .unlimited_success_unlimited_budget_5 p { padding: 0 0 0 340px; } .unlimited_success_unlimited_budget_5 { margin: 1.5em auto; } .unlimited_success_unlimited_budget_5_si { margin-bottom: 0; } } @media only screen and (max-width : 900px) { .unlimited_success_unlimited_budget_cta { margin: 50px auto 0; } .unlimited_success_unlimited_budget_cta_img { width: 300px; right: 40px; } .unlimited_success_unlimited_budget_cta_img_si { right: -40px; } .unlimited_success_unlimited_budget_5 img { margin: 0 auto; width: 300px; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .unlimited_success_unlimited_budget_5 p { padding: 1.5em 0 0; } .unlimited_success_unlimited_budget_4 { position: relative; width: 360px; margin: 50px auto 0; } .unlimited_success_unlimited_budget_4_img { width: 360px; position: relative; float: none; } .unlimited_success_unlimited_budget_4_img::before { display: none; } .unlimited_success_unlimited_budget_4 p { background-color: #9E045A; padding: 1.25em 1.5em; margin: 0 auto; width: 240px; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .bg_circle_unlimited_success_unlimited_budget_4_2 { top: -25px; left: 5px; } .bg_circle_unlimited_success_unlimited_budget_4_3 { top: 25px; left: auto; right: -35px; } .bg_circle_unlimited_success_unlimited_budget_4_4 { top: auto; bottom: -40px; right: auto; left: -25%; } .unlimited_success_unlimited_budget_1 { margin: 75px auto 0; } .unlimited_success_unlimited_budget_1 img { position: absolute; top: -50px; left: 50%; margin: 0 0 0 -87.5px; } .unlimited_success_unlimited_budget_1 img + p, .unlimited_success_unlimited_budget_2 img + p { padding: 110px 0 0 0 !important; text-align: left; } .unlimited_success_unlimited_budget_2 { margin: 90px auto 0; } .unlimited_success_unlimited_budget_2 img { position: absolute; top: -50px; right: 50%; margin: 0 -87.5px 0 0; } } @media only screen and (max-width : 800px) { .unlimited_success_unlimited_budget_cta { padding-right: 40px; margin: 50px auto 0; text-align: center; } .unlimited_success_unlimited_budget_cta_img { width: 300px; position: relative; right: auto; bottom: 0; margin: 1em auto -50px; } } @media only screen and (max-width : 768px) { .bg_circle_unlimited_success_unlimited_budget_4_2 { top: -18px; left: 10px; } } @media only screen and (max-width : 500px) { .block_stay_ahead_free_trial { display: inline; } } @media only screen and (max-width : 450px) { .unlimited_success_unlimited_budget_4 { width: 100%; } .unlimited_success_unlimited_budget_4_img { width: 100%; } .unlimited_success_unlimited_budget_cta_img { width: 100%; position: relative; right: auto; bottom: 0; margin: 1em auto -50px; } } /*-------------------------------------------------------------------------- #shop-vs-landing-page-which-is-better.php */ .shop_vs_landing_page_which_is_better_1 { position: relative; margin-top: 50px; } .shop_vs_landing_page_which_is_better_1 img { height: 400px; } .shop_vs_landing_page_which_is_better_1 img:last-child { position: absolute; top: 0; right: 0; } .shop_vs_landing_page_which_is_better_1 p { width: 100%; padding: 0; position: absolute; z-index: 1; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @media only screen and (max-width : 1152px) { .shop_vs_landing_page_which_is_better_1 img { height: 400px; margin: 0 auto; } .shop_vs_landing_page_which_is_better_1 img:last-child { position: relative; top: auto; right: auto; } .shop_vs_landing_page_which_is_better_1 p { padding: 0.5em 0; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } .shop_vs_landing_page_which_is_better_2 { position: relative; margin-top: 50px; } .shop_vs_landing_page_which_is_better_2_img { width: 280px; position: relative; } .shop_vs_landing_page_which_is_better_2_img img { width: 100%; } .shop_vs_landing_page_which_is_better_2_content { padding: 0 0 0 330px; position: absolute; z-index: 1; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .block_which_is_better, .block_which_is_better_si, .block_which_one_do_you_use { display: block; } .shop_vs_landing_page_which_is_better_4 { position: relative; margin-top: 75px; padding-left: 330px; } .shop_vs_landing_page_which_is_better_4_img { width: 180px; position: absolute; z-index: 1; left: 75px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .shop_vs_landing_page_which_is_better_4_img img { width: 100%; } .shop_vs_landing_page_which_is_better_3 { position: relative; margin-top: 75px; padding-right: 330px; } .shop_vs_landing_page_which_is_better_3_img { width: 180px; position: absolute; z-index: 1; right: 75px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .shop_vs_landing_page_which_is_better_3_img img { width: 100%; } .shop_vs_landing_page_which_is_better_5 { padding-top: 1.5em; padding-right: 240px; position: relative; } .shop_vs_landing_page_which_is_better_5 img { position: absolute; top: 1.5em; right: -80px; width: 300px; } .shop_vs_landing_page_which_is_better_5_card_margin { margin-top: 75px; } .shop_vs_landing_page_which_is_better_6 { padding-right: 150px; position: relative; } .shop_vs_landing_page_which_is_better_6 img { position: absolute; top: -1.5em; right: 0; width: 100px; } .clmn_features_single_2_shop_vs_landing_page_which_is_better_7 { min-height: 534px; } .shop_vs_landing_page_which_is_better_card_1 { width: 390px; margin: 50px auto 0; } .shop_vs_landing_page_which_is_better_card_1 img { width: 140px; position: absolute; z-index: 1; right: -20px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @media only screen and (max-width : 1280px) { .shop_vs_landing_page_which_is_better_card_1 img { width: 140px; right: 20px; } } @media only screen and (max-width : 450px) { .shop_vs_landing_page_which_is_better_card_1 img { width: 100px; right: 20px; } } @media only screen and (max-width : 400px) { .shop_vs_landing_page_which_is_better_card_1 img { width: 100px; right: 0; } } .take_your_shovels_1, .take_your_shovels_2, .take_your_shovels_3 { display: block; } .shop_vs_landing_page_which_is_better_9 { position: relative; margin-top: 50px; } .shop_vs_landing_page_which_is_better_9 img { width: 50%; } .shop_vs_landing_page_which_is_better_card_2 { position: absolute; bottom: 0; right: 0; width: 45%; } .shop_vs_landing_page_which_is_better_12 { margin-top: 50px; position: relative; } .shop_vs_landing_page_which_is_better_12_clmn { width: 47.5%; float: left; margin: 0 5% 0 0; position: relative; } .shop_vs_landing_page_which_is_better_12_clmn:nth-of-type(2) { margin: 0; } .shop_vs_landing_page_which_is_better_12_clmn img { width: 100%; } .shop_vs_landing_page_which_is_better_12_clmn_content { position: absolute; z-index: 1; width: 100%; padding: 75px 50px; top: 0; left: 0; } .shop_vs_landing_page_which_is_better_card_cta { padding-right: 300px; margin: 150px auto 0; } .shop_vs_landing_page_which_is_better_card_cta_img { width: 250px; position: absolute; z-index: 1; right: 40px; bottom: 0; } .bg_circle_shop_vs_landing_page_which_is_better_1_1 { top: -25px; right: -25px; } .bg_circle_shop_vs_landing_page_which_is_better_1_2 { top: 100px; right: -75px; } .bg_circle_shop_vs_landing_page_which_is_better_2 { position: absolute; } .bg_circle_shop_vs_landing_page_which_is_better_2_1 { bottom: -25px; right: -25px; z-index: -1; } .bg_circle_shop_vs_landing_page_which_is_better_2_2 { bottom: -88px; left: -176px; } .shop_vs_landing_page_which_is_better_5_outer { position: relative; } .bg_circle_shop_vs_landing_page_which_is_better_5_outer_1 { top: -44px; left: -44px; z-index: -1; } .bg_circle_shop_vs_landing_page_which_is_better_4_1 { top: -150px; right: -100px; } .bg_circle_shop_vs_landing_page_which_is_better_7_1 { top: -44px; left: -132px; } .bg_circle_shop_vs_landing_page_which_is_better_7_2 { top: 30%; right: -102px; } .bg_circle_shop_vs_landing_page_which_is_better_9_1 { top: -150px; left: -100px; } .bg_circle_shop_vs_landing_page_which_is_better_12_1 { top: 20%; left: -176px; } .bg_circle_shop_vs_landing_page_which_is_better_12_2 { top: -50px; right: 75px; } .bg_circle_shop_vs_landing_page_which_is_better_12_3 { top: 75px; right: -100px; } @media only screen and (max-width : 1152px) { .shop_vs_landing_page_which_is_better_12_clmn { width: 456px; float: none; margin: 0 auto; } .shop_vs_landing_page_which_is_better_12_clmn:nth-of-type(2) { margin: 50px auto 0; } .shop_vs_landing_page_which_is_better_5 img { right: -100px; } .bg_circle_shop_vs_landing_page_which_is_better_1_1 { top: -25px; right: 50%; margin: 0 -250px 0 0; } .bg_circle_shop_vs_landing_page_which_is_better_1_2 { top: 100px; right: 50%; margin: 0 -300px 0 0; } .bg_circle_shop_vs_landing_page_which_is_better_2_2 { bottom: -88px; left: -132px; } .bg_circle_shop_vs_landing_page_which_is_better_4_1 { top: -150px; right: -50px; } .bg_circle_shop_vs_landing_page_which_is_better_7_1 { top: -44px; left: -88px; } .bg_circle_shop_vs_landing_page_which_is_better_7_2 { top: 30%; right: -88px; } .bg_circle_shop_vs_landing_page_which_is_better_9_1 { top: 0; left: -25px; } .bg_circle_shop_vs_landing_page_which_is_better_12_1 { top: 100px; left: 50%; margin: 0 0 0 -400px; } .bg_circle_shop_vs_landing_page_which_is_better_12_2 { top: -50px; right: 50%; margin: 0 -200px 0 0; } .bg_circle_shop_vs_landing_page_which_is_better_12_3 { top: 125px; right: 50%; margin: 0 -350px 0 0; } } @media only screen and (max-width : 1024px) { .clmn_features_single_2_shop_vs_landing_page_which_is_better_7 .clmn_features_single_2_img { margin: 50px auto 0; } .bg_circle_shop_vs_landing_page_which_is_better_7_1 { display: none; } } @media only screen and (max-width : 900px) { .shop_vs_landing_page_which_is_better_9 { position: relative; margin-top: 50px; } .shop_vs_landing_page_which_is_better_9 img { width: 390px; margin: 0 auto; } .shop_vs_landing_page_which_is_better_card_2 { position: relative; bottom: auto; right: auto; width: 390px; margin: 50px auto 0; } } @media only screen and (max-width : 800px) { .shop_vs_landing_page_which_is_better_card_cta { padding-right: 40px; margin: 50px auto 0; text-align: center; } .shop_vs_landing_page_which_is_better_card_cta_img { width: 240px; position: relative; right: auto; bottom: -32px; margin: 1em auto 0; } .shop_vs_landing_page_which_is_better_4 { position: relative; margin-top: 75px; padding-left: 200px; } .shop_vs_landing_page_which_is_better_4_img { width: 150px; left: 0; } .shop_vs_landing_page_which_is_better_3 { position: relative; margin-top: 75px; padding-right: 200px; } .shop_vs_landing_page_which_is_better_3_img { width: 150px; right: 0; } .shop_vs_landing_page_which_is_better_5 { padding-top: 1.5em; padding-right: 0; } .shop_vs_landing_page_which_is_better_5 img { position: relative; top: auto; right: auto; width: 300px; margin: 0 auto 1.5em; } } .shop_vs_landing_page_which_is_better_card { min-height: 138px; } @media only screen and (max-width : 990px) { .shop_vs_landing_page_which_is_better_card { min-height: 104px; } } @media only screen and (max-width : 768px) { .shop_vs_landing_page_which_is_better_card { min-height: 168px; } .bg_circle_shop_vs_landing_page_which_is_better_5_outer_1 { top: -26px; left: -26px; z-index: -1; } .bg_circle_shop_vs_landing_page_which_is_better_9_1 { top: 25px; left: 25px; } } @media only screen and (max-width : 720px) { .shop_vs_landing_page_which_is_better_card { min-height: auto; } } @media only screen and (max-width : 650px) { .shop_vs_landing_page_which_is_better_2 { position: relative; margin-top: 50px; } .shop_vs_landing_page_which_is_better_2_img { width: 280px; position: relative; margin: 0 auto; } .shop_vs_landing_page_which_is_better_2_img img { width: 100%; } .shop_vs_landing_page_which_is_better_2_content { padding: 0.5em 0 0; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .bg_circle_shop_vs_landing_page_which_is_better_2 { bottom: -35px; right: -50px; } .shop_vs_landing_page_which_is_better_4 { position: relative; margin-top: 1.5em; padding-left: 0; } .shop_vs_landing_page_which_is_better_3 { position: relative; margin-top: 50px; padding-right: 0; } .shop_vs_landing_page_which_is_better_3_img, .shop_vs_landing_page_which_is_better_4_img { margin: 1.5em auto 0; width: 150px; position: relative; z-index: 1; left: auto; right: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .shop_vs_landing_page_which_is_better_5_card_margin { margin-top: 50px; } .shop_vs_landing_page_which_is_better_6 { padding-right: 0; } .shop_vs_landing_page_which_is_better_6 img { position: relative; top: auto; right: auto; width: 100px; margin: 1.5em auto 0; } } @media only screen and (max-width : 500px) { .shop_vs_landing_page_which_is_better_1 img { height: 240px; margin: 0 auto; } .block_which_one_do_you_use { display: inline; } .shop_vs_landing_page_which_is_better_12_clmn { width: 100%; } .shop_vs_landing_page_which_is_better_12_clmn img { width: 110%; margin: 0 -5%; } .shop_vs_landing_page_which_is_better_12_clmn_content { width: 100%; padding: 65px 40px; top: 0; left: 0; } .shop_vs_landing_page_which_is_better_card_cta_img { bottom: -24px; } .clmn_features_single_2_shop_vs_landing_page_which_is_better_7 .clmn_features_single_2_img { width: 50%; } } @media only screen and (max-width : 850px) { .block_which_is_better_si { display: inline; } } @media only screen and (max-width : 450px) { .block_which_is_better { display: inline; } .shop_vs_landing_page_which_is_better_9 img, .shop_vs_landing_page_which_is_better_card_2 { width: 100%; } .shop_vs_landing_page_which_is_better_card_1 { width: 100%; } .shop_vs_landing_page_which_is_better_12_clmn_content { padding: 55px 10px 0 20px; } .shop_vs_landing_page_which_is_better_12_clmn_si img { display: none; } .shop_vs_landing_page_which_is_better_12_clmn_si .shop_vs_landing_page_which_is_better_12_clmn_content { position: relative; top: auto; left: auto; } .shop_vs_landing_page_which_is_better_12_clmn_si, .shop_vs_landing_page_which_is_better_12_clmn_si:nth-of-type(2) { margin: 0 auto; } .shop_vs_landing_page_which_is_better_12_si { margin-top: 0; } } @media only screen and (max-width : 400px) { .shop_vs_landing_page_which_is_better_12_clmn_content { padding: 40px 20px 0 20px; } .shop_vs_landing_page_which_is_better_5 img { width: 100%; } .shop_vs_landing_page_which_is_better_12_clmn_content .list_bullet { font-size: 18px; } } /*-------------------------------------------------------------------------- #see-how-your-team-analyst-is-slowing-down-your-business.php */ .block_is_slowing_down { display: block; } .block_na_porocilo_o_rezultatih { display: block; } .block_zavira_vas_uspeh { display: block; } .img_see-how-your-team-analyst { margin: 50px auto 25px; } .img_see-how-your-team-analyst img { width: 100%; border-radius: 23px; } .clmn_see-how-your-team-analyst { padding: 0 45% 0 0; position: relative; margin: 55px auto 0; } .clmn_see-how-your-team-analyst img { width: 40%; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } @media only screen and (max-width : 1024px) { .clmn_see-how-your-team-analyst { width: 100%; } .clmn_see-how-your-team-analyst img { width: 360px; max-width: 480px; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin: 40px auto; } .clmn_see-how-your-team-analyst img + p { padding-top: 0; } .clmn_features_single_2 { min-height: auto; } .block_na_porocilo_o_rezultatih { display: inline; } } @media only screen and (max-width : 650px) { .block_is_slowing_down { display: inline; } } @media only screen and (max-width : 500px) { .clmn_see-how-your-team-analyst img { width: 90%; } } @media only screen and (max-width : 450px) { .block_zavira_vas_uspeh { display: inline; } } .clmn_features_single_2_blog_see_how_your_team_analyst { min-height: 253px; } .card_see_how_your_team_analyst { padding-left: 380px; margin: 50px auto 0; } .card_see_how_your_team_analyst_si { padding-left: 360px; margin: 125px auto 0; } .card_img_see_how_your_team_analyst { width: 320px; position: absolute; z-index: 1; left: 40px; bottom: 32px; } @media only screen and (max-width : 800px) { .card_see_how_your_team_analyst { padding-left: 40px; margin: 50px auto 0; text-align: center; } .card_img_see_how_your_team_analyst { width: 240px; position: relative; left: auto; bottom: auto; margin: 2em auto 0; } } .bg_circle_see_how_your_team_analyst { opacity: 0; } .bg_circle_see_how_your_team_analyst_1 { top: 50px; left: -100px; } .bg_circle_see_how_your_team_analyst_2 { top: -60px; right: -60px; } .bg_circle_see_how_your_team_analyst_3 { bottom: -24px; right: -72px; } .bg_circle_see_how_your_team_analyst_4 { bottom: -36px; left: -200px; z-index: -1; } @media only screen and (max-width : 768px) { .bg_circle_see_how_your_team_analyst_1 { top: 50px; left: -13px; } .bg_circle_see_how_your_team_analyst_2 { top: -42px; right: -42px; } .bg_circle_see_how_your_team_analyst_3 { bottom: -18px; right: 100px; } .bg_circle_see_how_your_team_analyst_4 { bottom: -48px; left: -200px; z-index: -1; } } .bg_circle_animated_parent .bg_circle_see_how_your_team_analyst_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.1s forwards; animation: bounceInDown 0.75s ease-in-out 0.1s forwards; } .bg_circle_animated_parent .bg_circle_see_how_your_team_analyst_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.2s forwards; } .bg_circle_animated_parent .bg_circle_see_how_your_team_analyst_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .bg_circle_animated_parent .bg_circle_see_how_your_team_analyst_4 { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } /*-------------------------------------------------------------------------- #real-talk-about-real-roas.php */ .block_the_hidden_reason_why { display: block; } .block_zaupate_podatkom_vasega_piksla { display: block; } .img_real_talk { padding-right: 240px; } .img_real_talk + img { position: absolute; top: -60px; right: 40px; width: 240px; } .clmn_real_talks_1 { padding-right: 360px; position: relative; } .clmn_real_talks_1_img { width: 360px; position: absolute; bottom: -75px; right: -40px; } .clmn_real_talks_1_img img { width: 100%; } .bg_circle_clmn_real_talks_1 { opacity: 0; z-index: -1; } .bg_circle_clmn_real_talks_1_1 { top: 75px; left: 0; } .bg_circle_clmn_real_talks_1_2 { bottom: 55px; left: 0; } .bg_circle_clmn_real_talks_1_3 { top: 30%; right: -50px; } .bg_circle_clmn_real_talks_1_4 { bottom: 75px; right: 0; } .bg_circle_animated_parent .bg_circle_clmn_real_talks_1 { -webkit-animation: zoomIn 0.75s ease-in-out forwards; animation: zoomIn 0.75s ease-in-out forwards; } .bg_circle_clmn_real_talks_3 { opacity: 0; z-index: -1; } .bg_circle_clmn_real_talks_3_1 { top: 0; left: 25px; } .bg_circle_clmn_real_talks_3_2 { top: 50px; right: -25px; } .bg_circle_clmn_real_talks_3_3 { bottom: 50px; right: 0; } .bg_circle_animated_parent .bg_circle_clmn_real_talks_3 { -webkit-animation: zoomIn 0.75s ease-in-out forwards; animation: zoomIn 0.75s ease-in-out forwards; } @media only screen and (max-width : 1360px) { .clmn_real_talks_1_img_si { width: 320px; } } @media only screen and (max-width : 1280px) { .clmn_real_talks_1_img { bottom: -55px; } } @media only screen and (max-width : 1024px) { .clmn_real_talks_1 { padding-right: 0; } .clmn_real_talks_1_img { width: 360px; position: relative; right: auto; margin: 0 auto; } } @media only screen and (max-width : 900px) { .clmn_real_talks_1_img { width: 240px; } .bg_circle_clmn_real_talks_1_2 { bottom: 55px; left: -35px; } } @media only screen and (max-width : 550px) { .clmn_real_talks_1_img { width: 240px; } } @media only screen and (max-width : 450px) { .clmn_real_talks_1_img { bottom: -45px; } } .clmn_real_talks_2 { position: relative; margin: 1.5em auto 0; } .clmn_real_talks_2_content { position: absolute; padding-left: 400px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clmn_real_talks_2_img { width: 320px; position: relative; } .clmn_real_talks_2_img img { width: 100%; } .bg_circle_clmn_real_talks_2 { position: absolute; z-index: -1; bottom: 50px; left: -35px; } .real_talks_num { position: relative; } .real_talks_num::before { content: ''; position: absolute; z-index: -1; top: -40px; left: -20px; color: #DFF3F5; font-size: 96px; font-weight: 700; } .real_talks_num_1::before { content: '1.'; } .real_talks_num_2::before { content: '2.'; } .clmn_real_talks_3 { padding: 0 400px 0 0; position: relative; margin: 50px auto; } .clmn_real_talks_3_img { width: 480px; position: absolute; top: 0; right: -80px; } .clmn_real_talks_3_img img { width: 100%; } .card_real_talks { padding-right: 380px; margin: 50px auto 0; } .card_img_real_talks { width: 320px; position: absolute; z-index: 1; right: 40px; bottom: 32px; } @media only screen and (max-width : 1024px) { .clmn_real_talks_3 { padding: 0; margin: 0 auto; } .clmn_real_talks_3_img { width: 480px; position: relative; top: auto; right: auto; margin: 50px auto 0; } } @media only screen and (max-width : 800px) { .clmn_real_talks_2 { margin-top: 0; } .img_real_talk { padding-right: 0; } .img_real_talk + img { position: relative; top: auto; right: auto; width: 240px; margin: 1.5em auto 0; } .clmn_real_talks_2_content { position: relative; padding-left: 0; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .clmn_real_talks_2_img { width: 240px; margin: 1.5em auto 0; } .clmn_real_talks_3_img { width: 300px; } .bg_circle_clmn_real_talks_3_1 { top: 0; left: -25px; } .bg_circle_clmn_real_talks_3_2 { top: 50px; right: -25px; } .bg_circle_clmn_real_talks_3_3 { bottom: 25px; right: 0; } .card_real_talks { padding-right: 40px; margin: 50px auto 0; text-align: center; } .card_img_real_talks { width: 240px; position: relative; right: auto; bottom: auto; margin: 2em auto 0; } } /*-------------------------------------------------------------------------- #how-to-set-your-target-roas-and-cpo-to-optimize-profits.php */ .blog_clmn_blob_wrap { width: 1300px; margin: 0 auto; position: relative; } .blog_clmn_blob { width: 50%; position: relative; } .blog_clmn_blob_right { margin: 0 0 0 50%; } .blog_clmn_blob img { width: 100%; } .blog_clmn_blob p { width: 70%; position: absolute; left: 17%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .blog_clmn_blob_img { position: absolute; width: 45%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .blog_clmn_blob_img_right { right: 0; } .blog_clmn_blob_img_left { left: 0; } .block_shouldnt_you_gain { display: block; } .block_kako_zastaviti_ciljni_roas { display: block; } .card_laptop_right { padding-right: 380px; } .card_img_laptop_right { width: 420px; position: absolute; z-index: 1; right: 20px; bottom: 40px; } .bg_circle_how_to_set { position: absolute; z-index: -1; } .bg_circle_how_to_set_1 { top: 50px; left: -100px; } .bg_circle_how_to_set_2 { top: -44px; right: -44px; } .bg_circle_how_to_set_3 { bottom: -75px; right: -100px; } @media only screen and (max-width : 1440px) { .bg_circle_how_to_set_3 { bottom: -55px; } } .bg_circle_how_to_set_1.bg_circle_animated_default, .bg_circle_how_to_set_2.bg_circle_animated_default, .bg_circle_how_to_set_3.bg_circle_animated_default { -webkit-animation: zoomIn 0.75s ease-in-out forwards; animation: zoomIn 0.75s ease-in-out forwards; } @media only screen and (max-width : 1440px) { .blog_clmn_blob_wrap { width: 90%; } } @media only screen and (max-width : 1100px) { .blog_clmn_blob_wrap { width: 650px; } .blog_clmn_blob { width: 100%; margin: 1.5em auto 0; } .blog_clmn_blob p { width: 80%; left: 10%; } .blog_clmn_blob_img { position: relative; margin: 0 auto; width: 80%; top: auto; right: auto; left: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (max-width : 950px) { .card_laptop_right { padding-right: 40px; } .card_img_laptop_right { width: 360px; position: relative; z-index: 1; right: auto; bottom: auto; margin: 1.5em auto 0; } } @media only screen and (max-width : 700px) { .blog_clmn_blob_wrap { width: 90%; } } @media only screen and (max-width : 550px) { .blog_clmn_blob img { width: 160%; margin: 0 -30%; } .blog_clmn_blob p { width: 100%; left: 0; } .blog_clmn_blob_img { width: 100%; } .card_img_laptop_right { width: 240px; } } @media only screen and (max-width : 450px) { .block_kako_zastaviti_ciljni_roas { display: inline; } } @media only screen and (max-width : 400px) { .blog_clmn_blob img { width: 180%; margin: 0 -40%; } .blog_clmn_blob_si img { width: 200%; margin: 0 -50%; } } /*-------------------------------------------------------------------------- #the-solution-for-ios-14-and-facebook-ads-is-here.php */ .clmn_solution_for_ios { padding-right: 480px; position: relative; } .clmn_solution_for_ios_img { width: 640px; position: absolute; bottom: -75px; right: -180px; } .card_narrow { width: 80%; margin: 2em auto 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .block_and_facebook_ads { display: block; } .card_monster_right { padding-right: 240px; } .card_img_monster_right { width: 220px; position: absolute; z-index: 1; right: 13px; bottom: 0; } .bg_circle_solution_for_ios { position: absolute; z-index: -1; } .bg_circle_solution_for_ios_1 { top: -48px; right: 10%; margin: 0 -60px 0 0; } .bg_circle_solution_for_ios_2 { bottom: -25px; left: 0; } .bg_circle_solution_for_ios_3 { bottom: -75px; right: 0; } @media only screen and (max-width : 1280px) { .clmn_solution_for_ios_img { width: 640px; position: absolute; bottom: -54px; } } @media only screen and (max-width : 1024px) { .clmn_solution_for_ios { padding-right: 0; } .clmn_solution_for_ios_img { width: 360px; position: relative; bottom: auto; right: auto; margin: 1.5em auto 0; } .section_solution_for_ios { padding-bottom: 0; } .card_narrow { width: 100%; } .bg_circle_solution_for_ios_1 { top: -48px; right: -60px; margin: 0; } .bg_circle_solution_for_ios_2 { bottom: -50px; left: -100px; } .bg_circle_solution_for_ios_3 { bottom: -50px; right: -100px; } } @media only screen and (max-width : 600px) { .block_and_facebook_ads { display: inline; } } @media only screen and (max-width : 550px) { /* .card_img_monster_right { bottom: auto; top: -226px; left: 50%; margin: 0 0 0 -110px; } .card_monster_right { margin-top: 266px; padding-right: 40px; text-align: center; } */ .card_img_monster_right { bottom: 0; left: 50%; margin: 0 0 0 -135px; } .card_monster_right { padding-bottom: 266px; padding-right: 40px; text-align: center; } .clmn_solution_for_ios_img { width: 240px; } } /*-------------------------------------------------------------------------- #index.php */ .block_that_will_blow { display: block; } .clmn_icon_match_wrap { width: 1300px; margin: 0 auto; padding: 55px 0; position: relative; z-index: 1; } .clmn_icon_match { width: 21.25%; margin: 0 0 3% 3%; width: 21.25%; margin: 0 5% 0 0; float: left; } .clmn_icon_match:nth-of-type(4) { margin: 0; } .card_icon_match { background-color: white; border-radius: 23px; padding: 32px 40px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); min-height: 270px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .clmn_icon_match img { width: 120px; margin: 0 auto; } .clmn_icon_match p { font-size: 20px; font-weight: 700; font-weight: 400; line-height: 1.3; padding-top: 1em; text-align: center; } .block_and_act_on { display: block; } @media only screen and (max-width : 1500px) { .clmn_icon_partnership_wrap { width: 860px; } .clmn_icon_benefits_default { width: 47.5%; margin: 0 5% 0 0; float: left; } .clmn_icon_benefits_default:nth-of-type(2n) { margin: 0; } .clmn_icon_benefits_default:nth-of-type(3), .clmn_icon_benefits_default:nth-of-type(4) { margin-top: 5%; } } @media only screen and (max-width : 1440px) { .clmn_icon_benefits_wrap, .clmn_icon_match_wrap { width: 90%; } } @media only screen and (max-width : 1280px) { .card_icon_match { padding: 32px 20px; } .clmn_icon_match, .clmn_icon_benefits { width: 22.75%; margin: 0 3% 0 0; } .clmn_icon_match:nth-of-type(4), .clmn_icon_benefits:nth-of-type(4) { margin: 0; } } @media only screen and (max-width : 1200px) { .card_icon_match { padding: 30px } .clmn_icon_benefits_wrap, .clmn_icon_match_wrap { width: 550px; } .clmn_icon_benefits, .clmn_icon_match { width: 45%; margin: 0 10% 0 0; float: left; } .clmn_icon_benefits:nth-of-type(2n), .clmn_icon_match:nth-of-type(2n) { margin: 0; } .clmn_icon_benefits:nth-of-type(3), .clmn_icon_benefits:nth-of-type(4), .clmn_icon_match:nth-of-type(3), .clmn_icon_match:nth-of-type(4) { margin-top: 10%; } /* .translateLeft_1 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .translateLeft_2 { -webkit-animation: translateLeft 0.75s ease-in-out 0.25s forwards; animation: translateLeft 0.75s ease-in-out 0.25s forwards; } .translateLeft_3 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .translateLeft_4 { -webkit-animation: translateLeft 0.75s ease-in-out 0.25s forwards; animation: translateLeft 0.75s ease-in-out 0.25s forwards; } */ .translateLeft_1, .translateLeft_2, .translateLeft_3, .translateLeft_4 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } } @media only screen and (max-width : 1024px) { .block_and_act_on { display: inline; } } @media only screen and (max-width : 960px) { .clmn_icon_partnership_wrap { width: 400px; } .clmn_icon_benefits_default { width: 100%; margin: 50px auto 0; float: none; } .clmn_icon_benefits_default:nth-of-type(2n) { margin: 50px auto 0; } .clmn_icon_benefits_default:nth-of-type(3), .clmn_icon_match:nth-of-type(4) { margin: 50px auto 0; } .clmn_icon_benefits_default:nth-of-type(1) { margin: 0 auto 0; } } @media only screen and (max-width : 720px) { .clmn_icon_benefits, .clmn_icon_match { width: 100%; margin: 50px auto 0; float: none; } .clmn_icon_benefits:nth-of-type(2n), .clmn_icon_match:nth-of-type(2n) { margin: 50px auto 0; } .clmn_icon_benefits:nth-of-type(3), .clmn_icon_benefits:nth-of-type(4), .clmn_icon_match:nth-of-type(3), .clmn_icon_match:nth-of-type(4) { margin: 50px auto 0; } .clmn_icon_benefits_wrap, .clmn_icon_match_wrap { width: 360px; margin: 0 auto; padding: 0 0 55px; } .card_icon_benefits, .card_icon_benefits_default, .card_icon_match { min-height: auto; } } @media only screen and (max-width : 500px) { .clmn_icon_match_wrap { width: 240px; } .clmn_icon_partnership_wrap { width: 300px; } } @media only screen and (max-width : 450px) { .clmn_icon_match_wrap { padding: 0 0 45px; } } .title_intro_home { font-size: 36px; line-height: 1.2; font-weight: 900; } /* .title_intro_home + p { padding-top: 1.25em; } */ /* .title_intro_home_bg {} */ .title_intro_homeblock { display: block; font-size: 50px; } .intro_home_txt { width: 50%; } .intro_home_img img { width: 100%; margin: -75px 0 0; } .intro_home_img { width: 50%; position: absolute; top: 0; right: 0; } @media only screen and (max-width : 1100px) { .intro_home_txt { width: 550px; margin: 0 auto; } .intro_home_img { width: 360px; margin: 0 auto; position: relative; top: auto; right: auto; } .intro_home_img img { margin: -65px 0 30px; } } @media only screen and (max-width : 900px) { .intro_home_img img { margin: -65px 0 50px; } } .bg_circle_home_img { opacity: 0; z-index: -1; } .bg_circle_home_img_1 { left: -36px; bottom: 30%; } .bg_circle_home_img_2 { left: 20px; top: -40px; } .bg_circle_home_img_3 { right: -36px; top: 20%; } .bg_circle_home_img_4 { right: -100px; bottom: 75px; } @media only screen and (max-width : 1100px) { .bg_circle_home_img { opacity: 0; z-index: -1; } .bg_circle_home_img_1 { left: -36px; bottom: 20%; } .bg_circle_home_img_2 { left: -40px; top: 40px; } .bg_circle_home_img_3 { right: -36px; top: 20%; } .bg_circle_home_img_4 { right: -100px; bottom: -35px; } } @media only screen and (max-width : 720px) { .intro_home_txt { width: 100%; margin: 0 auto; } } @media only screen and (max-width : 650px) { .btn_double { text-align: center; } .btn_double_intro a, .btn_double a { display: block; padding: 1em 0; margin: 0 auto; width: 55%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .btn_double a:nth-of-type(2), .btn_double_intro a:nth-of-type(2) { margin: 1.5em 0 0; margin: 1.5em auto 0; } } @media only screen and (max-width : 570px) { .title_intro_homeblock { font-size: 8.6vw; } .btn_double_intro a, .btn_double a { width: 75%; } } @media only screen and (max-width : 400px) { .intro_home_img { width: 75%; } .intro_home_img img { margin: -65px 0 36px; } .bg_circle_home_img_4 { right: -200px; bottom: -35px; } .btn_double a { width: 90%; } } .title_intro_home_animate_1, .title_intro_home_animate_2 { display: inline-block; opacity: 0; } /* .title_intro_home_animate_4 { display: table; opacity: 0; } */ .title_intro_home_animate_3 a { opacity: 0; } .title_intro_home_animate_4_1 { opacity: 0; } .title_intro_home_animate_1 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .title_intro_home_animate_2 { -webkit-animation: translateLeft 0.75s ease-in-out 0.15s forwards; animation: translateLeft 0.75s ease-in-out 0.15s forwards; } /* .title_intro_home_animate_3 { -webkit-animation: translateLeft 0.75s ease-in-out 0.3s forwards; animation: translateLeft 0.75s ease-in-out 0.3s forwards; } */ .title_intro_home_animate_3 a:nth-of-type(1) { -webkit-animation: translateLeft 0.75s ease-in-out 0.3s forwards; animation: translateLeft 0.75s ease-in-out 0.3s forwards; } .title_intro_home_animate_3 a:nth-of-type(2) { -webkit-animation: translateLeft 0.75s ease-in-out 0.45s forwards; animation: translateLeft 0.75s ease-in-out 0.45s forwards; } /* .title_intro_home_animate_4 { -webkit-animation: rubberBand 0.75s ease-in-out 0.8s forwards; animation: rubberBand 0.75s ease-in-out 0.8s forwards; } .title_intro_home_animate_5 { -webkit-animation: translateLeft 0.75s ease-in-out 0.8s forwards; animation: translateLeft 0.75s ease-in-out 0.8s forwards; } .title_intro_home_animate_6 { -webkit-animation: translateLeft 0.75s ease-in-out 0.95s forwards; animation: translateLeft 0.75s ease-in-out 0.95s forwards; } .title_intro_home_animate_7 a:nth-of-type(1) { -webkit-animation: translateLeft 0.75s ease-in-out 1.1s forwards; animation: translateLeft 0.75s ease-in-out 1.1s forwards; } .title_intro_home_animate_7 a:nth-of-type(2) { -webkit-animation: translateLeft 0.75s ease-in-out 1.25s forwards; animation: translateLeft 0.75s ease-in-out 1.25s forwards; } */ .title_intro_home_animate_4_1 { /* -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: flipInY 1.15s ease-in-out 0.5s forwards; animation: flipInY 1.15s ease-in-out 0.5s forwards; */ -webkit-animation: zoomIn 0.75s ease-in-out 0.15s forwards; animation: zoomIn 0.75s ease-in-out 0.15s forwards; } .title_intro_home_animate_5_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.2s forwards; animation: bounceInDown 0.75s ease-in-out 1.2s forwards; } .title_intro_home_animate_6_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.3s forwards; animation: bounceInDown 0.75s ease-in-out 1.3s forwards; } .title_intro_home_animate_7_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.4s forwards; animation: bounceInDown 0.75s ease-in-out 1.4s forwards; } .title_intro_home_animate_8_1 { -webkit-animation: zoomIn 0.75s ease-in-out 1.5s forwards; animation: zoomIn 0.75s ease-in-out 1.5s forwards; } .video_intro_wrap { position: absolute; margin: 0; width: 42%; top: 0; right: 0; } .video_intro_wrap_dashboard { position: absolute; margin: 0; width: 38%; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .video_intro_wrap_home { position: absolute; margin: 0; width: 35%; top: -55px; right: 7.5%; } .video_intro_wrap_home_img { width: 100%; } @media only screen and (max-width : 1100px) { .video_intro_wrap_home { position: relative; width: 40%; top: auto; right: auto; margin: 0 auto 40px; } } @media only screen and (max-width : 900px) { .video_intro_wrap_home { position: relative; width: 60%; } } @media only screen and (max-width : 768px) { .video_intro_wrap_features { position: relative; width: 60%; top: auto; right: auto; margin: 0 auto 60px; } .video_intro_wrap_dashboard { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (max-width : 600px) { .video_intro_wrap_features { position: relative; width: 90%; } .video_intro_wrap_home { position: relative; width: 90%; } } .video_intro_img_wrap { position: relative; width: 100%; } .video_intro_img_wrap a { position: relative; color: #61BEC4; text-decoration: none; display: block; } .intro_typed { background-color: #9E045A; color: #ffffff; font-weight: 700; margin: 0 auto 55px; /* slika */ margin: 0 auto 100px; /* video */ padding: 0.5em 0; text-align: center; position: relative; } @media only screen and (max-width : 1100px) { .intro_typed { margin: 0 auto 55px; } } @media only screen and (max-width : 400px) { .intro_typed .font_larger { font-size: 18px; font-weight: 400; word-spacing: -1px; } } @media only screen and (max-width : 340px) { .intro_typed .font_larger { font-size: 16px; font-weight: 400; word-spacing: -1px; } } .phone_wrap { position: relative; margin: 75px auto 0; width: 1160px; } /* .phone_wrap_clmn img { width: 100%; margin: -16px auto 0; } */ .phone_wrap_img { width: 300px; position: absolute; z-index: -1; left: 50%; /* margin: 0 0 0 -150px; */ top: -25px; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .phone_wrap_img img { width: 100%; } .phone_wrap_clmn:nth-of-type(1) { width: 405px; float: left; } .phone_wrap_clmn:nth-of-type(2) { width: 405px; float: right; } .btn_reveal { text-align: center; width: 255px; padding: 0 0 0 1.5em; padding: 0; margin: 0 0 0 150px; } .btn_reveal span { border-radius: 50px; min-width: 292px; min-width: 255px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; color: #ffffff; font-weight: 700; background-color: #9E045A; display: inline-block; padding: 1em 2em; line-height: 1; } .btn_reveal_wrap_right .btn_reveal { margin: 0 0 0 0; } .btn_reveal span:hover { background-color: #BB006A; cursor: pointer; } .btn_reveal_open span { background-color: #61BEC4; } .btn_reveal_open span:hover { background-color: #6ACFD5; } /* .btn_reveal_wrap { position: absolute; z-index: 1; padding: 0; } .btn_reveal_wrap_1 { top: 0; left: 7%; } .btn_reveal_wrap_2 { top: 20%; left: 0; } .btn_reveal_wrap_3 { top: 40%; left: -7%; } .btn_reveal_wrap_4 { top: 60%; left: -14%; } .btn_reveal_wrap_5 { top: 80%; left: -21%; } .btn_reveal_wrap_6 { top: 0; right: -19%; } .btn_reveal_wrap_7 { top: 20%; right: -12%; } .btn_reveal_wrap_8 { top: 40%; right: -5%; } .btn_reveal_wrap_9 { top: 60%; right: 2%; } .btn_reveal_wrap_10 { top: 80%; right: 9%; } */ .btn_reveal_wrap { margin: 40px auto 0; } .btn_reveal_wrap:nth-of-type(1) { margin-top: 0; } .btn_reveal_content { position: relative; font-size: 18px; line-height: 1.25; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: none; padding: 0 1em 0 0; margin: 0.75em 0 0 0; text-align: right; } .btn_reveal_wrap_right .btn_reveal_content { padding: 0 0 0 1em; text-align: left; } /* .btn_reveal_content_show { display: block !important; } */ .btn_reveal_content::after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 4px; background-color: #61BEC4; right: 0; left: auto; } .btn_reveal_wrap_right { text-align: right; } .btn_reveal_wrap_left, .btn_reveal_wrap_right { opacity: 0; } .btn_reveal_wrap_right .btn_reveal_content { right: auto; left: 0; } .btn_reveal_wrap_right .btn_reveal_content::after { right: auto; left: 0; } @media only screen and (max-width : 1280px) { .phone_wrap { width: 100%; } .phone_wrap_clmn:nth-of-type(1), .phone_wrap_clmn:nth-of-type(2) { width: 35%; } .btn_reveal { margin: 0; width: auto; text-align: right; } .btn_reveal span { text-align: center; } .phone_wrap_img { width: 25%; } .btn_reveal_wrap_right .btn_reveal { text-align: left; } .btn_reveal_wrap:nth-of-type(1) { margin-top: 0; } } @media only screen and (max-width : 900px) { .phone_wrap { width: 660px; } .phone_wrap_clmn:nth-of-type(1), .phone_wrap_clmn:nth-of-type(2) { float: none; width: 255px; margin: 0 0 0 405px; } .phone_wrap_clmn:nth-of-type(2) { margin: 20px 0 0 405px; } .phone_wrap_img { width: 25%; } .btn_reveal_wrap_right .btn_reveal { text-align: right; } .btn_reveal_wrap { margin: 20px auto 0; } .btn_reveal span { border-radius: 50px; padding: 0.75em 2em; line-height: 1; } .btn_reveal_content { text-align: left; padding: 0 0 0 1em; } .btn_reveal_content::after { right: auto; left: 0; } .phone_wrap_img { width: 405px; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (max-width : 820px) { .phone_wrap { width: 100%; } .phone_wrap { margin: 36px auto 0; } .phone_wrap_clmn:nth-of-type(1), .phone_wrap_clmn:nth-of-type(2) { float: none; width: 255px; margin: 0 auto; } .phone_wrap_clmn:nth-of-type(2) { margin: 20px auto 0; } .phone_wrap_img { width: 255px; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin: 0 auto 1em; } } .tabs_vertical_content_animated img, .tabs_vertical_content_animated .list_bullet, .tabs_vertical_content_animated p span { opacity: 0; } .tabs_vertical_content_animated .list_bullet { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .tabs_vertical_content_animated img { -webkit-animation: flipInY 0.75s ease-in-out 0.3s forwards; animation: flipInY 0.75s ease-in-out 0.3s forwards; } .tabs_vertical_content_animated p span { /* -webkit-animation: rubberBand 0.75s ease-in-out 0.55s forwards; animation: rubberBand 0.75s ease-in-out 0.55s forwards; */ -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .highlight { text-align: center; padding: 0; width: 100%; position: absolute; z-index: 1; top: -39px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .highlight_inner { background-color: #F9DB6D; border-radius: 15px; display: inline-block; padding: 24px 32px; } .highlight_bull { padding: 0 0.5em; } @media only screen and (max-width : 650px) { .highlight_block { display: block; line-height: 1.8; } .highlight_bull { display: none; } } /*-------------------------------------------------------------------------- #nav_content [superpowers @ homepage] */ .nav_content_wrapper { width: 1300px; margin: 50px auto 0; position: relative; z-index: 1; } .nav_content { width: 100%; overflow: hidden; background-color: #DFF3F5; padding: 0; list-style-type: none; text-align: center; } .nav_content li { margin: 0 2em; text-align: center; padding: 0; display: inline-block; } .nav_content li a { padding: 0; padding: 1.5em 0; color: #56B2B8; font-weight: 700; letter-spacing: 0; word-spacing: -1px; text-decoration: none; display: inline-block; position: relative; } .nav_content li a:hover, .nav_content .nav_content_selected:link, .nav_content .nav_content_selected:visited { color: #9E045A; } .nav_content .nav_content_selected:link::after, .nav_content .nav_content_selected:visited::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background-color: #9E045A; } .nav_content .icon { display: none; } .nav_content li:nth-of-type(1) { display: none; } .tab_clmn { position: relative; margin: 150px 0 0; padding: 0 55% 0 0; } .tab_clmn:nth-of-type(1) { margin-top: 75px; } .tab_clmn_alt { padding: 0 0 0 55%; } .tab_clmn_img { position: absolute; width: 50%; top: 50%; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .tab_clmn_img_alt { right: auto; left: 0; } @media only screen and (max-width : 1440px) { .nav_content_wrapper { width: 90%; } .nav_content li { margin: 0 1em; } } @media screen and (max-width: 1366px) { .tab_clmn { position: relative; margin: 65px 0 0; padding: 0 45% 0 0; } .tab_clmn_alt { padding: 0 0 0 45%; } .tab_clmn_img { width: 40%; } } @media screen and (max-width: 1280px) { .tab_clmn:nth-of-type(1) { margin-top: 55px; } } @media screen and (max-width: 1200px) { .nav_content li:first-child { white-space: nowrap; } .nav_content li:not(:first-child) { display: none; } .nav_content li a { padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .nav_content a.icon { /*float: right;*/ display: block; position: absolute; top: 0; right: 0; z-index: 1; color: #ffffff; width: 60px; height: 60px; line-height: 60px; text-align: center; } .nav_content li { text-align: left; padding: 0; } .nav_content.responsive { position: relative; position: absolute; z-index: 2; } .nav_content.responsive .icon { position: absolute; right: 0; top: 0; } .nav_content.responsive li { float: none; display: block; } .subnav { height: 50px; margin: 1.5em 0 -25px; } .nav_content li:nth-of-type(1) { font-weight: 700; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .nav_content li:nth-of-type(1) a { background-color: #61BEC4; color: #ffffff; } .nav_content li { text-align: left; background-color: #ffffff; line-height: 60px; margin: 0; width: 100%; } .nav_content { box-shadow: 0 3px 6px rgba(0,0,0,0.1); } .nav_content li a { padding: 0 1em; display: block; } .nav_content .nav_content_selected:link::after, .nav_content .nav_content_selected:visited::after { display: none; } .nav_content .nav_content_selected:link, .nav_content .nav_content_selected:visited { background-color: #DFF3F5; color: #61BEC4; } .nav_content li a span:hover { border-bottom: none; } .nav_content li a:hover { background-color: #DFF3F5; color: #61BEC4; } .nav_content li:nth-of-type(1) a:hover { background-color: #61BEC4; color: #ffffff; } /* .nav_content a span:hover, .nav_content .subnavselect a span { border-bottom: none; } .nav_content a:hover, .nav_content .subnavselect a { background-color: #414042; color: #ffffff; } .nav_content_wrapper_company .nav_content a:hover, .nav_content_wrapper_company .nav_content .subnavselect a { background-color: #E9B020; color: #ffffff; } .nav_content a.icon:hover { background-color: #BB006A; } .nav_content_wrapper_company .nav_content a.icon:hover { background-color: #E9B020; } .section_subnav_padding_top { padding: 100px 0 75px; } */ .nav_content_wrapper { width: 550px; } .tab_clmn { width: 100%; float: none; margin: 40px 0 0; padding: 0; } .tab_clmn_img { display: block; position: relative; width: 100%; width: 550px; /* 2022-01-19 */ margin: 1.5em auto 0; top: auto; left: auto; right: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (max-width: 720px) { .nav_content_wrapper { width: 90%; } .tab_clmn .tab_clmn_img { max-width: 550px; } } @media screen and (max-width: 650px) { .tab_clmn_img { width: 90%; } } /*-------------------------------------------------------------------------- #nav_content [superpowers @ homepage] [update] */ .tab_clmn_img_inner { perspective: 1000px; } .tab_clmn_img_inner_perspective_1 { perspective: 1000px; position: relative; z-index: 2; } .tab_clmn_img_inner_perspective_2 { perspective: 1000px; position: relative; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; } .tab_clmn_img_inner img { width: 100%; height: auto; image-rendering: -webkit-optimize-contrast; position: relative; z-index: 1; } .tab_clmn_img_inner_perspective_2 img { opacity: 0; } .tab_clmn_img_inner img { -webkit-transform: none; transform: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } @-webkit-keyframes superpowers_winners { 0% { -webkit-transform: rotateZ(0) rotateY(0); } 75% { box-shadow: 15px 15px 50px rgba(0,0,0,0.25); } 100% { -webkit-transform: rotateZ(5deg) rotateY(-30deg); box-shadow: 15px 15px 50px rgba(0,0,0,0.25); } } @-webkit-keyframes superpowers_product { 0% { -webkit-transform: rotateZ(0) rotateY(0); } 75% { box-shadow: 15px 15px 50px rgba(0,0,0,0.25); } 100% { -webkit-transform: rotateZ(-5deg) rotateY(30deg); box-shadow: 15px 15px 50px rgba(0,0,0,0.25); } } @-webkit-keyframes superpowers_advertiser { 0% { -webkit-transform: rotateX(0); z-index: 1; } 75% { box-shadow: 15px 15px 50px rgba(0,0,0,0.25); } 100% { -webkit-transform: rotateX(25deg); box-shadow: 15px 15px 50px rgba(0,0,0,0.25); z-index: 1; } } @keyframes superpowers_winners { 0% { transform: rotateZ(0) rotateY(0); } 75% { box-shadow: 15px 15px 50px rgba(0,0,0,0.25); } 100% { transform: rotateZ(5deg) rotateY(-30deg); box-shadow: 15px 15px 50px rgba(0,0,0,0.25); } } @keyframes superpowers_product { 0% { transform: rotateZ(0) rotateY(0); } 75% { box-shadow: 15px 15px 50px rgba(0,0,0,0.25); } 100% { transform: rotateZ(-5deg) rotateY(30deg); box-shadow: 15px 15px 50px rgba(0,0,0,0.25); } } @keyframes superpowers_advertiser { 0% { transform: rotateX(0); z-index: 1; } 75% { box-shadow: 15px 15px 50px rgba(0,0,0,0.25); } 100% { transform: rotateX(25deg); box-shadow: 15px 15px 50px rgba(0,0,0,0.25); z-index: 1; } } .tab_clmn_img_inner a { background-color: #9E005A; background-color: rgba(158, 0, 90, 0.80); color: #ffffff; font-weight: 700; line-height: 1.35; text-decoration: none; text-align: center; width: 160px; height: 160px; border-radius: 50%; position: absolute; z-index: 2; opacity: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .tab_clmn_img_inner a:hover { background-color: #BB006A; } .tab_clmn_img_inner a span { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .tab_clmn_img_inner_winners a { bottom: -120px; right: -80px; } .tab_clmn_img_inner_product a { bottom: -40px; right: -20px; } .tab_clmn_img_inner_advertiser a { bottom: -60px; right: -80px; } .bg_circle_superpowers_winners { z-index: -1; transform: rotateZ(5deg) rotateY(-30deg); opacity: 0; } .bg_circle_superpowers_winners_1 { top: -75px; left: 200px; } .bg_circle_superpowers_winners_2 { top: -55px; right: 50px; } .bg_circle_superpowers_winners_3 { bottom: -15px; left: -50px; } .tab_clmn_img_inner_winners.animatedDefault .tab_clmn_img_inner_perspective_1 img { -webkit-animation: superpowers_winners 1.2s ease-in-out forwards; animation: superpowers_winners 1.2s ease-in-out forwards; } .tab_clmn_img_inner_winners.animatedDefault .bg_circle_superpowers_winners_3 { -webkit-animation: zoomIn 0.75s ease-in-out 0.1s forwards; animation: zoomIn 0.75s ease-in-out 0.1s forwards; } .tab_clmn_img_inner_winners.animatedDefault .bg_circle_superpowers_winners_1 { -webkit-animation: zoomIn 0.75s ease-in-out 0.2s forwards; animation: zoomIn 0.75s ease-in-out 0.2s forwards; } .tab_clmn_img_inner_winners.animatedDefault .bg_circle_superpowers_winners_2 { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } .tab_clmn_img_inner_winners.animatedDefault a { -webkit-animation: zoomIn 0.75s ease-in-out 0.4s forwards; animation: zoomIn 0.75s ease-in-out 0.4s forwards; } .bg_circle_superpowers_product { z-index: -1; transform: rotateZ(-5deg) rotateY(30deg); opacity: 0; } .bg_circle_superpowers_product_1 { bottom: -125px; left: 200px; } .bg_circle_superpowers_product_2 { bottom: -25px; left: -100px; } .bg_circle_superpowers_product_3 { top: -50px; right: -50px; } .tab_clmn_img_inner_product.animatedDefault .tab_clmn_img_inner_perspective_1 img { -webkit-animation: superpowers_product 1.2s ease-in-out forwards; animation: superpowers_product 1.2s ease-in-out forwards; } .tab_clmn_img_inner_product.animatedDefault .bg_circle_superpowers_product_3 { -webkit-animation: zoomIn 0.75s ease-in-out 0.1s forwards; animation: zoomIn 0.75s ease-in-out 0.1s forwards; } .tab_clmn_img_inner_product.animatedDefault .bg_circle_superpowers_product_1 { -webkit-animation: zoomIn 0.75s ease-in-out 0.2s forwards; animation: zoomIn 0.75s ease-in-out 0.2s forwards; } .tab_clmn_img_inner_product.animatedDefault .bg_circle_superpowers_product_2 { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } .tab_clmn_img_inner_product.animatedDefault a { -webkit-animation: zoomIn 0.75s ease-in-out 0.4s forwards; animation: zoomIn 0.75s ease-in-out 0.4s forwards; } .bg_circle_superpowers_advertiser { z-index: -1; transform: rotateX(25deg); opacity: 0; } .bg_circle_superpowers_advertiser_1 { top: -15px; left: 100px; } .bg_circle_superpowers_advertiser_2 { top: 0; right: 100px; } .bg_circle_superpowers_advertiser_3 { bottom: -55px; left: -150px; } .tab_clmn_img_inner_advertiser.animatedDefault .tab_clmn_img_inner_perspective_1 img { -webkit-animation: superpowers_advertiser 1.2s ease-in-out forwards; animation: superpowers_advertiser 1.2s ease-in-out forwards; } .tab_clmn_img_inner_advertiser.animatedDefault .bg_circle_superpowers_advertiser_3 { -webkit-animation: zoomIn 0.75s ease-in-out 0.1s forwards; animation: zoomIn 0.75s ease-in-out 0.1s forwards; } .tab_clmn_img_inner_advertiser.animatedDefault .bg_circle_superpowers_advertiser_1 { -webkit-animation: zoomIn 0.75s ease-in-out 0.2s forwards; animation: zoomIn 0.75s ease-in-out 0.2s forwards; } .tab_clmn_img_inner_advertiser.animatedDefault .bg_circle_superpowers_advertiser_2 { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } .tab_clmn_img_inner_advertiser.animatedDefault a { -webkit-animation: zoomIn 0.75s ease-in-out 0.4s forwards; animation: zoomIn 0.75s ease-in-out 0.4s forwards; } @media screen and (max-width: 1500px) { .tab_clmn_img_inner_winners a { bottom: -120px; right: -20px; } .tab_clmn_img_inner_advertiser a { bottom: -60px; right: -20px; } } @media screen and (max-width: 1200px) { .tab_clmn_img_inner { margin: 50px auto; } .bg_circle_superpowers_winners_1 { top: 90px; left: auto; right: -125px; } .bg_circle_superpowers_winners_2 { top: -35px; right: 50px; } .bg_circle_superpowers_product_1 { bottom: -55px; left: 225px; } .bg_circle_superpowers_product_2 { bottom: 25px; left: -100px; } } @media screen and (max-width: 650px) { .tab_clmn_img_inner a { font-size: 16px; width: 130px; height: 130px; } .tab_clmn_img_inner_winners a { bottom: -60px; right: -20px; } } @media screen and (max-width: 550px) { .bg_circle_superpowers_winners_3 { bottom: -25px; left: -150px; } .bg_circle_superpowers_product_3 { top: -50px; right: -150px; } .bg_circle_superpowers_advertiser_3 { bottom: -55px; left: -200px; } } /*-------------------------------------------------------------------------- #features-tv-mode.php */ .clmn_features_single_2_tv_mode_1 { min-height: 366px; } .clmn_features_single_2_tv_mode_2 { min-height: 478px; } .clmn_features_single_2_tv_mode_3 { min-height: 462px; } /*-------------------------------------------------------------------------- #features-advertiser-success.php */ .clmn_features_single_2_advertiser_success_1 { min-height: 364px; } .clmn_features_single_2_advertiser_success_2 { min-height: 239px; } .clmn_features_single_2_advertiser_success_3 { min-height: 343px; } .clmn_features_single_2_advertiser_success_4 { min-height: 357px; } .clmn_features_single_2_advertiser_success_5 { min-height: 293px; } /*-------------------------------------------------------------------------- #features-roles.php */ .clmn_features_single_2_user_permissions_1 { min-height: 414px; } .clmn_features_single_2_user_permissions_2 { min-height: 211px; } .clmn_features_single_2_user_permissions_3 { min-height: 369px; } .bg_circle_user_permissions_2_1 { top: -48px; right: -25px; z-index: -1; } .bg_circle_user_permissions_2_2 { bottom: -44px; left: -44px; z-index: -1; } @media only screen and (max-width : 768px) { .bg_circle_user_permissions_2_2 { bottom: -28px; left: -28px; z-index: -1; } } /*-------------------------------------------------------------------------- #features-facebook-dashboard.php */ .clmn_features_single_2_facebook_dashboard_1 { min-height: 466px; } .clmn_features_single_2_facebook_dashboard_2 { min-height: 273px; } .clmn_features_single_2_facebook_dashboard_3 { min-height: 245px; } .clmn_features_single_2_facebook_dashboard_4 { min-height: 466px; } .clmn_features_single_2_facebook_dashboard_5 { min-height: 400px; } .bg_circle_facebook_dashboard_3_1 { bottom: -48px; left: -25px; z-index: -1; } .bg_circle_facebook_dashboard_3_2 { top: -44px; right: -44px; z-index: -1; } @media only screen and (max-width : 768px) { .bg_circle_facebook_dashboard_3_2 { top: -28px; right: -28px; z-index: -1; } } @media only screen and (max-width : 450px) { .facebook_dashboard_typed { min-height: 60px; display: block; } } /*-------------------------------------------------------------------------- #features-google-dashboard.php */ .clmn_features_single_2_google_dashboard_1 { min-height: 376px; } .clmn_features_single_2_google_dashboard_2 { min-height: 252px; } .clmn_features_single_2_google_dashboard_3 { min-height: 327px; } .clmn_features_single_2_google_dashboard_4 { min-height: 273px; } .bg_circle_google_dashboard_1_1 { top: -44px; left: -44px; z-index: -1; } .bg_circle_google_dashboard_1_2 { bottom: 10%; right: -52px; } .bg_circle_google_dashboard_2_1 { bottom: -44px; left: -44px; z-index: -1; } .bg_circle_google_dashboard_2_2 { top: -13px; left: 10%; } .bg_circle_google_dashboard_2_3 { top: -48px; right: -25px; z-index: -1; } @media only screen and (max-width : 768px) { .bg_circle_google_dashboard_1_1 { top: -28px; left: -28px; } .bg_circle_google_dashboard_1_2 { bottom: 10%; right: -32px; } .bg_circle_google_dashboard_2_1 { bottom: -28px; left: -28px; } .bg_circle_google_dashboard_2_2 { top: -8px; left: 10%; } } @media only screen and (max-width : 600px) { .google_dashboard_typed { min-height: 60px; display: block; } } /*-------------------------------------------------------------------------- #features-full-overview.php */ .block_time_to_access { display: block; } @media only screen and (max-width : 768px) { .block_time_to_access { display: inline; } } .bg_circle_full_overview { position: absolute; opacity: 0; } .bg_circle_full_overview_1 { bottom: -119px; left: -44px; } .bg_circle_full_overview_2 { bottom: -109px; left: 35%; } .bg_circle_full_overview_3 { top: -44px; left: -12px; z-index: -1; } .bg_circle_full_overview_4 { top: -55px; right: 20%; z-index: -1; } .bg_circle_full_overview_5 { top: 155px; right: -50px; z-index: -1; } .bg_circle_full_overview_6 { bottom: -75px; right: -75px; z-index: -1; } @media only screen and (max-width : 1024px) { .bg_circle_full_overview_5 { top: 50%; right: -15px; } .bg_circle_full_overview_6 { bottom: -60px; right: -60px; } } @media only screen and (max-width : 768px) { .bg_circle_full_overview_1 { bottom: -74px; right: -50px; left: auto; } .bg_circle_full_overview_2 { display: none; } .bg_circle_full_overview_3 { top: -24px; left: 0; } } .animate_full_overview_1 { -webkit-animation: translateUp 0.75s ease-in-out forwards; animation: translateUp 0.75s ease-in-out forwards; } .animate_full_overview_2 { -webkit-animation: translateUp 0.75s ease-in-out 0.2s forwards; animation: translateUp 0.75s ease-in-out 0.2s forwards; } .animate_full_overview_3 { -webkit-animation: translateUp 0.75s ease-in-out 0.4s forwards; animation: translateUp 0.75s ease-in-out 0.4s forwards; } .animate_full_overview_4 { -webkit-animation: zoomIn 0.75s ease-in-out forwards; animation: zoomIn 0.75s ease-in-out forwards; } .animate_full_overview_5 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.2s forwards; } .animate_full_overview_6 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .animate_full_overview_7 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .animate_full_overview_8 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .animate_full_overview_9 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.6s forwards; animation: bounceInDown 0.75s ease-in-out 0.6s forwards; } .animate_full_overview_10 { -webkit-animation: zoomIn 0.75s ease-in-out 0.6s forwards; animation: zoomIn 0.75s ease-in-out 0.6s forwards; } .clmn_features_single_2_full_overview_1 { min-height: 302px; } .clmn_features_single_2_full_overview_2 { min-height: 206px; min-height: 292px; } .clmn_features_single_2_full_overview_3 { min-height: 400px; } .clmn_features_single_2_full_overview_4 { min-height: 291px; } .clmn_features_single_2_full_overview_5 { min-height: 244px; } .clmn_features_single_2_full_overview_1_alt { min-height: 449px; } .clmn_features_single_2_full_overview_2_alt { min-height: 435px; } .clmn_features_single_2_full_overview_3_alt { min-height: 590px; } .clmn_features_single_2_full_overview_3_alt { min-height: 396px; } .clmn_features_single_2_full_overview_4_alt { min-height: 447px; } .clmn_features_single_2_full_overview_4_alt { min-height: 299px; } .clmn_features_single_2_full_overview_4_alt_1 { min-height: 2009px; } .clmn_features_single_2_full_overview_5_alt { min-height: 363px; } .clmn_features_single_2_full_overview_5_alt { min-height: 303px; } .clmn_features_single_2_full_overview_2_alt_alt img { image-rendering: -webkit-optimize-contrast; } .testing_1 { position: absolute; z-index: 2; top: 52px; right: 492px; padding: 0; font-size: 10px; } .testing_2 { position: absolute; z-index: 2; top: 86px; right: 470px; padding: 0; font-size: 6px; } /* .clmn_features_single_2_full_overview_3_alt { min-height: 300px; } .clmn_features_single_2_full_overview_4_alt { min-height: 350px; } .clmn_features_single_2_full_overview_3_alt_1 { min-height: 400px; } .clmn_features_single_2_full_overview_4_alt_1 { min-height: 291px; } */ /*-------------------------------------------------------------------------- #features-real-roas-cpo.php */ .block_you_base_your { display: block; } .clmn_features_single_2_real_roas_cpo_1 { min-height: 404px; } .clmn_features_single_2_real_roas_cpo_2 { min-height: 326px; } .clmn_features_single_2_real_roas_cpo_3 { min-height: 355px; } .clmn_features_single_2_real_roas_cpo_4 { min-height: 380px; } .clmn_features_single_2_real_roas_cpo_5 { min-height: 351px; } /*-------------------------------------------------------------------------- #features-winners-losers.php */ .video_inner { position: relative; padding-top: 0; height: 0; padding-bottom: 114.25%; } .video_inner_features_square { padding-top: 25px; padding-bottom: 56.25%; border-radius: 23px; box-shadow: 0 0 50px rgba(0,0,0,0.1); } .video_inner_shopify_winners_losers { padding-bottom: 56.25%; } .video_inner_shopify_winners_losers { padding-bottom: 79%; } .video_inner_shopify_product_pack { padding-bottom: 45.75%; } .video_inner_shopify_product_pack { padding-bottom: 79%; } .video_inner_shopify_product_overview { position: relative; padding-bottom: 56.25%; background: #ffffff url('img/shopify-product-overview.jpg') top left no-repeat; background: #ffffff url('img/shopify-product-overview.png') top left no-repeat; background-size: 100% auto; -webkit-animation: shopify_bg_transition 7s ease-in-out infinite; animation: shopify_bg_transition 7s ease-in-out infinite; -webkit-animation: shopify_bg_transition 40s ease-in-out infinite; animation: shopify_bg_transition 40s ease-in-out infinite; } @-webkit-keyframes shopify_bg_transition { 0% { background-position: top left; } 50% { background-position: bottom left; } 100% { background-position: top left; } } @keyframes shopify_bg_transition { 0% { background-position: top left; } 50% { background-position: bottom left; } 100% { background-position: top left; } } .video_inner video, .video_inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video_inner_border_radius video, .video_inner_border_radius iframe { border-radius: 23px; } .video_outer { width: 100%; margin: 0 auto 0; } .video_controls_hidden video::-webkit-media-controls-panel { display: none !important; opacity: 1 !important; } @media only screen and (max-width : 768px) { .video_inner_features_square { padding-bottom: 50%; } } @media only screen and (max-width : 450px) { .video_inner_features_square { padding-bottom: 49%; } } .clmn_features_single_2_winners_losers_1 { min-height: 342px; } .clmn_features_single_2_winners_losers_2 { min-height: 338px; } .clmn_features_single_2_winners_losers_3 { min-height: 342px; } .clmn_features_single_2_winners_losers_4 { min-height: 375px; } .bg_circle_winners_losers_2 { opacity: 0; } .bg_circle_winners_losers_2_1 { top: 50%; left: -3.5%; z-index: 1;} .bg_circle_winners_losers_2_2 { top: -2.5%; left: -2.5%; z-index: -1; } .bg_circle_winners_losers_2_3 { top: -1.5%; right: -0.5%; z-index: -1; } .bg_circle_winners_losers_2_4 { top: 55%; right: -7%; z-index: -1; } .bg_circle_winners_losers_2_5 { bottom: -15px; right: -55px; z-index: -1; } .bg_circle_animated_parent .bg_circle_winners_losers_2_1 { -webkit-animation: bounceInDown 0.75s ease-in-out forwards; animation: bounceInDown 0.75s ease-in-out forwards; } .bg_circle_animated_parent .bg_circle_winners_losers_2_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.1s forwards; animation: bounceInDown 0.75s ease-in-out 0.1s forwards; } .bg_circle_animated_parent .bg_circle_winners_losers_2_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.2s forwards; } .bg_circle_animated_parent .bg_circle_winners_losers_2_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .bg_circle_animated_parent .bg_circle_winners_losers_2_5 { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } .paragraph_line { margin-top: 1.5em; padding: 0 0 0 0.75em; border-left: 4px solid #ffffff; } .paragraph_line_outer { margin-top: 1.5em; padding-top: 0; position: relative; } .paragraph_line_outer::before { content: ''; position: absolute; top: 0; left: -1.25em; width: 5px; height: 100%; border-radius: 5px; } .paragraph_line_outer_2::before { background-color: #9E045A; } .margin_top_features_intro { margin-top: 100px; } .animate_features_single_intro_1 { -webkit-animation: translateUp 0.75s ease-in-out forwards; animation: translateUp 0.75s ease-in-out forwards; } .animate_features_single_intro_2 { -webkit-animation: translateUp 0.75s ease-in-out 0.2s forwards; animation: translateUp 0.75s ease-in-out 0.2s forwards; } .animate_features_single_intro_3 { -webkit-animation: translateUp 0.75s ease-in-out 0.4s forwards; animation: translateUp 0.75s ease-in-out 0.4s forwards; } .animate_features_single_intro_4 { -webkit-animation: translateUp 0.75s ease-in-out 0.6s forwards; animation: translateUp 0.75s ease-in-out 0.6s forwards; } .animate_features_single_intro_5 { -webkit-animation: translateUp 0.75s ease-in-out 0.8s forwards; animation: translateUp 0.75s ease-in-out 0.8s forwards; } .intro_img_features img, .intro_img_features_slide_outer, .video_intro_wrap_home_img, .video_features { opacity: 0; -webkit-animation: zoomIn 0.75s ease-in-out 0.4s forwards; animation: zoomIn 0.75s ease-in-out 0.4s forwards; } .video_play_features { opacity: 0; -webkit-animation: fadeIn 0.75s ease-in-out 0.8s forwards; animation: fadeIn 0.75s ease-in-out 0.8s forwards; } .intro_img_features::after { opacity: 0; -webkit-animation: zoomIn 0.75s ease-in-out 0.6s forwards; animation: zoomIn 0.75s ease-in-out 0.6s forwards; } .bg_circle_features_single_intro_0 { -webkit-animation: translateDots 0.75s ease-in-out 0.8s forwards; animation: translateDots 0.75s ease-in-out 0.8s forwards; } .bg_circle_features_single_intro_animated.bg_circle_features_single_intro_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 1s forwards; animation: bounceInDown 0.75s ease-in-out 1s forwards; } .bg_circle_features_single_intro_animated.bg_circle_features_single_intro_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.1s forwards; animation: bounceInDown 0.75s ease-in-out 1.1s forwards; } .bg_circle_features_single_intro_animated.bg_circle_features_single_intro_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.2s forwards; animation: bounceInDown 0.75s ease-in-out 1.2s forwards; } .bg_circle_features_single_intro_animated.bg_circle_features_single_intro_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.3s forwards; animation: bounceInDown 0.75s ease-in-out 1.3s forwards; } .bg_circle_features_single_intro_animated.bg_circle_features_single_intro_5 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.4s forwards; animation: bounceInDown 0.75s ease-in-out 1.4s forwards; } /* .bg_circle_features_single_intro_animated.bg_circle_features_single_intro { opacity: 0; } */ .bg_circle_features_single_intro { opacity: 0; } .bg_circle_features_single_intro_1 { bottom: -60px; left: 12%; } .bg_circle_features_single_intro_2 { bottom: -60px; left: 28%; } .bg_circle_features_single_intro_3 { bottom: -180px; left: 32%; } .bg_circle_features_single_intro_4 { bottom: -120px; left: 48%; } .bg_circle_features_single_intro_5 { top: 27%; right: 14%; } @media only screen and (max-width : 1800px) { .bg_circle_features_single_intro_5 { top: 25%; right: 12%; } } @media only screen and (max-width : 1700px) { .bg_circle_features_single_intro_5 { top: 25%; right: 10%; } } @media only screen and (max-width : 1600px) { .bg_circle_features_single_intro_5 { top: 25%; right: 8%; } } @media only screen and (max-width : 1500px) { .bg_circle_features_single_intro_5 { top: 25%; right: 6%; } } @media only screen and (max-width : 1400px) { .bg_circle_features_single_intro_5 { top: 25%; right: 4%; } } @media only screen and (max-width : 1300px) { .bg_circle_features_single_intro_5 { top: 25%; right: 2%; } } @media only screen and (max-width : 768px) { .margin_top_features_intro { margin-top: 50px; } .bg_circle_features_single_intro_5 { top: 105px; right: auto; left: 20%; } .bg_circle_features_single_intro_1 { bottom: -40px; left: 5%; } .bg_circle_features_single_intro_3 { bottom: -140px; left: 52%; } .bg_circle_features_single_intro_4 { bottom: -120px; left: 90%; } } @media only screen and (max-width : 650px) { .bg_circle_features_single_intro_3 { bottom: -100px; left: 52%; } .bg_circle_features_single_intro_4 { bottom: -90px; left: 90%; } } .bg_circle_job { opacity: 0; } .bg_circle_job_1 { top: -100%; right: 0; } .bg_circle_job_2 { top: -20%; left: 20%; } .bg_circle_job_3 { top: 50%; left: -40%; } .bg_circle_job_4 { top: -60px; right: -60px; } .bg_circle_job_5 { bottom: -42px; left: 10%; } .bg_circle_job_6 { bottom: -38%; left: 50%; } .bg_circle_job_7 { bottom: -80%; right: 0; margin: 0 -13px 0 0; } .bg_circle_job_8 { bottom: -40%; right: 0; margin: 0 -20px 0 0; } .card_sticky_unsticky .bg_circle_job_1 { display: none; } .card_sticky_unsticky .bg_circle_job_2 { top: -36px; left: 50%; } .card_sticky_unsticky .bg_circle_job_5 { bottom: -36px; left: -36px; } .card_sticky_unsticky .bg_circle_job_6 { bottom: -36px; left: 60%; } .card_sticky_unsticky .bg_circle_job_7 { bottom: -25%; right: -36px; } .card_sticky_unsticky .bg_circle_job_8 { bottom: 40%; right: -128px; margin: 0 0 0 0; } @media only screen and (max-width : 768px) { .card_sticky_unsticky .bg_circle_job_5 { bottom: -24px; left: -24px; } .card_sticky_unsticky .bg_circle_job_4 { top: -48px; right: -48px; } } .bg_circle_job_animated .bg_circle_job_1 { -webkit-animation: bounceInDown 0.75s ease-in-out forwards; animation: bounceInDown 0.75s ease-in-out forwards; } .bg_circle_job_animated .bg_circle_job_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.1s forwards; animation: bounceInDown 0.75s ease-in-out 0.1s forwards; } .bg_circle_job_animated .bg_circle_job_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.2s forwards; } .bg_circle_job_animated .bg_circle_job_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .bg_circle_job_animated .bg_circle_job_5 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .bg_circle_job_animated .bg_circle_job_6 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .bg_circle_job_animated .bg_circle_job_7 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.6s forwards; animation: bounceInDown 0.75s ease-in-out 0.6s forwards; } .bg_circle_job_animated .bg_circle_job_8 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.7s forwards; animation: bounceInDown 0.75s ease-in-out 0.7s forwards; } .bg_circle_features_single_monster { opacity: 0; } .bg_circle_features_single_monster_0 { bottom: 0; right: -175px; z-index: -1; } .bg_circle_features_single_monster_1 { bottom: 10%; left: 5%; } .bg_circle_features_single_monster_2 { top: 30%; left: -10%; } .bg_circle_features_single_monster_3 { top: -40px; left: 5%; } .bg_circle_features_single_monster_3 { top: -80px; left: -20px; } .bg_circle_features_single_monster_4 { top: -40px; right: 15%; } @media only screen and (max-width : 768px) { .bg_circle_features_single_monster_3 { top: -40px; left: 0; } } @media only screen and (max-width : 500px) { .bg_circle_features_single_monster_3 { top: -50px; left: -10px; } } .bg_circle_features_single_monster_0_alt { bottom: 0; right: auto; left: -175px; z-index: -1; } .bg_circle_features_single_monster_1_alt { bottom: 10%; left: auto; right: 0; } .clmn_features_single_1_img_animated img:nth-of-type(1) { -webkit-animation: zoomIn 0.75s ease-in-out forwards; animation: zoomIn 0.75s ease-in-out forwards; } .clmn_features_single_1_img_animated img:nth-of-type(2) { -webkit-animation: zoomIn 0.75s ease-in-out 0.15s forwards; animation: zoomIn 0.75s ease-in-out 0.15s forwards; } .clmn_features_single_1_img_animated .bg_circle_features_single_monster_0 { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } .clmn_features_single_1_img_animated .bg_circle_features_single_monster_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .clmn_features_single_1_img_animated .bg_circle_features_single_monster_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .clmn_features_single_1_img_animated .bg_circle_features_single_monster_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.6s forwards; animation: bounceInDown 0.75s ease-in-out 0.6s forwards; } .clmn_features_single_1_img_animated .bg_circle_features_single_monster_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.7s forwards; animation: bounceInDown 0.75s ease-in-out 0.7s forwards; } .intro_video_features { width: 40%; top: 0; right: 0; position: absolute; z-index: 1; } .intro_img_features, .intro_img_features_default { width: 40%; top: 0; right: 0; position: absolute; } .intro_img_features_vertical_center { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .intro_img_features_txt { width: 50%; position: relative; } .intro_img_features_txt p:nth-of-type(1) { text-transform: lowercase; } .intro_img_features_txt_default p:nth-of-type(1) { text-transform: none; } .intro_img_features_txt .no_text_transform:nth-of-type(1) { text-transform: none; } .intro_img_features img { width: 100%; } .intro_img_features::after { content: ''; position: absolute; z-index: 4; top: 30px; left: 30px; width: 98%; height: 98%; border-radius: 28px; } .intro_img_features_1::after { border: 3px solid #61BEC4; } .intro_img_features_2::after { border: 3px solid #9E045A; } .img_features { border-radius: 28px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); } @media only screen and (max-width : 1100px) { .intro_img_features_txt_dropshipping { width: 100%; } .intro_img_features_dropshipping { top: auto; right: auto; position: relative; margin: 0 auto 60px; width: 360px; } } @media only screen and (max-width : 768px) { .intro_img_features_txt { width: 100%; } .intro_img_features, .intro_img_features_default { top: auto; right: auto; position: relative; margin: 0 auto 60px; width: 60%; } .intro_img_features_vertical_center { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (max-width : 600px) { .intro_img_features, .intro_img_features_default { margin: 0 auto 60px; width: 90%; } .intro_img_features_mobile_margin_default { margin: 0 auto 2em; } .intro_img_features::after { top: 20px; left: 20px; } } .intro_img_features_slide { width: 100%; padding-top: 100%; border-radius: 23px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); } .intro_img_features_slide_product_pack { background: #ffffff url('img/slide-features-product-pack.png') top left no-repeat; background-size: 100% auto; background-position: top left; -webkit-transition: background-position 3s ease-in-out; transition: background-position 3s ease-in-out; } .intro_img_features_advertiser_success { background: url('img/slide-features-advertiser-success.png') top left no-repeat; background-size: 100% auto; background-position: top left; -webkit-transition: background-position 3s ease-in-out; transition: background-position 3s ease-in-out; } .intro_img_features_hover:focus { outline: none !important; } .intro_img_features_hover:hover .intro_img_features_slide_product_pack { background-position: bottom left; -webkit-transition: background-position 10s ease-in-out; transition: background-position 10s ease-in-out; } .intro_img_features_hover:hover .intro_img_features_advertiser_success { background-position: bottom left; -webkit-transition: background-position 6s ease-in-out; transition: background-position 6s ease-in-out; } .video_play_features { position: absolute; z-index: 1; top: 50%; left: 50%; width: 96px; height: 96px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .video_play_features .video_play span { opacity: 1; -webkit-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; } .intro_img_features_hover:hover .video_play_features .video_play span { opacity: 0; } @media only screen and (max-width : 768px) { .intro_img_features_hover:focus .intro_img_features_slide { background-position: bottom left; -webkit-transition: background-position 10s ease-in-out; transition: background-position 10s ease-in-out; } .intro_img_features_hover:focus .video_play_features .video_play span { opacity: 0; } } /* @keyframes features_hover { from { background-position: top left; } to { background-position: bottom left; } } @-webkit-keyframes features_hover { from { background-position: top left; } to { background-position: bottom left; } } */ /* .intro_img_features img { opacity: 0; } .intro_img_features img:nth-of-type(1) { width: 100%; margin: 0 0 -150px; position: relative; z-index: 1; } .intro_img_features img:nth-of-type(2) { width: 65%; position: absolute; z-index: 3; bottom: -50px; right: -100px; } .intro_img_features::before { content: ''; position: absolute; z-index: 2; top: -20px; left: 20px; width: 100%; height: 100%; border: 3px solid #61BEC4; border-radius: 50%; opacity: 0; -webkit-animation: zoomIn 0.75s ease-in-out 0.4s forwards; animation: zoomIn 0.75s ease-in-out 0.4s forwards; } */ .clmn_icon_features { float: left; width: 45%; margin: 50px 10% 0 0; } .clmn_icon_features:nth-of-type(2n) { margin-right: 0; } .clmn_icon_features img { width: 100px; margin: 0 0 1em 0; } .wrap_clmn_icon_features { width: 1200px; margin: 0 auto; } @media only screen and (max-width : 1366px) { .wrap_clmn_icon_features { width: 90%; } } @media only screen and (max-width : 1024px) { .clmn_icon_features { float: none; width: 650px; margin: 50px auto 0; } .clmn_icon_features:nth-of-type(2n) { margin: 50px auto 0; } } @media only screen and (max-width : 820px) { .clmn_icon_features { float: none; width: 100%; } } .toggle_btn { color: #ffffff; font-size: 24px; height: 50px; width: 50px; line-height: 50px; border: 3px solid #ffffff; border-radius: 50%; margin: 32px 0 0 0; padding: 0; position: relative; z-index: 1; text-align: center; transition: transform 0.55s, background-color 0.55s; } .toggle_btn_1 { background-color: #61BEC4; } .toggle_btn_2 { background-color: #9E045A; } .toggle_btn_3 { background-color: #0B4F6C; } .toggle_btn::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; } .toggle_btn::after { -webkit-animation: btn-pulse 2s infinite; animation: btn-pulse 2s infinite; } .toggle_btn_2::after { -webkit-animation: btn-pulse-2 2s infinite; animation: btn-pulse-2 2s infinite; } .toggle_btn_3::after { -webkit-animation: btn-pulse-3 2s infinite; animation: btn-pulse-3 2s infinite; } .toggle_btn_open { -webkit-transform: translate(40px, 0); transform: translate(40px, 0); } .toggle_btn_open.toggle_btn_1 { background-color: #0B4F6C; } .toggle_btn_open.toggle_btn_2 { background-color: #61BEC4; } .toggle_btn_open.toggle_btn_3 { background-color: #61BEC4; } .toggle_btn_open::after { display: none; } .toggle_btn:hover { cursor: pointer; } .toggle_btn_1:hover { background-color: #6ACFD5; } .toggle_btn_2:hover { background-color: #BB006A; } .toggle_btn_3:hover { background-color: #0E6286; } .toggle_btn_open.toggle_btn_1:hover { background-color: #61BEC4; } .toggle_btn_open.toggle_btn_2:hover { background-color: #9E045A; } .toggle_btn_open.toggle_btn_3:hover { background-color: #0B4F6C; } .toggle_content { margin: -28px 0 0; } @-webkit-keyframes btn-pulse { 0% { -webkit-transform: scale(1); box-shadow: inset 0 0 1px 2px rgba(97, 190, 196, 0.4); } 50% { box-shadow: inset 0 0 1px 2px rgba(97, 190, 196, 0.4); } 100% { -webkit-transform: scale(1.4); box-shadow: inset 0 0 1px 2px rgba(97, 190, 196, 0); } } @keyframes btn-pulse { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); box-shadow: inset 0 0 1px 2px rgba(97, 190, 196, 0.4); } 50% { box-shadow: inset 0 0 1px 2px rgba(97, 190, 196, 0.4); } 100% { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); box-shadow: inset 0 0 1px 2px rgba(97, 190, 196, 0); } } @-webkit-keyframes btn-pulse-2 { 0% { -webkit-transform: scale(1); box-shadow: inset 0 0 1px 2px rgba(158, 4, 90, 0.4); } 50% { box-shadow: inset 0 0 1px 2px rgba(158, 4, 90, 0.4); } 100% { -webkit-transform: scale(1.4); box-shadow: inset 0 0 1px 2px rgba(158, 4, 90, 0); } } @keyframes btn-pulse-2 { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); box-shadow: inset 0 0 1px 2px rgba(158, 4, 90, 0.4); } 50% { box-shadow: inset 0 0 1px 2px rgba(158, 4, 90, 0.4); } 100% { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); box-shadow: inset 0 0 1px 2px rgba(158, 4, 90, 0); } } @-webkit-keyframes btn-pulse-3 { 0% { -webkit-transform: scale(1); box-shadow: inset 0 0 1px 2px rgba(11, 79, 108, 0.4); } 50% { box-shadow: inset 0 0 1px 2px rgba(11, 79, 108, 0.4); } 100% { -webkit-transform: scale(1.4); box-shadow: inset 0 0 1px 2px rgba(11, 79, 108, 0); } } @keyframes btn-pulse-3 { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); box-shadow: inset 0 0 1px 2px rgba(11, 79, 108, 0.4); } 50% { box-shadow: inset 0 0 1px 2px rgba(11, 79, 108, 0.4); } 100% { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); box-shadow: inset 0 0 1px 2px rgba(11, 79, 108, 0); } } /* .clmn_features_single_1 { float: left; width: 45%; margin: 40px 10% 0 0; } .clmn_features_single_1:nth-of-type(2n) { margin-right: 0; } */ .clmn_features_single_1_content { width: 50%; width: 60%; min-height: 258px; min-height: 215px; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clmn_features_single_1_img { position: relative; width: 45%; margin: 0 0 0 60%; position: relative; width: 30%; margin: 0 0 0 70%; } .clmn_features_single_1_img img { width: 100%; opacity: 0; } .clmn_features_single_1_img img:nth-of-type(1) { position: absolute; z-index: 1; top: 0; left: 0; } .clmn_features_single_1_img_alt { position: relative; width: 30%; margin: 0 70% 0 0; } .clmn_features_single_1_content_alt { left: auto; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clmn_features_single_1 { position: relative; margin: 100px auto 0; min-height: 457px; /* height: 515px; */ min-height: 344px; /* display: table; width: 100%; */ } .clmn_features_single_1_margin_features_intro { margin-top: 150px; } @media only screen and (max-width : 1024px) { .clmn_features_single_1_content { width: 50%; width: 650px; min-height: 215px; min-height: auto; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin: 50px auto 0; } .clmn_features_single_1_img { position: relative; width: 360px; margin: 0 auto; } } @media only screen and (max-width : 820px) { .clmn_features_single_1_content { width: 100%; } } @media only screen and (max-width : 768px) { .features_typed_wrap { min-height: 124px; } .clmn_features_single_1_margin_features_intro { margin-top: 100px; } } @media only screen and (max-width : 500px) { .clmn_features_single_1_img { width: 240px; } .features_typed_wrap { min-height: 94px; } .features_typed_wrap .card { padding: 17px 23px; border-radius: 17px; } .features_typed_wrap .card .font_larger { font-size: 18px; } } /* .clmn_features_single_1 img { width: 45%; } */ #typed-strings { display: none; } /* .clmn_features_single_2 { position: relative; min-height: 457px; } .clmn_features_single_2_content { width: 55%; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clmn_features_single_2_img { position: relative; width: 40%; } .clmn_features_single_2_alt .clmn_features_single_2_img { margin-left: 60%; } .clmn_features_single_2_alt .clmn_features_single_2_content { right: auto; left: 0; } */ /*.clmn_features_single_2 { position: relative; min-height: 457px; }*/ .clmn_features_single_2_content { width: 55%; margin-left: 45%; } .clmn_features_single_2_img { position: relative; width: 40%; max-width: 480px; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clmn_features_single_2_img img { width: 100%; } .clmn_features_single_2_img, .clmn_features_single_2_img img { image-rendering: -webkit-optimize-contrast; } .clmn_features_single_2_alt .clmn_features_single_2_img { left: auto; right: 0; } .clmn_features_single_2_alt .clmn_features_single_2_content { margin-left: 0; } .clmn_features_single_2_default { position: relative; margin: 75px auto; display: table; width: 100%; } .clmn_features_single_2_default_margin_larger { margin: 112.5px auto; } .clmn_features_single_2_default_margin_large { margin: 150px auto; } .clmn_features_single_2_default_margin_top_default { margin-top: 75px; } .clmn_features_single_2_default_margin_bottom_default { margin-bottom: 75px; } @media only screen and (max-width : 1280px) { .clmn_features_single_2_default_margin_large { margin: 110px auto; } .clmn_features_single_2_default_margin_top_default { margin-top: 75px; } .clmn_features_single_2_default_margin_bottom_default { margin-bottom: 75px; } } @media only screen and (max-width : 1024px) { .clmn_features_single_2_default_margin_top_default { margin-top: 55px; } .clmn_features_single_2_default_margin_bottom_default { margin-bottom: 55px; } } .clmn_features_single_2_content_even { width: 47.5%; margin-left: 52.5%; } .clmn_features_single_2_img_even { width: 47.5%; max-width: 47.5%; } .clmn_features_single_2_content_alt { width: 40%; margin-left: 60%; } .clmn_features_single_2_img_alt { width: 55%; max-width: 55%; } .clmn_features_single_2_img_shopify_real_roas img:nth-of-type(2) { position: absolute; top: 0; left: 0; -webkit-animation: shopify_loop_opacity 5s ease-in-out 1s infinite; animation: shopify_loop_opacity 5s ease-in-out 1s infinite; } @-webkit-keyframes shopify_loop_opacity { 0% { opacity: 0; } 5% { opacity: 1; } 50% { opacity: 1; } 55% { opacity: 0; } 100% { opacity: 0; } } @keyframes shopify_loop_opacity { 0% { opacity: 0; } 5% { opacity: 1; } 50% { opacity: 1; } 55% { opacity: 0; } 100% { opacity: 0; } } .clmn_features_single_2_cs_product_pack_1_1 { min-height: 156px; } .clmn_features_single_2_cs_product_pack_1_2 { min-height: 328px; } .clmn_features_single_2_cs_product_pack_1_3 { min-height: 242px; } .clmn_features_single_2_cs_product_pack_1_4 { min-height: 480px; } .clmn_features_single_2_cs_winners_losers_1_1 { min-height: 220px; } .clmn_features_single_2_cs_winners_losers_1_2 { min-height: 334px; } .clmn_features_single_2_cs_winners_losers_1_3 { min-height: 230px; } .clmn_features_single_2_cs_advertiser_success_1_1 { min-height: 312px; } .clmn_features_single_2_cs_advertiser_success_1_2 { min-height: 210px; } .clmn_features_single_2_cs_real_roas_cpo_1_1 { min-height: 290px; } .clmn_features_single_2_cs_ad_lab_1_1 { min-height: 373px; } .clmn_features_single_2_cs_ad_lab_1_2 { min-height: 432px; } .clmn_features_single_2_cs_google_dashboard_1_1 { min-height: 318px; } .clmn_features_single_2_cs_google_dashboard_1_2 { min-height: 359px; } .clmn_features_single_2_cs_google_dashboard_1_3 { min-height: 285px; } .clmn_features_single_2_cs_google_dashboard_1_3 { min-height: 303px; } .clmn_features_single_2_cs_full_overview_1_1 { min-height: 284px; } .clmn_features_single_2_cs_full_overview_1_2 { min-height: 304px; } .clmn_features_single_2 { position: relative; margin: 50px auto 0; margin: 0 auto 0; min-height: 480px; display: table; width: 100%; } .clmn_features_single_2_auto_height { position: relative; margin: 50px auto 0; min-height: 400px; display: table; width: 100%; } @media only screen and (max-width : 1100px) { .clmn_features_single_2 { min-height: 400px; } } @media only screen and (max-width : 1024px) { .clmn_features_single_2 { width: 650px; } .clmn_features_single_2_default { width: 650px; margin: 55px auto; } .clmn_features_single_2_auto_height { width: 650px; } .clmn_features_single_2_content { width: 100%; margin: 0; } .clmn_features_single_2_blog_see_how_your_team_analyst_si { margin-bottom: 0; } .clmn_features_single_2_img { width: 360px; max-width: 480px; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); margin: 50px auto; } .clmn_features_single_2 { min-height: auto; } .clmn_features_single_2_content_even, .clmn_features_single_2_img_even { width: 100%; max-width: 100%; margin: 50px 0 0; } } @media only screen and (max-width : 820px) { .clmn_features_single_2 { width: 100%; } .clmn_features_single_2_default { width: 100%; } .clmn_features_single_2_auto_height { width: 100%; } .clmn_features_single_2_content_even, .clmn_features_single_2_img_even { width: 100%; max-width: 650px; } } @media only screen and (max-width : 500px) { .clmn_features_single_2_img { width: 90%; } } .absolute { display: table-cell; vertical-align: middle; } .call_to_action_wrap_features_single { position: relative; width: 660px; margin: 0 auto; } .call_to_action_wrap_features_single .btn { padding: 0; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .slick_helping_features { width: 640px; margin: 64px auto 0; } @media only screen and (max-width : 820px) { .slick_helping_features { width: 100%; } .call_to_action_wrap_features_single { width: 100%; } } @media only screen and (max-width : 740px) { .call_to_action_wrap_features_single .btn { padding: 1.5em 0 0; position: relative; right: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .call_to_action_wrap_features_single { text-align: center; } } .slide_helping_features_img { position: relative; width: 360px; margin: 1.5em auto 0; } .slide_helping_features_img img { width: 135px; border-radius: 50%; } .helping_features_item_1 { position: relative; } .helping_features_item_1::before { content: '\201C'; position: absolute; top: -32px; font-size: 128px; color: #9E045A; width: 100%; opacity: 0; width: 48px; height: 48px; line-height: 48px; left: 50%; margin: 0 0 0 -24px; } .translateUp .helping_features_item_1::before { -webkit-animation: bounceInDown 0.85s linear forwards; animation: bounceInDown 0.85s linear forwards; } .helping_features_item_3 { position: absolute; left: 160px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .helping_features_item_3 p { padding-top: 0; line-height: 1.35; } .slide_helping_features_img::after { content: ''; position: absolute; z-index: 4; top: -12px; left: -2px; width: 135px; height: 135px; border: 2px solid #9E045A; border-radius: 50%; opacity: 0; } .slide_helping_features_img_animated::after { -webkit-animation: translateUp 0.75s ease-in-out 0.2s forwards; animation: translateUp 0.75s ease-in-out 0.2s forwards; } @media only screen and (max-width : 420px) { .slide_helping_features_img { width: 100%; width: 280px; } .slide_helping_features_mobile:nth-of-type(1) { display: none; } .slide_helping_features_mobile:nth-of-type(2) { display: block; } .slide_helping_features_img img { width: 100px; } .slide_helping_features_img::after { top: -10px; left: -2px; width: 100px; height: 100px; } .helping_features_item_3 { left: 120px; } } /*-------------------------------------------------------------------------- #our-users.php */ /* .clmn_icon_users_wrap { width: 1300px; margin: 0 auto; padding: 55px 0 0; position: relative; z-index: 1; } */ .clmn_icon_users { width: 21.25%; margin: 0 0 3% 3%; width: 21.25%; margin: 60px 5% 0 0; float: left; min-height: 152px; } /* .clmn_icon_users:nth-of-type(1), .clmn_icon_users:nth-of-type(2), .clmn_icon_users:nth-of-type(3) { margin-top: 0; } */ .clmn_icon_users:nth-of-type(4n) { margin-right: 0; } .clmn_icon_users img { width: 120px; margin: 0 auto; } .clmn_icon_users p { /* color: #0B4F6C; font-size: 24px; font-weight: 900; line-height: 1.3; */ text-align: center; padding: 0.5em 0 0; } /* .slide_our_monsters { float: left; } .slide_our_monsters:nth-of-type(1) { width: 40%; } .slide_our_monsters:nth-of-type(2) { width: 60%; } */ .slick_our_monsters { min-height: 559px; position: relative; } .slide_our_monsters { position: relative; padding: 50px 3px; } .slide_our_monsters_content { width: 55%; position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .slide_our_monsters_content::before { content: '\201C'; position: absolute; top: -96px; top: -100px; left: -5px; font-size: 96px; font-size: 128px; color: #9E045A; width: 100%; opacity: 0; } .slide_our_monsters_img { position: relative; width: 40%; opacity: 0; } .slide_our_monsters_img img { width: 100%; border-radius: 50%; } .slide_our_monsters_content p + p { padding-top: 0.75em; } .slide_our_monsters_img::after { content: ''; position: absolute; z-index: 4; top: -30px; left: -3px; width: 100%; height: 100%; border: 3px solid #9E045A; border-radius: 50%; opacity: 0; } @media only screen and (max-width : 1366px) { .slick_our_monsters { width: 90%; } } @media only screen and (max-width : 1200px) { .slick_our_monsters { width: 90%; padding: 0 75px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; min-height: auto; } .slick_our_monsters .slick-prev { left: 0; } .slick_our_monsters .slick-next { right: 0; } .slick_our_monsters .slick-dots { bottom: 15px; left: 0; } .slide_our_monsters_img { position: relative; width: 240px; opacity: 0; margin: 0 auto 75px; } .slide_our_monsters_content { width: 100%; position: relative; right: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); text-align: center; } } @media only screen and (max-width : 900px) { .slick_our_monsters { width: 100%; } } @media only screen and (max-width : 570px) { .slick_our_monsters { width: 100%; padding: 0; } .slick_our_monsters .slick-prev { left: 0; top: 320px; } .slick_our_monsters .slick-next { right: 0; top: 320px; } } .our_monsters_item_1_animated::after { /* -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: flipInY 1s ease-in-out 0.4s forwards; animation: flipInY 1s ease-in-out 0.4s forwards; */ -webkit-animation: fadeInLeft 0.55s ease-in-out 0.4s forwards; animation: fadeInLeft 0.55s ease-in-out 0.4s forwards; } .our_monsters_item_1, .our_monsters_item_2, .our_monsters_item_3 { opacity: 0; } .our_monsters_item_1_animated { /* -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation: flipInY 1s ease-in-out 0.3s forwards; animation: flipInY 1s ease-in-out 0.3s forwards; */ -webkit-animation: fadeInLeft 0.55s ease-in-out 0.3s forwards; animation: fadeInLeft 0.55s ease-in-out 0.3s forwards; } .our_monsters_item_2_animated { -webkit-animation: fadeInRight 0.55s ease-in-out 0.1s forwards; animation: fadeInRight 0.55s ease-in-out 0.1s forwards; } .our_monsters_item_3_animated { -webkit-animation: fadeInRight 0.55s ease-in-out forwards; animation: fadeInRight 0.55s ease-in-out forwards; } .our_monsters_item_4_animated::before { -webkit-animation: fadeInRight 0.55s ease-in-out 0.2s forwards; animation: fadeInRight 0.55s ease-in-out 0.2s forwards; } /*-------------------------------------------------------------------------- #about.php */ .intro_img_round { width: 40%; position: relative; } .intro_img_round_txt { width: 53%; margin: 0 0 0 47%; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .intro_img_round img { opacity: 0; } .intro_img_round img:nth-of-type(1) { width: 100%; margin: 0 0 -150px; position: relative; z-index: 1; } .intro_img_round img:nth-of-type(2) { width: 65%; position: absolute; z-index: 3; bottom: -50px; right: -100px; } .title_intro_wrap_about_us { min-height: 370px; } .intro_img_round::before { content: ''; position: absolute; z-index: 2; top: -20px; left: 20px; width: 100%; height: 100%; border: 3px solid #61BEC4; border-radius: 50%; opacity: 0; -webkit-animation: zoomIn 0.75s ease-in-out 0.4s forwards; animation: zoomIn 0.75s ease-in-out 0.4s forwards; } .intro_img_round_color_white::before { border: 3px solid #ffffff; } .intro_img_round::after { content: ''; position: absolute; z-index: 4; bottom: -70px; right: -120px; width: 65%; height: 65%; border: 3px solid #9E045A; border-radius: 50%; opacity: 0; -webkit-animation: zoomIn 0.75s ease-in-out 0.4s forwards; animation: zoomIn 0.75s ease-in-out 0.4s forwards; } @media only screen and (max-width : 1440px) { .intro_img_round { width: 35%; margin: 0 0 0 5%; } } @media only screen and (max-width : 1280px) { .title_intro_wrap_about_us { min-height: 250px; } .intro_img_round { width: 30%; margin: 0 0 0 7%; } } @media only screen and (max-width : 1024px) { .intro_img_round { width: 30%; margin: 0 0 0 2.5%; } .intro_img_round_txt { width: 60%; margin: 0 0 0 40%; } .title_intro_wrap_about_us { min-height: 200px; } .intro_img_round img:nth-of-type(1) { margin: 0 0 -100px; } .intro_img_round::before { top: -10px; left: 10px; } .intro_img_round::after { bottom: -60px; right: -110px; } } @media only screen and (max-width : 900px) { .title_intro_wrap_about_us { min-height: auto; } .intro_img_round { width: 300px; margin: 0 auto 50px; } .intro_img_round_txt { width: 500px; margin: 0 auto; position: relative; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .intro_img_round img:nth-of-type(1) { width: 100%; margin: 0; } .intro_img_round img:nth-of-type(2) { width: 65%; position: absolute; z-index: 3; bottom: -25px; right: -100px; } .intro_img_round::after { bottom: -35px; right: -110px; } } @media only screen and (max-width : 900px) { .intro_img_round { margin: 0 0 50px; } } @media only screen and (max-width : 600px) { .intro_img_round_txt { width: 100%; } .intro_img_round { width: 250px; margin: 0 0 50px 50px; } } @media only screen and (max-width : 550px) { .intro_img_round { width: 225px; margin: 0 0 50px 50px; } } @media only screen and (max-width : 500px) { .intro_img_round img:nth-of-type(2) { width: 50%; bottom: -25px; right: -50px; } .intro_img_round::after { width: 50%; height: 50%; bottom: -35px; right: -60px; } } @media only screen and (max-width : 475px) { .intro_img_round { width: 225px; margin: 0 0 50px 25px; } } @media only screen and (max-width : 450px) { /* .intro_img_round { width: 250px; margin: 0 auto 2em; } */ .intro_img_round img:nth-of-type(2) { width: 50%; bottom: -15px; right: -10px; } .intro_img_round::after { width: 50%; height: 50%; bottom: -25px; right: -20px; } } @media only screen and (max-width : 350px) { .intro_img_round { width: 240px; margin: 0 auto 2em; } } .clmn_our_story { position: relative; padding: 0 45% 0 0; } .clmn_our_story_img { width: 45%; position: absolute; left: 55%; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clmn_our_story_img img { width: 80%; margin: 0 0 0 20%; } .bg_circle_our_story_1 { top: 90%; left: 18%; } .bg_circle_our_story_2 { top: 60%; left: 3%; } .bg_circle_our_story_3 { top: 22%; right: 10%; } .bg_circle_our_story_4 { top: 55%; right: -10%; } @media only screen and (max-width : 900px) { .clmn_our_story { position: relative; padding: 0 0 0 0; } .clmn_our_story_img { width: 360px; margin: 1.5em auto 60px; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .clmn_our_story_img img { width: 100%; margin: 0; } .bg_circle_our_story_2 { top: 60%; left: -72px; } .clmn_our_values { float: left; width: 100%; margin: 40px 0 0 0; } .clmn_our_values:nth-of-type(2n) { margin-right: 0; } .clmn_our_values.translateLeft_1 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .clmn_our_values.translateLeft_2 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .clmn_our_values.translateLeft_3 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .clmn_our_values.translateLeft_4 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } } @media only screen and (max-width : 700px) { .clmn_our_story_img { width: 300px; } .bg_circle_our_story_1 { top: 90%; left: -10%; } } @media only screen and (max-width : 500px) { .clmn_our_story_img { width: 75%; } } .clmn_our_mission { position: relative; padding: 0 0 0 45%; } .clmn_our_mission_img { width: 40%; position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .clmn_our_mission_img img { width: 100%; } .clmn_our_values img { width: 75px; margin-bottom: 0.5em; } .clmn_our_values_centered img { margin: 0 auto 0.5em; } .clmn_our_values_centered { text-align: center; } .section_our_mission { margin-top: 50px; } @media only screen and (max-width : 700px) { .section_our_mission { margin-top: 0; } } @media only screen and (max-width : 700px) { .padding_our_mission_mobile { padding-top: 0; } .clmn_our_mission { position: relative; padding: 0; } .clmn_our_mission_img { width: 240px; position: relative; left: auto; top: auto; margin: 1.5em auto -100px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media only screen and (max-width : 450px) { .padding_our_mission_mobile { padding-top: 20px; } } .clmn_join_us { padding: 0 0 0 350px; position: relative; } .clmn_join_us img { width: 280px; position: absolute; z-index: 1; top: 0; left: 0; } @media only screen and (max-width : 1400px) { .block_one_roas_at_a_time { display: block; } } @media only screen and (max-width : 450px) { .block_one_roas_at_a_time { display: inline; } } @media only screen and (max-width : 350px) { .block_one_roas_at_a_time { display: block; } } @media only screen and (max-width : 900px) { .clmn_join_us { padding: 0; position: relative; text-align: center; } .clmn_join_us img { width: 160px; position: relative; z-index: 1; top: auto; left: auto; margin: 0 auto 1.5em; } } .bg_circle_about_us { opacity: 0; } .bg_circle_about_us::after { content: ''; position: absolute; top: -8px; left: 10px; width: 58%; height: 58%; border: 3px solid #9E045A; border-radius: 50%; opacity: 0; } .bg_circle_clmn_meet_4_img { opacity: 0; } .bg_circle_clmn_meet_4_img_1 { right: -40px; bottom: -40px; } .bg_circle_clmn_meet_4_img_2 { left: 50px; bottom: -20px; } .bg_circle_clmn_meet_4_img_3 { left: 50%; top: -60px; } .bg_circle_clmn_meet_4_img_4 { right: -20px; top: -20px; z-index: -1; } .bg_circle_clmn_meet_4_img_5 { right: -100px; bottom: 50px; z-index: -1; } .animate_clmn_meet_4_img .bg_circle_clmn_meet_4_img_1 { -webkit-animation: bounceInDown 0.75s ease-in-out forwards; animation: bounceInDown 0.75s ease-in-out forwards; } .animate_clmn_meet_4_img .bg_circle_clmn_meet_4_img_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.15s forwards; animation: bounceInDown 0.75s ease-in-out 0.15s forwards; } .animate_clmn_meet_4_img .bg_circle_clmn_meet_4_img_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .animate_clmn_meet_4_img .bg_circle_clmn_meet_4_img_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.45s forwards; animation: bounceInDown 0.75s ease-in-out 0.45s forwards; } .animate_clmn_meet_4_img .bg_circle_clmn_meet_4_img_5 { -webkit-animation: zoomIn 0.75s ease-in-out 0.45s forwards; animation: zoomIn 0.75s ease-in-out 0.45s forwards; } .bg_circle_about_us_1 { left: -52px; bottom: -52px; } .bg_circle_about_us_1 { left: -7%; bottom: -14%; } .bg_circle_about_us_2 { left: -10%; bottom: 10%; } .bg_circle_about_us_3 { left: -12%; bottom: 40%; } .bg_circle_about_us_4 { left: -8%; bottom: 70%; } .bg_circle_about_us_5 { left: 2%; bottom: 100%; } .bg_circle_about_us_6 { left: 36%; bottom: 100%; } .bg_circle_about_us_7 { left: 44%; bottom: 76%; } .bg_circle_about_us_8 { left: 60%; bottom: 86%; } .bg_circle_about_us_9 { left: 76%; bottom: 96%; } .bg_circle_about_us_10 { left: 92%; bottom: 88%; } .bg_circle_about_us_11 { left: 102%; bottom: 60%; } .bg_circle_about_us_12 { left: 100%; bottom: 20%; } .bg_circle_about_us_13 { left: 90%; bottom: -10%; } .bg_circle_about_us_14 { left: 75%; bottom: -20%; } .bg_circle_about_us_15 { left: 75%; bottom: -20%; } .bg_circle_about_us_16 { left: 64%; bottom: 5%; } .bg_circle_about_us_17 { left: 54%; bottom: -10%; } .animate_about_us_intro_1 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .animate_about_us_intro_2 { -webkit-animation: translateLeft 0.75s ease-in-out 0.1s forwards; animation: translateLeft 0.75s ease-in-out 0.1s forwards; } .animate_about_us_intro_3 { -webkit-animation: zoomIn 0.75s ease-in-out 0.2s forwards; animation: zoomIn 0.75s ease-in-out 0.2s forwards; } .animate_about_us_intro_4 { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } .animate_about_us_intro_5 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .animate_about_us_intro_6 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .animate_about_us_intro_7 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.6s forwards; animation: bounceInDown 0.75s ease-in-out 0.6s forwards; } .animate_about_us_intro_8 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.7s forwards; animation: bounceInDown 0.75s ease-in-out 0.7s forwards; } .animate_about_us_intro_9 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.8s forwards; animation: bounceInDown 0.75s ease-in-out 0.8s forwards; } .animate_about_us_intro_10 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.9s forwards; animation: bounceInDown 0.75s ease-in-out 0.9s forwards; } .animate_about_us_intro_11 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.0s forwards; animation: bounceInDown 0.75s ease-in-out 1.0s forwards; } .animate_about_us_intro_12 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.1s forwards; animation: bounceInDown 0.75s ease-in-out 1.1s forwards; } .animate_about_us_intro_13 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.2s forwards; animation: bounceInDown 0.75s ease-in-out 1.2s forwards; } .animate_about_us_intro_14 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.3s forwards; animation: bounceInDown 0.75s ease-in-out 1.3s forwards; } .animate_about_us_intro_15 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.4s forwards; animation: bounceInDown 0.75s ease-in-out 1.4s forwards; } .animate_about_us_intro_16 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.5s forwards; animation: bounceInDown 0.75s ease-in-out 1.5s forwards; } .animate_about_us_intro_17 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.6s forwards; animation: bounceInDown 0.75s ease-in-out 1.6s forwards; } .animate_about_us_intro_18 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.7s forwards; animation: bounceInDown 0.75s ease-in-out 1.7s forwards; } .animate_about_us_intro_19 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.8s forwards; animation: bounceInDown 0.75s ease-in-out 1.8s forwards; } .animate_about_us_intro_20 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.9s forwards; animation: bounceInDown 0.75s ease-in-out 1.9s forwards; } .animate_about_us_intro_21 { -webkit-animation: bounceInDown 0.75s ease-in-out 2.0s forwards; animation: bounceInDown 0.75s ease-in-out 2.0s forwards; } .animate_about_us_intro_5::after { -webkit-animation: bounceIn 0.75s linear 0.8s forwards; animation: bounceIn 0.75s linear 0.8s forwards; } .animate_about_us_intro_6::after { -webkit-animation: bounceIn 0.75s linear 0.9s forwards; animation: bounceIn 0.75s linear 0.9s forwards; } .animate_about_us_intro_7::after { -webkit-animation: bounceIn 0.75s linear 1s forwards; animation: bounceIn 0.75s linear 1s forwards; } .animate_about_us_intro_8::after { -webkit-animation: bounceIn 0.75s linear 1.1s forwards; animation: bounceIn 0.75s linear 1.1s forwards; } .animate_about_us_intro_9::after { -webkit-animation: bounceIn 0.75s linear 1.2s forwards; animation: bounceIn 0.75s linear 1.2s forwards; } .animate_about_us_intro_10::after { -webkit-animation: bounceIn 0.75s linear 1.3s forwards; animation: bounceIn 0.75s linear 1.3s forwards; } .animate_about_us_intro_11::after { -webkit-animation: bounceIn 0.75s linear 1.4s forwards; animation: bounceIn 0.75s linear 1.4s forwards; } .animate_about_us_intro_12::after { -webkit-animation: bounceIn 0.75s linear 1.5s forwards; animation: bounceIn 0.75s linear 1.5s forwards; } .animate_about_us_intro_13::after { -webkit-animation: bounceIn 0.75s linear 1.6s forwards; animation: bounceIn 0.75s linear 1.6s forwards; } .animate_about_us_intro_14::after { -webkit-animation: bounceIn 0.75s linear 1.7s forwards; animation: bounceIn 0.75s linear 1.7s forwards; } .animate_about_us_intro_15::after { -webkit-animation: bounceIn 0.75s linear 1.8s forwards; animation: bounceIn 0.75s linear 1.8s forwards; } .animate_about_us_intro_16::after { -webkit-animation: bounceIn 0.75s linear 1.9s forwards; animation: bounceIn 0.75s linear 1.9s forwards; } .animate_about_us_intro_17::after { -webkit-animation: bounceIn 0.75s linear 2.0s forwards; animation: bounceIn 0.75s linear 2.0s forwards; } .animate_about_us_intro_18::after { -webkit-animation: bounceIn 0.75s linear 2.1s forwards; animation: bounceIn 0.75s linear 2.1s forwards; } .animate_about_us_intro_19::after { -webkit-animation: bounceIn 0.75s linear 2.2s forwards; animation: bounceIn 0.75s linear 2.2s forwards; } .animate_about_us_intro_20::after { -webkit-animation: bounceIn 0.75s linear 2.3s forwards; animation: bounceIn 0.75s linear 2.3s forwards; } .animate_about_us_intro_21::after { -webkit-animation: bounceIn 0.75s linear 2.4s forwards; animation: bounceIn 0.75s linear 2.4s forwards; } .bg_circle_join_the_team { opacity: 0; } .bg_circle_join_the_team_0 { top: -75px; left: -50px; } .bg_circle_join_the_team_1 { top: 8%; left: 30%; } .bg_circle_join_the_team_2 { top: 16%; left: 40%; } .bg_circle_join_the_team_3 { top: 8%; left: 55%; } .bg_circle_join_the_team_4 { top: 10%; left: 70%; } .bg_circle_join_the_team_5 { top: 35%; left: 80%; } .bg_circle_join_the_team_6 { top: 60%; left: 75%; } .bg_circle_join_the_team_7 { top: 85%; left: 65%; } .bg_circle_join_the_team_8 { top: 90%; left: 50%; } .bg_circle_join_the_team_9 { top: 87%; left: 30%; } .bg_circle_join_the_team_10 { top: 65%; left: 15%; } .bg_circle_join_the_team_11 { top: 35%; left: 12%; } @media only screen and (max-width : 1440px) { .bg_circle_about_us_1 { left: 1%; bottom: -15%; } .bg_circle_about_us_2 { left: -2%; bottom: 10%; } .bg_circle_about_us_3 { left: -3%; bottom: 40%; } .bg_circle_about_us_4 { left: 0; bottom: 70%; } .bg_circle_about_us_5 { left: 7%; bottom: 100%; } .bg_circle_join_the_team_10 { top: 65%; left: 10%; } .bg_circle_join_the_team_6 { top: 60%; left: 85%; } } @media only screen and (max-width : 1280px) { .bg_circle_about_us_1 { left: 1%; bottom: -25%; } .bg_circle_about_us_2 { left: -2%; bottom: 15%; } .bg_circle_about_us_3 { left: -1%; bottom: 55%; } .bg_circle_about_us_4 { left: 4%; bottom: 95%; } .bg_circle_about_us_5 { left: 18%; bottom: 120%; } .bg_circle_join_the_team_10 { top: 65%; left: 5%; } } @media only screen and (max-width : 1024px) { .bg_circle_join_the_team_5 { top: 15%; left: 90%; } .bg_circle_join_the_team_2 { top: 10%; left: 40%; } .bg_circle_join_the_team_6 { top: 60%; left: 90%; } .bg_circle_join_the_team_7 { top: 85%; left: 75%; } .bg_circle_join_the_team_10 { top: 65%; left: 0; } .bg_circle_about_us_1 { left: -1%; bottom: -25%; } .bg_circle_about_us_2 { left: -4%; bottom: 15%; } .bg_circle_about_us_3 { left: -2%; bottom: 55%; } .bg_circle_about_us_4 { left: 5%; bottom: 95%; } .bg_circle_about_us_5 { left: 18%; bottom: 110%; } .bg_circle_about_us_6 { left: 30%; bottom: 100%; } .bg_circle_about_us_7 { left: 44%; bottom: 85%; } .bg_circle_about_us_16 { left: 62%; bottom: -10%; } .bg_circle_about_us_17 { left: 50%; bottom: -20%; } } @media only screen and (max-width : 900px) { .bg_circle_about_us_1 { left: -5%; bottom: auto; top: 275px; } .bg_circle_about_us_2 { left: -12%; bottom: auto; top: 175px; } .bg_circle_about_us_3 { left: -10%; bottom: auto; top: 75px; } .bg_circle_about_us_4 { left: -5; bottom: auto; top: -25px; } .bg_circle_about_us_5 { left: auto; right: 150px; bottom: auto; top: -15px; display: block; } .bg_circle_about_us_6 { left: auto; right: 135px; bottom: auto; top: 60px; display: block; } .bg_circle_about_us_7 { left: auto; right: 70px; bottom: auto; top: 115px; display: block; } .bg_circle_about_us_8 { left: auto; right: 30px; bottom: auto; top: 200px; display: block; } .bg_circle_about_us_9 { left: auto; right: 40px; bottom: auto; top: 285px; display: block; } .bg_circle_about_us_10, .bg_circle_about_us_11, .bg_circle_about_us_12, .bg_circle_about_us_13, .bg_circle_about_us_14, .bg_circle_about_us_15, .bg_circle_about_us_16, .bg_circle_about_us_17 { display: none; } .bg_circle_join_the_team_1 { top: 15%; left: 15%; } .bg_circle_join_the_team_2 { top: 10%; left: 30%; } .bg_circle_join_the_team_5 { top: 25%; left: 90%; } .bg_circle_join_the_team_6 { top: 60%; left: 90%; } .bg_circle_join_the_team_7 { top: 85%; left: 75%; } .bg_circle_join_the_team_10 { top: 65%; left: 0; } .bg_circle_join_the_team_11 { top: 35%; left: 5%; } } @media only screen and (max-width : 650px) { .bg_circle_join_the_team_6 { top: 30%; left: 90%; } .bg_circle_join_the_team_10 { top: 75%; left: 0; } } @media only screen and (max-width : 600px) { .bg_circle_about_us_1 { left: 25px; bottom: auto; top: 250px; } .bg_circle_about_us_2 { left: -15px; bottom: auto; top: 175px; } .bg_circle_about_us_3 { left: -15px; bottom: auto; top: 75px; } .bg_circle_about_us_4 { left: 35px; bottom: auto; top: -15px; } .bg_circle_about_us_5 { left: auto; right: 150px; bottom: auto; top: -15px; display: block; } .bg_circle_about_us_6 { left: auto; right: 135px; bottom: auto; top: 60px; display: block; } .bg_circle_about_us_7 { left: auto; right: 70px; bottom: auto; top: 115px; display: block; } .bg_circle_about_us_8 { left: auto; right: 30px; bottom: auto; top: 200px; display: block; } .bg_circle_about_us_9 { left: auto; right: 60px; bottom: auto; top: 285px; display: block; } } @media only screen and (max-width : 550px) { .bg_circle_about_us_1 { left: 25px; top: 250px; } .bg_circle_about_us_2 { left: -15px; top: 175px; } .bg_circle_about_us_3 { left: -15px; top: 75px; } .bg_circle_about_us_4 { left: 35px; top: -15px; } .bg_circle_about_us_5 { right: 140px; top: -15px; } .bg_circle_about_us_6 { right: 115px; top: 60px; } .bg_circle_about_us_7 { right: 50px; top: 115px; } .bg_circle_about_us_8 { right: 10px; top: 200px; } .bg_circle_about_us_9 { right: 40px; top: 285px; } } @media only screen and (max-width : 500px) { .bg_circle_about_us_1 { left: 25px; top: 250px; } .bg_circle_about_us_2 { left: -15px; top: 175px; } .bg_circle_about_us_3 { left: -15px; top: 75px; } .bg_circle_about_us_4 { left: 35px; top: -15px; } .bg_circle_about_us_5 { right: 130px; top: -15px; } .bg_circle_about_us_6 { right: 90px; top: 60px; } .bg_circle_about_us_7 { right: 80px; top: 125px; } .bg_circle_about_us_8 { right: 40px; top: 175px; } .bg_circle_about_us_9 { right: 50px; top: 255px; } } @media only screen and (max-width : 450px) { .bg_circle_about_us_1 { left: 35px; top: 250px; } .bg_circle_about_us_2 { left: -15px; top: 175px; } .bg_circle_about_us_3 { left: -15px; top: 75px; } .bg_circle_about_us_4 { left: 35px; top: -15px; } .bg_circle_about_us_5 { right: 130px; top: -15px; } .bg_circle_about_us_6 { right: 80px; top: 60px; } .bg_circle_about_us_7 { right: 85px; top: 135px; } .bg_circle_about_us_8 { right: 70px; top: 195px; } .bg_circle_about_us_9 { right: 95px; top: 250px; } } @media only screen and (max-width : 400px) { .bg_circle_about_us_1 { left: 35px; top: 250px; } .bg_circle_about_us_2 { left: -15px; top: 175px; } .bg_circle_about_us_3 { left: -15px; top: 75px; } .bg_circle_about_us_4 { left: 35px; top: -15px; } .bg_circle_about_us_5 { right: 70px; top: -15px; } .bg_circle_about_us_6 { right: 20px; top: 60px; } .bg_circle_about_us_7 { right: 25px; top: 135px; } .bg_circle_about_us_8 { right: 10px; top: 195px; } .bg_circle_about_us_9 { right: 35px; top: 250px; } } /* .bg_circle_about_us_8 { left: 60%; bottom: 86%; } .bg_circle_about_us_9 { left: 76%; bottom: 96%; } .bg_circle_about_us_10 { left: 92%; bottom: 88%; } .bg_circle_about_us_11 { left: 102%; bottom: 60%; } .bg_circle_about_us_12 { left: 100%; bottom: 20%; } .bg_circle_about_us_13 { left: 90%; bottom: -10%; } .bg_circle_about_us_14 { left: 75%; bottom: -20%; } .bg_circle_about_us_15 { left: 75%; bottom: -20%; } .bg_circle_about_us_16 { left: 64%; bottom: 5%; } .bg_circle_about_us_17 { left: 54%; bottom: -10%; } */ .section_call_to_action_1_animate .bg_circle_join_the_team_0 { -webkit-animation: zoomIn 1.25s ease-in-out forwards; animation: zoomIn 1.25s ease-in-out forwards; } .section_call_to_action_1_animate .bg_circle_join_the_team_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.1s forwards; animation: bounceInDown 0.75s ease-in-out 0.1s forwards; } .section_call_to_action_1_animate .bg_circle_join_the_team_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.2s forwards; } .section_call_to_action_1_animate .bg_circle_join_the_team_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .section_call_to_action_1_animate .bg_circle_join_the_team_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .section_call_to_action_1_animate .bg_circle_join_the_team_5 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .section_call_to_action_1_animate .bg_circle_join_the_team_6 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.6s forwards; animation: bounceInDown 0.75s ease-in-out 0.6s forwards; } .section_call_to_action_1_animate .bg_circle_join_the_team_7 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.7s forwards; animation: bounceInDown 0.75s ease-in-out 0.7s forwards; } .section_call_to_action_1_animate .bg_circle_join_the_team_8 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.8s forwards; animation: bounceInDown 0.75s ease-in-out 0.8s forwards; } .section_call_to_action_1_animate .bg_circle_join_the_team_9 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.9s forwards; animation: bounceInDown 0.75s ease-in-out 0.9s forwards; } .section_call_to_action_1_animate .bg_circle_join_the_team_10 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.0s forwards; animation: bounceInDown 0.75s ease-in-out 1.0s forwards; } .section_call_to_action_1_animate .bg_circle_join_the_team_11 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.1s forwards; animation: bounceInDown 0.75s ease-in-out 1.1s forwards; } /*-------------------------------------------------------------------------- #meet-roas-monster.php */ /* .clmn_meet_3 { width: 30%; margin: 40px 5% 0 0; float: left; } .clmn_meet_3:nth-of-type(3n) { margin-right: 0; } .clmn_meet_3 img { width: 100px; margin: 0 auto 1em; } */ .overflow_hidden { overflow: hidden; } .intro_meet_txt { width: 60%; } .img_meet { position: absolute; bottom: 0; right: -5%; width: 40%; z-index: 1; opacity: 0; } .img_meet { -webkit-animation: slideInUp 0.75s ease-in-out 0.1s forwards; animation: slideInUp 0.75s ease-in-out 0.1s forwards; } .list_meet { list-style-type: none; } .list_meet li { position: relative; padding: 0 0 0 22px; opacity: 0; } .list_meet li::before { content: ''; position: absolute; z-index: 1; top: 13px; left: -5px; width: 14px; height: 14px; background-color: #61BEC4; border-radius: 50%; } .list_meet li::after { content: ''; position: absolute; z-index: 2; top: 10px; left: 0; width: 8px; height: 8px; border: 2px solid #9E045A; border-radius: 50%; } .clmn_meet_1 { float: right; width: 50%; margin: 0 0 0 0; } .clmn_meet_1:nth-of-type(2n) { float: left; margin-right: 0; } .clmn_meet_1_img_wrap { width: 90%; position: relative; } .clmn_meet_1_img_wrap img { width: 100%; margin: 0 0 -100px 0; opacity: 0; } .padding_clmn_meet_1 { padding-top: 0; } .clmn_meet_1_img_wrap_inner { position: relative; } .clmn_meet_1_img_wrap_inner::before { content: ''; position: absolute; z-index: -2; top: 0; left: 0; width: 85%; height: 85%; border-radius: 50%; box-shadow: 0 3px 6px rgba(0,0,0,0.1); opacity: 0; } .clmn_meet_1_img_wrap_inner::after { content: ''; position: absolute; z-index: -2; top: 3%; left: 0; width: 85%; height: 85%; border: 3px solid #F9DB6D; border-radius: 50%; opacity: 0; } .bg_circle_meet_phone { opacity: 0; z-index: -1; } .bg_circle_meet_phone_1 { top: 40%; left: 10%; } .bg_circle_meet_phone_2 { top: 70%; left: 30%; } .bg_circle_meet_phone_3 { top: 0; left: 10%; } .bg_circle_meet_phone_4 { top: 30%; right: 25%; } .bg_circle_meet_phone_5 { bottom: 12%; right: 0; } .bg_circle_meet_phone_animated.clmn_meet_1_img_wrap img { -webkit-animation: rotateIn 0.75s ease-in-out forwards; animation: rotateIn 0.75s ease-in-out forwards; } .bg_circle_meet_phone_animated .clmn_meet_1_img_wrap_inner::before { -webkit-animation: zoomIn 0.75s ease-in-out 0.1s forwards; animation: zoomIn 0.75s ease-in-out 0.1s forwards; } .bg_circle_meet_phone_animated .clmn_meet_1_img_wrap_inner::after { -webkit-animation: zoomIn 0.75s ease-in-out 0.2s forwards; animation: zoomIn 0.75s ease-in-out 0.2s forwards; } .bg_circle_meet_phone_animated .bg_circle_meet_phone_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .bg_circle_meet_phone_animated .bg_circle_meet_phone_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .bg_circle_meet_phone_animated .bg_circle_meet_phone_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .bg_circle_meet_phone_animated .bg_circle_meet_phone_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.5s forwards; animation: bounceInDown 0.75s ease-in-out 0.5s forwards; } .clmn_meet_2 { width: 27%; margin: 40px 9.5% 0 0; float: left; position: relative; opacity: 0; } .clmn_meet_2:nth-of-type(3) { margin-right: 0; } .clmn_meet_2 img { margin: 0 auto; width: 120px; } .animate_clmn_meet_2.clmn_meet_2_animate_1 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .animate_clmn_meet_2.clmn_meet_2_animate_1 .title_square span::after { -webkit-animation: translateLeft 0.75s ease-in-out 0.15s forwards; animation: translateLeft 0.75s ease-in-out 0.15s forwards; } .animate_clmn_meet_2.clmn_meet_2_animate_2 { -webkit-animation: translateLeft 0.75s ease-in-out 0.3s forwards; animation: translateLeft 0.75s ease-in-out 0.3s forwards; } .animate_clmn_meet_2.clmn_meet_2_animate_2 .title_square span::after { -webkit-animation: translateLeft 0.75s ease-in-out 0.45s forwards; animation: translateLeft 0.75s ease-in-out 0.45s forwards; } .animate_clmn_meet_2.clmn_meet_2_animate_3 { -webkit-animation: translateLeft 0.75s ease-in-out 0.6s forwards; animation: translateLeft 0.75s ease-in-out 0.6s forwards; } .clmn_meet_4 { float: left; width: 47.5%; margin: 0 5% 0 0; } .clmn_meet_4:nth-of-type(2n) { float: left; margin-right: 0; } .clmn_meet_4_img { width: 100%; margin: 40px 0 0; position: relative; } .clmn_meet_4_img img { width: 100%; } .clmn_meet_5 { margin-bottom: 75px; } .clmn_features_single_2_meet_5 { min-height: 541px; } @media only screen and (max-width : 1024px) { .clmn_features_single_2_meet_5 { width: 510px; } } @media only screen and (max-width : 650px) { .clmn_features_single_2_meet_5 { width: 100%; } } .title_square span { position: relative; display: block; background-color: #9E045A; color: #ffffff; text-align: center; padding: 1em; } .title_square span::before { content: ''; position: absolute; top: -8px; left: -8px; height: 100%; width: 100%; border: 2px solid #61BEC4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .title_square span::after { content: ''; position: absolute; top: 25px; right: -80px; width: 45px; height: 19px; background: url('img/Group-869.png') top left no-repeat; opacity: 0; } .clmn_meet_2:nth-of-type(3) .title_square span::after { display: none; } @media only screen and (max-width : 1200px) { .title_square span::after { display: none; } .title_square, .title_square + p { padding-top: 1em; } .clmn_meet_2_wrap { width: 360px; margin: 0 auto; } .clmn_meet_2 { width: 100%; margin: 50px auto 0; float: none; position: relative; opacity: 0; } .clmn_meet_2:nth-of-type(3) { margin: 50px auto 0; } .animate_clmn_meet_2.clmn_meet_2_animate_1 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .animate_clmn_meet_2.clmn_meet_2_animate_2 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .animate_clmn_meet_2.clmn_meet_2_animate_3 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } } @media only screen and (max-width : 1024px) { /* .title_intro_wrap_high_meet { height: auto; } .section_padding_intro_meet { padding-top: 125px; } */ /* .intro_meet_txt { width: 100%; } .img_meet { position: relative; bottom: -1px; right: auto; width: 200px; margin: 36px auto 0; opacity: 0; } .intro_meet_txt { text-align: center; width: 550px; margin: 0 auto; } */ .title_intro_wrap_high_meet { height: 450px; } .img_meet { width: 300px; right: 0; } .intro_meet_txt { width: auto; padding-right: 350px; } .clmn_meet_1_wrap { width: 510px; margin: 0 auto; } .clmn_meet_5 { width: 510px; margin: 0 auto 55px; } .clmn_meet_1 { float: none; width: 100%; margin: 0 auto; } .clmn_meet_1:nth-of-type(2n) { float: left; margin: 50px auto -100px; } .clmn_meet_1_img_wrap { width: 90%; position: relative; margin: 0 auto; } .clmn_meet_1_img_wrap img { width: 100%; margin: 0; opacity: 0; } .padding_clmn_meet_1 { padding-top: 36px; } .clmn_meet_4 { float: none; width: 510px; margin: 0 auto; } .clmn_meet_4:nth-of-type(2n) { float: none; margin: 0 auto; } .clmn_meet_4_img { width: 100%; margin: 50px 0 0; position: relative; } .clmn_meet_4_img img { width: 100%; } } @media only screen and (max-width : 860px) { .title_intro_wrap_high_meet { height: auto; } .img_meet { width: 240px; right: 0; } .intro_meet_txt { width: 510px; padding: 0; margin: 0 auto; text-align: center; } .img_meet { position: relative; bottom: -1px; right: auto; width: 240px; margin: 36px auto 0; } } @media only screen and (max-width : 740px) { .intro_meet_txt { padding: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } } @media only screen and (max-width : 650px) { .clmn_meet_4, .clmn_meet_1_wrap, .clmn_meet_5 { width: 100%; } .clmn_meet_1_img_wrap img { width: 100%; margin: 0 auto; } .clmn_meet_4_img img { width: 100%; max-width: 510px; margin: 0 auto; } .clmn_meet_1_img_wrap_inner::before, .clmn_meet_1_img_wrap_inner::after { width: 90%; height: 90%; } } @media only screen and (max-width : 550px) { .clmn_meet_2_wrap { width: 100%; margin: 0 auto; } } @media only screen and (max-width : 450px) { .clmn_meet_1_img_wrap { width: 100%; } } .bg_circle_meet_roas_intro_1 { left: 63%; bottom: 10%; } .bg_circle_meet_roas_intro_2 { left: 43%; bottom: 20%; } .bg_circle_meet_roas_intro_3 { left: 23%; bottom: 15%; } .bg_circle_meet_roas_intro_4 { left: 6%; bottom: 7%; } .bg_circle_meet_roas_intro_5 { left: -10%; bottom: 10%; } .bg_circle_meet_roas_intro_6 { left: -16%; bottom: 40%; } .bg_circle_meet_roas_intro_7 { left: -8%; bottom: 70%; } .bg_circle_meet_roas_intro_8 { left: 8%; top: 16%; } .bg_circle_meet_roas_intro_9 { left: 26%; top: 20%; } .bg_circle_meet_roas_intro_10 { left: 46%; top: 26%; } .bg_circle_meet_roas_intro_11 { left: 66%; top: 16%; } .bg_circle_meet_roas_intro_12 { left: 86%; top: 6%; } .bg_circle_meet_roas_intro_13 { left: 106%; top: 20%; } .bg_circle_meet_roas_intro_14 { left: 116%; top: 45%; } .bg_circle_meet_roas_intro_15 { left: 110%; top: 75%; } @media only screen and (max-width : 1024px) { .bg_circle_meet_roas_intro_1 { left: 65%; bottom: 50px; } .bg_circle_meet_roas_intro_2 { left: 50%; bottom: 80px; } .bg_circle_meet_roas_intro_3 { left: 35%; bottom: 85px; } .bg_circle_meet_roas_intro_4 { left: 20%; bottom: 70px; } .bg_circle_meet_roas_intro_5 { left: 5%; bottom: 60px; } .bg_circle_meet_roas_intro_6 { left: -5%; bottom: 80px; } .bg_circle_meet_roas_intro_7 { left: -5%; top: 100px; } .bg_circle_meet_roas_intro_8 { left: 10%; top: 85px; } .bg_circle_meet_roas_intro_9 { left: 25%; top: 100px; } .bg_circle_meet_roas_intro_10 { left: 40%; top: 80px; } .bg_circle_meet_roas_intro_11 { left: 55%; top: 120px; } .bg_circle_meet_roas_intro_12 { left: 70%; top: 70px; } .bg_circle_meet_roas_intro_13 { left: 85%; top: 50px; } .bg_circle_meet_roas_intro_14 { left: 100%; top: 75px; } .bg_circle_meet_roas_intro_15 { left: 110%; top: 75px; display: none; } } @media only screen and (max-width : 860px) { .bg_circle_meet_roas_intro_1, .bg_circle_meet_roas_intro_2, .bg_circle_meet_roas_intro_3, .bg_circle_meet_roas_intro_4, .bg_circle_meet_roas_intro_5, .bg_circle_meet_roas_intro_6, .bg_circle_meet_roas_intro_7, .bg_circle_meet_roas_intro_8, .bg_circle_meet_roas_intro_9, .bg_circle_meet_roas_intro_10, .bg_circle_meet_roas_intro_11, .bg_circle_meet_roas_intro_12, .bg_circle_meet_roas_intro_13, .bg_circle_meet_roas_intro_14, .bg_circle_meet_roas_intro_15, .bg_circle_meet_roas_intro_16, .bg_circle_meet_roas_intro_17, .bg_circle_meet_roas_intro_18, .bg_circle_meet_roas_intro_19 { display: none; } } .animate_meet_roas_intro_1 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.2s forwards; animation: bounceInDown 0.75s ease-in-out 0.2s forwards; } .animate_meet_roas_intro_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.4s forwards; animation: bounceInDown 0.75s ease-in-out 0.4s forwards; } .animate_meet_roas_intro_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.6s forwards; animation: bounceInDown 0.75s ease-in-out 0.6s forwards; } .animate_meet_roas_intro_4 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.8s forwards; animation: bounceInDown 0.75s ease-in-out 0.8s forwards; } .animate_meet_roas_intro_5 { -webkit-animation: bounceInDown 0.75s ease-in-out 1s forwards; animation: bounceInDown 0.75s ease-in-out 1s forwards; } .animate_meet_roas_intro_6 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.2s forwards; animation: bounceInDown 0.75s ease-in-out 1.2s forwards; } .animate_meet_roas_intro_7 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.4s forwards; animation: bounceInDown 0.75s ease-in-out 1.4s forwards; } .animate_meet_roas_intro_8 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.6s forwards; animation: bounceInDown 0.75s ease-in-out 1.6s forwards; } .animate_meet_roas_intro_9 { -webkit-animation: bounceInDown 0.75s ease-in-out 1.8s forwards; animation: bounceInDown 0.75s ease-in-out 1.8s forwards; } .animate_meet_roas_intro_10 { -webkit-animation: bounceInDown 0.75s ease-in-out 2s forwards; animation: bounceInDown 0.75s ease-in-out 2s forwards; } .animate_meet_roas_intro_11 { -webkit-animation: bounceInDown 0.75s ease-in-out 2.2s forwards; animation: bounceInDown 0.75s ease-in-out 2.2s forwards; } .animate_meet_roas_intro_12 { -webkit-animation: bounceInDown 0.75s ease-in-out 2.4s forwards; animation: bounceInDown 0.75s ease-in-out 2.4s forwards; } .animate_meet_roas_intro_13 { -webkit-animation: bounceInDown 0.75s ease-in-out 2.6s forwards; animation: bounceInDown 0.75s ease-in-out 2.6s forwards; } .animate_meet_roas_intro_14 { -webkit-animation: bounceInDown 0.75s ease-in-out 2.8s forwards; animation: bounceInDown 0.75s ease-in-out 2.8s forwards; } .animate_meet_roas_intro_15 { -webkit-animation: bounceInDown 0.75s ease-in-out 3s forwards; animation: bounceInDown 0.75s ease-in-out 3s forwards; } .animate_meet_roas_intro_1::after { -webkit-animation: bounceInDown 0.75s linear 0.3s forwards; animation: bounceInDown 0.75s linear 0.3s forwards; } .animate_meet_roas_intro_2::after { -webkit-animation: bounceInDown 0.75s linear 0.5s forwards; animation: bounceInDown 0.75s linear 0.5s forwards; } .animate_meet_roas_intro_3::after { -webkit-animation: bounceInDown 0.75s linear 0.7s forwards; animation: bounceInDown 0.75s linear 0.7s forwards; } .animate_meet_roas_intro_4::after { -webkit-animation: bounceInDown 0.75s linear 0.9s forwards; animation: bounceInDown 0.75s linear 0.9s forwards; } .animate_meet_roas_intro_5::after { -webkit-animation: bounceInDown 0.75s linear 1.1s forwards; animation: bounceInDown 0.75s linear 1.1s forwards; } .animate_meet_roas_intro_6::after { -webkit-animation: bounceInDown 0.75s linear 1.3s forwards; animation: bounceInDown 0.75s linear 1.3s forwards; } .animate_meet_roas_intro_7::after { -webkit-animation: bounceInDown 0.75s linear 1.5s forwards; animation: bounceInDown 0.75s linear 1.5s forwards; } .animate_meet_roas_intro_8::after { -webkit-animation: bounceInDown 0.75s linear 1.7s forwards; animation: bounceInDown 0.75s linear 1.7s forwards; } .animate_meet_roas_intro_9::after { -webkit-animation: bounceInDown 0.75s linear 1.9s forwards; animation: bounceInDown 0.75s linear 1.9s forwards; } .animate_meet_roas_intro_10::after { -webkit-animation: bounceInDown 0.75s linear 2.1s forwards; animation: bounceInDown 0.75s linear 2.1s forwards; } .animate_meet_roas_intro_11::after { -webkit-animation: bounceInDown 0.75s linear 2.3s forwards; animation: bounceInDown 0.75s linear 2.3s forwards; } .animate_meet_roas_intro_12::after { -webkit-animation: bounceInDown 0.75s linear 2.5s forwards; animation: bounceInDown 0.75s linear 2.5s forwards; } .animate_meet_roas_intro_13::after { -webkit-animation: bounceInDown 0.75s linear 2.7s forwards; animation: bounceInDown 0.75s linear 2.7s forwards; } .animate_meet_roas_intro_14::after { -webkit-animation: bounceInDown 0.75s linear 2.9s forwards; animation: bounceInDown 0.75s linear 2.9s forwards; } .animate_meet_roas_intro_15::after { -webkit-animation: bounceInDown 0.75s linear 3.1s forwards; animation: bounceInDown 0.75s linear 3.1s forwards; } .block_no_matter_what_role { display: block; } .bg_circle_tabs_wrap { opacity: 0; } .bg_circle_tabs_wrap_1 { top: -60px; left: -60px; } .bg_circle_tabs_wrap_2 { bottom: -120px; left: 60px; } .bg_circle_tabs_wrap_3 { top: -60px; right: -60px; z-index: -1 } .bg_circle_tabs_wrap_4 { bottom: -75px; right: -150px; z-index: -1 } .animate_tabs_wrap .bg_circle_tabs_wrap_1 { -webkit-animation: bounceInDown 0.75s ease-in-out forwards; animation: bounceInDown 0.75s ease-in-out forwards; } .animate_tabs_wrap .bg_circle_tabs_wrap_2 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.15s forwards; animation: bounceInDown 0.75s ease-in-out 0.15s forwards; } .animate_tabs_wrap .bg_circle_tabs_wrap_3 { -webkit-animation: bounceInDown 0.75s ease-in-out 0.3s forwards; animation: bounceInDown 0.75s ease-in-out 0.3s forwards; } .animate_tabs_wrap .bg_circle_tabs_wrap_4 { -webkit-animation: zoomIn 0.75s ease-in-out 0.3s forwards; animation: zoomIn 0.75s ease-in-out 0.3s forwards; } .tabs_wrap { position: relative; width: 1200px; min-height: 400px; margin: 0 auto; } .tabs_vertical { position: relative; background-color: #ffffff; border-radius: 23px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); height: 400px; width: 100%; margin: 40px auto 0; padding: 0 250px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .tabs_vertical .tabs_vertical_nav { list-style-type: none; padding: 0; width: 250px; position: absolute; z-index: 1; top: 0; right: 0; } .tabs_vertical .tabs_vertical_nav li a { display: block; background-color: #61BEC4; color: #ffffff; line-height: 80px; text-align: center; text-decoration: none; width: 100%; } .tabs_vertical .tabs_vertical_nav li a:hover { background-color: #68CBD2; } .tabs_vertical .tabs_vertical_nav li:nth-of-type(1) a { border-radius: 0 23px 0 0; } .tabs_vertical .tabs_vertical_nav li:nth-of-type(5) a { border-radius: 0 0 23px 0; } .tabs_vertical .tabs_vertical_nav li .tabs_vertical_selected, .tabs_vertical .tabs_vertical_nav .active a, .tabs_vertical .tabs_vertical_nav .active a:hover { background-color: #ffffff; color: #61BEC4; } .tabs_vertical_content { position: relative; height: 400px; padding: 40px 20px 0 290px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .tabs_vertical_content img { width: 300px; position: absolute; z-index: 1; bottom: 0; left: -36px; } .tabs_vertical_content p span { display: inline-block; } .slick_tabs_vertical { width: 550px; margin: 1.5em auto 0; display: none; } .tabs_vertical_slide { margin: 0 20px 20px; } .tabs_vertical_slide img { margin: 0 auto -269px; position: relative; width: 300px; z-index: 1; } .tabs_vertical_slide img { margin: 0 auto -163px; position: relative; width: 300px; z-index: 1; } .slick-slide:focus { outline: none !important; } .tabs_vertical_slide p:last-child { background-color: #61BEC4; color: #ffffff; font-size: 36px; font-weight: 900; padding: 0 40px; margin: 32px -40px -32px; line-height: 60px; text-align: center; border-radius: 0 0 23px 23px; } .tabs_vertical_slide .card { margin-top: 0; padding-top: 269px; } .tabs_vertical_slide .card { margin-top: 0; padding-top: 163px; } .tabs_vertical_slide .card { margin-top: 0; padding-top: 183px; } @media only screen and (max-width : 1440px) { .tabs_wrap { width: 100%; } } @media only screen and (max-width : 1280px) { .tabs_wrap { display: none; } .slick_tabs_vertical { display: block; } .tabs_vertical_slide p:last-child { font-size: 30px; } .tabs_vertical_slide ul { padding-top: 1em; } } @media only screen and (max-width : 650px) { .slick_tabs_vertical { width: 100%; } } @media only screen and (max-width : 550px) { .tabs_vertical_slide p:last-child { font-size: 24px; font-weight: 700; } } @media only screen and (max-width : 500px) { .tabs_vertical_slide p:last-child { padding: 0 32px; margin: 32px -32px -32px; } } @media only screen and (max-width : 450px) { .slick_tabs_vertical { width: 100%; } .tabs_vertical_slide { margin: 0 10px 10px; } .tabs_vertical_slide p:last-child { padding: 0 20px; margin: 24px -20px -32px; } .tabs_vertical_slide img { width: 200px; margin: 0 auto -213px; } .tabs_vertical_slide img { width: 200px; margin: 0 auto -142px; } .tabs_vertical_slide .card { margin-top: 0; padding: 213px 20px 32px; } .tabs_vertical_slide .card { margin-top: 0; padding: 142px 20px 32px; } .tabs_vertical_slide .card { margin-top: 0; padding: 170px 20px 32px; } .tabs_vertical_slide ul { /*padding-top: 24px;*/ padding-top: 1em; font-size: 18px; } .tabs_vertical_slide .list_bullet li { padding: 0 0 0 16px; margin: 0.3em 0; line-height: 1.35; } .tabs_vertical_slide .list_bullet li:nth-of-type(1) { margin-top: 0; } .tabs_vertical_slide .list_bullet li::before { top: 9px; height: 8px; width: 8px; } } /*-------------------------------------------------------------------------- #careers.php */ .title_intro_careers_animate_1 { -webkit-animation: fadeInLeft 0.75s ease-in-out forwards; animation: fadeInLeft 0.75s ease-in-out forwards; } .title_intro_careers_animate_2 { -webkit-animation: fadeInRight 0.75s ease-in-out forwards; animation: fadeInRight 0.75s ease-in-out forwards; } .open_positions_item_wrap { padding: 32px; } .open_positions_item_table { border-top: 1px solid #f0f0f0; font-weight: 700; } .open_positions_item_table tr td { border-bottom: 1px solid #f0f0f0; padding: 1em 0; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .open_positions_item_table tr td:nth-of-type(1) { width: 30%; } .open_positions_item_table a { color: #9E045A; text-decoration: none; } .open_positions_item_table a:hover { text-decoration: underline; } @media only screen and (max-width : 1024px) { /* .open_positions_item { margin: 0 0 0; display: block; } */ .open_positions_item_table .open_positions_item td { padding: 1em 1em 1em 1em; } .open_positions_item_table .open_positions_item td:first-child { padding-left: 0; } .open_positions_item_table .open_positions_item td:last-child { padding-right: 0; } .open_positions_item span { display: block; padding: 0.15em 0; } .open_positions_item span:nth-of-type(1) { font-weight: 700; } .open_positions_item span a { padding: 0.5em 1em; margin: 0.25em 0 0; } .input_select_open_positions { width: 100%; } .position_clmn { width: 100%; float: none; } .position_clmn:nth-of-type(2) { width: 100%; margin-left: 0; } } @media only screen and (max-width : 768px) { .open_positions_item_table .open_positions_item td:first-child, .open_positions_item_table .open_positions_item td:last-child, .open_positions_item_table .open_positions_item td { display: block; width: 100%; padding: 0; border: 0; } .open_positions_item_table .open_positions_item td:first-child { padding-top: 0.75em; } .open_positions_item_table .open_positions_item td:last-child { padding-bottom: 0.75em; border-bottom: 1px solid #f0f0f0; } } @media only screen and (max-width : 500px) { .box_content { padding: 30px; } } /*-------------------------------------------------------------------------- #contact.php */ .clmn_contact_3 { width: 30%; margin: 75px 5% 25px 0; float: left; } .clmn_contact_3:nth-of-type(3n) { margin-right: 0; } .clmn_contact_3 a { color: #61BEC4; text-decoration: none; margin-top: 0.55em; display: block; } .clmn_contact_3 a:hover { color: #ffffff; } .clmn_contact_3 a:hover .card_small { background-color: #61BEC4; } .contact_icon_list { list-style-type: none; padding: 0; } .contact_icon_list a { text-decoration: none; } .contact_icon { position: relative; line-height: 48px; padding: 0 0 0 40px; } .contact_icon::before { position: absolute; z-index: 1; top: 10px; left: 0; font-family:'FontAwesome'; font-size: 30px; font-weight: normal; line-height: 1; } .contact_icon_mobile::before { content:"\f10b"; font-size: 44px; } .contact_icon_mobile::before { content:"\f095"; font-size: 36px; } .contact_icon_email::before { content:"\f003"; font-size: 28px; } .bg_dots { position: absolute; } .bg_circle { border-radius: 50%; position: absolute; } .bg_circle_size_1 { height: 12px; width: 12px; } .bg_circle_size_2 { height: 26px; width: 26px; } .bg_circle_size_3 { height: 40px; width: 40px; } .bg_circle_size_4 { height: 64px; width: 64px; } .bg_circle_o_size_2 { height: 36px; width: 36px; border-width: 7px; border-style: solid; } .bg_circle_o_size_3 { height: 64px; width: 64px; border-width: 12px; border-style: solid; } .bg_circle_o_size_4 { height: 96px; width: 96px; border-width: 12px; border-style: solid; } .bg_circle_o_size_4_1 { height: 128px; width: 128px; border-width: 14px; border-style: solid; } .bg_circle_o_size_5 { height: 192px; width: 192px; border-width: 20px; border-style: solid; } .bg_circle_color_1 { background-color: #61BEC4; } .bg_circle_color_2 { background-color: #9E005A; } .bg_circle_color_3 { background-color: #0B4F6C; } .bg_circle_color_4 { background-color: #F9DB6D; } .bg_circle_color_5 { background-color: #DFF3F5; } .bg_circle_color_white { background-color: #ffffff; } .bg_circle_o_color_1 { border-color: #61BEC4; } .bg_circle_o_color_2 { border-color: #9E005A; } .bg_circle_o_color_3 { border-color: #0B4F6C; } .bg_circle_o_color_4 { border-color: #F9DB6D; } .bg_circle_o_color_5 { border-color: #DFF3F5; } .bg_circle_o_color_white { border-color: #ffffff; border-color: rgba(255, 255, 255, 0.75); } .bg_circle_contact_1 { top: 100px; left: 10%; } .bg_circle_contact_2 { top: 125px; left: 55%; } .bg_circle_contact_3 { top: 275px; right: 5%; } .bg_circle_contact_4 { top: 50%; right: 10%; } .bg_circle_contact_5 { top: 55%; left: 10%; } .bg_circle_contact_6 { top: 80%; left: 5%; } .bg_circle_contact_7 { top: 78%; left: 35%; } .bg_circle_contact_8 { top: 90%; left: 15%; } .bg_circle_contact_9 { top: 96%; right: 40%; } .bg_circle_contact_10 { top: 86%; right: 8%; } @media only screen and (max-width : 650px) { .bg_circle_contact_1 { top: 50px; left: 10%; } .bg_circle_contact_2 { top: 85px; left: 75%; } } .bg_circle_contact_form { bottom: -48px; right: -48px; } /* .bg_circle_all_features_1 { top: -64px; left: 3.5%; } .bg_circle_all_features_2 { top: -32px; left: 35%; } .bg_circle_all_features_3 { top: 75%; left: 20%; } .bg_circle_all_features_4 { top: 65%; left: 30%; } .bg_circle_all_features_5 { top: 80%; right: 35%; } .bg_circle_all_features_6 { top: 55%; right: 20%; } .bg_dots_all_features_6 { top: -75px; right: -5%; } */ @media only screen and (max-width : 1280px) { .bg_circle_about_us { height: 16px; width: 16px; } .bg_circle_about_us::after { top: -4px; left: 5px; } } @media only screen and (max-width : 768px) { .bg_circle_size_1 { height: 8px; width: 8px; } .bg_circle_size_2 { height: 16px; width: 16px; } .bg_circle_size_3 { height: 26px; width: 26px; } .bg_circle_size_4 { height: 42px; width: 42px; } .bg_circle_o_size_2 { height: 26px; width: 26px; border-width: 5px; border-style: solid; } .bg_circle_o_size_3 { height: 42px; width: 42px; border-width: 7px; border-style: solid; } .bg_circle_o_size_4 { height: 64px; width: 64px; border-width: 10px; border-style: solid; } .bg_circle_o_size_4_1 { height: 96px; width: 96px; border-width: 12px; border-style: solid; } .bg_circle_o_size_5 { height: 121px; width: 121px; border-width: 16px; border-style: solid; } } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0) scaleY(3); transform: translate3d(0, -2000px, 0) scaleY(3); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9); transform: translate3d(0, 25px, 0) scaleY(0.9); } 75% { -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95); transform: translate3d(0, -10px, 0) scaleY(0.95); } 90% { -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985); transform: translate3d(0, 5px, 0) scaleY(0.985); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__bounceInDown { -webkit-animation: bounceInDown 0.85s linear forwards; animation: bounceInDown 0.85s linear forwards; } @-webkit-keyframes rubberBand { from { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__rubberBand { -webkit-animation: rubberBand 1s linear forwards; animation: rubberBand 1s linear forwards; } /* Fading exits */ @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .animate__fadeOut { -webkit-animation: fadeOut 0.75s ease-in-out forwards; animation: fadeOut 0.75s ease-in-out forwards; } .animate__fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInRight { -webkit-animation: slideInRight 0.75s linear forwards; animation: slideInRight 0.75s linear forwards; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInLeft { -webkit-animation: slideInLeft 0.75s linear forwards; animation: slideInLeft 0.75s linear forwards; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__bounceIn { -webkit-animation: bounceIn 0.75s linear forwards; animation: bounceIn 0.75s linear forwards; -webkit-animation-duration: calc(1s * 0.75); animation-duration: calc(1s * 0.75); -webkit-animation-duration: calc(var(--animate-duration) * 0.75); animation-duration: calc(var(--animate-duration) * 0.75); } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInRight { -webkit-animation: fadeInRight 0.75s linear forwards; animation: fadeInRight 0.75s linear forwards; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__fadeInLeft { -webkit-animation: fadeInLeft 0.75s linear forwards; animation: fadeInLeft 0.75s linear forwards; } .animate__fadeInLeftRight { -webkit-animation: fadeInLeft 0.75s linear forwards; animation: fadeInLeft 0.75s linear forwards; } .animate__fadeInLeftRight.btn_reveal_wrap_right { -webkit-animation: fadeInRight 0.75s linear forwards; animation: fadeInRight 0.75s linear forwards; } @media only screen and (max-width : 900px) { .animate__fadeInLeftRight { -webkit-animation: fadeInRight 0.75s linear forwards; animation: fadeInRight 0.75s linear forwards; } } @-webkit-keyframes tada { from { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .animate__tada { -webkit-animation: tada 0.75s linear forwards; animation: tada 0.75s linear forwards; } /* Rotating entrances */ @-webkit-keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes rotateIn { from { -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } .animate__rotateIn { -webkit-animation: rotateIn 0.75s linear forwards; animation: rotateIn 0.75s linear forwards; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .animate__slideInUp { -webkit-animation: slideInUp 0.75s linear forwards; animation: slideInUp 0.75s linear forwards; } @media only screen and (max-width : 1920px) { .wrap_outer { width: 100%; } .section_2 { background: #9E005A url('img/section_2_bg.jpg') top left no-repeat; background-size: 100% auto; } .section_intro { background: #dff3f5 url('img/section_intro_bg.jpg') bottom left no-repeat; background-size: 100% auto; } .section_intro_alt { background: #dff3f5 url('img/section_intro_alt_bg.jpg') bottom left no-repeat; background-size: 100% auto; } .section_subintro { background: #61BEC4 url('img/section_subintro_bg.jpg') bottom left no-repeat; background-size: 100% auto; } } @media only screen and (max-width : 1600px) { /* .logo { top: 20px; } .logo, .logo_alt { width: 125px; } */ .logo_alt { width: 125px; } .monster_intro { width: 200px; min-height: 166px; height: 166px; } .monster_intro_alt { width: 200px; min-height: auto; height: auto; } .section_intro { padding: 90px 0 250px; } .section_intro { padding: 170px 0 250px; } .title_main { font-size: 36px; padding: 1em 0 0; } .title_main + p, .subtitle_main { font-size: 24px; line-height: 1.3; } .title_main + p + p { padding-top: 1.5em; } .font_large, .title_intro { font-size: 36px; line-height: 1.2; font-weight: 900; } .font_larger { font-size: 24px; line-height: 1.4; } .block_with_a_focus { display: block; } .card_icon_benefits, .card_icon_benefits_default { padding: 30px; /* min-height: 234px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; */ } .card_icon_benefits_p_program { min-height: 287px; } .clmn_icon_benefits img { width: 100px; } .clmn_icon_benefits p { font-size: 22px; } .roas_monster_to_the_rescue { width: 200px; } .roas_slide { padding: 260px 0 0; } .sign_up { font-size: 24px; padding: 76px 0 0; } .sign_up a { padding: 1em 2em; border-radius: 100px; } .section_1_slider::after { height: 42px; } .box_of_dots_3 { width: 400px; height: 150px; bottom: 10%; left: -5%; } .box_of_dots_4 { width: 400px; height: 150px; bottom: -60%; right: -5%; } .slick-dots { bottom: 116px; bottom: -46px; } } @media only screen and (max-width : 1500px) { .card_icon_benefits_p_program { min-height: auto; } } @media only screen and (max-width : 1440px) { .wrap_wide, .title_intro_wrap_wide { width: 90%; } .section_intro { padding: 90px 0 200px; } .section_intro { padding: 170px 0 200px; } } @media only screen and (max-width : 1366px) { /* .clmn_icon_benefits_wrap { width: 90%; margin: 0 auto; } */ .section_form { position: relative; z-index: 3; background-color: #ffffff; } } @media only screen and (max-width : 1280px) { .title_main { font-size: 30px; padding: 1em 0 0; } .title_main + p, .subtitle_main { font-size: 20px; line-height: 1.3; } .title_main + p + p { padding-top: 1.5em; } .font_large { font-size: 30px; line-height: 1.2; font-weight: 900; } .font_larger { font-size: 20px; line-height: 1.4; } .block_with_a_focus { display: block; } /*.card_icon_benefits { padding: 30px; }*/ .clmn_icon_benefits p { font-size: 20px; } .roas_slide { padding: 260px 0 0; } .sign_up { font-size: 20px; padding: 60px 0 0; } .sign_up a { padding: 1em 2em; border-radius: 100px; } .section_1_slider::after { height: 35px; } .slick-dots { bottom: 93px; bottom: -38px; } .box_of_dots_1 { width: 350px; height: 131px; bottom: 15%; left: -20%; } .section_intro { padding: 90px 0 150px; } .section_intro { padding: 170px 0 150px; } } @media only screen and (max-width : 1200px) { .wrap { width: 80%; } /* .form { margin-top: 0; } */ /* .slick { width: 96%; margin: 0 auto; } */ .slick_roas_monster { width: 96%; margin: 0 auto; } /* .translateLeft_1 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .translateLeft_2 { -webkit-animation: translateLeft 0.75s ease-in-out 0.25s forwards; animation: translateLeft 0.75s ease-in-out 0.25s forwards; } .translateLeft_3 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .translateLeft_4 { -webkit-animation: translateLeft 0.75s ease-in-out 0.25s forwards; animation: translateLeft 0.75s ease-in-out 0.25s forwards; } */ } @media only screen and (max-width : 1152px) { .padding_mobile_after_intro { padding-top: 0; } } @media only screen and (max-width : 1024px) { .about li { padding: 0 0.5em; } /* .section_intro { padding: 90px 0 200px; } .section_intro { padding: 170px 0 200px; } */ .wrap_slick p { width: 490px; margin: 0 auto; } /* .bg_circle_intro_3 { top: 55%; left: 6%; height: 40px; width: 40px; border: 6px solid #9e045a; } .box_of_dots_1 { width: 350px; height: 131px; bottom: 15%; left: -25%; } */ .block_no_strings { display: inline; } } @media only screen and (max-width : 820px) { .block_with_a_focus { display: inline; } .about { list-style-type: none; text-align: center; position: relative; padding: 1.5em 0 1.5em; margin: 0 0 2.5em; } .about li { padding: 1em 1em 0; } .video_wrap { margin: 75px 0 0; } .video_txt { text-align: center; width: 100%; position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .video_txt p:nth-of-type(1) { padding-top: 1.5em; } .video_img_wrap { position: relative; width: 480px; float: none; margin: 0 auto; } .box_of_dots_2 { width: 131px; height: 350px; bottom: 30%; right: 2%; } .block_that_will_blow { display: inline; } } @media only screen and (max-width : 720px) { /*.logo { left: 5%; }*/ .wrap { width: 90%; } .social::after { width: 100%; left: 0; } .section_intro .wrap { width: 360px; } .subtitle_main_wrap { width: 100%; padding: 30px 20px; } .subtitle_main_wrap .subtitle_main { padding-top: 0; } .title_main { font-size: 36px; padding: 0.75em 0 0; line-height: 1.2; } .title_main + p, .subtitle_main { font-size: 20px; line-height: 1.3; padding: 0.5em 0 0; } .title_main + p + p { padding: 2em 0 0; } .font_large { font-size: 30px; line-height: 1.2; font-weight: 900; } .font_larger { font-size: 20px; line-height: 1.4; } .clmn_icon_benefits_wrap { width: 360px; margin: 0 auto; padding: 0 0 55px; } .clmn_icon_benefits { width: 100%; margin: 50px auto 0; float: none; } .clmn_icon_benefits:nth-of-type(2n) { margin: 50px auto 0; } .clmn_icon_benefits:nth-of-type(3), .clmn_icon_benefits:nth-of-type(4) { margin: 50px auto 0; } .clmn_icon_benefits_default { width: 100%; margin: 50px auto 0; float: none; } .clmn_icon_benefits_default:nth-of-type(2n) { margin: 50px auto 0; } .clmn_icon_benefits_default:nth-of-type(3), .clmn_icon_benefits_default:nth-of-type(4) { margin: 50px auto 0; } /* .translateLeft_1 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .translateLeft_2 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .translateLeft_3 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .translateLeft_4 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } */ } @media only screen and (max-width : 650px) { /*.logo { display: none; }*/ .section_intro { padding: 36px 0 125px; } .section_intro { padding: 116px 0 125px; } .translateUpIntro_4 { -webkit-animation: translateLeft 1s ease-in-out 1.4s forwards; animation: translateLeft 1s ease-in-out 1.4s forwards; } .translateUpIntro_5 { -webkit-animation: translateLeft 1s ease-in-out 1.8s forwards; animation: translateLeft 1s ease-in-out 1.8s forwards; } .box_of_dots_1 { width: 350px; height: 131px; bottom: 0; left: -15%; display: none; } .box_of_dots_2 { width: 131px; height: 350px; bottom: 30%; right: 2%; } .box_of_dots_1_mobile { display: block; position: absolute; z-index: 0; width: 400px; height: 150px; top: 15%; left: -25%; will-change: transform; } .box_of_dots_3 { width: 350px; height: 131px; bottom: -50%; left: -250px; } .box_of_dots_4 { width: 350px; height: 131px; bottom: -70%; right: -250px; } } @media only screen and (max-width : 600px) { .block_sign_up { display: inline; } .video_img_wrap { width: 90%; } .bg_circle_video_1 { height: 130px; width: 130px; } .bg_circle_video_2 { height: 60px; width: 60px; } .bg_circle_video_3 { height: 30px; width: 30px; } .bg_circle_video_4 { height: 70px; width: 70px; } } @media only screen and (max-width : 570px) { .sign_up { font-size: 20px; padding: 80px 0 0; } .sign_up a { padding: 1em; border-radius: 100px; width: 320px; line-height: 1.35; margin: 0 auto; } /* .section_1_slider::after { height: 47px; } .section_1_slider::after { height: 35px; } */ .slick-dots { bottom: 126px; bottom: -46px; } .wrap_slick p { width: 370px; margin: 0 auto; } } @media only screen and (max-width : 500px) { .section_intro .wrap { width: 90%; } .mobile_what_makes, .mobile_what_makes + p { text-align: center; } .clmn_icon_benefits_wrap { width: 240px; } .social li { font-size: 30px; display: inline-block; margin: 0 1.5em 0 0; } .social li:nth-of-type(4) { margin: 0 0 0 0; } .block_you_will_be_charged { display: inline; } /* .bg_circle_intro_3 { top: 55%; left: -5%; height: 40px; width: 40px; border: 6px solid #9e045a; } .bg_circle_intro_6 { top: auto; bottom: 70%; left: auto; right: -24px; height: 48px; width: 48px; background-color: #0b4f6c; } .box_of_dots_1_mobile { top: 15%; left: -250px; } */ .section_intro { padding: 36px 0 100px; } .section_intro { padding: 116px 0 100px; } .block_drop_email { display: block; } .block_learn_more { display: inline; } .wrap { width: 86%; } .wrap { width: 90%; } } @media only screen and (max-width : 450px) { .social_contact_form li { font-size: 30px; display: inline-block; margin: 0 0 0 0; float: left; width: 25%; } .social_contact_form li:nth-of-type(4) { margin: 0 0 0 0; } .wrap_slick .sign_up { font-size: 20px; padding: 80px 0 0; width: 290px; } .wrap_slick .sign_up a { padding: 1em 0; border-radius: 100px; width: 100%; line-height: 1.35; } .mobile_dash { display: none; } .block_reserved { display: block; } .box_of_dots_3 { width: 350px; height: 131px; bottom: -110%; left: -70%; } .box_of_dots_4 { width: 350px; height: 131px; bottom: -90%; right: -70%; } .subtitle_main_wrap { width: 80%; } /* .form_wrap_newsletter { width: 80%; } */ .slick { width: 98%; } .block_more { display: block; } .block_no_matter_what_role { display: inline; } .bg_circle_video_1 { height: 120px; width: 120px; } .bg_circle_video_2 { height: 50px; width: 50px; } .bg_circle_video_3 { height: 30px; width: 30px; } .bg_circle_video_4 { height: 60px; width: 60px; } .box_of_dots_video { width: 213px; height: 80px; } } @media only screen and (max-width : 400px) { .title_main { font-size: 30px; padding: 0.75em 0 0; line-height: 1.2; } .box_of_dots_3 { width: 350px; height: 131px; bottom: -110%; left: -90%; } .box_of_dots_4 { width: 350px; height: 131px; bottom: -90%; right: -80%; } .wrap_slick p:nth-of-type(1), .wrap_slick p:nth-of-type(2) { width: 320px; margin: 0 auto; } .wrap_slick p:nth-of-type(3) { width: 340px; margin: 0 auto; } .wrap_slick .font_large { font-size: 26px; line-height: 1.2; font-weight: 900; } .subtitle_main_wrap { width: 90%; padding: 30px 0; } } @media only screen and (max-width : 1600px) { .sign_up_absolute { bottom: 83px; } /* height: 84px */ } @media only screen and (max-width : 1440px) { .sign_up_absolute { bottom: 58px; } } @media only screen and (max-width : 1280px) { .sign_up_absolute { bottom: 33px; } } @media only screen and (max-width : 1024px) { .sign_up_absolute { bottom: 58px; } } @media only screen and (max-width : 650px) { .section_intro_sign_up { padding: 90px 0 174px; } .section_intro_sign_up { padding: 170px 0 174px; } .sign_up_absolute { bottom: 45px; } } @media only screen and (max-width : 700px) { .sign_up { font-size: 20px; padding: 80px 0 0; } .sign_up a { padding: 1em; border-radius: 100px; width: 320px; line-height: 1.35; margin: 0 auto; } .section_1_slider::after { height: 47px; } .section_1_slider::after { height: 35px; } .slick-dots { bottom: 126px; bottom: -46px; } .wrap_slick p { width: 370px; margin: 0 auto; } } @media only screen and (max-width : 1600px) { .bg_circle_blog_1 { top: 10%; left: 15%; height: 55px; width: 55px; background-color: #0b4f6c; } .bg_circle_blog_2 { top: 40%; left: 10%; height: 26px; width: 26px; background-color: #F9DB6D; } .bg_circle_blog_3 { bottom: 10%; left: 5%; height: 200px; width: 200px; background-color: #9e045a; } .bg_circle_blog_4 { bottom: 30%; left: 4%; height: 75px; width: 75px; border: 8px solid #ffffff; } .bg_circle_blog_5 { bottom: 20%; left: 25%; height: 26px; width: 26px; background-color: #ffffff; } .bg_circle_blog_6 { top: 10%; right: 5%; height: 150px; width: 150px; border: 12px solid #F9DB6D; } .bg_circle_blog_7 { bottom: 40%; right: 15%; height: 55px; width: 55px; background-color: #ffffff; } } @media only screen and (max-width : 1440px) { .dots_1 { width: 350px; height: 131px; } .dots_1_tiny { width: 348px; height: 131px; } .bg_circle_blog_1 { top: 10%; left: 15%; height: 35px; width: 35px; background-color: #0b4f6c; } .bg_circle_blog_2 { top: 40%; left: 10%; height: 16px; width: 16px; background-color: #F9DB6D; } .bg_circle_blog_3 { bottom: 10%; left: 5%; height: 150px; width: 150px; background-color: #9e045a; } .bg_circle_blog_4 { bottom: 30%; left: 4%; height: 55px; width: 55px; border: 8px solid #ffffff; } .bg_circle_blog_5 { bottom: 20%; left: 25%; height: 16px; width: 16px; background-color: #ffffff; } .bg_circle_blog_6 { top: 10%; right: 5%; height: 110px; width: 110px; border: 12px solid #F9DB6D; } .bg_circle_blog_7 { bottom: 40%; right: 15%; height: 35px; width: 35px; background-color: #ffffff; } .bg_circle_why_target_roas_cpo_1 { top: -30px; left: 30%; height: 55px; width: 55px; border: 10px solid #F9DB6D; } .bg_circle_why_target_roas_cpo_2 { top: 26px; right: -26px; height: 16px; width: 16px; background-color: #61BEC4; } .bg_circle_why_target_roas_cpo_3 { bottom: -104px; right: 104px; height: 16px; width: 16px; border: 5px solid #9e045a; } .bg_circle_why_target_roas_cpo_4 { bottom: -200px; left: -150px; height: 55px; width: 55px; border: 10px solid #61BEC4; } .bg_circle_why_target_roas_cpo_5 { top: 150px; left: -150px; height: 55px; width: 55px; border: 10px solid #ffffff; } .bg_circle_why_target_roas_cpo_6 { top: 250px; left: -50px; height: 55px; width: 55px; background-color: #9e045a; } .bg_circle_why_target_roas_cpo_7 { top: 250px; left: 250px; height: 16px; width: 16px; border: 5px solid #0B4F6C; } .bg_circle_why_target_roas_cpo_8 { top: 250px; right: -150px; height: 16px; width: 16px; background-color: #0B4F6C; } .bg_circle_why_target_roas_cpo_9 { top: 400px; right: -400px; height: 16px; width: 16px; border: 5px solid #61BEC4; } .bg_circle_why_target_roas_cpo_10 { top: 50; left: -200px; height: 16px; width: 16px; background-color: #9e045a; } .bg_circle_why_target_roas_cpo_11 { top: 200px; left: -100px; height: 16px; width: 16px; border: 5px solid #61BEC4; } .bg_circle_why_target_roas_cpo_12 { top: 100px; right: -100px; height: 55px; width: 55px; border: 10px solid #F9DB6D; } } @media only screen and (max-width : 1280px) { .clmn_lottie_cekini { width: 550px; } .lottie_cekini { top: -100px; left: 550px; width: 350px; } } @media only screen and (max-width : 1152px) { .bg_circle_blog_6 { top: 0; right: 5%; height: 110px; width: 110px; border: 12px solid #F9DB6D; } .bg_title { line-height: 96px; margin: 0; } .bg_title_txt { font-size: 96px; line-height: 96px; } .title_intro_wrap { width: 90%; } } @media only screen and (max-width : 1024px) { .scene_intro { position: relative; z-index: 4; padding: 270px 0 250px; height: 100%; } .box_of_dots_intro { bottom: 0; right: -100px; } .bg_circle_blog_3 { bottom: 10%; left: 5%; height: 100px; width: 100px; background-color: #9e045a; } .bg_circle_blog_6 { top: 10%; right: 5%; height: 80px; width: 80px; border: 10px solid #F9DB6D; } /* .scroll__down { border: 3px solid white; height: 41px; width: 23px; bottom: 158px; } .scroll__down::after { content: ''; position: absolute; top: 10px; left: 10px; height: 10px; width: 3px; border-radius: 3px; -webkit-animation: scrolling 2.5s ease-out 1.6s forwards infinite; animation: scrolling 2.5s ease-out 1.6s forwards infinite; } @keyframes scrolling { 0% { height: 10px; } 20% { height: 14px; } 40% { height: 10px; } 100% { height: 10px; } } */ .scroll__down { bottom: 100px; } .card_img_monster_beside { width: 260px; bottom: 0; right: 60px; } .lottie_puscica_1 { width: 150px; height: auto; margin: 0 0 0 -75px; top: 90px; left: 50%; right: auto; will-change: transform; -webkit-transform: rotate(90deg); transform: rotate(90deg); } .lottie_puscica_1_si { top: 50px; } .lottie_puscica_2 { width: 150px; margin: 0 0 0 -75px; height: auto; bottom: -115px; left: 45%; will-change: transform; -webkit-transform: rotate(-70deg); transform: rotate(-70deg); } .lottie_puscica_3 { width: 150px; height: auto; margin: 0 0 0 -75px; bottom: -50px; left: 50%; right: auto; will-change: transform; -webkit-transform: rotate(70deg); transform: rotate(70deg); } .blob_start { position: relative; width: 550px; z-index: 3; margin: 0 auto; text-align: center; } .blob_finish { position: relative; width: 550px; float: none; margin: 80px auto 0; text-align: center; } .blob_1 { float: none; margin: 100px auto 0; width: 650px; } .blob_1 p { padding: 0; position: absolute; z-index: 1; top: 150px; left: 145px; width: 360px; } .blob_1_img { width: 650px; } .blob_2 { width: 360px; float: none; width: 550px; margin: 100px auto 0; } .blob_2 p { padding: 0; position: absolute; z-index: 1; top: 50%; left: 95px; width: 360px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .blob_2_img { width: 550px; } .bg_circle_why_target_roas_cpo_4 { bottom: -200px; left: -100px; height: 55px; width: 55px; border: 10px solid #61BEC4; } .bg_circle_why_target_roas_cpo_5 { top: 100px; left: -140px; height: 55px; width: 55px; border: 10px solid #ffffff; } .bg_circle_why_target_roas_cpo_6 { top: 350px; left: -50px; height: 55px; width: 55px; background-color: #9e045a; } .bg_circle_why_target_roas_cpo_7 { top: 150px; left: 0; height: 16px; width: 16px; border: 5px solid #0B4F6C; } .bg_circle_why_target_roas_cpo_8 { top: -100px; right: 0; height: 16px; width: 16px; background-color: #0B4F6C; } .bg_circle_why_target_roas_cpo_9 { top: 0; right: -50px; height: 16px; width: 16px; border: 5px solid #61BEC4; } .bg_circle_why_target_roas_cpo_10 { top: 50; left: -200px; height: 16px; width: 16px; background-color: #9e045a; } .bg_circle_why_target_roas_cpo_11 { top: 200px; left: -50px; height: 16px; width: 16px; border: 5px solid #61BEC4; } .bg_circle_why_target_roas_cpo_12 { top: 100px; right: -75px; height: 55px; width: 55px; border: 10px solid #F9DB6D; } } @media only screen and (max-width : 900px) { .blog_clmn_1_wrap { margin: 40px 0 0; position: relative; } .blog_clmn_1 { width: 320px; float: none; margin: 0 auto 0; position: relative;} .blog_clmn_1:nth-of-type(2) { width: 100%; margin: 100px 0 0; } .bg_circle_why_target_roas_cpo_1 { top: 55px; left: 0; height: 55px; width: 55px; border: 10px solid #F9DB6D; } .bg_circle_why_target_roas_cpo_2 { top: 255px; right: 0; height: 16px; width: 16px; background-color: #61BEC4; } .clmn_lottie_cekini { width: 400px; } .lottie_cekini { top: -100px; left: 400px; width: 400px; } .card_monster_beside { padding-right: 240px; } .card_img_monster_beside { width: 220px; bottom: 0; right: 20px; position: absolute; z-index: 2; } .title_intro_wrap_about_us { width: 500px; } } @media only screen and (max-width : 800px) { .bg_circle_blog_7 { bottom: 20%; right: 15%; height: 35px; width: 35px; background-color: #ffffff; } .bg_circle_why_target_roas_cpo_6 { top: 750px; left: 25px; height: 55px; width: 55px; background-color: #9e045a; } .bg_circle_why_target_roas_cpo_7 { top: 150px; left: 25px; height: 16px; width: 16px; border: 5px solid #0B4F6C; } .bg_circle_why_target_roas_cpo_8 { top: -100px; right: 50px; height: 16px; width: 16px; background-color: #0B4F6C; } .bg_circle_why_target_roas_cpo_9 { top: 0; right: 0; height: 16px; width: 16px; border: 5px solid #61BEC4; } .block_to_boost { display: inline; } } @media only screen and (max-width : 700px) { .section_wave_1_alt { padding: 108px 0 50px; } .blob_start { position: relative; width: 100%; } .blob_finish { position: relative; width: 100%; } } @media only screen and (max-width : 650px) { .card_img_monster_beside { width: 180px; bottom: 0; right: auto; left: 50%; margin: 0 0 0 -90px; position: relative; } .card_monster_beside { padding-right: 40px; padding-bottom: 32px; text-align: center; } .monster_beside_scene_inner_1 { height: 100%; width: 100%; height: auto; width: auto; position: relative; padding: 0; } .parallax_scene_8 { height: 100%; width: 100%; height: auto; width: auto; position: relative; padding: 1.5em 0 0; } } @media only screen and (max-width : 600px) { .title_intro { text-transform: none; } .lottie_puscica_1 { top: 110px; } .lottie_puscica_1_si { top: 60px; } .title_intro_wrap_about_us { width: 90%; } .blob_1 { margin: 100px auto 0; width: 100%; } .blob_1 p { padding: 0; position: absolute; z-index: 1; top: 150px; left: 145px; left: 50%; width: 360px; margin: 0 0 0 -180px; } .blob_1_img { width: 650px; position: relative; left: -50px; } .blob_2 { width: 100%; margin: 100px auto 0; } .blob_2 p { padding: 0; position: absolute; z-index: 1; top: 50%; left: 95px; left: 50%; width: 360px; margin: 0 0 0 -180px; } .blob_2_img { width: 550px; position: relative; left: -25px; } .card_monster_beside { padding-right: 40px; padding-bottom: 160px; } .card_monster_beside { padding-right: 40px; padding-bottom: 40px; } .card_img_monster_beside { width: 220px; bottom: 0; right: 20px; } .clmn_lottie_cekini { width: 100%; } .lottie_cekini { top: -325px; left: 50%; width: 300px; margin: 0 0 0 -150px; } .section_1_cekini { padding: 290px 0 35px; } .blog_clmn_1 { width: 240px; float: none; margin: 0 auto 0; position: relative; z-index: 2; } .dots_img_bottom { position: absolute; z-index: -1; bottom: -50px; right: -55px; } .bg_circle_blog_1 { top: 10%; left: 15%; height: 25px; width: 25px; background-color: #0b4f6c; } .bg_circle_blog_2 { top: 40%; left: 10%; height: 12px; width: 12px; background-color: #F9DB6D; } .bg_circle_blog_3 { bottom: 10%; left: 5%; height: 80px; width: 80px; background-color: #9e045a; } .bg_circle_blog_4 { bottom: 30%; left: 4%; height: 40px; width: 40px; border: 6px solid #ffffff; } .bg_circle_blog_5 { bottom: 20%; left: 25%; height: 12px; width: 12px; background-color: #ffffff; } .bg_circle_blog_6 { top: 10%; right: 5%; height: 60px; width: 60px; border: 10px solid #F9DB6D; } .bg_circle_blog_7 { bottom: 20%; right: 15%; height: 25px; width: 25px; background-color: #ffffff; } .bg_circle_why_target_roas_cpo_3 { bottom: -104px; right: 54px; height: 16px; width: 16px; border: 5px solid #9e045a; } .bg_circle_why_target_roas_cpo_4 { bottom: -100px; left: auto; right: -50px; height: 55px; width: 55px; border: 10px solid #61BEC4; } .scene_intro { position: relative; z-index: 4; padding: 270px 0 200px; height: 100%; } } @media only screen and (max-width : 550px) { .box_of_dots_intro { bottom: 0; right: -175px; } .bg_circle_why_target_roas_cpo_1 { top: 35px; left: 0; height: 55px; width: 55px; border: 10px solid #F9DB6D; } .bg_circle_why_target_roas_cpo_2 { top: 50px; right: 0; height: 16px; width: 16px; background-color: #61BEC4; } } @media only screen and (max-width : 500px) { .bg_circle_why_target_roas_cpo_3 { bottom: -55px; right: 54px; height: 12px; width: 12px; border: 4px solid #9e045a; } .bg_circle_why_target_roas_cpo_4 { bottom: -120px; right: -50px; height: 40px; width: 40px; border: 10px solid #61BEC4; } .bg_circle_why_target_roas_cpo_5 { top: auto; bottom: -100px; left: -50px; height: 40px; width: 40px; border: 6px solid #ffffff; } .card_img_monster_beside { width: 150px; bottom: 0; right: 20px; } .card_monster_beside { padding-right: 40px; padding-bottom: 40px; } .blob_1_img { width: 650px; position: relative; left: -100px; } .blob_2_img { width: 550px; position: relative; left: -80px; } } @media only screen and (max-width : 460px) { .lottie_puscica_1 { top: 150px; } .lottie_puscica_1_si { top: 100px; } } @media only screen and (max-width : 450px) { .scene_intro { position: relative; z-index: 4; padding: 50px 0 100px; height: 100%; } .scene_intro { position: relative; z-index: 4; padding: 0; height: 100vh; } .blob_1 { margin: 100px auto 0; width: 100%; } .blob_1 p { top: 100px; left: 145px; left: 50%; width: 250px; margin: 0 0 0 -125px; } .blob_2 { width: 100%; margin: 100px auto 0; } .blob_2 p { top: 50%; left: 95px; left: 50%; width: 250px; margin: 1.5em 0 0 -125px; } .header_top { height: 1px; background-color: #61BEC4; display: block; } .title_intro { padding: 0 0 0.25em; line-height: 1; } .title_intro_wrap { /* height: 100vh; */ padding-bottom: 1.5em; } .title_intro_wrap_mobile_full_height { height: 100vh; padding-bottom: 1.5em; } .title_intro_wrap_high_meet { padding-bottom: 0; } /* .header_main { position: fixed; top: 0; left: 0; box-shadow: 0 3px 6px rgba(0,0,0,0.1); } */ .box_of_dots_intro { bottom: -25px; right: -175px; } .scroll__down { display: none; } /* .scroll__down { border: 4px solid white; border: 6px solid rgba(0,0,0,0.15); border-radius: 60px; height: 100px; width: 60px; position: fixed; z-index: 13; bottom: 50px; } .scroll__down::after { top: 20px; left: 27px; height: 20px; width: 6px; background-color: #ffffff; background-color: rgba(255,255,255,0.2); background-color: rgba(0,0,0,0.15); border-radius: 6px; } @keyframes scrolling { 0% { height: 20px; } 20% { height: 26px; } 40% { height: 20px; } 100% { height: 20px; } } */ } @media only screen and (max-width : 400px) { } @media only screen and (max-width : 1280px) { .animateTranslateLeft_1_6.translateLeft_1, .animateTranslateLeft_3_6.translateLeft_3, .animateTranslateLeft_5_6.translateLeft_5, .animateTranslateLeft_7_6.translateLeft_7 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } .animateTranslateLeft_2_6.translateLeft_2, .animateTranslateLeft_4_6.translateLeft_4, .animateTranslateLeft_6_6.translateLeft_6, .animateTranslateLeft_8_6.translateLeft_8 { -webkit-animation: translateLeft 0.75s ease-in-out 0.25s forwards; animation: translateLeft 0.75s ease-in-out 0.25s forwards; } } @media only screen and (max-width : 900px) { .animateTranslateLeft_1_6.translateLeft_1, .animateTranslateLeft_2_6.translateLeft_2, .animateTranslateLeft_3_6.translateLeft_3, .animateTranslateLeft_4_6.translateLeft_4, .animateTranslateLeft_5_6.translateLeft_5, .animateTranslateLeft_6_6.translateLeft_6, .animateTranslateLeft_7_6.translateLeft_7, .animateTranslateLeft_8_6.translateLeft_8 { -webkit-animation: translateLeft 0.75s ease-in-out forwards; animation: translateLeft 0.75s ease-in-out forwards; } } @media only screen and (max-width : 1280px) { .clmn_icon_users_wrap, .clmn_features_3_wrap, .clmn_features_4_wrap { width: 768px; margin: 0 auto; } .clmn_icon_users, .clmn_features_3, .clmn_features_4 { width: 45%; margin: 50px 10% 0 0; float: left; } .clmn_features_3:nth-of-type(3n) { margin-right: 10%; } .clmn_icon_users:nth-of-type(2n), .clmn_icon_users:nth-of-type(4n), .clmn_features_3:nth-of-type(2n), .clmn_features_4:nth-of-type(2n), .clmn_features_4:nth-of-type(4n) { margin-right: 0; } .clmn_icon_users { min-height: 177px; } } @media only screen and (max-width : 900px) { .clmn_features_3_wrap, .clmn_features_4_wrap { width: 350px; margin: 0 auto; } .clmn_features_3, .clmn_features_4 { width: 100%; margin: 50px 0 0 0; float: none; } .clmn_features_3:nth-of-type(3n) { margin-right: 0; } .clmn_features_3:nth-of-type(2n), .clmn_features_4:nth-of-type(2n), .clmn_features_4:nth-of-type(4n) { margin-right: 0; } .clmn_icon_users_wrap { width: 100%; } } @media only screen and (max-width : 700px) { .clmn_icon_users_wrap { width: 350px; } .clmn_icon_users { width: 100%; margin: 50px 0 0 0; float: none; } .clmn_icon_users:nth-of-type(2n), .clmn_icon_users:nth-of-type(4n) { margin-right: 0; } .clmn_icon_users { min-height: auto; } } @media only screen and (max-width : 450px) { .clmn_icon_users_wrap, .clmn_features_3_wrap, .clmn_features_4_wrap { width: 90%; margin: 0 auto; } .card_small_icon { padding: 17px 23px 17px 86px; } .card_small_no_icon { padding: 17px 23px; } .clmn_icon_users, .clmn_features_3, .clmn_features_4 { margin-top: 40px; } .card_small_icon img { width: 40px; padding: 15px; top: 50%; left: -10px; margin: -42px 0 0 0; border: 5px solid #ffffff; } } .line_height_card_icon { line-height: 1.4; } .no_shadow, .no_box_shadow { box-shadow: none; } .no_border_radius { border-radius: 0; } .no-padding-top { padding-top: 0; } .no-padding-bottom { padding-bottom: 0; } .no-mrg-top { margin-top: 0; } .no-mrg-bottom { margin-bottom: 0; } .no-mrg-right { margin-right: 0; } .padding_top { padding-top: 1.5em; } .padding_top_em { padding-top: 1.25em; } .padding_top_em_double { padding-top: 2em; } .padding_top_em_half { padding-top: 0.5em; } .padding_bottom { padding-bottom: 1.5em; } .border_box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }