/*open sans*/ @font-face { font-family: 'OpenSans-Light'; src: url('/fonts/OpenSans-Light.v42.eot'); src: url('/fonts/OpenSans-Light.v42.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Light.v42.woff') format('woff'), url('/fonts/OpenSans-Light.v42.ttf') format('truetype'), url('/fonts/OpenSans-Light.v42.svg#OpenSans-Light') format('svg'); font-weight:normal; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('/fonts/OpenSans-Regular.v42.eot'); src: url('/fonts/OpenSans-Regular.v42.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Regular.v42.woff') format('woff'), url('/fonts/OpenSans-Regular.v42.ttf') format('truetype'), url('/fonts/OpenSans-Regular.v42.svg#OpenSans-Regular') format('svg'); font-weight:normal; font-style: normal; } @font-face { font-family: 'OpenSans'; src: url('/fonts/OpenSans-Italic.v42.eot'); src: url('/fonts/OpenSans-Italic.v42.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Italic.v42.woff') format('woff'), url('/fonts/OpenSans-Italic.v42.ttf') format('truetype'), url('/fonts/OpenSans-Italic.v42.svg#OpenSans-Italic') format('svg'); font-weight:normal; font-style: italic; } @font-face { font-family: 'OpenSans-Semibold'; src: url('/fonts/OpenSans-Semibold.v42.eot'); src: url('/fonts/OpenSans-Semibold.v42.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Semibold.v42.woff') format('woff'), url('/fonts/OpenSans-Semibold.v42.ttf') format('truetype'), url('/fonts/OpenSans-Semibold.v42.svg#OpenSans-Semibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Bold'; src: url('/fonts/OpenSans-Bold.v42.eot'); src: url('/fonts/OpenSans-Bold.v42.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-Bold.v42.woff') format('woff'), url('/fonts/OpenSans-Bold.v42.ttf') format('truetype'), url('/fonts/OpenSans-Bold.v42.svg#OpenSans-Bold') format('svg'); font-weight:normal; font-style: normal; } @font-face { font-family: 'OpenSans-ExtraBold'; src: url('/fonts/OpenSans-ExtraBold.v42.eot'); src: url('/fonts/OpenSans-ExtraBold.v42.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-ExtraBold.v42.woff') format('woff'), url('/fonts/OpenSans-ExtraBold.v42.ttf') format('truetype'), url('/fonts/OpenSans-ExtraBold.v42.svg#OpenSans-ExtraBold') format('svg'); font-weight:normal; font-style: normal; } @font-face { font-family: 'OpenSans-CondBold'; src: url('/fonts/OpenSans-CondBold.v42.eot'); src: url('/fonts/OpenSans-CondBold.v42.eot?#iefix') format('embedded-opentype'), url('/fonts/OpenSans-CondBold.v42.woff') format('woff'), url('/fonts/OpenSans-CondBold.v42.ttf') format('truetype'), url('/fonts/OpenSans-CondBold.v42.svg#OpenSans-ExtraBold') format('svg'); font-weight:normal; font-style: normal; } /*logo font*/ @font-face { font-family: 'logo'; src: url('/fonts/logo.v42.ttf'); src: url('/fonts/logo.v42.ttf') format('truetype'); font-style: normal; } /*icon font*/ @font-face {font-family: "iconfont"; src: url('/fonts/iconfont.v42.eot'); src: url('/fonts/iconfont.v42.eot?#iefix') format('embedded-opentype'), url('/fonts/iconfont.v42.woff') format('woff'), url('/fonts/iconfont.v42.ttf') format('truetype'), url('/fonts/iconfont.v42.svg#iconfont') format('svg'); } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } /*category*/ .icon-alimentation:before{content: "\e60d";} .icon-animalerie:before{content: "\e60a";} .icon-art:before{content: "\e60c";} .icon-auto:before{content: "\e61e";} .icon-beaute:before{content: "\e619";} .icon-bebe:before{content: "\e608";} .icon-culture:before{content: "\e602";} .icon-electronique:before{content: "\e607";} .icon-fleurs:before{content: "\e615";} .icon-fournitures:before{content: "\e606";} .icon-jouets:before{content: "\e611";} .icon-livres:before{content: "\e603";} .icon-magasins:before{content: "\e60f";} .icon-maison:before{content: "\e605";} .icon-mariage:before{content: "\e626";} .icon-informatique:before{content: "\e60b";} .icon-electromenager:before{content: "\e61d";} .icon-mode:before{content: "\e616";} .icon-photographie:before{content: "\e612";} .icon-professionnel:before{content: "\e61b";} .icon-sante:before{content: "\e614";} .icon-services:before{content: "\e610";} .icon-sports:before{content: "\e60e";} .icon-voyage:before{content: "\e618";} /*singleproductpage*/ .icon-mobilier:before{content: "\e630";} .icon-bricolage:before{content: "\e603";} .icon-internet:before{content: "\e63e";} .icon-chaussures:before{content: "\e643";} .icon-pret:before{content: "\e63c";} .icon-lingerie:before{content: "\e63f";} .icon-parfumerie:before{content: "\e632";} .icon-bijoux:before{content: "\e645";} .icon-cadeaux:before{content: "\e615";} .icon-jeux:before{content: "\e63d";} .icon-grandes:before{content: "\e644";} .icon-consommable:before{content: "\e635";} .icon-enfance:before{content: "\e63b";} .icon-bio:before{content: "\e642";} .icon-finance:before{content: "\e640";} /*five icon*/ .icon-tout:before{content: "\e62a";} .icon-offres:before{content: "\e63a";} .icon-codepromo:before{content: "\e601";} .icon-livraison:before{content: "\e61a";} .icon-cadeau:before{content: "\e615";} /*other*/ .icon-search:before{content: "\e604";} .icon-cut:before{content: "\e600";} .icon-heart:before{content: "\e625";} .icon-up:before{content: "\e61c";} .icon-down:before{content: "\e636";} .icon-right:before{content: "\e62b";} .icon-left:before{content: "\e617";} .icon-next:before{content: "\e613";} .icon-alpha:before{content: "\e623";} .icon-qrcode:before{content: "\e624";} .icon-arrow:before{content: "\e622";} .icon-facebook:before{content: "\e61f";} .icon-twitter:before{content: "\e620";} .icon-google:before{content: "\e621";} .icon-date:before{content: "\e629";} .icon-time:before{content: "\e62c";} .icon-good:before{content: "\e637";} .icon-bad:before{content: "\e62e";} .icon-smile:before{content: "\e638";} .icon-cry:before{content: "\e639";} .icon-eye:before{content: "\e627";} .icon-more:before{content: "\e631";} .icon-star:before{content: "\e633";} .icon-fire:before{content: "\e609";} .icon-close:before{content: "\e628";} .icon-chat:before{content: "\e62f";} .icon-cycle:before{content: "\e62d";} @charset "utf-8"; /*cssreset*/ html,body,div,i,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,input,button,footer,article,aside,header,section,nav,figure,figcaption,hgroup,fieldset,textarea,img,a,span,*{margin:0;padding:0;list-style:none;border:none;outline:none;font-style:normal;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;} h1,h2,h3,h4,h5,h6{font-weight:normal;} input[type="submit"],input[type="reset"],input[type="button"],select,button {-webkit-appearance:none;} input,input:focus,input:active{user-select:text;} textarea{resize:none;} html{width:100%;font-size:100%;} body{width:100%;height:auto;background-color:#edf1ee;color:#555;font-family:arial,sans-serif;font-weight:normal;font-size:0.875rem;position:relative;} h1,h2,h3,h4,h5,h6{ font-family:arial,sans-serif!important;} .clearfix{ clear:both} .clearfix:after{ content:" "; clear:both; display:block; height:0} .crumbs{margin-bottom:20px;border-bottom:1px solid #dcdcdc;} .crumbs ul{overflow:hidden;} .crumbs ul li{display: inline-block;cursor:pointer;} .crumbs ul a:hover{color:#fa9e0c;} .crumbs ul li a{padding:10px;display:inline-block;color:#666;font-size:14px;} /*common*/ .p2{display:none;} .content_area{width:1200px;margin:0 auto;overflow:hidden;} a{text-decoration:none;color:#888;} .red{background-color:#c72d2d;color:#fff; } .green{background-color:#39b54a!important;color:#fff!important; } .blue{background-color:#368fe0;color:#fff; } .purple{background-color:#7f1d9f;color:#fff;} .orange{background-color:#fa9e0c;color:#fff;} .border_red{border-left:0.25rem solid #c72d2d!important;} .border_green{border-left:0.25rem solid #39b54a!important;} .border_blue{border-left:0.25rem solid #368fe0!important;} .border_purple{border-left:0.25rem solid #7f1d9f!important;} .border_orange{border-left:0.25rem solid #fa9e0c!important;} .green_font{color:#39b54a;} .orange_font{color:#fa9e0c;} .blue_font{color:#368fe0;} .purple_font{color:#7f1d9f;} .red_font{color:#c72d2d} .white{background:#fff;} .black{color:#0B0B0B;} .hide{display:none;} .show{display:block;} .green_line{border-bottom:3px solid #39b54a;} .orange_line{border-bottom:3px solid #fa9e0c;} .line{border-right:1px solid #e9e9e9;} .border_three{border:1px solid #dcdcdc;border-bottom:none;} .border_one{border-bottom:1px solid #dcdcdc;} .border_one_top{border-top:1px solid #dcdcdc;} .no_margin_r{margin-right:none!important;} .one_row{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .two_row{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow: hidden;} .ac_orange:hover{color:#fa9e0c;} .ac_green:hover{color:#39b54a;} .a_opacity:hover{opacity:0.8;} .ab_orange:hover{background-color:#fa9e0c;color:#fff;} .ab_green:hover{background-color:#39b54a;color:#fff;} /*coupon_single (store,all_coupon,search_result,sale02)*/ .coupon_single{overflow:hidden;} .coupon_single h1,.coupon_single h2{font-size:1.5rem;color:#fa9e0c;padding-bottom:1rem;} .coupon_single h2{padding-top:0px;} .coupon_ajax_wrapper{margin-right:-1rem;overflow:hidden;clear:both;} .coupon_ajax{width:50%;padding:0 1rem 1rem 0;float:left;} .a11_coupon_01{width:100%;height:auto;} .coupon_up{width:100%;height:7rem;overflow:hidden;position:relative;} .ca{width:5rem;height:5rem;border:1px dashed #dcdcdc;position:absolute;top:10px;left:10px;} .ca i{width:100%;text-align:center;padding-top:0.5rem;display:inline-block;} .ca i:nth-of-type(1){font-size:2.1875rem;} .red_font_size{font-size:1.5rem!important;letter-spacing:-1px;} .ca i:nth-of-type(2){text-align:center;padding:2px 0;font-size:0.75rem;line-height:0.75rem;position:absolute;bottom:0;left:0;} .de{width:100%;padding:10px 5.5rem 0 7rem;} .de span,.de a{display:block;} .old_title{white-space:nowrap;padding:0.25rem 0 0.75rem 0;overflow:hidden;text-overflow:ellipsis;color:#888;} .new_title{font-size:1rem;color:#000;font-weight:bold;line-height:1.25rem;} .coupon_btn{display:block;width:8rem;height:2rem;border-radius:1.5rem 0 1.5rem 0;line-height:2rem;text-align:center;transition:all 0.5s;} .store_logo{width:4.5rem;height:4.5rem;border:1px dashed #dcdcdc;display:table;position:absolute;right:10px;top:10px;} .store_logo a{display:table-cell;vertical-align:middle;text-align:center;} .store_logo img{width:80%;} .coupon_down{width:100%;height:1.75rem;background-color:#f5f5f5;border-bottom:1px solid #dcdcdc;padding-left:0.75rem;overflow:hidden;} .thumbs{overflow:hidden;padding-top:0.4375rem;color:#888;} .thumbs li{float:left;padding:0 0.5rem;font-size:0.75rem;border-left:1px solid #dcdcdc;} .thumbs li:nth-of-type(1){padding-left:0;border:none;} .thumbs li:nth-of-type(3),.thumbs li:nth-of-type(5){cursor:pointer;} .thumbs li:nth-of-type(5){padding-right:0;border:none;} .thumbs li a{color:#39b54a;} .thumbs li span{margin-left:0.25rem;} .coupon_more{display: block;text-align: center;font-size:1.125rem;padding-bottom:6.875rem;cursor:pointer;} /*store_filter(search,all_store)*/ .store_filter{overflow:hidden;} .store_filter a{width:15.2666%;height:9.375rem;border-top:3px solid #39b54a;border-bottom:3px solid #39b54a;border-radius: 0 0 1.25rem 1.25rem;margin:0.7%;text-align:center;padding-top:0.9375rem;float:left;position: relative;box-shadow:0 0 1px #dcdcdc inset;overflow:hidden;} .store_filter a p{padding-top:1.315rem;color:#222;} .store_filter a img{max-width: 72%;max-height:3.5rem;} /*single_l_con02(single_category,sale)*/ .single_l_con02{margin-top:1.5rem;} .single_l_con02 h2{font-size:1.5rem;padding:1rem;margin-bottom:1.25rem;} .single_l_con02 a{float:left;width:18%;height:9.375rem;margin:1%;border-radius:0 0 1.25rem 1.25rem;text-align:center;border-top:3px solid #39b54a;position: relative;} .single_l_con02 a img{max-height: 70%;max-width: 75%;margin-top:0.625rem;} .single_l_con02 a p{padding:1.25rem 0.3125rem 0;color:#666;} /*mouseover*/ .a_line:hover{text-decoration:underline;} .b_line:hover{text-decoration:underline;} .a_orange { transition: all 0.2s; } .a_orange:hover { color:#fa9e0c!important; } .a_green { transition: all 0.2s; } .a_green:hover { color:#39b54a!important; } .a_blue { transition: all 0.2s; } .a_blue:hover { color:#368fe0!important; } .a_red { transition: all 0.2s; } .a_red:hover { color:#c72d2d!important; } .a_purple:hover { color:#7f1d9f!important; } .a_white:hover { color:#fff!important; } .a_bg_orange:hover{background:#fa9e0c!important;} .a_bg_green:hover{background:#39b54a!important;} .ab_black:hover{background-color:#f6f6f6!important;} .category a:hover{color:#39b54a;} .store_hide a:hover{color:#fff!important;background-color:#fa9e0c;} .rotate_a:hover{transform:rotate(360deg);} .scale_a:hover{transform:scale(2,2);} .deal:hover{opacity:0.8;} .all_coupon_nav a:hover,.header_nav_hide a:hover{color:#39b54a!important;} .de a:hover{border-radius:0;} .thumbs_cli:hover{color:#39b54a;} .promotions li a:hover,.thumbs li a:hover,.index_promotions li a:hover{color:#fa9e0c} /*banner*/ .acti_banner{margin-bottom:1rem;} .acti_banner a{display:block;} .acti_banner img{width:100%;} .coupon_content .coupon_btn, .coupon_up .coupon_btn{ position:relative} .christmas_icon_1, .christmas_icon_2, .christmas_icon_3{ background:url(../images/christmas_icon_1.png) no-repeat; position:absolute} .christmas_icon_1{ width:40px; height:51px; background-position:0 0; right:-28px; top:-12px} .christmas_icon_2{ width:48px; height:51px; background-position:0 -72px; right:-28px; top:-16px} .christmas_icon_3{ width:58px; height:53px; background-position:0 -141px; right:-28px; top:-20px} .coupon_01 .deal .christmas_icon_1{ background-position:0 -216px; right:-20px; top:-10px} .coupon_01 .deal .christmas_icon_2{ background-position:0 -297px; right:-22px; top:-10px} .coupon_01 .deal .christmas_icon_3{ right:-24px; top:-17px} .soldes_icon_1,.soldes_icon_2,.soldes_icon_3{ background:url(../images/summer_icon_1.png) no-repeat; position:absolute; width:42px; height:46px; right:-28px; top:-8px} .amazon_logo{width:5.5rem;height:5.5rem;border:1px dashed #dcdcdc;display:table;position:absolute;left:15px;} .amazon_logo a{display:table-cell;vertical-align:middle;text-align:center;} .amazon_logo img{width:80%;} .primeday_tips{ color:#f94e3f; padding:0 0 6px 0} .primeday_tips strong{ font-weight:bold} @charset "utf-8"; .bag_img{width:100%;height:100%;position:fixed;top:0;z-index:3;} .bag_img>img{ position:absolute; left:50%;margin-left:-957px} .common_header{width:100%;background-color:#fff;box-shadow:0 0 0.5rem #d2d2d2;margin-bottom:1.5rem;position:relative;border-bottom:1px solid #d2d2d2;z-index:9999;} .head_con{width:1200px;height:5rem;margin:0 auto;} .logo_url{float:left;margin:0.625rem 0.5rem 0 0;position:relative;overflow:hidden;z-index:9;} .logo_url h1,.logoframe{font-size:2.5rem;line-height:1;color:#333;font-family:'logo'!important;font-weight:bold;letter-spacing:-1px;margin-left:-0.125rem;} .green_logo{color:#39b54a;} .logo_url p{font-size:0.75rem;} .logoframe span{color:rgba(255,255,255,0.00001);position:absolute;left:0;top:0;font-size:0.75rem;} .head_nav{float:right;} .head_nav>a,.nav_cate,.nav_cate_2{height:5rem;line-height:5rem;color:#000;float:left;/*margin-left:3.68rem;*/margin-left:1.8rem;cursor:pointer;} .nav_cate>a,.nav_cate_2>a{display:inline-block;color:#000; height:100%;} .head_nav>a:before,.nav_cate>a:before,.nav_cate_2>a:before{display:inline-block; content: '[';} .head_nav>a:after,.nav_cate>a:after,.nav_cate_2>a:after{display:inline-block; content: ']';} .head_nav>a:before,.nav_cate>a:before,.nav_cate_2>a:before,.head_nav>a:after,.nav_cate>a:after,.nav_cate_2>a:after{ color:#39b54a; opacity:0; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transition: opacity 0.2s,transform 0.3s; -webkit-transition: opacity 0.2s,transform 0.3s; -moz-transition: opacity 0.2s,transform 0.3s; -o-transition: opacity 0.2s,transform 0.3s; } .head_nav>a:hover:before,.nav_cate>a:hover:before,.nav_cate_2>a:hover:before{opacity: 1; transform: translateX(-0.75rem); -webkit-transform: translateX(-0.75rem); -moz-transform: translateX(-0.75rem); -o-transform: translateX(-0.75rem); -ms-transform: translateX(-0.75rem);} .head_nav>a:hover:after,.nav_cate>a:hover:after,.nav_cate_2>a:hover:after{opacity: 1; transform: translateX(0.75rem); -webkit-transform: translateX(0.75rem); -moz-transform: translateX(0.75rem); -o-transform: translateX(0.75rem); -ms-transform: translateX(0.75rem);} .vacances{background-position:right 10px;background-size:2rem auto;background-repeat:no-repeat;} .nav_categories,.nav_categories_2{width:100%;padding:0.5rem 1rem 0.5rem 1rem;background-color:#fff;border-top:1px solid #d2d2d2;border-bottom:1px solid #edf1ee;position:absolute;top:5rem;left:0;display:none;transition:all 1s;} .nav_categories:after,.nav_categories_2:after{content:''; display: block; clear:both;} .nav_categories>p{font-size: 0.875rem; line-height: 3rem; color:#888;font-family:'OpenSans',arial,sans-serif;} .nav_categories>a,.nav_categories_2>a{float:left;width:16.666%;height:3rem;line-height:3rem;} .nav_categories>a>i,.nav_categories_2>a>i{width:2rem;height:3rem;line-height:3rem;font-size:1.25rem;color:#bbb;float:left;} .nav_categories .all_cate{font-size:1.25rem;color:#000;} .all_stores_magasins{color:#fa9e0c;} .nav_show{display:block!important;} .nav_cate_2{ position:relative} .nav_categories_2{ width:250%; left:-30px; box-shadow:0 3px 3px rgba(0,0,0,0.12);} .nav_categories_2 > a{ width:100%} @media screen and (min-width:1200px){ .nav_cate:hover .nav_categories,.nav_cate_2:hover .nav_categories_2{display:block;} } .easter_icon, .summer_icon{ color:#f59206!important; position:relative} .easter_icon i{ background:url(../images/easter_icon.png) no-repeat; position:absolute; top:15px; left:-38px; width:39px; height:44px; display:inline-block} .summer_icon i{ background:url(../images/summer_icon.png) no-repeat; position:absolute; top:12px; left:-30px; width:35px; height:35px; display:inline-block} /*mobile*/ .mobile_icon-down,.mobile_icon-down_2{display:none!important; margin-left:1rem;} .mobile_nav,.mobile_search{width:3.5rem;height:100%;text-align:center;line-height:3.5rem;font-size:1.5rem;border-right:1px solid #f4f4f4;left:0;} .mobile_search{left:auto;right:0;z-index:9;color:#39b54a;border-right:none;font-size:1rem;color:#dcdcdc;} .mobile_search,.mobile_nav{position:absolute;display:none!important;cursor:pointer;z-index:99;} /*search*/ .hide{display:none;} .head_search{width:27.4rem;float:left;margin-top:1.075rem; position:relative; margin-left:5rem} .head_search form{width:100%;height:2.875rem;position:relative;z-index:1;} .head_search button{width:3.5rem;height:2.875rem;font-size:1.25rem;color:#39b54a;position:absolute;right:0;bottom:0;cursor:pointer; background:transparent} .search_input{width:100%;height:100%;} .search_input input[type="text"]{width:100%;height:100%;padding-left:1.125rem; background-color:#fff; border:1px solid #ccc; border-radius:1.4rem} .focused .search_input input[type="text"]{ border:none; border-radius:0; background-color:#f6f6f6} .search_001,.search_suggest{position:absolute;} .search_001 ul,.search_default{width:100%;overflow:hidden;top:0px!important;box-shadow:0.25rem 0.25rem 0.5rem #ccc;} .search_001 li{width:100%;height:3rem;line-height:3rem;border-bottom:1px solid #f6f6f6;background-color:#fff;padding:0 0.25rem;overflow:hidden;} .search_001 a{width:100%;height:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;} .search_001 span:nth-of-type(2){margin:0 0.5rem;} .s_logo{width:4rem;height:3rem;position:relative;float:left;} .s_logo img{max-width:100%;max-height:100%;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;} .gray{color:#ee9911;font-size:0.75rem;} .search_suggest{width:27.6rem;display:none;} .search_default{width:100%;background-color:#fff;padding:0.75rem 0.25rem;padding-left:2rem;} .search_default>li{width:50%;padding:0.625rem 0.5rem;float:left;} .search_default>li>a{width:100%;display:block;} i.icon-fire{font-size:1.25rem;color:#ccc;position:absolute;left:0.5rem;top:0.875rem;} .search_icon{width:3.5rem;height:3.5rem;color:#39b54a;border-left:1px solid #f4f4f4;position:absolute;top:0;right:0;cursor:pointer;font-size:1.5rem;line-height:3.5rem;text-align:center;z-index:100;display:none;} @-webkit-keyframes inputHighlighter { from { width:100px} to { width:0} } @-moz-keyframes inputHighlighter { from { width:100px } to { width:0} } @-ms-keyframes inputHighlighter { from { width:100px } to { width:0} } @-o-keyframes inputHighlighter { from { width:100px } to { width:0} } @keyframes inputHighlighter { from { width:100px } to { width:0} } @media screen and (max-width:1199px){ .head_nav>a:before,.head_nav>a:after,.nav_cate>a:before,.nav_cate_2>a:before,.nav_cate>a:after,.nav_cate_2>a:after{display:none;} .nav_cate_2>.ac_orange{color:#000;} .head_con{width:100%;height:3.5rem;padding:0 1rem;} .mobile_icon-down,.mobile_icon-down_2{display:inline-block!important;} .nav_cate>a>i,.nav_cate_2>a>i{display: none!important;} .mobile_nav{display:block!important;} .logo_url p{display:none;} .head_nav{width:100%;position:fixed;left:0;top:3.5rem;bottom:auto;background-color:#fff;box-shadow:1px 1px 0.5rem #ccc;display:none;} .head_nav>a,.nav_cate,.nav_cate_2{height:2.5rem;line-height:2.5rem;margin-left:0;margin-right: 0; width:100%; padding:0 3rem 0 1rem} .logo_url h1, .logoframe{font-size:1.75rem;} .head_search{margin-top:0.3rem;margin-right:0; float:right} .logo_url{margin:0 0 0 3.5rem;} .logo_url h1,.logoframe{height:3.5rem;line-height:3.5rem;} .nav_categories,.nav_categories_2{top:2.5rem;} .nav_categories>a,.nav_categories_2>a{width:25%;} .vacances{background-position:right 0;background-size:1.5rem auto;} .toggle_show_p{display:block!important;} .nav_show{display:block!important;} .easter_icon i, .summer_icon i{ display:none} .nav_categories_2{ width:100%; left:0; box-shadow:none} } @media screen and (max-width:768px){ .common_header{margin-bottom:1rem;} .head_search{ width:24rem} .search_suggest{ width:24rem} } @media screen and (max-width:767px){ .mobile_icon-down_2{margin-left:1.3rem} .head_search button{width:3rem;height:3rem;line-height:3rem;text-align:center;font-size:1.5rem;color:#39b54a;background-color:#f6f6f6;} .head_search{width:100%;height:3.5rem;position:absolute;bottom:0;right:0;margin-top:0;transition:all 0.3s ease;} .head_search>form{height:3rem;padding-right:2.5rem;transition:all 0.3s ease;display:none;} .search_001,.search_suggest{width:100%;} .head_nav>a, .nav_cate,.nav_cate_2{clear:both;height:auto;padding-left:1rem;} .nav_categories,.nav_categories_2{border-top:none;position:relative;top:0;padding:0;} .nav_categories>a,.nav_categories_2>a{width:50%;} .head_nav{overflow-x:hidden;overflow-y:auto;max-height:80%;max-height:-moz-calc(100% - 56px);max-height:-webkit-calc(100% - 56px);max-height:calc(100% - 56px);} .search_default>li{padding:0.5rem;} .search_default>li>a{font-size:12px;} /*search*/ .search_icon{display:block;} .focused .search_icon{display:none;} .focused #acsearch_001{opacity:1;display:block;} .focused .search_suggest{display:block;} .head_search.focused{top:100%;} .focused .mobile_search{display:block!important;} button::-moz-focus-inner{ border:0; padding:0; margin:0} .bar{ position:absolute; bottom:-2px; left:0; width:100%; height:2px; background-color:#39b54a; -moz-transform:scale(0,1); -ms-transform:scale(0,1); -o-transform:scale(0,1); -webkit-transform:scale(0,1); transform:scale(0,1); transition: transform 0.3s cubic-bezier(0.2, 0, 0.03, 1) 0s;} input:focus ~ .bar{ -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1); transform:scale(1,1)} .highlight{ position:absolute; height:70%; top:0.5em; left:0; opacity:0.5; pointer-events:none; background-color:#39b54a;} input:focus ~ .highlight{ -webkit-animation:inputHighlighter 0.3s ease; -moz-animation:inputHighlighter 0.3s ease; -ms-animation:inputHighlighter 0.3s ease; -o-animation:inputHighlighter 0.3s ease; animation:inputHighlighter 0.3s ease;} } footer{width:100%;padding-top:0.5rem;background-color:#fff;margin-top:1rem;border-top:1px solid #edf1ee;padding-bottom: 80px;} footer a{display:inline-block;} .copyright{float:left;padding:0.5rem 0;} .copyright a{font-family:"logo"!important;color:#3a3a3a;font-size:1rem;} .copyright i{color:#22aa66;font-style:normal;} .copyright span{font-size:0.875rem; color:#555;} .foot_link{float:right;padding:1rem 0 1rem;color:#666; text-align: center;} .social_net a{color:#ccc;font-size:2.5rem;margin-right:0.75rem;} .right_fixed{position:fixed;right:0;bottom:5rem;} .right_fixed span{display:block;width:3rem;height:3rem;line-height:3rem;text-align:center;z-index:999;box-shadow:0 0 1rem #aaa;cursor:pointer;font-size:2.5rem;color:#ee9911;opacity:0.9;background-color:rgba(255,255,255,0.8);} iframe{width:100%!important;height:0;background-color:#fff!important;} .topic_left_img{ position:fixed; bottom:0; left:0; z-index:-5} .topic_right_img{ position:fixed; bottom:0; right:0; z-index:-5} @media screen and (max-width:1300px){.topic_left_img,.topic_right_img{ display:none}} .flag_wrap{ text-align:right} .flag_wrap a{ margin-left:2rem} .flag_wrap a:hover{ color:#39b54a} .flag_wrap .flag_de, .flag_wrap .flag_uk{ width:34px; height:20px; background:url(../images/flag.png) no-repeat; display:inline-block; vertical-align:middle; margin-right:5px} .flag_wrap .flag_de{ background-position:0 -22px} #optanon *,#optanon *:before,#optanon *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } #optanon,#optanon *,#optanon div,#optanon span,#optanon ul,#optanon li,#optanon a,#optanon p,.optanon-alert-box-wrapper * { font-family: Arial, sans-serif; background: none; border: none; bottom: auto; clear: none; float: none; height: auto; left: auto; letter-spacing: normal; line-height: normal; max-height: none; max-width: none; min-height: 0; min-width: 0; overflow: visible; right: auto; text-align: left; text-decoration: none; text-indent: 0; text-transform: none; text-shadow: none; top: auto; visibility: visible; white-space: normal; width: auto; z-index: auto; padding: 0; margin: 0; border-radius: 0; position: static; font-weight: normal } #optanon #optanon-popup-bg { background: rgba(0,0,0,0.8); display: none; height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 10000; } #optanon #optanon-popup-wrapper { display: none; z-index: 10001; color: #000; text-align: left; position: absolute; top: 10px; left: 10px; right: 10px } #optanon #optanon-popup-wrapper:focus { outline: none } #optanon #optanon-popup-wrapper a { color: #000; text-decoration: none } #optanon #optanon-popup-wrapper a:hover { text-decoration: underline } #optanon #optanon-popup-wrapper img { border: 0px } #optanon #optanon-popup-top { background-color: #fa9e0c; height: 80px; margin: 0px; width: 100%; border-bottom: 1px solid #ccc } #optanon #optanon-popup-top .optanon-close,.optanon-alert-box-wrapper .optanon-alert-box-corner-close a { float: right; position: relative; right: 5px; top: 5px; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDc0IDc0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3NCA3NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6I0NDQ0NDQzt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KCS5zdDJ7ZmlsbDojNjY2NjY2O30NCjwvc3R5bGU+DQo8Zz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzcsNzEuNWMtOS42LDAtMTcuOC0zLjQtMjQuNC0xMC4xQzUuOCw1NC40LDIuNSw0Ni41LDIuNSwzN2MwLTkuNiwzLjQtMTcuOCwxMC4xLTI0LjQNCgkJQzE5LjIsNS45LDI3LjQsMi41LDM3LDIuNWM5LjYsMCwxNy44LDMuNCwyNC40LDEwLjFjNi44LDYuOSwxMC4xLDE0LjksMTAuMSwyNC40YzAsOS42LTMuNCwxNy44LTEwLjEsMjQuNA0KCQlDNTQuNCw2OC4yLDQ2LjUsNzEuNSwzNyw3MS41eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zNyw1YzguOSwwLDE2LjQsMy4xLDIyLjYsOS40QzY1LjgsMjAuNyw2OSwyOC4xLDY5LDM3cy0zLjEsMTYuNC05LjQsMjIuNkM1My4zLDY1LjgsNDUuOSw2OSwzNyw2OQ0KCQlzLTE2LjQtMy4xLTIyLjYtOS40UzUsNDUuOSw1LDM3czMuMS0xNi40LDkuNC0yMi42QzIwLjYsOC4xLDI4LjEsNSwzNyw1IE0zNywwQzI2LjgsMCwxOCwzLjcsMTAuOSwxMC45QzMuNywxOCwwLDI2LjgsMCwzNw0KCQljMCwxMCwzLjYsMTguOCwxMC44LDI2LjFDMTcuOSw3MC4zLDI2LjgsNzQsMzcsNzRjMTAsMCwxOC44LTMuNiwyNi4xLTEwLjhDNzAuMyw1Ni4xLDc0LDQ3LjIsNzQsMzdjMC0xMC0zLjYtMTguOC0xMC44LTI2LjENCgkJQzU2LjEsMy43LDQ3LjIsMCwzNywwTDM3LDB6Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNNTIuNCw0Ny43TDQxLjcsMzdsMTAuOS0xMC43YzAuNi0wLjYsMC42LTEuMSwwLTEuN2wtMy4xLTNjLTAuMy0wLjMtMC42LTAuNC0wLjktMC40Yy0wLjIsMC0wLjQsMC4xLTAuNywwLjQNCglMMzcsMzIuMUwyNi4xLDIxLjZjLTAuMy0wLjMtMC41LTAuNC0wLjctMC40Yy0wLjMsMC0wLjYsMC4xLTAuOSwwLjRsLTMsM2MtMC42LDAuNi0wLjYsMS4xLDAsMS43TDMyLjQsMzdMMjEuNiw0Ny45DQoJYy0wLjIsMC4xLTAuMywwLjMtMC4zLDAuN3MwLjEsMC43LDAuMywwLjlsMywzLjFjMC4yLDAuMiwwLjUsMC4zLDAuOSwwLjNzMC43LTAuMSwwLjktMC4zTDM3LDQxLjdsMTAuOSwxMC43DQoJYzAuMywwLjMsMC41LDAuNCwwLjcsMC40YzAuMywwLDAuNi0wLjEsMC45LTAuNGwzLTNjMC4zLTAuMiwwLjQtMC41LDAuNC0wLjlDNTIuOSw0OC4zLDUyLjcsNDgsNTIuNCw0Ny43eiIvPg0KPC9zdmc+"); background-size: 22px 22px; width: 22px; height: 22px } #optanon #optanon-close { background: none !important; display: none } #optanon #optanon-popup-wrapper a:hover { text-decoration: none } #optanon #optanon-popup-top img a { border: 0 } #optanon #optanon-popup-body { background-color: #ffffff; margin: 0px; width: 100%; position: relative } #optanon #optanon-popup-body h2 { margin: 5px 0px 0px 5px; padding: 0px; color: #fff } #optanon #optanon-popup-body h3 { font-weight: bold; font-size: 14px; margin: 10px 0px 10px 5px; color: #000; width: 75%; display: inline-block } #optanon #optanon-popup-body p,#optanon #optanon-popup-body div#optanon-main-info-text { font-weight: normal; font-size: 13px; line-height: 16px; margin: 5px 0px 0px 5px; padding: 0px } #optanon #optanon-popup-body div#optanon-main-info-text { max-height: 250px; overflow-y: auto; padding-right: 10px } #optanon #optanon-popup-body div#optanon-main-info-text div.optanon-cookie-list { margin-top: 10px } #optanon #optanon-popup-body div#optanon-main-info-text div.optanon-cookie-list p { margin: 4px 0 } #optanon #optanon-popup-body div#optanon-main-info-text div.optanon-cookie-list p.optanon-subgroup-cookies-list,#optanon #optanon-popup-body div#optanon-main-info-text div.optanon-cookie-list p.optanon-group-cookies-list { border-bottom: 1px solid #ccc; padding-bottom: 2px; color: #666 } #optanon #optanon-popup-body div#optanon-main-info-text div.optanon-cookie-list div.optanon-cookies-used { font-weight: bold; font-size: 13px; padding: 3px 0; border-bottom: 1px solid #ccc } #optanon #optanon-popup-body div#optanon-main-info-text div.optanon-cookie-list span.optanon-subgroup-header { font-size: 13px; padding-right: 10px; color: #000; display: inline-block; width: 300px } #optanon #optanon-popup-body div.optanon-subgroup-description { margin: 5px 10px } #optanon #optanon-popup-body-left { float: left; width: 100% } #optanon.modern #optanon-branding-top-logo { background-image: url(../images/cookie-collective-top-logo.svg) !important } #optanon #optanon-branding-top-logo { background-position: center !important; background-size: contain !important; background-repeat: no-repeat !important; height: 50px; width: 140px; position: absolute; top: -65px; left: 10px } #optanon #optanon-menu { padding: 0px; width: 100%; word-break: break-word } #optanon #optanon-menu li { list-style-type: none; min-height: 38px; border-bottom: 1px solid #ccc; background-color: #e6e6e6 !important; width: 100% } #optanon #optanon-menu li p { font-size: 12px; margin: 0px 0px 0px 35px; padding: 12px 0px 12px 0px; width: 80% } #optanon #optanon-menu li p a { font-size: 12px; color: #666; font-weight: bold } #optanon #optanon-menu .menu-item-selected { background-color: #fff !important } #optanon #optanon-menu .menu-item-selected a { color: #000 } #optanon #optanon-menu li { background-size: 16px !important; background-position: 15px 12px !important; background-repeat: no-repeat !important } #optanon #optanon-menu .menu-item-necessary,#optanon-show-settings-popup .necessary-icon.menu-item-on,#optanon-show-settings-popup .necessary-icon.menu-item-off { background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzZDQzA0QTt9DQoJLnN0MXtmaWxsOm5vbmU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMiw2NEMxNC4yLDY0LDAsNDkuNCwwLDMyQzAsMTQuMiwxNC42LDAsMzIsMHMzMiwxNC42LDMyLDMyQzY0LDQ5LjgsNDkuOCw2NCwzMiw2NHogTTMyLDMuNg0KCUMxNi42LDMuNiwzLjYsMTYuMiwzLjYsMzJjMCwxNS40LDEyLjYsMjguNCwyOC40LDI4LjRTNjAuNCw0Ny44LDYwLjQsMzJDNjAuNCwxNi42LDQ3LjQsMy42LDMyLDMuNnoiLz4NCjxnPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzAuNCw0OC4zIDE2LjYsMzQuOCAxOS40LDMyIDI5LjYsNDEuOSA0NC4zLDE2LjkgNDcuNywxOC45IAkiLz4NCjwvZz4NCjxyZWN0IGlkPSJfeDNDX1NsaWNlX3gzRV9fMV8iIGNsYXNzPSJzdDEiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIvPg0KPC9zdmc+"); } #optanon #optanon-menu .menu-item-about { background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzZDQzA0QTt9DQoJLnN0MXtmaWxsOm5vbmU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMiw2NEMxNC4yLDY0LDAsNDkuNCwwLDMyQzAsMTQuMiwxNC42LDAsMzIsMHMzMiwxNC42LDMyLDMyQzY0LDQ5LjgsNDkuOCw2NCwzMiw2NHogTTMyLDMuNkMxNi42LDMuNiwzLjYsMTYuMiwzLjYsMzINCgkJYzAsMTUuNCwxMi42LDI4LjQsMjguNCwyOC40UzYwLjQsNDcuOCw2MC40LDMyQzYwLjQsMTYuNiw0Ny40LDMuNiwzMiwzLjZ6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI4LDIwYzAtMi4yLDEuOC00LDQtNHM0LDEuOCw0LDRzLTEuOCw0LTQsNFMyOCwyMi4yLDI4LDIweiBNMzYsNDdWMjljMC0wLjUtMC41LTEtMS0xaC02Yy0wLjUsMC0xLDAuNC0xLDF2MTgNCgkJYzAsMC41LDAuNCwxLDEsMWg2QzM1LjUsNDgsMzYsNDcuNSwzNiw0N3oiLz4NCjwvZz4NCjwvc3ZnPg==") } #optanon #optanon-menu .menu-item-performance,#optanon-show-settings-popup .performance-icon.menu-item-on,#optanon-show-settings-popup .performance-icon.menu-item-off { background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzZDQzA0QTt9DQoJLnN0MXtmaWxsOm5vbmU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMiw2NEMxNC4yLDY0LDAsNDkuNCwwLDMyQzAsMTQuMiwxNC42LDAsMzIsMHMzMiwxNC42LDMyLDMyQzY0LDQ5LjgsNDkuOCw2NCwzMiw2NHogTTMyLDMuNkMxNi42LDMuNiwzLjYsMTYuMiwzLjYsMzINCgkJYzAsMTUuNCwxMi42LDI4LjQsMjguNCwyOC40UzYwLjQsNDcuOCw2MC40LDMyQzYwLjQsMTYuNiw0Ny40LDMuNiwzMiwzLjZ6Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDcuNyw0Ny41SDE1LjlWMTZoNHYyNy41aDI3LjhWNDcuNXogTTMwLjksMjguOWwxMi4xLDhsNS4xLTIwLjNsLTMuOS0xbC0zLjgsMTQuOWwtMTEuNy03LjdsLTUuNCwxNi4xbDMuOCwxLjJMMzAuOSwyOC45eg0KCSIvPg0KPC9zdmc+") } #optanon #optanon-menu .menu-item-functional,#optanon-show-settings-popup .functional-icon.menu-item-on,#optanon-show-settings-popup .functional-icon.menu-item-off { background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzZDQzA0QTt9DQoJLnN0MXtmaWxsOm5vbmU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMiw2NEMxNC4yLDY0LDAsNDkuNCwwLDMyQzAsMTQuMiwxNC42LDAsMzIsMHMzMiwxNC42LDMyLDMyQzY0LDQ5LjgsNDkuOCw2NCwzMiw2NHogTTMyLDMuNkMxNi42LDMuNiwzLjYsMTYuMiwzLjYsMzINCgljMCwxNS40LDEyLjYsMjguNCwyOC40LDI4LjRTNjAuNCw0Ny44LDYwLjQsMzJDNjAuNCwxNi42LDQ3LjQsMy42LDMyLDMuNnoiLz4NCjxnIGNsYXNzPSJzdDAiPg0KCTxwYXRoIGQ9Ik0yOS4zLDQ2LjZjLTAuMywwLjgtMC44LDEuMy0xLjcsMS4zYy0wLjksMC0xLjctMC42LTEuNy0xLjVjMC0wLjUsMC40LTEuNCwwLjUtMS44bDguOS0yMy44YzAuNC0xLjMsMS4yLTIuMiwyLjUtMi4yDQoJCXMyLjEsMC45LDIuNSwyLjJsOC45LDIzLjhjMC4xLDAuNCwwLjUsMS4zLDAuNSwxLjhjMCwwLjktMC44LDEuNS0xLjcsMS41Yy0xLDAtMS41LTAuNi0xLjctMS4zbC0xLjktNS4ySDMxLjFMMjkuMyw0Ni42eg0KCQkgTTM3LjgsMjIuOEwzNy44LDIyLjhsLTUuNiwxNS41aDExLjFMMzcuOCwyMi44eiIvPg0KPC9nPg0KPGcgY2xhc3M9InN0MCI+DQoJPHBhdGggZD0iTTE2LjMsMzQuOWMtMC4yLDAuNC0wLjQsMC44LTEsMC44Yy0wLjUsMC0wLjgtMC4zLTAuOC0wLjdjMC0wLjIsMC4xLTAuNSwwLjItMC43bDUuNS0xNC45YzAuMi0wLjYsMC41LTEuMywxLjQtMS4zDQoJCWMwLjksMCwxLjEsMC43LDEuNCwxLjNsNS41LDE0LjljMC4xLDAuMiwwLjIsMC41LDAuMiwwLjdjMCwwLjQtMC4zLDAuNy0wLjgsMC43Yy0wLjYsMC0wLjgtMC40LTEtMC44bC0xLjEtMy4xaC04LjRMMTYuMywzNC45eg0KCQkgTTIxLjcsMjAuNEwyMS43LDIwLjRMMTgsMzAuMmg3LjJMMjEuNywyMC40eiIvPg0KPC9nPg0KPC9zdmc+") } #optanon #optanon-menu .menu-item-advertising,#optanon-show-settings-popup .advertising-icon.menu-item-on,#optanon-show-settings-popup .advertising-icon.menu-item-off { background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzZDQzA0QTt9DQoJLnN0MXtmaWxsOm5vbmU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMiw2NEMxNC4yLDY0LDAsNDkuNCwwLDMyQzAsMTQuMiwxNC42LDAsMzIsMHMzMiwxNC42LDMyLDMyQzY0LDQ5LjgsNDkuOCw2NCwzMiw2NHogTTMyLDMuNkMxNi42LDMuNiwzLjYsMTYuMiwzLjYsMzINCgljMCwxNS40LDEyLjYsMjguNCwyOC40LDI4LjRTNjAuNCw0Ny44LDYwLjQsMzJDNjAuNCwxNi42LDQ3LjQsMy42LDMyLDMuNnoiLz4NCjxnIGNsYXNzPSJzdDAiPg0KCTxwb2x5Z29uIHBvaW50cz0iMzYsNDcuNyAxNiw0Ny43IDE2LDE3LjcgMjcuNCwyOC43IDI0LjYsMzEuNiAyMCwyNy4xIDIwLDQzLjcgMzYsNDMuNyAJIi8+DQo8L2c+DQo8ZyBjbGFzcz0ic3QwIj4NCgk8cG9seWdvbiBwb2ludHM9IjQ4LDQ2LjYgMzYuNiwzNS41IDM5LjQsMzIuNiA0NCwzNy4xIDQ0LDIwLjUgMjgsMjAuNSAyOCwxNi41IDQ4LDE2LjUgCSIvPg0KPC9nPg0KPC9zdmc+") } #optanon #optanon-menu .menu-item-social,#optanon-show-settings-popup .social-icon.menu-item-on,#optanon-show-settings-popup .social-icon.menu-item-off { background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzZDQzA0QTt9DQoJLnN0MXtmaWxsOm5vbmU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMiw2NEMxNC4yLDY0LDAsNDkuNCwwLDMyQzAsMTQuMiwxNC42LDAsMzIsMHMzMiwxNC42LDMyLDMyQzY0LDQ5LjgsNDkuOCw2NCwzMiw2NHogTTMyLDMuNkMxNi42LDMuNiwzLjYsMTYuMiwzLjYsMzINCgljMCwxNS40LDEyLjYsMjguNCwyOC40LDI4LjRTNjAuNCw0Ny44LDYwLjQsMzJDNjAuNCwxNi42LDQ3LjQsMy42LDMyLDMuNnoiLz4NCjxnPg0KCTxnIGNsYXNzPSJzdDAiPg0KCQk8cGF0aCBkPSJNMzIsMTkuN2M0LjQsMCw4LDMuMyw4LDcuM3MtMy42LDcuMy04LDcuM1MyNCwzMSwyNCwyN1MyNy42LDE5LjcsMzIsMTkuNyBNMzIsMTUuN2MtNi42LDAtMTIsNS4xLTEyLDExLjMNCgkJCXM1LjQsMTEuMywxMiwxMS4zUzQ0LDMzLjMsNDQsMjdTMzguNiwxNS43LDMyLDE1LjdMMzIsMTUuN3oiLz4NCgk8L2c+DQoJPGcgY2xhc3M9InN0MCI+DQoJCTxwb2x5Z29uIHBvaW50cz0iNTEsNDYgMTMsNDYgMjQuNiwzNSAyNy40LDM3LjkgMjMsNDIgNDEsNDIgMzYuNiwzNy45IDM5LjQsMzUgCQkiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4=") } #optanon #optanon-menu .menu-item-moreinfo { background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDY0IDY0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NCA2NDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzZDQzA0QTt9DQoJLnN0MXtmaWxsOm5vbmU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMiw2NEMxNC4yLDY0LDAsNDkuNCwwLDMyQzAsMTQuMiwxNC42LDAsMzIsMHMzMiwxNC42LDMyLDMyQzY0LDQ5LjgsNDkuOCw2NCwzMiw2NHogTTMyLDMuNkMxNi42LDMuNiwzLjYsMTYuMiwzLjYsMzINCgljMCwxNS40LDEyLjYsMjguNCwyOC40LDI4LjRTNjAuNCw0Ny44LDYwLjQsMzJDNjAuNCwxNi42LDQ3LjQsMy42LDMyLDMuNnoiLz4NCjxnIGNsYXNzPSJzdDAiPg0KCTxwYXRoIGQ9Ik00NCw0Ny40SDIwVjE1LjhoMjBsMCwzLjlsNCwwVjQ3LjR6IE0yNCw0My40aDE2VjIzLjdsLTQsMGwwLTRIMjRWNDMuNHoiLz4NCjwvZz4NCjxnIGNsYXNzPSJzdDAiPg0KCTxyZWN0IHg9IjI4IiB5PSIzNS41IiB3aWR0aD0iOCIgaGVpZ2h0PSI0Ii8+DQo8L2c+DQo8ZyBjbGFzcz0ic3QwIj4NCgk8cmVjdCB4PSIyOCIgeT0iMjcuNiIgd2lkdGg9IjgiIGhlaWdodD0iNCIvPg0KPC9nPg0KPC9zdmc+") } #optanon #optanon-popup-body-right { float: left; padding: 10px 20px } #optanon #optanon-popup-more-info-bar { display: inline-block } #optanon #optanon-popup-more-info-bar p { float: left; margin: 3px 0px 0px 0px; padding: 0px; width: auto; font-weight: bold; font-size: 14px } #optanon #optanon-popup-wrapper .optanon-arrow { float: left; margin: 7px 0px 0px 5px } #optanon #optanon-popup-wrapper .optanon-status { font-weight: bold } #optanon #optanon-popup-wrapper .optanon-status-symbol { margin: 2px 0px 0px 4px } #optanon #optanon-popup-wrapper .optanon-status .optanon-status-editable,#optanon #optanon-popup-wrapper .optanon-status .optanon-status-always-active { display: none } #optanon #optanon-popup-wrapper .optanon-status-on { color: #09a501 } #optanon #optanon-popup-wrapper .optanon-bottom-spacer { clear: both; height: 20px } #optanon #optanon-popup-bottom { border-top: 1px solid #ccc; background-color: #f2f2f2; float: left; margin: 0px; padding-bottom: 10px; width: 100% } #optanon #optanon-popup-bottom-logo { float: left; margin: 8px 0px 0px 3px; background: none !important } #optanon #optanon-popup-wrapper .optanon-allow-all-button,#optanon #optanon-popup-wrapper .optanon-save-settings-button { cursor: hand; cursor: pointer } #optanon #optanon-popup-wrapper .optanon-allow-all-button { display: none } #optanon #optanon-popup-wrapper .optanon-allow-all-button a:hover,#optanon #optanon-popup-wrapper .optanon-save-settings-button a:hover { text-decoration: none } #optanon #optanon-popup-wrapper .optanon-button-wrapper { float: right; margin: 9px 10px 0px 0px } #optanon #optanon-popup-wrapper .optanon-white-button-middle { background-repeat: repeat-x; display: block; float: left; padding: 8px 13px; background-color: #39b54a } #optanon #optanon-popup-wrapper .optanon-white-button-middle a { font-size: 13px; font-weight: bold; color: #fff !important } .optanon-show-settings-popup-wrapper *,.optanon-show-settings-popup-wrapper *:before,.optanon-show-settings-popup-wrapper *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .optanon-show-settings-popup-wrapper,.optanon-show-settings-popup-wrapper *,.optanon-show-settings-popup-wrapper div,.optanon-show-settings-popup-wrapper span,.optanon-show-settings-popup-wrapper ul,.optanon-show-settings-popup-wrapper li,.optanon-show-settings-popup-wrapper a,.optanon-show-settings-popup-wrapper p,#optanon-show-settings-popup ul,#optanon-show-settings-popup li,#optanon-show-settings-popup a,#optanon-show-settings-popup span { border: none; bottom: auto; clear: none; float: none; letter-spacing: normal; line-height: normal; max-height: inherit; max-width: inherit; min-width: inherit; overflow: visible; text-align: left; text-decoration: none; text-indent: 0; text-transform: none; top: auto; visibility: visible; white-space: normal; width: auto; padding: 0; margin: 0; border-radius: 0; font-family: Arial, sans-serif; font-size: 12px } .optanon-show-settings-popup-wrapper img { width: auto; height: auto } .optanon-show-settings-popup-wrapper { height: 0px } .optanon-show-settings-button { cursor: hand; cursor: pointer } .optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings { color: #666 !important; font-weight: bold; margin-top: -20px !important; float: none !important; font-size: 14px } .optanon-show-settings-popup-wrapper .optanon-show-settings-middle a.optanon-show-settings:hover { text-decoration: none !important } .optanon-show-settings-popup-wrapper .optanon-show-settings-middle { background: #fff !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: none; float: left; height: 23px !important; padding-top: 7px } .optanon-show-settings-popup-wrapper .optanon-show-settings-left { background-color: #fff !important; background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDE2IDE2IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNiAxNjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2NsaXAtcGF0aDp1cmwoI1NWR0lEXzJfKTtmaWxsOiM3MUI4NEM7fQ0KCS5zdDF7Y2xpcC1wYXRoOnVybCgjU1ZHSURfMl8pO2ZpbGw6bm9uZTtzdHJva2U6IzcxQjg0QztzdHJva2Utd2lkdGg6MjtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9DQo8L3N0eWxlPg0KPGc+DQoJPGRlZnM+DQoJCTxyZWN0IGlkPSJTVkdJRF8xXyIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ii8+DQoJPC9kZWZzPg0KCTxjbGlwUGF0aCBpZD0iU1ZHSURfMl8iPg0KCQk8dXNlIHhsaW5rOmhyZWY9IiNTVkdJRF8xXyIgIHN0eWxlPSJvdmVyZmxvdzp2aXNpYmxlOyIvPg0KCTwvY2xpcFBhdGg+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTgsMTZjLTQuNSwwLTgtMy42LTgtOGMwLTQuNSwzLjYtOCw4LThzOCwzLjYsOCw4QzE2LDEyLjUsMTIuNSwxNiw4LDE2IE04LDAuOUM0LjIsMC45LDAuOSw0LjEsMC45LDgNCgkJYzAsMy44LDMuMSw3LjEsNy4xLDcuMXM3LjEtMy4xLDcuMS03LjFDMTUuMSw0LjIsMTEuOCwwLjksOCwwLjkiLz4NCgk8bGluZSBjbGFzcz0ic3QxIiB4MT0iOCIgeTE9IjMiIHgyPSI4IiB5Mj0iNyIvPg0KCTxsaW5lIGNsYXNzPSJzdDEiIHgxPSI0IiB5MT0iNiIgeDI9IjgiIHkyPSI3LjUiLz4NCgk8bGluZSBjbGFzcz0ic3QxIiB4MT0iNSIgeTE9IjEyIiB4Mj0iOCIgeTI9IjcuNSIvPg0KCTxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxMSIgeTE9IjEyIiB4Mj0iOCIgeTI9IjcuNSIvPg0KCTxsaW5lIGNsYXNzPSJzdDEiIHgxPSIxMiIgeTE9IjYiIHgyPSI4IiB5Mj0iNy41Ii8+DQo8L2c+DQo8L3N2Zz4="); background-size: 16px; background-repeat: no-repeat; background-position: 9px 7px; border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; height: 30px !important; width: 30px !important } .optanon-show-settings-popup-wrapper .optanon-show-settings-right { background: #fff !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: none; float: left; height: 30px !important; width: 8px !important } #optanon-show-settings-popup { display: none; position: relative; z-index: 99999; left: 0px !important; float: left !important } #optanon-show-settings-popup-inner { position: absolute } #optanon-show-settings-popup ul { list-style-type: none !important; width: 205px; height: auto !important; margin: 3px 0px !important; padding: 0px !important; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #f2f2f2 } #optanon-show-settings-popup ul li { padding: 6px 10px 0px 6px; height: auto !important; list-style-type: none !important; margin: 0px !important; font-size: 13px !important; color: #666 !important; font-weight: bold !important } #optanon-show-settings-popup ul li a { text-decoration: none; color: #666 } #optanon-show-settings-popup ul li a:hover { text-decoration: underline } #optanon-show-settings-popup ul li .optanon-dnt { font-size: 10px !important; color: #333 } #optanon-show-settings-popup .icon { float: left; display: block; margin-right: 5px; height: 16px; width: 16px } #optanon-show-settings-popup .top-arrow { border-left: 1px solid #ccc; border-top: 1px solid #ccc; background: #f2f2f2; transform: rotate(45deg); height: 11px; position: absolute; width: 11px; top: -3px !important } #optanon-show-settings-popup .bottom-arrow-even,#optanon-show-settings-popup .bottom-arrow-odd { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f2f2f2; transform: rotate(45deg); height: 11px; position: absolute; width: 11px; bottom: 4px } #optanon-show-settings-popup .menu-item-border { background-color: #ccc; display: block; height: 1px; margin: 0; padding: 0; width: 199px; margin-top: 6px; margin-left: -5px } #optanon-show-settings-popup .menu-bottom-odd,#optanon-show-settings-popup .menu-bottom-even { background-color: #f2f2f2; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block; height: 7px; margin: 0 0 10px 0; padding: 0; margin-top: -3px; width: 205px } @media only screen and (min-width: 47em) { #optanon #optanon-popup-top { background-color: #fa9e0c } #optanon #optanon-branding-top-logo { margin: 0px } #optanon #optanon-popup-wrapper { position: fixed; min-height: 300px; left: 50%; top: 0; margin: 100px 0px 0px -300px; position: fixed; width: 600px; } #optanon #optanon-popup-body-left-shading { position: absolute; top: -81px; left: 0; width: 158px; height: 80px } #optanon #optanon-menu { margin: 0px 0px 0px -12px } #optanon #optanon-menu li { padding-right: 20px } #optanon #optanon-popup-body-left { float: left; width: 23%; padding: 0 2% } #optanon #optanon-popup-body-right { float: left; width: 69%; padding: 1% 2% } #optanon #optanon-popup-body h2 { position: absolute; top: -55px; font-size: 16px; font-weight: bold } } #optanon fieldset { position: relative; display: inline-block; width: 37px; height: 23px; margin-top: 10px } #optanon fieldset input { opacity: 0 } #optanon fieldset label { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #414141; border-radius: 23px; overflow: visible; text-indent: 45px; font-size: 14px; font-weight: bold; padding-top: 3px } #optanon fieldset label:after { position: absolute; content: ""; height: 19px; width: 19px; left: 2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s; border-radius: 50% } #optanon fieldset input:checked+label { background-color: #39b54a } #optanon fieldset input:focus+label,#optanon fieldset input:active+label { box-shadow: 0 0 2px 2px #509ec4 } #optanon fieldset input:checked+label:after { background-color: #f5efeb; -webkit-transform: translateX(14px); -ms-transform: translateX(14px); transform: translateX(14px) } #optanon .optanon-subgroup-checkbox { margin-right: 5px } #optanon .optanon-subgroup-fieldset { transform: scale(0.6); top: -3px } #optanon .optanon-subgroup-fieldset label { font-size: 20px; padding-top: 0px } #optanon-cookie-policy .optanon-cookie-policy-left { float: left; width: 45% } #optanon-cookie-policy .optanon-cookie-policy-right { float: right; width: 45% } #optanon-cookie-policy .optanon-cookie-policy-group { margin-bottom: 40px; clear: both } #optanon-cookie-policy .optanon-cookie-policy-subgroup { border-bottom: 1px solid #cccccc; clear: both } #optanon-cookie-policy .optanon-cookie-policy-subgroup .optanon-cookie-policy-left { border-right: 1px solid #cccccc; padding-right: 5% } #optanon-cookie-policy .optanon-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } #optanon-cookie-policy .optanon-clearfix { display: inline-block } html[xmlns] #optanon-cookie-policy .clearfix { display: block } * html #optanon-cookie-policy .clearfix { height: 1% } .optanon-alert-box-wrapper { position: fixed; width: 100%; border: none; background-color: rgba(0,0,0,0.85); bottom: -145px; z-index: 7900; min-height: 50px } .optanon-alert-box-wrapper a { background-color: transparent } .optanon-alert-box-wrapper .optanon-alert-box-bg p { font-size: 11pt; line-height: 16pt; color: #fff !important; padding-bottom: 5px } .optanon-alert-box-wrapper .optanon-alert-box-bottom-top { height: 10px } .optanon-alert-box-wrapper .optanon-alert-box-corner-close { height: 20px; right: 10px; top: 50%; margin-top: -16px; position: absolute; width: 20px } .optanon-alert-box-wrapper .optanon-alert-box-logo { position: absolute; height: 28px; left: 20px; top: 50%; margin-top: -15px; width: 29px } .optanon-alert-box-wrapper .optanon-alert-box-body { margin-right: 450px; margin-left: 50px; padding-top: 6px } .optanon-alert-box-wrapper .optanon-alert-box-bg p.optanon-alert-box-title { font-weight: bold } .optanon-alert-box-wrapper .optanon-alert-box-button-middle { background-color: #39b54a; border: 1px solid #39b54a; padding: 8px 18px; font-size: 9pt; font-weight: bold } .optanon-alert-box-wrapper .optanon-alert-box-button-middle a { color: #fff !important; font-size: 13px; font-weight: bold; text-decoration: none; position: relative } .optanon-alert-box-wrapper .optanon-alert-box-button-middle a:hover { color: #fff } .optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle a:before { content: '\2713'; padding-right: 3px } .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle { border: none !important; background: none !important; padding: 10px 10px 0 0px } .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a { border-bottom: 1px solid #999; padding-bottom: 1px; color: #fff !important } .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle a:before { content: '\276F'; font-size: 1.1em; font-weight: normal; padding-right: 5px; color: #fff; position: absolute; left: -14px; top: -3px } .optanon-alert-box-bg .optanon-alert-box-button-container { position: absolute; right: 30px; top: 50%; margin-top: -16px } .optanon-alert-box-bg .optanon-alert-box-button.optanon-button-close { display: none } .optanon-alert-box-wrapper .optanon-alert-box-button { float: right; margin-right: 30px; margin-bottom: 10px; line-height: initial } .optanon-alert-box-wrapper .optanon-alert-box-bottom-padding { padding-bottom: 10px } .optanon-alert-box-wrapper.hide-accept-button .optanon-alert-box-button.optanon-button-allow { display: none } .optanon-alert-box-wrapper.hide-cookie-setting-button .optanon-alert-box-button.optanon-button-more { display: none } .optanon-alert-box-wrapper.hide-accept-button .optanon-alert-box-body { margin-right: 215px } .optanon-alert-box-wrapper.hide-cookie-setting-button .optanon-alert-box-body { margin-right: 215px } .optanon-alert-box-wrapper.hide-accept-button.hide-cookie-setting-button .optanon-alert-box-body { margin-right: 50px } @media only screen and (max-width: 47em) { .optanon-alert-box-wrapper .optanon-alert-box-logo { left: 20px; top: 63px; margin-top: auto } .optanon-alert-box-wrapper .optanon-alert-box-corner-close { right: 10px; bottom: 22px; margin-top: auto } .optanon-alert-box-wrapper.hide-accept-button .optanon-alert-box-body { margin-right: 20px } .optanon-alert-box-wrapper.hide-cookie-setting-button .optanon-alert-box-body { margin-right: 20px } .optanon-alert-box-wrapper.hide-accept-button.hide-cookie-setting-button .optanon-alert-box-body { margin-right: 20px } .optanon-alert-box-wrapper .optanon-alert-box-body { margin-right: 20px; margin-left: 20px; padding-top: 10px } .optanon-alert-box-bg .optanon-alert-box-button-container { position: relative; text-align: center; margin: 5px; top: auto; right: auto; padding-right: 50px } .optanon-alert-box-wrapper .optanon-alert-box-button { display: inline-block; margin-right: 10px } } #optanon .logoframe{ font-weight: bold !important; letter-spacing: -1px !important; font-size: 1.8em !important; margin-top: 4px; color: #fff !important;} #optanon .logoframe .green_logo{ color: #fff; font-family: 'logo'!important; } @charset "utf-8"; /*banner*/ .banner_area { margin:0 auto 2rem auto; max-width:1200px; } .slider { } .box { display: none; } .box>img { width:100%; } .box:nth-of-type(1) { display: block; } .slider .slide-prev, .slider .slide-next{ cursor:pointer; height:50px; width:50px; position:absolute; top:50%; margin-top:-30px; background-color:#000; opacity:0.4; border-radius:25px;} .slider .slide-prev{ left:1.5rem} .slider .slide-next{ right:1.5rem} .slider .slide-prev:before, .slider .slide-prev:after, .slider .slide-next:before, .slider .slide-next:after{ content: '';display:block; width:0; height:0; border:1rem transparent solid;} .slider .slide-prev:before{ border-right:1rem #fff solid; margin-top:0.64rem; margin-left:-1px;} .slider .slide-prev:after{ border-right:1rem #000 solid; margin-left:3px; margin-top:-2rem;} .slider .slide-next:before{ border-left:1rem #fff solid; margin-top: 0.64rem; margin-left:1.2rem;} .slider .slide-next:after{ border-left:1rem #000 solid; margin-left: 15px; margin-top:-2rem;} .es-caption { position:absolute; bottom:0; text-align:center; background-color:rgba(0,0,0,0.8); color:#fff; font-size:14px; padding:16px; margin:10px; width:auto; left:0; right:0; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border:1px solid rgba(255,255,255,0.3); } ul.es-pager { display: block;width: 100%;text-align: center;padding: 0;line-height: 0px;position:absolute;bottom:0.25rem;} ul.es-pager li { display:inline-block; margin:1px 1px 2px 1px; padding:0; height:0.75rem; width:0.75rem; cursor:pointer; border:2px solid #39b54a; border-radius:50%; -moz-border-radius: 50%; -webkit-border-radius:50%; -khtml-border-radius:50%; } ul.es-pager li:hover, ul.es-pager li.act { background-color:#39b54a; } ul.es-pager li.act { cursor:default; } h2 { font-size:1.5rem; color:#000; margin-bottom:1rem; } .produits{ position:relative;width:100%; margin-top:2.125rem} .single_produits{ width:426px; margin:0 auto} .single_produits a{display:inline-block;white-space:nowrap; } .single_produits .ac_orange{ font-size:2.125em; float:left} .single_produits a span{ color:#fa9e0c} .single_produits a:before, .single_produits a:after{ content:''; display:block; width:0; border:9px transparent solid; margin-top:12px} .single_produits a:before{ border-left:18px #fa9e0c solid; float:left} .single_produits a:after{ border-right:18px #fa9e0c solid; float:right} .single_produits_prev, .single_produits_next, .blog_lifestyle_prev, .blog_lifestyle_next{ z-index:6; cursor:pointer; height:50px; width:50px; position:absolute; top:50%; margin-top:-1.5rem; background-color:#fa9e0c; opacity:0.3; border-radius:25px;} .single_produits_prev:hover, .single_produits_next:hover, .blog_lifestyle_prev:hover, .blog_lifestyle_next:hover{ background-color:#fa9e0c; opacity:0.4} .single_produits_prev, .blog_lifestyle_prev{ left:0; margin-left:-70px} .single_produits_next, .blog_lifestyle_next{ right:0; margin-right:-70px} .single_produits_prev:before, .single_produits_prev:after, .single_produits_next:before, .single_produits_next:before, .single_produits_next:after, .blog_lifestyle_prev:before, .blog_lifestyle_prev:after, .blog_lifestyle_next:before, .blog_lifestyle_next:after{ content: '';display:block; width:0; height:0; border:1rem transparent solid;} .single_produits_prev:before, .blog_lifestyle_prev:before{ border-right:1rem #fff solid; margin-top:0.2rem; margin-left:-1px;} .single_produits_prev:after, .blog_lifestyle_prev:after{ border-right:1rem #fa9e0c solid; margin-left:3px; margin-top:-2rem;} .single_produits_next:before, .blog_lifestyle_next:before{ border-left:1rem #fff solid; margin-top: 0.2rem; margin-left:1.2rem;} .single_produits_next:after, .blog_lifestyle_next:after{ border-left:1rem #fa9e0c solid; margin-left: 15px; margin-top:-2rem;} .produits_content_show{width:100%; margin:0 auto;overflow:hidden;position:relative;} .produits_content { float:left; position:relative; height:425px;} .produits_content li{float:left;width:284px; margin:0 0.5rem; border:1px solid #d5d8d6; background:#fff; border-radius:2px} .produits_content li img{width:100%;display: block;} .produits_title{ background-color:#fff; text-align:center; padding:1rem 1rem 1.5rem 1rem; position:relative;} .produits_title>p>a{display:block;font-size: 1rem; color:#000; font-weight: bold; line-height: 1.5rem;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;} .produits_title>p>a:hover{color:#fa9e0c;} .productInfo{ font-size:1rem; color:#000; margin:1rem 0 1.25rem 0;} .produits_title>a{ display:block; margin:0 auto; width:60px; padding:0 0.2rem; border:1px #666 solid; color:#666; text-align:center; box-shadow: 0 0 0 #000 inset; transition: all 0.25s; -webkit-box-shadow: 0 0 0 #000 inset; transition: all 0.25s; -moz-box-shadow: 0 0 0 #000 inset; transition: all 0.25s; -ms-box-shadow: 0 0 0 #000 inset; transition: all 0.25s; -o-box-shadow: 0 0 0 #000 inset; transition: all 0.25s;border-radius:3px} .produits_title>a:after{ content:''; float:right; display:block; border:5px transparent solid; border-top:5px #666 solid; margin-top:6px; color:#666;} .produits_title>a:hover{ border:1px #fff solid; color:#fff; box-shadow: 0 0 0 10px #fa9e0c inset; -webkit-box-shadow: 0 0 0 10px #fa9e0c inset; -moz-box-shadow: 0 0 0 10px #fa9e0c inset; -ms-box-shadow: 0 0 0 10px #fa9e0c inset; -o-box-shadow: 0 0 0 10px #fa9e0c inset;} .produits_title>a:hover:after{ border:5px transparent solid; border-top:5px #fff solid; margin-top:6px; color:#fff;} .page_down{background-color:#fff; padding-bottom:2rem; margin-top: 1.5rem; position:relative} .page_down:before{ content:""; width:100%; height:248px; display:block; top:0; left:0; position:absolute; background-color:#fafbfa} .page_down .content_area{ position:relative} .site_advantage>li{float:left; text-align:center; width:20%; padding:1.25rem 0;} .site_advantage>li>img, .site_advantage li a img{display:block ; margin:0 auto; padding:1rem 1.875rem} .site_advantage>li>p, .site_advantage li a p{color:#000; font-size:0.875rem; margin-top:0.5rem} .site_advantage>li>span, .site_advantage li a span{color:#000; font-size:1.125rem; font-weight:bold} .about_us{ padding:4rem 0 0.85rem 0;} .about_us h2 span{ color:#fa9e0c;} .about_us p{ line-height:1.5rem; padding-bottom:0.75rem;} footer{margin-top:0;} .content_area{ overflow:inherit} .grid_store{ margin-bottom:1.75rem; margin-right:-16px} .grid_store ul li{ float:left; width:10%; padding-right:16px} .grid_store ul li a{ display:inline-block; height:105px; background:#fff; border-radius:50%; border:1px solid #d6d9d7; width:100%; position:relative} .grid_store ul li a img, .index_store_logo img{ max-width:70%; max-height:65%; margin:auto; position:absolute; left:0; top:0; bottom:0; right:0} .grid_store ul li p{ display:none} .codeexclusive_coupon{ margin-right:-16px} .codeexclusive_coupon ul li{ float:left; width:20%; padding-right:16px} .campaign{ background:#fff; border:1px solid #d5d8d6; border-radius:2px; position:relative; min-height:182px} .codeexclusive_coupon ul li:last-child .campaign{ border:1px solid #ffdd5f; background:#ffdd5f; height:182px} .codeexclusive_img{ background:url(../images/code_exclusive.png) no-repeat; width:100%; height:100%; position:absolute; bottom:0; background-position:left bottom; background-size:contain} .campaign_img{ width:100%; height:108px; position:relative; overflow:hidden;} .campaign_content .index_store_logo{ width:76px; height:76px; border:1px solid #f2f2f2; background:#fff; position:absolute; bottom:12px; left:12px} .campaign_content{ padding:6px 16px 10px 100px;} .campaign_content .discount{ font-size:1.3rem; color:#c72d2d; margin:4px 0} .campaign_content p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .campaign_info{ background:#fa9e0d; color:#fff; border-radius:3px; font-size:12px; padding:3px 7px; position:absolute; top:12px; left:12px; z-index:1;} .grid_coupon h2, .blog_lifestyle h2, .new_store h2{ text-align:center; font-size:2rem} .grid_coupon h2 span, .blog_lifestyle h2 span, .new_store h2 span{ color:#fa9e0c} .grid_coupon{ margin-top:2.25rem; margin-right:-16px} .grid_coupon ul li{ width:20%; padding-right:16px; float:left; margin-bottom:16px} .coupon_wrapper{ width:100%; background:#fff; border:1px solid #d5d8d6; border-radius:2px; text-align:center; position:relative} .index_store_logo{ height:112px; position:relative;} .coupon_content{ width:100%; padding:22px 16px; background:#f7f7f7} .coupon_content p{ font-size:1.25em; font-weight:bold; color:#333; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .coupon_content span{ display:none} .coupon_content .coupon_btn{ margin:18px auto 2px auto} .coupon_content .coupon_btn:hover{ border-radius:0} .blog_lifestyle{ position:relative; width:100%; margin-top:1.25rem} .blog_content_show{ width:100%; margin:0 auto; overflow:hidden; position:relative} .bloglifestyle_content{ float:left; position:relative; height:398px} .blog_lifestyle ul li{ width:284px; margin:0 0.5rem; float:left; background:#fff; border:1px solid #d5d8d6; border-radius:2px} .blog_img{ width:100%; height:168px; position:relative; overflow:hidden;} .blog_img div, .campaign_img div{ position:absolute; top:0; left:0; bottom:0; right:0; -moz-transform:translate(50%,50%); -ms-transform:translate(50%,50%); -o-transform:translate(50%,50%); -webkit-transform: translate(50%,50%); transform: translate(50%,50%);} .blog_img div img, .campaign_img div img{ position:absolute; top:0; left:0; max-height:120%; min-height:100%; min-width:100%; -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .blog_img div img{ max-height:100% !important} .blog_content{ padding:20px 16px 22px 16px; position:relative} .blog_content .title{ font-size:1.125em; color:#333; font-weight:bold; margin:0; height:46px} .blog_content p{ margin:14px 0; line-height:1.5; overflow:hidden; height:84px} .blog_content .blog_info{ color:#fa9e0d; border-radius:3px; border:1px solid #fa9e0d; font-size:12px; padding:2px 10px; margin-top:5px; display:inline-block} .new_store{ margin:2.125rem 0 2.65rem 0} .new_store ul li{ width:25%; float:left; padding-right:16px; height:36px; line-height:36px} .new_store ul li a{ font-size:15px; line-height:36px; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; color:#666} .new_store ul li a:hover{ color:#fa9e0c} @media screen and (max-width:1384px){ .single_produits_prev, .blog_lifestyle_prev{ margin-left:-10px} .single_produits_next, .blog_lifestyle_next{ margin-right:-10px} } @media screen and (max-width:1279px){ .content_area{ width:auto!important; margin-left:16px; margin-right:16px; padding:0 !important} .single_produits_prev, .blog_lifestyle_prev{ margin-left:0} .single_produits_next, .blog_lifestyle_next{ margin-right:0} .blog_content_show, .produits_content_show{ width:98%} } @media screen and (max-width: 1200px){ .blog_content_show, .produits_content_show{width:95%;} .blog_lifestyle ul li, .produits_content li{ width:220px;} .site_advantage>li>img, .site_advantage li a img{padding:0.5rem 1.5rem 0.5rem 1.5rem} .site_advantage>li>span, .site_advantage li a span{font-size:1rem;} .site_advantage>li>p, .site_advantage li a p{font-size:0.825rem;} .grid_store ul li a{ height:81px} .campaign_content .discount{ font-size:1.45em} .codeexclusive_coupon ul li:last-child .campaign{ height:182px} .site_advantage>li>img, .site_advantage li a img{ zoom:0.7; -moz-transform:scale(0.7)} .page_down:before{ height:218px} .produits_content{ height:360px} } @media screen and (max-width:959px){ h2{font-size:1.25rem;color:#000;margin-bottom:0.5rem;} .slide-prev,.slide-next{display:none!important;} .site_advantage>li>span, .site_advantage li a span{font-size:0.825rem;} .site_advantage>li>p, .site_advantage li a p{font-size:0.75rem;} .grid_coupon ul li{ width:25%} .grid_store ul li a img{ display:none} .grid_store ul li p{ display:block} .grid_store ul li{ width:auto; padding-right:6px; margin-bottom:6px} .grid_store ul li a{ height:auto; border-radius:2px; padding:10px} .page_down:before{ height:178px} } @media screen and (max-width:826px){ .banner_area{ margin:0 auto 2.125rem auto} .grid_store{ margin-bottom:1.75rem} .grid_coupon{ margin-top:0.15rem} .grid_coupon ul li{ width:100%; margin-bottom:10px} .coupon_wrapper{ text-align:left; min-height:98px} .index_store_logo{ width:112px; height:98px; float:left} .coupon_content{ background:none; padding-right:178px; padding-left:112px} .coupon_content span{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap} .coupon_content p{ overflow:inherit; text-overflow:inherit; white-space:inherit} .coupon_content .coupon_btn{ position:absolute; right:32px; top:50%; margin-top:-1.125rem} .campaign_content .index_store_logo{ width:66px; height:66px} .campaign_content{ padding: 6px 16px 10px 90px} .codeexclusive_coupon ul li{ width:50%; margin-bottom:16px} .codeexclusive_coupon ul li:nth-child(5){ width:100%} .codeexclusive_img{ background-position:center bottom} .blog_content_show, .produits_content_show{ width:706px} .grid_coupon h2, .blog_lifestyle h2, .single_produits .ac_orange{ font-size:1.75rem} .single_produits{ width:380px} .single_produits a:before, .single_produits a:after{ margin-top:10px} } @media screen and (max-width:767px){ .site_advantage>li{padding:1.5rem} .page_down:before{ display:none} .blog_content_show, .produits_content_show{width:492.7px;} .produits_title>p,.produits_title>p>a{font-size: 0.875rem;} } @media screen and (max-width:670px){ .site_advantage>li{padding:1rem;} .site_advantage>li>img, .site_advantage li a img{padding:0.5rem;} .promos_title{height:90px;} .promos_title p{font-size:1rem;line-height:1.5rem;} } @media screen and (max-width:570px){ .blog_content_show, .produits_content_show{width:298px;} .blog_lifestyle ul li, .produits_content li{ width:246px} .produits_content{ height:384px} } @media screen and (max-width:479px){ ul.es-pager li{ width:0.5rem; height:0.5rem; border-width:1px;} .index_email{ width:100%;} .single_produits_prev, .single_produits_next, .blog_lifestyle_prev, .blog_lifestyle_next{width:40px; height:40px;} .single_produits_prev:before, .blog_lifestyle_prev:before{margin-left:-6px; margin-top:0} .single_produits_prev:after, .blog_lifestyle_prev:after{margin-left:-2px;} .single_produits_next:before, .blog_lifestyle_next:before{margin-left:15px; margin-top:0} .single_produits_next:after, .blog_lifestyle_next:after{margin-left:11px;} .site_advantage>li>span, .site_advantage li a span{font-size:0.825rem; font-weight:normal;} .site_advantage>li>p, .site_advantage li a p{font-size:0.75rem;} .coupon_content{ background:none; padding:16px; padding-left:112px} .coupon_content p{ font-size:1.125em} .coupon_content .coupon_btn{ display:none} .campaign{ min-height:136px} .campaign_img{ height:100px} .codeexclusive_coupon ul li:last-child .campaign{ height:168px} .campaign_content .index_store_logo{ width:56px; height:56px; bottom:72px; left:inherit; right:12px; position:absolute} .campaign_content{ padding: 6px 16px 10px 12px; position:relative} .grid_coupon h2, .blog_lifestyle h2, .single_produits .ac_orange, .new_store h2{ font-size:1.5rem} .single_produits{ width:100%; text-align:center} .single_produits a:before, .single_produits a:after{ display:none} .site_advantage>li{padding:0 0.5rem;padding-top:0.5rem; width:50%; height:150px} .site_advantage>li>img, .site_advantage li a img{padding:0} .new_store ul li{ width:50%} } @media screen and (max-width:320px){ .blog_content_show, .produits_content_show{width:246.33px;} } @media screen and (max-width: 1199px){ .content_area{width:60rem;} /*index*/ .hot_coupon a{height:9.5rem;} .category h2{font-size:1.25rem;} /*allstore*/ .change span:nth-of-type(2){width:78%;} .small_hide{display:none;} /*activityTemplate*/ .product_cou_tit{ font-size:1rem; height:1.125rem} .product_coupon ul li.product_coupon_box .index_img{ height:11rem} .product_coupon ul li .index_img{ height:8rem} .de_content a:nth-of-type(1){font-size:1.125rem;line-height:1rem;} .de_content{margin-left:4rem;} } @media screen and (max-width: 959px){ .content_area{width:100%;padding-left:1rem;padding-right:1rem;} .hot_coupon a{height:7.25rem;top:0.5rem;} .hot_coupon a i:nth-of-type(1){font-size:2.125rem;padding-top:0.9375rem;} .hot_coupon a i:nth-of-type(2){padding:2px;font-size:0.75rem;} .wrong_description{margin-bottom:0.3125rem;padding-top:2.5rem;} /*allstore*/ .filter_category{padding:0;} .a_z,.alphabetical_order{padding:0 1.25rem!important;} .store_filter li{width:18.32%;height:10.625rem;margin:0.7%;} #sale_store a{width:18.4%;height:9.0625rem;margin:0.8%; } #sale_store a.no_margin_r{margin-right:0.8%;} #sale_store a p{padding-top:0.8125rem;} .sale{padding-top:5.25rem;} .sale span,.sale p{margin-top:1.5625rem;} .single_l_con02 a{width:23%;} /*all category,top magasins*/ .magasins_connus{display:none;} .all_category_store{width:100%;} .section_categories span{margin-right:7%;} .section_categories div ul {width:82%;} .par_categories_filter a{width:33.3333%;} /*all coupon*/ .de{padding:10px 5rem 0 6rem;} .store_logo{width:4rem;height:4rem;} .ca{width:4.5rem;height:4.5rem;} .thumbs li:nth-of-type(4),.thumbs li:nth-of-type(5){display:none;} .red_font_size{font-size:1.25rem!important;font-weight:bold;} /*activityTemplate*/ .product_coupon ul li{ width:33.333%;} .promo_codes_con{padding:0 0.25rem;} .promo_codes_con .a11_coupon_02{width:100%;margin-right:0;} .promo_codes_con .coupon_down li:nth-of-type(4){display:block;} .promo_codes_con .coupon_down li{padding-right:1rem;} .promo_codes .store_logo{ width:6rem} .promo_codes .de{ padding:10px 5.5rem 0 6.25rem} .code_filter span{display:inline-block;padding:0.25rem 0.65rem;border:1px solid #ee9911;border-radius:5rem;} .code_filter>nav{position:absolute;z-index:889;} } @media screen and (max-width: 812px){ .product_coupon ul li.product_coupon_box .index_img, .product_coupon ul li .index_img{ height:8.5rem} } @media screen and (max-width: 767px){ /*body*/ .p1{display:none;} .p2{display:block;} .p2:after{content:">>";margin-left:0.625rem} .pop_search,.about_us,#content .store div,.category a,.store_filter a p,.phone_pop_s,.seo,.store div a{display:none;} #content aside{float:;width:100%;background-color:#edf1ee;} #content .store{overflow:hidden;} .store,.category{margin-bottom:0;background-color:#edf1ee;} .store div{border:none;padding:0;height:auto;} .store,.popular_store,.popular_store h2{border:none;overflow: hidden;} .line,.pop_store a{border:none;} .category,.category h2{border:0;} .category{margin:1rem 0;background:#fff;} .category h2{background:#fa9e0c;color:#fff;cursor:pointer;} .con_right{width:100%;clear:both;margin:0 auto;} .con_left{width:100%;clear:both;margin:0 auto;} .one_to_nine a{width:50%;padding-left:5%;} .change span{width:35%;} .par_categories_filter a{width:50%;padding-left:5%;} .store_filter a{width:23%;margin:1%;height:5.125rem;} /*all coupon*/ .coupon_ajax{width:100%;} .hot_coupon{height:9.375rem;} .single_l_con02{margin-top:0;} .single_l_con02 a,#sale_store a{width:31.3333%;} .single_title{padding-top:1.125rem;} /*all category*/ .section_categories{padding-bottom:0.625rem;} .section_categories span{display: none;} .section_categories div ul{width:100%;margin-right: 0;} .section_categories li{width:48%;padding:0 1%;} .section_categories p:nth-of-type(1){text-align: center;} .section_categories p:nth-of-type(2){text-align: center;width:70%;background:#fa9e0c;color:#fff;margin:0.625rem 0 0 12%;border-radius:0.3125rem; padding:0;} .section_categories p:nth-of-type(2) a{color:#fff;display: block;padding:0.625rem 3%;} .section_categories p:nth-of-type(2) a:before{color:#fff;} .section_categories li a{font-size:0.8125rem;line-height:1.25rem;} .store_filter a img{max-height:2rem;} /*cpm*/ .category_nav h1{padding-top:1.125rem;} .wrong_description{padding-top:0;} .single_title{padding:0.625rem;} .sale{padding-top:1.125rem;} .sale h1{font-size:1.125rem;padding:0.625rem 0.625rem 0.625rem 1.875rem;} /*about us,privacy policy,contact us*/ .about_store_logo a{height:6.25rem;} .sale02 aside{display:none;} .sale02 section{padding-left:2%;} .sale02 .coupon_single{width:100%;} .sale02 ul{margin-bottom: 1rem;} .sale02 li {margin-bottom: 0.4rem;} .hot_coupon{padding-top:0.3125rem;} .privacy_policy h1{font-size:1.25rem;} /*activityTemplate*/ .main_content{padding-top:0} .acti_text p{font-size:0.75rem;line-height:1.25rem;} .acti_describe.less p{ max-height:40px;} .acti_describe.less span{ font-size:0.75rem} .product_coupon ul li.product_coupon_box, .product_coupon ul li{ width:50%;} .product_coupon ul li.product_coupon_box .index_img, .product_coupon ul li .index_img{ height:11.5rem} .cat{width:3.75rem;height:3.75rem;} .cat i{font-size:1.5rem;padding-top:0.125rem;} .cat i:nth-of-type(2){font-size:0.75rem;line-height:0.75rem;bottom:0.25rem;} .de_content{margin-left:3.75rem;} .promo_codes_con .a11_coupon_02{height:9rem;} .de_content p{display:block;padding-top:0.5rem;height:2rem;} .de_content p span{width:99%;height:2rem;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:0.75rem;} .des>a{width:12%;right:-1rem;} .promo_store h2, .promo_codes h2,.acti_text h1{font-size:1.25rem;padding-bottom:1.25rem;padding-bottom:0.75rem;} /*footer*/ .foot_link a{ font-size:0.625rem} } @media screen and (max-width: 670px){ .hot_coupon{height:7.6875rem;} .hot_coupon a{height:5rem;} .hot_coupon .filter_01{width:100%;height:100%;left:0;top:0;} .hot_coupon a i:nth-of-type(1){font-size:2rem;padding-top:0.5625rem;} /*all category*/ .section_categories li {width:100%;padding:0;text-align: center;} .section_categories li a{font-size:0.9375rem;} /*cpm*/ .sale span.sale_ban{margin-top:1.5625rem;} /*activityTemplate*/ .product_coupon ul li.product_coupon_box .index_img, .product_coupon ul li .index_img{ height:10.5rem} .promo_store_con p{font-size:0.75rem;} } @media screen and (max-width: 610px){ .hot_coupon{height:6.25rem;} .hot_coupon a{height:3.75rem;} .hot_coupon a i:nth-of-type(2){display:none;} .hot_coupon a i:nth-of-type(1){font-size:2.125rem;padding-top:0.875rem;} .coupon_down li:nth-of-type(4){display:none;} /*footer*/ .copyright{float:none; text-align:center;} .foot_link{float:none;padding:0; padding-bottom:1rem;} .flag_wrap{ text-align:center} .flag_wrap a{ margin-bottom:10px;} } @media screen and (max-width: 530px){ .crumbs ul li a{font-size:0.75rem;padding:0.3125rem;} .de_content a:nth-of-type(1){font-size:1rem;} } @media screen and (max-width: 500px){ .section_categories p:nth-of-type(2) {font-size:0.8125rem;} .thumbs li:nth-of-type(1){display:none;} .thumbs li:nth-of-type(2){border:none;padding-left:0;} } @media screen and (max-width: 479px){ #content .store>a:nth-of-type(7),#content .store>a:nth-of-type(8),.thumbs li:nth-of-type(4),.glide__arrow{display:none;} .coupon_con_r a.a01{font-size:1rem;line-height:1.5rem;} .coupon_con_r p{font-size:0.875rem;} .coupon_con_r a:nth-of-type(2){margin-left:-0.75rem;} .index_promotions{border-top:1px dashed #dcdcdc;padding:0.5rem 0 0 22%;} .coupon_des a{font-size:1rem;} .wrong_description{font-size:1.375rem;line-height:1.375rem;} .single_l_con02 a,#sale_store a{width:46%;margin:2%;} .coupon_single h1{font-size:1.25rem;} .one_to_nine a,.par_categories_filter a{width:100%;} .change span{width:47%;} .store_filter a{width:31.3333%;} .change a{font-size:0.75rem;width:45%;padding:0;} /*all coupon*/ .coupon_up{height:6.5rem;} .coupon_btn{width:7.5rem;} .de{padding:10px 5rem 0 5.25rem;} .ca{width:4rem;height:4rem;} .store_logo{width:4rem;height:4rem;} .new_title{font-size:14px;line-height:15px;} .old_title{font-size:0.75rem;line-height:0.75rem;} /*cpm*/ .single_l_con02 h2{padding:0.625rem;font-size:1.25rem;} /*about us*/ .about_store_logo a{width:46%;height:5rem;} .static_wrapper p {font-size:1rem;} .product_coupon ul li.product_coupon_box .index_img, .product_coupon ul li .index_img{ height:6rem} } @media screen and (max-width: 430px){ /*all category*/ .section_categories li{height:1.375rem;} .section_categories li a{font-size:0.875rem;} .promo_store h2, .promo_codes h2{font-size:1rem;padding-bottom:1rem;} .code_filter span{font-size:0.875rem;} } @media screen and (max-width: 400px){ .de{padding-right:4rem;} .store_logo{width:3rem;height:3rem;} .ca i:nth-of-type(1){font-size:1.75rem;padding-top:0.375rem;} .de_content a:nth-of-type(1){font-size:0.875rem;} } @media screen and (max-width: 388px){ .index_promotions{padding-left:15%;} /*all category*/ .section_categories li{height:1.25rem;} .section_categories li a{font-size:0.75rem;} .product_coupon ul li.product_coupon_box .index_img, .product_coupon ul li .index_img{ height:5.5rem} } @media screen and (max-width: 345px){ .coupon_single h1{padding-bottom:0.75rem;} .product_coupon ul li.product_coupon_box .index_img, .product_coupon ul li .index_img{ height:4.5rem} }