/* --------------- DEFAULT --------------- */ .frontpage_section { font-size: 16px; color: #a3b4cc; position: relative; } .frontpage_section blockquote { margin-bottom: 20px; padding: 5px 0 5px 35px; color: #091c2e; border-left: 10px solid #02caca; } .section_title { margin-bottom: 30px; font-size: 30px; font-weight: 700; color: #030c1a; line-height: 40px; } .section_title.big { font-size: 50px; line-height: 1; } .section_title.medium { font-size: 40px; line-height: 1; } .section_title.white { color: white; } .section_desc { max-width: 600px; margin: 0 auto 30px; font-size: 18px; color: #a3b4cc; line-height: 26px; } .section_desc.white { color: white; } .row { margin: 0!important; } a.register-btn { padding: 0 20px!important; } a.register-btn:hover { padding: 0 20px!important; } .button.button_has_second_line { height: auto; padding: 10px 20px; text-align: left; line-height: 22px; font-size: 20px; } .button.button_has_second_line span { font-size: 14px; font-weight: normal; display: block; opacity: 0.8; } .frontpage_section { font-size: 16px; color: #a3b4cc; position: relative; } .frontpage_section blockquote { margin-bottom: 20px; padding: 5px 0 5px 35px; color: #091c2e; border-left: 10px solid #02caca; } .section_title { margin-bottom: 30px; font-size: 30px; font-weight: 700; color: #030c1a; line-height: 40px; } .section_title.big { font-size: 50px; line-height: 1; } .section_title.medium { font-size: 40px; line-height: 1; } .section_title.white { color: white; } .section_desc { max-width: 600px; margin: 0 auto 30px; font-size: 18px; color: #a3b4cc; line-height: 26px; } .section_desc.white { color: white; } /* -------------- SLIDER -------------- */ #slider { background: url(/img/frontpage/bgr_slider.webp) no-repeat center; background-size: cover; position: relative; z-index: 2; } #slider .inner { height: 100%; } #slider .slider_wrapper { max-height: 600px; min-height: 350px; position: relative; } #slider .slider_wrapper:after { padding-top: 50%; display: block; position: relative; content: ''; z-index: 1; } #slider .slider_wrapper .entry { width: 50%; height: 100%; left: 0; top: 0; position: absolute; z-index: 2; } #slider .slider_wrapper .subtitle { margin-bottom: 40px; padding-left: 80px; font-size: 14px; font-weight: 700; line-height: 1; position: relative; } #slider .slider_wrapper .subtitle:before { width: 60px; height: 1px; left: 0; top: 50%; background: #c60649; position: absolute; content: ''; } #slider .slider_wrapper .title { font-size: 50px; font-weight: 700; color: #091c2e; line-height: 1.2; } #slider .slider_wrapper .title span { position: relative; display: inline-block; } #slider .slider_wrapper .title span:before { height: 15px; left: -10px; right: -10px; bottom: 9px; background: #02caca; position: absolute; content: ''; z-index: -1; } #slider .slider_wrapper .button { margin-top: 20px; } #slider .iphone { width: 100%; left: 0; bottom: -115px; position: absolute; } #slider .iphone img { width: 80%; max-width: 960px; height: auto; display: inline-block; } /* ------------------ HIGHT TECH ------------------ */ #hight_tech { padding: 300px 0 90px; background: #091c2e url(/img/frontpage/bgr_high_tech2.png) repeat-x center top; position: relative; z-index: 1; } #hight_tech ul { list-style: none; margin: 0; padding: 0; border-top: 1px solid #113353; } #hight_tech ul li { padding: 10px 0 10px 50px; line-height: 20px; border-bottom: 1px solid #113353; position: relative; } #hight_tech ul li:before { width: 40px; height: 100%; left: 0; top: 0; background: url(/img/frontpage/icon_check.svg) no-repeat 5px center; background-size: auto 20px; border-right: 1px solid #113353; position: absolute; content: ''; } #hight_tech .devices { width: 50%; max-width: 800px; height: auto; max-height: 600px; right: 0; bottom: 0; position: absolute; } /* ------------------ ADVANTAGES ------------------ */ #advantages { padding: 70px 0; background: #091c2e url(/img/frontpage/bgr_advantages.webp) no-repeat right bottom; position: relative; z-index: 2; } #advantages .advantage { width: 49%; width: calc(50% - 20px); min-height: 220px; margin-bottom: 40px; margin-top: 0px; padding: 40px 40px 0 160px; background-color: #0e2942; background-repeat: no-repeat; background-position: 40px 40px; background-size: auto 90px; float: left; position: relative; z-index: 2; } #advantages .advantage:nth-child(2n) { float: right; } #advantages .advantage.security { background-image: url(/img/frontpage/icon_advantages_security.svg); } #advantages .advantage.templates { background-image: url(/img/frontpage/icon_advantages_templates.svg); } #advantages .advantage.internet { background-image: url(/img/frontpage/icon_advantages_internet.svg); } #advantages .advantage.kkv { background-image: url(/img/frontpage/icon_advantages_kkv.svg); } #advantages .advantage h3 { margin-bottom: 20px; font-size: 20px; font-weight: 700; color: white; line-height: 1; } #advantages .circle { left: 0; top: -20%; position: absolute; z-index: 1; } /* ---------------- PARTNERS ---------------- */ #partners { padding: 70px 0; background: white url(/img/frontpage/bgr_partners.png) no-repeat right top; } #partners .subtitle { margin-bottom: 40px; font-size: 14px; font-weight: 700; line-height: 1; position: relative; } #partners .logos { font-size: 0; } #partners .logos img { max-width: 110px; height: auto; max-height: 40px; margin: 10px 20px; vertical-align: middle; display: inline-block; } /* -------------------------- CONTRACT TEST -------------------------- */ #contract_test { background: white url(/img/frontpage/bgr_contract_test.webp) no-repeat right center; } #contract_test p { margin-bottom: 20px; color: #62748e; } #contract_test .row { height: 550px; } #contract_test .row .col { vertical-align: middle; } #contract_test .form_row.form_row_wide input.form-control { width: 332px; float: left; margin-right: 8px; margin-bottom: 8px; } /* -------------------------- CONTACT AC -------------------------- */ #contact_ac { background: white url(/img/frontpage/bgr_test_contract.webp) no-repeat right center; } #contact_ac p { margin-bottom: 20px; color: #62748e; } #contact_ac .row { height: 550px; } #contact_ac .row .col { vertical-align: middle; } #contact_ac .form_row.form_row_wide input.form-control { width: 332px; float: left; margin-right: 8px; margin-bottom: 8px; } /* -------------------------- CONTRACT PROCESSES -------------------------- */ #contract_processes { background: white url(/img/frontpage/bgr_contract_processes.webp) no-repeat left center; position: relative; } #contract_processes p { margin-bottom: 20px; color: #62748e; } #contract_processes .row { height: 550px; } #contract_processes .row .col { vertical-align: middle; } /* -------------------------- ANYTIME & ANYWHERE -------------------------- */ #anytime_anywhere { background: white url(/img/frontpage/bgr_anytime_anywhere.webp) no-repeat right center; } #anytime_anywhere p { margin-bottom: 20px; color: #62748e; } #anytime_anywhere .row { height: 550px; } #anytime_anywhere .row .col { vertical-align: middle; } /* -------------------------- B2B2C PROCESS -------------------------- */ #b2b2c-process { background: white url(/img/frontpage/bgr_b2b2c-process.webp) no-repeat left center; position: relative; } #b2b2c-process p { margin-bottom: 20px; color: #62748e; } #b2b2c-process .row { height: 550px; } #b2b2c-process .row .col { vertical-align: middle; } /* ---------------- TRY DEMO ---------------- */ #try_demo { padding: 50px 0; background: #091c2e; position: relative; } #try_demo p { max-width: 520px; margin: 0 auto 20px; font-size: 18px; } #try_demo img { right: 0; bottom: -90px; display: block; position: absolute; } /* --------------------- RECOMENDED TO --------------------- */ #recommended_to { padding: 100px 0 70px; background: white url(/img/frontpage/bgr_recomended_to.webp) no-repeat top center; } #recommended_to .intro_text { margin-bottom: 30px; color: #62748e; } #recommended_to .intro_text p { margin-bottom: 20px; } #recommended_to .intro_text p:last-child { margin-bottom: 0; } #recommended_to .boxes { padding: 50px 0; position: relative; z-index: 1; } #recommended_to .boxes:before { width: 50%; width: calc(50% - 30px); height: 100%; left: 0; top: 0; background: url(/img/frontpage/img_recomended_to__01.webp) no-repeat right center; position: absolute; content: ''; } #recommended_to .boxes .boxes_wrapper { margin-left: -10px; margin-right: -10px; } #recommended_to .boxes .boxes_wrapper .box { padding-left: 10px; padding-right: 10px; } #recommended_to .boxes .boxes_wrapper .box img { width: 100%; height: auto; display: block; } #recommended_to .boxes .boxes_wrapper .box .wrapper { background: white; -moz-box-shadow: 0 30px 40px rgba(0,0,0,0.1); -webkit-box-shadow: 0 30px 40px rgba(0,0,0,0.1); box-shadow: 0 30px 40px rgba(0,0,0,0.1); } #recommended_to .boxes .boxes_wrapper .box .thumbnail { } #recommended_to .boxes .boxes_wrapper .box .entry { min-height: 350px; padding: 30px 30px 0; font-size: 15px; color: #62748e; line-height: 20px; } #recommended_to .boxes .boxes_wrapper .box .entry h3 { margin-bottom: 10px; font-size: 25px; font-weight: 700; color: #091c2e; line-height: 30px; } #recommended_to .boxes .boxes_wrapper .box.first img { width: auto; height: 90px; } #recommended_to .boxes .boxes_wrapper .box.first .wrapper { padding-top: 100px; background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #recommended_to .boxes .boxes_wrapper .box.first .entry { padding: 20px 20px 0 0; color: white; } #recommended_to .boxes .boxes_wrapper .box.first .entry h3 { color: white; } /* ------------------------ VIDEO and POINTS ------------------------ */ #video_points { background: white; } #video_points .subtitle { margin-bottom: 40px; font-size: 14px; font-weight: 700; color: #8b9bb1; line-height: 1; } #video_points .quote { max-width: 480px; margin: 0 auto 30px; } #video_points .quote .quote_text { margin-bottom: 10px; font-size: 18px; color: #62748e; line-height: 26px; } #video_points .quote .quote_author { height: 30px; padding: 0 50px; font-size: 14px; color: #62748e; line-height: 30px; display: inline-block; position: relative; } #video_points .quote .quote_author:before, #video_points .quote .quote_author:after { width: 30px; height: 1px; left: 0; top: 50%; background: #62748e; position: absolute; content: ''; } #video_points .quote .quote_author:after { left: auto; right: 0; } #video_points .the_video_inner:before { width: 100%; height: 100%; height: calc(100% - 10%); left: 0; bottom: 0; background: url(/img/frontpage/bgr_video_inner.webp) no-repeat center bottom; position: absolute; content: ''; } #video_points .the_video { max-width: 960px; max-height: 460px; min-height: 200px; margin: auto; background: #091c2e url(/img/frontpage/bgr_video.webp) no-repeat center; background-size: cover; position: relative; -moz-box-shadow: 0 20px 50px rgba(0,0,0,0.3); -webkit-box-shadow: 0 20px 50px rgba(0,0,0,0.3); box-shadow: 0 20px 50px rgba(0,0,0,0.3); } #video_points .the_video:after { padding-top: 50%; display: block; content: ''; } #video_points .the_video a { width: 100%; height: 100%; left: 0; top: 0; color: white; display: block; position: absolute; } #video_points .the_video a .play_button_wrapper { width: 170px; height: 170px; margin: auto; font-size: 14px; font-weight: 700; color: white; } #video_points .the_video a .play_button_wrapper .play_button { width: 120px; height: 120px; margin: 0 auto 20px; position: relative; } #video_points .the_video a .play_button_wrapper .play_button:before { width: 120px; height: 120px; left: 0; top: 0; border: 10px solid white; position: absolute; content: ''; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #video_points .the_video a:hover .play_button_wrapper .play_button:before { border-width: 5px; } #video_points .the_video a .play_button_wrapper .play_button:after { width: 100%; height: 100%; left: 0; top: 0; background: url(/img/frontpage/icon_play_white.svg) no-repeat center; background-size: auto 42px; position: absolute; content: ''; } #video_points .why_choose_us { max-width: 960px; margin: auto!important; padding: 70px 0; } #video_points .why_choose_us .col_left { padding-right: 50px; } #video_points .why_choose_us .col_right { padding-left: 50px; } #video_points .why_choose_us article { margin-bottom: 40px; padding-top: 70px; font-size: 16px; color: #62748e; line-height: 26px; position: relative; } #video_points .why_choose_us article:last-of-type { margin-bottom: 0; } #video_points .why_choose_us article:before { width: 50px; height: 50px; left: 0; top: 0; font-size: 20px; font-weight: 700; text-align: center; color: white; line-height: 50px; background: #c60649; position: absolute; content: attr(data-number); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } /* ---------------------- PROTECTED DATA ---------------------- */ #protected_data { padding: 70px 0; background: #091c2e; } #protected_data .intro_text { margin-bottom: 30px; } #protected_data .intro_text .text { max-width: 480px; margin: auto; } #protected_data .boxes { background: url(/img/frontpage/bgr_protected_data.webp) no-repeat center; } #protected_data .boxes .box { width: 320px; height: 300px; padding: 30px; font-size: 16px; color: #a3b4cc; line-height: 26px; background: #0e2942; -moz-box-shadow: 0 0 50px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.5); box-shadow: 0 0 50px rgba(0,0,0,0.5); } #protected_data .boxes .box h3 { margin-bottom: 20px; font-size: 20px; font-weight: 700; color: white; line-height: 1; } /* -------------------- TESTIMONIALS -------------------- */ #testimonials { padding: 70px 0; background: #f7f7f7; } #testimonials .intro_text { margin-bottom: 50px; } #testimonials .intro_text img { width: auto; height: 90px; margin: 0 auto 30px; display: block; } #testimonials .intro_text .text { max-width: 480px; margin: auto; font-size: 18px; color: #62748e; } #testimonials .testimonials_wrapper { margin-left: -20px; margin-right: -20px; font-size: 0; } #testimonials .testimonials_wrapper .testimonial { padding-left: 20px; padding-right: 20px; padding-bottom: 40px;} #testimonials .testimonials_wrapper .testimonial .wrapper { background: white; -moz-box-shadow: 0 0 50px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0 50px rgba(0,0,0,0.15); box-shadow: 0 0 50px rgba(0,0,0,0.15); } #testimonials .testimonials_wrapper .testimonial .entry { min-height: 440px; padding: 40px 40px 0; font-size: 18px; color: #62748e; line-height: 28px; position: relative; } #testimonials .testimonials_wrapper .testimonial .entry:after { height: 1px; left: 40px; right: 40px; bottom: 0; background: #ddd; position: absolute; content: ''; } #testimonials .testimonials_wrapper .testimonial .entry img { width: auto; height: 70px; margin-bottom: 30px; display: block; } #testimonials .testimonials_wrapper .testimonial .author { height: 100px; font-size: 15px; color: #62748e; position: relative; } #testimonials .testimonials_wrapper .testimonial .author img { width: auto; max-width: 100px; height: auto; max-height: 50px; right: 40px; position: absolute; } #testimonials .testimonials_wrapper .testimonial .author .name_post { left: 40px; position: absolute; } #testimonials .testimonials_wrapper .testimonial .author .name { font-size: 18px; font-weight: 700; color: #030c1a; line-height: 1; } /* ------------------- RWD DESIGN ------------------- */ @media only screen and (max-width: 1200px) { /* SLIDER */ #slider .slider_wrapper .subtitle { margin-bottom: 20px; } /* ADVANTAGES */ #advantages .advantage { padding: 30px 30px 0 160px; } /* CONTRACT TEST */ #contract_test { background-size: cover; } #contract_test .inner { padding-left: 0; padding-right: 0; } #contract_test .row { width: 100%; height: inherit; padding: 30px 20px; background: rgba(255,255,255,0.75); display: block; } #contract_test .row .col { width: 100%; display: block; } #contract_test .form_row.form_row_wide input.form-control { width: 100%; } /* CONTACT AC */ #contact_ac { background-size: cover; } #contact_ac .inner { padding-left: 0; padding-right: 0; } #contact_ac .row { width: 100%; height: inherit; padding: 30px 20px; background: rgba(255,255,255,0.75); display: block; } #contact_ac .row .col { width: 100%; display: block; } #contact_ac .form_row.form_row_wide input.form-control { width: 100%; } /* CONTRACT PROCESSES */ #contract_processes { background-size: cover; } #contract_processes .inner { padding-left: 0; padding-right: 0; } #contract_processes .row { width: 100%; height: inherit; padding: 30px 20px; background: rgba(255,255,255,0.75); display: block; } #contract_processes .row .col { width: 100%; display: block; } /* ANYTIME & ANYWHERE */ #anytime_anywhere { background-size: cover; } #anytime_anywhere .inner { padding-left: 0; padding-right: 0; } #anytime_anywhere .row { width: 100%; height: inherit; padding: 30px 20px; background: rgba(255,255,255,0.75); display: block; } #anytime_anywhere .row .col { width: 100%; display: block; } /* B2B2C PROCESS */ #b2b2c-process { background-size: cover; } #b2b2c-process .inner { padding-left: 0; padding-right: 0; } #b2b2c-process .row { width: 100%; height: inherit; padding: 30px 20px; background: rgba(255,255,255,0.75); display: block; } #b2b2c-process .row .col { width: 100%; display: block; } /* RECOMENDED TO */ #recommended_to .boxes .boxes_wrapper .box .entry { padding: 20px 20px 0; } /* TESTIMONIALS */ #testimonials .testimonials_wrapper { margin-left: -10px; margin-right: -10px; } #testimonials .testimonials_wrapper .testimonial { padding-left: 10px; padding-right: 10px; } #testimonials .testimonials_wrapper .testimonial .entry { padding: 20px 20px 0; } #testimonials .testimonials_wrapper .testimonial .entry:after { left: 20px; right: 20px; } #testimonials .testimonials_wrapper .testimonial .author img { right: 20px; } #testimonials .testimonials_wrapper .testimonial .author .name_post { left: 20px; } } @media only screen and (max-width: 960px) { /* SLIDER */ #slider .inner { padding-left: 0; padding-right: 0; } #slider .slider_wrapper .entry { width: 100%; padding-left: 20px; padding-right: 20px; background: rgba(255,255,255,0.5); } #slider .slider_wrapper .title { font-size: 40px; } #slider .slider_wrapper .title span:before { height: 10px; } #slider .iphone { bottom: -70px; } /* HIGHT TECH */ #hight_tech { padding: 100px 0 50px; } #hight_tech .col { width: 100%; display: block; } /* ADVANTAGES */ #advantages { padding: 50px 0; } #advantages .advantage { width: 100%; min-height: 200px; margin-bottom: 20px; float: none !important; } /* PARTNERS */ #partners { padding: 50px 0; } /* RECOMENDED TO */ #recommended_to .boxes { background: url(/img/frontpage/img_recomended_to__01.webp) no-repeat right center; background-size: cover; } #recommended_to .boxes:before { display: none; } #recommended_to .boxes .boxes_wrapper .box { width: 50%; margin: 10px 0; } #recommended_to .boxes .boxes_wrapper .box.first img { width: 100%; height: auto; display: block; } #recommended_to .boxes .boxes_wrapper .box.first .wrapper { padding-top: 0; background: white; -moz-box-shadow: 0 30px 40px rgba(0,0,0,0.1); -webkit-box-shadow: 0 30px 40px rgba(0,0,0,0.1); box-shadow: 0 30px 40px rgba(0,0,0,0.1); } #recommended_to .boxes .boxes_wrapper .box.first .entry { min-height: 220px; padding: 20px 20px 0; color: #62748e; } #recommended_to .boxes .boxes_wrapper .box.first .entry h3 { color: #091c2e; } /* VIDEO and POINTS */ #video_points .the_video_inner:before { background: #f7f7f7 !important; } #video_points .why_choose_us { padding: 50px 0; } #video_points .why_choose_us .col { width: 100%; display: block; } #video_points .why_choose_us .col_left { padding-right: 0; } #video_points .why_choose_us .col_right { padding-left: 0; } #video_points .why_choose_us article { margin-bottom: 30px; } #video_points .why_choose_us article:last-of-type { margin-bottom: 30px; } /* PROTECTED DATA */ #protected_data { padding: 50px 0; } #protected_data .boxes { background: none !important; } #protected_data .boxes .box { width: 100%; height: inherit; float: none !important; } #protected_data .boxes .box .vertical_middle { top: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #protected_data .boxes .lock { width: 200px; height: auto; margin: 30px auto; display: block; } /* TESTIMONIALS */ #testimonials { padding: 50px 0; } #testimonials .testimonials_wrapper { max-width: 400px; margin-left: auto; margin-right: auto; } #testimonials .testimonials_wrapper .testimonial { width: 100%; margin-bottom: 20px; padding-left: 0; padding-right: 0; display: block; } #testimonials .testimonials_wrapper .testimonial:last-of-type { margin-bottom: 0; } #testimonials .testimonials_wrapper .testimonial .entry { min-height: inherit; padding: 30px; } #testimonials .testimonials_wrapper .testimonial .entry:after { left: 30px; right: 30px; } #testimonials .testimonials_wrapper .testimonial .author img { right: 30px; } #testimonials .testimonials_wrapper .testimonial .author .name_post { left: 30px; } } @media only screen and (max-width: 768px) { /* SLIDER */ #slider .slider_wrapper .title { font-size: 6vw; } #slider .iphone { bottom: -50px; } /* HIGHT TECH */ #hight_tech { padding: 75px 0 30px; } /* ADVANTAGES */ #advantages { padding: 30px 0; } /* PARTNERS */ #partners { padding: 30px 0; } /* TRY DEMO */ #try_demo { padding: 30px 0; background: #091c2e; position: relative; } /* RECOMENDED TO */ #recommended_to { padding: 30px 0 30px; } #recommended_to .intro_text { display: block; } #recommended_to .intro_text .col { width: 100%; display: block; } /* RECOMENDED TO */ #recommended_to .boxes { padding: 30px 0; } /* VIDEO and POINTS */ #video_points .why_choose_us { padding: 30px 0; } /* PROTECTED DATA */ #protected_data { padding: 30px 0; } /* TESTIMONIALS */ #testimonials { padding: 30px 0; } } @media only screen and (max-width: 640px) { /* SLIDER */ #slider .slider_wrapper .title { font-size: 7vw; } /* ADVANTAGES */ #advantages .advantage { min-height: inherit; padding: 140px 20px 20px; background-position: 20px 20px; } /* PARTNERS */ #partners .logos img { max-width: 40%; margin: 10px 5%; } /* RECOMENDED TO */ #recommended_to .boxes .boxes_wrapper { margin-left: 0; margin-right: 0; } #recommended_to .boxes .boxes_wrapper .box { width: 100%; max-width: 400px; margin: 0 auto 20px; padding-left: 0; padding-right: 0; display: block; } #recommended_to .boxes .boxes_wrapper .box.last { margin-bottom: 0; } #recommended_to .boxes .boxes_wrapper .box .entry { min-height: inherit !important; padding: 20px !important; } /* PROTECTED DATA */ #protected_data .boxes .lock { width: 120px; } .section_title.medium { font-size: 35px; } } @media only screen and (max-width: 480px) { /* SLIDER */ #slider .slider_wrapper .title { font-size: 8vw; } /* PROTECTED DATA */ #protected_data .boxes .lock { width: 80px; } } /* -------------- SLIDER -------------- */ #slider { background-image: url(/img/frontpage/bgr_slider.png); } /* ------------------ ADVANTAGES ------------------ */ #advantages { background-image: url(/img/frontpage/bgr_advantages.png); } /* -------------------------- CONTACT AC -------------------------- */ #contact_ac { background-image: url(/img/frontpage/bgr_test_contract.png); } /* -------------------------- CONTRACT TEST -------------------------- */ #contract_test { background-image: url(/img/frontpage/bgr_contract_test.png); } /* -------------------------- CONTRACT PROCESSES -------------------------- */ #contract_processes { background-image: url(/img/frontpage/bgr_contract_processes.png); } /* -------------------------- ANYTIME & ANYWHERE -------------------------- */ #anytime_anywhere { background-image: url(/img/frontpage/bgr_anytime_anywhere.png); } /* -------------------------- B2B2C PROCESS -------------------------- */ #b2b2c-process { background-image: url(/img/frontpage/bgr_b2b2c-process.png); } /* --------------------- RECOMENDED TO --------------------- */ #recommended_to { background-image: url(/img/frontpage/bgr_recomended_to.png); } #recommended_to .boxes:before { background-image: url(/img/frontpage/img_recomended_to__01.png); } /* ------------------------ VIDEO and POINTS ------------------------ */ #video_points .the_video_inner:before {background-image: url(/img/frontpage/bgr_video_inner.png);} #video_points .the_video { background-image: url(/img/frontpage/bgr_video.png); } /* ---------------------- PROTECTED DATA ---------------------- */ #protected_data .boxes { background-image: url(/img/frontpage/bgr_protected_data.png); }