.et_animated{opacity:0;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both!important;animation-fill-mode:both!important}.et_animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.et_had_animation{position:relative}@-webkit-keyframes et_pb_fade{to{opacity:1}}@keyframes et_pb_fade{to{opacity:1}}.et_animated.fade{-webkit-animation-name:et_pb_fade;animation-name:et_pb_fade}@-webkit-keyframes et_pb_fadeTop{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes et_pb_fadeTop{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.et_animated.fadeTop{-webkit-animation-name:et_pb_fadeTop;animation-name:et_pb_fadeTop}@-webkit-keyframes et_pb_fadeRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes et_pb_fadeRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.et_animated.fadeRight{-webkit-animation-name:et_pb_fadeRight;animation-name:et_pb_fadeRight}@-webkit-keyframes et_pb_fadeBottom{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes et_pb_fadeBottom{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.et_animated.fadeBottom{-webkit-animation-name:et_pb_fadeBottom;animation-name:et_pb_fadeBottom}@-webkit-keyframes et_pb_fadeLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes et_pb_fadeLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.et_animated.fadeLeft{-webkit-animation-name:et_pb_fadeLeft;animation-name:et_pb_fadeLeft}@-webkit-keyframes et_pb_slide{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes et_pb_slide{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}.et_animated.slide{-webkit-animation-name:et_pb_slide;animation-name:et_pb_slide}@-webkit-keyframes et_pb_slideTop{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes et_pb_slideTop{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.et_animated.slideTop{-webkit-animation-name:et_pb_slideTop;animation-name:et_pb_slideTop}@-webkit-keyframes et_pb_slideRight{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes et_pb_slideRight{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.et_animated.slideRight{-webkit-animation-name:et_pb_slideRight;animation-name:et_pb_slideRight}@-webkit-keyframes et_pb_slideBottom{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes et_pb_slideBottom{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.et_animated.slideBottom{-webkit-animation-name:et_pb_slideBottom;animation-name:et_pb_slideBottom}@-webkit-keyframes et_pb_slideLeft{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes et_pb_slideLeft{to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.et_animated.slideLeft{-webkit-animation-name:et_pb_slideLeft;animation-name:et_pb_slideLeft}@-webkit-keyframes et_pb_bounce{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes et_pb_bounce{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.et_animated.bounce{-webkit-animation-name:et_pb_bounce;animation-name:et_pb_bounce}@-webkit-keyframes et_pb_bounceTop{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-200px,0);transform:translate3d(0,-200px,0)}60%{-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes et_pb_bounceTop{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-200px,0);transform:translate3d(0,-200px,0)}60%{-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none;opacity:1}}.et_animated.bounceTop{-webkit-animation-name:et_pb_bounceTop;animation-name:et_pb_bounceTop}@-webkit-keyframes et_pb_bounceRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes et_pb_bounceRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(200px,0,0);transform:translate3d(200px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none;opacity:1}}.et_animated.bounceRight{-webkit-animation-name:et_pb_bounceRight;animation-name:et_pb_bounceRight}@-webkit-keyframes et_pb_bounceBottom{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}60%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes et_pb_bounceBottom{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,200px,0);transform:translate3d(0,200px,0)}60%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.et_animated.bounceBottom{-webkit-animation-name:et_pb_bounceBottom;animation-name:et_pb_bounceBottom}@-webkit-keyframes et_pb_bounceLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes et_pb_bounceLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-200px,0,0);transform:translate3d(-200px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none;opacity:1}}.et_animated.bounceLeft{-webkit-animation-name:et_pb_bounceLeft;animation-name:et_pb_bounceLeft}@-webkit-keyframes et_pb_zoom{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes et_pb_zoom{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}.et_animated.zoom{-webkit-animation-name:et_pb_zoom;animation-name:et_pb_zoom}@-webkit-keyframes et_pb_zoomTop{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes et_pb_zoomTop{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}.et_animated.zoomTop{-webkit-animation-name:et_pb_zoomTop;animation-name:et_pb_zoomTop;-webkit-transform-origin:top;transform-origin:top}@-webkit-keyframes et_pb_zoomRight{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes et_pb_zoomRight{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}.et_animated.zoomRight{-webkit-animation-name:et_pb_zoomRight;animation-name:et_pb_zoomRight;-webkit-transform-origin:right;transform-origin:right}@-webkit-keyframes et_pb_zoomBottom{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes et_pb_zoomBottom{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}.et_animated.zoomBottom{-webkit-animation-name:et_pb_zoomBottom;animation-name:et_pb_zoomBottom;-webkit-transform-origin:bottom;transform-origin:bottom}@-webkit-keyframes et_pb_zoomLeft{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}@keyframes et_pb_zoomLeft{to{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}}.et_animated.zoomLeft{-webkit-animation-name:et_pb_zoomLeft;animation-name:et_pb_zoomLeft;-webkit-transform-origin:left;transform-origin:left}@-webkit-keyframes et_pb_flip{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes et_pb_flip{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.et_animated.flip{-webkit-animation-name:et_pb_flip;animation-name:et_pb_flip}@-webkit-keyframes et_pb_flipTop{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes et_pb_flipTop{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.et_animated.flipTop{-webkit-animation-name:et_pb_flipTop;animation-name:et_pb_flipTop;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes et_pb_flipRight{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes et_pb_flipRight{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.et_animated.flipRight{-webkit-animation-name:et_pb_flipRight;animation-name:et_pb_flipRight;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes et_pb_flipBottom{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes et_pb_flipBottom{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.et_animated.flipBottom{-webkit-animation-name:et_pb_flipBottom;animation-name:et_pb_flipBottom;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes et_pb_flipLeft{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes et_pb_flipLeft{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.et_animated.flipLeft{-webkit-animation-name:et_pb_flipLeft;animation-name:et_pb_flipLeft;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes et_pb_fold{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes et_pb_fold{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.et_animated.fold{-webkit-transform-origin:center;transform-origin:center;-webkit-animation-name:et_pb_fold;animation-name:et_pb_fold}@-webkit-keyframes et_pb_foldTop{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes et_pb_foldTop{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.et_animated.foldTop{-webkit-transform-origin:top;transform-origin:top;-webkit-animation-name:et_pb_foldTop;animation-name:et_pb_foldTop}@-webkit-keyframes et_pb_foldRight{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes et_pb_foldRight{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.et_animated.foldRight{-webkit-transform-origin:right;transform-origin:right;-webkit-animation-name:et_pb_foldRight;animation-name:et_pb_foldRight}@-webkit-keyframes et_pb_foldBottom{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}@keyframes et_pb_foldBottom{to{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}}.et_animated.foldBottom{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation-name:et_pb_foldBottom;animation-name:et_pb_foldBottom}@-webkit-keyframes et_pb_foldLeft{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}@keyframes et_pb_foldLeft{to{opacity:1;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}}.et_animated.foldLeft{-webkit-transform-origin:left;transform-origin:left;-webkit-animation-name:et_pb_foldLeft;animation-name:et_pb_foldLeft}@-webkit-keyframes et_pb_roll{0%{-webkit-transform-origin:center;transform-origin:center}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes et_pb_roll{0%{-webkit-transform-origin:center;transform-origin:center}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.et_animated.roll{-webkit-animation-name:et_pb_roll;animation-name:et_pb_roll}@-webkit-keyframes et_pb_rollTop{0%{-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform-origin:top;transform-origin:top;-webkit-transform:none;transform:none;opacity:1}}@keyframes et_pb_rollTop{0%{-webkit-transform-origin:top;transform-origin:top}to{-webkit-transform-origin:top;transform-origin:top;-webkit-transform:none;transform:none;opacity:1}}.et_animated.rollTop{-webkit-animation-name:et_pb_rollTop;animation-name:et_pb_rollTop}@-webkit-keyframes et_pb_rollRight{0%{-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:none;transform:none;opacity:1}}@keyframes et_pb_rollRight{0%{-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:none;transform:none;opacity:1}}.et_animated.rollRight{-webkit-animation-name:et_pb_rollRight;animation-name:et_pb_rollRight}@-webkit-keyframes et_pb_rollBottom{0%{-webkit-transform-origin:bottom;transform-origin:bottom}to{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes et_pb_rollBottom{0%{-webkit-transform-origin:bottom;transform-origin:bottom}to{-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-transform:none;transform:none;opacity:1}}.et_animated.rollBottom{-webkit-animation-name:et_pb_rollBottom;animation-name:et_pb_rollBottom}@-webkit-keyframes et_pb_rollLeft{0%{-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:none;transform:none;opacity:1}}@keyframes et_pb_rollLeft{0%{-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:none;transform:none;opacity:1}}.et_animated.rollLeft{-webkit-animation-name:et_pb_rollLeft;animation-name:et_pb_rollLeft}
.et_parallax_bg.et_parallax_bg__sticky,.et_pb_sticky.et_pb_section_parallax_sticky .et_parallax_bg:not(.et_parallax_bg__sticky),.et_pb_sticky .et_pb_section_parallax_sticky .et_parallax_bg:not(.et_parallax_bg__sticky){display:none}.et_pb_sticky.et_pb_section_parallax_sticky .et_parallax_bg.et_parallax_bg__sticky,.et_pb_sticky .et_pb_section_parallax_sticky .et_parallax_bg.et_parallax_bg__sticky{display:block}.et_builder_inner_content.has_et_pb_sticky{z-index:inherit}.et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et_pb_column.has_et_pb_sticky{z-index:20}.et-l--header .et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et-l--header .et_pb_column.has_et_pb_sticky{z-index:30}.et-l--footer .et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et-l--footer .et_pb_column.has_et_pb_sticky{z-index:10}.et_pb_sticky_placeholder{opacity:0!important}.et_pb_sticky .et_overlay.et_pb_inline_icon_sticky:before,.et_pb_sticky .et_pb_inline_icon_sticky:before{content:attr(data-icon-sticky)!important}body .et-script-temporary-measurement{opacity:0}.et_pb_with_border .et-pb-icon,.et_pb_with_border .et_pb_image_wrap{border:0 solid #333}.et_pb_blurb_content{max-width:550px;margin:0 auto;position:relative;text-align:center;word-wrap:break-word;width:100%}.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center .et_pb_blurb_content .et_pb_blurb_container{text-align:center}.et_pb_blurb_content p:last-of-type{padding-bottom:0}.et_pb_blurb .et_pb_module_header a,.et_pb_blurb h4 a{text-decoration:none}.et_pb_blurb .et_pb_image_wrap{display:block;margin:auto}.et_pb_main_blurb_image img{border-radius:inherit}.et_pb_main_blurb_image img[src*=".svg"]{width:auto}.et_pb_sticky_module .et_pb_main_blurb_image .et_pb_image_wrap{width:100%;max-width:100%}.et_pb_blurb_position_left .et_pb_blurb_content,.et_pb_blurb_position_right .et_pb_blurb_content{display:table}.et_pb_blurb_position_left .et_pb_main_blurb_image,.et_pb_blurb_position_right .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left .et_pb_main_blurb_image img,.et_pb_blurb_position_right .et_pb_main_blurb_image img{width:inherit}.et_pb_blurb_position_left .et-pb-icon,.et_pb_blurb_position_right .et-pb-icon{font-size:32px}.et_pb_blurb_position_right .et-pb-icon{display:table-cell}.et_pb_blurb_position_left .et_pb_blurb_container,.et_pb_blurb_position_right .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left .et_pb_blurb_content{text-align:left}.et_pb_blurb_position_right .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right .et_pb_blurb_content{text-align:right}.et_pb_blurb_position_right .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right .et-pb-icon{margin-right:0;margin-left:20px}.et_pb_main_blurb_image{display:inline-block;margin-bottom:30px;line-height:0;max-width:100%}@media (max-width:980px){.et_pb_blurb_position_left_tablet .et_pb_main_blurb_image,.et_pb_blurb_position_right_tablet .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left_tablet .et_pb_main_blurb_image img,.et_pb_blurb_position_right_tablet .et_pb_main_blurb_image img{width:inherit}.et_pb_blurb_position_left_tablet .et-pb-icon,.et_pb_blurb_position_right_tablet .et-pb-icon{font-size:32px;display:table-cell}.et_pb_blurb_position_left_tablet .et_pb_blurb_container,.et_pb_blurb_position_right_tablet .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left_tablet .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left_tablet .et_pb_blurb_content{text-align:left}.et_pb_blurb_position_right_tablet .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right_tablet .et_pb_blurb_content{padding-right:52px;text-align:right}.et_pb_blurb_position_right_tablet .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right_tablet .et-pb-icon{margin-right:0;margin-left:20px}.et_pb_blurb_position_top_tablet .et_pb_main_blurb_image{display:block;width:auto}.et_pb_blurb_position_top_tablet .et-pb-icon{font-size:96px;display:initial}.et_pb_blurb_position_top_tablet .et_pb_blurb_container{display:block;padding-left:0;padding-right:0}.et_pb_blurb_position_top_tablet .et_pb_blurb_content{display:inline-block;text-align:center;padding-right:0}}@media (max-width:767px){.et_pb_blurb_position_left_phone .et_pb_main_blurb_image,.et_pb_blurb_position_right_phone .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left_phone .et_pb_main_blurb_image img,.et_pb_blurb_position_right_phone .et_pb_main_blurb_image img{width:inherit}.et_pb_blurb_position_left_phone .et-pb-icon,.et_pb_blurb_position_right_phone .et-pb-icon{font-size:32px;display:table-cell}.et_pb_blurb_position_left_phone .et_pb_blurb_container,.et_pb_blurb_position_right_phone .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left_phone .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left_phone .et_pb_blurb_content{text-align:left}.et_pb_blurb_position_right_phone .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right_phone .et_pb_blurb_content{padding-right:52px;text-align:right}.et_pb_blurb_position_right_phone .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right_phone .et-pb-icon{margin-right:0;margin-left:20px}.et_pb_blurb_position_top_phone .et_pb_main_blurb_image{display:block;width:auto}.et_pb_blurb_position_top_phone .et-pb-icon{font-size:96px;display:initial}.et_pb_blurb_position_top_phone .et_pb_blurb_container{display:block;padding-left:0;padding-right:0}.et_pb_blurb_position_top_phone .et_pb_blurb_content{display:inline-block;text-align:center;padding-right:0}}@media (max-width:980px){.et_pb_blurb.et_pb_text_align_left-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:center}}@media (max-width:767px){.et_pb_blurb.et_pb_text_align_left-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:center}}
.et-waypoint.et_pb_animation_off,.et-waypoint:not(.et_pb_counters).et_pb_animation_off,.et_pb_animation_off{opacity:1}.et-waypoint.et_pb_animation_left.et-animated,.et_pb_animation_left.et-animated{opacity:1;-webkit-animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_right.et-animated,.et_pb_animation_right.et-animated{opacity:1;-webkit-animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_top.et-animated,.et_pb_animation_top.et-animated{opacity:1;-webkit-animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_bottom.et-animated,.et_pb_animation_bottom.et-animated{opacity:1;-webkit-animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_fade_in.et-animated,.et_pb_animation_fade_in.et-animated{opacity:1;-webkit-animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1}@media (max-width:980px){.et-waypoint.et_pb_animation_off_tablet,.et-waypoint:not(.et_pb_counters).et_pb_animation_off_tablet,.et_pb_animation_off_tablet{opacity:1;-webkit-animation:none;animation:none}.et-waypoint.et_pb_animation_left_tablet.et-animated,.et_pb_animation_left_tablet.et-animated{opacity:1;-webkit-animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_right_tablet.et-animated,.et_pb_animation_right_tablet.et-animated{opacity:1;-webkit-animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_top_tablet.et-animated,.et_pb_animation_top_tablet.et-animated{opacity:1;-webkit-animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_bottom_tablet.et-animated,.et_pb_animation_bottom_tablet.et-animated{opacity:1;-webkit-animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_fade_in_tablet.et-animated,.et_pb_animation_fade_in_tablet.et-animated{opacity:1;-webkit-animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1}}@media (max-width:767px){.et-waypoint.et_pb_animation_off_phone,.et-waypoint:not(.et_pb_counters).et_pb_animation_off_phone,.et_pb_animation_off_phone{opacity:1;-webkit-animation:none;animation:none}.et-waypoint.et_pb_animation_left_phone.et-animated,.et_pb_animation_left_phone.et-animated{opacity:1;-webkit-animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeLeft 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_right_phone.et-animated,.et_pb_animation_right_phone.et-animated{opacity:1;-webkit-animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeRight 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_top_phone.et-animated,.et_pb_animation_top_phone.et-animated{opacity:1;-webkit-animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeTop 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_bottom_phone.et-animated,.et_pb_animation_bottom_phone.et-animated{opacity:1;-webkit-animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeBottom 1s cubic-bezier(.77,0,.175,1) 1}.et-waypoint.et_pb_animation_fade_in_phone.et-animated,.et_pb_animation_fade_in_phone.et-animated{opacity:1;-webkit-animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1;animation:fadeIn 1s cubic-bezier(.77,0,.175,1) 1}}
.et_pb_bg_layout_light.et_pb_module.et_pb_button{color:#2ea3f2}.et_pb_module.et_pb_button{display:inline-block;color:inherit}.et_pb_button_module_wrapper.et_pb_button_alignment_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_center{text-align:center}.et_pb_button_module_wrapper>a{display:inline-block}@media (max-width:980px){.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_tablet_center{text-align:center}}@media (max-width:767px){.et_pb_button_module_wrapper.et_pb_button_alignment_phone_left{text-align:left}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_right{text-align:right}.et_pb_button_module_wrapper.et_pb_button_alignment_phone_center{text-align:center}}
.et_pb_button[data-icon]:not([data-icon=""]):after{content:attr(data-icon)}@media (max-width:980px){.et_pb_button[data-icon-tablet]:not([data-icon-tablet=""]):after{content:attr(data-icon-tablet)}}@media (max-width:767px){.et_pb_button[data-icon-phone]:not([data-icon-phone=""]):after{content:attr(data-icon-phone)}}
.et_pb_code_inner{position:relative}
.et_pb_space{-webkit-box-sizing:content-box;box-sizing:content-box;height:23px}.et_pb_divider_hidden{margin-bottom:0!important}.et_pb_divider_internal{display:inline-block;width:100%}.et_pb_divider{margin:0 0 30px;position:relative}.et_pb_divider:before{content:"";width:100%;height:1px;border-top:1px solid rgba(0,0,0,.1);position:absolute;left:0;top:0;z-index:10}.et_pb_divider:after,.et_pb_space:after{content:"";display:table}.et_pb_divider_position_bottom:before{top:auto!important;bottom:0!important}.et_pb_divider_position_center:before{top:50%!important}@media (max-width:980px){.et_pb_divider_position_top_tablet:before{top:0!important;bottom:auto!important}.et_pb_divider_position_bottom_tablet:before{top:auto!important;bottom:0!important}.et_pb_divider_position_center_tablet:before{top:50%!important}.et_pb_space.et-hide-mobile{display:none}}@media (max-width:767px){.et_pb_divider_position_top_phone:before{top:0!important;bottom:auto!important}.et_pb_divider_position_bottom_phone:before{top:auto!important;bottom:0!important}.et_pb_divider_position_center_phone:before{top:50%!important}}.ie .et_pb_divider{overflow:visible}
.et_pb_with_border.et_pb_fullwidth_header .header-image-container img,.et_pb_with_border.et_pb_fullwidth_header .header-logo{border:0 solid #333}.et_pb_fullwidth_header{padding:50px 0;position:relative;background-position:50%;background-size:cover}.et_pb_fullwidth_header p{padding-bottom:0}.et_pb_fullwidth_header_subhead{display:block}.et_pb_fullscreen{padding:0}.et_pb_fullwidth_header .et_pb_fullwidth_header_container{position:relative;z-index:3;width:80%;max-width:1080px;margin-left:auto;margin-right:auto}.et_pb_fullscreen .et_pb_fullwidth_header_container{min-height:100vh;width:80%;max-width:none;height:100%}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center{display:-moz-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap;-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.et_pb_fullscreen .et_pb_fullwidth_header_container.center.bottom-bottom{-ms-flex-flow:column wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column wrap;-moz-justify-content:flex-end;-ms-justify-content:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.et_pb_fullscreen .et_pb_fullwidth_header_container.center.center-center{-ms-flex-flow:column nowrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column nowrap}.et_pb_fullscreen .et_pb_fullwidth_header_container.center.center-bottom .header-content-container{display:-moz-flex;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row wrap}.et_pb_fullscreen .et_pb_fullwidth_header_container.center.center-bottom .header-content-container .header-content{-webkit-align-self:center;-ms-align-self:center;-ms-flex-item-align:center;align-self:center}.et_pb_fullscreen .et_pb_fullwidth_header_container.center.bottom-center .header-image-container.center{-webkit-align-self:flex-start;-ms-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-image-container{width:100%;-webkit-align-self:center;-ms-align-self:center;-ms-flex-item-align:center;align-self:center}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container.center,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-image-container.center{-webkit-align-self:center;-ms-align-self:center;-ms-flex-item-align:center;align-self:center}.et_pb_fullscreen .et_pb_fullwidth_header_container.center .header-content-container.bottom,.et_pb_fullscreen .et_pb_fullwidth_header_container.center .header-image-container.bottom{-webkit-align-self:flex-end;-ms-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left{display:-moz-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-flow:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-flow:row}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right{display:-moz-flex;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-flow:row-reverse;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-flow:row-reverse}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content-container,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content-container{width:100%}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-image-container,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-image-container,.et_pb_fullwidth_header.et_pb_header_with_image .et_pb_fullwidth_header_container.left .header-content-container,.et_pb_fullwidth_header.et_pb_header_with_image .et_pb_fullwidth_header_container.right .header-content-container{width:50%;-webkit-align-self:center;-ms-align-self:center;-ms-flex-item-align:center;align-self:center}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content-container.center,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-image-container.center,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content-container.center,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-image-container.center{-webkit-align-self:center;-ms-align-self:center;-ms-flex-item-align:center;align-self:center}.et_pb_fullscreen .et_pb_fullwidth_header_container.left .header-content-container.bottom,.et_pb_fullscreen .et_pb_fullwidth_header_container.left .header-image-container.bottom,.et_pb_fullscreen .et_pb_fullwidth_header_container.right .header-content-container.bottom,.et_pb_fullscreen .et_pb_fullwidth_header_container.right .header-image-container.bottom,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content-container.bottom,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-image-container.bottom,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content-container.bottom,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-image-container.bottom{-webkit-align-self:flex-end;-ms-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content{text-align:left;margin-left:0}.et_pb_fullwidth_header.et_pb_header_with_image .et_pb_fullwidth_header_container.left .header-content{margin-right:6%}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content{text-align:right;margin-right:0;float:right}.et_pb_fullwidth_header.et_pb_header_with_image .et_pb_fullwidth_header_container.right .header-content{margin-left:6%}.et_pb_fullscreen .et_pb_fullwidth_header_container.left .header-content-container.bottom,.et_pb_fullscreen .et_pb_fullwidth_header_container.right .header-content-container.bottom{margin-bottom:80px}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content{padding-left:0}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content{padding-right:0}.et_pb_fullwidth_header .header-content{padding:10px;text-align:center}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content{margin:20px auto;width:80%;max-width:800px}.et_pb_fullwidth_header .header-image{text-align:center;margin-left:2%;margin-right:2%;line-height:0}.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content a.et_pb_button{margin-top:20px;display:inline-block}.et_pb_fullwidth_header .et_pb_fullwidth_header_container .et_pb_button_one{margin-right:15px}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .et_pb_button_one{margin-right:0}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .et_pb_button_two{margin-left:15px}.et_pb_fullwidth_header .et_pb_fullwidth_header_overlay{content:"";position:absolute;top:0;left:0;bottom:0;right:0;z-index:2;pointer-events:none}.et_pb_fullwidth_header .et_pb_parallax_css{background-repeat:no-repeat;background-position:top;background-size:cover;background-attachment:fixed;position:absolute;width:100%;height:100%;overflow:hidden}.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll{width:100%;min-height:30px;text-align:center;padding-top:10px;padding-bottom:20px;margin:0 auto;position:absolute;z-index:3;right:0;bottom:0;left:0;pointer-events:none}.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a{display:inline-block;pointer-events:all}.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon{color:#fff;font-size:3.5em}.et_pb_fullwidth_header .scroll-down-container .scroll-down-phone,.et_pb_fullwidth_header .scroll-down-container .scroll-down-tablet{display:none}@media (max-width:980px){.et_pb_fullwidth_header .scroll-down-container-tablet .scroll-down,.et_pb_fullwidth_header .scroll-down-container-tablet .scroll-down-phone{display:none}.et_pb_fullwidth_header .scroll-down-container-tablet .scroll-down-tablet{display:inline-block}}@media (max-width:767px){.et_pb_fullwidth_header .scroll-down-container-phone .scroll-down,.et_pb_fullwidth_header .scroll-down-container-phone .scroll-down-tablet{display:none}.et_pb_fullwidth_header .scroll-down-container-phone .scroll-down-phone{display:inline-block}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right{-ms-flex-flow:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-flow:column;-moz-justify-content:center;-ms-justify-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content-container,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-image-container,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content-container,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-image-container,.et_pb_fullwidth_header.et_pb_header_with_image .et_pb_fullwidth_header_container.left .header-content-container,.et_pb_fullwidth_header.et_pb_header_with_image .et_pb_fullwidth_header_container.right .header-content-container{width:100%}.et_pb_fullwidth_header .et_pb_fullwidth_header_container.left .header-content,.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content{margin:20px 2%}}.ie .et_pb_fullwidth_header.et_pb_fullscreen .et_pb_fullwidth_header_container.left,.ie .et_pb_fullwidth_header.et_pb_fullscreen .et_pb_fullwidth_header_container.right{height:100px}.ie .et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content{float:none}
.et_pb_with_border .et_pb_image_wrap{border:0 solid #333}.et_pb_image{margin-left:auto;margin-right:auto;line-height:0}.et_pb_image.aligncenter{text-align:center}.et_pb_image.et_pb_has_overlay a.et_pb_lightbox_image{display:block;position:relative}.et_pb_image{display:block}.et_pb_image .et_pb_image_wrap{display:inline-block;position:relative;max-width:100%}.et_pb_image .et_pb_image_wrap img[src*=".svg"]{width:auto}.et_pb_image img{position:relative}.et_pb_image_sticky{margin-bottom:0!important;display:inherit}.et_pb_image.et_pb_has_overlay .et_pb_image_wrap:hover .et_overlay{z-index:3;opacity:1}@media (min-width:981px){.et_pb_section_sticky,.et_pb_section_sticky.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky .et_pb_column_single,.et_pb_section_sticky .et_pb_row.et-last-child,.et_pb_section_sticky .et_pb_row:last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}}@media (max-width:980px){.et_pb_image_sticky_tablet{margin-bottom:0!important;display:inherit}.et_pb_section_sticky_mobile,.et_pb_section_sticky_mobile.et_pb_bottom_divider .et_pb_row:nth-last-child(2),.et_pb_section_sticky_mobile .et_pb_column_single,.et_pb_section_sticky_mobile .et_pb_row.et-last-child,.et_pb_section_sticky_mobile .et_pb_row:last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner.et-last-child,.et_pb_section_sticky_mobile .et_pb_specialty_column .et_pb_row_inner:last-child{padding-bottom:0!important}.et_pb_section_sticky .et_pb_row.et-last-child .et_pb_column.et_pb_row_sticky.et-last-child,.et_pb_section_sticky .et_pb_row:last-child .et_pb_column.et_pb_row_sticky:last-child{margin-bottom:0}.et_pb_image_bottom_space_tablet{margin-bottom:30px!important;display:block}.et_always_center_on_mobile{text-align:center!important;margin-left:auto!important;margin-right:auto!important}}@media (max-width:767px){.et_pb_image_sticky_phone{margin-bottom:0!important;display:inherit}.et_pb_image_bottom_space_phone{margin-bottom:30px!important;display:block}}
.et_overlay{z-index:-1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;-webkit-transition:all .3s;transition:all .3s;border:1px solid #e5e5e5;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.et_overlay:before{color:#2ea3f2;content:"\E050";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:32px;-webkit-transition:all .4s;transition:all .4s}.et_portfolio_image,.et_shop_image{position:relative;display:block}.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,.et_portfolio_image:hover .et_overlay,.et_shop_image:hover .et_overlay{z-index:3;opacity:1}#ie7 .et_overlay,#ie8 .et_overlay{display:none}.et_pb_module.et_pb_has_overlay{position:relative}.et_pb_module.et_pb_has_overlay .et_overlay,article.et_pb_has_overlay{border:none}.et_pb_button[data-icon]:not([data-icon=""]):after{content:attr(data-icon)}@media (max-width:980px){.et_pb_button[data-icon-tablet]:not([data-icon-tablet=""]):after{content:attr(data-icon-tablet)}}@media (max-width:767px){.et_pb_button[data-icon-phone]:not([data-icon-phone=""]):after{content:attr(data-icon-phone)}}.cek-contact-wrap {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
max-width: 600px;
margin: 0 auto;
}
.cek-contact-box {
background: linear-gradient(145deg, #1a1a2e 0%, #16213e 100%);
border-radius: 16px;
padding: 32px;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
position: relative;
}
.cek-contact-header {
text-align: center;
margin-bottom: 28px;
padding-bottom: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cek-contact-header h3 {
color: #fff;
font-size: 22px;
font-weight: 600;
margin: 0 0 8px 0;
letter-spacing: -0.3px;
}
.cek-contact-header p {
color: rgba(255, 255, 255, 0.5);
font-size: 13px;
margin: 0;
}
.cek-contact-logo {
display: block;
max-width: 160px;
height: auto;
margin: 0 auto 8px;
} .cek-field {
margin-bottom: 20px;
}
.cek-field label {
display: block;
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
font-weight: 500;
margin-bottom: 8px;
letter-spacing: 0.2px;
}
.cek-field input[type="text"],
.cek-field input[type="email"],
.cek-field input[type="tel"],
.cek-field select,
.cek-field textarea {
width: 100%;
padding: 14px 16px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
color: #fff;
font-size: 15px;
transition: all 0.2s ease;
box-sizing: border-box;
}
.cek-field input:focus,
.cek-field select:focus,
.cek-field textarea:focus {
outline: none;
border-color: #fdc662;
background: rgba(253, 198, 98, 0.05);
box-shadow: 0 0 0 3px rgba(253, 198, 98, 0.15);
}
.cek-field input::placeholder,
.cek-field textarea::placeholder {
color: rgba(255, 255, 255, 0.3);
}
.cek-field select {
cursor: pointer;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' fill-opacity='0.5' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
}
.cek-field select option {
background: #1a1a2e;
color: #fff;
}
.cek-field textarea {
min-height: 120px;
resize: vertical;
line-height: 1.5;
}
.cek-row {
display: flex;
gap: 16px;
}
.cek-row .cek-field {
flex: 1;
} .cek-upload-zone {
border: 2px dashed rgba(255, 255, 255, 0.15);
border-radius: 10px;
padding: 24px;
text-align: center;
cursor: pointer;
transition: all 0.2s ease;
margin-bottom: 20px;
}
.cek-upload-zone:hover,
.cek-upload-zone.dragover {
border-color: #fdc662;
background: rgba(253, 198, 98, 0.05);
}
.cek-upload-zone input[type="file"] {
display: none;
}
.cek-upload-icon {
font-size: 32px;
margin-bottom: 8px;
opacity: 0.5;
color: #fdc662;
}
.cek-upload-text {
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
margin: 0;
}
.cek-upload-text span {
color: #fdc662;
font-weight: 500;
}
.cek-upload-hint {
color: rgba(255, 255, 255, 0.4);
font-size: 12px;
margin-top: 8px;
} .cek-files-list {
margin-bottom: 20px;
}
.cek-file-item {
display: flex;
align-items: center;
gap: 12px;
padding: 10px 14px;
background: rgba(255, 255, 255, 0.05);
border-radius: 8px;
margin-bottom: 8px;
}
.cek-file-icon {
width: 32px;
height: 32px;
background: rgba(253, 198, 98, 0.2);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
font-size: 14px;
color: #fdc662;
font-weight: 600;
}
.cek-file-info {
flex: 1;
min-width: 0;
}
.cek-file-name {
color: #fff;
font-size: 13px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cek-file-size {
color: rgba(255, 255, 255, 0.4);
font-size: 11px;
}
.cek-file-remove {
width: 28px;
height: 28px;
background: rgba(255, 107, 107, 0.2);
border: none;
border-radius: 6px;
color: #ff6b6b;
cursor: pointer;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.2s;
}
.cek-file-remove:hover {
background: rgba(255, 107, 107, 0.3);
} .cek-math {
background: rgba(255, 255, 255, 0.03);
border-radius: 10px;
padding: 16px;
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 20px;
}
.cek-math-q {
color: rgba(255, 255, 255, 0.6);
font-size: 14px;
white-space: nowrap;
}
.cek-math-q span {
color: #fdc662;
font-weight: 600;
font-size: 16px;
}
.cek-math input {
flex: 1;
max-width: 100px;
text-align: center;
padding: 10px;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 8px;
color: #fff !important;
font-size: 16px;
font-weight: 600;
-webkit-text-fill-color: #fff !important;
}
.cek-math input:focus {
border-color: #fdc662;
box-shadow: 0 0 0 3px rgba(253, 198, 98, 0.15);
outline: none;
} .cek-rgpd {
margin-bottom: 24px;
}
.cek-rgpd label {
display: flex;
align-items: flex-start;
gap: 12px;
cursor: pointer;
color: rgba(255, 255, 255, 0.6);
font-size: 13px;
line-height: 1.5;
}
.cek-rgpd input[type="checkbox"] {
width: 20px;
height: 20px;
margin-top: 2px;
flex-shrink: 0;
accent-color: #fdc662;
cursor: pointer;
}
.cek-rgpd a {
color: #fdc662;
text-decoration: none;
}
.cek-rgpd a:hover {
text-decoration: underline;
} .cek-btn {
width: 100%;
padding: 16px 24px;
background: linear-gradient(135deg, #fdc662 0%, #f0b429 100%);
border: none;
border-radius: 10px;
color: #0a0a0a;
font-size: 15px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
letter-spacing: 0.3px;
box-shadow: 0 4px 15px rgba(253, 198, 98, 0.3);
}
.cek-btn:hover {
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(253, 198, 98, 0.4);
}
.cek-btn:active {
transform: translateY(0);
}
.cek-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
transform: none;
box-shadow: none;
}
.cek-btn-loading {
position: relative;
color: transparent;
}
.cek-btn-loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border: 2px solid rgba(0, 0, 0, 0.2);
border-top-color: #0a0a0a;
border-radius: 50%;
animation: cek-spin 0.6s linear infinite;
}
@keyframes cek-spin {
to {
transform: rotate(360deg);
}
} .cek-msg {
padding: 14px 18px;
border-radius: 10px;
margin-bottom: 20px;
font-size: 14px;
display: none;
}
.cek-msg-success {
background: rgba(253, 198, 98, 0.15);
border: 1px solid rgba(253, 198, 98, 0.3);
color: #fdc662;
}
.cek-msg-error {
background: rgba(255, 107, 107, 0.15);
border: 1px solid rgba(255, 107, 107, 0.3);
color: #ff6b6b;
}
.cek-msg-info {
background: rgba(100, 181, 246, 0.15);
border: 1px solid rgba(100, 181, 246, 0.3);
color: #64b5f6;
} .cek-form-preview {
pointer-events: auto;
user-select: none;
transition: filter 0.4s ease, opacity 0.4s ease;
position: relative;
}
.cek-form-preview::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
cursor: pointer;
} .cek-login-slide {
max-height: 0;
overflow: hidden;
opacity: 0;
transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.4s ease,
margin 0.4s ease;
margin-bottom: 0;
}
.cek-login-slide.is-visible {
max-height: 200px;
opacity: 1;
margin-bottom: 24px;
}
.cek-login-slide-content {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;
padding: 28px 24px;
text-align: center;
}
.cek-login-slide-icon {
width: 48px;
height: 48px;
margin: 0 auto 16px;
background: rgba(253, 198, 98, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fdc662;
}
.cek-login-slide-content p {
color: rgba(255, 255, 255, 0.7);
font-size: 15px;
margin: 0 0 20px 0;
font-weight: 400;
}
.cek-login-slide-content .cek-btn {
width: auto;
display: inline-block;
padding: 14px 40px;
} .cek-login-slide.is-visible + .cek-form-preview {
filter: blur(4px);
opacity: 0.5;
} .cek-hp {
position: absolute;
left: -9999px;
} .cek-verify-zone {
background: rgba(18, 26, 46, 0.95);
border: 1px solid rgba(253, 198, 98, 0.35);
border-radius: 12px;
padding: 24px;
width: 90%;
max-width: 420px;
text-align: center;
box-shadow: 0 18px 44px rgba(0,0,0,0.35);
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}
.cek-verify-zone h4 {
color: #f5bc41 !important;
font-size: 16px;
margin: 0 0 12px 0;
font-weight: 600;
}
.cek-verify-zone p {
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
margin: 0 0 16px 0;
line-height: 1.5;
}
.cek-verify-zone .cek-phone-masked {
color: #fdc662;
font-weight: 600;
}
.cek-code-input {
display: flex;
justify-content: center;
gap: 8px;
margin-bottom: 16px;
}
.cek-code-input input {
width: 45px;
height: 55px;
text-align: center;
font-size: 22px;
font-weight: 700;
background: rgba(255, 255, 255, 0.08);
border: 2px solid rgba(255, 255, 255, 0.15);
border-radius: 10px;
color: #fff;
-webkit-text-fill-color: #fff;
transition: all 0.2s ease;
}
.cek-code-input input:focus {
border-color: #fdc662;
background: rgba(253, 198, 98, 0.1);
box-shadow: 0 0 0 3px rgba(253, 198, 98, 0.15);
outline: none;
}
.cek-code-input input.is-filled {
border-color: #fdc662;
background: rgba(253, 198, 98, 0.15);
}
.cek-verify-actions {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
.cek-btn-verify {
padding: 12px 24px;
background: linear-gradient(135deg, #fdc662 0%, #f0b429 100%);
border: none;
border-radius: 8px;
color: #0a0a0a;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease;
}
.cek-btn-verify:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(253, 198, 98, 0.3);
}
.cek-btn-verify:disabled {
opacity: 0.5;
cursor: not-allowed;
transform: none;
}
.cek-btn-resend {
padding: 12px 24px;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 8px;
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
cursor: pointer;
transition: all 0.2s ease;
}
.cek-btn-resend:hover {
border-color: rgba(255, 255, 255, 0.4);
color: #fff;
}
.cek-btn-resend:disabled {
opacity: 0.4;
cursor: not-allowed;
}
.cek-timer {
color: rgba(255, 255, 255, 0.5);
font-size: 13px;
margin-top: 12px;
}
.cek-timer span {
color: #fdc662;
font-weight: 600;
} .cek-contact-box.is-locked form {
filter: blur(2px);
pointer-events: none;
user-select: none;
} .cek-cooldown-notice {
background: rgba(253, 198, 98, 0.1);
border: 1px solid rgba(253, 198, 98, 0.25);
border-radius: 10px;
padding: 20px;
text-align: center;
margin-bottom: 20px;
}
.cek-cooldown-notice p {
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
margin: 0 0 8px 0;
}
.cek-cooldown-notice .cek-countdown {
color: #fdc662;
font-size: 24px;
font-weight: 700;
} .cek-express-block {
display: flex;
align-items: flex-start;
gap: 16px;
background: linear-gradient(135deg, rgba(70, 180, 80, 0.15) 0%, rgba(70, 180, 80, 0.05) 100%);
border: 1px solid rgba(70, 180, 80, 0.4);
border-radius: 12px;
padding: 20px;
margin-bottom: 20px;
}
.cek-express-icon {
font-size: 32px;
line-height: 1;
flex-shrink: 0;
}
.cek-express-content {
flex: 1;
}
.cek-express-title {
font-weight: 600;
font-size: 16px;
color: #fff;
margin-bottom: 8px;
}
.cek-express-desc {
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
line-height: 1.5;
margin: 0 0 14px 0;
} .cek-pro-block {
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 12px;
padding: 24px;
margin-bottom: 20px;
}
.cek-pro-header {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}
.cek-pro-icon {
width: 40px;
height: 40px;
background: rgba(253, 198, 98, 0.1);
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.cek-pro-icon svg {
color: #fdc662;
}
.cek-pro-title {
font-size: 16px;
font-weight: 600;
color: #fff;
}
.cek-pro-desc {
color: rgba(255, 255, 255, 0.6);
font-size: 13px;
line-height: 1.5;
margin: 0 0 20px 0;
}
.cek-checkbox-group {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.cek-checkbox-label {
display: flex;
align-items: center;
gap: 8px;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
cursor: pointer;
}
.cek-checkbox-label input[type="radio"],
.cek-checkbox-label input[type="checkbox"] {
accent-color: #fdc662;
width: 16px;
height: 16px;
cursor: pointer;
}
.cek-pro-upload-section {
background: rgba(253, 198, 98, 0.05);
border: 1px dashed rgba(253, 198, 98, 0.3);
border-radius: 10px;
padding: 16px;
margin-top: 20px;
text-align: center;
}
.cek-pro-upload-title {
color: #fdc662;
font-weight: 600;
font-size: 14px;
margin-bottom: 6px;
}
.cek-pro-upload-hint {
color: rgba(255, 255, 255, 0.5);
font-size: 12px;
margin: 0;
} .cek-express-info {
margin-top: -10px;
margin-bottom: 20px;
}
.cek-btn-express {
background: linear-gradient(135deg, #46b450 0%, #3a9a42 100%) !important;
display: inline-block;
padding: 12px 24px;
font-size: 14px;
text-decoration: none;
}
.cek-btn-express:hover {
box-shadow: 0 8px 24px rgba(70, 180, 80, 0.4);
} .cek-modele-block {
background: rgba(155, 89, 182, 0.05);
border: 1px solid rgba(155, 89, 182, 0.2);
border-radius: 12px;
padding: 24px;
margin-bottom: 20px;
} .cek-echantillon-block {
background: rgba(230, 126, 34, 0.05);
border: 1px solid rgba(230, 126, 34, 0.2);
border-radius: 12px;
padding: 24px;
margin-bottom: 20px;
} .cek-echantillon-address {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid rgba(230, 126, 34, 0.2);
}
.cek-echantillon-address > label {
display: block;
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
font-weight: 500;
margin-bottom: 10px;
}
.cek-address-display {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 8px;
padding: 14px 16px;
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
line-height: 1.6;
margin-bottom: 8px;
}
.cek-address-type-label {
display: block;
font-size: 11px;
color: #e67e22;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 6px;
font-weight: 600;
}
.cek-address-edit-link {
display: inline-block;
color: #e67e22;
font-size: 13px;
text-decoration: none;
transition: color 0.2s;
}
.cek-address-edit-link:hover {
color: #fdc662;
text-decoration: underline;
}
.cek-address-missing {
background: rgba(231, 76, 60, 0.1);
border: 1px solid rgba(231, 76, 60, 0.3);
border-radius: 8px;
padding: 16px;
text-align: center;
}
.cek-address-warning {
color: #e74c3c;
font-size: 14px;
margin: 0 0 12px 0;
}
.cek-btn-address {
display: inline-block;
background: linear-gradient(135deg, #e67e22 0%, #d35400 100%);
color: #fff !important;
padding: 10px 20px;
border-radius: 8px;
font-size: 14px;
font-weight: 500;
text-decoration: none !important;
transition: transform 0.2s, box-shadow 0.2s;
}
.cek-btn-address:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(230, 126, 34, 0.3);
} .cek-autocomplete-dropdown {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #1a1a2e;
border: 1px solid rgba(255, 255, 255, 0.15);
border-radius: 8px;
margin-top: 4px;
max-height: 200px;
overflow-y: auto;
z-index: 100;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}
.cek-autocomplete-item {
padding: 12px 16px;
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
cursor: pointer;
transition: background 0.15s;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.cek-autocomplete-item:last-child {
border-bottom: none;
}
.cek-autocomplete-item:hover {
background: rgba(253, 198, 98, 0.1);
color: #fdc662;
} .cek-msg-mobile-zone {
display: none;
} @media (max-width: 600px) {
.cek-contact-box {
padding: 24px 20px;
border-radius: 12px;
}
.cek-row {
flex-direction: column;
gap: 0;
}
.cek-math {
flex-direction: column;
gap: 12px;
text-align: center;
}
.cek-math input {
max-width: none;
}
.cek-upload-zone {
padding: 20px 16px;
}
.cek-code-input input {
width: 40px;
height: 50px;
font-size: 20px;
}
.cek-verify-actions {
flex-direction: column;
}
.cek-btn-verify,
.cek-btn-resend {
width: 100%;
} .cek-msg-mobile-zone {
display: block;
margin-bottom: 16px;
} #cek-msg-success,
#cek-msg-error,
#cek-msg-info {
display: none !important;
} .cek-express-block {
flex-direction: column;
text-align: center;
padding: 16px;
}
.cek-express-icon {
font-size: 28px;
}
.cek-btn-express {
width: 100%;
text-align: center;
}
} .cek-retour-echantillon-block {
background: rgba(192, 57, 43, 0.05);
border: 1px solid rgba(192, 57, 43, 0.2);
border-radius: 12px;
padding: 24px;
margin-bottom: 20px;
}
.cek-retour-item {
margin-bottom: 20px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cek-retour-item:last-of-type {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.cek-retour-avis {
display: flex;
align-items: center;
gap: 16px;
margin-top: 10px;
flex-wrap: wrap;
}
.cek-avis-label {
color: rgba(255, 255, 255, 0.6);
font-size: 13px;
}
.cek-radio-avis {
display: inline-flex;
align-items: center;
gap: 6px;
color: rgba(255, 255, 255, 0.8);
font-size: 13px;
cursor: pointer;
padding: 6px 12px;
border-radius: 20px;
transition: all 0.2s;
}
.cek-radio-avis input[type="radio"] {
width: 16px;
height: 16px;
accent-color: #fdc662;
}
.cek-radio-valide:hover,
.cek-radio-valide:has(input:checked) {
background: rgba(46, 204, 113, 0.15);
color: #2ecc71;
}
.cek-radio-refuse:hover,
.cek-radio-refuse:has(input:checked) {
background: rgba(231, 76, 60, 0.15);
color: #e74c3c;
} .cek-sondage-qualite {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 20px;
margin-top: 24px;
}
.cek-sondage-title {
color: #fdc662;
font-size: 15px;
font-weight: 600;
margin: 0 0 16px 0;
}
.cek-sondage-item {
margin-bottom: 16px;
}
.cek-sondage-item:last-child {
margin-bottom: 0;
}
.cek-sondage-question {
display: block;
color: rgba(255, 255, 255, 0.7);
font-size: 13px;
margin-bottom: 8px;
}
.cek-sondage-radios {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.cek-sondage-radios label {
display: inline-flex;
align-items: center;
gap: 5px;
color: rgba(255, 255, 255, 0.8);
font-size: 12px;
padding: 5px 10px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 16px;
cursor: pointer;
transition: all 0.2s;
}
.cek-sondage-radios label:hover {
background: rgba(253, 198, 98, 0.1);
border-color: rgba(253, 198, 98, 0.3);
}
.cek-sondage-radios label:has(input:checked) {
background: rgba(253, 198, 98, 0.15);
border-color: #fdc662;
color: #fdc662;
}
.cek-sondage-radios input[type="radio"] {
width: 14px;
height: 14px;
accent-color: #fdc662;
} .cek-engagement-depot {
margin-top: 24px;
padding: 16px;
background: rgba(192, 57, 43, 0.1);
border: 1px solid rgba(192, 57, 43, 0.3);
border-radius: 10px;
}
.cek-checkbox-engagement {
display: flex;
align-items: flex-start;
gap: 12px;
color: rgba(255, 255, 255, 0.9);
font-size: 14px;
cursor: pointer;
}
.cek-checkbox-engagement input[type="checkbox"] {
width: 20px;
height: 20px;
accent-color: #c0392b;
flex-shrink: 0;
margin-top: 2px;
} @media (max-width: 600px) {
.cek-retour-echantillon-block {
padding: 16px;
}
.cek-retour-avis {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.cek-sondage-radios {
flex-direction: column;
}
.cek-sondage-radios label {
width: 100%;
justify-content: flex-start;
}
}@keyframes cekonay-shake {
10%,90% { transform: translate3d(-1px, 0, 0); }
20%,80% { transform: translate3d(2px, 0, 0); }
30%,50%,70% { transform: translate3d(-4px, 0, 0); }
40%,60% { transform: translate3d(4px, 0, 0); }
}
@keyframes cekonay-spin {
to { transform: rotate(360deg); }
}
.cekonay-flycart-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
z-index: 99998;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
backdrop-filter: blur(2px);
}
.cekonay-flycart-container {
position: fixed;
top: 0;
left: 100%;
width: 100%;
max-width: 420px;
height: 100%;
background: #fff;
z-index: 99999;
display: flex;
flex-direction: column;
transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: -5px 0 20px rgba(0, 0, 0, 0.15);
}
body.cekonay-flycart-open { overflow: hidden; }
body.cekonay-flycart-open .cekonay-flycart-overlay { opacity: 1; visibility: visible; }
body.cekonay-flycart-open .cekonay-flycart-container { left: calc(100% - 420px); }
.cekonay-flycart-header {
padding: 20px;
padding-top: max(20px, env(safe-area-inset-top));
background: #fef3e9;
color: #27221b;
display: flex;
justify-content: space-between;
align-items: center;
flex-shrink: 0;
transition: background-color 0.3s ease, color 0.3s ease;
}
@media (prefers-color-scheme: dark) {
.cekonay-flycart-header { background: #191c21; color: #cdd4f4; }
}
.cekonay-flycart-header h3 { margin: 0; font-size: 18px; font-weight: 600; color: inherit; }
@media (prefers-color-scheme: dark) {
.cekonay-flycart-header h3 { color: #cdd4f4 !important; }
}
.cekonay-flycart-close {
width: 24px;
height: 24px;
background: transparent;
border: none;
color: #27221b;
font-size: 24px;
line-height: 1;
cursor: pointer;
padding: 0;
transition: transform 0.3s ease, opacity 0.3s ease, color 0.3s ease;
opacity: 0.8;
}
@media (prefers-color-scheme: dark) {
.cekonay-flycart-close { color: #cdd4f4; }
}
.cekonay-flycart-close:hover { opacity: 1; transform: scale(1.1); }
.cekonay-flycart-wrapper { display: flex; flex-direction: column; flex-grow: 1; overflow: hidden; }
.cekonay-flycart-content {
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto;
padding: 20px 0;
background: #f8f8f8;
}
@media (prefers-color-scheme: dark) {
.cekonay-flycart-content { background: #24323f; }
}
.cekonay-flycart-content::-webkit-scrollbar { width: 8px; }
.cekonay-flycart-content::-webkit-scrollbar-track { background: #f1f1f1; }
.cekonay-flycart-content::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
.cekonay-flycart-content::-webkit-scrollbar-thumb:hover { background: #999; }
.cekonay-flycart-items { padding: 0; }
.cekonay-flycart-item { padding: 0 20px; margin: 10px 0 0 0; position: relative; }
.cekonay-flycart-item:first-child { margin-top: 0; }
.cekonay-flycart-item-inner {
padding: 10px;
display: flex;
align-items: flex-start;
background: #ffffff;
border-radius: 4px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
}
.cekonay-flycart-item-inner:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.cekonay-flycart-item-image-qty {
display: flex;
flex-direction: column;
align-items: center;
width: 80px;
flex: 0 0 80px;
margin-right: 12px;
}
.cekonay-flycart-item-image {
width: 80px;
height: 80px;
overflow: hidden;
border-radius: 4px;
margin-bottom: 8px;
}
.cekonay-flycart-item-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.cekonay-flycart-qty { display: flex; align-items: center; justify-content: center; }
.cekonay-flycart-qty-btn {
width: 28px;
height: 28px;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border: none;
color: #ffffff;
font-size: 15px;
font-weight: 700;
line-height: 1;
cursor: pointer;
transition: transform 0.3s ease, box-shadow 0.3s ease;
-webkit-tap-highlight-color: transparent;
user-select: none;
box-shadow: 0 2px 6px rgba(102, 126, 234, 0.3);
}
.cekonay-flycart-qty-btn:hover { transform: scale(1.05); box-shadow: 0 4px 12px rgba(102, 126, 234, 0.5); }
.cekonay-flycart-qty-btn:active { transform: scale(0.98); }
.cekonay-flycart-qty-minus { border-radius: 4px 0 0 4px; }
.cekonay-flycart-qty-plus { border-radius: 0 4px 4px 0; }
.cekonay-flycart-qty-input {
width: 32px;
height: 26px;
text-align: center;
border: none;
background: #eeeeee;
color: #444;
font-size: 12px;
font-weight: 600;
padding: 0;
-moz-appearance: textfield;
}
.cekonay-flycart-qty-input::-webkit-inner-spin-button,
.cekonay-flycart-qty-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.cekonay-flycart-qty-input:focus { outline: none; }
.cekonay-flycart-item-details { flex-grow: 1; display: flex; flex-direction: column; min-width: 0; }
.cekonay-flycart-item-name { font-size: 14px; font-weight: 600; color: #222; margin: 0 0 6px 0; line-height: 1.3;max-width: 90%; }
.cekonay-flycart-item-name a { color: #222; text-decoration: none; }
.cekonay-flycart-item-name a:hover { color: #0073aa; }
.cekonay-flycart-item-data {
font-size: 11px;
color: #888;
margin: 4px 0;
line-height: 1.4;
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
align-items: center;
}
.cekonay-flycart-item-data p,
.cekonay-flycart-item-data dl { margin: 0; padding: 0; display: inline-flex; flex-wrap: wrap; gap: 3px; }
.cekonay-flycart-item-data dt { font-weight: 600; display: inline; margin: 0; }
.cekonay-flycart-item-data dd { display: inline; margin: 0; }
.cekonay-flycart-item-data dd:after { content: ' | '; display: inline; margin: 0 4px; color: #ccc; }
.cekonay-flycart-item-data dd:last-child:after { content: ''; }
.cekonay-flycart-item-price { font-size: 13px; color: #666; margin: 0 0 4px 0; }
.cekonay-flycart-item-price .amount { font-weight: 600; color: #333; }
.cekonay-flycart-item-remove {
position: absolute;
top: 10px;
right: 10px;
width: 22px;
height: 22px;
background: #ff4444;
border: none;
border-radius: 50%;
color: #fff;
font-size: 14px;
line-height: 1;
cursor: pointer;
opacity: 0;
transition: opacity 0.3s ease, transform 0.3s ease;
display: flex;
align-items: baseline;
justify-content: center;
-webkit-tap-highlight-color: transparent;
}
.cekonay-flycart-item-inner:hover .cekonay-flycart-item-remove { opacity: 1; }
.cekonay-flycart-item-remove:hover { transform: scale(1.1); background: #cc0000; }
.cekonay-flycart-empty { text-align: center; padding: 60px 20px; color: #999; }
.cekonay-flycart-empty-icon { font-size: 64px; margin-bottom: 20px; opacity: 0.3; }
.cekonay-flycart-empty-text { font-size: 16px; color: #666; }
.cekonay-flycart-footer {
padding: 20px;
padding-bottom: max(20px, env(safe-area-inset-bottom));
background: #fff;
border-top: 1px solid #e0e0e0;
flex-shrink: 0;
}
@media (prefers-color-scheme: dark) {
.cekonay-flycart-footer { background: #d1d0ec; }
}
.cekonay-flycart-total {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
font-size: 16px;
font-weight: 600;
color: #333;
}
.cekonay-flycart-total-label { color: #666; }
.cekonay-flycart-total-amount { color: #333; font-size: 18px; }
.cekonay-flycart-actions { display: flex; gap: 10px; }
.cekonay-flycart-btn {
flex: 1;
padding: 12px 20px;
border: none;
border-radius: 98px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
text-align: center;
text-decoration: none;
transition: all 0.3s ease;
display: inline-block;
}
.cekonay-flycart-btn-cart {
background: #f0f0f0;
color: #333;
border: 2px solid #667eea;
font-weight: 700;
transition: all 0.3s ease;
}
.cekonay-flycart-btn-cart:hover {
background: #667eea;
color: #ffffff;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
}
.cekonay-flycart-btn-checkout {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: #ffffff;
font-weight: 700;
border: none;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
.cekonay-flycart-btn-checkout:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(102, 126, 234, 0.6);
}
.cekonay-flycart-count {
position: fixed;
bottom: max(20px, env(safe-area-inset-bottom, 20px));
right: max(20px, env(safe-area-inset-right, 20px));
width: 60px;
height: 60px;
background: linear-gradient(135deg, #1a1a1a 0%, #000000 100%);
border-radius: 50%;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
cursor: pointer;
z-index: 99997;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease, box-shadow 0.3s ease;
pointer-events: auto !important;
}
.cekonay-flycart-count:hover {
transform: translateY(-4px) scale(1.05);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
}
.cekonay-flycart-count svg { width: 26px; height: 26px; color: #ffffff; stroke: #ffffff; fill: none; }
.cekonay-flycart-count-badge {
position: absolute;
top: -4px;
right: -4px;
min-width: 22px;
height: 22px;
background: #ff4444;
color: #fff;
border-radius: 11px;
font-size: 11px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
padding: 0 6px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.cekonay-flycart-shake { animation: cekonay-shake 0.5s; }
.cekonay-flycart-count-empty { display: none !important; }
.cekonay-flycart-loading { pointer-events: none; opacity: 0.6; }
.cekonay-flycart-loading::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px;
border: 3px solid #f3f3f3;
border-top: 3px solid #667eea;
border-radius: 50%;
animation: cekonay-spin 1s linear infinite;
z-index: 100000;
}
@media (max-width: 768px) {
.cekonay-flycart-container { max-width: 100%; }
body.cekonay-flycart-open .cekonay-flycart-container { left: 0; }
.cekonay-flycart-content {
padding-left: max(0px, env(safe-area-inset-left));
padding-right: max(0px, env(safe-area-inset-right));
}
.cekonay-flycart-count { width: 56px; height: 56px; }
}
@media (max-width: 480px) {
.cekonay-flycart-header {
padding-left: max(20px, env(safe-area-inset-left));
padding-right: max(20px, env(safe-area-inset-right));
}
.cekonay-flycart-footer {
padding-left: max(20px, env(safe-area-inset-left));
padding-right: max(20px, env(safe-area-inset-right));
}
.cekonay-flycart-actions { flex-direction: column; }
.cekonay-flycart-btn { width: 100%; }
.cekonay-flycart-qty-input { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
* {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
}:root {
--header-bg: #fef3e9; --menu-link: #4f5362; }
@media (prefers-color-scheme: dark) {
:root {
--header-bg: #191c21; --menu-link: #a3b2f6; }
} .header_cekonay {
background-color: var(--header-bg) !important;
} .link_header_cekonay a {
color: var(--menu-link) !important;
} .et-l--header > .et_builder_inner_content > .et_pb_section.et_pb_section_0_tb_header {
background-color: #fef3e9 !important;
}
.et-l--header > .et_builder_inner_content > .et_pb_section.et_pb_section_0_tb_header {
background-color: var(--header-bg, #fef3e9) !important;
}body,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
textarea,
select {
font-family: var(--font-system) !important;
} .et_pb_text p,
.et_pb_text h1,
.et_pb_text h2,
.et_pb_text h3,
.et_pb_text h4,
.et_pb_text h5,
.et_pb_text h6,
.et_pb_text li,
.et_pb_text div:not([class*="icon"]):not([class*="et_pb_"]),
.et_pb_text span:not([class*="icon"]):not([data-icon]),
.et_pb_text a:not([class*="icon"]):not([data-icon]), .et_pb_blurb_content p,
.et_pb_blurb_content h1,
.et_pb_blurb_content h2,
.et_pb_blurb_content h3,
.et_pb_blurb_content h4,
#main-content p:not([class*="icon"]),
#main-content h1:not([class*="icon"]),
#main-content h2:not([class*="icon"]),
#main-content h3:not([class*="icon"]),
#main-content h4:not([class*="icon"]),
#main-content h5:not([class*="icon"]),
#main-content h6:not([class*="icon"]),
.entry-content p:not([class*="icon"]),
.entry-content h1:not([class*="icon"]),
.entry-content h2:not([class*="icon"]),
.entry-content h3:not([class*="icon"]),
.entry-content h4:not([class*="icon"]),
.entry-content h5:not([class*="icon"]),
.entry-content h6:not([class*="icon"]) {
font-family: var(--font-system) !important;
}.cekonay-header-cart-auth {
display: inline-flex;
align-items: center;
gap: 12px;
vertical-align: middle;
background: none !important;
max-height: fit-content !important;
height: auto !important;
width: auto !important;
min-height: auto !important;
}
.cekonay-menu-auth {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.4;
position: relative;
display: inline-flex;
align-items: center;
gap: 8px;
vertical-align: middle;
background: none;
height: auto;
} body.cekonay-desktop-mode .cekonay-menu-auth {
--cekonay-mode: 'desktop';
}
body.cekonay-mobile-mode .cekonay-menu-auth {
--cekonay-mode: 'mobile';
}  .cekonay-skeleton-wrapper {
display: inline-flex;
align-items: center;
padding: 8px 12px;
border-radius: 10px;
background: none;  
} .cekonay-desktop-skeleton {
gap: 12px;
min-width: 180px;
} .cekonay-mobile-skeleton {
gap: 0;
width: 44px;
height: 44px;
justify-content: center;
border-radius: 50%;
padding: 4px;
} .cekonay-skeleton-avatar {
width: 32px;
height: 32px;
border-radius: 50%;
background: linear-gradient(110deg, 
#f5f5f5 8%, 
#eeeeee 18%, 
#f5f5f5 33%
);
background-size: 200% 100%;
animation: skeleton-shimmer-light 1.8s ease-in-out infinite;
position: relative;
overflow: hidden;
flex-shrink: 0;
} .cekonay-skeleton-text {
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
.cekonay-skeleton-line {
height: 14px;
border-radius: 7px;
background: linear-gradient(110deg, 
#f0f0f0 8%, 
#e8e8e8 18%, 
#f0f0f0 33%
);
background-size: 200% 100%;
animation: skeleton-shimmer-light 1.8s ease-in-out infinite;
}
.cekonay-skeleton-greeting {
width: 140px;
height: 16px;
}
.cekonay-skeleton-links {
width: 100px;
height: 12px;
} .cekonay-mobile-skeleton .cekonay-skeleton-text {
display: none;
} @keyframes skeleton-shimmer-light {
0% {
background-position: -200% 0;
opacity: 0.8;
}
50% {
background-position: 0% 0;
opacity: 1;
}
100% {
background-position: 200% 0;
opacity: 0.8;
}
} .cekonay-menu-auth.cekonay-refreshing {
opacity: 0.9;
pointer-events: none;
transition: opacity 0.3s ease;
}  .cekonay-color-1 { background: #4299e1 !important; } .cekonay-color-2 { background: #48bb78 !important; } .cekonay-color-3 { background: #ed8936 !important; } .cekonay-color-4 { background: #9f7aea !important; } .cekonay-color-5 { background: #38b2ac !important; }  .cekonay-avatar-initials {
border-radius: 50% !important;
color: white !important;
font-weight: 600 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-transform: uppercase !important;
line-height: 1 !important;
user-select: none !important;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
cursor: pointer !important;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} @media (min-width: 681px) and (hover: hover) and (pointer: fine) {
.cekonay-avatar-initials:hover {
transform: scale(1.05) !important;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}
} .cekonay-avatar-default {
background: #f3f4f6 !important;
color: #9ca3af !important;
}  .cekonay-header-cart-auth:has(.cekonay-not-logged) {
background: none !important;
height: auto !important;
min-height: auto !important;
max-height: fit-content !important;
} .cekonay-not-logged .cekonay-login-link {
display: flex;
align-items: center;
gap: 10px;
color: #667eea;
text-decoration: none;
font-weight: 500;
font-size: 14px;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
padding: 4px 14px;
border-radius: 8px;
border: 1px solid transparent;
background: transparent;
position: relative;
overflow: hidden;
min-height: 44px;
box-sizing: border-box;
white-space: nowrap;
margin: 4px 0;
} .cekonay-login-link::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, 
transparent, 
rgba(102, 126, 234, 0.15), 
transparent
);
transition: left 0.6s ease;
z-index: 1;
}
.cekonay-login-link:hover::before {
left: 100%;
}
@media (min-width: 681px) and (hover: hover) and (pointer: fine) {
.cekonay-login-link:hover {
text-decoration: none;
background: rgba(102, 126, 234, 0.1);
border-color: rgba(102, 126, 234, 0.3);
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(102, 126, 234, 0.2);
}
} .cekonay-login-icon {
display: inline-flex;
align-items: center;
color: #667eea;
transition: all 0.3s ease;
flex-shrink: 0;
z-index: 2;
position: relative;
margin: 0;
padding: 0;
}
.cekonay-login-icon svg {
width: 20px;
height: 20px;
stroke: currentColor;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
@media (min-width: 681px) and (hover: hover) and (pointer: fine) {
.cekonay-login-link:hover .cekonay-login-icon {
color: #764ba2;
transform: scale(1.1);
}
}
.cekonay-login-text {
white-space: nowrap;
font-weight: 600;
z-index: 2;
position: relative;
margin: 0;
padding: 0;
overflow: visible; flex-shrink: 0; }  .cekonay-logged-in .cekonay-user-info {
display: flex;
align-items: center;
gap: 12px;
padding: 8px 12px;
border-radius: 10px;
transition: all 0.2s ease;
min-height: 44px;
position: relative;
}
@media (min-width: 681px) and (hover: hover) and (pointer: fine) {
.cekonay-logged-in .cekonay-user-info:hover {
background: rgba(102, 126, 234, 0.08);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.15);
}
} .cekonay-avatar {
flex-shrink: 0;
position: relative;
}
.cekonay-avatar .cekonay-avatar-initials {
width: 32px;
height: 32px;
font-size: 14px;
} .cekonay-user-text {
display: flex;
flex-direction: column;
min-width: 0;
gap: 4px;
text-align: left;
}
.cekonay-greeting {
color: #374151;
font-size: 14px;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 200px;
line-height: 1.3;
}
.cekonay-greeting strong {
color: #667eea;
font-weight: 600;
}
.cekonay-user-links {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px;
white-space: nowrap;
}
.cekonay-account-link,
.cekonay-logout-link {
color: #667eea !important;
text-decoration: none !important;
font-weight: 500;
transition: all 0.2s ease;
padding: 3px 6px;
border-radius: 4px;
line-height: 1.2;
}
.cekonay-account-link:hover,
.cekonay-logout-link:hover {
color: #764ba2 !important;
text-decoration: none !important;
background: rgba(102, 126, 234, 0.15);
transform: translateY(-1px);
}
.cekonay-separator {
color: #d1d5db;
font-size: 10px;
font-weight: bold;
margin: 0 2px;
}  .cekonay-dropdown-bubble {
position: absolute;
top: calc(100% + 12px);
right: 0;
background: white;
border: 1px solid #e2e8f0;
border-radius: 12px;
box-shadow: 
0 20px 40px rgba(0, 0, 0, 0.15),
0 8px 16px rgba(0, 0, 0, 0.1);
padding: 8px 0;
min-width: 167px;
z-index: 1000;
opacity: 0;
visibility: hidden;
transform: translateY(-8px) scale(0.95);
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
backdrop-filter: blur(8px);
}
.cekonay-dropdown-bubble.active {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
} .cekonay-dropdown-bubble::before {
content: '';
position: absolute;
top: -7px;
right: 20px;
width: 14px;
height: 14px;
background: white;
border: 1px solid #e2e8f0;
border-bottom: none;
border-right: none;
transform: rotate(45deg);
box-shadow: -2px -2px 4px rgba(255, 255, 255, 0.14);
z-index: 2;
} .cekonay-dropdown-item {
padding: 12px 16px;
color: #374151;
font-size: 14px;
cursor: pointer;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.2s ease;
text-decoration: none !important;
font-weight: 500;
line-height: 1.3;
text-align: left !important;
}
.cekonay-dropdown-item:hover {
background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%);
color: #4299e1 !important;
text-decoration: none !important;
transform: translateX(2px);
border-radius:11px;
}
.cekonay-dropdown-item svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
transition: transform 0.2s ease;
}
.cekonay-dropdown-item:hover svg {
transform: scale(1.1);
} @media (max-width: 680px) { .cekonay-not-logged .cekonay-login-link {
padding: 8px;
width: 44px;
height: 44px;
justify-content: center;
border-radius: 50%;
gap: 0;
min-width: 44px;
}
.cekonay-not-logged .cekonay-login-text {
display: none;
}
.cekonay-not-logged .cekonay-login-icon {
margin: 0;
} .cekonay-logged-in .cekonay-user-text {
display: none;
}
.cekonay-logged-in .cekonay-user-info {
gap: 0;
justify-content: center;
padding: 6px;
width: 44px;
height: 44px;
border-radius: 50%;
}
.cekonay-logged-in .cekonay-avatar {
cursor: pointer;
transition: transform 0.2s ease;
}
.cekonay-logged-in .cekonay-avatar:active {
transform: scale(0.95);
}
.cekonay-logged-in .cekonay-avatar .cekonay-avatar-initials {
width: 36px;
height: 36px;
font-size: 15px;
}
.cekonay-dropdown-bubble {
display: none;
}
} @media (max-width: 480px) {
.cekonay-not-logged .cekonay-login-link {
width: 40px !important;
height: 40px !important;
padding: 6px !important;
}
.cekonay-login-icon svg {
width: 18px;
height: 18px;
}
.cekonay-logged-in .cekonay-user-info {
width: 40px !important;
height: 40px !important;
}
.cekonay-logged-in .cekonay-avatar .cekonay-avatar-initials {
width: 32px !important;
height: 32px !important;
font-size: 14px !important;
}
} @media (max-width: 980px) {
.et_pb_menu__wrap {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: nowrap;
flex-direction: row;
} .cekonay-header-cart-auth {
order: 1;
gap: 8px;
}
.et_pb_text_0_tb_header {
order: 1;
} .et_pb_menu__icon.et_pb_menu__cart-button {
order: 2;
} .et_mobile_nav_menu {
order: 3;
}
.et_pb_menu__menu {
display: none;
}
} .cekonay-header-cart-auth {
margin-top: 12px;
}
.cekonay-menu-auth {
display: inline-flex;
align-items: center;
vertical-align: middle;
}
.et_pb_text_0_tb_header {
display: flex;
align-items: center;
justify-content: flex-end;
}
.et_pb_text_0_tb_header .et_pb_text_inner {
display: flex;
align-items: center;
width: 100%;
justify-content: flex-end;
} .cekonay-mobile-dropdown {
background: linear-gradient(135deg, #f8fafc 0%, #edf2f7 100%);
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 8px;
display: none;
animation: slideDownMobile 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
position: absolute;
top: calc(100% + 8px);
left: 50%;
transform: translateX(-50%);
min-width: 200px;
max-width: 90vw;
z-index: 1000;
touch-action: auto;
-webkit-tap-highlight-color: transparent;
} body.cekonay-dropdown-locked::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
z-index: 999;
pointer-events: none;
animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}
.cekonay-mobile-dropdown.active {
display: block;
}
.cekonay-mobile-dropdown-title {
font-weight: 700;
color: #374151;
margin-bottom: 12px;
font-size: 13px;
display: flex;
align-items: center;
gap: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.cekonay-mobile-dropdown-item {
padding: 10px 12px;
margin-bottom: 4px;
color: #4a5568;
font-size: 14px;
cursor: pointer;
display: flex;
align-items: left;
justify-content: flex-start; gap: 12px;
border-radius: 8px;
transition: all 0.2s ease;
text-decoration: none !important;
font-weight: 500;
line-height: 1.4;
min-height: 48px;
box-sizing: border-box;
text-align: left; white-space: nowrap; -webkit-tap-highlight-color: rgba(66, 153, 225, 0.2);
}
.cekonay-mobile-dropdown-item:last-child {
margin-bottom: 0;
}
.cekonay-mobile-dropdown-item:hover,
.cekonay-mobile-dropdown-item:active {
background: white;
color: #4299e1 !important;
text-decoration: none !important;
transform: translateX(4px);
transform: scale(0.98);
box-shadow: 0 2px 8px rgba(66, 153, 225, 0.15);
}
.cekonay-mobile-dropdown-item svg {
width: 18px;
height: 18px;
stroke: currentColor;
fill: none;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
flex-shrink: 0;
margin-right: 0; 
}
@keyframes slideDownMobile {
from {
opacity: 0;
transform: translateX(-50%) translateY(-12px);
}
to {
opacity: 1;
transform: translateX(-50%) translateY(0);
}
}  .et_pb_menu__cart-button,
.et-cart-info,
.et_mobile_menu .et_pb_menu__icon.et_pb_menu__cart-button {
display: none !important;
} .cekonay-cart-icon {
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
padding: 8px;
border-radius: 50%;
min-width: 44px;
min-height: 44px;
transition: all 0.3s ease;
text-decoration: none !important;
margin-right: 1px;
vertical-align: middle;
} @media (prefers-color-scheme: light) {
.cekonay-cart-icon,
.cekonay-cart-icon svg {
color: #667eea;
stroke: #667eea;
}
.cekonay-cart-icon:hover,
.cekonay-cart-icon:hover svg {
color: #764ba2;
stroke: #764ba2;
}
} @media (prefers-color-scheme: dark) {
.cekonay-cart-icon,
.cekonay-cart-icon svg {
color: #667eea;
stroke: #667eea;
}
.cekonay-cart-icon:hover,
.cekonay-cart-icon:hover svg {
color: #764ba2;
stroke: #764ba2;
}
} .cekonay-cart-icon svg {
width: 20px;
height: 20px;
fill: none;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
transition: all 0.3s ease;
} @media (min-width: 681px) and (hover: hover) and (pointer: fine) {
.cekonay-cart-icon:hover {
background: rgba(46, 163, 242, 0.1);
transform: scale(1.05);
border: 1px solid;
border-color:rgba(104, 122, 203, 0.3);
}
@media (prefers-color-scheme: dark) {
.cekonay-cart-icon:hover {
background: rgba(144, 205, 244, 0.15);
border: 1px solid #c973f9;
}
}
} .cekonay-cart-badge {
position: absolute;
top: 2px;
right: 2px;
background: #ff4444;
color: white;
font-size: 11px;
font-weight: 700;
min-width: 18px;
height: 18px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 2px 5px;
line-height: 1;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
animation: badge-appear 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
} @keyframes badge-appear {
0% {
transform: scale(0);
opacity: 0;
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
opacity: 1;
}
} .cekonay-cart-badge[data-count="0"] {
display: none !important;
} @media (max-width: 680px) {
.cekonay-cart-icon {
min-width: 40px;
min-height: 40px;
padding: 6px;
margin-right: 4px;
}
.cekonay-cart-icon svg {
width: 18px;
height: 18px;
}
.cekonay-cart-badge {
min-width: 16px;
height: 16px;
font-size: 10px;
top: 0;
right: 0;
}
}  @media (prefers-color-scheme: dark) {
.cekonay-menu-auth {
--cekonay-text-dark: #f9fafb;
--cekonay-border-dark: #374151;
--cekonay-bg-dark: #1f2937;
--cekonay-dropdown-dark: #111827;
}
.cekonay-greeting {
color: var(--cekonay-text-dark) !important;
}
.cekonay-separator {
color: #6b7280;
}
.cekonay-login-link:hover,
.cekonay-user-info:hover {
background: rgba(102, 126, 234, 0.2) !important;
} .cekonay-dropdown-bubble {
background: var(--cekonay-dropdown-dark) !important;
border-color: var(--cekonay-border-dark) !important;
box-shadow: 
0 20px 40px rgba(0, 0, 0, 0.4),
0 8px 16px rgba(0, 0, 0, 0.3);
}
.cekonay-dropdown-bubble::before {
background: var(--cekonay-dropdown-dark) !important;
border-color: var(--cekonay-border-dark) !important;
}
.cekonay-dropdown-item {
color: var(--cekonay-text-dark) !important;
}
.cekonay-dropdown-item:hover {
background: rgba(102, 126, 234, 0.2) !important;
color: #90cdf4 !important;
}
.cekonay-mobile-dropdown {
background: var(--cekonay-bg-dark) !important;
border-color: var(--cekonay-border-dark) !important;
}
.cekonay-mobile-dropdown-title {
color: var(--cekonay-text-dark) !important;
}
.cekonay-mobile-dropdown-item {
color: #d1d5db !important;
}
.cekonay-mobile-dropdown-item:hover {
background: var(--cekonay-dropdown-dark) !important;
color: #90cdf4 !important;
} .cekonay-skeleton-avatar,
.cekonay-skeleton-line {
background: linear-gradient(110deg, 
#374151 8%, 
#4b5563 18%, 
#374151 33%
) !important;
}
.cekonay-skeleton-wrapper {
background: rgba(55, 65, 81, 0.4) !important;
border-color: rgba(55, 65, 81, 0.6) !important;
}
} @media (prefers-color-scheme: light) { .cekonay-dropdown-bubble {
background: white !important;
border-color: #e2e8f0 !important;
}
.cekonay-dropdown-bubble::before {
background: white !important;
border-color: #e2e8f0 !important;
}
.cekonay-dropdown-item {
color: #374151 !important;
}
.cekonay-dropdown-item:hover {
background: linear-gradient(135deg, #f7fafc 0%, #edf2f7 100%) !important;
color: #4299e1 !important;
}
}  @media (min-width: 681px) {
.cekonay-avatar-mobile {
display: none !important;
}
.cekonay-avatar-desktop {
display: block !important;
} .cekonay-avatar {
pointer-events: none;
}
.cekonay-avatar .cekonay-avatar-initials {
pointer-events: auto;
}
} @media (max-width: 680px) {
.cekonay-avatar-desktop {
display: none !important;
}
.cekonay-avatar-mobile {
display: block !important;
} .cekonay-avatar {
pointer-events: auto;
cursor: pointer;
}
}  @media (min-width: 681px) {
.cekonay-skeleton-wrapper {
min-width: 180px;
padding: 8px 12px;
}
.cekonay-skeleton-text {
display: flex !important;
}
.cekonay-skeleton-greeting {
width: 140px;
}
.cekonay-skeleton-links {
width: 100px;
}
} @media (max-width: 680px) {
.cekonay-skeleton-wrapper {
width: 44px !important;
height: 44px !important;
min-width: 44px !important;
padding: 6px !important;
border-radius: 50% !important;
}
.cekonay-skeleton-text {
display: none !important;
}
.cekonay-skeleton-avatar {
width: 32px !important;
height: 32px !important;
}
}  @media (max-width: 680px), (hover: none), (pointer: coarse) { .cekonay-logged-in .cekonay-user-info:hover,
.cekonay-avatar-initials:hover,
.cekonay-login-link:hover {
background: none !important;
transform: none !important;
box-shadow: none !important;
} .cekonay-avatar:active,
.cekonay-avatar-initials:active {
transform: scale(0.95) !important;
opacity: 0.8;
}
.cekonay-login-link:active {
transform: scale(0.98) !important;
opacity: 0.9;
} .cekonay-mobile-dropdown-item:active {
transform: translateX(2px) scale(0.98) !important;
background: rgba(102, 126, 234, 0.2) !important;
}
}  @media (min-width: 681px) {
.cekonay-dropdown-bubble {
max-width: 200px;
right: 0;
left: auto;
}
.cekonay-logged-in:last-child .cekonay-dropdown-bubble {
right: 0;
left: auto;
}
.cekonay-logged-in:first-child .cekonay-dropdown-bubble {
left: 0;
right: auto;
}
.cekonay-logged-in:first-child .cekonay-dropdown-bubble::before {
left: 20px;
right: auto;
}
}  .cekonay-header-cart-auth {
animation: cekonayMenuAppear 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes cekonayMenuAppear {
0% {
opacity: 0;
transform: translateY(-12px) scale(0.95);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
} .cekonay-header-cart-auth.cekonay-state-changing,
.cekonay-menu-auth.cekonay-state-changing {
animation: cekonayStateTransition 0.6s ease-out;
}
@keyframes cekonayStateTransition {
0%, 100% {
opacity: 1;
transform: scale(1);
}
25% {
opacity: 0.6;
transform: scale(0.95);
}
75% {
opacity: 0.8;
transform: scale(1.02);
}
} @media (max-width: 680px) { .cekonay-avatar,
.cekonay-login-link {
min-width: 44px;
min-height: 44px;
display: flex;
align-items: center;
justify-content: left; 
} .cekonay-mobile-dropdown-item {
min-width: 44px;
min-height: 44px;
display: flex;
align-items: center;
justify-content: flex-start; 
text-align: left;
padding: 12px 14px;
}
} @media (min-width: 681px) and (max-width: 1024px) { .cekonay-user-info {
min-height: 44px;
display: flex;
align-items: center;
cursor: pointer;
padding: 8px 12px;
} .cekonay-mobile-dropdown-item {
min-height: 48px; display: flex;
align-items: center;
justify-content: flex-start;
text-align: left;
padding: 12px 16px;
}
}  .et_pb_module .cekonay-menu-auth,
.et_pb_row .cekonay-menu-auth {
margin: 0;
vertical-align: middle;
}
.et_pb_module .cekonay-account-link,
.et_pb_module .cekonay-logout-link,
.et_pb_module .cekonay-login-link {
color: #667eea !important;
text-decoration: none !important;
}
.et_pb_menu .cekonay-menu-auth {
display: inline-flex;
align-items: center;
vertical-align: middle;
}  .cekonay-login-link:focus-visible,
.cekonay-account-link:focus-visible,
.cekonay-logout-link:focus-visible,
.cekonay-avatar-initials:focus-visible,
.cekonay-dropdown-item:focus-visible,
.cekonay-mobile-dropdown-item:focus-visible {
outline: 3px solid #667eea;
outline-offset: 2px;
border-radius: 6px;
} @media (prefers-contrast: high) {
.cekonay-menu-auth {
--cekonay-primary: #0056b3;
--cekonay-text: #000000;
--cekonay-border: #0056b3;
}
.cekonay-login-link,
.cekonay-account-link,
.cekonay-logout-link {
color: var(--cekonay-primary) !important;
border: 2px solid var(--cekonay-border) !important;
}
.cekonay-greeting {
color: var(--cekonay-text) !important;
}
.cekonay-avatar-initials {
border: 2px solid white !important;
box-shadow: 0 0 0 2px var(--cekonay-border) !important;
}
.cekonay-dropdown-bubble {
border: 2px solid var(--cekonay-border) !important;
}
} @media (prefers-reduced-motion: reduce) {
.cekonay-menu-auth,
.cekonay-menu-auth *,
.cekonay-skeleton-avatar,
.cekonay-skeleton-line,
.cekonay-dropdown-bubble,
.cekonay-mobile-dropdown {
animation: none !important;
transition: none !important;
}
.cekonay-avatar-initials:hover,
.cekonay-login-link:hover {
transform: none !important;
}
}  @media (max-width: 680px) {
.cekonay-menu-auth * {
will-change: auto;
}
.cekonay-mobile-dropdown {
transform: translate3d(-50%, 0, 0);
}
} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.cekonay-avatar-initials {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
} @media print {
.cekonay-header-cart-auth,
.cekonay-menu-auth {
display: none !important;
}
} .cekonay-header-cart-auth {
contain: layout style;
will-change: auto;
}
.cekonay-avatar-initials {
text-rendering: optimizeLegibility;
font-smooth: always;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} .cekonay-login-link,
.cekonay-avatar-initials,
.cekonay-dropdown-bubble,
.cekonay-skeleton-avatar,
.cekonay-skeleton-line {
transform: translateZ(0);
backface-visibility: hidden;
}  .cekonay-dropdown-bubble::before {
content: '';
position: absolute;
top: -7px;
right: 20px;
width: 14px;
height: 14px;
background: white;
border: 1px solid #e2e8f0;
border-bottom: none;
border-right: none;
transform: rotate(45deg);
box-shadow: -2px -2px 4px rgba(248, 248, 248, 0.14);
z-index: 2;
} .cekonay-mobile-dropdown.active::before {
content: '';
position: absolute;
top: -7px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 14px;
height: 14px;
background: #f8fafc; border: 1px solid #e2e8f0;
border-bottom: none;
border-right: none;
box-shadow: -2px -2px 4px rgba(255, 255, 255, 0.14);
z-index: 2;
} @media (prefers-color-scheme: dark) {
.cekonay-dropdown-bubble::before {
background: #111827 !important;
border-color: #374151 !important;
box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.14) !important;
} .cekonay-mobile-dropdown.active::before {
background: #1f2937 !important; border-color: #374151 !important;
box-shadow: -2px -2px 4px rgba(0, 0, 0, 0.14) !important;
}
} @media (prefers-color-scheme: light) {
.cekonay-dropdown-bubble::before {
background: white !important;
border-color: #e2e8f0 !important;
} .cekonay-mobile-dropdown.active::before {
background: #f8fafc !important; border-color: #e2e8f0 !important;
}
}  .cekonay-logged-in .cekonay-user-links {
display: none !important;
} @media (min-width: 681px) { .cekonay-logged-in .cekonay-user-info {
cursor: pointer !important;
padding: 8px 12px !important;
border-radius: 10px !important;
transition: all 0.2s ease !important;
position: relative !important;
}
.cekonay-logged-in .cekonay-user-info:hover {
background: rgba(102, 126, 234, 0) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(102, 126, 234, 0) !important;
} .cekonay-logged-in .cekonay-greeting {
cursor: pointer !important;
transition: color 0.2s ease !important;
}
.cekonay-logged-in .cekonay-user-info:hover .cekonay-greeting {
color: #667eea !important;
} .cekonay-logged-in .cekonay-user-info:hover .cekonay-dropdown-bubble {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) scale(1) !important;
display: block !important;
} .cekonay-dropdown-bubble:hover {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) scale(1) !important;
display: block !important;
} .cekonay-logged-in:hover .cekonay-dropdown-bubble,
.cekonay-logged-in .cekonay-user-info:hover ~ .cekonay-dropdown-bubble,
.cekonay-logged-in .cekonay-avatar:hover ~ .cekonay-user-text ~ .cekonay-dropdown-bubble {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) scale(1) !important;
display: block !important;
}
} @media (max-width: 680px) {
.cekonay-logged-in .cekonay-user-links {
display: none !important;
}
} .cekonay-user-info:hover .cekonay-dropdown-bubble,
.cekonay-dropdown-bubble:hover {
transform: translateY(0) scale(1) !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 9999 !important;
}  @media (max-width: 980px) { .cekonay-header-cart-auth.moved {
margin-right: 6px;
margin-top: 0px;
gap: 6px;
} a[href*="/panier"] {
margin-left: 0;
}
} @media (min-width: 981px) {
.cekonay-header-cart-auth {
margin-top: 16px;
}
} @media (max-width: 980px) {
.cekonay-header-cart-auth {
margin-top: 0;
} .cekonay-header-cart-auth.moved {
margin-top: 0;
}
} .cekonay-dropdown-bubble br,
.cekonay-mobile-dropdown br {
display: none !important;
} @media (min-width: 681px) and (max-width: 1024px) { .cekonay-logged-in .cekonay-user-text {
display: flex !important;
} .cekonay-mobile-dropdown {
display:none;
position: absolute;
right: 0;
left: auto;
top: calc(100% + 8px);
min-width: 200px;
max-width: 280px;
transform: translateX(7%);
}
.cekonay-mobile-dropdown.active {
display: block !important;
} .cekonay-avatar,
.cekonay-user-info {
pointer-events: auto !important;
cursor: pointer !important;
} .cekonay-logged-in .cekonay-user-info:hover {
background: none !important;
transform: none !important;
box-shadow: none !important;
}
}