@media (min-width:981px){.et_pb_gutter.et_pb_gutters2 #left-area{width:77.25%}.et_pb_gutter.et_pb_gutters2 #sidebar{width:22.75%}.et_pb_gutters2.et_right_sidebar #left-area{padding-right:3%}.et_pb_gutters2.et_left_sidebar #left-area{padding-left:3%}.et_pb_gutter.et_pb_gutters2.et_right_sidebar #main-content .container:before{right:22.75%!important}.et_pb_gutter.et_pb_gutters2.et_left_sidebar #main-content .container:before{left:22.75%!important}.et_pb_gutters2 .et_pb_column,.et_pb_gutters2.et_pb_row .et_pb_column{margin-right:3%}.et_pb_gutters2 .et_pb_column_4_4,.et_pb_gutters2.et_pb_row .et_pb_column_4_4{width:100%}.et_pb_gutters2 .et_pb_column_4_4 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_module{margin-bottom:1.5%}.et_pb_gutters2 .et_pb_column_3_4,.et_pb_gutters2.et_pb_row .et_pb_column_3_4{width:74.25%}.et_pb_gutters2 .et_pb_column_3_4 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_3_4 .et_pb_module{margin-bottom:2.02%}.et_pb_gutters2 .et_pb_column_2_3,.et_pb_gutters2.et_pb_row .et_pb_column_2_3{width:65.667%}.et_pb_gutters2 .et_pb_column_2_3 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_2_3 .et_pb_module{margin-bottom:2.284%}.et_pb_gutters2 .et_pb_column_3_5,.et_pb_gutters2.et_pb_row .et_pb_column_3_5{width:58.8%}.et_pb_gutters2 .et_pb_column_3_5 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_3_5 .et_pb_module{margin-bottom:2.551%}.et_pb_gutters2 .et_pb_column_1_2,.et_pb_gutters2.et_pb_row .et_pb_column_1_2{width:48.5%}.et_pb_gutters2 .et_pb_column_1_2 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_2 .et_pb_module{margin-bottom:3.093%}.et_pb_gutters2 .et_pb_column_2_5,.et_pb_gutters2.et_pb_row .et_pb_column_2_5{width:38.2%}.et_pb_gutters2 .et_pb_column_2_5 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_2_5 .et_pb_module{margin-bottom:3.927%}.et_pb_gutters2 .et_pb_column_1_3,.et_pb_gutters2.et_pb_row .et_pb_column_1_3{width:31.3333%}.et_pb_gutters2 .et_pb_column_1_3 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_3 .et_pb_module{margin-bottom:4.787%}.et_pb_gutters2 .et_pb_column_1_4,.et_pb_gutters2.et_pb_row .et_pb_column_1_4{width:22.75%}.et_pb_gutters2 .et_pb_column_1_4 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_4 .et_pb_module{margin-bottom:6.593%}.et_pb_gutters2 .et_pb_column_1_5,.et_pb_gutters2.et_pb_row .et_pb_column_1_5{width:17.6%}.et_pb_gutters2 .et_pb_column_1_5 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_5 .et_pb_module{margin-bottom:8.523%}.et_pb_gutters2 .et_pb_column_1_6,.et_pb_gutters2.et_pb_row .et_pb_column_1_6{width:14.1667%}.et_pb_gutters2 .et_pb_column_1_6 .et_pb_module,.et_pb_gutters2.et_pb_row .et_pb_column_1_6 .et_pb_module{margin-bottom:10.588%}.et_pb_gutters2 .et_full_width_page.woocommerce-page ul.products li.product{width:22.75%;margin-right:3%;margin-bottom:3%}.et_pb_gutters2.et_left_sidebar.woocommerce-page #main-content ul.products li.product,.et_pb_gutters2.et_right_sidebar.woocommerce-page #main-content ul.products li.product{width:30.64%;margin-right:4.04%}} .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}*.CookieNote{ font-family: 'Noto Sans', sans-serif !important; margin:0 !important; font-weight: normal !important; color: #fff !important; font-size: 14px !important; line-height: 1.5 !important; text-rendering: optimizeLegibility !important; text-shadow: none !important; /* text-rendering:4d4d4d optimizeLegibility; */ } #cookienote a{ color: #fff !important; text-decoration: underline !important; font-size: 14px !important; font-weight: normal !important; line-height: 2 !important; } #cnCustomizeDiv a{ text-decoration: none !important; } #cnContentDiv{ grid-area: text1; display: flex; justify-content: flex-start; padding:0px 0px 0px 0px; } #cnHeadDiv{ grid-area: headline; display: flex; justify-content: center; padding:10px 10px 15px 10px; } #cnHead{ font-weight:900 !important; font-size: 20px !important; line-height: 2 !important; font-style: normal !important; background: transparent !important; } #cnInfoText{ display:flex; padding:0 38px 30px 38px; } #cnNote{ font-size: 14px !important; line-height: 1.2 !important; padding-right:20px !important; margin-top: -35px !important; z-index: 10000; } /* @media only screen and (min-width: 1400px) { #cnNote{ padding-left:290px !important; padding-right:40px !important; } .cnCustomizeDivClass, #cnCustomizeDiv0{ padding-left:290px !important; padding-right:40px !important; } } */ #cnAbfrageDiv{ width:20%; float:left; padding:5px; margin:auto; } #cnNavTableDiv{ width:35%; float:left; padding:5px; margin:auto; } ul.CookieNote{ list-style-type: none; } ul.CookieNote > li{ } #cnAbfrageDiv{ display: flex; flex-direction: column; } #cnNote{ height: auto !important; max-height: 85px !important; padding-top: 30px; } #cnContentDiv, #cnNote ,.cnDiv{ max-height: calc(100vh - 350px) !important; z-index: 10; } #cookienote{ display:grid !important; grid-template-areas: 'headline headline headline headline headline headline' 'customize customize customize customize customizelink customizelink' 'text1 text1 text1 text1 text1 text1' 'button1 button1 button2 button2 button3 button3' ; grid-auto-columns: 1fr; grid-gap: 0px; box-sizing: border-box; padding: 20px 10%; position: fixed; bottom:0px; margin-right:auto; margin-left:auto; width: 100% !important; background-color: rgba(3,3,3,.9); clear:both !important; left:0; z-index:99999; min-height: 220px; max-height: calc(100vh) !important; overflow: auto; } @media only screen and (max-width: 868px) { #cookienote{ grid-template-areas: 'headline' 'customize' 'customizelink' 'customizelink2' 'text1' 'buttontext' 'button1' 'button2' 'button3' ; padding: 5px 5px !important; } #cnHead{ font-size: 14px !important; } #cnContentDiv{ padding:50px 0px 10px 0px; } /* #cnNote { height: 120px !important; } */ } #cookienote input{ width:auto; } button.CookieNote, input[type=button].CookieNote{ grid-area: button2; height: auto; height: 60px; width:100%; min-width:100px; max-width:100%; color: #fff; background-color: #b21d05; outline: 0; background-image: none; text-decoration: none; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border:none; white-space: nowrap; padding: 6px 12px; font-size: 14px; margin-bottom:auto; margin-top:0px; margin-left:0px; margin-right:0px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: calc(100% - 30px); border-radius: 5px; } #cnBtnNo{ grid-area: button1; } #cnBtnNo span{ font-size: 10px; } #cnBtnCustomize{ grid-area: button3; background-color: transparent !important; } #cnSaveCustomize{ grid-area: button3; display:none; } /* .cnButtonCustomize{ margin-right:260px !important; } */ #cnCustomizeDiv{ display:none; grid-area: customize; max-height:180px; overflow:auto; margin-bottom:10px; } .cnCustomizeDivClass{ display:none; margin-bottom: 35px; } #cnCustomizeLinkOption{ display:none; text-align: left; } #cnCustomizeLink2{ display:none; } #cnCustomizeLink{ grid-area: customizelink; text-align: center; margin-bottom:10px; display:none; } #cnBtnYes{ display:none; } #cnContentDiv2{ grid-area: customizelink2; /* width: 250px; */ } #cnCustomizeLinkOption{ grid-area: buttontext; } /* Buttons */ #cnBtnNo{ border: 1px solid #a4a4a4; line-height: 1.1 !important; /* border-radius: 10px 0 0 10px; */ } #cnBtnYes{ border-top: 1px solid #a4a4a4; border-bottom: 1px solid #a4a4a4; border: 1px solid #a4a4a4; } #cnBtnCustomize, #cnSaveCustomize{ border: 1px solid #a4a4a4; /* border-radius: 0 10px 10px 0; */ } #cnSaveCustomize{background:#179314 !important;} #cnBtnNo:hover, #cnBtnYes:hover, #cnBtnCustomize:hover{opacity:0.8;} #cnCustomizeLinkOption { margin-bottom: 30px; } @media only screen and (max-width: 868px) { #cnCustomizeLink{ margin-bottom: 30px; } #cnContentDiv { padding: 30px 20px 10px 20px; } /* Buttons Mobile 1 */ #cnBtnNo, #cnBtnYes{ border: 1px solid #a4a4a4; line-height: 1.1 !important; /* border-radius: 0px 0 0 0px; */ margin-bottom:10px !important; } #cnBtnCustomize, #cnSaveCustomize{ border: 1px solid #a4a4a4; /* border-radius: 0 0px 0px 0; */ } #cnCustomizeLinkOption { margin-bottom: 30px; } #cnCustomizeDiv { padding: 20px; max-height: calc(30vh); } #cnCustomizeLink { padding:10px; } /* Ende Buttons Mobile 1 */ } @media only screen and (max-width: 675px) { #cnNote{ height: 200px; } } .cookienotecount0{ /*display: none !important;*/ } #cookienote .switch { position: relative; display: inline-block; width: 40px; height: 20px; } /* Verstecken der Checkbox */ #cookienote .switch input { opacity: 0; width: 0; height: 0; } /* Stil für den Slider */ #cookienote .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; transition: .4s; border-radius: 34px; } #cookienote .slider:before { position: absolute; content: ""; height: 15px; width: 15px; left: 4px; bottom: 2px; background-color: white; transition: .4s; border-radius: 50%; } /* Checkbox ist gecheckt */ #cookienote input:checked + .slider { background-color: #2196F3; } #cookienote input:checked + .slider:before { transform: translateX(16px); } #cookienote input:disabled + .slider { background-color: #e6e6e6 !important; cursor: not-allowed; } #cookienote input:disabled + .slider:before { background-color: #bfbfbf !important; } #cnCloseDiv{ position: absolute; right: 13px; top: 7px; display:none; /* background: #fff; */ height: 15px; width: 15px; z-index: 1000000; } #cnCloseDiv a{ text-decoration: none !important; } #cookienote.cookienotehidden{ display: none !important; } #cookienote .slider { min-height: auto; margin: 0; } #cookienote input:checked + .slider { background-color: #b3bba7 !important; }