#from h1,#from h2,#from h3,#from h4,#from h5,#from h6,#from ul,#from li,#from p{margin: 0;padding: 0;font-weight: normal;line-height: 1.5} #from a{text-decoration: none;} #from button{cursor: pointer;} *{box-sizing: border-box;font-family: 'Titillium Web', Arial, sans-serif;outline: none;-webkit-tap-highlight-color: transparent;} html{font-size: 10px} html.zoom2{font-size: 11px} html.zoom4{font-size: 11.5px} body{margin: 0;} #from ul{list-style: none;} #from img{border:none;max-width: 100%;} #from textarea{resize: none;} #from .f_btn{ border: 2px solid #e2007e; width: 100%;max-width: 255px;display: inline-block;text-align: center;background-color: #e2007a;color: #fff;font-size: 20px;font-weight: 600;border-radius: 4px;padding: 12px 5px} #from .f_btn:hover{background-color: #aa036c;border-color: #aa036c} #from .f_btn.f_white_btn{color:#e2007a;background-color: #fff;} #from .f_btn.f_white_btn:hover{background-color: #f6f6f6;border-color: #e2007e} #from .f_14{font-size: 1.4rem} #from .f_16{font-size: 1.6rem} #from .f_18{font-size: 1.8rem} #from .f_20{font-size: 2rem} #from .f_22{font-size: 2.2rem} #from .f_24{font-size: 2.4rem} #from .f_26{font-size: 2.6rem} #from .f_30{font-size: 3.0rem} #from .f_36{font-size: 3.6rem} #from .f_42{font-size: 4.2rem} #from .f_50{font-size: 5.0rem} #from .f_58{font-size: 5.8rem} #from .f_60{font-size: 6.0rem} #from .f_70{font-size: 7rem} #from .f_100{font-size: 10rem} #from .f_baner .baner_text {max-width: 60%;} /*#from #one_screen_content .f_14{font-size: 1.4rem}*/ /*#from #one_screen_content .f_16{font-size: 1.6rem}*/ /*#from #one_screen_content .f_18{font-size: 1.8rem}*/ /*#from #one_screen_content .f_20{font-size: 2rem}*/ /*#from #one_screen_content .f_22{font-size: 2.2rem}*/ /*#from #one_screen_content .f_24{font-size: 2.4rem}*/ /*#from #one_screen_content .f_26{font-size: 2.6rem}*/ /*#from #one_screen_content .f_30{font-size: 3.0rem}*/ /*#from #one_screen_content .f_36{font-size: 3.6rem}*/ /*#from #one_screen_content .f_42{font-size: 4.2rem}*/ /*#from #one_screen_content .f_50{font-size: 5.0rem}*/ /*#from #one_screen_content .f_60{font-size: 6.0rem}*/ /*#from #one_screen_content .f_70{font-size: 7rem}*/ /*#from #one_screen_content .f_100{font-size: 10rem}*/ #from .uppercase{text-transform: uppercase} #from .normal_case{text-transform: initial} #from .italic{font-style: italic} #from .bold{font-weight: bold;} #from .semibold{font-weight: 600;} #from .light{font-weight: 300;} #from .magenta{color: #e2007e} #from .green{color: #74bf2e} #from .blue{color: #35c4cb} #from .black{color: #000000} #from .grey{color: #87898f} #from .block{display: block!important;} #from .page{max-width: 1750px;padding: 0 25px;width: 100%;margin: 0 auto} #from .f_btn.f_with_arrow_icon{display: flex;align-items: center;justify-content: center;cursor: pointer} #from .f_btn.f_with_arrow_icon img{margin-left: 7px;width: auto} #from .f_btn.disabled{cursor: default;background-color: #d9d9d9!important;border-color: #d9d9d9!important;} #from{overflow: hidden} #from sup{font-size: 10px} #from .f_baner{background-color: #fff;background-image: url(/-/media/Additional/smart/img/from/baner_bg.webp);background-position: center;height: 700px; margin-bottom: 150px;;background-repeat: no-repeat} #from .f_baner .page{position: relative;height: 100%;display: flex;align-items: center} #from .f_logo{position: absolute;left: 25px;top: 0;display: block} #from .f_logo .f_full_logo{display: block;} #from .f_logo .f_m_logo{display: none;} #from .f_baner .baner_text{padding-top: 0px!important;display: block;flex-direction: column;justify-content: space-evenly;height: auto; z-index: 2;} #from .f_baner .baner_text h1{line-height: 1} #from .f_baner .baner_text h1 span{display: inline;color: #000;} .contrast #from .f_baner .baner_text h1 span {color: #FFF!important;} #from .f_baner .baner_text h1 span sup { font-size: 24px; } #from .f_baner .baner_text h2{margin: 0} #from .f_baner .baner_text .second_text {margin: 20px 0;} #from .f_baner .baner_text .second_text.f_exc br {display: none} #from .f_baner .baner_text .f_btn{cursor: pointer;margin-top: 20px} #from .f_baner .f_baner_shield{position: absolute;right: 0;top: 50px;z-index: 2;width: auto;height: auto} #from .f_baner .f_baner_image_box{width: 687px;height: 762px;position: absolute;top: 0;right: 0px;background-image: url(/-/media/Additional/smart/img/from/baner_img_1.webp);background-position: center;background-repeat: no-repeat; border-bottom-left-radius: 35px;border-bottom-right-radius: 35px; background-position: center 45px;} #from .f_baner .f_baner_image_box:after{content: '';display: block;position: absolute;left: 0;right: 0;margin: auto;bottom: -110px;background-image: url(/-/media/Additional/smart/img/from/baner_shadow.png);width: 100%;height: 230px;z-index: -1;} #from .page_section{position: relative} #from .page_section .page{position: relative} #from .page_section h2{text-align: center;margin: 100px 0 25px;} #from .page_section h2.semibold.f_36.space { margin-bottom: 0; } #from .page_section .f_offerts_box{background-color: #f6f9fb;display: flex;justify-content: space-between;flex-wrap: wrap;padding:35px 20px;border-radius: 10px;box-shadow: 0px 1px 30px 0px rgba(20, 61, 81, 0.16);position: relative;z-index: 2} #from .page_section .f_offerts_box .f_single_offert{flex-basis: 32%;position: relative;background-color: #fff;padding-bottom: 15px} #from .page_section .f_offerts_box .f_single_offert .parallax_icon{position: absolute;z-index: 2} #from .page_section .f_offerts_box .f_single_offert .parallax_1{top: 110px;left: -120px;} #from .page_section .f_offerts_box .f_single_offert .parallax_2{right: -30px;top: -40px;} #from .page_section .f_offerts_box .f_single_offert .f_offert_head{width: 100%;height: 205px;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;} #from .page_section .f_offerts_box .f_single_offert .f_offert_head.f_head_1{background-image: url(/-/media/Additional/smart/img/from/offert_head_1.webp);} #from .page_section .f_offerts_box .f_single_offert .f_offert_head.f_head_2{background-image: url(/-/media/Additional/smart/img/from/offert_head_2.webp);} #from .page_section .f_offerts_box .f_single_offert .f_offert_head.f_head_3{background-image: url(/-/media/Additional/smart/img/from/offert_head_3.webp);} #from .page_section .f_offerts_box .f_single_offert .f_offert_head .f_ab_icon{position: absolute;display: block;left: 0;right: 0;margin: auto;bottom: -100px} #from .page_section .f_offerts_box .f_single_offert .f_offert_body{margin-top: 120px;padding: 0 25px;min-height: 310px} #from .page_section .f_offerts_box .f_single_offert .f_offert_body h3{text-align: center;min-height: 70px} #from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit{margin-bottom: 10px;} #from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit.f_with_check{padding-left: 35px;position: relative} #from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit.f_with_check:before{display: block;content: '';position: absolute;left: 0;top:9px;width: 19px;height: 16px;background-repeat: no-repeat} #from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit.f_with_check.f_blue_check:before{background-image: url(/-/media/Additional/smart/img/from/blue_check.png);} #from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit.f_with_check.f_green_check:before{background-image: url(/-/media/Additional/smart/img/from/green_check.png);} #from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit.f_with_check.f_magenta_check:before{background-image: url(/-/media/Additional/smart/img/from/magenta_check.png);} #from .page_section .f_offerts_box .f_single_offert .f_offert_bottom{margin-top: 10px;text-align: center} #from .page_section .f_offerts_box .f_single_offert .f_offert_bottom p{text-align: center} #from .page_section .f_offerts_box .f_single_offert .f_offert_bottom a{display: block;margin: 0 auto} #from .page_section .f_offerts_box .f_single_offert .f_offert_bottom a.f_link:hover{text-decoration: underline} #from .page_section .f_offerts_box .f_single_offert .f_offert_bottom a.f_btn{margin: 40px auto 0} #from .page_section .f_ab_element_1{position: absolute;bottom: -250px;z-index: 1;right: -150px;} #from .page_section .f_ab_element_2{position: absolute;right: auto;bottom: auto;z-index: 1;left: -150px;top: -140px} #from.site_3 .page_section .f_ab_element_2{position: absolute;right: auto;bottom: auto;z-index: 1;left: -150px;top: -140px} #from .page_section .f_why_box{display: flex;justify-content: space-between;flex-wrap: wrap} #from .page_section .f_why_box .f_single_why{flex-basis: 32%} #from .page_section .f_why_box .f_single_why .f_why_img{display: flex;justify-content: center;align-items: center;height: 145px} #from .page_section .f_why_box .f_single_why .f_why_img img{display: block} #from .page_section .f_why_box .f_single_why h4{min-height: 80px;margin-bottom: 5px;text-align: center} #from .page_section .f_why_box .f_single_why p{text-align: center;} #from .page_section .f_why_box .f_why_btn_box{display: flex;justify-content: center;margin: 45px 0 0px;width: 100%;} #from .page_section .f_blog_box{display: flex;justify-content: space-between;flex-wrap: wrap; z-index: 2;position: relative;} #from .page_section.blog_section h2{margin-bottom: 5px} #from .page_section.blog_section h4{margin-bottom: 25px;text-align: center} #from .page_section .f_blog_box .f_single_blog_element{margin-bottom: 20px;flex-basis: 32%;border: 1px solid #ebebeb;border-radius: 25px;position: relative;background-color: #fff;} #from .page_section .f_blog_box .f_single_blog_element:after{content: '';display: block;position: absolute;left: 0;right: 0;margin: auto;bottom: -85px;background-image: url(/-/media/Additional/smart/img/from/blog_shadow.png);width: 100%;height: 200px;z-index: -1;} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img{width: 100%;background-repeat: no-repeat;background-position: center;height: 180px;background-size: cover; overflow: hidden;border-top-right-radius: 25px;border-top-left-radius: 25px;} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img.f_blog_1{background-image: url(/-/media/Additional/smart/img/from/blog_1.webp);} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img.f_blog_2{background-image: url(/-/media/Additional/smart/img/from/blog_2.webp);} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img.f_blog_3{background-image: url(/-/media/Additional/smart/img/from/blog_3.webp);} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img.f_blog_4{background-image: url(/-/media/Additional/smart/img/from/blog_4.webp);} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img.f_blog_5{background-image: url(/-/media/Additional/smart/img/from/blog_5.webp);} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img.f_blog_6{background-image: url(/-/media/Additional/smart/img/from/blog_6.webp);} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img.f_blog_7{background-image: url(/-/media/Additional/smart/img/from/blog_7.webp);} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img.f_blog_8{background-image: url(/-/media/Additional/smart/img/from/blog_8.webp);} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img.f_blog_9{background-image: url(/-/media/Additional/smart/img/from/blog_9.webp);} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img.f_blog_10{background-image: url(/-/media/Additional/smart/img/from/blog_10.webp);} #from .page_section .f_blog_box .f_single_blog_element .f_blog_img.f_blog_11{background-image: url(/-/media/Additional/smart/img/from/blog_11.webp);} #from .page_section .f_blog_box .f_single_blog_element .f_blog_body{padding: 20px 15px 45px} #from .page_section .f_blog_box .f_single_blog_element .f_blog_body h5{min-height: 75px;color: #000;text-align: center; line-height: 1.2;} #from .page_section .f_blog_box .f_single_blog_element .f_blog_body p{color: #000;text-align: center} #from .page_section .f_blog_box .f_single_blog_element .f_blog_body .f_blog_arrow{display: none;position: absolute;bottom: 20px;right: 40px} #from .page_section .f_blog_box .f_single_blog_element:hover{border-color: #e2007e} #from .page_section .f_blog_box .f_single_blog_element:hover .f_blog_body .f_blog_arrow{display: block;} #from .f_diclaimer_box{margin: 30px 0; margin-top: 80px;} #from .f_diclaimer_box .f_16{line-height: 15px;} #from .f_footer{background-color: #f6f9fb;padding: 14px 0} #from .page_section .f_why_btn_box{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 40px} #from .page_flex .column.img_column{margin-top: 10px} #from .page_flex .column.img_column{position: relative} #from.site_2 .f_baner{background-color: #fff;background-image: url(/-/media/Additional/smart/img/from/baner_bg_2.png);background-position: center;height: 700px; margin-bottom: 0;background-repeat: no-repeat} #from.site_2 .f_baner_image_space{width: 401px;height: 739px;position: absolute;top: auto;bottom:-133px;right: 320px;background-image: url(/-/media/Additional/smart/img/from/baner_img_2.png);background-position: center;background-repeat: no-repeat;} #from.site_3 .f_baner{position: relative;background-color: #fff;background-image: url(/-/media/Additional/smart/img/from/baner_bg_3.png);background-position: center;height: 700px; margin-bottom: 0;background-repeat: no-repeat} #from.site_3 .f_baner_foto_space {width: 762px;height: 514px;position: absolute;top: auto;bottom: 0;right: 56px;background-image: url(/-/media/Additional/smart/img/from/baner_img_3.png);background-position: center;background-repeat: no-repeat;} #from.site_4 .f_baner{position: relative;background-color: #fff;background-image: url(/-/media/Additional/smart/img/from/baner_bg_4.png);background-position: center;height: 700px; margin-bottom: 0;background-repeat: no-repeat} #from.site_4 .f_baner_heat_space{width: 751px;height: 724px;position: absolute;top: auto;bottom:-186px;right: 100px;background-image: url(/-/media/Additional/smart/img/from/baner_img_4.png);background-position: center;background-repeat: no-repeat;} #from.site_2 .f_baner{background-color: #f6f9fb;background-image: none;} #from.site_3 .f_baner{background-color: #f6f9fb;background-image: none;} #from.site_4 .f_baner{background-color: #f6f9fb;background-image: none;} /* #from.sub_site .f_baner{background-image: url(/-/media/Additional/smart/img/from/baner_bg.webp)!important;background-color:#fff;} */ #from.sub_site .f_baner{background-color:#F5F5F5;} #from .foto_why_box{display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; justify-content: space-between;flex-wrap: wrap;margin: 50px 0} #from .foto_why_box .f_single_why{flex-basis: 31%;padding: 40px 35px;box-shadow: 0 1px 30px 0 rgb(20 61 81 / 16%);position: relative; border-radius: 25px;background-color: #fff;} #from .foto_why_box .f_single_why:after {content: '';display: block;position: absolute;left: 0;right: 0;margin: auto;bottom: -85px;background-image: url(/-/media/Additional/smart/img/from/blog_shadow.png);width: 100%;height: 200px;z-index: -1;} #from .foto_why_box .f_single_why .f_why_img{min-height: 200px;margin-bottom: 5px;display: flex;align-items: center;justify-content: flex-start; max-height: 200px;} #from .foto_why_box .f_single_why .f_why_img img{display: block} #from .foto_why_box .f_single_why h4{min-height: 50px;margin-bottom: 10px;text-align: left} #from .f_how_to_do{position: relative;display: flex;align-items: flex-end;padding-top: 70px;margin-bottom: 30px} #from .f_how_to_do > img{position: absolute;right: 0;} #from .f_how_to_do .f_how_to_text{z-index:2;flex-basis: 860px;padding: 40px 35px 40px 70px;box-shadow: 0px 1px 30px 0px rgb(20 61 81 / 16%);position: relative;border-radius: 25px;background-color: #fff;} #from .f_how_to_do .f_how_to_text .single_step{display: flex;justify-content: space-between;margin-bottom: 15px;align-items: center;} #from .f_how_to_do .f_how_to_text .single_step span.grey_span{color: #d6dbdd;display: inline-block;flex-basis: 90px;line-height: 1;} #from .f_how_to_do .f_how_to_text .single_step p{flex-basis: calc(100% - 90px)} #from .f_how_to_do .f_how_to_text .single_step p a{text-decoration: underline} #from .baner_menu{position: absolute;display: flex;align-items: center;top: 20px;right: 15px;} #from .baner_menu a{margin-left: 25px;color: #000} #from .baner_menu a:hover{color: #e2007e} #from .page_section h2.with_sibling{margin-bottom: 5px} #from .page_section h2.with_sibling ~ h4{text-align: center} #from .page_flex{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin-top: 0} #from .under_slider .page_flex{margin-top: 50px} #from .page_flex .column{flex-basis: 49%} #from .page_flex .column > img{display: block;} #from .page_flex .column h4{margin-bottom: 5px} #from .page_flex .column .column_head{margin-bottom: 5px} #from .page_flex .column h5{margin: 0px 0 10px} #from .page_flex .column > a{margin-top: 15px} #from .page_flex .column > p{margin-bottom: 15px} #from.site_2 .page_section .f_ab_element_2{left: auto;right: 0} #from .page_section .f_blog_box .f_single_blog_element .f_blog_body p.article_arrow{position: absolute;bottom: 20px;right: 20px;color: #e2007e; display: flex; align-items: center;} #from .page_section .f_blog_box .f_single_blog_element .f_blog_body p.article_arrow svg{fill: #e2007e; width: 20px; margin-left: 8px;} .contrast #from .page_section .f_blog_box .f_single_blog_element .f_blog_body p.article_arrow svg{fill: #ffe800 !important;} #from .page_section .f_blog_box .f_single_blog_element .f_blog_body p.article_arrow:hover{text-decoration: underline} #from .page_section .f_blog_box .f_single_blog_element .f_blog_body {padding: 20px 15px 65px;} #from .page_section .slider_box{margin-top: 20px} #from .page_section .slider_box .single_owl_offert{width: 100%;border-radius: 25px;padding-bottom: 45px; border: 1px solid #ebebeb;} #from .page_section .slider_box .single_owl_offert .offert_head{background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;height: 215px;border-top-right-radius: 25px;border-top-left-radius: 25px;} #from .page_section .slider_box .single_owl_offert.owl_offert_1 .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_1.webp);} #from .page_section .slider_box .single_owl_offert.owl_offert_2 .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_2.webp);} #from .page_section .slider_box .single_owl_offert.owl_offert_3 .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_3.webp);} #from .page_section .slider_box .single_owl_offert.owl_offert_3a .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_3a.jpg);} #from .page_section .slider_box .single_owl_offert.owl_offert_4 .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_4.webp);} #from .page_section .slider_box .single_owl_offert.owl_offert_5 .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_5.webp);} #from .page_section .slider_box .single_owl_offert.owl_offert_6 .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_6.webp);} #from .page_section .slider_box .single_owl_offert.owl_offert_1_c .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_1_c.jpg);} #from .page_section .slider_box .single_owl_offert.owl_offert_2_c .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_2_c.jpg);} #from .page_section .slider_box .single_owl_offert.owl_offert_3_c .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_7_c.jpg);} #from .page_section .slider_box .single_owl_offert.owl_offert_4_c .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_4_c.jpg);} #from .page_section .slider_box .single_owl_offert.owl_offert_5_c .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_5_c.jpg);} #from .page_section .slider_box .single_owl_offert.owl_offert_6_c .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_6_c.jpg);} #from .page_section .slider_box .single_owl_offert.owl_offert_7_c .offert_head{background-image: url(/-/media/Additional/smart/img/from/slider_3_c.jpg);} #from .page_section .slider_box .single_owl_offert .offert_head img{width: auto;position: absolute} #from .page_section .slider_box .single_owl_offert .offert_head .f_sash{top: 15px;left: -23px;} #from .page_section .slider_box .single_owl_offert .offert_head .offert_icon{display: block;left: 0;right: 0;margin: auto;bottom: -100px;} #from .page_section .slider_box .single_owl_offert .offert_body{margin-top: 120px;padding: 0 25px;min-height: 410px;} #from .page_section .slider_box .single_owl_offert .offert_body h4{text-align: left;margin-bottom: 15px;min-height: 75px;} #from .page_section .slider_box .single_owl_offert .offert_body .f_single_benefit{padding-left: 35px;position: relative; margin-bottom: 10px;} #from .page_section .slider_box .single_owl_offert .offert_body .f_single_benefit:before {display: block;content: '';position: absolute;left: 0;top: 9px;width: 19px;height: 16px;background-repeat: no-repeat;} #from .page_section .slider_box .single_owl_offert .offert_body .f_single_benefit.f_blue_check:before {background-image: url(/-/media/Additional/smart/img/from/blue_check.png);} #from .page_section .slider_box .single_owl_offert .offert_bottom{ margin: 15px auto 0;display: flex;justify-content: center;} #from .page_section .slider_box .owl-nav .owl-prev{left: -35px; position: absolute;top: 0;bottom: 0;margin: auto;} #from .page_section .slider_box .owl-nav .owl-next{right: -35px; position: absolute;top: 0;bottom: 0;margin: auto;} #from .page_section .slider_box .nav_arrow{display: flex;justify-content: center;align-items: center;height: 38px;width: 38px;border-radius: 50%;background-color: #e2007e;cursor: pointer} #from .page_section .slider_box .nav_arrow img{display: block;} #from .page_section .slider_box .nav_arrow:hover{background-color: #aa036c} #from .page_section .slider_box .owl_element{padding: 0 25px} #from .f_logo{z-index: 100} #from .baner_head.scrolled{position: fixed;top: 0;z-index: 100;width: 100%;background-color: #fff; box-shadow: 0px 1px 12px 0px rgb(0 0 0 / 15%);left: 0; display: flex;justify-content: space-between;align-items: center;} #from .baner_head.scrolled .f_logo{display: flex;position: relative;top: auto;left: 0} #from .baner_head.scrolled .baner_menu{position: relative;top: auto;right: auto;padding-right: 25px} #from .baner_head .hamburger_div{display: none; position: absolute;right: 20px;top: 10px;cursor: pointer} #from .baner_head .hamburger_div .hamburger{height: 30px;width: 30px;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap} #from .baner_head .hamburger_div .hamburger .line{flex-basis: 100%;height: 2px;background-color: #000;} #from .baner_head .hamburger_div .hamburger:hover .line{background-color: #e2007e} #from .baner_head .hamburger_div.active .hamburger .line{background-color: #e2007e} #from .baner_head .hamburger_div .hamburger_menu{display: none;position: relative} #from .baner_head .hamburger_div.active .hamburger_menu{display: block} #from .baner_head.scrolled .hamburger_div{position: relative;top: auto;right: auto;margin-right: 20px;} #from .baner_head .hamburger_div .hamburger_menu .mobile_submenu{position: absolute;right: 0;background-color: #fff;box-shadow: 0px 1px 30px 0px rgb(20 61 81 / 16%);width: 180px;z-index: 100;top: 6px} #from .baner_head .hamburger_div .hamburger_menu .mobile_submenu li{padding: 10px 10px;background-color: #fff;color: #000;cursor: pointer} #from .baner_head .hamburger_div .hamburger_menu .mobile_submenu li:hover{color: #e2007e} #from .f_blog{margin-bottom: 35px} #from.site_3 .f_baner_foto_space_m{display: none} #from.slider_site{position: relative} #from.slider_site .logo_page{position: relative} #from.slider_site .f_logo{top:0;left: 0px;} #from.slider_site .f_baner{background-color: #f6f9fb;background-image: none; overflow: hidden;margin-bottom: 0} #from.slider_site .f_baner .slider_c{position: absolute;bottom: 0;width: auto;height: auto;left: auto;right: 30%;margin: auto;z-index: 2;} #from.sub_site .f_baner .slider_c{position: absolute;bottom: 0;width: auto;height: auto;left: 0;margin: auto;z-index: 1;} #from.slider_site .f_baner .f_slider_image_box{width: 685px;height: 100%;position: absolute;right: 0;top: 0;z-index: 2} #from.slider_site .f_baner.slider_1 .f_slider_image_box{background-image: url(/-/media/Additional/smart/img/from/slider_img_1.webp);} #from.slider_site .f_baner.slider_2 .f_slider_image_box{background-image: url(/-/media/Additional/smart/img/from/slider_img_2.webp);} #from.slider_site .f_baner.slider_3 .f_slider_image_box{background-image: url(/-/media/Additional/smart/img/from/slider_img_3.webp);} #from.slider_site .f_baner.slider_4 .f_slider_image_box{background-image: url(/-/media/Additional/smart/img/from/slider_img_4.webp);} #from.sub_site .f_baner.slider_1 .f_baner_image_box{background-image: url(/-/media/Additional/smart/img/from/slider_img_1.webp); background-position: center 45px;} #from.sub_site .f_baner.slider_2 .f_baner_image_box{background-image: url(/-/media/Additional/smart/img/from/slider_img_2.webp);background-position: center 45px;} #from.sub_site .f_baner.slider_3 .f_baner_image_box{background-image: url(/-/media/Additional/smart/img/from/slider_img_3.webp);} #from.sub_site .f_baner.slider_4 .f_baner_image_box{background-image: url(/-/media/Additional/smart/img/from/slider_img_4.webp);} #from.sub_site .f_baner.slider_5 .f_baner_image_box{background-image: url(/-/media/Additional/smart/img/from/slider_img_5.webp);z-index: 3} #from.sub_site .f_baner.slider_3 .f_baner_image_box{background-image: url(/-/media/Additional/smart/img/from/family-header-051925-new.png); background-position: -500% 85%; background-color: #E5097F;} #from.sub_site .f_baner{overflow: visible} #from.slider_site .slider_box .owl-dots{display: flex;justify-content: space-between;align-items: center;width: 100%;max-width: 1760px;margin: -45px auto 0;border: 1px solid #cbcbcb;border-radius: 30px;padding: 0px;z-index: 2;position: relative;background-color: #fff;box-shadow: 0px 1px 30px 0px rgb(20 61 81 / 16%);overflow: hidden;} #from.slider_site .slider_box .owl-dots .owl-dot{flex-basis: 25%;} #from.slider_site .slider_box .owl-dots .owl-dot button{display: flex;border: 0;background-color: transparent;color: #656565;font-weight: 600;position: relative; padding: 10px 5px;align-items: center;height: 80px;flex-basis: 100%;width: 100%;justify-content: center;} #from.slider_site .slider_box .owl-dots .owl-dot button:after{position: relative;content: '';width: 33px;height: 33px;background-image: url(/-/media/Additional/smart/img/from/slider_next.png);background-position: center;background-repeat: no-repeat;border-radius: 50%;background-color: #cbcbcb;right: auto;top: auto;bottom: auto;margin: 0;margin-left: 15px;flex-basis: 33px; flex-basis: 40px;max-width: 33px;} #from.slider_site .slider_box .owl-dots .owl-dot.active button{color: #e2007e} #from.slider_site .slider_box .owl-dots .owl-dot.active button:after{background-color: #e2007e} #from.slider_site .slider_box .owl-dots .owl-dot:hover button{color: #e2007e} #from.slider_site .slider_box .owl-dots .owl-dot:hover button:after{background-color: #e2007e} #from.slider_site .slider_box .owl-dots.disabled{display: none} #from.slider_site .slider_box .owl-dots .owl-dot button{border-right: 2px solid #cbcbcb;z-index: 1} #from.slider_site .slider_box .owl-dots .owl-dot:last-child button{border-color: transparent} #from.slider_site .slider_box .owl-dots .owl-dot.active button{border-color: transparent} #from.slider_site .slider_box .owl-dots .owl-dot.active button{border-top-right-radius: 30px;border-bottom-right-radius: 30px;z-index: 2;box-shadow: 0px 1px 30px 0px rgba(20, 61, 81, 0.16);} #from.slider_site .f_baner .baner_text{padding-bottom: 0} #from.slider_site .f_baner .page{padding-top: 55px} #from.site_1 .f_baner{position: relative} #from.site_1 .f_baner .slider_c{position: absolute;bottom: 0;width: auto;height: auto;left: auto;right: 30%;margin: auto;z-index: 2;} #from .page_footer{background-color: #ededed;} #from .page_footer .footer_flex{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;padding: 20px 0} #from .page_footer .footer_flex .footer_column{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap} #from .page_footer .footer_flex .footer_column.social_column{flex-basis: 285px} #from .page_footer .footer_flex .footer_column.social_column .footer_spacer{flex-basis: 2px;height: 40px;background-color: #c1bdba;width: 2px} #from .page_footer .footer_flex .footer_column.text_column{flex-basis: calc(100% - 410px);padding: 0 10px} #from .page_footer .footer_flex .footer_column.text_column p a{color: #e2007e} #from .page_footer .footer_flex .footer_column.img_column{flex-basis: 120px;justify-content: flex-end} #from .page_footer .footer_flex .footer_column.social_column a{display: flex;margin: 0 3px} #from .page_footer .footer_flex .footer_column.social_column a svg{width: 34px;height: 38px} #from.slider_site .f_baner.slider_1{background-image: url(/-/media/Additional/smart/img/from/baner_bg.webp)!important;} #from.sub_site.site_2 .f_baner,#from.slider_site .f_baner.slider_2 {background-image: url(/-/media/Additional/smart/img/from/baner_2_bg.webp)!important;} /* #from.sub_site.site_3 .f_baner, #from.slider_site .f_baner.slider_3 {background-image: url(/-/media/Additional/smart/img/from/baner_3_bg.webp)!important;} */ #from.sub_site.site_4 .f_baner, #from.slider_site .f_baner.slider_4 {background-image: url(/-/media/Additional/smart/img/from/baner_4_bg.webp)!important;} #from.sub_site.site_5 .f_baner, #from.slider_site .f_baner.slider_5 {background-color: #f3f3f3!important;background-image:none!important;} #from.sub_site.site_5 .f_baner .slider_c{z-index: 1} #from.sub_site.site_5 .baner_head{z-index: 4} #from .baner_head{position: fixed;top: 0;left: 0;width: 100%;display: flex;justify-content: flex-end;z-index: 2;background-color: #fff} #from .baner_head .page{position: relative;display: flex;justify-content: flex-end; z-index: 99;} #from .baner_head .s_header_elements.s_tools{padding: 10px 25px 10px 0;} #from .baner_head .s_header_elements{position: relative;display: flex;z-index: 2} #from .baner_head .s_header_elements.s_logo{min-width: 135px} #from .baner_head .s_header_elements.s_tools{display: flex;align-items: center;min-width: 400px;justify-content: flex-end;} #from .baner_head .s_header_elements > img{position: absolute;z-index: 2;} #from .baner_head .s_header_elements .s_mobile_logo{display: none} #from .baner_head .s_header_elements .s_element{cursor: pointer} #from .baner_head .s_header_elements .s_element.s_bigger_font_trigger{margin-right: 15px} #from .baner_head .s_header_elements .s_element:hover p{text-decoration: underline} #from .baner_head .s_header_elements .s_element span{width: 36px;height: 36px;vertical-align: middle; background-position: top;background-repeat: no-repeat;display: inline-block;} #from .baner_head .s_header_elements .s_element .s_bigger_fonts_icon{background-image: url(/-/media/Additional/smart/img/from/s_bigger_fonts.png);} #from .baner_head .s_header_elements .s_element .s_contrast_icon{background-image: url(/-/media/Additional/smart/img/from/s_contrast_icon.png);} #from .baner_head .s_header_elements .s_element p{display: inline-block;vertical-align: middle;margin-left: 10px;} #from .baner_head.scrolled .s_header_elements.s_tools {padding: 0px 25px 0 0;} #from .baner_head.scrolled .page{justify-content: space-between} #from .baner_head.scrolled .page{justify-content: space-between} .zoom2 #from .page_section .f_offerts_box .f_single_offert .f_offert_body {min-height: 380px;} .zoom4 #from .page_section .f_offerts_box .f_single_offert .f_offert_body {min-height: 440px;} /*.zoom2 #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 610px;}*/ /*.zoom4 #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 740px;}*/ .contrast #from{background-color: #000!important;} .contrast #from .f_baner{background-color: #000!important;} .contrast #from .page_footer{background-color: #000!important;} .contrast #from .f_footer{background-color: #000!important;} .contrast #from .f_footer .f_footer_element p{color: #fff!important;} .contrast #from *{color: #fff} .contrast #from section{background-color: #000!important;} .contrast #from .page_section .f_offerts_box .f_single_offert{background-color: #000!important;border: 2px solid #fff;} .contrast #from .foto_why_box .f_single_why{background-color: #000!important;border: 2px solid #fff;} .contrast #from .page_section .f_blog_box .f_single_blog_element{background-color: #000!important;border: 2px solid #fff;} .contrast #from .page_section .f_offerts_box{background-color: #000!important;border: 2px solid #fff;} .contrast #from .page_section .f_blog_box .f_single_blog_element .f_blog_body h5{color: #fff} .contrast #from .page_section .f_blog_box .f_single_blog_element .f_blog_body p{color: #fff} .contrast #from .f_baner .baner_text h1 span{color: #fff} .contrast #from.site_1 .f_baner {background-image: none!important;background-color: #000!important;} .contrast #from.sub_site.site_2 .f_baner {background-image: none!important;background-color: #000!important;} .contrast #from.sub_site.site_3 .f_baner {background-image: none!important;background-color: #000!important;} .contrast #from.sub_site.site_4 .f_baner {background-image: none!important;background-color: #000!important;} .contrast #from.sub_site.site_5 .f_baner {background-image: none!important;background-color: #000!important;} .contrast #from .baner_head .s_header_elements .s_element span {background-position: bottom;} .contrast #from .f_btn{background-color: #ffe800;color: #000;border-color: #ffe800} .contrast #from .f_btn.f_white_btn{background-color: #ffe800!important;color: #000;border-color: #ffe800!important;} .contrast #from .baner_head.scrolled{background-color: #000} .contrast #from .f_how_to_do .f_how_to_text{background-color: #000;border: 2px solid #fff;} .contrast #from .f_btn.f_with_arrow_icon img{filter: brightness(.01);} .contrast #from .baner_head{background-color: rgba(0,0,0,1)} .contrast #from.sub_site .f_baner .slider_c{display: none} .contrast #from.site_1 .f_baner .slider_c{display: none} .contrast #from .page_section .f_blog_box .f_single_blog_element .f_blog_body p.article_arrow{color: #ffe800} .contrast #from .page_flex .column a{color: #ffe800} .contrast #from .f_how_to_do .f_how_to_text .single_step a{color: #ffe800} .contrast #from .page_footer .footer_flex .footer_column.text_column p a{color: #ffe800} #from.page_calc sup{font-size: 10px} #from.page_calc .f_baner{background-color: #ffffff;position: relative;margin-bottom: 0;background-image: none!important;} #from.page_calc .f_baner:after{content: '';display: block;position: absolute;right: 0;bottom: 0;background-image: url(/-/media/Additional/smart/img/from/baner_dots.png);width: 511px;height: 277px} #from.page_calc .f_baner .calc_image{background-image: url(/-/media/Additional/smart/img/from/calc_baner_image.png);width: 940px;height: 568px;background-repeat: no-repeat;background-position: center;position: absolute;right: 0;} #from.page_calc .page_section.grey_section{background-color: #f5f5f5;padding-bottom: 65px} #from.page_calc .page_section h2 {text-align: center;padding: 100px 0 25px;margin: 0!important;} #from.page_calc .page_section h2 span{display: block;} #from.page_calc .tile_flex{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 15px 0 0} #from.page_calc .tile_flex .single_tile{flex-basis: 31%;background-color: #fff;box-shadow: 0px 18px 62px 0px rgba(28, 61, 68, 0.16);border-radius: 10px;padding: 10px;} #from.page_calc .tile_flex .single_tile .tile_img{display: flex;min-height: 135px;justify-content: center;align-items: center} #from.page_calc .tile_flex .single_tile .tile_img img{display: block;} #from.page_calc .tile_flex .single_tile .tile_head{text-align: center;margin: 10px 0 15px} #from.page_calc .tile_flex .single_tile p{line-height: 1.5;text-align: center;max-width: 360px;margin: 0 auto} #from.page_calc .tile_flex .single_tile .f_btn{margin:20px auto -35px} #from.page_calc .calculator_space{box-shadow: 0px 18px 62px 0px rgba(28, 61, 68, 0.16);border-radius: 10px;background-color: #fff;width: 100%;margin-top: 45px} #from.page_calc .calculator_space .calc_questions{display: flex;justify-content: space-between;flex-wrap: wrap;} #from.page_calc .calculator_space .calc_questions .left_part{flex-basis: 520px;padding: 35px 0 35px 35px;display: flex;justify-content: flex-start;align-items: flex-end;position: relative} #from.page_calc .calculator_space .calc_questions .left_part .image_part{position: absolute;bottom: -3px;left: 50px} #from.page_calc .calculator_space .calc_questions .left_part img.person_img{display: block;z-index: 2;position: relative} #from.page_calc .calculator_space .calc_questions .left_part img.sun_img{display: block;z-index: 3;position: absolute;top: 40px;right: 50px;transform: scale(0)} #from.page_calc .calculator_space .calc_questions .left_part img.sun_dot_img{display: block;z-index: 1;position: absolute;top: 0;right: 0;transform: scale(0)} #from.page_calc .calculator_space .calc_questions .calc_content{flex-basis: calc(100% - 520px);padding: 35px 35px 35px 0;} #from.page_calc .calculator_space .calc_questions .calc_content h3{margin: 0} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path{position: relative;width: 100%;max-width: 1000px;margin: 30px 0;display: flex;align-items: center;justify-content: space-between;} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path:after{content: none;position: absolute;left: 15px;top: 15px;height: 3px;background-color: #e2007e;right: auto;max-width: 96%;margin: auto;transition: 250ms ease;} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path[data-bar='1']:after{content: '';width: 0%} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path[data-bar='2']:after{content: '';width: 25%} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path[data-bar='3']:after{content: '';width: 50%} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path[data-bar='4']:after{content: '';width: 74%} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path[data-bar='5']:after{content: '';width: 100%} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .path_bar{position: absolute;width: 100%;height: 3px;background-color:#c2ccd4;left: 0;top: 15px;z-index: 0;max-width: 96%;right: 0;margin: auto} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step{flex-basis: auto;display: flex;justify-content: center;flex-direction: column;align-items: center;z-index: 1} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step.first_step{align-items: flex-start} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step:last-child{align-items: flex-end} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step .top_part{width: 33px;height: 33px;border: 2px solid transparent;display: flex;justify-content: center;align-items: center;border-radius: 50%;background-color: transparent;} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step .top_part .inner_circle{width: 16px;height: 16px;border: 3px solid #c2ccd4;background-color: #fff;border-radius: 50%} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step .bottom_part{margin-top: 10px;color: #c2ccd4} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step.active_step .bottom_part{color: #e2007e;font-weight: 700} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step.active_step .top_part{border-color: #e2007e;background-color: #fff;} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step.active_step .top_part .inner_circle{border-color: #e2007e;background-color: #e2007e} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step.active_step,#from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step.done_step{cursor: pointer} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step.first_step .top_part{margin-left: 5px} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step:last-child .top_part{margin-right: 5px} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step.done_step .top_part .inner_circle{border-color: #e2007e;background-color: #e2007e;} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .single_path_step.done_step .bottom_part {color: #e2007e;font-weight: 700} #from.page_calc .calculator_space .calc_questions .questions_box{min-height: 340px;padding: 10px 0} #from.page_calc .calculator_space .calc_questions .questions_box .single_question{opacity: 0;position: absolute;width: 100%;transition: 500ms ease;left: -99999px} #from.page_calc .calculator_space .calc_questions .questions_box .single_question.active{ position: relative;left: auto;top: auto;opacity: 1;} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_name{display: flex;margin-bottom: 20px;align-items: baseline;} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_name span{display: inline-block;margin-right: 5px} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio{display: flex;justify-content: space-between;align-items: center} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option{border-radius: 10px;border:2px solid #d6dce2;padding: 10px;cursor: pointer;display: flex;flex-direction: column;justify-content: center;align-items: center;flex-basis: 49%} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option .option_image{filter: grayscale(1);display: flex;justify-content: center;align-items: center;min-height: 160px} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option .option_image img{display: block} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option .option_text{text-align: center} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option.active_variant,#from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option:hover{border-color: #82c34b} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option.active_variant .option_image,#from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option:hover .option_image{filter: grayscale(0);} #from.page_calc .calculator_space .calc_questions .button_box{display: flex;justify-content: flex-end;flex-wrap: wrap;align-items: center;width: 100%;min-height: 57px} #from.page_calc .calculator_space .calc_questions .button_box.with_back{justify-content: space-between} #from.page_calc .calculator_space .calc_questions .button_box .get_back{flex-basis: auto;cursor: pointer;text-align: left;display: flex;justify-content: flex-start;align-items: center;cursor: pointer} #from.page_calc .calculator_space .calc_questions .button_box .get_back img{transform: rotate(180deg);margin-right: 5px} #from.page_calc .calculator_space .calc_questions .button_box .get_back:hover{text-decoration: underline} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex{display: flex;justify-content: space-between;flex-wrap: wrap} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column{flex-basis: 48%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column.image_column{align-items: center;display: flex;flex-basis: 340px;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column.other_column{flex-basis: calc(100% - 350px)} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;margin: 10px 0} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label{flex-basis: 50%;position: relative;line-height: 1.2;display: flex;justify-content: flex-start;align-items: center;padding-right: 30px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label p{margin-right: 10px;flex-basis: auto} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label.w_100{flex-basis: 100%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label .input_tooltip{position: absolute;cursor: pointer;right: 3px;top: 0;bottom: 0;margin: auto;height: 20px;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label .input_tooltip.relative_tooltip{position: relative;left: auto;top: auto;bottom: auto;right: auto;margin: 0} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label.with_ab_element{position: relative;padding-left: 20px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label.with_ab_element span.green{position: absolute;left: 0;top: 2px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label .tooltip{display: none;position: absolute;width: 100%;padding: 10px;font-size: 12px;line-height: 1.1;border: 1px solid #7cc143;left: 0;background-color: #fff;bottom: auto;z-index: 100} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_image{border-radius: 10px;border:2px solid #7cc143;position: relative;padding:20px 20px 20px 180px;min-height: 180px; max-width: 400px;margin-right: 0;margin-left: auto;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_image:before{content: '';display: block;position: absolute;background-image: url(/-/media/Additional/smart/img/from/arrow_3.png);top: 0;bottom: 0;margin: auto;width: 74px;height: 28px;left: -150px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_image .inside_input_box{flex-basis: 100%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_image .inside_input_box .label{flex-basis: 100%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_image .image_ab_element{position: absolute;left:10px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .input_space {flex-basis: calc(50% - 50px);position: relative} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .input_space.one_line{display: flex;align-items: center} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .input_space .none_input_information{text-align: left;padding: 13px 3px;flex-basis: auto;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box input{border-radius: 10px;background-color: #fff;padding: 10px 3px;border:2px solid #d9d9d9;display: inline-block;text-align: center;font-size: 18px;font-weight: 600;width: 100%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .fake_input{border-radius: 10px;padding: 10px 3px;border:2px solid #d9d9d9;display: inline-block;text-align: center;font-size: 18px;font-weight: 600;width: 100%;background-color: #f5f5f5;color: #c2c2c2} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .unit{flex-basis: 40px;text-align: left;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .double_inputs_box{display: flex;justify-content: space-between;width: 100%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .double_inputs_box .single_input_box{flex-basis: 48%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .double_inputs_box .single_input_box .input_space{flex-basis: calc(100% - 50px)} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .amount_trigger{position: absolute;width: 28px;height: 28px;border-radius: 50%;display: flex;justify-content: center;color: #fff;background-color: #d9d9d9;cursor: pointer;font-size: 23px;line-height: 1;top: 0;bottom: 0;margin: auto;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .amount_trigger.trigger_down{left: 10px;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .amount_trigger.trigger_up{left: auto;right: 10px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .amount_trigger:hover{background-color: #7cc143} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column{justify-content: space-between;align-items: center} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .question_flex_column.w_25{flex-basis: 24%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .question_flex_column.w_75{flex-basis: 75%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .single_input_box .input_space{flex-basis: calc(100% - 75px)} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .single_input_box .unit{flex-basis: 70px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .question_flex_column .inside_flex{display: flex;justify-content: space-between;margin-bottom: 5px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .question_flex_column .inside_flex .w_66{flex-basis: 66%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .question_flex_column .inside_flex .w_33{flex-basis: 33%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box input[type='number']{-webkit-appearance: none; appearance: none;} #from.page_calc input::-webkit-outer-spin-button,#from.page_calc input::-webkit-inner-spin-button{-webkit-appearance: none; appearance: none;} #from.page_calc .calculator_space .calc_questions .calc_content{position: relative} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex{display: flex;flex-wrap: wrap;justify-content: space-between;border-width: 2px 0 2px 0;border-style: solid;border-color: #d1d1d1} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column{flex-basis: 30%;padding: 15px 0;display: flex;flex-direction: column;justify-content: space-between;} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column.with_padding{padding-left: 30px;position: relative;} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column.with_padding:before{content: '';display: block;position: absolute;top: 24px;left: 0;background-image: url(/-/media/Additional/smart/img/from/magenta_arrow.png);width: 16px;height: 13px;background-position: center;background-repeat: no-repeat} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column p{margin-bottom: 10px} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column.to_right{text-align: right;position: relative;padding-right: 20px} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column.to_right p{color: #fff;z-index: 2;position: relative} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column.to_right:before{background-image: url(/-/media/Additional/smart/img/from/result_bg.png);z-index: 0;width: 380px;height: 190px;position: absolute;content: '';display: block;background-position: center;background-repeat: no-repeat;right: 0;bottom: -2px} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex{margin-bottom: 20px} #from.page_calc .calculator_space .calc_questions .reset_calc{cursor: pointer;} #from.page_calc .calculator_space .calc_questions .reset_calc:hover{text-decoration: underline} #from.page_calc .calculator_space .calc_questions .left_part .summary_left_side{display: flex;flex-direction: column;justify-content: space-between;height: 100%} .range_space{width: 100%;max-width: 90%} .range_space .filter_range .input label{font-size: 12px} .range_space .filter_range{max-width: 100%;margin: 55px auto 32px;height: 5px;} .range_space .filter_range.ui-slider-horizontal .ui-slider-handle{border-radius: 50%;background-color: #7cc143;width: 20px;height: 20px;top: -8px;border: 3px solid #fff;} .range_space div.ui-slider.filter_range{background-color: #ebebeb;border: none; border-radius: 15px;} .range_space .filter_range .ui-widget-header{background-color: #7cc143} .range_space #custom-handle{position: relative} .range_space #custom-handle span{ position: absolute;background-color: #7cc143;color: #fff;width: 100px;padding: 2px 2px;text-align: center;top: -28px;left: 0;right: auto;margin: auto;border-radius: 7px;font-size: 12px;} .range_space #custom-handle span:after{display: block;width: 9px;height: 8px;background-color: #7cc143;position: absolute;left: 5px;right: auto;margin: auto;bottom: -4px;transform: rotate(45deg);content: '';} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .range_space .filter_range{margin: 15px auto 20px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_range{display: flex;justify-content: space-between;align-items: center} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_range .range_space{width: calc(100% - 330px)} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_range .range_sibling{flex-basis: 300px;display: flex;align-items: center;justify-content: flex-end} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_range .input_space{flex-basis: calc(100% - 50px);} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_range .unit{text-align: center} #from #one_screen_content.active_scroll{position: relative;width: 100vw;overflow: hidden;} #from .screen_navigation{opacity: 0;z-index: 10;position: absolute;display: flex;right: 20px;justify-content: space-between;align-items: flex-end;flex-direction: column;height: calc(100% - 85px);top: auto;bottom: 10px;margin: auto;} #from .screen_navigation .navigation_element{width: 7px;flex-basis: 15%;border: 1px solid #c2c2c2;background-color: #fff;cursor: pointer;position: relative} #from .screen_navigation .navigation_element .screen_name{display: none;transform: rotate(90deg);position: absolute;left: -80px;width: 120px;height: 15px;top: 50px;text-align: center;} #from .screen_navigation .navigation_element.active .screen_name{display: block;} #from .screen_navigation .navigation_element.active{background-color: #e2007e;border-color: #e2007e} #from .screen_navigation .navigation_element:hover{background-color: #e2007e;border-color: #e2007e} #from .screen_navigation.with_animation{animation: showElement 1s .5s forwards;} #from #one_screen_content .single_screen{width: 100%;padding-bottom: 125px;transition: 1000ms ease;height: 100vh;padding-top: 56px;} #from #one_screen_content.active_scroll .screen_information{position: fixed;bottom: 0;left: 0;right: 0;opacity: 0} #from #one_screen_content.active_scroll .screen_information .scroll_space{justify-content: center;flex-direction: column;align-items: center;display: flex;} #from #one_screen_content.active_scroll .screen_information .scroll_space > img{display: block;margin: 0 auto} #from #one_screen_content.active_scroll .screen_information p{margin: 15px 0} #from #one_screen_content.active_scroll .screen_information .screen_bar{display: block;height: 35px;width: 2px;background-color: #000} #from #one_screen_content .single_screen.screen_1{padding-bottom: 0;background-image: url(/-/media/Additional/smart/img/from/screen_1_bg.png);width: 100%;background-position: bottom;background-repeat: no-repeat;background-size: 100% 0;} #from #one_screen_content.active_scroll .screen_information .footer_space{display: none;width: 100%;flex-basis: 100%} #from #one_screen_content.active_scroll .screen_information.last_screen .footer_space{display: block} #from #one_screen_content.active_scroll .screen_information.last_screen .scroll_space{display: none} #from.scroll_variant{height: 100vh} #from.scroll_variant .baner_head{position: fixed;box-shadow: 0px 1px 5px 0px rgba(31, 31, 31, 0.2);} #from #one_screen_content .baner_text{padding-top: 0px!important;display: block;flex-direction: column;justify-content: space-evenly;height: auto} #from #one_screen_content .baner_text h1{line-height: 1} #from #one_screen_content .baner_text h1 span{display: block;} #from #one_screen_content .baner_text h2{margin: 0} #from #one_screen_content .baner_text .second_text {margin: 20px 0;} #from #one_screen_content .baner_text .second_text.f_exc br {display: none} #from #one_screen_content .baner_text .f_btn{cursor: pointer;margin-top: 20px} #from #one_screen_content .flex_page{height: 100%;align-items: center;justify-content: flex-start;display: flex;position: relative} #from #one_screen_content .flex_page .screen_image{position: absolute;right: 0;top: 0;bottom: 0;margin: auto} #from #one_screen_content .flex_page .screen_image.screen_1_image{width: 917px;height: 897px;background-position: center;background-repeat: no-repeat;margin-right: -70px;background-size: contain;max-height: 88vh} #from #one_screen_content .visible_content{overflow: hidden;transition: 1000ms ease} /*#from #one_screen_content .visible_content[data-active="1"]{transform: translateY(0)}*/ /*#from #one_screen_content .visible_content[data-active="2"]{transform: translateY(-100vh)}*/ /*#from #one_screen_content .visible_content[data-active="3"]{transform: translateY(-200vh)}*/ /*#from #one_screen_content .visible_content[data-active="4"]{transform: translateY(-300vh)}*/ /*#from #one_screen_content .visible_content[data-active="5"]{transform: translateY(-400vh)}*/ /*#from #one_screen_content .visible_content[data-active="6"]{transform: translateY(-500vh)}*/ /*#from #one_screen_content .visible_content[data-active="7"]{transform: translateY(-600vh)}*/ #from #one_screen_content .screen_flex{display: flex;justify-content: center;align-items: center;flex-direction: column;height: 100%} #from{overflow: hidden} #from #one_screen_content .single_screen .page{height: 100%;width: 100%} #from.page_calc .tile_flex{width: 100%} #from #one_screen_content .screen_flex h2{text-align: center} #from #one_screen_content .screen_flex .tile_flex{margin-top: 45px;} #from #one_screen_content .single_screen{position: relative} #from #one_screen_content .single_screen .screen_2_ab_1{bottom: 0;position: absolute;left: 110px;z-index: -1} /*#from #one_screen_content .single_screen .screen_2_ab_2{top: 31%;position: absolute;right: 22%;z-index: -1;opacity: 0}*/ #from #one_screen_content .loader{width: 100vw;height: 100vh;background-color: #fff;position: fixed;left: 0;top: 0;display: flex;justify-content: center;align-items: center;z-index: 100000} #from #one_screen_content .single_screen .screen_4_ab_1.ab_div{width: 500px;height: 500px;border-radius: 50%;border: 100px solid #b5f1ee;border-right-color: #b5f1ee;border-top-color: #b5f1ee;border-left-color: transparent;border-bottom-color: transparent;transform: rotate(-135deg);bottom: -250px;position: absolute;left: -250px;} #from #one_screen_content .single_screen .example_box .box_flex{display: flex;justify-content: space-between;flex-wrap: wrap;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column{position: relative} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_33{flex-basis: 520px;padding: 35px 0 35px 35px;position: relative;border-top-left-radius: 10px;border-bottom-left-radius: 10px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_66{flex-basis: calc(100% - 520px);padding: 40px 40px 20px 20px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.blue_box{background-color: #b5f1ee} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_33 .column_sub_head{padding-left: 45px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_33 > img.family_img{position: absolute;bottom: 0;left: -10px;width: auto;height: auto;max-width: unset;z-index: 3} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_33 > img.family_dots{position: absolute;bottom: 0;left: 0;width: auto;height: auto;max-width: unset;z-index: 2;transform: scale(0)} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_33 .blob{background-image: url(/-/media/Additional/smart/img/from/example_blub.png);position: absolute;width: 67px;height: 0px;background-repeat: no-repeat;left: -20px;top: 340px;background-size: cover;background-position: top;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex{display: flex;justify-content: space-between;align-items: flex-end} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex.div_top_flex{align-items: flex-start} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex.div_top_flex .left_column{flex-basis: 160px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex.div_top_flex .middle_column{flex-basis: calc(48% - 80px);margin-top: 20px;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .right_column{flex-basis: calc(48% - 80px)} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex.div_bottom_flex .left_column{flex-basis: 120px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex.div_bottom_flex .middle_column{flex-basis: calc(48% - 60px)} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .ab_arrow{position: absolute;opacity: 0} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .ab_arrow.arrow_1{left: 90px;top: 210px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .ab_arrow.arrow_2{left: 49%;top: 160px;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .ab_arrow.arrow_3{left: 50%;top: 100px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .icon_column{border-radius: 20px;background-color: #f2fdfc;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 10px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .icon_column .single_icon{display: flex;flex-basis: 33%;text-align: center;justify-content: center;align-items: center} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .icon_column .icon_text{flex-basis: 100%;margin-top: 20px;text-align: left;padding-left: 10px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .info_column{border-radius: 20px;background-color: #f2fdfc;padding: 10px 25px 10px 35px;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .info_column .single_element{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 20px 0;align-items: center} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .info_column .single_element p{flex-basis: 130px;text-align: left} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .info_column .single_element .semibold{flex-basis: calc(100% - 150px)} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column{border-radius: 20px;background-color: #b5f1ee;padding: 15px 25px;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .single_benefit{position: relative;padding-left: 15px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .single_benefit p{margin-bottom: 10px;z-index: 1;position: relative} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .single_benefit:before{width: 30px;height: 30px;border-radius: 50%;background-color: #fff;left: 0;top: 0px;content: '';display: block;position: absolute;z-index: 0} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .summary{padding-left: 80px;position: relative} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .summary img{position: absolute;left: 0;top: 10px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .calc_disclaimer{ margin-top: 25px;padding-left: 160px;} #from #one_screen_content .single_screen .sub_flex{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;width: 100%} #from #one_screen_content .single_screen .sub_flex .left_column{flex-basis: 49%} #from #one_screen_content .single_screen .sub_flex .right_column{flex-basis: 49%; display: flex;justify-content: flex-end;} #from #one_screen_content .single_screen .sub_flex .single_extra{position: relative;padding-left: 70px;margin-bottom: 25px} #from #one_screen_content .single_screen .sub_flex .single_extra > img{position: absolute;left: 0;top: 13px;} #from #one_screen_content .single_screen .sub_flex .single_extra > a{display: block;margin-top: 50px} #from #one_screen_content .single_screen .ab_circle{position: absolute;left: 0;bottom: 0;transition: 250ms ease} #from #one_screen_content .single_screen .sub_flex .right_column{padding-right: 40px} #from #one_screen_content .f_footer{padding: 0;background-color: #fff;} #from #one_screen_content .page_footer .footer_flex{padding: 5px 0;} #from #one_screen_content .ebook_box{ background-color: #fff;margin-bottom: 50px;width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;border-radius: 10px;border:1px solid #d6dce2;position: relative;padding: 30px 40px} #from #one_screen_content .ebook_box .flex_column.w_20{flex-basis: 445px} #from #one_screen_content .ebook_box .flex_column.w_250{flex-basis: 250px} #from #one_screen_content .ebook_box .flex_column.w_60{flex-basis:calc(100% - 700px);padding: 0 15px} #from #one_screen_content .ebook_box .flex_column p{margin: 10px 0} #from #one_screen_content .bottom_disclaimer p{margin-bottom: 20px;} #from #one_screen_content .ebook_box .flex_column a{margin: 10px auto} #from #one_screen_content .baner_text{max-width: 50%} #from #one_screen_content .single_screen{overflow: hidden} #from #one_screen_content .page_footer .footer_flex {padding: 5px 35px 5px 0;} #from #one_screen_content.active_scroll .screen_information p,#from #one_screen_content .bottom_disclaimer p,#from #one_screen_content.active_scroll .screen_information p{font-size: 16px!important;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.step_separator{min-height: 54px} .zoom4 #from #one_screen_content .f_btn{max-width: 300px;} .zoom4 #from #one_screen_content.active_scroll .screen_information .screen_bar{display: none} .contrast #from #one_screen_content.active_scroll .screen_information .scroll_space > img{filter: invert(1)} .contrast #from #one_screen_content.active_scroll .screen_information .screen_bar{background-color: #fff;} .contrast #from #one_screen_content .single_screen.screen_1{background-image: none;} .contrast #from.page_calc .tile_flex .single_tile{background-color: #000;border: 2px solid #fff;box-shadow: none} .contrast #from.page_calc .calculator_space{background-color: transparent;border: 2px solid #fff;box-shadow: none} .contrast #from #one_screen_content .single_screen .example_box{background-color: transparent;border: 2px solid #fff;box-shadow: none} .contrast #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .icon_column{background-color: transparent;border: 2px solid #fff;box-shadow: none} .contrast #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .info_column{background-color: transparent;border: 2px solid #fff;box-shadow: none} .contrast #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column{background-color: transparent;border: 2px solid #fff;box-shadow: none} .contrast #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .single_benefit:before{content: none} .contrast #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box input{background-color: #000;border-color: #fff;} .contrast #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .fake_input{background-color: #000;border-color: #fff;} .contrast #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label .tooltip{background-color: #000;} .contrast #from.page_calc .calculator_space .calc_questions .left_part img.sun_dot_img{opacity: .15} #from #one_screen_content .flex_page .baner_dots{position: absolute;right: 0;z-index:-1 } #from #one_screen_content .single_screen.with_animation .screen_image .baner_bars{position: absolute;height: 2px;background-color: #a5a8aa;z-index: 1;opacity: 0;} #from #one_screen_content .single_screen.with_animation .screen_image .baner_bars.bar_1{width: 220px;right: 80%;bottom: 300px;animation: showElement 1s 2s forwards, swing 5s 0s forwards infinite linear} #from #one_screen_content .single_screen.with_animation .screen_image .baner_bars.bar_2{width: 580px;bottom: 30px;right: 160px;animation: showElement 1s 2s forwards, swing 5s 1s forwards infinite linear} #from #one_screen_content .single_screen.with_animation .screen_image .baner_bars.bar_3{width: 600px;bottom: 60px;right: 90px;animation: showElement 1s 2s forwards, swing 5s 1.5s forwards infinite linear} /*#from #one_screen_content .single_screen.screen_1.with_animation{animation:growBg 1s 1.5s forwards}*/ /*#from #one_screen_content .single_screen.with_animation .animation_element{opacity: 0;animation: showElement 1s forwards}*/ /*#from #one_screen_content .single_screen.with_animation .animation_element.from_left_animation{transform: translateX(-1000%);animation:fromLeft 1s forwards, showElement 1s forwards;}*/ #from #one_screen_content .single_screen.with_animation .example_box.active .box_flex .flex_column .ab_arrow{position: absolute;animation:showElement 1s forwards} #from #one_screen_content .single_screen.with_animation .example_box.active .box_flex .flex_column .ab_arrow.arrow_1{animation-delay: 1.5s} #from #one_screen_content .single_screen.with_animation .example_box.active .box_flex .flex_column .ab_arrow.arrow_2{animation-delay: 1.5s} #from #one_screen_content .single_screen.with_animation .example_box.active .box_flex .flex_column .ab_arrow.arrow_3{animation-delay: 2s} /*#from #one_screen_content .single_screen.with_animation .example_box.active .box_flex .flex_column.w_33 > img.family_dots{animation: scaleUp 1s 1.5s forwards}*/ /*#from #one_screen_content .single_screen.with_animation .example_box.active .box_flex .flex_column.w_33 .blob{animation: growHeight .5s 1.5s forwards}*/ #from #one_screen_content .single_screen.with_animation .animation_element.order_1{animation-delay: 0s} #from #one_screen_content .single_screen.with_animation .animation_element.order_2{animation-delay: .5s} #from #one_screen_content .single_screen.with_animation .animation_element.order_3{animation-delay: 1s} #from #one_screen_content .single_screen.with_animation .animation_element.order_4{animation-delay: 1.5s} #from #one_screen_content .single_screen.with_animation .animation_element.order_5{animation-delay: 2s} #from #one_screen_content .screen_information.order_6{opacity: 0;animation: showElement 1s 2.5s forwards} #from #one_screen_content .screen_information.order_6.last_screen{opacity: 0;animation: showElement 1s 1s forwards} /*#from #one_screen_content .single_screen.with_animation .screen_2_ab_1.ab_div{animation: circleGrow .8s 2s forwards linear}*/ /*#from #one_screen_content .single_screen.with_animation .screen_4_ab_1.ab_div{animation: circleGrow2 .8s 2s forwards linear}*/ /*#from #one_screen_content .single_screen.with_animation .screen_2_ab_2{animation: fromBottom .8s 2s forwards linear}*/ #from #one_screen_content .single_screen .flex_page .screen_image.screen_1_image{display: flex;justify-content: center;align-items: center} #from #one_screen_content .single_screen .flex_page .screen_image.screen_1_image > img{position: absolute} #from #one_screen_content .single_screen .flex_page .screen_image.screen_1_image > .main_img{max-width: 100%;max-height: 100%;width: auto;height: auto;z-index: 2;position: relative;left: auto;top: auto;} #from #one_screen_content .single_screen .flex_page .screen_image.screen_1_image > .baner_dots{z-index: 1;top: 0;right: 0} /*#from.page_calc .single_screen.with_animation .calculator_space .calc_questions .left_part img.sun_img{transform: scale(0);animation: scaleUp 1s 2s forwards}*/ /*#from.page_calc .single_screen.with_animation .calculator_space .calc_questions .left_part img.sun_dot_img{transform: scale(0);animation: scaleUp 1s 2s forwards}*/ /*new*/ #from .screen_navigation .navigation_element:hover .screen_name{display: block} #from #one_screen_content.active_scroll .screen_information{z-index: 9} #from.page_calc #one_screen_content .tile_flex .single_tile{transition: 1000ms ease;} #from #one_screen_content .single_screen{position: absolute;top: 0;left: 0;opacity: 0;z-index: -1} #from #one_screen_content .single_screen.active{position: relative;top: auto;left: auto;opacity: 1;z-index: 1} #from #one_screen_content .loader{width: 100vw;height: 100vh;background-color: #fff;position: fixed;left: 0;top: 0;display: flex;justify-content: center;align-items: center;z-index: 100000;flex-direction: column} #from #one_screen_content .loader .loader_bar{width: 300px;border-radius: 20px;border: 2px solid #e2007e;margin: 40px auto;height: 40px;padding: 5px} #from #one_screen_content .loader .loader_bar .loader_inside{border-radius: 20px;background-color: #e2007e;transition: 250ms ease;width: 0%;height: 100%;animation: growBar 2s forwards} #from #one_screen_content .single_screen .example_box{border-radius: 10px;background-color: #fff;box-shadow: 0px 18px 62px 0px rgb(28 61 68 / 16%);margin-top: 25px;z-index: -10;opacity: 0;transition: 1000ms ease;position: absolute;margin-bottom: 55px;top: 0} #from #one_screen_content .single_screen .example_box.active{z-index: 1;opacity: 1;position: relative;left: auto} #from #one_screen_content .single_screen .example_space{position: relative} #from #one_screen_content .single_screen .example_box .example_navigation{ margin: 10px 0;z-index: 5;position: relative;display: flex;padding-left: 45px} #from #one_screen_content .single_screen .example_box .example_navigation .single_example-nav{width: 20px;height: 20px;border-radius: 50%;border: 2px solid #e2007e;background-color: transparent;cursor: pointer;margin-right: 10px} #from #one_screen_content .single_screen .example_box .example_navigation .single_example-nav.active_nav,#from #one_screen_content .single_screen .example_box .example_navigation .single_example-nav:hover{background-color: #e2007e} #from #one_screen_content .single_screen .sub_flex .right_column .svg-donut{width: 560px;height: 560px;transform: scaleX(1) rotate(-250deg); position: absolute;left: auto;z-index: 1;bottom: -80px;} #from #one_screen_content .single_screen .sub_flex .right_column .svg-donut .donut{stroke-dasharray:40, 1330;stroke: #b5f1ee;stroke-width: 85px;} #from #one_screen_content .single_screen .sub_flex .right_column .column_image{border-radius: 20px;background-image: url(/-/media/Additional/smart/img/from/extra_bg.png);background-color: #f6f6f6;width: 100%;max-width: 797px;height: 372px;background-position: center;background-repeat: no-repeat} #from #one_screen_content .single_screen .sub_flex .right_column .column_image .circle_space{position: relative;width: 450px;height: 100%} #from #one_screen_content .single_screen .sub_flex .right_column .column_image .circle_space > img{position: absolute;bottom: 0;left: 110px;z-index: 2} #from #one_screen_content .screen_flex.rel_element{position: relative} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen .animation_element{opacity: 0;animation: showElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen.initial .order_1{animation-delay: 2s!important;} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen.initial .order_2{animation-delay: 2.5s!important;} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen.initial .order_3{animation-delay: 3s!important;} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen.initial .order_4{animation-delay: 3.5s!important;} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen.initial .order_5{animation-delay: 4s!important;} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen.initial.screen_1.with_animation{animation:growBg 1s 3.5s forwards} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen.active .from_left_animation{animation:fromLeft 1s forwards, showElement 1s forwards;} #from.page_calc #one_screen_content .visible_content[data-page='2'] .single_screen .from_left_animation{animation: toUp 1s forwards, hideElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen.screen_1.active{animation:growBg 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='2'] .single_screen.screen_1{animation: hideBg 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen .screen_1_image{opacity: 0;animation:showElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='2'] .single_screen .screen_1_image{animation: hideElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen.screen_2 .show_element{opacity: 0;animation:hideElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='2'] .single_screen.screen_2.active .show_element{opacity: 0;animation:showElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='2'].direction_up .single_screen.screen_2.active .show_element{opacity: 1;animation: none} #from.page_calc #one_screen_content .visible_content[data-page='1'] .single_screen.screen_2 .on_scroll_element{opacity: 0;} #from.page_calc #one_screen_content .visible_content[data-page='2'] .single_screen.screen_2 .on_scroll_element{opacity: 0;} #from.page_calc #one_screen_content .visible_content[data-page='2'] .single_screen.screen_2 .order_1{animation-delay: 0s} #from.page_calc #one_screen_content .visible_content[data-page='2'] .single_screen.screen_2 .order_2{animation-delay: .5s} #from.page_calc #one_screen_content .visible_content[data-page='2'] .single_screen.screen_2 .order_3{animation-delay: 1s} #from.page_calc #one_screen_content .visible_content[data-page='3'] .single_screen.screen_2.active .on_scroll_element{animation:showElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='3'].direction_up .single_screen.screen_2.active .on_scroll_element{opacity: 1;animation: none} #from.page_calc #one_screen_content .visible_content .single_screen.screen_2 .screen_2_ab_1.ab_div{width: 500px;height: 500px;border-radius: 50%;border: 100px solid #b5f1ee;border-right-color: #b5f1ee;border-top-color: #b5f1ee;border-left-color: transparent;border-bottom-color: transparent;transform: rotate(135deg);bottom: -250px;left: 0;transition: 250ms ease;} #from.page_calc #one_screen_content .visible_content .single_screen.screen_2 .screen_2_ab_2{top: 31%;position: absolute;right: 22%;z-index: -1;opacity: 0;transition: 500ms ease;} #from.page_calc #one_screen_content .visible_content .single_screen.screen_6 .screen_2_ab_2{top: 7%;z-index: 0;left: 160px;position: absolute;right:auto;opacity: 0;transition: 500ms ease;} #from.page_calc #one_screen_content .visible_content[data-page='3'].direction_up .single_screen.screen_2 .screen_2_ab_1.ab_div{animation: circleSmall .8s 0s forwards linear} #from.page_calc #one_screen_content .visible_content[data-page='3'].direction_up .single_screen.screen_2 .screen_2_ab_2{animation: toBottom .8s 0s forwards linear,hideElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='4'] .single_screen.screen_2 .screen_2_ab_1.ab_div{animation: circleGrow .8s 0s forwards linear} #from.page_calc #one_screen_content .visible_content[data-page='4'].direction_up .single_screen.screen_2 .screen_2_ab_1.ab_div{transform: rotate(135deg);animation: circleGrow .8s 1s forwards linear} #from.page_calc #one_screen_content .visible_content[data-page='4'] .single_screen.screen_2 .screen_2_ab_2{animation: fromBottom .8s 0s forwards linear,showElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='4'].direction_up .single_screen.screen_2 .screen_2_ab_2{animation: fromBottom .8s 1s forwards linear,showElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='5'] .single_screen.screen_2 .screen_2_ab_1.ab_div{animation: circleSmall .8s 0s forwards linear} #from.page_calc #one_screen_content .visible_content[data-page='5'] .single_screen.screen_2 .screen_2_ab_2{animation: toBottom .8s 0s forwards linear,hideElement .1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='5'] .single_screen.screen_2 .on_scroll_element{opacity: 0;animation:hideElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='5'] .single_screen.screen_2 .show_element{opacity: 0;animation:hideElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='4'].direction_up .single_screen.screen_3 .calculator_space .calc_questions .left_part img.sun_img{transform: scale(1);animation: scaleDown 1s 0s forwards} #from.page_calc #one_screen_content .visible_content[data-page='4'].direction_up .single_screen.screen_3 .calculator_space .calc_questions .left_part img.sun_dot_img{transform: scale(1);animation: scaleDown 1s 0s forwards} #from.page_calc #one_screen_content .visible_content[data-page='4'].direction_up .calculator_space{transform: translate(0,0);opacity: 1;animation:toDown 1s 1s forwards,hideElement 2s 1s forwards;} #from.page_calc #one_screen_content .visible_content[data-page='5'] .single_screen.screen_3 .calculator_space .calc_questions .left_part img.sun_img{transform: scale(0);animation: scaleUp 1s 2s forwards} #from.page_calc #one_screen_content .visible_content[data-page='5'] .single_screen.screen_3 .calculator_space .calc_questions .left_part img.sun_dot_img{transform: scale(0);animation: scaleUp 1s 2s forwards} #from.page_calc #one_screen_content .visible_content[data-page='5'] .single_screen.screen_3 .calculator_space{opacity: 0;animation:fromDown 1s 1s forwards,showElement 1s 1s forwards;} #from.page_calc #one_screen_content .visible_content[data-page='5'].direction_up .single_screen.screen_4 .animation_element{animation: hideElement 1s 0s forwards} #from.page_calc #one_screen_content .visible_content[data-page='6'] .single_screen.screen_3 .calculator_space{animation:toUp 1s 1s forwards,hideElement 1s 1s forwards;} #from.page_calc #one_screen_content .visible_content[data-page='6'] .single_screen.screen_3 .animation_element{animation: hideElement 1s 0s forwards;} #from.page_calc #one_screen_content .visible_content[data-page='6'].direction_down .single_screen.screen_4 .animation_element{opacity: 0;animation: showElement 1s 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='6'].direction_down .single_screen.screen_4 .example_space{opacity: 0;animation: showElement 1s 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='6'] .single_screen.screen_4 .example_box.active .box_flex .flex_column.w_33 > img.family_dots{animation: scaleUp 1s 1.5s forwards} #from.page_calc #one_screen_content .visible_content[data-page='6'] .single_screen.screen_4 .example_box.active .box_flex .flex_column.w_33 .blob{animation: growHeight .5s 1.5s forwards} /*#from.page_calc #one_screen_content .visible_content[data-page="7"] .single_screen.screen_4 .example_space{opacity: 0;animation: showElement 1s 1s forwards}*/ #from.page_calc #one_screen_content .visible_content[data-page='7'] .single_screen.screen_4 .example_box.active .box_flex .flex_column.w_33 > img.family_dots{animation: scaleUp 1s 1.5s forwards} #from.page_calc #one_screen_content .visible_content[data-page='7'] .single_screen.screen_4 .example_box.active .box_flex .flex_column.w_33 .blob{animation: growHeight .5s 1.5s forwards} #from.page_calc #one_screen_content .visible_content[data-page='6'] .single_screen.screen_3 .calculator_space .calc_questions .left_part img.sun_img{transform: scale(1);animation: scaleDown 1s 0s forwards} #from.page_calc #one_screen_content .visible_content[data-page='6'] .single_screen.screen_3 .calculator_space .calc_questions .left_part img.sun_dot_img{transform: scale(1);animation: scaleDown 1s 0s forwards} #from.page_calc #one_screen_content .visible_content[data-page='6'] .single_screen.screen_4 .example_box.active .box_flex .flex_column .ab_arrow{position: absolute;animation:showElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='6'] .single_screen.screen_4 .example_box.active .box_flex .flex_column .ab_arrow.arrow_1{animation-delay: 1.5s} #from.page_calc #one_screen_content .visible_content[data-page='6'] .single_screen.screen_4 .example_box.active .box_flex .flex_column .ab_arrow.arrow_2{animation-delay: 2s} #from.page_calc #one_screen_content .visible_content[data-page='6'] .single_screen.screen_4 .example_box.active .box_flex .flex_column .ab_arrow.arrow_3{animation-delay: 2s} #from.page_calc #one_screen_content .visible_content[data-page='7'] .single_screen.screen_4 .example_box.active .box_flex .flex_column .ab_arrow{position: absolute;animation:showElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='7'] .single_screen.screen_4 .example_box.active .box_flex .flex_column .ab_arrow.arrow_1{animation-delay: 1.5s} #from.page_calc #one_screen_content .visible_content[data-page='7'] .single_screen.screen_4 .example_box.active .box_flex .flex_column .ab_arrow.arrow_2{animation-delay: 2s} #from.page_calc #one_screen_content .visible_content[data-page='7'] .single_screen.screen_4 .example_box.active .box_flex .flex_column .ab_arrow.arrow_3{animation-delay: 2s} #from.page_calc #one_screen_content .visible_content[data-page='7'].direction_up .single_screen.screen_5 .from_left_animation{animation: toUp 1s forwards, hideElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='7'].direction_up .single_screen.screen_5 .animation_element{animation: hideElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='8'].direction_up .single_screen.screen_5 .sub_flex .right_column .svg-donut .donut{animation: smallDonut 1s forwardsstroke-dasharray: 590, 1330;} #from.page_calc #one_screen_content .visible_content[data-page='8'].direction_up .single_screen.screen_5 .screen_4_ab_1.ab_div{transform: rotate(-45deg);animation: circleSmall2 1s forwards;} #from.page_calc #one_screen_content .visible_content[data-page='8'] .single_screen.screen_4 .example_space{animation: hideElement 1s 0s forwards} #from.page_calc #one_screen_content .visible_content[data-page='8'].direction_down .single_screen.screen_5 .from_left_animation{animation:fromLeft 1s 1s forwards, showElement 1s 1s forwards;} #from.page_calc #one_screen_content .visible_content[data-page='8'].direction_down .single_screen.screen_5 .animation_element{opacity: 0;animation: showElement 1s 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='9'] .single_screen.screen_5 .sub_flex .right_column .svg-donut .donut{animation: growDonut 1s 0s forwards} #from.page_calc #one_screen_content .visible_content[data-page='9'] .single_screen.screen_5 .screen_4_ab_1.ab_div{animation: circleGrow2 1s 0s forwards} #from.page_calc #one_screen_content .visible_content[data-page='9'].direction_up .single_screen.screen_5 .sub_flex .right_column .svg-donut .donut{animation: growDonut 1s 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='9'].direction_up .single_screen.screen_5 .screen_4_ab_1.ab_div{animation: circleGrow2 1s 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='10'] .single_screen.screen_5 .from_left_animation{animation: toUp 1s 1s forwards, hideElement 1s 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='10'] .single_screen.screen_5 .animation_element{animation: hideElement 1s 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='10'] .single_screen.screen_5 .sub_flex .right_column .svg-donut .donut{animation: smallDonut 1s forwardsstroke-dasharray: 590, 1330;} #from.page_calc #one_screen_content .visible_content[data-page='10'] .single_screen.screen_5 .screen_4_ab_1.ab_div{transform: rotate(-45deg);animation: circleSmall2 1s forwards;} #from.page_calc #one_screen_content .visible_content[data-page='9'].direction_up .single_screen.screen_6 .animation_element{animation: hideElement 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='10'] .single_screen.screen_6 .animation_element{opacity: 0;animation: showElement 1s 2s forwards} #from.page_calc #one_screen_content .visible_content[data-page='9'].direction_up .single_screen.screen_6 .screen_2_ab_2{animation: toBottom2 .8s 0s forwards linear,hideElement 1s 1s forwards} #from.page_calc #one_screen_content .visible_content[data-page='10'] .single_screen.screen_6 .screen_2_ab_2{animation: fromBottom2 1s 2.5s forwards linear,showElement 1s 2.5s forwards} .contrast #from #one_screen_content .single_screen .example_box .box_flex .flex_column.blue_box{background-color: #575757;} .contrast #from #one_screen_content .single_screen .example_box .box_flex .flex_column.blue_box{background-color: #575757;} .contrast #from #one_screen_content .ebook_box{background-color: #000;border: 2px solid #fff;} .contrast #from .f_btn.f_white_btn{color: #000!important;} #from .special_box{box-shadow: 0px 1px 30px 0px rgba(20, 61, 81, 0.07);border-radius: 20px;margin-top: 55px} #from .special_box .special_head{border-top-right-radius: 20px;border-top-left-radius: 20px;position: relative;padding: 5px 10px 5px 225px;} #from .special_box .special_head.light_blue{background-color: #77dade} #from .special_box .special_head.navy_blue{background-color: #2d63df} #from .special_box .special_head .image_box{position: absolute;left: 0;bottom: 0;width: 215px;display: flex;align-items: center;justify-content: center;} #from .special_box .special_head p{color: #fff;} #from .special_box .special_body{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 30px 0} #from .special_box .special_body .single_special_offert{flex-basis: 33%;padding: 0 25px} #from .special_box .special_body .single_special_offert.middle_offert{border-width: 0 2px;border-style: solid;border-color: #ededed} #from .special_box .special_body .single_special_offert .offert_top{display: flex;align-items: center;justify-content: space-between;padding: 25px 0 25px 25px;margin-bottom: 20px} #from .special_box .special_body .single_special_offert .offert_top img{flex-basis: 155px;} #from .special_box .special_body .single_special_offert .offert_top p{flex-basis: calc(100% - 165px)} #from .special_box .special_body .single_special_offert .offert_mid{min-height: 440px} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit{border-bottom: 2px solid #ededed;padding: 10px 0 10px 25px;} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit:last-child{border-bottom: 0} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit p.with_check{position: relative;padding-left: 25px;margin-bottom: 15px} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit p.with_check:before {content: '';display: block;position: absolute;left: 0;top: 10px;background-image: url(/-/media/Additional/smart/img/from/blue_check.png);width: 13px;height: 13px;background-size: contain;background-repeat: no-repeat;} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .forrest_box{padding: 15px 15px 15px 35px;position: relative;border-radius: 20px;border:2px solid #87c041} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .forrest_box .forrest_ico{position: absolute;width: 54px;height: 54px;border-radius: 50%;display: flex;justify-content: center;align-items: center;background-color: #fff;left: -30px;top: 20px;border:2px solid #87c041} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .forrest_box p{line-height: 1.5;margin-bottom: 10px} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .small_span{display: block;margin: 3px 0;line-height: 1.1;} #from .special_box .special_body .single_special_offert .offert_bottom{padding-top: 25px;border-top: 2px solid #ededed;display: flex;justify-content: center;align-items: center} #from .special_box .special_body .single_special_offert .offert_bottom a{margin: 0 auto;display: block} #from .special_box .special_body .single_special_offert.w_100{flex-basis: 100%;display: flex;justify-content: space-between;;align-items: center;flex-wrap: wrap} #from .special_box .special_body .single_special_offert.w_100 .offert_top{flex-basis: 420px;} #from .special_box .special_body .single_special_offert.w_100 .offert_mid{min-height: 1px;display: flex;flex-wrap: wrap;justify-content: flex-start;flex-basis: calc(100% - 730px)} #from .special_box .special_body .single_special_offert.w_100 .offert_mid .single_benefit{flex-basis: 100%} #from .special_box .special_body .single_special_offert.w_100 .offert_mid .single_benefit.with_border{border: 2px solid #ededed;border-radius: 20px;flex-basis: 320px;text-align: center;padding: 10px;margin-right: 30px} #from .special_box .special_body .single_special_offert.w_100 .offert_bottom{flex-basis: 255px;border: none;padding: 0} #from .under_slider .page_flex.to_bottom{align-items: flex-end} #from .under_slider .page_flex.to_bottom .column.text_column{margin-bottom: 30px} #from .slider_head{margin: 60px 0;display: flex;justify-content: space-between;flex-wrap: wrap;box-shadow: 0.974px 6.932px 16px 0px rgba(20, 61, 81, 0.23);border-top-left-radius: 20px;border-top-right-radius: 20px} #from .slider_head .single_slider_head{cursor: pointer;flex-basis: 50%;display: flex;align-items: center;justify-content: flex-start;position: relative;padding: 5px 5px;filter: grayscale(1)} #from .slider_head .single_slider_head .head_image{display: flex;justify-content: center;align-items: center;flex-basis: 240px;} #from .slider_head .single_slider_head p{flex-basis: calc(100% - 245px)} #from .slider_head .single_slider_head p span{display: block;color: #b4b4b4;} #from .slider_head .single_slider_head.active p span{display: block;color: #fff;} #from .slider_head .single_slider_head.active{filter: grayscale(0);} #from .slider_head .single_slider_head.active:after{content: '';position: absolute;width: 20px;height: 20px;bottom: -10px;background-color: #5ac1c6;left: 0;right: 0;margin: auto;transform: rotate(45deg)} #from .slider_head .single_slider_head:hover{filter: grayscale(0);} #from .slider_head .single_slider_head:hover:after{content: '';position: absolute;width: 20px;height: 20px;bottom: -10px;background-color: #5ac1c6;left: 0;right: 0;margin: auto;transform: rotate(45deg)} #from .slider_head .single_slider_head:hover p span{display: block;color: #fff;} #from .slider_space .slider_box{display: none;opacity: 0} #from .slider_space .slider_box.active{display: block;opacity: 1} #from .slider_head .single_slider_head:nth-child(1){border-top-left-radius: 20px} #from .slider_head .single_slider_head:nth-child(2){border-top-right-radius: 20px} #from .slider_head .single_slider_head:nth-child(1):hover,#from .slider_head .single_slider_head.active:nth-child(1){background: linear-gradient(90deg, rgba(90,193,198,1) 50%, rgba(183,243,238,1) 100%);} #from .slider_head .single_slider_head:nth-child(2):hover,#from .slider_head .single_slider_head.active:nth-child(2){background: linear-gradient(90deg, rgba(43,100,216,1) 50%, rgba(184,207,253,1) 100%);} #from .slider_head .single_slider_head.active:nth-child(2):after{background-color: #2b64d8;} #from .slider_head .single_slider_head:nth-child(2):hover:after{background-color: #2b64d8;} #from .slider_space .slider_box.active{animation:showElement 1s forwards} #from .page_section .q3_slider .slider_box .single_owl_offert .offert_body{margin-top: 80px;padding: 0 25px;min-height: 460px;} #from .slider_head .single_slider_head.active:nth-child(1) p{color: #000} #from .slider_head .single_slider_head.active:nth-child(1) p span{color: #000} #from .slider_head .single_slider_head:nth-child(1):hover p{color: #000;} #from .slider_head .single_slider_head:nth-child(1):hover p span{color: #000;} #from .special_box .special_head.light_blue p{color: #000} .contrast #from .slider_head{border:2px solid #fff;box-shadow: none} .contrast #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .forrest_box .forrest_ico{background-color: #000} .contrast #from .special_box .special_head.light_blue{border:2px solid #fff;background-color: #000;} .contrast #from .special_box .special_head.navy_blue{border:2px solid #fff;background-color: #000;} .contrast #from .special_box .special_body{background-color: #000;border-width: 0 2px 2px 2px;border-style: solid;border-color: #fff} @keyframes growBar { 0%{width: 0} 100%{width: 100%} } @keyframes smallDonut { 0%{stroke-dasharray: 590, 1330;} 100%{stroke-dasharray: 40, 1330;} } @keyframes growDonut { 0%{stroke-dasharray: 40, 1330;} 100%{stroke-dasharray: 590, 1330;} } @keyframes scaleUp { 0%{transform: scale(0)} 100%{transform: scale(1)} } @keyframes scaleDown { 0%{transform: scale(1)} 100%{transform: scale(0)} } @keyframes growHeight { 0%{height: 0} 100%{height: 131px} } @keyframes swing { 0%{transform: translateX(0px);} 25%{transform: translateX(10px);} 50%{transform: translateX(0px);} 75%{transform: translateX(-10px);} 100%{transform: translateX(0px);} } @keyframes hideBg { 0%{background-size:cover} 1%{background-size: 100% 100%;} 100%{background-size: 100% 0;} } @keyframes growBg { 0%{background-size: 100% 0;} 99%{background-size: 100% 100%;} 100%{background-size:cover} } @keyframes circleSmall { 0%{transform: rotate(315deg);} 100%{transform: rotate(135deg);} } @keyframes circleGrow { 0%{transform: rotate(135deg);} 100%{transform: rotate(315deg);} } @keyframes circleGrow2 { 0%{transform: rotate(-135deg);} 100%{transform: rotate(-45deg);} } @keyframes circleSmall2 { 0%{transform: rotate(-45deg);} 100%{transform: rotate(-135deg);} } @keyframes showElement { 0%{opacity: 0} 100%{opacity: 1} } @keyframes hideElement { 0%{opacity: 1} 100%{opacity: 0} } @keyframes fromBottom { 0%{top:45%;opacity: 0} 100%{top:29%;opacity: 1} } @keyframes fromBottom2 { 0%{top:25%;} 100%{top:8%;} } @keyframes toBottom { 0%{top:29%;} 100%{top:45%;} } @keyframes toBottom2 { 0%{top:8%;} 100%{top:25%;} } @keyframes toUp { 0%{transform: translate(0,0%);} 100%{transform: translate(0,-200%);} } @keyframes fromDown { 0%{transform: translate(0,200%);} 100%{transform: translate(0,0%);} } @keyframes toDown { 0%{transform: translate(0,0%);} 100%{transform: translate(0,200%);} } @keyframes fromLeft { 0%{transform: translateX(-200%);} 100%{transform: translateX(0%);} } @keyframes changeBg { 0%{background-image: none} 100%{background-image: url(/-/media/Additional/smart/img/from/screen_1_image_animation.png);} } @keyframes removeBg { 0%{background-image: url(/-/media/Additional/smart/img/from/screen_1_image.png);} 100%{background-image: none} } @media all and (max-height: 950px){ #from.page_calc .calculator_space{margin-top: 25px} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path{margin: 20px 0} #from.page_calc .calculator_space .calc_questions .calc_content{padding: 20px 35px 20px 0} #from.page_calc .calculator_space .calc_questions .left_part{ padding: 20px 0 20px 35px;} } @media all and (max-height: 900px){ #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_name{margin-bottom: 5px} #from.page_calc .calculator_space .calc_questions .questions_box{min-height: 310px} #from #one_screen_content.active_scroll .screen_information .screen_bar{display: none} #from #one_screen_content .screen_flex h2{line-height: 1.1} #from #one_screen_content .screen_flex h2 br{display: none} #from #one_screen_content .screen_flex h2 span{display: block} #from #one_screen_content .single_screen{padding-bottom: 90px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_66 {padding: 15px 15px 15px 15px;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .info_column .single_element{margin: 15px 0} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .icon_column .icon_text{margin-top: 10px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column{margin-top: 10px} } @media all and (max-height: 800px){ #from.page_calc .tile_flex .single_tile .f_btn {margin: 2px auto;padding: 5px;} #from #one_screen_content.active_scroll .screen_information .scroll_space > img{display: none} #from #one_screen_content .single_screen{padding-bottom: 35px} #from #one_screen_content.active_scroll .screen_information p {margin: 4px 0;} #from #one_screen_content .single_screen .ab_circle {max-height: 210px;} } @media all and (max-height: 750px){ #from .screen_navigation .navigation_element .screen_name{top: 40px} #from.page_calc .calculator_space {margin-top: 5px;} } @media all and (max-height: 700px){ #from .screen_navigation .navigation_element.active .screen_name{display: none} #from.scroll_variant {height: auto;overflow: auto;} #from #one_screen_content.active_scroll{overflow: auto} #from #one_screen_content .visible_content{transform: none!important;overflow: auto} #from #one_screen_content .screen_flex{padding: 35px 0} #from #one_screen_content .single_screen{height: auto;} #from #one_screen_content .single_screen:not(.screen_1){padding: 0} #from #one_screen_content .single_screen.screen_1{height: auto;min-height: 60vh;padding-top: 60px;} #from .screen_navigation{position: fixed;} #from #one_screen_content.active_scroll .screen_information .scroll_space{display: none} #from #one_screen_content.active_scroll .screen_information .footer_space{display: block} #from #one_screen_content.active_scroll .screen_information{position: relative} #from #one_screen_content .single_screen .example_box{position: relative;left: auto;opacity: 1;z-index: 1;margin: 10px 0;transform: scale(1)} #from #one_screen_content .single_screen .screen_2_ab_1,#from #one_screen_content .single_screen .ab_circle{display: none} } @media all and (max-width: 1920px){ #from.site_3 .f_baner_foto_space{right: 0} #from .f_baner .baner_text{max-width: 53%; } } @media all and (max-width: 1860px){ #from .page_section .f_offerts_box .f_single_offert .parallax_1 {left: -40px;} #from .page_section .slider_box .owl-nav .owl-prev{left: 0px;} #from .page_section .slider_box .owl-nav .owl-next{right: 0px;} } @media all and (max-width: 1750px){ #from .f_baner .f_baner_image_box{right: 15px} #from .page_section .f_offerts_box .f_single_offert .parallax_1 {max-height: 110px} #from .page_section .f_offerts_box .f_single_offert .parallax_2{max-height: 100px} #from .page_section .f_blog_box .f_single_blog_element:after{content: none} #from.site_3 .f_baner_foto_space{height: 400px;width: 593px;background-size: contain; bottom: 0px;right: 0px;} .zoom4 #from .f_70 {font-size: 6.2rem;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_33 > img.family_img{max-height: 290px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .ab_arrow.arrow_1{display: none} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex.div_bottom_flex .left_column{display: none} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex.div_bottom_flex .middle_column{flex-basis: 54%} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .right_column{flex-basis: 44%} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .ab_arrow.arrow_3{left: 43%} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .ab_arrow.arrow_2 {left: 20%;top: 110px; transform: rotate(-20deg);} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .calc_disclaimer {margin-top: 10px;padding-left: 15px;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .ab_arrow.arrow_3 {top: 120px;} #from.sub_site .f_baner .slider_c { left: -5%; } } @media all and (max-width: 1700px){ #from .page_section .f_offerts_box .f_single_offert .f_offert_head .f_ab_icon{max-height: 150px} #from .page_section .slider_box .single_owl_offert .offert_head .offert_icon{max-height: 150px} #from .page_section .f_offerts_box .f_single_offert .f_offert_head .f_ab_icon{bottom: -90px} #from .page_section .slider_box .single_owl_offert .offert_head .offert_icon{bottom: -90px} #from .f_20{font-size: 1.8rem} #from .foto_why_box .f_single_why:after{content: none} /*.zoom2 #from #one_screen_content .flex_page .screen_image.screen_1_image {width: 843px;height: 717px;margin-right: 0;background-size: contain;}*/ /*.zoom4 #from #one_screen_content .flex_page .screen_image.screen_1_image {width: 843px;height: 717px;margin-right: 0;background-size: contain;}*/ } @media all and (max-width: 1660px){ #from.site_2 .f_baner_image_space{width: 334px;height: 615px; background-size: contain;bottom: -110px;} #from .page_section .slider_box .single_owl_offert .offert_body h4{min-height: 110px} #from .page_section .slider_box .single_owl_offert .offert_body{min-height: 500px} #from.site_4 .f_baner_heat_space{right: 0} #from .f_baner .baner_text{max-width: 50%; } .zoom2 #from .f_14{font-size: 1.3rem} .zoom2 #from .f_16{font-size: 1.4rem} .zoom2 #from .f_18{font-size: 1.5rem} .zoom2 #from .f_20{font-size: 1.6rem} .zoom2 #from .f_22{font-size: 1.8rem} .zoom2 #from .f_24{font-size: 2.0rem} .zoom2 #from .f_26{font-size: 2.1rem} .zoom2 #from .f_30{font-size: 2.5rem} .zoom2 #from .f_36{font-size: 3rem} .zoom2 #from .f_42{font-size: 3.5rem} .zoom2 #from .f_50{font-size: 4.2rem} #from .f_58{font-size: 4.8rem} .zoom2 #from .f_70{font-size: 5.7rem} .zoom2 #from .f_100{font-size: 8rem} .zoom4 #from .f_14{font-size: 1.3rem} .zoom4 #from .f_16{font-size: 1.6rem} .zoom4 #from .f_18{font-size: 1.7rem} .zoom4 #from .f_20{font-size: 1.8rem} .zoom4 #from .f_22{font-size: 2.0rem} .zoom4 #from .f_24{font-size: 2.2rem} .zoom4 #from .f_26{font-size: 2.3rem} .zoom4 #from .f_30{font-size: 2.7rem} .zoom4 #from .f_36 {font-size: 2.4rem} .zoom4 #from .f_42{font-size: 3.7rem} .zoom4 #from .f_50{font-size: 4.4rem} #from .f_58{font-size: 5.2rem} .zoom4 #from .f_70{font-size: 5.9rem} .zoom4 #from .f_100{font-size: 8rem} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column.to_right:before{background-image: none;background-color: #81c34a; z-index: 0;width: 260px;background-image: none;background-color: #81c34a;border-radius: 30px;} } @media all and (max-width: 1600px){ #from .f_how_to_do > img.heat_big_img{max-height: 410px} #from .f_how_to_do > img.foto_big_img{max-height: 330px;} #from #one_screen_content .flex_page .screen_image.screen_1_image {width: 843px;height: 717px;margin-right: 0;background-size: contain;} } @media all and (max-width: 1550px){ #from .page_section .slider_box .single_owl_offert .offert_head .f_sash {left: -14px;max-height: 37px;} #from .page_section .slider_box .owl_element {padding: 0 16px;} #from .page_section .slider_box .single_owl_offert .offert_body{min-height: 500px} #from .f_how_to_do{padding-top: 10px} #from .f_how_to_do > img{max-height: 400px} .zoom4 #from.page_calc .calculator_space .calc_questions .calc_content h3 span{display: block} .zoom4 #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option .option_image{min-height: 130px} .zoom4 #from.page_calc .calculator_space .calc_questions .calc_content .calc_path {margin: 10px 0;} .zoom4 #from.page_calc .calculator_space .calc_questions .questions_box {min-height: 280px;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label{flex-basis: 60%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .input_space {flex-basis: calc(40% - 50px);} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .input_space.w_33{flex-basis: calc(100% - 75px);} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .single_input_box .input_space{flex-basis: calc(100% - 75px);} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex.div_top_flex .left_column{display: none} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex.div_top_flex .middle_column {flex-basis: calc(48% - 0px);} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .icon_column .icon_text{padding: 0} #from #one_screen_content .ebook_box{margin-bottom: 15px;padding: 15px} #from #one_screen_content .bottom_disclaimer p{margin-bottom: 10px;line-height: 1.1} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_image .image_ab_element{display: none} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column.left_column{flex-basis: calc(100% - 260px)} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column.right_column{flex-basis: 250px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_image:before{content: none} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_image {padding: 20px 20px 20px 20px;min-height: 1px;max-width: 250px;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_image .inside_input_box{flex-basis: 100%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_range .range_space{width: 100%; max-width: 100%;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_range{justify-content: flex-end} #from.sub_site .f_baner .slider_c { left: -10%; } } @media all and (max-width: 1500px){ #from.site_4 .f_baner_heat_space{height: 610px;width: 633px;background-size: contain;bottom: -156px;} #from .f_how_to_do > img.heat_big_img {right: -120px;} #from #one_screen_content .flex_page .screen_image.screen_1_image {width: 673px;height: 607px;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .info_column{padding: 5px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column {padding: 5px 15px 5px 5px;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .single_benefit:before{content: none} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .single_benefit{padding-left: 0} #from #one_screen_content .single_screen .example_box{margin-top: 10px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_33 > img.family_img{max-height: 240px;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_33{flex-basis: 430px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_66{flex-basis: calc(100% - 430px)} #from .special_box .special_body .single_special_offert .offert_top img {flex-basis: 100px;max-height: 100px;} #from .special_box .special_body .single_special_offert .offert_top p {flex-basis: calc(100% - 110px);} #from .special_box .special_body .single_special_offert .offert_top {padding: 15px 0 15px 0px;margin-bottom: 10px;} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit {padding: 10px 0 10px 10px;} #from .special_box .special_body .single_special_offert{padding: 0 10px;} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .forrest_box .forrest_ico {width: 44px;height: 44px;left: -22px;} } @media all and (max-width: 1450px){ #from .page_section .f_offerts_box .f_single_offert .f_offert_body{padding: 0 10px} #from .page_section .f_ab_element_1 {bottom: -140px;max-height: 400px;} #from .page_section .f_ab_element_2 {max-height: 400px;} #from .page_section .f_blog_box .f_single_blog_element .f_blog_body h5{min-height: 85px} #from.site_2 .f_baner_image_space{width: 295px;height: 543px; background-size: contain;bottom: -97px;right: 140px;} #from .page_section .slider_box .single_owl_offert .offert_body{min-height: 520px} #from.slider_site .f_baner .f_slider_image_box{ background-size: contain;background-repeat: no-repeat; width: 550px;} #from.slider_site .f_baner {height: 610px;} #from .f_baner .f_baner_image_box{width: 607px} #from.slider_site .f_baner .slider_c{right: 20%;margin: auto;z-index: 2;max-height: 200px;} .zoom4 #from .f_baner .baner_text .second_text {max-width: 760px;} .zoom4 #from .f_baner .baner_text .second_text br{display: none} .zoom4 #from .f_70{font-size: 5.4rem} #from .f_how_to_do > img.foto_big_img{ right: -100px;} #from.page_calc .calculator_space .calc_questions .left_part {padding-left:15px;} #from.page_calc .calculator_space .calc_questions .left_part img{max-height: 470px} #from.page_calc .calculator_space .calc_questions .left_part{flex-basis: 380px} #from.page_calc .calculator_space .calc_questions .calc_content {flex-basis: calc(100% - 380px);} #from #one_screen_content .single_screen .sub_flex .single_extra{margin-bottom: 10px} #from #one_screen_content .single_screen .sub_flex .single_extra{padding-left: 55px} #from #one_screen_content .single_screen .sub_flex .single_extra > a{margin-top: 20px} #from #one_screen_content .single_screen .sub_flex .right_column .column_image{background-size: contain} #from.sub_site .f_baner.slider_3 .f_baner_image_box {background-position: -0% 85%;} } @media all and (max-width: 1400px){ #from .page_section .slider_box .single_owl_offert .offert_body{min-height: 550px} .zoom2 #from .f_30 {font-size: 2.7rem;} .zoom2 #from .f_42{font-size: 3.8rem} .zoom2 #from .f_50{font-size: 4.1rem} .zoom2 #from .f_70{font-size: 5.6rem} .zoom4 #from .f_30 {font-size: 2.7rem;} .zoom4 #from .f_42{font-size: 3.8rem} .zoom4 #from .f_50{font-size: 4.1rem} #from .f_58{font-size: 4.3rem} .zoom4 #from .f_70{font-size: 5rem} /*.zoom4 #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 770px;}*/ #from .f_how_to_do > img.heat_big_img {max-height: 330px;} #from .foto_why_box {grid-template-columns: repeat(2, 1fr);} } @media all and (max-width: 1366px){ #from .page_section .f_offerts_box .f_single_offert .parallax_icon{display: none} } @media all and (max-width: 1350px){ #from .f_14{font-size: 1.4rem} #from .f_16{font-size: 1.4rem} #from .f_18{font-size: 1.6rem} #from .f_20{font-size: 1.8rem} #from .f_22{font-size: 2.0rem} #from .f_24{font-size: 2.2rem} #from .f_26{font-size: 2.4rem} #from .f_30{font-size: 2.8rem} #from .f_36 {font-size: 2.2rem} #from .f_42{font-size: 3.8rem} #from .f_50{font-size: 3.8rem} #from .f_58{font-size: 4.2rem} #from .f_60{font-size: 4.1rem} #from .f_70{font-size: 4.2rem} #from .f_100{font-size: 7rem} .zoom2 #from .f_14{font-size: 1.2rem} .zoom2 #from .f_16{font-size: 1.3rem} .zoom2 #from .f_18{font-size: 1.4rem} .zoom2 #from .f_20{font-size: 1.6rem} .zoom2 #from .f_22{font-size: 1.8rem} .zoom2 #from .f_24{font-size: 2.0rem} .zoom2 #from .f_26{font-size: 2.1rem} .zoom2 #from .f_30{font-size: 2.5rem} .zoom2 #from .f_36 {font-size: 2.4rem} .zoom2 #from .f_42{font-size: 3.5rem} .zoom2 #from .f_50{font-size: 3.8rem} .zoom2 #from .f_70{font-size: 4.2rem} .zoom2 #from .f_100{font-size: 7rem} .zoom4 #from .f_14{font-size: 1.3rem} .zoom4 #from .f_16{font-size: 1.6rem} .zoom4 #from .f_18{font-size: 1.7rem} .zoom4 #from .f_20{font-size: 1.8rem} .zoom4 #from .f_22{font-size: 2.0rem} .zoom4 #from .f_24{font-size: 2.2rem} .zoom4 #from .f_26{font-size: 2.3rem} .zoom4 #from .f_30{font-size: 2.7rem} .zoom4 #from .f_36 {font-size: 2.6rem} .zoom4 #from .f_42{font-size: 3.8rem} .zoom4 #from .f_50{font-size: 4.0rem} .zoom4 #from .f_70{font-size: 4.2rem} .zoom4 #from .f_100{font-size: 7.5rem} #from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit{line-height: 1.3} #from .f_baner{height: 470px;margin-bottom: 0} #from.sub_site .f_baner{height: auto;margin-bottom: 0} #from .f_baner .baner_text{padding-top: 100px; max-width: 60%;} #from .f_baner .f_baner_image_box{width: 450px;height: 500px;background-size: contain;right: 35px;} #from .f_baner .f_baner_image_box:after{content: none;} #from .f_baner .f_baner_shield {position: absolute;right: 50px;top: 20px;max-height: 190px;} #from .page_section .f_offerts_box .f_single_offert .f_offert_body{min-height: 300px} #from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit.f_with_check:before{top: 4px} #from .page_section .f_offerts_box .f_single_offert .parallax_1{top: 210px} #from.site_2 .f_baner .baner_text h2{max-width: 590px} #from.site_2 .f_baner .baner_text h2 br{display: none} #from .page_section .slider_box .single_owl_offert .offert_body{margin-top: 90px} #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 510px;} #from.sub_site .f_baner .slider_c { display: none; } #from .page_section h2.semibold.f_36.space { margin-bottom: 20px; } #from.site_1 .f_baner .baner_text{padding-top: 90px!important;} #from.site_2 .f_baner .baner_text{padding-top: 100px!important;} #from.site_3 .f_baner .baner_text {padding-top: 180px !important;} #from.site_4 .f_baner .baner_text{padding-top: 100px!important;} #from .f_baner .baner_text .second_text.f_exc br {display: block} #from.sub_site .f_baner .slider_c{max-height: 180px} .zoom4 #from .f_baner .f_baner_image_box {width: 450px;right: 0;} .zoom4 #from .f_baner .baner_text .second_text {line-height: 1.1;margin: 3px 0;} .zoom4 #from.sub_site .f_baner .mobile_hide {display: none;} .zoom4 #from.sub_site .f_baner .slider_c{right: 15%} .zoom4 #from .page_flex .column.img_column{display: none} .zoom4 #from .page_flex .column{flex-basis: 100%} .zoom4 #from.sub_site.site_2 .f_baner .slider_c {right: 27%;} /*.zoom4 #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 840px;}*/ #from .f_how_to_do > img.foto_big_img{ max-height: 290px;} #from.sub_site .f_baner .slider_c{max-height: 120px;right: 35%} #from .f_baner .slider_c{max-height: 120px;right: 35%} #from.site_1 .f_baner .slider_c{max-height: 120px;right: 35%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .question_flex_column.w_25{display: none} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .question_flex_column.w_75{flex-basis: 100%} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column.to_right p{color: #74bf2e} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column.to_right:before{content: none;} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .result_disclaimer{line-height: 1.1;font-size: 11px;} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column p {margin-bottom: 5px;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .summary img{display: none} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .summary{padding-left: 0} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_33 .column_sub_head{padding-left: 30px} #from .f_baner .baner_text h1 span sup { font-size: 20px; } #from .f_baner .baner_text .second_text br {display: none;} } @media all and (max-width: 1280px){ /*.zoom4 #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 1020px;}*/ #from .f_how_to_do > img.heat_big_img {right: -170px;} #from .f_how_to_do .f_how_to_text{flex-basis: 780px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_66 {flex-basis: 100%;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column.w_33{display: none} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .calc_disclaimer{padding-left: 0} #from .special_box .special_body .single_special_offert .offert_top p br{display: none} #from .special_box .special_body .single_special_offert .offert_top p{flex-basis: 100%} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .forrest_box p{margin: 0} #from .special_box .special_body .single_special_offert .offert_top p{min-height: 90px} #from .special_box .special_body .single_special_offert .offert_top {flex-wrap: wrap;margin: 0;padding-bottom: 0;} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .forrest_box p br{display: none} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .forrest_box {padding: 5px 5px 5px 35px;} } @media all and (max-width: 1250px){ #from .page_section .f_offerts_box .f_single_offert .f_offert_head .f_ab_icon {bottom: -70px;max-height: 120px;} #from .page_section .slider_box .single_owl_offert .offert_head .offert_icon{bottom: -70px;max-height: 120px;} #from .page_section .f_offerts_box .f_single_offert .f_offert_body{margin-top: 70px;min-height: 320px} #from .page_section .f_offerts_box .f_single_offert .parallax_1 {top: -30px;left: auto;right: -40px;} #from .page_section .slider_box .single_owl_offert .offert_body {margin-top: 70px;} #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 500px;} #from.site_2 .page_section .f_ab_element_2{display: none} #from.site_3 .f_baner_foto_space {height: 370px;width: 547px;bottom: 0px;right: 0px;} #from.site_4 .f_baner_heat_space {background-image: url(/-/media/Additional/smart/img/from/baner_img_4_m.png);width: 550px;height: 462px;bottom: -108px;} .zoom2 #from .f_baner .f_baner_image_box{right: 40px} .zoom4 #from .f_baner .f_baner_image_box{right: 0px} #from .f_baner .slider_c{max-height: 180px} .zoom4 #from .page_section .f_offerts_box .f_single_offert .f_offert_body {min-height: 490px;} .zoom4 #from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit.f_with_check:before {top: 10px;} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path {margin: 10px 0;} #from.page_calc .calculator_space .calc_questions .calc_content h3 span{display: block} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column.left_column{flex-basis: 100%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column.right_column {flex-basis: 100%;display: flex;justify-content: center;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.with_image{ min-height: 1px;max-width: 100%;flex-basis: 430px;margin: 5px 0;padding: 7px;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box.step_separator {min-height: 1px;} #from #one_screen_content.active_scroll .screen_information .screen_bar{display: none} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .input_space .none_input_information{padding: 0} #from .special_box .special_body .single_special_offert.w_100 .offert_top {flex-basis: 320px;} #from .special_box .special_body .single_special_offert.w_100 .offert_mid {flex-basis: calc(100% - 590px);} } @media all and (max-width: 1200px){ #from .f_30{font-size: 2.6rem} #from .f_36 {font-size: 2rem} #from .f_42{font-size: 3.4rem} #from .f_50{font-size: 3.4rem} #from .f_70{font-size: 3.8rem} .zoom4 #from.site_3.sub_site .f_baner .baner_text h1 span{max-width: 690px} #from .page_section .f_blog_box .f_single_blog_element .f_blog_body h5 br,#from .page_section .f_blog_box .f_single_blog_element .f_blog_body p br{display: none} #from.site_2 .f_baner_image_space{width: 229px;height: 420px; background-size: contain;bottom: -75px;} #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 390px;} #from .page_section .slider_box .single_owl_offert .offert_body h4 {min-height: 90px;} #from .page_section .slider_box .single_owl_offert .offert_body h4{margin-bottom: 5px} #from .page_section .slider_box .owl-nav .owl-next{right: -10px} #from .page_section .slider_box .owl-nav .owl-prev {left: -10px;} #from .foto_why_box .f_single_why{flex-basis: 32%} #from.slider_site .f_baner .f_slider_image_box {width: 410px;} #from.sub_site .f_baner .f_slider_image_box {width: 440px;} #from.slider_site .f_baner {height: 490px;} #from.slider_site .slider_box .owl-dots .owl-dot button:after{content: none;} #from.slider_site .slider_box .owl-dots .owl-dot button{font-size: 16px} #from.slider_site .f_baner .slider_c{max-height: 180px} #from.site_4 .f_baner .baner_text .second_text{max-width: 550px} #from.site_2 .f_baner .baner_text .second_text{max-width: 550px} #from.site_2 .f_baner .baner_text .second_text br{display: none} #from.site_4 .f_baner .baner_text .second_text br{display: none} .zoom2 #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 420px;} .zoom2 #from.site_4 .f_baner .baner_text .second_text {max-width: 530px;line-height: 1.1;margin: 10px 0;} /*.zoom4 #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 670px;}*/ #from #one_screen_content.active_scroll .screen_information .scroll_space{display: none} #from #one_screen_content .single_screen{padding-bottom: 5px!important;} #from #one_screen_content .screen_flex .tile_flex {margin-top: 15px;} #from #one_screen_content .ebook_box .flex_column.w_20{display: none} #from #one_screen_content .ebook_box .flex_column.w_60 {flex-basis: calc(100% - 260px);padding: 0 15px 0 0px;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column.image_column{display: none} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column.other_column{flex-basis: 100%} #from .page_section .q3_slider .slider_box .single_owl_offert .offert_body {min-height: 340px;} #from .f_baner .baner_text{max-width: 45%; } #from .f_baner .baner_text h1 span sup { font-size: 18px; } } @media all and (max-width: 1140px){ .zoom4 #from .page_section .f_offerts_box .f_single_offert .f_offert_body {min-height: 530px;} #from #one_screen_content .flex_page .screen_image.screen_1_image {width: 563px;height: 517px;} .zoom4 #from.page_calc .tile_flex .single_tile p{min-height: 65px;line-height: 1.1; } .zoom4 #from.page_calc .tile_flex .single_tile .tile_head{margin: 5px 0 5px;line-height: 1.1;min-height: 55px;} #from.page_calc .calculator_space .calc_questions .left_part{display: none} #from.page_calc .calculator_space .calc_questions .calc_content{flex-basis: 100%;padding: 20px!important;} #from #one_screen_content .single_screen.with_animation .screen_image .baner_bars.bar_1{width: 130px;bottom: 120px;} #from #one_screen_content .single_screen.with_animation .screen_image .baner_bars.bar_2{width: 320px} #from #one_screen_content .single_screen.with_animation .screen_image .baner_bars.bar_3{width: 320px} #from .slider_head .single_slider_head .head_image{flex-basis: 150px} #from .slider_head .single_slider_head .head_image img{max-height: 75px;} #from .slider_head .single_slider_head p {flex-basis: calc(100% - 155px);} } #from.site_3 .f_baner .baner_text {padding-top: 20px; padding-bottom: 45px;} @media all and (max-width: 1100px){ #from .f_baner .f_baner_image_box{right: 50px;} #from .page_section .f_offerts_box .f_single_offert .f_offert_head{height: 145px} #from .page_section .f_offerts_box .f_single_offert .f_offert_head{background-size: cover;} #from .foto_why_box .f_single_why .f_why_img img{max-height: 100px} #from .foto_why_box .f_single_why .f_why_img{min-height: 110px} #from .foto_why_box{flex-wrap: wrap;justify-content: center;} #from .foto_why_box .f_single_why{flex-basis: 100%;max-width: 560px;margin-bottom: 15px;padding: 20px;} #from .foto_why_box .f_single_why .f_why_img {justify-content: center;align-items: flex-start;} #from .foto_why_box .f_single_why h4{min-height: 1px;text-align: center} #from .foto_why_box .f_single_why p{text-align: center} #from .foto_why_box{margin: 20px 0} #from .page_section h2 {margin: 50px 0 25px;} #from .f_how_to_do > img{display: none} #from .f_how_to_do .f_how_to_text{flex-basis: 100%} #from .f_how_to_do{padding: 0} #from.site_4 .f_baner_heat_space {width: 420px;height: 399px;bottom: -95px;} #from.slider_site .f_baner .f_slider_image_box {width: 410px;} #from.sub_site .f_baner .page {padding-top: 85px;} #from.site_4 .f_baner .baner_text .second_text{max-width: 550px;margin: 10px 0;} #from.site_4 .f_baner .baner_text {padding-top: 30px!important;} #from.site_2 .f_baner .baner_text {padding-top: 0px!important;} #from.site_3 .f_baner .baner_text {padding-top: 20px!important;} .zoom2 #from .f_baner .f_baner_image_box {right: 0px;} .zoom4 #from .f_50 {font-size: 3.4rem;} .zoom4 #from .f_baner .baner_text .second_text {max-width: 600px;} .zoom4 #from.site_3 .f_baner .f_baner_image_box {width: 410px;right: 0;} .zoom4 #from .f_50 {font-size: 3.0rem;} .zoom4 #from .f_30 {font-size: 2.4rem;} .zoom4 #from .f_70 {font-size: 4.0rem;} .zoom2 #from .page_section .f_offerts_box .f_single_offert .f_offert_body {min-height: 410px;} .zoom4 #from .page_section .f_offerts_box .f_single_offert .f_offert_body {min-height: 1px;} .zoom4 #from .page_section .f_offerts_box .f_single_offert{flex-basis: 100%; margin-bottom: 30px;} .zoom4 #from .page_section .f_offerts_box .f_single_offert .f_offert_head {background-size: cover;max-width: 500px;margin: 0 auto;} .zoom4 #from .page_section .f_offerts_box .f_single_offert .f_offert_body h3{flex-basis: 100%} .zoom4 #from .page_section .f_offerts_box .f_single_offert .f_offert_body {margin-top: 55px;min-height: 1px;justify-content: center;text-align: center;display: flex;flex-wrap: wrap;} .zoom4 #from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit.f_with_check{padding-left: 30px;text-align: left; flex-basis: 100%;max-width: 520px;} .zoom4 #from .page_section .f_offerts_box .f_single_offert .f_offert_bottom a.f_btn {margin: 20px auto 0;} #from #one_screen_content .single_screen .sub_flex .left_column,#from #one_screen_content .single_screen .sub_flex .right_column{flex-basis: 100%;order: 1;padding: 0} #from #one_screen_content .single_screen .sub_flex .right_column{justify-content: center} #from #one_screen_content .single_screen .sub_flex .left_column{order: 2} #from #one_screen_content .single_screen .sub_flex .single_extra > img{display: none} #from #one_screen_content .single_screen .sub_flex .single_extra{padding-left: 0;text-align: center} #from #one_screen_content .single_screen .sub_flex .right_column .column_image{height: 230px;} #from #one_screen_content .single_screen .sub_flex .single_extra > a {margin: 10px auto 0;} #from #one_screen_content .single_screen .sub_flex .right_column {justify-content: center;margin: 42px 0 10px;} #from .special_box .special_body .single_special_offert.w_100 .offert_top {flex-basis: 260px;} #from .special_box .special_body .single_special_offert.w_100 .offert_mid {flex-basis: calc(100% - 530px);} } @media all and (max-width: 1050px){ .zoom2 #from .f_50 {font-size: 3.0rem;} .zoom4 #from .f_70 {font-size: 3.8rem;} .zoom4 #from.sub_site.site_2 .f_baner .slider_c {right: 30%;max-height: 120px;} #from #one_screen_content .flex_page .screen_image.screen_1_image {width: 453px;height: 407px;margin-right: 20px;} #from #one_screen_content.active_scroll .screen_information .screen_bar{display: none} #from #one_screen_content .flex_page .screen_image.screen_1_image > .baner_dots {right: 80px;max-height: 230px;} } @media all and (max-width: 1000px){ #from .f_14{font-size: 1.2rem} #from .f_16{font-size: 1.2rem} #from .f_18{font-size: 1.4rem} #from .f_20{font-size: 1.6rem} #from .f_22{font-size: 1.8rem} #from .f_24{font-size: 2.0rem} #from .f_26{font-size: 2.2rem} #from .f_30{font-size: 2.4rem} #from .f_36 {font-size: 2rem} #from .f_42{font-size: 3.4rem} #from .f_50{font-size: 3.4rem} #from .f_58{font-size: 3.6rem} #from .f_60{font-size: 3.5rem} #from .f_70{font-size: 3.6rem} #from .f_100{font-size: 5.5rem} .zoom2 #from .f_30 {font-size: 2.0rem;} .zoom2 #from .f_50 {font-size: 3.0rem;} .zoom2 #from .f_70 {font-size: 3.8rem;} .zoom4 #from .f_14{font-size: 1.2rem} .zoom4 #from .f_16{font-size: 1.4rem} .zoom4 #from .f_18{font-size: 1.5rem} .zoom4 #from .f_20{font-size: 1.6rem} .zoom4 #from .f_22{font-size: 1.8rem} .zoom4 #from .f_24{font-size: 2.0rem} .zoom4 #from .f_26{font-size: 2.1rem} .zoom4 #from .f_30 {font-size: 1.8rem;} .zoom4 #from .f_36 {font-size: 2.2rem} .zoom4 #from .f_42{font-size: 3.0rem} .zoom4 #from .f_50{font-size: 3.0rem} #from .f_58{font-size: 3.0rem} .zoom4 #from .f_70{font-size: 4.0rem} .zoom4 #from .f_100{font-size: 7.1rem} #from .f_logo .f_full_logo{display: none!important;} #from .f_logo .f_m_logo{display: block!important;} #from .f_logo{left: 0} #from .f_baner .baner_text {padding-top: 20px;} #from .f_baner .baner_text{justify-content: center} #from .f_baner .baner_text h2{margin: 20px 0;line-height: 1.1} #from .f_baner .baner_text .second_text{margin: 0} #from .f_baner {height: 315px;margin-bottom: 0; background-size: cover;} #from .f_baner .f_baner_image_box {width: 300px;height: 333px;} #from .f_baner .f_baner_shield {right: 10px;max-height: 110px;} #from .page_section h2 {margin: 55px 0 20px;} #from .page_section.blog_section h4{margin-bottom: 20px} #from .page_section .f_offerts_box .f_single_offert .parallax_icon{display: none} #from .page_section .f_ab_element_1,#from .page_section .f_ab_element_2{display: none} #from .page_section .f_blog_box{justify-content: center} #from .page_section .f_blog_box .f_single_blog_element{flex-basis: 100%;max-width: 530px} #from .f_diclaimer_box{margin: 15px 0} #from.site_2 .f_baner_image_space{width: 185px;height: 340px; background-size: contain;bottom: -61px;right: 70px} #from.site_2 .f_baner .baner_text {justify-content: center;padding-top: 35px;} #from.site_2 .f_baner .baner_text h2 {max-width: 460px;} #from .baner_menu{top: 10px} #from .page_section .slider_box .single_owl_offert .offert_body .f_single_benefit:before{top: 5px} #from .page_section .slider_box .single_owl_offert .offert_body{padding: 0 10px} #from .page_section .slider_box .single_owl_offert .offert_head{height: 155px} #from .page_flex .column.img_column{display: none} #from .page_flex .column{flex-basis: 100%;text-align: center} #from .page_flex .column > a{margin: 15px auto 0} #from .f_baner .baner_text .f_btn{margin-top: 15px} #from .f_baner .baner_text .second_text{margin: 10px 0} #from.site_3 .f_baner_foto_space {height: 260px;width: 383px;} #from.site_4 .f_baner_heat_space{width: 349px;height: 324px;bottom: -76px;} #from.slider_site .f_baner .f_slider_image_box {width: 330px;} #from.slider_site .f_baner {height: 400px;} #from.slider_site .f_baner .baner_text {padding-bottom: 0px;} #from.slider_site .f_logo{left: 0} #from.site_1 .f_baner .baner_text{padding-top: 35px!important;} #from.slider_site .f_baner .page {padding-top: 50px;align-items: flex-start} #from.site_1 .f_baner .slider_c{max-height: 120px;right: 20%} #from.sub_site .f_baner .slider_c{max-height: 120px;right: 20%} #from.slider_site .f_baner .mobile_hide{display: none} #from.slider_site .f_baner .page {padding-top: 80px;} #from.sub_site .f_baner .f_slider_image_box {width: 360px;} #from.sub_site .f_baner .page {padding-top: 100px;} #from.sub_site .f_baner {height: auto;} #from.sub_site .f_baner .mobile_hide {display: none} #from.site_2 .f_baner .baner_text {padding-top: 0!important;} #from.site_4 .f_baner .baner_text {padding-top: 0!important;} #from.sub_site .f_baner .page {padding-top: 40px;} #from .f_baner .baner_text .second_text{line-height: 1.1} #from .page_section .f_blog_box .f_single_blog_element .f_blog_body h5 {min-height: 1px;margin-bottom: 10px;} .zoom2 #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 500px;} .zoom4 #from .f_baner .f_baner_image_box{width: 300px} .zoom4 #from.site_4 .f_baner .baner_text .second_text {margin: 1px 0;} .zoom4 #from.sub_site.site_4 .f_baner {height: 335px;} #from .baner_head .s_header_elements.s_tools {padding: 5px 25px 3px 0;} .zoom4 #from.site_3 .f_baner .f_baner_image_box {width: 300px;} #from.sub_site.site_2 .f_baner .slider_c{display: none} #from .page_section .f_offerts_box .f_single_offert .f_offert_body{min-height: 340px} .zoom2 #from .page_section .f_offerts_box .f_single_offert .f_offert_body {min-height: 460px;} /*.zoom4 #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 600px;}*/ #from.sub_site .f_baner .slider_c{display: none} #from.site_1 .f_baner .slider_c{display: none!important;} #from #one_screen_content .single_screen{padding-top: 45px;overflow: hidden} #from.page_calc .tile_flex .single_tile{flex-basis: 32%} #from #one_screen_content.active_scroll .screen_information p,#from #one_screen_content .bottom_disclaimer p,#from #one_screen_content.active_scroll .screen_information p{font-size: 14px!important;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box input,#from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .fake_input{font-size: 14px} #from .special_box .special_body .single_special_offert{flex-basis: 100%} #from .special_box .special_body .single_special_offert .offert_top p{min-height: 1px; flex-basis: 100%;text-align: center} #from .special_box .special_body{padding: 0} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit p{text-align: center} #from .special_box .special_body .single_special_offert .offert_mid{min-height: 1px} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit p.with_check:before {display: inline-block;position: relative;left: 0;top: 2px;margin-right: 10px;} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit p.with_check{padding: 0} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit p.with_check br{display: none} #from .special_box .special_body .single_special_offert .offert_top{justify-content: center} #from .special_box .special_body .single_special_offert .offert_bottom {padding-top: 10px;padding-bottom: 40px;} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .forrest_box {padding: 10px;} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .forrest_box .forrest_ico {top: 0;bottom: 0;margin: auto;} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit{padding: 10px 0;} #from .special_box .special_body .single_special_offert.w_100 .offert_top {flex-basis: 100%;} #from .special_box .special_body .single_special_offert.w_100 .offert_mid {flex-basis: 100%;justify-content: center;} #from .special_box .special_body .single_special_offert.w_100 .offert_bottom {flex-basis: 100%;padding: 0 0 25px;} #from .special_box .special_body .single_special_offert.middle_offert{border-width: 0} #from .page_section .q3_slider .msp_slider .single_owl_offert .offert_body {min-height: 390px;} } @media all and (max-width: 950px){ #from.site_4 .f_baner .baner_text .second_text{max-width: 460px} #from.site_2 .f_baner .baner_text .second_text {max-width: 440px;} } @media all and (max-width: 900px){ #from.site_4 .f_baner_heat_space{width: 270px;height: 252px;bottom: -59px;} #from.slider_site .slider_box .owl-dots{flex-wrap: wrap; margin: -55px auto 0;} #from.slider_site .slider_box .owl-dots .owl-dot.active button{border-radius: 0;} #from.slider_site .slider_box .owl-dots .owl-dot {flex-basis: 50%;} #from.slider_site .slider_box .owl-dots .owl-dot button{border: 0;height: auto;min-height: 55px} #from.slider_site .f_30{font-size: 2.2rem} #from.slider_site .f_50{font-size: 3.0rem} #from.slider_site .f_70{font-size: 3.3rem} #from.slider_site .f_100{font-size: 4rem} #from.slider_site .slider_box .owl-dots{border-radius: 0;} #from.slider_site .slider_box .owl-dots .owl-dot button {border: 1px solid #cbcbcb;} #from.slider_site .slider_box .owl-dots .owl-dot.active button{box-shadow: none;border: 1px solid #e2007a;} #from.slider_site .slider_box .owl-dots{border:none} #from.sub_site .f_baner .f_slider_image_box {width: 350px;} .zoom4 #from.sub_site.site_4 .f_baner .baner_text .second_text {max-width: 510px;} .zoom4 #from.sub_site.site_3 .f_baner .baner_text .second_text {max-width: 510px;} .zoom4 #from.site_3.sub_site .f_baner .baner_text h1 span {max-width: 520px;line-height: 1;font-size: 2.9rem;} .zoom4 #from.site_3.sub_site .f_baner .baner_text h1 span{max-width: 500px} .zoom4 #from .f_70 {font-size: 3.7rem;} #from .page_section .f_offerts_box .f_single_offert .f_offert_body{min-height: 390px} #from #one_screen_content .flex_page .screen_image.screen_1_image {width: 363px;height: 347px;} #from .screen_navigation .navigation_element.active .screen_name{display: none} #from.scroll_variant {height: auto;overflow: auto;} #from #one_screen_content.active_scroll{overflow: auto} #from #one_screen_content .visible_content{transform: none!important;overflow: auto} #from #one_screen_content .screen_flex{padding: 35px 0} #from #one_screen_content .single_screen{height: auto;} #from #one_screen_content .single_screen:not(.screen_1){padding: 0} #from #one_screen_content .single_screen.screen_1{height: auto;min-height: 60vh;padding-top: 60px;} #from .screen_navigation{position: fixed;} #from #one_screen_content.active_scroll .screen_information .scroll_space{display: none} #from #one_screen_content.active_scroll .screen_information .footer_space{display: block} #from #one_screen_content.active_scroll .screen_information{position: relative} #from #one_screen_content .single_screen .example_box{position: relative;left: auto;opacity: 1;z-index: 1;margin: 10px 0;transform: scale(1)} #from #one_screen_content .ebook_box:before{content: none} #from #one_screen_content .page_footer .footer_flex {padding: 5px 0px 5px 0;} #from #one_screen_content .single_screen.with_animation .screen_image .baner_bars.bar_1{width: 110px;} #from #one_screen_content .single_screen.with_animation .screen_image .baner_bars.bar_2{width: 110px} #from #one_screen_content .single_screen.with_animation .screen_image .baner_bars.bar_3{width: 110px} #from #one_screen_content .single_screen .screen_2_ab_1,#from #one_screen_content .single_screen .ab_circle{display: none} #from .slider_head .single_slider_head{flex-basis: 100%;padding: 15px 5px;border-radius: 0;} #from .slider_head .single_slider_head .head_image{display: none} #from .slider_head .single_slider_head p{flex-basis: 100%;text-align: center} #from .slider_head{border-radius: 0;} #from .slider_head .single_slider_head:nth-child(1){border-radius: 0} #from .slider_head .single_slider_head:nth-child(2){border-radius: 0} } @media all and (max-width: 850px){ #from .page_section .f_offerts_box .f_single_offert{flex-basis: 100%; margin-bottom: 30px;} #from .page_section .f_offerts_box .f_single_offert .f_offert_head {background-size: cover;max-width: 500px;margin: 0 auto;} #from .page_section .f_offerts_box .f_single_offert .f_offert_body h3{flex-basis: 100%} #from .page_section .f_offerts_box .f_single_offert .f_offert_body {margin-top: 55px;min-height: 1px;justify-content: center;text-align: center;display: flex;flex-wrap: wrap;} #from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit.f_with_check{padding-left: 30px;text-align: left; flex-basis: 100%;max-width: 420px;} #from .page_section .f_offerts_box .f_single_offert .f_offert_bottom a.f_btn {margin: 20px auto 0;} #from .page_section .f_why_box .f_single_why {flex-basis: 100%;margin-bottom: 30px;} #from .page_section .f_why_box .f_single_why h4{min-height: 1px} #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 400px;} #from.site_3 .f_baner_foto_space {right: 0px;} #from .baner_menu{display: none} #from .baner_head .hamburger_div{display: block} #from.slider_site .f_baner .f_slider_image_box {width: 290px;} #from.slider_site .f_baner {height: 375px;} #from.slider_site .slider_box .owl-dots{margin: 0 auto} #from.slider_site .f_baner {height: 320px;} #from.slider_site .f_baner .baner_text {padding-bottom: 5px;padding-top: 45px;} #from.site_3 .f_baner_foto_space {height: 230px;width: 339px;} #from.sub_site .f_baner .page {padding-top: 40px;} #from .f_baner .f_baner_image_box {right: 30px;} #from .page_footer .footer_flex .footer_column.social_column{order: 1;flex-basis: calc(100% - 130px);justify-content: flex-start} #from .page_footer .footer_flex .footer_column.social_column a{ margin: 0 15px 0 0;} #from .page_footer .footer_flex .footer_column.social_column .footer_spacer{ margin: 0 15px 0 0;} #from .page_footer .footer_flex .footer_column.img_column{order: 2} #from .page_footer .footer_flex .footer_column.text_column{flex-basis: 100%;order: 3;padding: 0;margin-top: 10px} #from.page_calc .tile_flex .single_tile{flex-basis: 100%;margin: 5px 0;padding: 5px 25px 5px 5px} #from.page_calc .tile_flex .single_tile .tile_img img {max-width: 110px;} #from.page_calc .tile_flex .single_tile .tile_img{min-height: 55px} #from.page_calc .tile_flex .single_tile p{max-width: 86%} #from.page_calc .tile_flex .single_tile p br{display: none} #from.page_calc .tile_flex .single_tile .tile_head {margin: 5px 0;} #from.page_calc .tile_flex .single_tile .f_btn {margin: 10px auto;} #from #one_screen_content .screen_flex .tile_flex {margin-top: 5px;} .zoom2 #from .f_14{font-size: 1.3rem} .zoom2 #from .f_16{font-size: 1.4rem} .zoom2 #from .f_18{font-size: 1.5rem} .zoom2 #from .f_20{font-size: 1.6rem} .zoom2 #from .f_22{font-size: 1.8rem} .zoom2 #from .f_24{font-size: 2.0rem} .zoom2 #from .f_26{font-size: 2.0rem} .zoom2 #from .f_30{font-size: 2.0rem} .zoom2 #from .f_36 {font-size: 2.2rem} .zoom2 #from .f_42{font-size: 3.0rem} .zoom2 #from .f_50{font-size: 3.1rem} .zoom2 #from .f_60{font-size: 3.1rem} .zoom2 #from .f_70{font-size: 3.2rem;} .zoom2 #from.site_4 .f_baner .baner_text .second_text {max-width: 450px;} .zoom4 #from .f_30{font-size: 1.9rem} .zoom4 #from .f_50 {font-size: 2.8rem;} .zoom2 #from .page_section .f_offerts_box .f_single_offert .f_offert_body {min-height: 1px;} .zoom4 #from .page_section .f_offerts_box .f_single_offert .f_offert_body {min-height: 1px;} /*.zoom4 #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 650px;}*/ #from.slider_site .f_baner .slider_c{display: none} #from #one_screen_content.active_scroll .screen_information .scroll_space > img{display: none} #from #one_screen_content .single_screen{padding-bottom: 5px!important;} #from #one_screen_content.active_scroll .screen_information p {margin: 5px 0;} #from #one_screen_content .flex_page{flex-wrap: wrap; flex-direction: column; justify-content: center;} #from #one_screen_content .flex_page .screen_image.screen_1_image{position: relative;display: block;right: auto;top: auto;bottom: auto;margin: 0;order: 1} #from #one_screen_content .baner_text{order: 2;flex-basis: auto;justify-content: center;align-items: center; text-align: center;} #from #one_screen_content .baner_text .f_btn {margin: 20px auto 0;} #from #one_screen_content .baner_text{max-width: 100%} #from .screen_navigation{right: 10px} #from #one_screen_content .baner_text .second_text {margin: 5px 0;} #from #one_screen_content .baner_text .f_btn {margin: 5px auto 0;} #from #one_screen_content .flex_page .screen_image.screen_1_image {width: 323px;height: 287px;} .zoom4 #from.page_calc .tile_flex .single_tile p{min-height: 1px;line-height: 1.1; } .zoom4 #from.page_calc .tile_flex .single_tile .tile_head{margin: 0;line-height: 1.1;min-height: 1px;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column {flex-basis: 100%;} #from.page_calc .calculator_space .range_space {margin: 0 auto;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label .input_tooltip {position: relative;left: auto;top: auto;bottom: auto;right: auto;margin: 0;} } @media all and (max-width: 800px){ #from .f_24 {font-size: 2.0rem} #from .f_30{font-size: 2.4rem} #from .f_50{font-size: 3.0rem} #from .f_70{font-size: 3.3rem} #from .f_100{font-size: 4rem} #from .f_baner .f_baner_image_box {width: 284px;height: 315px;right: 0;border-radius: 0;} #from .f_baner .f_baner_shield{right: 0} #from.site_2 .f_baner_image_space{right: 30px} #from.site_2 .f_baner .baner_text h2 {margin: 9px 0;} #from.site_2 .f_baner .baner_text .f_btn{margin-top: 10px} #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 410px;} #from .f_baner .baner_text .second_text{margin-top: 10px} #from .f_how_to_do .f_how_to_text{padding: 35px 20px 20px 20px} #from.slider_site .f_baner .f_slider_image_box {width: 240px;background-size: cover; background-position: center 45px;} .zoom2 #from.site_3.sub_site .f_baner .baner_text h1 span {display: block;color: #000;max-width: 330px;} #from .f_30 {font-size: 2.0rem;} #from.site_4 .f_baner .baner_text .second_text {max-width: 440px;} .zoom2 #from .f_30 {font-size: 1.7rem;} .zoom4 #from .f_30 {font-size: 1.8rem;} .zoom4 #from .f_70 {font-size: 3.0rem;} .zoom4 #from.sub_site.site_4 .f_baner {height: 315px;} .zoom4 #from.sub_site.site_4 .f_baner .baner_text .second_text {max-width: 410px;} /*.zoom4 #from .page_section .slider_box .single_owl_offert .offert_body {min-height: 740px;}*/ #from #one_screen_content .single_screen .example_box .box_flex .flex_column .ab_arrow.arrow_2,#from #one_screen_content .single_screen .example_box .box_flex .flex_column .ab_arrow.arrow_3{display: none} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex.div_bottom_flex .middle_column,#from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column{flex-basis: 100%;padding: 15px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex{flex-wrap: wrap} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .right_column{flex-basis: 100%;margin-bottom: 10px;} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex.div_top_flex .middle_column{flex-basis: 100%;margin: 0 0 10px;text-align: center} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .icon_column .icon_text{text-align: center} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .single_benefit p{text-align: center} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .benefit_column .summary p {text-align: center;} #from .page_section .q3_slider .slider_box .single_owl_offert .offert_body {min-height: 370px;} #from .f_baner .baner_text h1 span sup { font-size: 18px; } #from .foto_why_box {grid-template-columns: 1fr;} #from .foto_why_box .f_single_why {margin: 0 auto;} } @media all and (max-width: 750px){ #from .page_section .slider_box .owl_element {padding: 0 30px;} #from .page_section .slider_box .single_owl_offert .offert_body{min-height: 375px;text-align: left;display: flex;flex-wrap: wrap;flex-direction: column;max-width: 390px;margin: 55px auto 0;align-items: flex-start;justify-content: flex-start;} #from .page_section .slider_box .single_owl_offert .offert_body h4 {margin-bottom: 15px;min-height: 1px;text-align: center;} #from .page_section .slider_box .single_owl_offert .offert_bottom {display: flex;justify-content: center;} #from .page_section .slider_box .single_owl_offert .offert_body .f_single_benefit{ padding-left: 35px;position: relative;margin-bottom: 10px;max-width: 420px;text-align: left;flex-basis: 100%;} #from .page_section .slider_box .single_owl_offert{padding-bottom: 25px} #from .page_section .slider_box .single_owl_offert .offert_body h4{flex-basis: 100%;align-self: center;margin-bottom: 35px} #from .page_section .slider_box .single_owl_offert .offert_bottom {margin: 25px auto 0;} #from .page_section .slider_box .single_owl_offert .offert_head {height: 195px;} #from.site_3 .f_baner_foto_space {height: 190px;width: 280px;} #from.site_4 .f_baner_heat_space{width: 250px;height: 242px} #from.slider_site .f_baner .f_slider_image_box {width: 290px;background-size: cover;position: relative;height: 300px;margin: 0 auto 5px; display: block;position: relative;left: 0;right: 0;margin: auto;border-bottom-left-radius: 35px;border-bottom-right-radius: 35px;} #from.slider_site .f_baner {height: auto;} #from.slider_site .f_baner .baner_text {padding-bottom: 15px;padding-top: 15px;text-align: center;} #from.slider_site .f_baner .baner_text .f_btn {margin: 10px auto 0} #from.slider_site .slider_box {background-color: #f6f9fb;} #from.slider_site .f_baner .page{display: block;padding-top: 0} #from.sub_site .f_baner .baner_text{padding-top: 60px!important;padding-left:15px;padding-right: 15px;} #from.sub_site .f_baner .page{padding: 0} /*#from.slider_site .f_baner.slider_2 .f_slider_image_box {background-image: url(/-/media/Additional/smart/img/from/slider_img_2_m.jpg);width: 100%;height: 280px;background-position: center;}*/ /*#from.slider_site .f_baner.slider_3 .f_slider_image_box {background-image: url(/-/media/Additional/smart/img/from/slider_img_3_m.jpg);width: 100%;height: 280px;background-position: center;}*/ /*#from.slider_site .f_baner.slider_4 .f_slider_image_box {background-image: url(/-/media/Additional/smart/img/from/slider_img_4_m.jpg);width: 100%;height: 280px;background-position: center;}*/ #from.site_4 .f_baner .baner_text .second_text {max-width: 360px;} #from.site_2 .f_baner .baner_text .second_text {max-width: 420px;} .zoom2 #from.sub_site.site_3 .f_baner .baner_text {padding-top: 20px!important;padding-left: 10px;} .zoom2 #from.site_4 .f_baner .baner_text .second_text {max-width: 400px;} .zoom4 #from.sub_site.site_2 .f_baner .baner_text {padding-top: 35px!important;padding-left: 10px;padding-right: 15px;} .zoom4 #from.sub_site.site_3 .f_baner .baner_text {padding-top: 35px!important;padding-left: 10px;padding-right: 15px;} .zoom4 #from.sub_site.site_4 .f_baner .baner_text {padding-top: 35px!important;padding-left: 10px;padding-right: 15px;} .zoom4 #from.site_3 .f_baner .f_baner_image_box {width: 280px;} .zoom4 #from .f_baner .f_baner_image_box {width: 250px;} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .path_bar{ max-width: 95%} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column{flex-basis: 100%;padding: 5px;text-align: center} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column.to_right{text-align: center;padding: 5px} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column.with_padding:before{content: none} #from.page_calc .calculator_space .calc_questions .result_screen .result_flex .result_column.with_padding{padding: 5px} #from #one_screen_content .ebook_box .flex_column.w_60{flex-basis: 100%;text-align: center;padding: 0;} #from #one_screen_content .ebook_box .flex_column.w_250{flex-basis: 100%} #from .page_section .q3_slider .slider_box .single_owl_offert .offert_body {min-height: 1px;} } @media all and (max-width: 700px){ #from .f_baner .f_baner_shield{display: none} #from .f_baner .baner_text{justify-content: center;align-items: center;padding: 35px 0 0 0;text-align: center} #from .f_baner{height: auto} #from.sub_site .f_baner{height: auto} #from.sub_site .f_baner .baner_text{max-width: 100%; padding-top: 20px!important;} #from.site_2 .f_baner {height: auto;} #from.site_3 .f_baner {height: auto;} #from .f_baner .baner_text {padding: 15px 0 20px 0;} #from .f_baner .f_baner_image_box {display: block;position: relative;left: 0;right: 0;margin: auto;border-bottom-left-radius: 35px;border-bottom-right-radius: 35px} #from.site_3 .f_baner_foto_space {display: none} #from.site_3 .f_baner_foto_space_m { background-size: contain;max-width: 100%;top: 42px;display: block;position: relative;left: 0;right: 0;margin: auto;height: 217px;width: 650px;background-image: url(/-/media/Additional/smart/img/from/baner_img_3.png);background-position: center;background-repeat: no-repeat;} #from .f_14{font-size: 1.2rem} #from .f_20{font-size: 1.6rem} #from .f_22{font-size: 1.6rem} #from .f_24{font-size: 1.6rem} #from .f_26{font-size: 2.0rem} #from .f_30{font-size: 2.0rem} #from .f_36{font-size: 2.0rem} #from .f_42{font-size: 2.2rem} #from .f_50{font-size: 2.6rem} #from .f_58{font-size: 2.6rem} #from .f_60{font-size: 2.6rem} #from .f_70{font-size: 3.0rem} #from.slider_site .f_50{font-size: 2.6rem} #from .f_baner .baner_text .second_text{margin-top: 10px} #from.site_4 .f_baner {height: auto;} #from .f_baner .page{display: block} #from .f_baner .baner_text .f_btn{margin:10px auto 0} #from.site_2 .f_baner_image_space {display: block;position: relative;left: 0;right: 0;margin: auto;width: 171px;height: 300px;bottom: auto;top: 48px;} #from.site_4 .f_baner_heat_space {display: block;position: relative;left: 0;right: 0;margin: auto;width: 346px;height: 310px;bottom: auto;top: 59px;} #from.site_1 .f_baner .slider_c{display: none} #from.sub_site .f_baner .slider_c{display: none} #from.site_4 .f_baner .baner_text .second_text {max-width: 100%;} #from.site_2 .f_baner .baner_text .second_text {max-width: 100%} .zoom2 #from.site_3.sub_site .f_baner .baner_text h1 span{max-width: 100%} .zoom2 #from.site_4 .f_baner .baner_text .second_text {max-width: 100%;} .zoom4 #from.sub_site.site_4 .f_baner {height: auto;} #from .baner_head .s_header_elements .s_element p{display: none} #from .baner_head .s_header_elements.s_tools{justify-content: flex-end} .zoom2 #from .f_baner .f_baner_image_box {width: 284px;} .zoom4 #from .f_baner .f_baner_image_box {width: 284px;} .zoom4 #from.sub_site.site_2 .f_baner .baner_text{ padding-top: 10px!important;padding-left: 15px;padding-right: 15px;} .zoom4 #from.sub_site.site_3 .f_baner .baner_text{ padding-top: 10px!important;padding-left: 15px;padding-right: 15px;} .zoom4 #from.sub_site.site_4 .f_baner .baner_text{ padding-top: 10px!important;padding-left: 15px;padding-right: 15px;} .zoom4 #from.sub_site.site_3 .f_baner .baner_text .second_text{max-width: 100%} .zoom4 #from.sub_site.site_4 .f_baner .baner_text .second_text{max-width: 100%} .zoom4 #from .f_baner .baner_text .second_text{max-width: 100%} .zoom4 #from.site_3 .f_baner .f_baner_image_box {width: 284px;} #from .baner_head .s_header_elements.s_tools{min-width: 1px} #from .baner_head.scrolled .s_header_elements.s_tools{min-width: 1px} #from .baner_head .page{padding: 0} #from .baner_head.scrolled .page{padding: 0} #from .screen_navigation .navigation_element.active .screen_name{display: none} #from.page_calc .tile_flex .single_tile{padding-right: 5px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .question_flex_column .inside_flex{flex-wrap: wrap;justify-content: center;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .question_flex_column .inside_flex .w_66{flex-basis: 100%} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .question_flex_column .inside_flex .w_33 {flex-basis: 230px;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex.three_column .question_flex_column .single_input_box .input_space{flex-basis: calc(100% - 80px);} #from .page_section .q3_slider .slider_box .single_owl_offert .offert_body {min-height: 1px;} #from .f_baner .baner_text .second_text { line-height: 28px!important; } #from .f_baner .baner_text h1 span sup { font-size: 15px; } } @media all and (max-width: 650px){ .zoom4 #from.page_calc .tile_flex .single_tile .tile_img{display: none} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path .path_bar {max-width: 91%;} #from.page_calc .calculator_space .calc_questions .calc_content .calc_path[data-bar='4']:after {content: '';width: 91%;} } @media all and (max-width: 550px){ #from .f_how_to_do .f_how_to_text .single_step span.grey_span{flex-basis: 50px} #from .f_how_to_do .f_how_to_text .single_step p{flex-basis: calc(100% - 50px)} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option{flex-basis: 100%;margin: 3px 0} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio{flex-wrap: wrap} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option .option_image{min-height: 80px} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option .option_image img{max-height: 85px} #from.page_calc .calculator_space .calc_questions .calc_content h3{line-height: 1.1} .zoom4 #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option .option_image {min-height: 80px;} .zoom4 #from.page_calc .calculator_space .calc_questions .questions_box {padding: 3px 0;} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .input_space {flex-basis: calc(100% - 50px);} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label{flex-basis: 100%;margin-bottom: 10px} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .label p br{display: none} #from.page_calc .calculator_space .calc_questions .questions_box .question_flex .question_flex_column .single_input_box .input_space .none_input_information{text-align: center} #from.page_calc .calculator_space .calc_questions .button_box .f_btn{max-width: 200px} .zoom4 #from.page_calc #one_screen_content .calculator_space .calc_questions .button_box .f_btn{max-width: 200px} #from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .info_column .single_element p,#from #one_screen_content .single_screen .example_box .box_flex .flex_column .div_flex .info_column .single_element .semibold{flex-basis: 100%;text-align: center} } @media all and (max-width: 500px){ /*#from .page_section .f_offerts_box .f_single_offert .f_offert_body .f_single_benefit.f_with_check{max-width: 100%}*/ #from .page_section .f_offerts_box{padding: 15px 15px 5px} #from .page_section .slider_box .single_owl_offert .offert_head {height: 135px;} #from .page_section .slider_box .single_owl_offert .offert_body h4{margin-bottom: 15px} /*#from .page_section .slider_box .single_owl_offert .offert_body .f_single_benefit.f_blue_check:before{content: none}*/ /*#from .page_section .slider_box .single_owl_offert .offert_body .f_single_benefit.f_blue_check{padding-left: 0}*/ /*#from .page_section .slider_box .single_owl_offert .offert_body .f_single_benefit{text-align: center}*/ #from .page_section .slider_box .single_owl_offert .offert_body{align-items: flex-start} #from .page_section .slider_box .single_owl_offert .offert_head .offert_icon {bottom: -50px;max-height: 90px;} #from .f_baner .baner_text .second_text br{display: none} #from.slider_site .slider_box .owl-dots .owl-dot button{min-height: 70px} #from .page_footer .footer_flex .footer_column.social_column{order: 1;flex-basis: 100%} #from .page_footer .footer_flex .footer_column.img_column{flex-basis: 100%;justify-content: flex-start;order: 3;} #from .page_footer .footer_flex .footer_column.text_column{order: 2;margin: 15px 0 10px} #from #one_screen_content .flex_page .screen_image.screen_1_image {width: 303px;height: 287px;} #from .special_box .special_body .single_special_offert .offert_mid .single_benefit .forrest_box .forrest_ico{display: none} #from .special_box .special_head .image_box{width: 155px} #from .special_box .special_head .image_box img{max-height: 75px} #from .special_box .special_head{padding: 5px 10px 5px 165px;} #from .page_section .q3_slider .slider_box .single_owl_offert .offert_body{margin-top: 40px} } @media all and (max-width: 450px){ #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option .option_image {min-height: 65px;} #from.page_calc .calculator_space .calc_questions .questions_box .single_question .question_radio .single_option .option_image img {max-height: 65px;} #from.page_calc .calculator_space .calc_questions .calc_content{padding: 10px!important;} } @media all and (max-width: 400px){ #from .f_baner,#from.site_2 .f_baner{height: auto} #from .page_section .slider_box .owl_element{padding: 0 10px} #from .page_section .slider_box .nav_arrow{width: 28px;height: 28px;} #from .page_section .slider_box .single_owl_offert .offert_body{min-height: 450px} #from.site_3 .f_baner_foto_space_m{height: 162px} } /*@media all and (max-height: 840px) and (max-width: 850px){*/ /* #from.page_calc .tile_flex .single_tile{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between}*/ /* #from.page_calc .tile_flex .single_tile .tile_text{flex-basis: calc(100% - 310px);padding: 0 10px}*/ /* #from.page_calc .tile_flex .single_tile .tile_img img{flex-basis: 110px}*/ /* #from.page_calc .tile_flex .single_tile .f_btn{margin: 0;flex-basis: 200px}*/ /* #from.page_calc .tile_flex .single_tile p {max-width: 100%;text-align: left;}*/ /* #from.page_calc .tile_flex .single_tile .tile_head{text-align: left}*/ /*}*/ /*@media all and (max-height: 840px) and (max-width: 650px){*/ /* #from.page_calc .tile_flex .single_tile .tile_img img{display: none}*/ /* #from.page_calc .tile_flex .single_tile .tile_text {flex-basis: calc(100% - 200px);padding: 0 10px 0 0;}*/ /*}*/ /*@media all and (max-height: 650px) and (max-width: 850px){*/ /* #from #one_screen_content .baner_text .second_text {margin: 5px 0;}*/ /* #from #one_screen_content .baner_text .f_btn {margin: 5px auto 0;}*/ /* #from #one_screen_content .flex_page .screen_image.screen_1_image {width: 323px;height: 287px;}*/ /* #from.page_calc .tile_flex .single_tile{padding-right: 5px}*/ /*}*/ /*@media all and (max-height: 570px) and (max-width: 850px){*/ /* #from #one_screen_content .flex_page .screen_image.screen_1_image {width: 323px;height: 135px;background-size: cover;background-position: top;margin-bottom: 10px;}*/ /*}*/ @media all and (max-width: 500px){ #from.page_calc .tile_flex .single_tile .tile_text{flex-basis: 100%} #from.page_calc .tile_flex .single_tile .f_btn{margin: 0 auto;padding: 3px} #from.page_calc .tile_flex .single_tile .f_btn img{display: none} #from.page_calc .tile_flex .single_tile p {max-width: 100%;text-align: center;} #from.page_calc .tile_flex .single_tile .tile_head{text-align: center;margin: 0} #from #one_screen_content .screen_flex h2 br{display: none} #from #one_screen_content .screen_flex h2 span{display: block;line-height: 1} #from #one_screen_content .screen_flex .tile_flex {margin-top: 0;} } @media screen and (min-width:701px) and (max-width:1000px) { #from .f_baner .baner_text { max-width: 60%; } } @media all and (min-width:478px) and (max-width: 500px){ #from.site_3 .f_baner {height: auto} } @media all and (max-width: 455px){ #from.site_3 .f_baner {height: auto} } .fixed-button-bar {position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; display: flex; align-items: center; justify-content: center; width: 100%; padding: 16px 8px; background-color: #FFF; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);} .fixed-button-bar .page {display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 16px 8px;} .fixed-button-bar .content-box {display: flex; align-items: center; gap: 24px;} .fixed-button-bar .content-box svg {display: block; max-width: 48px; height: auto;} @media all and (max-width: 768px) { .fixed-button-bar .content-box svg {display: none;} } @media all and (max-width: 576px) { .fixed-button-bar .page {flex-direction: column; gap: 16px; text-align: center;} #from .f_footer {margin-bottom: 145px;} } .contrast .fixed-button-bar {background-color: #000; border-top: 2px solid #FFF;}