@charset "UTF-8";
.pagination, .form-member__header, .review-stats-item, .product-page--machine .tab-switcher__item, .account-sidebar__title, .account-sidebar__subtitle, .account-detail__title, .account-detail__subtitle, .my-easyordering-start__title, .my-easyordering-steps__title, .my-easyorders-item__highlight, .my-easyorders-item__price, .small-product-line--header, .create-easyorder__list-header__item, .create-easyorder__total__txt, .create-easyorder__total__price, .orderlist-detail__title, .nespresso-badge, .pickup .pickup__switcher__item {
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'nnsa';
    src: url("fonts/icon/nnsa08dd.eot?vluygf");
    src: url("fonts/icon/nnsa08dd.eot?vluygf#iefix") format("embedded-opentype"), url("fonts/icon/nnsa08dd.ttf?vluygf") format("truetype"), url("fonts/icon/nnsa08dd.woff?vluygf") format("woff"), url("fonts/icon/nnsa08dd.svg?vluygf#nnsa") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dyslexia';
    src: url("fonts/dyslexia/OpenDyslexic-Regular08dd.eot?vluygf");
    src: url("fonts/dyslexia/OpenDyslexic-Regular08dd.eot?vluygf#iefix") format("embedded-opentype"), url("fonts/dyslexia/OpenDyslexic-Regular08dd.ttf?vluygf") format("truetype"), url("fonts/dyslexia/OpenDyslexic-Regular08dd.woff?vluygf") format("woff"), url("fontsdyslexia/OpenDyslexic-Regular08dd.html?vluygf#nnsa") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"], .icon, .product-list-item .product-text .product-description .cupsize i:before, #header .site_title a:before, .slocator .slocator-locations__details-action:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'nnsa' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
    content: "\ea68";
}

.icon-warranty2_off:before {
    content: "\e901";
}

.icon-machine_recycling_off:before {
    content: "\e900";
}

.icon-lock:before {
    content: "\e902";
}

.icon-more:before {
    content: "\e903";
}

.icon-facebook:before {
    content: "\e904";
}

.icon-instagram:before {
    content: "\e905";
}

.icon-youtube:before {
    content: "\e906";
}

.icon-pause:before {
    content: "\e907";
}

.icon-store:before {
    content: "\e908";
}

.icon-twitter:before {
    content: "\e909";
}

.icon-play:before {
    content: "\e90a";
}

.icon-arrow_left:before {
    content: "\e90b";
}

.icon-arrow_right:before {
    content: "\e90c";
}

.icon-arrow_up:before {
    content: "\e90d";
}

.icon-plus:before {
    content: "\e90e";
}

.icon-bag:before {
    content: "\e90f";
}

.icon-pinterest:before {
    content: "\e910";
}

.icon-arrow:before {
    content: "\e911";
}

.icon-top_page:before {
    content: "\e912";
}

.icon-circle_min:before, .slocator .slocator-locations__details.active .slocator-locations__details-action:before {
    content: "\e913";
}

.icon-circle_plus:before, .slocator .slocator-locations__details-action:before {
    content: "\e914";
}

.icon-wifi:before {
    content: "\e915";
}

.icon-bluetooth:before {
    content: "\e916";
}

.icon-star:before {
    content: "\e917";
}

.icon-gift:before {
    content: "\e918";
}

.icon-phone:before {
    content: "\e919";
}

.icon-delivery_box:before {
    content: "\e91a";
}

.icon-delivery_pickup:before {
    content: "\e91b";
}

.icon-delivery_store:before {
    content: "\e91c";
}

.icon-delivery_time:before {
    content: "\e91d";
}

.icon-capsule:before {
    content: "\e91e";
}

.icon-card:before {
    content: "\e91f";
}

.icon-machine:before {
    content: "\e920";
}

.icon-sweets:before {
    content: "\e921";
}

.icon-accessories:before {
    content: "\e922";
}

.icon-basket:before {
    content: "\e923";
}

.icon-business:before {
    content: "\e924";
}

.icon-faq:before {
    content: "\e925";
}

.icon-location:before {
    content: "\e926";
}

.icon-recycling:before {
    content: "\e927";
}

.icon-services:before {
    content: "\e928";
}

.icon-easy-order:before {
    content: "\e929";
}

.icon-invoice:before {
    content: "\e92a";
}

.icon-espresso_on-off:before, .product-list-item .product-text .product-description .cupsize__2:before {
    content: "\e92b";
}

.icon-lungo_on-off:before, .product-list-item .product-text .product-description .cupsize__3:before {
    content: "\e92c";
}

.icon-ristretto_on-off:before, .product-list-item .product-text .product-description .cupsize__1:before {
    content: "\e92d";
}

.icon-vertuo:before {
    content: "\e92e";
}

.icon-nespresso_logo:before, #header .site_title a:before,
.icon-nespresso_logo:before, #header .site_title a:before {
    content: "\e92f";
}

.icon-automatic_off_mode:before {
    content: "\e930";
}

.icon-cup_size_espresso-lungo:before {
    content: "\e931";
}

.icon-fast_heat_up_25s:before {
    content: "\e932";
}

.icon-green_coffee_Variety_off:before {
    content: "\e933";
}

.icon-bullhorn:before {
    content: "\e934";
}

.icon-calendar:before {
    content: "\e935";
}

.icon-check:before {
    content: "\e936";
}

.icon-clock:before {
    content: "\e937";
}

.icon-desktop:before {
    content: "\e938";
}

.icon-arrow-bottom:before {
    content: "\e939";
}

.icon-Privacy_policy_1_off:before {
    content: "\e93a";
}

.icon-intensity:before {
    content: "\e93b";
}

.icon-alert:before {
    content: "\e93c";
}

.icon-Privacy_policy_1_on:before {
    content: "\e93d";
}

.icon-Privacy_policy_2_off:before {
    content: "\e93e";
}

.icon-Privacy_policy_2_on:before {
    content: "\e93f";
}

.icon-Promos_gifts_off:before {
    content: "\e940";
}

.icon-Promos_gifts_on:before {
    content: "\e941";
}

.icon-Raostiness_off:before {
    content: "\e942";
}

.icon-Raostiness_on:before {
    content: "\e943";
}

.icon-Recipes_off:before {
    content: "\e944";
}

.icon-uniE945:before {
    content: "\e945";
}

.icon-uniE946:before {
    content: "\e946";
}

.icon-uniE947:before {
    content: "\e947";
}

.icon-uniE948:before {
    content: "\e948";
}

.icon-uniE949:before {
    content: "\e949";
}

.icon-uniE94A:before {
    content: "\e94a";
}

.icon-uniE94B:before {
    content: "\e94b";
}

.icon-uniE94C:before {
    content: "\e94c";
}

.icon-uniE94D:before {
    content: "\e94d";
}

.icon-uniE94E:before {
    content: "\e94e";
}

.icon-uniE94F:before {
    content: "\e94f";
}

.icon-uniE950:before {
    content: "\e950";
}

.icon-uniE951:before {
    content: "\e951";
}

.icon-uniE952:before {
    content: "\e952";
}

.icon-uniE953:before {
    content: "\e953";
}

.icon-uniE954:before {
    content: "\e954";
}

.icon-uniE955:before {
    content: "\e955";
}

.icon-uniE956:before {
    content: "\e956";
}

.icon-Recycling_bag_off:before {
    content: "\e957";
}

.icon-Recycling_bag_on:before {
    content: "\e958";
}

.icon-Recycling_off:before {
    content: "\e959";
}

.icon-Recycling_on:before {
    content: "\e95a";
}

.icon-Recycling_point_off:before {
    content: "\e95b";
}

.icon-Recycling_point_on:before {
    content: "\e95c";
}

.icon-Refund_off:before {
    content: "\e95d";
}

.icon-Refund_on:before {
    content: "\e95e";
}

.icon-Resellers_2_off:before {
    content: "\e95f";
}

.icon-Resellers_2_on:before {
    content: "\e960";
}

.icon-Resellers_off:before {
    content: "\e961";
}

.icon-Resellers_on:before {
    content: "\e962";
}

.icon-Re-shipping_off:before {
    content: "\e963";
}

.icon-Re-shipping_on:before {
    content: "\e964";
}

.icon-Ristretto_on-off:before {
    content: "\e965";
}

.icon-Roasted_off:before {
    content: "\e966";
}

.icon-Roasted_on:before {
    content: "\e967";
}

.icon-Satisfied_Or_reimbursed:before {
    content: "\e968";
}

.icon-Scan_camera:before {
    content: "\e969";
}

.icon-Scan_camera_photo_off:before {
    content: "\e96a";
}

.icon-Scan_camera_photo_on:before {
    content: "\e96b";
}

.icon-Secure_payment_off:before {
    content: "\e96c";
}

.icon-Secure_payment_on:before {
    content: "\e96d";
}

.icon-Self_selection_off:before {
    content: "\e96e";
}

.icon-Self_Selection_on:before {
    content: "\e96f";
}

.icon-Services_off:before {
    content: "\e970";
}

.icon-Services_on:before {
    content: "\e971";
}

.icon-SMS_Appointment_reminder_off:before {
    content: "\e972";
}

.icon-SMS_Appointment_reminder_on:before {
    content: "\e973";
}

.icon-Spicy_off:before {
    content: "\e974";
}

.icon-Spicy_on:before {
    content: "\e975";
}

.icon-Stick_a_label_off:before {
    content: "\e976";
}

.icon-Stick_a_label_on:before {
    content: "\e977";
}

.icon-Take_appointment_off:before {
    content: "\e978";
}

.icon-Take_appointment_on:before {
    content: "\e979";
}

.icon-Tasting:before {
    content: "\e97a";
}

.icon-Terms_conditions_1_off:before {
    content: "\e97b";
}

.icon-Terms_conditions_1_on:before {
    content: "\e97c";
}

.icon-Terms_conditions_2_off:before {
    content: "\e97d";
}

.icon-Terms_conditions_2_on:before {
    content: "\e97e";
}

.icon-Terms_of_Sale_1_off:before {
    content: "\e97f";
}

.icon-Terms_of_Sale_1_on:before {
    content: "\e980";
}

.icon-Terms_of_sale_2_off:before {
    content: "\e981";
}

.icon-Terms_of_sale_2_on:before {
    content: "\e982";
}

.icon-Trash-Remove_off:before {
    content: "\e983";
}

.icon-Trash-Remove_on:before {
    content: "\e984";
}

.icon-Trash-Remove_open_off:before {
    content: "\e985";
}

.icon-Trash-Remove_open_on:before {
    content: "\e986";
}

.icon-Tweeter:before {
    content: "\e987";
}

.icon-Umachine_capsule_ejection:before {
    content: "\e988";
}

.icon-Umachine_capsule_ejection_on:before {
    content: "\e989";
}

.icon-Umachine_modularity:before {
    content: "\e98a";
}

.icon-Umachine_modularity_on:before {
    content: "\e98b";
}

.icon-Used_capsules_container:before {
    content: "\e98c";
}

.icon-Velvety_high_quality_milk:before {
    content: "\e98d";
}

.icon-Vertuo_barcode_Reading_tech:before {
    content: "\e98e";
}

.icon-Vertuo_barcode_Reading_tech_on:before {
    content: "\e98f";
}

.icon-Vertuo_centrifusion:before {
    content: "\e990";
}

.icon-Vertuo_Coffee_capsule_off:before {
    content: "\e991";
}

.icon-Vertuo_Coffee_capsule_on:before {
    content: "\e992";
}

.icon-Vertuo_cup_coffee-espresso:before {
    content: "\e993";
}

.icon-Vertuo_espresso_capsule_off:before {
    content: "\e994";
}

.icon-Vertuo_espresso_capsule_on:before {
    content: "\e995";
}

.icon-Vertuo_espresso_coffee_capsule_off:before {
    content: "\e996";
}

.icon-Vertuo_espresso_coffee_capsule_on:before {
    content: "\e997";
}

.icon-Vertuo_machine_espresso_off:before {
    content: "\e998";
}

.icon-Vertuo_machine_espresso_on:before {
    content: "\e999";
}

.icon-Vertuo_machine_HowToChoose_off:before {
    content: "\e99a";
}

.icon-Vertuo_machine_HowToChoose_on:before {
    content: "\e99b";
}

.icon-Vertuo_machine_off:before {
    content: "\e99c";
}

.icon-Vertuo_machine_on:before {
    content: "\e99d";
}

.icon-Vertuoline_logo:before {
    content: "\e99e";
}

.icon-Virtuo_accessories_off:before {
    content: "\e99f";
}

.icon-Virtuo_accessories_on:before {
    content: "\e9a0";
}

.icon-Virtuo_centrifision_with_tagline:before {
    content: "\e9a1";
}

.icon-Virtuo_Cup_Coffee:before {
    content: "\e9a2";
}

.icon-Virtuo_Cup_Coffee-Espresso:before {
    content: "\e9a3";
}

.icon-Virtuo_Cup_espresso:before {
    content: "\e9a4";
}

.icon-Virtuo_CupSize_Coffee-espresso:before {
    content: "\e9a5";
}

.icon-Virtuo_CupSize_Coffee-espresso_W:before {
    content: "\e9a6";
}

.icon-Visit_off:before {
    content: "\e9a7";
}

.icon-Visit_on:before {
    content: "\e9a8";
}

.icon-Volume_control:before {
    content: "\e9a9";
}

.icon-Water_tank:before {
    content: "\e9aa";
}

.icon-Web_2_off:before {
    content: "\e9ab";
}

.icon-Web_2_on:before {
    content: "\e9ac";
}

.icon-Web_off:before {
    content: "\e9ad";
}

.icon-Web_on:before {
    content: "\e9ae";
}

.icon-Woody_off:before {
    content: "\e9af";
}

.icon-Woody_on:before {
    content: "\e9b0";
}

.icon-Write_comment_off:before {
    content: "\e9b1";
}

.icon-Write_comment_on:before {
    content: "\e9b2";
}

.icon-Your_time_off:before {
    content: "\e9b3";
}

.icon-Your_time_on:before {
    content: "\e9b4";
}

.icon-YouTube:before {
    content: "\e9b5";
}

.icon-News_off:before {
    content: "\e9b6";
}

.icon-News_on:before {
    content: "\e9b7";
}

.icon-Nwhere_location_off:before {
    content: "\e9b8";
}

.icon-Nwhere_location_on:before {
    content: "\e9b9";
}

.icon-online_support:before {
    content: "\e9ba";
}

.icon-OriginalLine_logo:before {
    content: "\e9bb";
}

.icon-Other_off:before {
    content: "\e9bc";
}

.icon-Other_on:before {
    content: "\e9bd";
}

.icon-Phone_or_Emailing_off:before {
    content: "\e9be";
}

.icon-uniE9BF:before {
    content: "\e9bf";
}

.icon-uniE9C0:before {
    content: "\e9c0";
}

.icon-uniE9C1:before {
    content: "\e9c1";
}

.icon-Pick_up_point_off:before {
    content: "\e9c2";
}

.icon-Pick_up_point_on:before {
    content: "\e9c3";
}

.icon-pictoHome:before {
    content: "\e9c4";
}

.icon-Picto:before {
    content: "\e9c5";
}

.icon-Picto_:before {
    content: "\e9c6";
}

.icon-Picto_astagram_plain:before {
    content: "\e9c7";
}

.icon-Picto_capsule_filtres:before {
    content: "\e9c8";
}

.icon-PICTO_CRAYON:before {
    content: "\e9c9";
}

.icon-Picto_croisrefermer:before {
    content: "\e9ca";
}

.icon-Picto_LirePlus:before {
    content: "\e9cb";
}

.icon-picto_mypersonalinfo:before {
    content: "\e9cc";
}

.icon-picto_rafraichir:before {
    content: "\e9cd";
}

.icon-picto_renovellementcommande:before {
    content: "\e9ce";
}

.icon-picto_voir:before {
    content: "\e9cf";
}

.icon-Pinterest:before {
    content: "\e9d0";
}

.icon-Price_Range_off:before {
    content: "\e9d1";
}

.icon-Price_Range_on:before {
    content: "\e9d2";
}

.icon-Print_off:before {
    content: "\e9d3";
}

.icon-print_on:before {
    content: "\e9d4";
}

.icon-programmable_buttons:before {
    content: "\e9d5";
}

.icon-programmable_buttons_on:before {
    content: "\e9d6";
}

.icon-off:before {
    content: "\e9d7";
}

.icon-on:before {
    content: "\e9d8";
}

.icon-Accessoires_panier:before {
    content: "\e9d9";
}

.icon-Accessories_off:before {
    content: "\e9da";
}

.icon-Accessories_on:before {
    content: "\e9db";
}

.icon-Advanced_steam_pipe:before {
    content: "\e9dc";
}

.icon-Alerts_subscriptions_off:before {
    content: "\e9dd";
}

.icon-Alerts_subscriptions_on:before {
    content: "\e9de";
}

.icon-Aroma_off:before {
    content: "\e9df";
}

.icon-Aroma_on:before {
    content: "\e9e0";
}

.icon-Article_packing_off:before {
    content: "\e9e1";
}

.icon-Article_packing_on:before {
    content: "\e9e2";
}

.icon-Astagram:before {
    content: "\e9e3";
}

.icon-Auto_clean_system:before {
    content: "\e9e4";
}

.icon-Auto_clean_system_on:before {
    content: "\e9e5";
}

.icon-Automatic_off_mode:before {
    content: "\e9e6";
}

.icon-Automatic_off_mode_on:before {
    content: "\e9e7";
}

.icon-Basket_off:before {
    content: "\e9e8";
}

.icon-Basket_on:before {
    content: "\e9e9";
}

.icon-Bites_off:before {
    content: "\e9ea";
}

.icon-Bites_on:before {
    content: "\e9eb";
}

.icon-Bitterness_off:before {
    content: "\e9ec";
}

.icon-Bitterness_on:before {
    content: "\e9ed";
}

.icon-Body_off:before {
    content: "\e9ee";
}

.icon-Body_on:before {
    content: "\e9ef";
}

.icon-Boutique_off:before {
    content: "\e9f0";
}

.icon-Boutique_on:before {
    content: "\e9f1";
}

.icon-Boutique_pick_up_off:before {
    content: "\e9f2";
}

.icon-Boutique_pick_up_on:before {
    content: "\e9f3";
}

.icon-Business_solutions_off:before {
    content: "\e9f4";
}

.icon-Business_solutions_on:before {
    content: "\e9f5";
}

.icon-Button_Brewing:before {
    content: "\e9f6";
}

.icon-Button_Brewing_on:before {
    content: "\e9f7";
}

.icon-Call_back_off:before {
    content: "\e9f8";
}

.icon-Call_back_on:before {
    content: "\e9f9";
}

.icon-Capsule_ejection:before {
    content: "\e9fa";
}

.icon-Capsule_panier:before {
    content: "\e9fb";
}

.icon-Capuccino_off:before {
    content: "\e9fc";
}

.icon-Capuccino_on:before {
    content: "\e9fd";
}

.icon-Cereals_off:before {
    content: "\e9fe";
}

.icon-Cereals_on:before {
    content: "\e9ff";
}

.icon-Checkout_prefcredit_cart_off:before {
    content: "\ea00";
}

.icon-Checkout_prefcredit_cart_on:before {
    content: "\ea01";
}

.icon-Citrus:before {
    content: "\ea02";
}

.icon-Cocoa_off:before {
    content: "\ea03";
}

.icon-Cocoa_on:before {
    content: "\ea04";
}

.icon-Coffee_capsule_off:before {
    content: "\ea05";
}

.icon-Coffee_capsule_on:before {
    content: "\ea06";
}

.icon-Coffee_off:before {
    content: "\ea07";
}

.icon-Coffee_on:before {
    content: "\ea08";
}

.icon-Color_off:before {
    content: "\ea09";
}

.icon-Color_on:before {
    content: "\ea0a";
}

.icon-Compact:before {
    content: "\ea0b";
}

.icon-Compact_on:before {
    content: "\ea0c";
}

.icon-Compare_Machine_off:before {
    content: "\ea0d";
}

.icon-Compare_Machine_on:before {
    content: "\ea0e";
}

.icon-Contact_by_Mail_off:before {
    content: "\ea0f";
}

.icon-Contact_by_Mail_on:before {
    content: "\ea10";
}

.icon-Contact_US_off:before {
    content: "\ea11";
}

.icon-Contact_US_on:before {
    content: "\ea12";
}

.icon-Countries_languages_off:before {
    content: "\ea13";
}

.icon-Countries_languages_on:before {
    content: "\ea14";
}

.icon-Country_of_Origin_off:before {
    content: "\ea15";
}

.icon-Country_of_Origin_on:before {
    content: "\ea16";
}

.icon-CROIXrefermer:before {
    content: "\ea17";
}

.icon-Cup_Size:before {
    content: "\ea18";
}

.icon-Cup_size_espresso-lungo:before {
    content: "\ea19";
}

.icon-Cup_size_Ristretto-espresso-lungo:before {
    content: "\ea1a";
}

.icon-Cup_Size_With_Legend:before {
    content: "\ea1b";
}

.icon-Cup_warming_off:before {
    content: "\ea1c";
}

.icon-Cup_warming_on:before {
    content: "\ea1d";
}

.icon-Customer_care_on-off:before {
    content: "\ea1e";
}

.icon-Delivery_off:before {
    content: "\ea1f";
}

.icon-Delivery_on:before {
    content: "\ea20";
}

.icon-Digital_touch_screen:before {
    content: "\ea21";
}

.icon-Digital_touch_screen_on:before {
    content: "\ea22";
}

.icon-Eco:before {
    content: "\ea23";
}

.icon-Eco_friendly:before {
    content: "\ea24";
}

.icon-Eco_friendly_on:before {
    content: "\ea25";
}

.icon-Efficient:before {
    content: "\ea26";
}

.icon-Efficient_on:before {
    content: "\ea27";
}

.icon-Electronic_alert_descaling:before {
    content: "\ea28";
}

.icon-Electronic_alert_descaling_on:before {
    content: "\ea29";
}

.icon-Energy_off:before {
    content: "\ea2a";
}

.icon-Energy_on:before {
    content: "\ea2b";
}

.icon-Enter_info_manually_off:before {
    content: "\ea2c";
}

.icon-Enter_info_manually_on:before {
    content: "\ea2d";
}

.icon-Espresso_on-off:before {
    content: "\ea2e";
}

.icon-Exit_off:before {
    content: "\ea2f";
}

.icon-Exit_on:before {
    content: "\ea30";
}

.icon-Expertise_off:before {
    content: "\ea31";
}

.icon-Expertise_on:before {
    content: "\ea32";
}

.icon-Express_delivery_off:before {
    content: "\ea33";
}

.icon-Express_delivery_on:before {
    content: "\ea34";
}

.icon-Facebook:before {
    content: "\ea35";
}

.icon-FAQ_off:before {
    content: "\ea36";
}

.icon-FAQ_on:before {
    content: "\ea37";
}

.icon-Fast:before {
    content: "\ea38";
}

.icon-Fast_heat_up_15s:before {
    content: "\ea39";
}

.icon-Fast_heat_up_25:before {
    content: "\ea3a";
}

.icon-Fast_heat_up_25s:before {
    content: "\ea3b";
}

.icon-Fast_heat_up_30s:before {
    content: "\ea3c";
}

.icon-Fast_on:before {
    content: "\ea3d";
}

.icon-Fax_off:before {
    content: "\ea3e";
}

.icon-Fax_on:before {
    content: "\ea3f";
}

.icon-Feature_off:before {
    content: "\ea40";
}

.icon-Feature_on:before {
    content: "\ea41";
}

.icon-flechehautdepage:before {
    content: "\ea42";
}

.icon-Fleche:before {
    content: "\ea43";
}

.icon-Fleche_plaine:before {
    content: "\ea44";
}

.icon-Flowery_off:before {
    content: "\ea45";
}

.icon-Flowery_on:before {
    content: "\ea46";
}

.icon-Free_delivery_off:before {
    content: "\ea47";
}

.icon-Free_delivery_on:before {
    content: "\ea48";
}

.icon-Fruity_off:before {
    content: "\ea49";
}

.icon-Fruity_on:before {
    content: "\ea4a";
}

.icon-Get_direction_off:before {
    content: "\ea4b";
}

.icon-Get_direction_on:before {
    content: "\ea4c";
}

.icon-Gift_cart_off:before {
    content: "\ea4d";
}

.icon-Gift_cart_on:before {
    content: "\ea4e";
}

.icon-Google:before {
    content: "\ea4f";
}

.icon-Green_coffee_Variety_off:before {
    content: "\ea50";
}

.icon-Green_coffee_Variety_on:before {
    content: "\ea51";
}

.icon-Help_off:before {
    content: "\ea52";
}

.icon-Help_on:before {
    content: "\ea53";
}

.icon-Help_online:before {
    content: "\ea54";
}

.icon-High_pressure_19b:before {
    content: "\ea55";
}

.icon-High_pressure_19b_on:before {
    content: "\ea56";
}

.icon-High_pressure_off:before {
    content: "\ea57";
}

.icon-High_pressure_on:before {
    content: "\ea58";
}

.icon-Honey_off:before {
    content: "\ea59";
}

.icon-Honey_on:before {
    content: "\ea5a";
}

.icon-Hot_water:before {
    content: "\ea5b";
}

.icon-Information:before {
    content: "\ea5c";
}

.icon-Machines_off:before {
    content: "\ea5d";
}

.icon-Machines_on:before {
    content: "\ea5e";
}

.icon-My_address:before {
    content: "\ea5f";
}

.icon-My_information_off:before {
    content: "\ea60";
}

.icon-My_information_on:before {
    content: "\ea61";
}

.icon-INTENSITY-off:before {
    content: "\ea62";
}

.icon-invoice-off:before {
    content: "\ea63";
}

.icon-invoice-on:before {
    content: "\ea64";
}

.icon-INTENSITY-on:before {
    content: "\ea65";
}

.icon-Nespresso_Monogram:before {
    content: "\ea66";
}

.icon-Nespresso_Monogram_2:before {
    content: "\ea67";
}

.rangeslider {
    height: 7px;
    background: #b2b6b9;
    margin: 10px 0;
    position: relative;
}

.rangeslider .rangeslider__handle {
    position: absolute;
    top: -5px;
    width: 17px;
    height: 17px;
    background: #4c4c4c;
    border: 2px solid #fff;
    border-radius: 100%;
    cursor: pointer;
}

.rangeslider .rangeslider__output {
    position: absolute;
    top: 15px;
    width: 17px;
    text-align: center;
}


a {
    color: #986F38;
}

/* generic buttons */
.btn,
.yith-wcms-button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
    /*.added_to_cart, */
.widget a.button,
.site-header-cart .widget_shopping_cart a.button {
    display: inline-block;
    text-decoration: none;
    text-transform: initial;
    padding: 0px 20px;
    line-height: 40px !important;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.2em;
    height: 40px;
    min-width: 200px;
    color: white;
    text-align: center;
    background: #3D8705;
    border: 1px solid #000000;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-family: "Trebuchet MS", Arial, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle !important;
    /* colors */
    /* primary button : filled */
    /* with icon */
    /* full size */
    /* nav button */
}

.btn i:before {
    letter-spacing: 0;
}

.btn .btn-add-qty {
    position: absolute;
    top: 0;
    left: 0;
    height: 38px;
    width: 34px;
    line-height: 42px;
    text-align: center;
    font-style: normal;
    font-size: 10px;
    letter-spacing: 0;
    color: #986F38;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.product-list-item .btn .btn-add-qty{
    height: 40px;
    width: 100%;
    font-size: 14px;
    line-height: 40px;

}

.btn:hover,
.btn:focus,
.btn:active,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.widget a.button:hover,
.site-header-cart .widget_shopping_cart a.button:hover {
    outline: none;
    cursor: pointer;
    background: #000000;
    text-decoration: none;
}

.btn + .btn {
    margin-left: 10px;
}

.btn.btn-green,
.yith-wcms-button {
    border-color: #3D8705;
    background-color: #3D8705;
    outline: none;
}

.btn.btn-green .btn-add-qty,
.yith-wcms-button {
    color: #ffffff;
}

.btn.btn-green:active,
.btn.btn-green:hover,
.yith-wcms-button:hover,
.yith-wcms-button:active,
.yith-wcms-button:focus {
    color: white;
    border-color: #326e04 !important;
    background-color: #326e04 !important;
}

.btn.btn-primary {
    background-color: white;
    color: #000000;
    border-color: #000000;
    -webkit-box-shadow: transparent 0 0 0 0;
    -khtml-box-shadow: transparent 0 0 0 0;
    -moz-box-shadow: transparent 0 0 0 0;
    -ms-box-shadow: transparent 0 0 0 0;
    -o-box-shadow: transparent 0 0 0 0;
    box-shadow: transparent 0 0 0 0;
}

.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active {
    background: #000000;
    color: #ffffff;
    -webkit-box-shadow: transparent 0 0 0 0;
    -khtml-box-shadow: transparent 0 0 0 0;
    -moz-box-shadow: transparent 0 0 0 0;
    -ms-box-shadow: transparent 0 0 0 0;
    -o-box-shadow: transparent 0 0 0 0;
    box-shadow: transparent 0 0 0 0;
}

.btn.btn-primary:active {
    border-color: #656565;
    background-color: #656565;
}

.btn.btn-primary.btn-white {
    color: #ffffff;
    border-color: #ffffff;
    background: none;
}

.btn.btn-primary.btn-white:hover, .btn.btn-primary.btn-white:focus, .btn.btn-primary.btn-white:active {
    background: #ffffff;
    color: #000000;
}

.btn.btn-primary.btn-white:active {
    color: black;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}

.btn.btn-primary.btn-white.btn-disabled {
    color: #868686;
    border-color: #1f1f1f;
    background-color: #1f1f1f;
}

.btn.btn-primary.btn-white.btn-disabled:hover, .btn.btn-primary.btn-white.btn-disabled:focus, .btn.btn-primary.btn-white.btn-disabled:active {
    color: #868686;
    border-color: #1f1f1f;
    background-color: #1f1f1f;
}

.btn.btn-disabled {
    cursor: default !important;
    color: #777777 !important;
    border-color: transparent !important;
    background-color: #f3f3f3 !important;
    -webkit-box-shadow: transparent 0 0 0 0 !important;
    -khtml-box-shadow: transparent 0 0 0 0 !important;
    -moz-box-shadow: transparent 0 0 0 0 !important;
    -ms-box-shadow: transparent 0 0 0 0 !important;
    -o-box-shadow: transparent 0 0 0 0 !important;
    box-shadow: transparent 0 0 0 0 !important;
}

.btn.btn-disabled .btn-add-qty {
    color: white !important;
}

.btn.btn-disabled:active, .btn.btn-disabled:hover, .btn.btn-disabled:focus, .btn.btn-disabled:active {
    color: #777777 !important;
    border-color: transparent !important;
    background-color: #f3f3f3 !important;
    -webkit-box-shadow: transparent 0 0 0 0 !important;
    -khtml-box-shadow: transparent 0 0 0 0 !important;
    -moz-box-shadow: transparent 0 0 0 0 !important;
    -ms-box-shadow: transparent 0 0 0 0 !important;
    -o-box-shadow: transparent 0 0 0 0 !important;
    box-shadow: transparent 0 0 0 0 !important;
}

.btn.btn-disabled i {
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    -webkit-opacity: 0.4;
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
    -ms-opacity: 0.4;
    -o-opacity: 0.4;
    opacity: 0.4;
}

.btn.btn-icon, .btn.btn-icon-right {
    position: relative;
}

.btn.btn-icon i, .btn.btn-icon-right i {
    position: absolute;
    top: 0px;
    left: 0;
    height: 30px;
    width: 31px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    font-style: normal;
    margin: 4px 0 0 4px;
    /* font icon */
}

.btn.btn-icon i.fa, .btn.btn-icon-right i.fa {
    font-size: 17px;
}

.btn.btn-icon i.icon-arrow_right, .btn.btn-icon i.icon-arrow_left, .btn.btn-icon i.icon-plus, .btn.btn-icon-right i.icon-arrow_right, .btn.btn-icon-right i.icon-arrow_left, .btn.btn-icon-right i.icon-plus {
    font-size: 12px;
    line-height: 30px;
}

.btn.btn-icon i.icon-plus, .btn.btn-icon-right i.icon-plus {
    font-size: 16px;
}

.btn.btn-icon {
    padding: 0 40px 0 40px;
}

.btn.btn-icon-right {
    padding: 0 40px 0 20px;
}

.btn.btn-icon-right i:last-child {
    left: auto;
    right: 0;
}

.btn.btn-icon.btn-icon-right {
    padding: 0 15px;
    text-decoration: none !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
    /*.added_to_cart, */
.widget a.button,
.site-header-cart .widget_shopping_cart a.button {
    min-width: auto;
    width: auto;
    line-height: inherit;
}

@media (max-width: 480px) {
    .btn.btn-icon.btn-icon-right {
        padding-right: 0;
    }

}

.btn.btn-block {
    width: 100%;
    min-width: 0;
    display: block;
    text-align: center;
}

.btn.btn-small {
    padding: 0;
    height: 40px;
    min-width: 40px;
    font-size: 16px;
}

.btn.btn-small[data-cart] .btn-add-qty {
    top: 0;
    left: 0;
    color: transparent;
    display: block;
    padding: 0;
    height: 38px;
    min-width: 38px;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 38px;
    background: transparent;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.btn.btn-small[data-cart] .btn-add-qty.active {
    color: white;
    background: #3D8705;
}

@media screen and (max-width: 767px) {
    .btn.btn-small[data-cart] .btn-add-qty {
        top: 1px;
        left: 1px;
    }
}

.btn.btn-large {
    height: 50px;
    min-width: 270px;
    padding: 0 50px;
    line-height: 50px;
    font-size: 14px;
}

.btn.btn-large .btn-add-qty {
    height: 50px;
    width: 46px;
    line-height: 52px;
    font-size: 12px;
}

.btn.btn-large.btn-icon i, .btn.btn-large.btn-icon-right i {
    height: 50px;
    width: 50px;
    font-size: 36px;
    line-height: 46px;
}

.btn.btn-large.btn-icon i.icon-arrow_right, .btn.btn-large.btn-icon i.icon-arrow_left, .btn.btn-large.btn-icon i.icon-plus, .btn.btn-large.btn-icon-right i.icon-arrow_right, .btn.btn-large.btn-icon-right i.icon-arrow_left, .btn.btn-large.btn-icon-right i.icon-plus {
    line-height: 50px;
    font-size: 14px;
}

.btn.btn-large.btn-icon i.icon-plus, .btn.btn-large.btn-icon-right i.icon-plus {
    font-size: 16px;
}

.btn.btn-large.btn-icon {
    padding: 0 20px 0 50px;
}

.btn.btn-large.btn-icon-right {
    padding: 0 50px 0 20px;
}

.btn.btn-large.btn-icon.btn-icon-right {
    padding: 0 50px;
}

.btn.btn-noWidth {
    min-width: 0;
}

.btn.btn-nav {
    color: white;
    border-color: white;
    background: transparent;
    padding-right: 10px;
    max-width: auto;
    text-align: center;
}

.btn-search {
    margin-left: 10px;
}

.btn.btn-nav:hover, .btn.btn-nav:focus {
    color: #ffffff !important;
    border-color: #FFFFFF !important;
    background: #000000 !important;
}

.btn.btn-nav:active {
    color: black;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}

.btn.btn-nav .btn-add-qty {
    opacity: 0;
}

.btn.btn-nav .basket-full {
    display: none;
}

.btn.btn-nav.btn-basket {
    color: #FFFFFF;
    text-transform: uppercase;
}

.btn.btn-nav.btn-basket--active {
    border-color: #257a57;
    background-color: #257a57;
}

.btn.btn-nav.btn-basket--active .basket-empty {
    display: none;
}

.btn.btn-nav.btn-basket--active .basket-full {
    display: block;
}


@media screen and (max-width: 996px) {
    .btn.btn-nav.btn-basket--active .basket-full {
        display: none;
    }
}

.btn.btn-nav.btn-basket--active .icon-basket:before {
    content: "\e9a8";
}

.btn.btn-nav.btn-basket--active .btn-add-qty {
    opacity: 1;
    color: #3D8705;
}

.btn.btn-nav.btn-basket--active:hover, .btn.btn-nav.btn-basket--active:focus {
}

.btn.btn-nav.btn-basket--active:hover .btn-add-qty, .btn.btn-nav.btn-basket--active:focus .btn-add-qty {
}

.btn.btn-nav.btn-basket--active:active {
    color: black;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}

@media screen and (max-width: 996px) {
    .btn.btn-nav {
        border: 0;
        padding: 0;
        min-width: 0;
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 0;
        -webkit-box-shadow: transparent 0 0 0 0;
        -khtml-box-shadow: transparent 0 0 0 0;
        -moz-box-shadow: transparent 0 0 0 0;
        -ms-box-shadow: transparent 0 0 0 0;
        -o-box-shadow: transparent 0 0 0 0;
        box-shadow: transparent 0 0 0 0;
    }

    .btn.btn-nav i {
        width: 50px;
        line-height: 46px;
        font-size: 34px;
    }

    .btn.btn-nav i.icon-user {
        font-size: 30px;
        line-height: 52px;
    }

    .btn.btn-nav .btn-add-qty {
        width: 46px;
        line-height: 54px;
    }

    .btn.btn-nav .hide-md {
        display: none;
    }

    .btn.btn-nav.btn-search {
        margin-left: 0px;
    }

    .search-div {

    }
}

.container-btn {
    position: relative;
    display: inline-block;
}

.link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 1.5px;
    line-height: normal;
    font-weight: normal;
    color: #986F38;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.link:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background: #986F38;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.link:hover:before, .link:focus:before, .link:active:before {
    width: 100%;
}

.link--right {
    margin-right: 14px;
}

.link--right:after {
    position: absolute;
    right: -12px;
    bottom: 4px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    border-top: 1px solid #986F38;
    border-right: 1px solid #986F38;
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
}

.link--left {
    margin-left: 14px;
}

.link--left:after {
    position: absolute;
    left: -12px;
    bottom: 4px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    border-bottom: 1px solid #986F38;
    border-left: 1px solid #986F38;
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
}

.link--green {
    color: #3D8705;
}

.link--green:before {
    background-color: #3D8705;
}

.link--green:after {
    border-color: #3D8705;
}

/* dropdown button */
.dropdown {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    max-width: 100%;
    cursor: pointer;
    border: 1px solid #d4d4d4;
    width: 100%;
    height: 40px;
    padding: 0;
    margin-bottom: 20px;
    border-radius: 3px;
    background: white;
}

@media screen and (max-width: 767px) {
    .dropdown {
        margin-bottom: 10px;
    }
}

.dropdown .btn.btn-primary {
    height: 38px;
    width: 100%;
    pointer-events: none;
    text-align: left;
    cursor: pointer;
    color: #000000;
    background: none;
    border: none;
    border-radius: 0;
    font-weight: normal;
    text-transform: none;
    letter-spacing: 0.08em;
    padding: 9px 40px 8px 10px;
    font-size: 13px;
    line-height: 21px;
    min-width: 0;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    -khtml-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
}

.dropdown .btn.btn-primary i {
    left: auto;
    right: 0;
    line-height: 38px;
}

.dropdown .btn.btn-primary .current {
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
    .dropdown .btn.btn-primary .mobile-label {
        top: 6px;
        left: 10px;
        font-size: 10px;
        color: #986F38;
        line-height: 10px;
        letter-spacing: normal;
    }

    .dropdown .btn.btn-primary .current {
        width: 100%;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 7px;
    }

    .dropdown.dropdown--language .btn.btn-primary .mobile-label, .dropdown.dropdown--init .btn.btn-primary .mobile-label {
        display: block;
        background: white;
        left: 10px;
        top: 9px;
        letter-spacing: 0;
        right: 30px;
        line-height: 21px;
        font-size: 13px;
        color: #777777;
    }

    .dropdown.dropdown--language .btn.btn-primary .current, .dropdown.dropdown--init .btn.btn-primary .current {
        padding-top: 0;
    }
}

.dropdown select {
    display: block;
    position: relative;
    z-index: 10;
    width: 100%;
    height: 38px;
    margin-top: -38px;
    border: 0;
    background: none;
    color: transparent;
    cursor: pointer;
}

.dropdown select option {
    color: #000000;
    background: white;
}

.form-control {
    position: relative;
    padding: 10px 10px 9px;
    margin-bottom: 20px;
    color: #000000;
    font-weight: normal;
    letter-spacing: 0.08em;
    font-size: 13px;
    line-height: 21px;
    border: 1px solid #d4d4d4;
    background: white;
    vertical-align: top;
    border-radius: 3px;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.form-control:focus {
    border-color: black;
}

textarea {
    width: 100%;
}

@media screen and (max-width: 996px) {
    textarea {
        margin-top: 20px;
    }
}

.input-group {
    position: relative;
    margin-right: 0;
    border-collapse: separate;
    vertical-align: top;
}

@media screen and (max-width: 767px) {
    .input-group {
        margin: 0 -10px;
    }
}

.input-group .mobile-label {
    display: none;
    position: absolute;
    z-index: 1;
    top: 12px;
    left: 20px;
    color: #777777;
    font-size: 13px;
}

.input-group .mobile-label.textarea-label {
    top: 0;
}

@media screen and (max-width: 767px) {
    .input-group .mobile-label {
        display: block;
    }
}

.input-group .form-control {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    width: 100%;
    height: 40px;
}

@media screen and (max-width: 767px) {
    .input-group .form-control::-webkit-input-placeholder {
        color: transparent;
    }

    .input-group .form-control:-moz-placeholder {
        color: transparent;
    }

    .input-group .form-control::-moz-placeholder {
        color: transparent;
    }

    .input-group .form-control:-ms-input-placeholder {
        color: transparent;
    }
}

.input-group .form-control--white {
    display: inline-block;
}

.input-group .form-control--white:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-color: white;
}

.input-group textarea.form-control {
    height: auto;
}

.input-group textarea.form-control::-webkit-input-placeholder {
    color: #777777;
}

.input-group textarea.form-control:-moz-placeholder {
    color: #777777;
}

.input-group textarea.form-control::-moz-placeholder {
    color: #777777;
}

.input-group textarea.form-control:-ms-input-placeholder {
    color: #777777;
}

.input-group.input-group-with-label label {
    font-weight: bold;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 12px 5px 0 0;
}

.input-group.input-group-with-label label.required:after {
    content: " *";
    color: #986F38;
}

@media screen and (max-width: 767px) {
    .input-group.input-group-with-label label {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .input-group.is-focused .mobile-label, .input-group.is-dirty .mobile-label {
        top: 6px;
        left: 21px;
        font-size: 10px;
        color: #986F38;
        line-height: 10px;
    }
}

.input-group .mobile-label {
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -khtml-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.input-group.input-group-with-btn {
    border: 1px solid #d4d4d4;
    overflow: hidden;
    padding: 0;
    margin: 0;
    display: table;
}

.input-group.input-group-with-btn .mobile-label {
    left: 10px;
}

.input-group.input-group-with-btn label {
    height: inherit;
    display: table-cell;
    vertical-align: top;
    padding-bottom: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.input-group.input-group-with-btn input.form-control {
    border: none;
    min-width: 0;
    width: 100%;
}

.input-group.input-group-with-btn .input-group-btn {
    display: table-cell;
    background: #d4d4d4;
    height: 100%;
}

.input-group.input-group-with-btn .input-group-btn .btn {
    background: transparent;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    margin: 0;
    color: white;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    padding: 12px;
    border: none;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

@media screen and (max-width: 767px) {
    .input-group.input-group-with-btn .input-group-btn .btn {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .input-group.input-group-with-btn.is-dirty .form-control, .input-group.input-group-with-btn.is-focused .form-control {
        padding: 16px 10px 6px;
    }
}

.input-group.input-group-generic label {
    letter-spacing: 0.08em;
    font-size: 12px;
    line-height: 1.5em;
    color: #000000;
}

.input-group.input-group-generic::before {
    content: " ";
    display: table;
}

.input-group.input-group-generic::after {
    content: " ";
    display: table;
    clear: both;
}

.input-group.input-group-generic .form-control {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .input-group.input-group-generic .form-control {
        padding-top: 12px;
        padding-bottom: 11px;
        margin-bottom: 10px;
    }
}

.input-group.input-group-generic .form-control--withPlaceholder::-moz-placeholder {
    color: #777777;
    opacity: 1;
}

.input-group.input-group-generic .form-control--withPlaceholder:-ms-input-placeholder {
    color: #777777;
}

.input-group.input-group-generic .form-control--withPlaceholder::-webkit-input-placeholder {
    color: #777777;
}

@media screen and (max-width: 767px) {
    .input-group.input-group-generic .form-control--withPlaceholder::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    .input-group.input-group-generic .form-control--withPlaceholder:-ms-input-placeholder {
        color: transparent;
    }

    .input-group.input-group-generic .form-control--withPlaceholder::-webkit-input-placeholder {
        color: transparent;
    }
}

@media screen and (max-width: 767px) {
    .input-group.input-group-generic.is-focused .form-control, .input-group.input-group-generic.is-dirty .form-control {
        padding-top: 20px;
        padding-bottom: 7px;
    }

    .input-group.input-group-generic.is-focused .form-control--withPlacehorlder::-moz-placeholder, .input-group.input-group-generic.is-dirty .form-control--withPlacehorlder::-moz-placeholder {
        color: #656565;
        opacity: 1;
    }

    .input-group.input-group-generic.is-focused .form-control--withPlacehorlder:-ms-input-placeholder, .input-group.input-group-generic.is-dirty .form-control--withPlacehorlder:-ms-input-placeholder {
        color: #656565;
    }

    .input-group.input-group-generic.is-focused .form-control--withPlacehorlder::-webkit-input-placeholder, .input-group.input-group-generic.is-dirty .form-control--withPlacehorlder::-webkit-input-placeholder {
        color: #656565;
    }
}

.input-group.input-group-generic input::-webkit-input-placeholder {
    color: transparent;
}

.input-group.input-group-generic input:-moz-placeholder {
    color: transparent;
}

.input-group.input-group-generic input::-moz-placeholder {
    color: transparent;
}

.input-group.input-group-generic input:-ms-input-placeholder {
    color: transparent;
}

.input-group.input-group-generic .desktop-label {
    padding-top: 11px;
    padding-bottom: 6px;
    padding-left: 0;
    margin-bottom: 0;
    line-height: 21px;
}

@media screen and (max-width: 767px) {
    .input-group.input-group-generic .desktop-label {
        display: none;
    }
}

.input-group.input-group-generic .desktop-label.desktop-label-multiline {
    padding-top: 3px;
}

.input-group.input-group-generic .radio-group {
    margin-top: 10px;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .input-group.input-group-generic .radio-group {
        float: left;
    }
}

.input-group.input-group-generic .radio-group .radio {
    float: left;
    margin-right: 30px;
}

.input-group.input-group-generic.with-picto div > i {
    position: absolute;
    right: 20px;
    top: 11px;
    z-index: 20;
    font-size: 20px;
    cursor: pointer;
}

.input-group.input-group-generic.with-picto input.form-control {
    padding-right: 40px;
}

.input-group.input-group-generic .form-description {
    float: left;
    margin-top: -16px;
    font-size: 12px;
    color: #757575;
    letter-spacing: 0.5px;
    line-height: 18px;
}

@media screen and (max-width: 767px) {
    .input-group.input-group-generic .form-description {
        margin-top: -6px;
    }
}

.input-group.input-group-generic.input-error .form-control {
    border-color: #dd3232;
    color: #dd3232;
}

.form hr {
    padding: 10px 0 0;
    margin: 0 0 30px;
    border: none;
    border-bottom: 1px solid #cccccc;
}

@media screen and (max-width: 767px) {
    .form hr {
        margin: 10px 0 20px;
        border: none;
    }
}

.form-group.margin-top, .input-group.margin-top {
    margin-top: 20px;
}

.form-group.margin-bottom, .input-group.margin-bottom {
    margin-bottom: 20px;
}

.form-group .form-control, .input-group .form-control {
    margin-bottom: 0;
}

.form .btn + hr {
    margin: 20px 0;
}

@media screen and (max-width: 767px) {
    .form-group .select, .form-group .select__element {
        line-height: 55px;
        height: 55px;
    }
}

.form-group label {
    text-transform: uppercase;
    font-weight: bold;
    padding: 9px 5px 11px 0;
}

.form-group label.no-uppercase {
    text-transform: none;
}

.select {
    vertical-align: top;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #8d8d8d;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    line-height: 38px;
    font-size: 12px;
}

.select--fullwidth, .select--fullwidth .select__element {
    width: 100%;
}

.select--white .select__element {
    color: white;
}

.select:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 40px;
    background-color: #8d8d8d;
}

.select--white:before {
    background-color: white;
}

.select:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 17px;
    z-index: 2;
    margin-top: -3px;
    width: 5px;
    height: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    border-right: 1px solid rgba(255, 255, 255, 0.6);
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.select--white:after {
    border-color: #26211E;
}

.select__element {
    position: relative;
    min-width: 145px;
    z-index: 3;
    outline: none;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    display: block;
    margin: 0;
    height: 38px;
    padding: 0 40px 0 12px;
    color: rgba(38, 33, 30, 0.8);
    border: none;
    border-radius: 0;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.select__element:focus {
    outline: none;
}

.select__element:focus::-ms-value {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.4);
}

.select__element::-ms-expand {
    display: none;
}

.select__element:-moz-focusring {
    text-shadow: 0 0 0 #000;
}

.select__element option {
    background-color: white;
    color: black;
}

.select__element option[selected=selected] {
    font-weight: bold;
}

.radio {
    letter-spacing: 0.06em;
    line-height: 18px;
}

.radio span, .radio p {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.radio label span {
    cursor: pointer;
}

.radio input {
    vertical-align: middle;
    margin-right: 14px;
}

.checkbox {
    letter-spacing: 0.06em;
    line-height: 18px;
}

.checkbox span, .checkbox p {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.checkbox label span {
    cursor: pointer;
}

.checkbox input {
    vertical-align: top;
    margin-right: 4px;
    margin-top: 2px;
}

.checkbox-color input {
    display: inline-block;
    margin-left: 5px;
}

.checkbox-color--black:before {
    background-color: black;
}

.checkbox-color--white:before {
    background-color: white;
}

.checkbox-color--grey:before {
    background-color: #a5a5a5;
}

.checkbox-color--red:before {
    background-color: red;
}

.checkbox-color--green:before {
    background-color: green;
}

.checkbox-color--blue:before {
    background-color: blue;
}

.checkbox-color--yellow:before {
    background-color: yellow;
}

.checkbox-color:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    position: absolute;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.pagination {
    font-size: 12px;
    color: #986F38;
}

.pagination a {
    color: #986F38;
}

.pagination__nextprev {
    display: inline-block;
}

.pagination__nextprev--prev {
    margin-right: 25px;
}

.pagination__nextprev--next {
    margin-left: 25px;
}

.pagination__number {
    text-decoration: none;
    padding: 2px 5px 2px 5px;
}

.pagination__number:hover, .pagination__number.active {
    color: #ffffff;
    background: #986F38;
}

.pagination__number.last:after {
    display: none;
}

.pagination__number:after {
    margin-left: 5px;
}

@media screen and (max-width: 480px) {
    .pagination {
        line-height: 26px;
        text-align: center;
        margin-bottom: 20px;
    }

    .pagination__nextprev {
        display: block;
        margin: 0;
        padding: 10px;
    }

    .pagination__nextprev:before, .pagination__nextprev:after {
        display: none;
    }
}

.nespresso-counter {
    display: inline-block;
    position: relative;
    height: 40px;
    line-height: 40px;
    color: rgba(38, 33, 30, 0.8);
    text-transform: uppercase;
    border: 1px solid #8d8d8d;
    padding: 0 0 0 15px;
    cursor: pointer;
    margin-left: 10px;
}

.nespresso-counter:before {
    width: 11px;
    height: 11px;
    content: "";
    background-color: #8d8d8d;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -khtml-transform: rotate(45deg) translateY(-50%);
    -moz-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 38px;
}

.nespresso-counter:after {
    content: attr(data-count);
    display: inline-block;
    width: 40px;
    height: 38px;
    line-height: 40px;
    text-align: center;
    color: white;
    background-color: #8d8d8d;
    margin-left: 18px;
}

.form-member {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-left: none;
    border-right: none;
}

.form-member__header {
    font-size: 18px;
    text-transform: uppercase;
    color: #986F38;
    cursor: pointer;
}

.form-member__header:before {
    content: attr(data-toggle);
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    font-size: 28px;
    line-height: 25px;
    text-align: center;
    -webkit-border-radius: 14px;
    -khtml-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
    color: #986F38;
    border: 1px solid #986F38;
    margin-right: 15px;
}

.form-member__content {
    padding-top: 20px;
    display: none;
}

@media screen and (max-width: 767px) {
    .form-member__header {
        font-size: 15px;
    }
}

.form.company .company-hidden {
    display: none;
}

.form.private .private-hidden {
    display: none;
}

.required {
    color: #986F38;
}

/* Popover = ToolTip */
.webui-popover-content {
    display: none;
}

/*  webui popover  */
.webui-popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    min-width: 50px;
    min-height: 32px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: #000;
    background-clip: padding-box;
    border: none;
    border-radius: 3px;
}

.webui-popover.top,
.webui-popover.top-left,
.webui-popover.top-right {
    margin-top: -10px;
}

.webui-popover.right,
.webui-popover.right-top,
.webui-popover.right-bottom {
    margin-left: 10px;
}

.webui-popover.bottom,
.webui-popover.bottom-left,
.webui-popover.bottom-right {
    margin-top: 10px;
}

.webui-popover.left,
.webui-popover.left-top,
.webui-popover.left-bottom {
    margin-left: -10px;
}

.webui-popover.pop {
    -webkit-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
    -o-transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
    transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);
    opacity: 0;
    filter: alpha(opacity=0);
}

.webui-popover.pop-out {
    -webkit-transition-property: "opacity,transform";
    -o-transition-property: "opacity,transform";
    transition-property: "opacity,transform";
    -webkit-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
    opacity: 0;
    filter: alpha(opacity=0);
}

.webui-popover.fade,
.webui-popover.fade-out {
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    opacity: 0;
    filter: alpha(opacity=0);
}

.webui-popover.out {
    opacity: 0;
    filter: alpha(opacity=0);
}

.webui-popover.in {
    -webkit-transform: none;
    -o-transform: none;
    transform: none;
    opacity: 1;
    filter: alpha(opacity=100);
}

.webui-popover .webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: block;
}

.webui-popover-inner .close {
    font-family: arial;
    margin: 8px 10px 0 0;
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    color: #000000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    text-decoration: none;
}

.webui-popover-inner .close:hover,
.webui-popover-inner .close:focus {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.webui-popover-title {
    /*padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  background-color: #ffffff;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 5px 5px 0 0;*/
    display: none;
}

.webui-popover-content {
    padding: 9px 14px;
    overflow: auto;
    display: none;
}

.webui-popover-inverse {
    background-color: #333333;
    color: #eeeeee;
}

.webui-popover-inverse .webui-popover-title {
    background: #333333;
    border-bottom: 1px solid #3b3b3b;
    color: #eeeeee;
}

.webui-no-padding .webui-popover-content {
    padding: 0;
}

.webui-no-padding .list-group-item {
    border-right: none;
    border-left: none;
}

.webui-no-padding .list-group-item:first-child {
    border-top: 0;
}

.webui-no-padding .list-group-item:last-child {
    border-bottom: 0;
}

.webui-popover > .arrow,
.webui-popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.webui-popover > .arrow {
    border-width: 11px;
}

.webui-popover > .arrow:after {
    border-width: 10px;
    content: "";
}

.webui-popover.top > .arrow,
.webui-popover.top-right > .arrow,
.webui-popover.top-left > .arrow {
    bottom: -8px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #000;
    border-bottom-width: 0;
}

.webui-popover.top > .arrow:after,
.webui-popover.top-right > .arrow:after,
.webui-popover.top-left > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-top-color: #000;
    border-bottom-width: 0;
}

.webui-popover.right > .arrow,
.webui-popover.right-top > .arrow,
.webui-popover.right-bottom > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #000;
}

.webui-popover.right > .arrow:after,
.webui-popover.right-top > .arrow:after,
.webui-popover.right-bottom > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #000;
}

.webui-popover.bottom > .arrow,
.webui-popover.bottom-right > .arrow,
.webui-popover.bottom-left > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #000;
    border-top-width: 0;
}

.webui-popover.bottom > .arrow:after,
.webui-popover.bottom-right > .arrow:after,
.webui-popover.bottom-left > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-bottom-color: #000;
    border-top-width: 0;
}

.webui-popover.left > .arrow,
.webui-popover.left-top > .arrow,
.webui-popover.left-bottom > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #000;
}

.webui-popover.left > .arrow:after,
.webui-popover.left-top > .arrow:after,
.webui-popover.left-bottom > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #000;
    bottom: -10px;
}

.webui-popover-inverse.top > .arrow,
.webui-popover-inverse.top-left > .arrow,
.webui-popover-inverse.top-right > .arrow,
.webui-popover-inverse.top > .arrow:after,
.webui-popover-inverse.top-left > .arrow:after,
.webui-popover-inverse.top-right > .arrow:after {
    border-top-color: #333333;
}

.webui-popover-inverse.right > .arrow,
.webui-popover-inverse.right-top > .arrow,
.webui-popover-inverse.right-bottom > .arrow,
.webui-popover-inverse.right > .arrow:after,
.webui-popover-inverse.right-top > .arrow:after,
.webui-popover-inverse.right-bottom > .arrow:after {
    border-right-color: #333333;
}

.webui-popover-inverse.bottom > .arrow,
.webui-popover-inverse.bottom-left > .arrow,
.webui-popover-inverse.bottom-right > .arrow,
.webui-popover-inverse.bottom > .arrow:after,
.webui-popover-inverse.bottom-left > .arrow:after,
.webui-popover-inverse.bottom-right > .arrow:after {
    border-bottom-color: #333333;
}

.webui-popover-inverse.left > .arrow,
.webui-popover-inverse.left-top > .arrow,
.webui-popover-inverse.left-bottom > .arrow,
.webui-popover-inverse.left > .arrow:after,
.webui-popover-inverse.left-top > .arrow:after,
.webui-popover-inverse.left-bottom > .arrow:after {
    border-left-color: #333333;
}

.webui-popover i.icon-refresh:before {
    content: "";
}

.webui-popover i.icon-refresh {
    display: block;
    width: 30px;
    height: 30px;
    font-size: 20px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -15px;
    margin-right: -15px;
    background: url(../img/loading.html) no-repeat;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

.webui-popover-backdrop {
    background-color: rgba(0, 0, 0, 0.65);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
}

.webui-popover .dropdown-menu {
    display: block;
    position: relative;
    top: 0;
    border: none;
    box-shadow: none;
    float: none;
}

.filters-toggler {
    position: relative;
    z-index: 10;
    color: #43454b;
    background: white;
    box-shadow: none;
    padding: 0 20px;
    line-height: 38px;
    border: 1px solid black;
    font-size: 14px;
    text-transform: none;
    float: right;
    border-radius: 3px;
    background: white;
    -webkit-transition: none;
    -khtml-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transition: 0.2s 0.6s ease-in-out;
    -khtml-transition: 0.2s 0.6s ease-in-out;
    -moz-transition: 0.2s 0.6s ease-in-out;
    -ms-transition: 0.2s 0.6s ease-in-out;
    -o-transition: 0.2s 0.6s ease-in-out;
    transition: 0.2s 0.6s ease-in-out;
}

.filters-toggler:hover {
    background-color: white !important;
    border: 1px solid black !important;
    color: black !important;
    box-shadow: none;
}

.filters-toggler.open {
    height: 59px;
    z-index: 10;
    border-radius: 3px 3px 0 0;
    border-bottom: none !important;
    padding-bottom: 20px;
    -webkit-transition: 0.2s ease-in-out;
    -khtml-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

@media screen and (max-width: 767px) {
    .filters-toggler.open {
        padding-bottom: 0;
    }
}


.filters {
    display: none;
    width: 100%;
    position: relative;
    top: -4px;
    background: white;
    padding: 0 20px;
    border: 1px solid black;
    z-index: 1;
    overflow: hidden !important;
    -webkit-border-radius: 3px 0 3px 3px;
    -khtml-border-radius: 3px 0 3px 3px;
    -moz-border-radius: 3px 0 3px 3px;
    -ms-border-radius: 3px 0 3px 3px;
    -o-border-radius: 3px 0 3px 3px;
    border-radius: 3px 0 3px 3px;
}

.filters.open {
    display: block;
}

@media screen and (max-width: 767px) {
    .filters {
        padding: 0 10px;
        top: -2px;
    }
}

.filters img.full-width {
    margin: 20px auto;
    width: 100%;
}

.filters .filter {
    padding: 0 0 24px;
}

.filters .filter:first-child {
    padding-top: 24px;
}

.filters .filter .reset {
    background: none;
    border: none;
    padding: 0;
    font-size: 11px;
    color: #000000;
    letter-spacing: 1px;
}

.filters .filter .reset .icon, .filters .filter .reset .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .filters .filter .reset i:before, .filters .filter .reset #header .site_title a:before, #header .site_title .filters .filter .reset a:before, .filters .filter .reset .slocator .slocator-locations__details-action:before, .slocator .filters .filter .reset .slocator-locations__details-action:before {
    height: 21px;
    width: 21px;
    font-size: 8px;
    display: inline-block;
    vertical-align: middle;
    line-height: 21px;
    margin-left: 5px;
    background: #d5d5d5;
}

.filters .filter .title {
    letter-spacing: 2px;
    line-height: 12px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
    display: block;
}

.filters .filter .control {
    width: calc(100% + 19px);
    display: table;
    table-layout: fixed;
    margin: 0 -13px;
    border-spacing: 6px 0;
}

.filters .filter .control:not(.intensities) {
    margin: 0 -14px;
    border-spacing: 14px 0;
    width: calc(100% + 28px);
}

@media screen and (max-width: 767px) {
    .filters .filter .control:not(.intensities) {
        display: block;
        width: 100%;
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .filters .filter .control {
        display: block;
        width: 100%;
        margin: 0;
    }
}

.filters .filter .control label {
    position: relative;
    color: #646464;
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .filters .filter .control label {
        display: inline-block;
        width: calc(50% - 2px);
        margin-bottom: 4px;
    }

    .filters .filter .control label:nth-child(2n+1) {
        margin-right: 4px;
    }
}

.filters .filter .control label.checkbox-color input {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.filters .filter .control label input[type=checkbox], .filters .filter .control label .icon, .filters .filter .control label .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .filters .filter .control label i:before, .filters .filter .control label #header .site_title a:before, #header .site_title .filters .filter .control label a:before, .filters .filter .control label .slocator .slocator-locations__details-action:before, .slocator .filters .filter .control label .slocator-locations__details-action:before, .filters .filter .control label img {
    display: inline-block;
    vertical-align: top;
}

.filters .filter .control label input[type=checkbox], .filters .filter .control label input[type=radio] {
    opacity: 0;
    position: absolute;
    left: -9999px;
    margin-right: 8px;
    vertical-align: top;
    margin-top: 1px;
    margin-bottom: 10px;
    float: left;
}

.filters .filter .control label .icon, .filters .filter .control label .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .filters .filter .control label i:before, .filters .filter .control label #header .site_title a:before, #header .site_title .filters .filter .control label a:before, .filters .filter .control label .slocator .slocator-locations__details-action:before, .slocator .filters .filter .control label .slocator-locations__details-action:before {
    font-size: 15px;
}

.filters .filter .control label.active {
    color: #000000;
}

.filters .filter .control label span {
    display: block;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    margin-right: 9px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #757575;
    background: white;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.filters .filter .control label span:hover, .filters .filter .control label span:focus {
    color: black;
    border: 1px solid black;
}

.filters .filter .control label input[type=checkbox]:checked + span {
    color: white;
    background: black;
    border: 1px solid black;
}

.filters .filter .control input[type=number] {
    width: 50px;
    padding: 10px 9px;
    padding-right: 0;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
}

.filters .filter .control.intensities input[type=checkbox] {
    opacity: 0;
    position: absolute;
    left: -9999px;
}

.filters .filter .control.intensities input[type=checkbox] + label {
    display: table-cell;
    width: 100%;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    margin-right: 9px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.5);
    background: white;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.filters .filter .control.intensities input[type=checkbox] + label:hover, .filters .filter .control.intensities input[type=checkbox] + label:focus {
    color: black;
    border: 1px solid black;
}

@media screen and (max-width: 767px) {
    .filters .filter .control.intensities input[type=checkbox] + label {
        display: inline-block;
        width: 40px;
        margin: 0 1px 4px 0;
    }
}

.filters .filter .control.intensities input[type=checkbox]:checked + label {
    color: white;
    background: black;
    border: 1px solid black;
}

.keyboard-navigation:not(#main-accessibility) .filters .filter .control.intensities input[type=checkbox]:focus + label {
    outline: #3D8705 solid 1px !important;
}

.filters .filter .control.colors label {
    overflow: visible;
    width: 36px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.filters .filter .control.colors label [class^=circle] {
    display: block;
    height: 22px;
    width: 22px;
    margin: -2px 3px 0 3px;
    border: 1px solid #656565;
    border-radius: 100%;
    position: relative;
}

.filters .filter .control.colors label [class^=circle].circle-black {
    background-color: black;
}

.filters .filter .control.colors label [class^=circle].circle-white {
    background-color: white;
}

.filters .filter .control.colors label [class^=circle].circle-gray {
    background-color: #a5a5a5;
}

.filters .filter .control.colors label [class^=circle].circle-red {
    background-color: red;
}

.filters .filter .control.colors label [class^=circle].circle-green {
    background-color: green;
}

.filters .filter .control.colors label [class^=circle].circle-blue {
    background-color: blue;
}

.filters .filter .control.colors label [class^=circle].circle-yellow {
    background-color: yellow;
}

.filters .filter .control.colors label input[type=checkbox] {
    margin: 0;
    opacity: 0;
    position: absolute;
    left: -9999px;
}

.filters .filter .control.colors label input[type=checkbox]:checked + [class^=circle]::before {
    position: absolute;
    content: ' ';
    top: -6px;
    bottom: -6px;
    left: -6px;
    right: -6px;
    border: 1px solid #656565;
    border-radius: 100%;
}

.filters .filter .control.colors label .tooltip {
    display: none;
    position: absolute;
    background: #000000;
    color: #ffffff;
    top: -36px;
    width: 50px;
    padding: 4px 6px;
    line-height: normal;
    height: auto;
    border-radius: 2px;
    text-align: center;
    margin-left: -11px;
}

.filters .filter .control.colors label .tooltip::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: transparent;
    border-top-color: #000000;
    border-width: 6px;
    margin-left: -6px;
}

.filters .filter .control.colors label:hover .tooltip {
    display: block;
}

.filters .filter .control.price-range {
    display: block;
    width: auto;
    padding-top: 40px;
    margin: 0 7px;
    border-spacing: 0;
    table-layout: auto;
}

.filters .filter .control.price-range .noUi-background {
    background: #b8b8b8;
    height: 3px;
    border-radius: 3px;
    border: none;
    box-shadow: none;
}

.filters .filter .control.price-range .noUi-connect {
    background: #000000;
}

.filters .filter .control.price-range .noUi-handle {
    height: 14px;
    width: 14px;
    left: -7px;
    top: -5px;
    border-radius: 100%;
    border: none;
    background: #000000;
    box-shadow: none;
}

.filters .filter .control.price-range .noUi-handle::before, .filters .filter .control.price-range .noUi-handle::after {
    display: none;
}

.filters .filter .control.price-range .noUi-pips-horizontal {
    top: -30px;
}

.filters .filter .control.price-range .noUi-pips-horizontal .noUi-value-horizontal {
    transform: none;
    top: 5px;
    left: -14px !important;
}

.filters .filter .control.price-range .noUi-pips-horizontal .noUi-value-horizontal:last-of-type {
    left: auto !important;
    right: -14px;
}

.filters .filter .control.price-range .noUi-marker, .filters .filter .control.price-range .noUi-marker-sub, .filters .filter .control.price-range .noUi-value-sub {
    display: none;
}

.filters .filter .control.price-range .noUi-tooltip {
    width: 60px;
    margin-left: -17px;
    top: -35px;
    bottom: auto;
    border: none;
}

@media screen and (max-width: 768px) {
    .filters .filter .control .item {
        margin-bottom: 10px;
    }
}

.filters .filter.open .toggler:before {
    content: '-';
}

.filters .filter.open .toggle-content {
    display: block;
}

.slider {
    background-color: #000000;
    position: relative;
    width: 100%;
    z-index: 2;
    /* Slider */
}

.slider figure {
    margin: 0;
}

.slider figure figcaption {
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 20px;
    max-width: 360px;
    z-index: 4;
}

.slider span.comp {
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 27px;
    color: #3b3630;
    font-weight: bold;
    text-transform: uppercase;
}

.slider span.comp i {
    font-size: 27px;
    margin-right: 10px;
    line-height: 27px;
    vertical-align: top;
}

@media only screen and (max-width: 996px) {
    .slider span.comp {
        clear: both;
        padding-top: 20px;
        color: white;
    }
}

.slider .text {
    color: #3b3630;
    display: inline-block;
    vertical-align: middle;
}

.slider .text p {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0 0 15px 0;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.1em;
    font-weight: bold;
}

.slider .text p:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 12px;
    height: 2px;
    background-color: #3b3630;
}

.slider .text span {
    display: block;
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 40px;
}

.slider .text .link {
    line-height: 52px;
    border: 2px solid #3b3630;
    font-size: 11px;
    font-weight: bold;
    color: #3b3630;
    text-decoration: none;
    padding: 0 30px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.slider .text .btn {
    background: none;
}

.slider .text .btn:hover, .slider .text .btn:focus, .slider .text .btn:active {
    background: black;
}

.slider .text .btn.btn-white:hover, .slider .text .btn.btn-white:focus, .slider .text .btn.btn-white:active {
    background: white;
}

.slider .text.text-light {
    color: #ffffff;
}

.slider .text.text-light p:before {
    background-color: #ffffff;
}

.slider .text.text-light span {
    color: #ffffff;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -webkit-opacity: 0.6;
    -khtml-opacity: 0.6;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
}

.slider ul {
    margin: 0;
    padding: 0;
}

.slider ul li {
    list-style: none;
    display: inline-block;
    overflow: hidden;
}

.slider ul li:before {
    /*background: url("../images/slider-shadow.png") center bottom no-repeat;
        position: absolute;
        bottom: 0;
        content: "";
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 1;*/
}

.slider ul li img {
    display: block;
    float: right;
}

.slider .bx-wrapper {
    position: relative;
    /* LOADER */
    /* PAGER */
    /* DIRECTION CONTROLS (NEXT / PREV) */
    /* AUTO CONTROLS (START / STOP) */
    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
    /* IMAGE CAPTIONS */
}

.slider .bx-wrapper .bx-controls {
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 12px;
    left: 50%;
    z-index: 50;
}

@media screen and (max-width: 996px) {
    .slider .bx-wrapper .bx-controls {
        margin-left: 0;
    }
}

.slider .bx-wrapper .bx-pager {
    position: relative;
    bottom: 0;
    width: 100%;
}

.slider .bx-wrapper .bx-controls-auto {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
}

.slider .bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/bx_loader.gif) center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.slider .bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #cbcbcb;
    padding-top: 12px;
    height: 32px;
}

.slider .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

.slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item a {
    display: block;
    background-color: rgba(208, 208, 208, 0.1);
}

.slider .bx-wrapper .bx-pager.bx-default-pager a {
    background: #cbcbcb;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.slider .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #cc9d49;
}

.slider .bx-wrapper .bx-prev {
    left: 0;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: url(../images/icon-prev.png) no-repeat center;
    background-color: rgba(208, 208, 208, 0.1);
}

.slider .bx-wrapper .bx-next {
    right: 37px;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: url(../images/icon-next.png) no-repeat center;
    background-color: rgba(208, 208, 208, 0.1);
}

.slider .bx-wrapper .bx-prev:hover {
    background-color: rgba(208, 208, 208, 0.6);
}

.slider .bx-wrapper .bx-next:hover {
    background-color: rgba(208, 208, 208, 0.6);
}

.slider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 0;
    margin-top: 0;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.slider .bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.slider .bx-wrapper .bx-controls-auto {
    text-align: center;
}

.slider .bx-wrapper .bx-controls-auto .bx-start, .slider .bx-wrapper .bx-controls-auto .bx-stop {
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -999999px;
    width: 32px;
    height: 32px;
    outline: 0;
}

.slider .bx-wrapper .bx-controls-auto .bx-start {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: url(../images/icon-play.png) no-repeat center;
}

.slider .bx-wrapper .bx-controls-auto .bx-stop {
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: url(../images/icon-pause.png) no-repeat center;
}

.slider .bx-wrapper .bx-controls-auto .bx-start:hover {
    background-color: rgba(208, 208, 208, 0.6);
}

.slider .bx-wrapper .bx-controls-auto .bx-controls-auto-item a.active {
    display: none;
}

.slider .bx-wrapper .bx-controls-auto .bx-stop {
    text-indent: -9999px;
    outline: 0;
}

.slider .bx-wrapper .bx-controls-auto .bx-stop:hover,
.slider .bx-wrapper .bx-controls-auto .bx-stop.active {
    background-color: rgba(208, 208, 208, 0.6);
}

.slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    position: relative;
    text-align: center;
    width: auto;
    padding-left: 43px;
    padding-right: 80px;
}

.slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-direction {
    display: none;
}

.slider .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

.slider .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.slider .bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

@media only screen and (max-width: 996px) {
    .slider {
        background-color: #000000;
    }

    .slider li:before {
        bottom: inherit;
        top: -227px;
    }

    .slider li img {
        /*max-width: 150%;*/
        height: auto;
    }

    .slider ul li:before {
        background: none;
    }

    .slider .bx-wrapper .bx-controls {
        bottom: auto;
        top: 0;
        width: 100%;
        left: 0;
        -webkit-transform: translateX(0);
        -khtml-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .slider .bx-wrapper .bx-pager,
    .slider .bx-wrapper .bx-controls-direction,
    .slider .bx-wrapper .bx-controls-auto {
        position: absolute !important;
        width: 100% !important;
    }

    .slider .bx-wrapper .bx-pager {
        bottom: 0;
        left: 0;
        right: 0;
        top: auto;
    }

    .slider .bx-wrapper .bx-controls-auto {
        bottom: 0;
        top: auto;
    }

    .slider .bx-wrapper .bx-controls-direction .bx-prev {
        left: 20px;
        width: 16px;
        height: 16px;
        border-top: 1px solid #e9e0cf;
        border-left: 1px solid #e9e0cf;
        box-shadow: -1px -1px 1px 0 black;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-transform: rotate(-45deg);
        -khtml-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
        zoom: 1;
        background: none;
    }

    .slider .bx-wrapper .bx-controls-direction .bx-next {
        right: 20px;
        width: 16px;
        height: 16px;
        border-top: 1px solid #e9e0cf;
        border-left: 1px solid #e9e0cf;
        box-shadow: -1px -1px 1px 0 black;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -webkit-transform: rotate(135deg);
        -khtml-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
        filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
        zoom: 1;
        background: none;
    }

    .slider figure figcaption {
        left: 0;
        top: 0;
        max-width: 100%;
        height: 100%;
        padding: 0 20px;
        position: relative;
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .slider .text {
        color: #ffffff;
        vertical-align: bottom;
    }

    .slider .text p {
        padding: 14px 0;
    }

    .slider .text p:before {
        background-color: #ffffff;
    }

    .slider .text .btn {
        color: #ffffff;
        border-color: #ffffff;
    }
}

@media only screen and (max-width: 480px) {
    .slider .text p {
        font-size: 24px;
    }

    .slider .text span {
        font-size: 12px;
        line-height: 18px;
    }

    .slider .text .link {
        font-size: 12px;
        line-height: 40px;
        border: 1px solid #ffffff;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
    }
}

.promotional .product-item:nth-child(1) {
    padding-right: 9px;
    padding-left: 0;
}

.promotional .product-item:nth-child(2) {
    padding-left: 9px;
    padding-right: 0;
}

.promotional .thumb-section {
    width: 100%;
    text-align: center;
}

.promotional .thumb-section img {
    height: 200px;
    width: auto;
}

@media only screen and (max-width: 996px) {
    .promotional.row {
        margin: 0;
    }

    .promotional .product-item {
        padding: 0 0 20px 0 !important;
    }

    .promotional .product-item:last-child {
        padding: 0 !important;
    }

    .promotional .thumb-section img {
        width: 100%;
        height: auto;
    }
}

.product-item {
    float: left;
    position: static;
}

.thumb-section {
    width: 100%;
    text-align: center;
}

.thumb-section figure {
    width: 100%;
    margin: 0;
    display: inline-block;
}

.thumb-section img {
    display: block;
}

.content-info {
    background-color: #1b1b1b;
    padding: 17px 20px;
    color: #ffffff;
}

.content-info p {
    opacity: 0.6;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 30px;
}

.content-info h3 a,
.content-info h2 a {
    color: #ffffff;
    text-decoration: none;
}

@media only screen and (max-width: 996px) {
    .content-info {
        padding: 20px;
    }

    .content-info h2 {
        line-height: normal;
    }
}

/* Sidebar */
#sidebar {
    width: 320px;
    margin: 0 20px 0 0;
    float: left;
}

#sidebar .sidebar-inner {
    background-color: #1b1b1b;
    height: 100%;
}

#sidebar .sidebar-inner a img {
    width: 100%;
    height: auto;
}

#sidebar .sidebar-wrapper {
    padding: 30px 20px;
}

#sidebar .sidebar-wrapper h3 {
    padding: 15px 0 0 0;
    text-transform: none;
}

#sidebar .product-item figure {
    height: 100px;
    margin: 0;
    overflow: hidden;
}

#sidebar .product-item:nth-child(1) {
    padding-right: 10px;
    padding-left: 0;
}

#sidebar .product-item:nth-child(2) {
    padding-right: 0;
    padding-left: 10px;
}

#sidebar .nrow {
    position: relative;
}

#sidebar .nrow .link {
    position: absolute;
    bottom: 0;
    white-space: nowrap;
}

@media only screen and (max-width: 996px) {
    #sidebar {
        width: 100%;
        padding: 0;
        background-color: #1b1b1b;
    }

    #sidebar .sidebar-heading {
        float: left;
        width: 50%;
    }

    #sidebar .sidebar-inner {
        height: auto !important;
    }

    #sidebar .product-item {
        position: static;
    }

    #sidebar .sidebar-wrapper {
        padding: 20px;
        float: right;
        width: 50%;
    }

    #sidebar .sidebar-wrapper h3 {
        padding: 10px 0 0 0;
    }

    #sidebar .thumb-section figure {
        width: 100%;
    }

    #sidebar .thumb-section img {
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 480px) {
    #sidebar .sidebar-heading, #sidebar .sidebar-wrapper {
        float: none;
        width: 100%;
    }
}

/* Page content */
#page-content {
    float: right;
    width: 656px;
    background: white;
}

#page-content .latest-product {
    background-color: #ffffff;
    padding: 15px;
}

#page-content .latest-product h2 {
    color: #000000;
    margin-bottom: 20px;
}

@media only screen and (max-width: 996px) {
    #page-content {
        width: 100%;
        position: relative;
    }

    #page-content .container-btn {
        display: none;
    }

    #page-content .latest-product ul.products-col-1 {
        width: 100%;
        margin-bottom: 0;
        padding-right: 0;
        border-right: none;
    }

    #page-content .latest-product ul.products-col-1 li:nth-child(3) .thumb-section figure {
        height: 210px;
    }

    #page-content .latest-product ul.products-col-1 li:nth-child(4) {
        width: 50%;
    }

    #page-content .latest-product ul.products-col-1 li:nth-child(4):after {
        display: block;
        content: '';
        position: absolute;
        right: 0;
        top: 15px;
        bottom: 15px;
        width: 1px;
        background: #e8e5e5;
    }

    #page-content .latest-product ul.products-col-1 li:nth-child(4) .content-info {
        width: calc(100% - 15px);
    }

    #page-content .latest-product ul.products-col-2 {
        position: absolute;
        bottom: -12px;
        right: 0;
        z-index: 2;
        overflow: hidden;
        width: 50%;
    }

    #page-content .latest-product ul.products-col-2 li {
        display: none;
    }

    #page-content .latest-product ul.products-col-2 li:first-child {
        display: block;
    }
}

.latest-product .content-info {
    background-color: transparent;
    position: absolute;
    padding: 0;
    bottom: 0;
    height: 70px;
    left: 0;
    width: 100%;
    align-items: center;
}

.latest-product .pro-info {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #26211E;
    font-weight: bold;
    text-align: left;
    width: calc(100% - 64px);
}

@media screen and (max-width: 996px) {
    .latest-product .pro-info {
        width: 100%;
    }

    .latest-product .pro-info .rate {
        float: right;
        margin-top: -20px;
    }
}

@media screen and (max-width: 480px) {
    .latest-product .pro-info .rate {
        display: none;
    }
}

.latest-product .container-btn {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    margin-left: 5px;
}

.latest-product .pro-title,
.latest-product .pro-price {
    display: block;
    font-size: 12px;
}

.latest-product .pro-title {
    padding: 0 0 4px 0;
}

.latest-product .pro-price {
    color: #986F38;
    font-weight: normal;
}

.latest-product h2 strong {
    font-weight: 900;
}

.latest-product ul {
    padding: 0;
    list-style: none;
    float: left;
}

.latest-product ul li {
    position: relative;
    width: 100%;
    text-align: center;
    padding-bottom: 80px;
    padding-top: 32px;
}

@media (max-width: 480px) {
    .latest-product ul li {
        padding-bottom: 50px;
        padding-top: 20px;
    }
}

.latest-product ul li .thumb-section {
    min-height: 106px;
}

.latest-product ul li .thumb-section figure {
    width: 100%;
    height: 106px;
}

.latest-product ul li .thumb-section img {
    display: block;
    margin: auto;
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

.latest-product ul.products-col-1 {
    width: 422px;
    padding-right: 15px;
    border-right: 1px solid #e8e5e5;
}

.latest-product ul.products-col-1 li:nth-child(1) {
    padding-top: 0;
    width: 50%;
}

.latest-product ul.products-col-1 li:nth-child(1):after {
    display: block;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 15px;
    width: 1px;
    background: #e8e5e5;
}

.latest-product ul.products-col-1 li:nth-child(1) .content-info {
    width: calc(100% - 15px);
}

.latest-product ul.products-col-1 li:nth-child(2) {
    padding-top: 0;
    width: 50%;
}

.latest-product ul.products-col-1 li:nth-child(2) .content-info {
    left: auto;
    right: 0;
    width: calc(100% - 15px);
}

.latest-product ul.products-col-1 li:nth-child(3) {
    border-top: 1px solid #e8e5e5;
    border-bottom: 1px solid #e8e5e5;
}

.latest-product ul.products-col-1 li:nth-child(3) .thumb-section figure {
    height: 328px;
    position: relative;
}

.latest-product ul.products-col-1 li:nth-child(3) .thumb-section figure > i {
    position: absolute;
    left: 21px;
    top: 80px;
    color: #000000;
    font-size: 34px;
}

.latest-product ul.products-col-1 li:nth-child(3) .thumb-section figure > i.icon-wifi {
    left: 0;
    top: 0;
    font-size: 60px;
}

.latest-product ul.products-col-2 {
    width: 204px;
    padding-left: 15px;
}

.latest-product ul.products-col-2 li {
    border-top: 1px solid #e8e5e5;
}

.latest-product ul.products-col-2 li:first-child {
    padding-top: 0;
    border: none;
}

.rate-widget {
    position: relative;
}

.rate-widget--ondark .ratings-stars {
    color: #986F38;
}

.ratings-stars {
    float: left;
    height: 18px;
    width: 18px;
    color: black;
}

.ratings-stars:before {
    font-size: 18px;
    content: "";
}

.total-votes {
    padding-left: 8px;
    float: left;
    font-weight: bold;
    line-height: 18px;
    font-size: 14px;
}

.ratings-vote:before {
    content: "";
}

.ratings-over:before {
    content: "";
}

.rates__summary {
    clear: both;
    color: white;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    padding-top: 20px;
}

.rates__summary strong {
    font-size: 30px;
}

@media screen and (max-width: 768px) {
    .rates__summary strong {
        font-size: 24px;
    }

    .rates__summary strong sup {
        top: -0.7em;
    }
}

.rates__summary strong sup {
    top: -1em;
    font-size: 12px;
}

.rates__summary i {
    font-weight: bold;
}

.review-header {
    padding: 20px;
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .review-header {
        padding: 0;
    }

    .review-header > .container {
        padding: 20px;
    }
}

.review-header h3, .review-header h4 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 22px;
}

.review-header h4 {
    font-size: 11px;
}

.review-header p {
    font-size: 13px;
    letter-spacing: 0.08em;
    line-height: 19px;
    margin-bottom: 16px;
    font-weight: bold;
}

.review-header p + .btn {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .review-header p + .btn {
        margin: 10px 0 20px;
        width: 100%;
    }
}

.review-header__r {
    padding-top: 10px;
}

.review-header__r .review-stats {
    float: right;
}

@media screen and (max-width: 996px) {
    .review-header__r {
        text-align: left;
    }

    .review-header__r .review-stats {
        float: none;
    }
}

.review-content {
    padding: 20px;
    background-color: white;
}

@media screen and (max-width: 768px) {
    .review-content {
        padding: 0;
    }

    .review-content > .container {
        padding: 20px;
    }
}

.review-content__headerfooter {
    margin-bottom: 35px;
}

.review-content__headerfooter__l {
    line-height: 40px;
    vertical-align: middle;
}

.review-content__headerfooter__r {
    text-align: right;
    font-size: 12px;
    color: rgba(38, 33, 30, 0.8);
}

.review-content__headerfooter__r .select {
    margin-left: 10px;
}

.review-content__item {
    margin-bottom: 35px;
}

@media screen and (max-width: 767px) {
    .review-content__headerfooter__r {
        text-align: left;
    }

    .review-content__headerfooter__r .btn {
        width: 100%;
    }
}

.review-content-item {
    padding-bottom: 35px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.review-content-item__header {
    font-size: 12px;
    color: rgba(38, 33, 30, 0.8);
    height: 30px;
    line-height: 30px;
    pointer-events: none;
}

.review-content-item__header .rate-widget {
    margin-top: 6px;
    margin-right: 18px;
    width: auto;
}

.review-content-item__title {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding-top: 20px;
    margin-bottom: 22px;
    color: black;
}

@media screen and (max-width: 768px) {
    .review-content-item__title {
        padding-top: 0;
        clear: both;
    }
}

.review-content-item__content {
    font-size: 13px;
    letter-spacing: 0.08em;
    line-height: 19px;
    margin-bottom: 16px;
    color: rgba(0, 0, 0, 0.9);
    background: #eff2f3;
    padding: 20px;
    position: relative;
}

.review-content-item__content--response {
    margin-left: 20%;
}

.review-content-item__content--response .posted {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    letter-spacing: normal;
}

.review-content-item__content--response .posted i.icon, .review-content-item__content--response .posted .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .review-content-item__content--response .posted i:before, .review-content-item__content--response .posted .slocator i.slocator-locations__details-action:before, .slocator .review-content-item__content--response .posted i.slocator-locations__details-action:before {
    font-size: 22px;
    position: relative;
    top: 4px;
    margin-right: 8px;
    color: rgba(46, 46, 46, 0.8);
}

.review-content-item__content::after {
    left: 20px;
    top: 0;
    border: 15px solid #ff0000;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: transparent !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: #eff2f3 !important;
    margin-top: -30px;
}

.review-content-item__question {
    font-size: 12px;
    color: rgba(38, 33, 30, 0.8);
    line-height: 40px;
}

.review-stats-item {
    font-size: 14px;
    color: #ffffff;
    height: 26px;
    line-height: 26px;
}

.review-stats-item__stars {
    display: inline-block;
}

.review-stats-item__bar {
    height: 6px;
    display: inline-block;
    position: relative;
    width: 210px;
    margin: 0 10px 2px;
    background: #b8b8b8;
}

.review-stats-item__bar:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 90%;
    height: 6px;
    background-color: #986F38;
}

.review-stats-item__bar--0:after {
    width: 0;
}

.review-stats-item__bar--1:after {
    width: 1%;
}

.review-stats-item__bar--2:after {
    width: 2%;
}

.review-stats-item__bar--3:after {
    width: 3%;
}

.review-stats-item__bar--4:after {
    width: 4%;
}

.review-stats-item__bar--5:after {
    width: 5%;
}

.review-stats-item__bar--6:after {
    width: 6%;
}

.review-stats-item__bar--7:after {
    width: 7%;
}

.review-stats-item__bar--8:after {
    width: 8%;
}

.review-stats-item__bar--9:after {
    width: 9%;
}

.review-stats-item__bar--10:after {
    width: 10%;
}

.review-stats-item__bar--11:after {
    width: 11%;
}

.review-stats-item__bar--12:after {
    width: 12%;
}

.review-stats-item__bar--13:after {
    width: 13%;
}

.review-stats-item__bar--14:after {
    width: 14%;
}

.review-stats-item__bar--15:after {
    width: 15%;
}

.review-stats-item__bar--16:after {
    width: 16%;
}

.review-stats-item__bar--17:after {
    width: 17%;
}

.review-stats-item__bar--18:after {
    width: 18%;
}

.review-stats-item__bar--19:after {
    width: 19%;
}

.review-stats-item__bar--20:after {
    width: 20%;
}

.review-stats-item__bar--21:after {
    width: 21%;
}

.review-stats-item__bar--22:after {
    width: 22%;
}

.review-stats-item__bar--23:after {
    width: 23%;
}

.review-stats-item__bar--24:after {
    width: 24%;
}

.review-stats-item__bar--25:after {
    width: 25%;
}

.review-stats-item__bar--26:after {
    width: 26%;
}

.review-stats-item__bar--27:after {
    width: 27%;
}

.review-stats-item__bar--28:after {
    width: 28%;
}

.review-stats-item__bar--29:after {
    width: 29%;
}

.review-stats-item__bar--30:after {
    width: 30%;
}

.review-stats-item__bar--31:after {
    width: 31%;
}

.review-stats-item__bar--32:after {
    width: 32%;
}

.review-stats-item__bar--33:after {
    width: 33%;
}

.review-stats-item__bar--34:after {
    width: 34%;
}

.review-stats-item__bar--35:after {
    width: 35%;
}

.review-stats-item__bar--36:after {
    width: 36%;
}

.review-stats-item__bar--37:after {
    width: 37%;
}

.review-stats-item__bar--38:after {
    width: 38%;
}

.review-stats-item__bar--39:after {
    width: 39%;
}

.review-stats-item__bar--40:after {
    width: 40%;
}

.review-stats-item__bar--41:after {
    width: 41%;
}

.review-stats-item__bar--42:after {
    width: 42%;
}

.review-stats-item__bar--43:after {
    width: 43%;
}

.review-stats-item__bar--44:after {
    width: 44%;
}

.review-stats-item__bar--45:after {
    width: 45%;
}

.review-stats-item__bar--46:after {
    width: 46%;
}

.review-stats-item__bar--47:after {
    width: 47%;
}

.review-stats-item__bar--48:after {
    width: 48%;
}

.review-stats-item__bar--49:after {
    width: 49%;
}

.review-stats-item__bar--50:after {
    width: 50%;
}

.review-stats-item__bar--51:after {
    width: 51%;
}

.review-stats-item__bar--52:after {
    width: 52%;
}

.review-stats-item__bar--53:after {
    width: 53%;
}

.review-stats-item__bar--54:after {
    width: 54%;
}

.review-stats-item__bar--55:after {
    width: 55%;
}

.review-stats-item__bar--56:after {
    width: 56%;
}

.review-stats-item__bar--57:after {
    width: 57%;
}

.review-stats-item__bar--58:after {
    width: 58%;
}

.review-stats-item__bar--59:after {
    width: 59%;
}

.review-stats-item__bar--60:after {
    width: 60%;
}

.review-stats-item__bar--61:after {
    width: 61%;
}

.review-stats-item__bar--62:after {
    width: 62%;
}

.review-stats-item__bar--63:after {
    width: 63%;
}

.review-stats-item__bar--64:after {
    width: 64%;
}

.review-stats-item__bar--65:after {
    width: 65%;
}

.review-stats-item__bar--66:after {
    width: 66%;
}

.review-stats-item__bar--67:after {
    width: 67%;
}

.review-stats-item__bar--68:after {
    width: 68%;
}

.review-stats-item__bar--69:after {
    width: 69%;
}

.review-stats-item__bar--70:after {
    width: 70%;
}

.review-stats-item__bar--71:after {
    width: 71%;
}

.review-stats-item__bar--72:after {
    width: 72%;
}

.review-stats-item__bar--73:after {
    width: 73%;
}

.review-stats-item__bar--74:after {
    width: 74%;
}

.review-stats-item__bar--75:after {
    width: 75%;
}

.review-stats-item__bar--76:after {
    width: 76%;
}

.review-stats-item__bar--77:after {
    width: 77%;
}

.review-stats-item__bar--78:after {
    width: 78%;
}

.review-stats-item__bar--79:after {
    width: 79%;
}

.review-stats-item__bar--80:after {
    width: 80%;
}

.review-stats-item__bar--81:after {
    width: 81%;
}

.review-stats-item__bar--82:after {
    width: 82%;
}

.review-stats-item__bar--83:after {
    width: 83%;
}

.review-stats-item__bar--84:after {
    width: 84%;
}

.review-stats-item__bar--85:after {
    width: 85%;
}

.review-stats-item__bar--86:after {
    width: 86%;
}

.review-stats-item__bar--87:after {
    width: 87%;
}

.review-stats-item__bar--88:after {
    width: 88%;
}

.review-stats-item__bar--89:after {
    width: 89%;
}

.review-stats-item__bar--90:after {
    width: 90%;
}

.review-stats-item__bar--91:after {
    width: 91%;
}

.review-stats-item__bar--92:after {
    width: 92%;
}

.review-stats-item__bar--93:after {
    width: 93%;
}

.review-stats-item__bar--94:after {
    width: 94%;
}

.review-stats-item__bar--95:after {
    width: 95%;
}

.review-stats-item__bar--96:after {
    width: 96%;
}

.review-stats-item__bar--97:after {
    width: 97%;
}

.review-stats-item__bar--98:after {
    width: 98%;
}

.review-stats-item__bar--99:after {
    width: 99%;
}

.review-stats-item__bar--100:after {
    width: 100%;
}


@media screen and (max-width: 996px) {
    .review-stats-item__bar {
        width: calc(100% - 70px);
    }
}

.rating__panel {
    position: absolute;
    z-index: 3;
    display: none;
    background: white;
    padding: 20px;
    width: 996px;
    right: 0;
    top: 65px;
}

.rating__panel .review__comments--small ul li .review__comments__quote {
    color: #000000;
}

.rating__panel .review__comments--small ul li .review__comments__author {
    color: #b8b8b8;
}

.rating__panel .rates__summary {
    color: #000000;
    padding-top: 0;
    width: 300px;
    float: right;
    margin-right: 20px;
}

.rating__panel .review-stats-item {
    color: #000000;
}

.rating__panel .review-header__r .review-stats {
    padding: 20px;
}

@media screen and (max-width: 996px) {
    .rating__panel {
        width: 768px;
    }
}

@media screen and (max-width: 768px) {
    .rating__panel {
        top: 50px;
        padding: 10px 10px 20px;
        width: 100%;
    }

    .rating__panel .rates__summary {
        width: 250px;
        margin: 20px auto 0;
        float: none;
    }

    .rating__panel .review-header__r .review-stats,
    .rating__panel .review__comments--small {
        padding: 0;
    }

    .rating__panel .review-header__r {
        padding-top: 30px;
    }
}

.rating__panel .review__comments--small ul {
    margin-bottom: 10px;
}

.rating__panel .review__comments--small ul + .link-btn {
    display: block;
}

.wizard {
    margin-bottom: 20px;
}

@media only screen and (max-width: 996px) {
    .wizard {
        margin: 0 -10px 20px;
    }
}

.wizard .steps {
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0 20px;
    width: 100%;
    list-style: none;
    background: #1b1b1b;
}

.wizard .steps .step {
    display: table-cell;
    width: 20%;
    position: relative;
}

.wizard .steps .step:first-child .step-content {
    padding-left: 0;
}

.wizard .steps .step:last-child .step-content {
    padding-right: 0;
}

.wizard .steps .step a, .wizard .steps .step .step-content {
    position: relative;
    display: block;
    padding: 20px;
    text-decoration: none;
}

.wizard .steps .step a.step-content {
    cursor: pointer;
}

.wizard .steps .step strong {
    display: block;
    margin-bottom: 6px;
    color: #b8b8b8;
    font-size: 14px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.wizard .steps .step span {
    display: block;
    font-weight: bold;
    font-size: 14px;
    color: #b8b8b8;
    text-transform: uppercase;
}

.wizard .steps .step:last-child a:after {
    display: none;
}

.wizard .steps .step.completed a {
    cursor: pointer;
}

.wizard .steps .step.completed strong:after {
    content: "\f00c";
    display: inline-block;
    margin-left: 4px;
    color: #3D8705;
    font: normal normal normal 14px/1 FontAwesome;
}

.wizard .steps .step.completed strong, .wizard .steps .step.completed span {
    text-transform: uppercase;
    color: white;
}

.wizard .steps .step.active:after, .wizard .steps .step.completed:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #3D8705;
    height: 3px;
}

.wizard .steps .step.active strong, .wizard .steps .step.active span {
    color: white;
}

@media only screen and (max-width: 767px) {
    .wizard .steps {
        padding: 10px 20px 0 10px;
    }

    .wizard .steps .step {
        width: auto;
    }

    .wizard .steps .step .step-content {
        padding: 10px;
    }

    .wizard .steps .step:first-child .step-content {
        padding-left: 10px;
    }

    .wizard .steps .step:first-child:after {
        left: 10px;
    }

    .wizard .steps .step a {
        padding: 6px 10px 6px 30px;
    }

    .wizard .steps .step a strong {
        position: relative;
    }

    .wizard .steps .step a strong:after {
        position: absolute;
        top: 2px;
    }

    .wizard .steps .step strong {
        display: inline-block;
        width: auto;
        margin-right: 5px;
    }

    .wizard .steps .step span {
        display: none;
    }

    .wizard .steps .step.active {
        width: 50%;
    }

    .wizard .steps .step.active span {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .wizard--register .steps .step.active {
        width: 60%;
    }
}

.productlist-menu-shortcut {
    position: relative;
    list-style: none;
    padding: 0;
    text-align: center;
    float: left;
    width: 100%;
    margin: 0;
}

@media screen and (min-width: 997px) {
    .productlist-menu-shortcut {
        display: none;
    }
}

.productlist-menu-shortcut li {
    display: block;
    text-align: center;
    color: inherit;
    padding: 0;
    text-decoration: none;
    font-size: 14px;
    width: 33.33%;
    float: left;
    background-color: #1b1b1b;
    border-right: 1px solid #313131;
}

.productlist-menu-shortcut li:last-child {
    border-right: none;
}

.productlist-menu-shortcut li a {
    color: #757575;
    padding: 10px 0;
    display: block;
    width: 100%;
    line-height: 48px;
    text-decoration: none;
    font-size: 14px;
}

.productlist-menu-shortcut li a i {
    display: none;
    width: 100%;
    font-size: 25px;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .productlist-menu-shortcut li a i {
        display: none;
    }
}

.productlist-menu-shortcut li.selected a {
    font-weight: bold;
    color: #000000;
    background-color: #ffffff;
}

.productlist {
    color: #000000;
}

.productlist .productlist-title {
    position: relative;
    margin-bottom: 20px;
    color: #ffffff;
}

@media screen and (max-width: 768px) {
    .productlist .productlist-title {
        padding: 0 10px;
        clear: both;
    }
}

.productlist .productlist-title h1 {
    letter-spacing: 0.1em;
    margin-top: 0;
}

.productlist .productlist-title a {
    position: absolute;
    right: 0;
    bottom: -4px;
    color: white;
    font-size: 24px;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .productlist .productlist-title a {
        right: 10px;
        top: 0;
    }
}

.productlist .productlist-main {
    padding-top: 40px;
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main {
        padding-top: 0;
    }
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main .productlist-sidebar {
        padding: 0;
    }
}

.productlist .productlist-main .productlist-sidebar .title {
    font-size: 16px;
    letter-spacing: 1px;
}

.productlist .productlist-main .productlist-sidebar .reorder {
    position: relative;
    border: 1px solid #E6E6E6;
    padding: 20px;
    background: #F2F2F2;
    margin-bottom: 20px;
    text-align: center;
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main .productlist-sidebar .reorder {
        margin-bottom: 0;
        border: none;
        border-bottom: 1px solid #E6E6E6;
    }
}

.productlist .productlist-main .productlist-sidebar .reorder .title {
    margin-bottom: 15px;
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main .productlist-sidebar .reorder .title {
        display: inline;
    }
}

@media screen and (max-width: 768px) {
    .productlist .productlist-main .productlist-sidebar .reorder .title {
        display: block;
    }
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main .productlist-sidebar .reorder:before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        z-index: -1;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 81px;
        width: 100vw;
        background: #F2F2F2;
        border-bottom: 1px solid #E6E6E6;
    }

    .productlist .productlist-main .productlist-sidebar .reorder a {
        margin-left: 20px;
    }
}

@media screen and (max-width: 768px) {
    .productlist .productlist-main .productlist-sidebar .reorder a {
        margin-left: 0;
    }
}

.productlist .productlist-main .productlist-sidebar .ad {
    display: block;
    margin-top: 20px;
}

@media screen and (max-width: 996px) {
    .productlist .productlist-main .productlist-sidebar .ad {
        display: none;
    }
}

.productlist .productlist-main .productlist-sidebar .ad img {
    max-width: 100%;
}

.productlist .productlist-main .productlist-panel {
    background: #ffffff;
    /*
            .productlist-switchers {
                border-bottom: 1px solid #E6E6E6;
                @media screen and (max-width: $breakpoint-md) {
                    margin-right: -10px;
                    margin-left: -10px;
                    padding-right: 10px;
                    padding-left: 10px;
                }
                .productlist-switcher {
                    color: $color-black;
                    padding: 0;
                    margin: 0 $gutter-half -1px;
                    @include transition(all 0.4s);
                    display: inline-block;
                    border-bottom: 1px solid #E6E6E6;
                    @include transition(all 0.4s);

                    &:first-child {
                        margin-left: 0;
                    }
                    a {
                        display: block;
                        padding: $gutter-half 0;
                        text-align: center;
                        color: inherit;
                        text-decoration: none;

                        img {
                            margin: 0 auto 10px;
                            display: block;
                            @include transition(all 0.4s);
                        }

                        span {
                            display: block;
                            font-size: 16px;
                            letter-spacing: 0.1em;
                            color: #737373;
                            @include transition(all 0.4s);
                        }

                        &:hover, &:focus, &:active {
                            span {
                                color: black;
                            }
                        }
                    }

                    &.active {
                        border-bottom: 1px solid black;

                        a {
                            span {
                                color: black;
                            }
                        }
                    }
                }
            }
            */
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher {
    float: left;
    width: 50%;
    background: #f9f9f9;
    color: #000000;
    padding: 0;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a {
    display: block;
    text-align: center;
    color: inherit;
    padding: 20px 10px;
    height: 138px;
    text-decoration: none;
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a img {
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a span {
    line-height: 90px;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    text-transform: uppercase;
}

@media screen and (max-width: 768px) {
    .productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a {
        padding: 10px 0;
        height: auto;
    }

    .productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a img {
        height: 48px;
        width: auto;
        margin: 0 auto 10px;
        display: block;
    }

    .productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a span {
        line-height: normal;
        font-size: 12px;
    }
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a:hover img, .productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a:focus img, .productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher a:active img {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher.active, .productlist .productlist-main .productlist-panel .productlist-switchers .productlist-switcher:hover {
    background: transparent;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content {
    color: #000000;
    background: #ffffff;
    padding: 30px 0;
    position: relative;
    display: none;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content.active, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content:only-child {
    display: block;
}

@media screen and (max-width: 768px) {
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content {
        padding: 20px 10px;
    }
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .products-count {
    float: left;
    font-size: 30px;
    line-height: 42px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .products-count {
        font-size: 24px;
        line-height: normal;
        width: 100%;
    }
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .filters-reset {
    line-height: 40px;
    padding: 0 20px;
    float: right;
    color: #777777;
    border: none;
    background: none;
    text-decoration: underline;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category {
    padding-top: 20px;
    clear: both;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category h2 {
    font-size: 18px;
    letter-spacing: .06em;
    text-transform: capitalize;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category h2 .link-btn {
    font-weight: bold;
}

@media screen and (max-width: 480px) {
    .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category h2 .link-btn {
        float: none !important;
        display: block;
        margin: 15px 0;
    }
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category > .link-btn {
    position: relative;
    /*z-index: 10;*/
    margin-top: -28px;
    font-size: 12px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category > .link-btn span {
    font-size: 10px;
}

.productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list {
    position: relative;
    /*z-index: 20;*/
    padding: 0;
    margin: 0;
    list-style: none;
}

.product-list-item {
    border-top: 1px solid #E6E6E6;
    padding: 15px 0;
}

.product-list-item .product-image,
.product-list-item .product-text,
.product-list-item .product-text .product-description,
.product-list-item .product-text .product-price,
.product-list-item .product-add {
    display: inline-block;
    vertical-align: middle;
}

.product-image {
    text-align: center;
}
.product-category.view_list .product-list-item-push {
    display: none;
}
.product-category.view_grid .product-list-item-push {
    min-height: 395px;
    height:100%;
    border-radius: .5rem;
    list-style: none;
    display: flex;
    flex-direction: column;
padding:32px 24px;
    font-weight: 600;
    line-height: 1.2;
    font-size: 20px;
    text-align: center;
    color:#FFFFFF;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-category.view_grid .product-list-item-push.text_position_top {
    justify-content: flex-start;
}
.product-category.view_grid .product-list-item-push.text_position_bottom {

    justify-content: flex-end;
}
.product-category.view_grid .product-list-item-push.text_position_center {

    justify-content: center;
}
.product-category.view_grid .product-list-item .product-image {
    width: 100%;
}
.product-category.view_list .product-list-item .product-image {
    width: 100px;

}
.product-category.view_grid .product-list-item .product-text {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding-top: 10px;
}
    @media (min-width: 576px) {
        .product-category.view_grid .product-list-item .product-text {
            padding: 15px 15px 0;
        }
    }



.product-category.view_grid .product-description .tag-coffee,
.product-category.view_grid .product-text .CupSizes,
.product-category.view_grid .product-text .IntensityBar
{
    display: none;
}
.product-category.view_grid .product-list-item.outofstock .product-image{
    opacity: .25;
}
.product-list-item.outofstock .product-add,
.product-list-item.outofstock .product-bottom{
    display: none;
}
.product-list-item.in-cart .product-add i.icon-plus{
    display: none !important;
}
.product-list-item.in-cart.product-type-variable .product-add i.icon-plus{
    display: initial !important;
}

li.product-list-item[data-type="Machine"] .IntensityBar{
    display: none;
}

.product-list-item .product-add i.icon-plus{
    width: 40px!important;
    height:40px !important;
    margin: 0 !important;
    top: 0 !important;
    line-height: 40px !important;
}
.product-list-item .product-image img {
    width: auto;
    display: block;
    margin: auto;
    max-width: 65px;
}

.product-list-item .product-text {
    width: calc(100% - 375px);
}

.product-list-item[data-product-type="variable"] .product-text {
    /*width: calc(100% - 408px);*/
}

.product-list-item.view_list .product-text .product-description {
    width: calc(100% - 86px);
    padding: 0 10px;
}

.product-list-item .product-text .product-description h3 {
    color: #2f292b;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 5px;
    text-transform: none;
}

.product-list-item .product-text .product-description h3 a {
    color: inherit;
    text-decoration: none;
}

.product-list-item .product-text .product-description p {
    color: #696969;
    margin: 8px 0;
    letter-spacing: 0.083em;
    font-style: italic;
}
.product-list-item .product-text .product-property{
    color: #7a7a7a;
    font-size: 12px;
    line-height: 14px;
}

.product-list-item .product-text .product-description .intensity i {
    display: inline-block;
    height: 7px;
    width: 7px;
    border: 1px solid #505050;
    background: #505050;
    margin-right: 2px;
}

.product-list-item .product-text .product-description .intensity i.empty {
    background: none;
    margin-right: 0;
    margin-left: 2px;
}

.product-list-item .product-text .product-description .cupsize {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
    width: 86px;
}

.product-list-item .product-text .product-description .cupsize span {
    display: block;
    margin-top: 4px;
}

.product-list-item .product-text .product-description .cupsize i:before {
    font-size: 15px;
}

.product-list-item .product-text .product-description .color {
    margin-top: 20px;
    color: #000;
}

.product-list-item .product-text .product-description .color__elt--black:after {
    background-color: black;
}

.product-list-item .product-text .product-description .color__elt--white:after {
    background-color: white;
}

.product-list-item .product-text .product-description .color__elt--grey:after {
    background-color: #a5a5a5;
}

.product-list-item .product-text .product-description .color__elt--red:after {
    background-color: red;
}

.product-list-item .product-text .product-description .color__elt--green:after {
    background-color: green;
}

.product-list-item .product-text .product-description .color__elt--blue:after {
    background-color: blue;
}

.product-list-item .product-text .product-description .color__elt--yellow:after {
    background-color: yellow;
}

.product-list-item .product-text .product-description .color__elt:after, #container-colors .color__elt:after {
    border: 1px solid rgba(0, 0, 0, 0.2);
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background-color: inherit;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    margin-left: 8px;
}

.product-list-item .product-text .product-description.small .cupsize {
    margin-top: -24px;
}

.product-list-item .product-text .product-price {
    width: 70px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #3D8705;
    position: relative;
    top: 2px;
}

.product-list-item .product-text .product-price--old {
    display: block;
    margin-top: -6px;
    line-height: 20px;
    font-weight: normal;
    color: #777777;
    text-decoration: line-through;
}

@media screen and (max-width: 996px) {
    .product-list-item .product-text .product-price {
        text-align: right;
    }
}

.product-list-item .product-add {
    vertical-align: top;
    top: 0px;
    position: relative;
    text-align: right;
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 768px) {
    .product-list-item .product-add {
        top: 8px;
    }
}

.product-list-item .product-add .btn-small {
    display: none;
}

.product-list-item .product-add + p {
    color: #737373;
    letter-spacing: 0.05em;
    margin: 0;
    padding: 8px 0 8px 115px;
}

@media screen and (max-width: 768px) {
    .product-list-item .product-add + p {
        padding: 8px 20px 8px 60px;
    }
}

.product-list-item--machine {
    padding-top: 20px;
    padding-bottom: 20px;
}

.product-list-item--machine .product-text {
    width: calc(100% - 340px);
}

.product-list-item--machine .product-text .product-description {
    /*width: calc(100% - 90px);*/
    width: 75%;
}

.product-list-item--machine .product-text .product-price {
    width: 80px;
    margin-top: 23px;
    text-align: right;
    vertical-align: top;
}

.product-list-item--machine .product-add {
    width: 232px;
}

.product-list-item--machine .product-add .link-btn {
    display: block;
    text-align: right;
    margin-top: 18px;
    font-size: 12px;
}

.product-list-item--machine .product-add .link-btn span {
    font-size: 10px;
}

@media screen and (max-width: 767px) {
    .product-list-item .product-image {
        width: 50px;
    }

    .product-list-item .product-image img {
        max-width: 90px;
    }

    .product-list-item .product-text {
        position: relative;
        width: calc(100% - 100px);
    }

    .product-list-item .product-text .product-description,
    .product-list-item .product-text .product-price {
        display: block;
        text-align: left;
        padding: 0 6px;
        width: 100%;
    }

    /*.product-list-item .product-text .product-description p {
                    margin: 4px 0;
                    width: calc(100% - 60px); }*/
    .product-list-item .product-text .product-description .cupsize {
        display: none;
    }

    .product-list-item .product-text .product-price {
        position: absolute;
        right: 0;
        top: 28px;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
        text-align: right;
    }

    .product-list-item .product-add {
        width: 40px;
        min-width: 0;
        text-align: center;
    }

    .product-list-item .product-add .btn .text {
        /*display: none;*/
    }

    .product-list-item .product-add .btn.btn-disabled, .product-list-item .product-add .btn.btn-small {
        display: block;
        margin: 0;
    }

    .product-list-item .product-add .product-qty {
        display: inline-block;
        padding: 12px 0;
        width: 40px;
        margin-left: 0;
        text-align: center;
    }

    .product-list-item .product-add .product-qty:hover, .product-list-item .product-add .product-qty:active, .product-list-item .product-add .product-qty:focus {
        background: transparent;
        color: #3D8705;
    }

    .product-list-item--disabled {
        position: relative;
        padding-bottom: 65px;
    }

    .product-list-item--disabled .product-add {
        position: static;
    }

    .product-list-item--disabled .product-add .btn-small {
        margin-top: 8px !important;
    }

    .product-list-item--disabled button {
        position: absolute;
        bottom: 15px;
        top: auto;
        left: 0;
        width: 100%;
    }

    .product-list-item--accessories {
        position: relative;
    }

    .product-list-item--accessories .product-text .product-description {
        width: calc(100% - 60px);
    }

    .product-list-item--accessories .product-text .product-price {
        top: 50%;
    }

    .product-list-item--accessories .product-add {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .product-list-item--machine .product-image {
        width: 85px;
    }

    .product-list-item--machine .product-text {
        position: relative;
        width: calc(100% - 90px);
        padding-left: 10px;
    }

    /*.product-list-item--machine .product-text .product-description p {
                    display: none; }*/
    .product-list-item--machine .product-text .product-description .color {
        margin-top: 10px;
    }

    .product-list-item--machine .product-text .product-description .color__title {
        display: block;
    }

    .product-list-item--machine .product-text .product-description .color__elt:after {
        margin-left: 0;
        margin-right: 8px;
        margin-top: 5px;
    }

    .product-list-item--machine .product-text .product-price {
        position: static;
        margin-top: 10px;
        -webkit-transform: none;
        -khtml-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        text-align: left !important;
    }

    .product-list-item--machine .product-add {
        width: 100%;
        text-align: center;
    }

    .product-list-item--machine .product-add .btn {
        margin-top: 20px;
        display: block;
    }

    .product-list-item--machine .product-add .link-btn {
        text-align: left;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .product-list-item--machine .product-add .product-qty {
        display: inline-block;
        padding: 12px;
        width: 50px;
    }

    .product-list-item--machine .product-add .product-qty:hover, .product-list-item--machine .product-add .product-qty:active, .product-list-item--machine .product-add .product-qty:focus {
        background: transparent;
        color: #3D8705;
    }
}

.productdetail-panel {
    position: relative;
    display: none;
}

.productdetail-panel.active {
    display: block;
}

@media screen and (max-width: 768px) {
    .productdetail-panel .pagination {
        font-size: 16px;
    }
}

.product-page {
    /*overflow: hidden; */
}

.product-page .back-container {
    position: absolute;
    z-index: 40;
    left: 50%;
    margin-left: -498px;
    padding: 20px;
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

@media only screen and (max-width: 767px) {
    .product-page .back-container {
        display: none;
    }
}

.product-page .product-picture {
    overflow: hidden;
    height: 370px;
    background: url("../images/product-page-background.jpg") no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-page .product-picture img {
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

.product-page .product-picture.product-accessories {
    background: url("../images/background-pdp-accessories.jpg") no-repeat center center;
}

.product-page .product-picture.product-accessories img {
    width: auto;
    max-width: 350px;
    max-height: 250px;
}

@media screen and (max-width: 480px) {
    .product-page .product-picture {
        height: 200px;
        margin: 0 -100px;
    }
}

@media screen and (max-width: 996px) {
    .product-page .back-container {
        margin-left: 0;
        left: 0;
    }
}

.product-page .product-slider {
    position: relative;
    z-index: 1;
}

.product-page .product-slider .slider ul li {
    background: black;
}

.product-page .product-slider .bx-controls-auto {
    display: none;
}

.product-page .product-slider .slider {
    max-height: 380px;
}

.product-page .product-slider .slider img {
    float: none;
    margin-left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.product-page .product-slider .slider__visual {
    position: absolute;
    top: 0;
    right: 80px;
    z-index: 2;
    height: 380px;
    width: 135px;
}

.product-page .product-slider .slider__visual .bx-wrapper {
    height: 380px;
    padding: 35px 0;
}

.product-page .product-slider .slider__visual .slider-face {
    margin: 0;
    padding: 0;
}

.product-page .product-slider .slider__visual .slider-face li {
    border: 1px solid white;
    background: #1f2e33;
    height: 90px;
    overflow: hidden;
}

.product-page .product-slider .slider__visual .slider-face li figure {
    margin: 0;
}

.product-page .product-slider .slider__visual .slider-face li img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
    .product-page .product-slider .slider__visual {
        position: relative;
        right: 0;
        background: #1b1b1b;
        height: 130px;
        width: 100%;
    }

    .product-page .product-slider .slider__visual .bx-wrapper {
        height: 130px;
        padding: 20px 50px;
    }
}

.product-page .product-slider .bx-prev {
    position: absolute;
    top: 20px;
    left: 50%;
    text-indent: -99999px;
    border-top: 2px solid white;
    border-left: 2px solid white;
    width: 10px;
    height: 10px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -khtml-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

@media screen and (max-width: 768px) {
    .product-page .product-slider .bx-prev {
        top: 50%;
        left: 20px;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        -khtml-transform: translateY(-50%) rotate(-45deg);
        -moz-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
        -o-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }
}

.product-page .product-slider .bx-next {
    position: absolute;
    bottom: 20px;
    left: 50%;
    text-indent: -99999px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    width: 10px;
    height: 10px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -khtml-transform: translateX(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    -o-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
}

@media screen and (max-width: 768px) {
    .product-page .product-slider .bx-next {
        top: 50%;
        right: 20px;
        left: auto;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        -khtml-transform: translateY(-50%) rotate(-45deg);
        -moz-transform: translateY(-50%) rotate(-45deg);
        -ms-transform: translateY(-50%) rotate(-45deg);
        -o-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg);
    }
}

@media screen and (max-width: 768px) {
    .product-page.product-page--machine {
        position: relative;
    }

    .product-page.product-page--machine .product-title h2 {
        max-width: calc(100% - 120px);
    }

    .product-page.product-page--machine .product-title .price {
        position: absolute;
        top: -30px;
        right: 10px;
        margin: 0;
    }

    .product-page.product-page--machine .product-title .container-btn {
        display: block;
        margin-top: 60px;
    }

    .product-page.product-page--machine .product-title .btn {
        display: block;
        width: calc(100% - 37px);
    }
}

.product-page .product-title {
    background: #ffffff;
    color: #000000;
    padding: 20px 10px;
    text-align: right;
}

.product-page .product-title h2 {
    float: left;
    display: inline-block;
    font-size: 24px;
    line-height: 39px;
    letter-spacing: 0.08em;
    margin: 0;
    text-align: left;
    white-space: nowrap;
}

@media screen and (max-width: 996px) {
    .product-page .product-title h2 {
        white-space: normal;
    }
}

.product-page .product-title .price {
    display: inline-block;
    margin-right: 20px;
    line-height: 39px;
    font-size: 18px;
    letter-spacing: 0.2em;
    color: #986F38;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .product-page .product-title .price {
        margin-right: 0;
        font-size: 16px;
    }
}

.product-page .product-title .btn {
    float: right;
    display: inline-block;
}

@media screen and (max-width: 768px) {
    .product-page .product-title .btn {
        float: none;
    }
}

.product-page .product-title .container-btn {
    float: right;
    display: inline-block;
    margin: 0;
    position: relative;
}

@media screen and (max-width: 768px) {
    .product-page .product-title .container-btn {
        float: none;
    }
}

.product-page .product-title .container-btn .product-qty {
    display: none;
}

@media screen and (max-width: 768px) {
    .product-page .product-title .container-btn .product-qty {
        display: block;
    }
}

.product-page .product-title .container-btn button {
    display: block;
}

@media screen and (max-width: 768px) {
    .product-page .product-title .container-btn button {
        display: none;
    }
}

.product-page .product-title .rate {
    margin-top: 20px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
}

@media screen and (min-width: 769px) {
    .product-page .product-title .rate {
        line-height: 65px;
    }
}

.product-page .product-title .rate .rate-widget {
    width: auto;
}

@media screen and (min-width: 769px) {
    .product-page .product-title .rate .rate-widget {
        margin-top: 20px;
    }
}

.product-page .product-title .rate .link {
    color: #986F38;
    margin-left: 15px;
}

@media screen and (max-width: 768px) {
    .product-page .product-title {
        position: relative;
    }

    .product-page .product-title h2 {
        line-height: normal;
        display: block;
        float: none;
        text-align: left;
        margin: 0;
        font-size: 15px;
    }
}

.product-page .product-title .vat-price {
    float: right;
    clear: both;
    margin: 0 0 -30px;
    line-height: 28px;
    font-size: 10px;
    color: #666666;
    letter-spacing: 0;
}

.product-page .product-title .vat-price a {
    color: #666666;
}

@media screen and (max-width: 768px) {
    .product-page .product-title .vat-price {
        float: none;
        clear: none;
        margin-left: 10px;
        white-space: nowrap;
    }
}

.product-page .product-features {
    text-align: left;
    padding: 20px 0 0 0;
    color: #d5d5d5;
}

.product-page .product-features > .container {
    padding: 0;
}

@media screen and (max-width: 768px) {
    .product-page .product-features {
        text-align: center;
        padding: 20px 0 0;
    }
}

.product-page .product-features .product-feature {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    height: 39px;
    min-width: 50px;
    padding: 0;
    margin: 0 10px 20px;
}

.product-page .product-features .product-feature .icon, .product-page .product-features .product-feature .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .product-page .product-features .product-feature i:before, .product-page .product-features .product-feature #header .site_title a:before, #header .site_title .product-page .product-features .product-feature a:before, .product-page .product-features .product-feature .slocator .slocator-locations__details-action:before, .slocator .product-page .product-features .product-feature .slocator-locations__details-action:before {
    display: block;
    font-size: 20px;
    margin: 0 auto 6px;
}

.product-page .product-features .product-feature span {
    position: absolute;
    top: 3px;
    display: block;
    width: 100%;
    padding-left: 4px;
    text-align: center;
    color: #000000;
}

.product-page .product-content {
    color: #000000;
    padding-top: 0;
    background-color: #ffffff;
}

.product-page .product-content__text {
    font-weight: bold;
}

.product-page .product-content .link-btn {
    color: #986F38 !important;
    font-size: 1.2em;
}

.product-page .product-content h3, .product-page .product-content h4 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    padding-top: 30px;
    margin-bottom: 22px;
    color: #ffffff;
    opacity: 1;
}

.product-page .product-content h4 {
    font-size: 11px;
}

.product-page .product-content h3 {
    margin-bottom: 0;
}

.product-page .product-content p {
    margin-top: 22px;
    font-size: 14px;
    letter-spacing: 0.08em;
    line-height: 19px;
    font-family: "NespressoLucas";
    font-weight: 400;
    margin-bottom: 16px;
}

@media screen and (max-width: 768px) {
    .product-page .product-content p.btn-mobile-toggle__content {
        display: none;
    }
}

.product-page .product-content p.product-video {
    width: 100%;
    height: 540px;
}

@media screen and (max-width: 996px) {
    .product-page .product-content p.product-video {
        height: 350px;
    }
}

@media screen and (max-width: 768px) {
    .product-page .product-content p.product-video {
        height: 240px;
    }
}

.product-page .product-content .btn-share {
    margin-top: 25px;
}

.product-page .product-content .btn-share:after {
    display: none;
}

.product-page .product-content ul.recommended-products {
    background: none;
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .product-page .product-content ul.recommended-products .product-item:nth-child(odd) {
        border: none;
    }
}

@media screen and (max-width: 480px) {
    .product-page .product-content ul.recommended-products .product-item {
        width: 100%;
        border: none;
        margin-bottom: 20px;
    }
}

.product-page .product-content .product-social {
    padding: 30px 0 40px;
}

.product-page .product-content .product-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-page .product-content .product-social li {
    display: inline-block;
}

.product-page .product-content .product-social li a {
    color: #d5d5d5;
    font-size: 18px;
    text-decoration: none;
    padding-left: 20px;
    display: block;
}

.product-page .product-content .product-social li a:hover, .product-page .product-content .product-social li a:active, .product-page .product-content .product-social li a:focus {
    color: #ffffff;
}

.similar-products {
    padding-top: 35px;
    margin-bottom: 20px;
}

.similar-products .similar-product {
    float: left;
    height: 110px;
    width: 16.66667%;
}

.similar-products .similar-product a {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 12px;
    letter-spacing: 0.08em;
    color: #ffffff;
    font-weight: bold;
}

.similar-products .similar-product a img {
    display: block;
    margin: auto;
    max-height: 60px;
    max-width: 70px;
    margin-bottom: 10px;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.similar-products .similar-product a:hover img, .similar-products .similar-product a:active img, .similar-products .similar-product a:focus img {
    max-height: 70px;
}

@media screen and (max-width: 480px) {
    .similar-products .similar-product {
        width: 33.33%;
        margin-bottom: 20px;
    }
}

.product-page .product-content .js-toggle--desktop::before {
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    padding-left: 3px;
    padding-right: 1px;
    border: 1px solid white;
    border-radius: 100%;
    color: white;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    content: '\f107';
    line-height: 24px;
    font-family: FontAwesome;
    font-weight: normal;
}

.product-page .product-content .js-toggle--desktop.open::before {
    content: '\f106';
    line-height: 22px;
}

@media screen and (max-width: 768px) {
    .product-page .product-content .btn-mobile-toggle h3::before {
        height: 25px;
        width: 25px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 10px 0 0;
        padding-left: 3px;
        padding-right: 1px;
        border: 1px solid white;
        border-radius: 100%;
        color: white;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        content: '\f107';
        line-height: 24px;
        font-family: FontAwesome;
        font-weight: normal;
    }

    .product-page .product-content .btn-mobile-toggle h3.open::before {
        content: '\f106';
        line-height: 22px;
    }

    .product-page .product-content h3 {
        padding-top: 15px;
    }
}

.product-page .recommended-grey {
    position: relative;
    color: #000000;
    background: #ffffff;
}

@media screen and (max-width: 768px) {
    .product-page .recommended-grey > .container {
        padding: 0 20px;
    }
}

.product-page .recommended-grey h4 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 20px 0;
}

.product-page .recommended-grey h4, .product-page .recommended-grey .row {
    position: relative;
    z-index: 2;
}

.product-page .recommended-grey ul.recommended-products {
    background: none;
    margin-bottom: 0;
}

.product-page .recommended-grey ul.recommended-products li {
    position: relative;
}

@media screen and (max-width: 768px) {
    .product-page--coffee .product-title h2 {
        font-size: 18px;
    }

    .product-page--coffee .product-title .col-xs-7 {
        text-align: right;
    }
}

.product-page--coffee .package__links {
    position: absolute;
    right: 20px;
    top: -50px;
}

@media screen and (max-width: 768px) {
    .product-page--coffee .package__links {
        position: static;
    }
}

.product-page--coffee .package__links a:nth-child(2) {
    display: none;
}

.product-page--coffee .product-content {
    position: relative;
    z-index: 2;
    padding-top: 0;
    color: #ffffff;
    background: #000000;
}

.product-page--coffee .product-content .similar-products__test {
    background: #1c1d1d;
}

@media screen and (max-width: 768px) {
    .product-page--coffee .product-content {
        padding-top: 20px;
    }

    .product-page--coffee .product-content > .container {
        padding: 0 20px;
    }

    .product-page--coffee .product-content .similar-products__test > .container {
        padding: 0 20px;
    }
}

.product-page--accessories .product-title {
    padding: 20px;
}

.product-page--accessories .product-title h2 {
    line-height: normal;
    white-space: normal;
}

@media screen and (max-width: 996px) {
    .product-page--accessories .product-title h2 {
        margin-bottom: 20px;
    }
}

.product-page--accessories .product-features {
    color: black;
    text-align: center;
}

@media screen and (max-width: 996px) {
    .product-page--accessories .product-features {
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
    .product-page--accessories .product-features {
        text-align: center;
        margin: 0 0 20px;
    }
}

.product-page--accessories .product-features .product-feature {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 85px;
    padding: 0px;
    font-size: 12px;
    height: 39px;
}

.product-page--accessories .product-features .product-feature:nth-child(3) {
    position: relative;
    top: -7px;
}

@media screen and (max-width: 996px) {
    .product-page--accessories .product-features .product-feature {
        width: 32%;
        height: auto;
    }
}

.product-page--accessories .product-features .product-feature .icon, .product-page--accessories .product-features .product-feature .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .product-page--accessories .product-features .product-feature i:before, .product-page--accessories .product-features .product-feature #header .site_title a:before, #header .site_title .product-page--accessories .product-features .product-feature a:before, .product-page--accessories .product-features .product-feature .slocator .slocator-locations__details-action:before, .slocator .product-page--accessories .product-features .product-feature .slocator-locations__details-action:before {
    display: block;
    font-size: 20px;
    margin: auto;
    margin-bottom: 6px;
}

.product-page--accessories .product-content {
    padding-top: 20px;
    background: #000000;
    color: #ffffff;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .product-page--accessories .product-content > .container {
        padding: 0 20px;
    }
}

.product-page--machine .product-title {
    padding: 20px;
}

.product-page--machine .product-slider .slider .bx-pager-item a {
    border: 1px solid #ffffff;
    background-color: red;
}

.product-page--machine .product-slider .slider .bx-pager-item a:hover, .product-page--machine .product-slider .slider .bx-pager-item a.active {
    background-color: red;
}

.product-page--machine .product-slider .slider .bx-pager-item a[title="2"] {
    background-color: blue;
}

.product-page--machine .product-slider .slider .bx-pager-item a[title="2"]:hover, .product-page--machine .product-slider .slider .bx-pager-item a[title="2"].active {
    background-color: blue;
}

.product-page--machine .product-slider .slider .bx-pager-item a[title="3"] {
    background-color: yellow;
}

.product-page--machine .product-slider .slider .bx-pager-item a[title="3"]:hover, .product-page--machine .product-slider .slider .bx-pager-item a[title="3"].active {
    background-color: yellow;
}

.product-page--machine .product-features {
    text-align: left;
    color: #ffffff;
}

.product-page--machine .product-features h3 {
    padding: 0;
    margin: 0 0 20px;
}

.product-page--machine .product-features .product-feature {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 14.285714286%;
    height: auto;
    padding: 0;
    margin: 10px 0;
    font-size: 12px;
}

@media screen and (max-width: 768px) {
    .product-page--machine .product-features .product-feature {
        width: 33.3333%;
        margin-bottom: 20px;
    }
}

.product-page--machine .product-features .product-feature .icon, .product-page--machine .product-features .product-feature .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .product-page--machine .product-features .product-feature i:before, .product-page--machine .product-features .product-feature #header .site_title a:before, #header .site_title .product-page--machine .product-features .product-feature a:before, .product-page--machine .product-features .product-feature .slocator .slocator-locations__details-action:before, .slocator .product-page--machine .product-features .product-feature .slocator-locations__details-action:before {
    display: block;
    font-size: 36px;
    margin: 0 auto 15px;
}

.product-page--machine .tab-switcher {
    background-color: #f9f9f9;
}

.product-page--machine .tab-switcher .rate-widget {
    padding: 24px 0 20px 20px;
}

.product-page--machine .tab-switcher .rate-widget + .rating__panel {
    display: none;
    border-bottom: 1px solid #e8e5e5;
}

.product-page--machine .tab-switcher .rate-widget .ratings-stars {
    float: left;
    height: 20px;
    width: 20px;
}

.product-page--machine .tab-switcher .rate-widget .ratings-stars:before {
    font-size: 18px;
}

.product-page--machine .tab-switcher .rate-widget .total-votes {
    line-height: 18px;
    color: #000000;
}

@media screen and (max-width: 768px) {
    .product-page--machine .tab-switcher .rate-widget {
        padding: 20px 10px;
        background: #f9f9f9;
    }
}

.product-page--machine .tab-switcher--grey .product-page--machine .tab-switcher__item:hover, .product-page--machine .tab-switcher--grey .product-page--machine .tab-switcher__item.active {
    background-color: #f8f8f8;
}

.product-page--machine .tab-switcher .icon, .product-page--machine .tab-switcher .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .product-page--machine .tab-switcher i:before, .product-page--machine .tab-switcher #header .site_title a:before, #header .site_title .product-page--machine .tab-switcher a:before, .product-page--machine .tab-switcher .slocator .slocator-locations__details-action:before, .slocator .product-page--machine .tab-switcher .slocator-locations__details-action:before {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 10px;
}

.product-page--machine .tab-switcher__item {
    display: block;
    text-align: left;
    height: 65px;
    padding: 0 20px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-decoration: none;
    background-color: #f9f9f9;
    color: #000000;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.product-page--machine .tab-switcher__item:hover, .product-page--machine .tab-switcher__item.active {
    background-color: #000000;
    color: #ffffff;
}

.product-page--machine .tab-switcher__item.active {
    position: relative;
    z-index: 1;
    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.35);
}

.product-page--machine .tab-switcher__item .rate-widget {
    padding: 0;
    width: auto;
}

.product-page--machine .tab-switcher__item .rate-widget .total-votes {
    font-weight: normal;
    line-height: 16px;
}

.product-page--machine .product-content {
    padding-top: 20px;
    background: #000000;
    color: #ffffff;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 768px) {
    .product-page--machine .product-content > .container {
        padding: 0 20px;
    }
}

@media screen and (max-width: 768px) {
    .product-page--machine .tab-switcher {
        position: relative;
        margin-top: 0;
    }

    .product-page--machine .tab-switcher .hover-panel {
        position: absolute;
        top: -120px;
    }

    .product-page--machine .tab-switcher .hover-panel:after {
        position: absolute;
        right: 20px;
        top: 20px;
        height: 25px;
        width: 25px;
        display: block;
        vertical-align: middle;
        margin-left: 10px;
        margin-top: -4px;
        padding-right: 1px;
        border: 1px solid #000000;
        border-radius: 100%;
        color: #000000;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        cursor: pointer;
        content: '\e90c';
        font-family: nnsa;
        transform: rotate(180deg);
    }

    .product-page--machine .tab-switcher .hover-panel.open-hover-panel:after {
        transform: rotate(0deg);
    }

    .product-page--machine .tab-switcher .hover-panel .rate-widget {
        background: white;
    }
}

@media screen and (max-width: 996px) {
    .product-page--machine .hover-panel:after {
        position: absolute;
        right: 20px;
        top: 25px;
        height: 25px;
        width: 25px;
        display: block;
        vertical-align: middle;
        margin-left: 10px;
        margin-top: -4px;
        padding-right: 1px;
        border: 1px solid #000000;
        border-radius: 100%;
        color: #000000;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        cursor: pointer;
        content: '\e90c';
        font-family: nnsa;
        transform: rotate(180deg);
    }

    .product-page--machine .hover-panel.open-hover-panel:after {
        transform: rotate(0deg);
    }
}

.review__recommand {
    background: #1b1b1b;
}

.review__recommand h3 {
    margin: auto;
    padding: 40px 0 20px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.review__recommand img {
    padding: 20px 0 20px 20px;
    width: 100%;
}

@media screen and (max-width: 480px) {
    .review__recommand img {
        padding: 20px;
    }
}

.review__recommand__product {
    padding: 20px;
}

.review__recommand__product .title {
    font-weight: bold;
    font-size: 14px;
}

.review__recommand__product .rate-widget {
    padding: 8px 0;
}

.review__recommand__product .rate-widget .ratings-stars {
    width: 24px;
}

.review__recommand__product .rate-widget .ratings-stars::before,
.review__recommand__product .rate-widget .ratings-vote::before {
    font-size: 16px;
}

.review__recommand__product .rate-widget .total-votes {
    line-height: 16px;
    font-size: 14px;
}

.review__recommand__product .rates__summary {
    margin: 0;
    padding: 0;
    font-size: 12px;
    text-align: left;
}

.review__recommand__product .rates__summary strong {
    font-size: 18px;
}

.review__recommand__product .rates__summary strong sup {
    top: -0.5em;
    font-size: 10px;
}

.review__recommand__product > a {
    display: block;
    margin-bottom: 14px;
    margin-top: 9px;
    color: #b8b8b8;
}

.review__recommand__product .price {
    display: block;
    font-size: 14px;
    color: #986F38;
}

.review__recommand__product .container-btn {
    margin: 10px 0 20px;
}

.review__comments--small {
    margin: 20px 0;
    padding: 0 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

@media screen and (max-width: 768px) {
    .review__comments--small {
        border: none;
        margin: 0;
    }
}

.review__comments--small ul {
    margin: 0 0 40px;
    padding: 0;
    list-style: none;
}

.review__comments--small ul li {
    margin-bottom: 20px;
}

.review__comments--small ul li .review__comments__quote {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    color: white;
    display: block;
}

.review__comments--small ul li .review__comments__author {
    color: #b8b8b8;
}

.product__page {
    background: black;
    overflow: hidden;
}

.product__page .back-container {
    position: absolute;
    z-index: 40;
    left: 50%;
    margin-left: -498px;
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

@media only screen and (max-width: 996px) {
    .product__page .back-container {
        display: none;
    }
}

.product__page .back-container a {
    color: white;
    line-height: 54px;
    background: none;
    text-decoration: none;
}

.product__pastille {
    position: absolute;
    top: 40px;
    right: 50px;
    z-index: 30;
    background: #9CCFB0;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    padding-top: 20px;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -khtml-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    text-transform: uppercase;
    text-align: center;
    -webkit-transform: translateY(0);
    -khtml-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.4s 1s ease-in-out;
    -khtml-transition: all 0.4s 1s ease-in-out;
    -moz-transition: all 0.4s 1s ease-in-out;
    -ms-transition: all 0.4s 1s ease-in-out;
    -o-transition: all 0.4s 1s ease-in-out;
    transition: all 0.4s 1s ease-in-out;
}

.product__pastille strong {
    display: block;
    font-size: 60px;
    line-height: 60px;
    margin-bottom: 2px;
    font-weight: normal;
    color: rgba(0, 0, 0, 0.5);
}

.product__pastille strong sub {
    bottom: 0;
}

.product__pastille span {
    display: block;
    color: white;
    font-size: 14px;
    line-height: 15px;
    font-weight: bold;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.25);
}

.product__pastille span:first-child {
    font-size: 12px;
    line-height: 18px;
}

@media only screen and (max-width: 996px) {
    .product__pastille {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .product__pastille {
        display: block;
        top: 20px;
        right: 20px;
        width: 100px;
        height: 100px;
        padding-top: 12px;
    }

    .product__pastille strong {
        font-size: 40px;
        line-height: 40px;
    }

    .product__pastille span {
        font-size: 9px;
        line-height: 11px;
    }

    .product__pastille span:first-child {
        font-size: 9px;
        line-height: 11px;
    }
}

.product__slider {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    z-index: 20;
    height: 100%;
    width: calc(100vw - 40%);
    overflow: hidden;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    -webkit-transform: translateX(100px);
    -khtml-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
}

.product__slider:after {
    display: none;
    content: '';
    position: absolute;
    bottom: 0;
    height: 40%;
    width: 100%;
    background-color: transparent;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7)));
    background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
    background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
    background-image: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
    background-image: linear-gradient(top, transparent, rgba(0, 0, 0, 0.7));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='transparent', endColorStr='rgba(0, 0, 0, 0.7)');
}

@media only screen and (max-width: 996px) {
    .product__slider {
        right: 40%;
        width: 60%;
        -webkit-transform: translateX(0);
        -khtml-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (max-width: 767px) {
    .product__slider {
        position: relative;
        right: 0;
        width: 100%;
    }
}

.product__slider__close {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 100;
    background: rgba(85, 85, 85, 0.5);
    width: 40px;
    height: 40px;
    border-radius: 100%;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.product__slider__close:before, .product__slider__close:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 16px;
    height: 2px;
    background-color: #fff;
}

.product__slider__close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -khtml-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.product__slider__close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -khtml-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

@media only screen and (max-width: 767px) {
    .product__slider__close {
        left: 50%;
        right: auto;
        top: 20px;
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

.product__slider__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product__slider__list li {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

@media only screen and (max-width: 767px) {
    .product__slider__list li {
        position: absolute;
    }
}

.product__slider__list li.active {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

@media only screen and (max-width: 767px) {
    .product__slider__list li.active {
        position: relative;
    }
}

.product__slider__list li img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: auto;
    width: auto;
    max-width: 400px;
    /*        min-width: 100%;
        min-height: 100%;*/
    display: block;
    margin: auto;
    margin-right: 25%;
    -webkit-transform: translate(11.74%, 0);
    -khtml-transform: translate(11.74%, 0);
    -moz-transform: translate(11.74%, 0);
    -ms-transform: translate(11.74%, 0);
    -o-transform: translate(11.74%, 0);
    transform: translate(11.74%, 0);
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

@media only screen and (max-width: 996px) {
    .product__slider__list li img {
        -webkit-transform: translate(14.5%, 0);
        -khtml-transform: translate(14.5%, 0);
        -moz-transform: translate(14.5%, 0);
        -ms-transform: translate(14.5%, 0);
        -o-transform: translate(14.5%, 0);
        transform: translate(14.5%, 0);
    }
}

@media only screen and (max-width: 767px) {
    .product__slider__list li img {
        position: relative;
        right: 56%;
        width: 150%;
        min-height: 0;
        -webkit-transform: translate(0, 0) scale(1.1);
        -khtml-transform: translate(0, 0) scale(1.1);
        -moz-transform: translate(0, 0) scale(1.1);
        -ms-transform: translate(0, 0) scale(1.1);
        -o-transform: translate(0, 0) scale(1.1);
        transform: translate(0, 0) scale(1.1);
    }
}

@media only screen and (max-width: 480px) {
    .product__slider__list li img {
        display: block;
        position: relative;
        left: auto;
        right: auto;
        width: auto;
        height: 100%;
        margin: auto;
        margin-top: 20px;
        margin-bottom: 20px;
        height: auto;
    }
}

.product__slider__dots {
    position: absolute;
    bottom: 40px;
    left: 50%;
    z-index: 40;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    list-style: none;
    margin: 0 0 0 -218px;
    padding: 0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

@media only screen and (max-width: 996px) {
    .product__slider__dots {
        margin: 0 0 0 -154px;
    }
}

@media only screen and (max-width: 767px) {
    .product__slider__dots {
        bottom: auto;
        margin: -30px 0 0;
    }
}

.product__slider__dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
}

.product__slider__dots li a {
    display: block;
    border: 1px solid white;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.product__slider__dots li a:hover + div {
    z-index: 10;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translate3D(-50%, 0, 0);
    -khtml-transform: translate3D(-50%, 0, 0);
    -moz-transform: translate3D(-50%, 0, 0);
    -ms-transform: translate3D(-50%, 0, 0);
    -o-transform: translate3D(-50%, 0, 0);
    transform: translate3D(-50%, 0, 0);
}

@media only screen and (max-width: 767px) {
    .product__slider__dots li a:hover + div {
        display: none;
    }
}

.product__slider__dots li a.active {
    background: white;
}

.product__slider__dots li div {
    position: absolute;
    top: -60px;
    left: 50%;
    z-index: 5;
    -webkit-transform: translate3D(-50%, 10px, 0);
    -khtml-transform: translate3D(-50%, 10px, 0);
    -moz-transform: translate3D(-50%, 10px, 0);
    -ms-transform: translate3D(-50%, 10px, 0);
    -o-transform: translate3D(-50%, 10px, 0);
    transform: translate3D(-50%, 10px, 0);
    width: 64px;
    height: 48px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    background: white 85% center;
    background-size: cover;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.product__slider__dots li div:before {
    display: block;
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border-top: 6px solid white;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.product__slider__dots.zoomed {
    margin: 0;
    width: 100%;
    text-align: center;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
    -khtml-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    -webkit-transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
    -khtml-transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
    -moz-transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
    -ms-transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
    -o-transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
    transition: opacity 0.4s 0.4s ease-in-out, transform 0.4s 0.4s ease-in-out;
}

.product__slider__dots.zoomed li {
    margin: 0 14px;
}

@media only screen and (max-width: 767px) {
    .product__slider__dots.zoomed {
        margin: -80px 0 0;
    }
}

.product__slider__dots.zoomed a {
    border: 1px solid #E5E5E5;
    width: 72px;
    height: 72px;
    border-radius: 0;
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-opacity: 0.8;
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
}

.product__slider__dots.zoomed a:hover {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.product__slider__dots.zoomed a.active {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    background: none;
    border-color: black;
}

@media only screen and (max-width: 767px) {
    .product__slider__dots.zoomed a {
        width: 48px;
        height: 48px;
    }
}

.product__slider__dots.zoomed .product__slider__dots__tooltip {
    display: block;
    z-index: -1;
    top: 1px;
    left: 1px;
    width: 70px;
    height: 70px;
    border-radius: 0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translate3D(0, 0, 0);
    -khtml-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0);
    background-position: 80%;
    background-size: cover;
}

.product__slider__dots.zoomed .product__slider__dots__tooltip:before {
    display: none;
}

@media only screen and (max-width: 767px) {
    .product__slider__dots.zoomed .product__slider__dots__tooltip {
        width: 46px;
        height: 46px;
    }
}

.product__slider__dots.zoomed.pending li, .product__slider__dots.zoomed.pending .product__slider__dots__tooltip, .product__slider__dots.zoomed.pending a {
    -webkit-transition: all 0s 0.6s ease-in-out;
    -khtml-transition: all 0s 0.6s ease-in-out;
    -moz-transition: all 0s 0.6s ease-in-out;
    -ms-transition: all 0s 0.6s ease-in-out;
    -o-transition: all 0s 0.6s ease-in-out;
    transition: all 0s 0.6s ease-in-out;
}

.product__slider__dots.pending {
    -webkit-transform: translate(-50%, 20px);
    -khtml-transform: translate(-50%, 20px);
    -moz-transform: translate(-50%, 20px);
    -ms-transform: translate(-50%, 20px);
    -o-transform: translate(-50%, 20px);
    transform: translate(-50%, 20px);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.product__info {
    position: relative;
    z-index: 10;
    left: 50%;
    height: 100%;
    min-height: 608px;
    width: 396px;
    color: black;
    background: white;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -khtml-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
    -o-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(99px);
    -khtml-transform: translateX(99px);
    -moz-transform: translateX(99px);
    -ms-transform: translateX(99px);
    -o-transform: translateX(99px);
    transform: translateX(99px);
    padding-top: 23px;
}

.product__info .product__info-inside {
    padding: 40px 25px 10px 25px;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 996px) {
    .product__info > div {
        padding: 30px 20px 30px 20px;
    }
}

@media only screen and (max-width: 767px) {
    .product__info > div {
        padding: 20px;
    }
}

@media only screen and (max-width: 996px) {
    .product__info {
        left: 60%;
        width: 40%;
        -webkit-transform: translateX(0);
        -khtml-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
}

@media only screen and (max-width: 767px) {
    .product__info {
        left: 0;
        width: 100%;
        min-height: 0;
    }
}

.product__info:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: white;
    width: 100vw;
    left: 0;
}

.product__info__type {
    margin-bottom: 6px;
    letter-spacing: .2em;
    color: #757575;
    font-size: 14px;
    line-height: 18px;

}

@media only screen and (max-width: 767px) {
    .product__info__type {
        font-size: 12px;
    }
}

.product__info__title {
    margin-bottom: 30px;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 0.2em;
    font-weight: 700;
    text-transform:none;
}

@media only screen and (max-width: 767px) {
    .product__info__title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 4px;
    }
}

.product__info__title + i {
    display: block;
    margin: -20px 0 15px;
    color: #000000;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.2em;
    font-style: normal;
}

@media only screen and (max-width: 767px) {
    .product__info__title + i {
        margin-top: 0;
    }
}

.product__info__options__title {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .product__info__options__title {
        display: none;
    }
}

.product__info__options__list {
    margin: 12px 0 18px;
    padding: 0;
    list-style: none;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.product__info__options__list li {
    display: table-cell;
    vertical-align: top;
    text-align: center;
}

.product__info__options__list li:first-child {
    text-align: left;
}

.product__info__options__list li:last-child {
    text-align: right;
}

.product__info__options__list a {
    display: inline-block;
    background: none;
    padding: 0 20px;
    line-height: 38px;
    width: 95%;
    text-align: center;
    border: 1px solid black;
    font-size: 14px;
    text-transform: none;
    border-radius: 3px;
    text-decoration: none;
    color: black;
    filter: alpha(opacity=55);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
    -webkit-opacity: 0.55;
    -khtml-opacity: 0.55;
    -moz-opacity: 0.55;
    -ms-opacity: 0.55;
    -o-opacity: 0.55;
    opacity: 0.55;
}

.product__info__options__list a:hover, .product__info__options__list a:focus, .product__info__options__list a.active {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.product__info__colours__title {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-transform: uppercase;
}

.product__info__colours__list {
    margin: 12px 0 24px;
    padding: 0;
    list-style: none;
}

@media only screen and (max-width: 996px) {
    .product__info__colours__list {
        margin-bottom: 18px;
    }
}

.product__info__colours__list li {
    display: inline-block;
    vertical-align: top;
}

.product__info__colours__list a {
    position: relative;
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.product__info__colours__list a:after {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-radius: 100%;
    background: white;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.product__info__colours__list a:hover:after, .product__info__colours__list a:focus:after, .product__info__colours__list a.active:after {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    width: 12px;
    height: 12px;
}

.product__info .rate-widget {
    width: 100%;
    height: 50px;
    margin-top: -20px;
}

@media only screen and (max-width: 767px) {
    .product__info .rate-widget {
        margin-top: 0;
    }
}

.product__info__price {
    display: block;
    margin: 0 0 20px;
    color: #3D8705;
    font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding-top: 30px;
}

@media only screen and (max-width: 767px) {
    .product__info__price {
        padding-top: 0;
    }
}

.product__info__price--original {
    margin-top: -12px;
    color: #737373;
    font-size: 12px;
    line-height: 22px;
    font-weight: normal;
    letter-spacing: 0;
    text-transform: none;
    float: left;
    margin-bottom: 14px;
}

.product__info .container-btn {
    clear: both;
    display: block;
    margin-bottom: 20px;
}

.product__info .container-btn .btn {
    padding-top: 17px;
    height: 50px;
}

.product__info .container-btn .btn i.icon-nespresso {
    line-height: 45px;
    font-size: 36px;
    width: 50px;
}

.product__info .container-btn .btn i.icon-plus {
    line-height: 49px;
    font-size: 16px;
    width: 40px;
}

.product__info p {
    color: #737373;
    line-height: 18px;
    letter-spacing: 0;
    vertical-align: middle;
    margin-bottom: 12px;
}

.product__info p i {
    color: black;
    font-size: 30px;
    vertical-align: middle;
    width: 50px;
    display: inline-block;
    text-align: center;
}

.product__info p i.icon-machine_recycling_off {
    font-size: 24px;
}

.product__info p span {
    vertical-align: middle;
    display: inline-block;
    width: calc(100% - 55px);
}

.product__header {
    position: relative;
    margin: auto;
    height: 100%;
    width: 100%;
    overflow: visible !important;
    -webkit-transition: background 0.4s ease-in-out;
    -khtml-transition: background 0.4s ease-in-out;
    -moz-transition: background 0.4s ease-in-out;
    -ms-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
    transition: background 0.4s ease-in-out;
}

.product__header.active {
    max-width: 100%;
}

.product__header.active .back-container {
    -webkit-transform: translateX(-20px);
    -khtml-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.product__header.active .product__pastille {
    -webkit-transform: translateY(-20px);
    -khtml-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.product__header.active .product__info {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
}

.product__header.active .product__slider {
    width: 100%;
    right: 0;
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.product__header.active .product__slider__close {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.4s 1s ease-in-out;
    -khtml-transition: all 0.4s 1s ease-in-out;
    -moz-transition: all 0.4s 1s ease-in-out;
    -ms-transition: all 0.4s 1s ease-in-out;
    -o-transition: all 0.4s 1s ease-in-out;
    transition: all 0.4s 1s ease-in-out;
}

@media only screen and (max-width: 768px) {
    .product__header.active .product__slider__list li {
        position: absolute;
    }

    .product__header.active .product__slider__list li.active {
        z-index: 30;
    }
}

.product__header.active .product__slider__list img {
    right: 45%;
    max-width: 100%;
    /* min-height: calc(100vh - 79px);
        max-height: calc(100vw / 2.579);
        min-width: calc((100vh - 79px) * 2.579);*/
    min-height: calc(50vh - 50px);
    max-height: calc(100vw / 2);
    min-width: calc((50vh - 50px));
    margin-right: 0;
    -webkit-transform: translate(30.785%, 0);
    -khtml-transform: translate(30.785%, 0);
    -moz-transform: translate(30.785%, 0);
    -ms-transform: translate(30.785%, 0);
    -o-transform: translate(30.785%, 0);
    transform: translate(30.785%, 0);
}

@media only screen and (max-width: 768px) {
    .product__header.active .product__slider__list img {
        position: relative;

        bottom: auto;
        right: 130%;
        width: 260%;
        height: auto;
        min-height: 0;
        min-width: 0;
        max-height: none;
        -webkit-transform: translate(0, -50%) scale(1);
        -khtml-transform: translate(0, -50%) scale(1);
        -moz-transform: translate(0, -50%) scale(1);
        -ms-transform: translate(0, -50%) scale(1);
        -o-transform: translate(0, -50%) scale(1);
        transform: translate(0, -50%) scale(1);
    }
}

.product__header--light {
    background: white;
}

.product__header--light .back-container a {
    color: #986F38;
}

.product__header--light .product__slider__dots li div {
    background-color: #E5E5E5;
    border: 1px solid #E5E5E5;
}

.product__header--light .product__slider__dots li div:before {
    border-top-color: #E5E5E5;
}

.product__header--light .product__slider__dots li a {
    border-color: black;
}

.product__header--light .product__slider__dots li a.active {
    background: black;
}

.product__header--light .product__slider__dots.zoomed a {
    border-color: transparent;
}

.product__header--light .product__slider__dots.zoomed a.active {
    background: none;
    border-color: black;
    display: none;
}

.product__content {
    background: black;
}

.product__tabs__switcher {
    margin-bottom: 100px;
    border-bottom: 1px solid #333333;
}

@media only screen and (max-width: 996px) {
    .product__tabs__switcher {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 768px) {
    .product__tabs__switcher {
        position: relative;
        overflow-x: scroll;
        white-space: nowrap;
        padding-bottom: 1px;
    }
}

.product__tabs__switcher ul {
    list-style: none;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.product__tabs__item {
    display: inline-block;
    padding: 0 45px;
}

.product__tabs__item:first-child {
    padding-left: 0;
}

@media only screen and (max-width: 996px) {
    .product__tabs__item {
        padding: 0 25px;
    }

    .product__tabs__item:first-child {
        padding-left: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .product__tabs__item {
        padding: 0 12px;
    }

    .product__tabs__item:first-child {
        padding-left: 20px;
    }
}

.product__tabs__item a {
    position: relative;
    display: block;
    line-height: 70px;
    font-size: 16px;
    color: #757575;
    letter-spacing: 0.01em;
    text-decoration: none;
}

@media only screen and (max-width: 996px) {
    .product__tabs__item a {
        line-height: 54px;
    }
}

.product__tabs__item a:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: -1px;
    z-index: 10;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    background: white;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.product__tabs__item a:hover, .product__tabs__item a:focus, .product__tabs__item a:active, .product__tabs__item a.active {
    color: white;
}

.product__tabs__item a:hover:before, .product__tabs__item a:focus:before, .product__tabs__item a:active:before, .product__tabs__item a.active:before {
    width: 100%;
}

.product__tabs__content > div {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -khtml-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.product__tabs__content > div.active {
    z-index: 10;
    height: 100%;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    position: relative;
}

.product__tabs__content > div img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.account-container {
    position: relative;
    background-color: #f8f8f8;
}

.account-container:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 27.3%;
    bottom: 0;
    background-color: #f9f9f9;
}

.account-container--white {
    background-color: #ffffff;
}

.account-sidebar {
    padding: 20px 0 0;
    background-color: #f9f9f9;
    /*margin-right: 13.33333px; */
}

@media only screen and (max-width: 996px) {
    .account-sidebar {
        padding: 0;
    }
}

.account-sidebar__title {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 1em;
    text-transform: uppercase;
    color: black;
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .account-sidebar__title {
        margin-left: 10px;
    }
}

.account-sidebar__subtitle {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.08em;
    line-height: 1em;
    color: black;
    margin: 20px 0 0 20px;
}

@media screen and (max-width: 768px) {
    .account-sidebar__subtitle {
        margin: 10px 0 0 10px;
    }
}

.account-sidebar__list {
    margin: 20px 10px 0;
}

@media only screen and (max-width: 996px) {
    .account-sidebar__list {
        margin: 20px 20px 0;
    }
}

@media only screen and (max-width: 767px) {
    .account-sidebar__list {
        margin: 20px 20px 10px;
    }
}

.account-sidebar__list ul {
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 997px) {
    .account-sidebar.col-md-3-5 {
        width: 27.3%;
    }
}

.account-sidebar-item {
    margin: 0;
    padding: 20px 20px 20px 10px;
    font-size: 12px;
    line-height: 1em;
    color: #26211E;
    list-style-type: none;
    border-top: 1px solid #dfdfdf;
}

.account-sidebar-item a {
    display: block;
    color: #26211E;
    text-decoration: none;
    -webkit-transition: color 250ms ease;
    -khtml-transition: color 250ms ease;
    -moz-transition: color 250ms ease;
    -ms-transition: color 250ms ease;
    -o-transition: color 250ms ease;
    transition: color 250ms ease;
}

.account-sidebar-item a:hover, .account-sidebar-item a.active {
    color: #986F38;
}

.account-sidebar-item__icon {
    display: inline-block;
    line-height: 34px;
    font-size: 26px;
    margin-right: 33px;
    width: 50px;
    vertical-align: middle;
    text-align: center;
}

.account-sidebar-item__icon.icon-easy-order {
    font-size: 30px;
}

.account-sidebar-item__icon.icon-My_information_off {
    font-size: 18px;
}

.account-sidebar-item__icon.icon-Machines_off, .account-sidebar-item__icon.icon-My_address {
    font-size: 20px;
}

.account-detail {
    background-color: white;
    letter-spacing: 0.08em;
    padding: 20px;
    font-size: 12px;
    line-height: 1.5em;
    color: black;
}

.account-detail header h2 {
    display: block;
    width: auto;
    padding: 20px;
    margin: -20px -20px 20px;
    font-size: 18px;
    letter-spacing: 0.08em;
    line-height: 1em;
    color: #26211E;
    text-transform: uppercase;
    background: #d5d5d5;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.account-detail header .btn {
    position: absolute;
    top: 9px;
    right: 20px;
}

@media screen and (max-width: 480px) {
    .account-detail header .btn {
        position: relative;
        top: 0;
        right: auto;
        display: block;
        margin-bottom: 20px;
    }
}

.account-detail--withfooter {
    padding-bottom: 0;
}

.account-detail__title {
    font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #26211E;
    opacity: 1;
}

.account-detail__subtitle {
    font-size: 13px;
    line-height: 1em;
    color: #1b1b1b;
    letter-spacing: 0.1em;
}

.account-detail__description {
    margin-top: 40px;
}

.account-detail .my-infos__form {
    padding-bottom: 10px;
}

.account-detail__link {
    margin-top: 30px;
}

.account-detail__footer {
    position: relative;
}

.account-detail__footer__l, .account-detail__footer__r {
    position: relative;
    z-index: 2;
    margin-top: 20px;
}

.account-detail__footer__ll {
    position: relative;
    z-index: 2;
    width: 100%;
    margin-top: 20px;
}

.account-detail__footer__l {
    width: 60%;
    float: left;
}

.account-detail__footer__r {
    width: 40%;
    float: right;
    text-align: right;
}

.account-detail__footer .link-btn {
    display: block;
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .account-detail__footer .btn {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.account-detail.my-alerts, .account-detail.my-contact {
    background: #F9F9F9;
}

.account-detail.my-address .account-detail__footer, .account-detail.my-alerts .account-detail__footer, .account-detail.my-contact .account-detail__footer {
    clear: both;
    border-top: 1px solid #cccccc;
    position: relative;
    background: white;
    padding: 20px;
    margin: 0 -20px -20px;
}

.account-detail.my-address .bloc-alert, .account-detail.my-alerts .bloc-alert, .account-detail.my-contact .bloc-alert {
    margin-bottom: 10px;
}

@media only screen and (min-width: 997px) {
    .account-detail.col-md-8-5 {
        width: 73.6%;
    }
}

@media only screen and (max-width: 996px) {
    .account-detail__toplink {
        text-align: left;
    }

    .account-detail__footer__l, .account-detail__footer__r {
        float: none;
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }
}

/*.account-steps{
    &__item{
        position: relative;
        font-size: 12px;
        padding-right: 45px;
        padding-left: 10px;
        min-height: 70px;

        &:after{
            display: inline-block;
            width: 14px;
            height: 27px;
            content: "";
            background: transparent url("../images/arr-right.png") no-repeat center center;
            background-size: 14px 27px;
            position: absolute;
            top: 50%;
            right: 15px;
            @include transform(translateY(-50%));
            opacity: 0.2;
        }

        &:last-child:after{
            display: none;
        }

        &.active{
            color: $color-price;
        }
    }

    &__title{
        @extend %font-nespresso;
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1em;
        letter-spacing: 0.06em;
    }

    &__description{
        margin-top: 10px;
        font-weight: bold;
        line-height: 1.42em;
        letter-spacing: 0;
        opacity: 0.8;
    }

    @media only screen and (max-width: $breakpoint-md) {

        &__item{
            min-height: 0;
            padding-left: 10px;

            &:after{
                display: none;
            }
        }

        &__item.active &__description{
            display: block;
        }

        &__description{
            display: none;
        }

        &--verticalm &__description{
            display: block;
        }

        &--verticalm &__title, &--verticalm &__description{
            display: inline-block;
        }
    }
}
*/
/*.account-start{
    text-align: center;

    &__title{
        @extend %font-nespresso;
        font-size: 18px;
        letter-spacing: 0.1em;
        font-weight: bold;
        color: $color-light-black;
        text-transform: uppercase;
    }

    &__container{
        margin-top: 25px;
        text-align: left;
    }

    &__block{
        text-align: center;

        // &:first-child{
        //     text-align: right;
        // }
    }

    &__sep{
        height: 85px;
        position: relative;

        &:before{
            content: "";
            position: absolute;
            width: 1px;
            height: 100%;
            left: 50%;
            top: 0;
            background-color: $color-border-product-dialog;
        }

        span{
            display: block;
            font-size: 11px;
            font-weight: bold;
            line-height: 38px;
            color: $color-light-black;
            display: block;
            width: 38px;
            height: 38px;
            position: absolute;
            top: 50%;
            left: 50%;
            background-color: $color-border-product-dialog;
            @include transform(translate(-50%, -50%));
            @include border-radius(19px);
            text-align: center;
        }
    }

    &__description{
        color: $color-light-black;
        font-size: 11px;
        letter-spacing: 0.1em;
        line-height: 1.45em;
        font-weight: bold;
        text-transform: uppercase;
    }

    &__link{
        margin-top: 10px;

        a{
            display: inline-block;
        }
    }

    @media only screen and (max-width: $breakpoint-md) {

        &__sep:before{
            display: none;
        }
    }
}

*/
.address__preview {
    margin: -20px 0 0;
}

.address__preview > .row {
    margin: 0 -20px;
    padding: 20px 10px;
    background: #ebebeb;
}

.address__preview > .row.active {
    background: white;
}

.address__preview dl {
    margin: 0;
}

.address__preview__label {
    margin-bottom: 5px;
    color: #757575;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.address__preview__value {
    margin: 0 0 10px;
    font-weight: bold;
    letter-spacing: 0.06em;
}

.address__preview__radios input {
    vertical-align: top;
    margin-right: 4px;
    margin-top: 3px;
}

@media only screen and (max-width: 996px) {
    .address__preview__radios {
        margin-bottom: 10px;
    }
}

.address__preview__actions {
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .address__preview__actions {
        margin: 20px 0;
    }

    .address__preview__actions .btn {
        width: 100%;
        margin: 0;
    }

    .address__preview__actions .btn:first-child {
        margin: 0 0 20px 0;
    }
}

.message {
    position: relative;
    padding: 20px 0 20px 40px;
    margin: -10px 0 20px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
    border-bottom: 1px solid #cccccc;
}

@media only screen and (max-width: 995px) {
    .message {
        margin-top: 0;
    }
}

.message + .row {
    margin-top: 20px;
}

.message i {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 8px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    color: white;
    font-size: 14px;
    font-style: normal;
    text-align: center;
    letter-spacing: 0;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.message__saved {
    color: #3D8705;
}

.message__saved i {
    background: #3D8705;
}

.message__error {
    color: #dd3232;
}

.message__error i {
    background: #dd3232;
}

.message__warning {
    color: #d98600;
}

.message__warning i {
    background: #d98600;
}

.my-easyorders {
    background-color: #ffffff;
}

@media screen and (max-width: 996px) {
    .my-easyorders.checkister {
        margin: 0;
    }
}

.my-easyorders--empty {
    background-color: #f8f8f8;
}

.my-easyorders > hr {
    padding: 0;
    margin: 20px 0;
    border: none;
    border-bottom: 1px solid #dce0e6;
}

@media only screen and (max-width: 996px) {
    .my-easyorders > hr {
        margin: 20px 0 10px;
    }
}

.my-easyorders h3 {
    text-transform: none;
    color: #000000;
    font-size: 16px;
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .my-easyorders h3 {
        padding: 10px 0;
        margin-bottom: 10px;
        display: block;
        width: 100%;
    }

    .my-easyorders h3 + div {
        width: 100%;
    }
}

.my-easyorders .row .main-content__title {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    letter-spacing: 0.06em;
    color: white;
    text-transform: uppercase;
    background: #888888;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.my-easyorders h4 {
    text-transform: none;
    color: #000000;
    font-size: 16px;
    margin: 20px 0;
}

.my-easyorders__start {
    padding-left: 40px;
}

.my-easyorders__visu {
    text-align: right;
}

.my-easyorders__visu img {
    max-width: 100%;
}

.my-easyorders__benefits {
    margin-bottom: 20px;
    margin-top: 20px;
}

@media only screen and (max-width: 996px) {
    .my-easyorders__benefits {
        margin-top: 0;
    }
}

.my-easyorders__benefits ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.my-easyorders__benefits ul li {
    margin: 0 0 4px;
    padding: 0px 0px 0px 0px;
    color: #757575;
    font-size: 16px;
}

.my-easyorders__benefits ul li > i {
    color: #3e8622;
    font-size: 28px;
    vertical-align: middle;
    margin: 0 15px 0px 0px;
}

.my-easyorders__link {
    margin-top: 15px;
}

.my-easyorders__list {
    padding-top: 45px;
    padding-bottom: 45px;
}

.my-easyorders .my-expresscheckout-step {
    margin-top: 0;
}

.my-easyorders .my-expresscheckout-step:after {
    content: '';
    display: block;
    margin: 0 -20px;
    height: 1px;
    background: #cccccc;
}

.my-easyorders .my-expresscheckout-step__header h3 {
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 0;
}

.my-easyorders .my-expresscheckout-step__link {
    position: absolute;
    right: 0;
    top: 22px;
    white-space: nowrap;
}

.my-easyorders .my-expresscheckout-step__link span {
    display: inline-block;
    font-size: 16px;
    margin-right: 46px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    line-height: 34px;
    vertical-align: top;
}

.my-easyorders .my-expresscheckout-step__link i {
    padding: 6px;
    width: 34px;
    line-height: 18px;
    vertical-align: top;
    border: 2px solid #000000;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
}

.my-easyorders .my-expresscheckout-step__link.active i {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -khtml-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.my-easyorders .my-expresscheckout-step .manage__list {
    position: absolute;
    right: -20px;
    top: 65px;
    z-index: 20;
    margin: 0;
    padding: 0 10px;
    list-style: none;
    background: #1b1b1b;
    display: none;
}

.my-easyorders .my-expresscheckout-step .manage__list:after {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    right: 30px;
    border-bottom: 8px solid #000000;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.my-easyorders .my-expresscheckout-step .manage__list li {
    border-top: 1px solid #656565;
}

.my-easyorders .my-expresscheckout-step .manage__list li:first-child {
    border-top: none;
}

.my-easyorders .my-expresscheckout-step .manage__list li a {
    display: block;
    padding: 10px 20px 10px 10px;
    font-size: 10px;
    color: white;
    text-decoration: none;
    letter-spacing: 0;
    white-space: nowrap;
}

.my-easyorders .my-expresscheckout-step .manage__list li a:hover, .my-easyorders .my-expresscheckout-step .manage__list li a:active, .my-easyorders .my-expresscheckout-step .manage__list li a:focus {
    text-decoration: underline;
}

.my-easyorders .my-expresscheckout-step .manage__list li a:hover i, .my-easyorders .my-expresscheckout-step .manage__list li a:active i, .my-easyorders .my-expresscheckout-step .manage__list li a:focus i {
    text-decoration: none;
}

.my-easyorders .my-expresscheckout-step .manage__list li a i {
    float: left;
    margin-top: 3px;
    font-size: 12px;
    margin-right: 8px;
    text-decoration: none;
}

@media only screen and (max-width: 480px) {
    .my-easyorders .my-expresscheckout-step .manage__list {
        right: -10px;
        width: 200px;
    }

    .my-easyorders .my-expresscheckout-step .manage__list:after {
        right: 20px;
    }

    .my-easyorders .my-expresscheckout-step .manage__list li a {
        padding: 20px;
        font-size: 12px;
    }
}

.my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar {
    position: relative;
    padding: 10px 10px 60px;
}

.my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar .shipment-text {
    display: block;
    margin: 20px 0;
    font-size: 18px;
    line-height: 39px;
    font-weight: bold;
}

.my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar .total-products {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
}

@media only screen and (max-width: 996px) {
    .my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar {
        padding: 20px;
        clear: both;
    }

    .my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar .shipment-text {
        margin: 0;
    }

    .my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar .btn {
        display: block;
    }

    .my-easyorders .my-easyordering-content__products .easyordering-resume-sidebar .total-products {
        position: static;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 996px) {
    .my-easyorders__steps {
        margin-top: 20px;
    }

    .my-easyorders__listempty {
        margin-top: 15px;
        margin-bottom: 10px;
    }
}

.my-easyorders__step3 .radio #delivery_address, .my-easyorders__step4 .radio #delivery_address {
    vertical-align: top;
    margin-top: 3px;
}

.my-easyorders__step3 .radio p, .my-easyorders__step4 .radio p {
    color: #757575;
    padding-left: 32px;
}

.my-easyorders__step3 .delivery-address-buttons, .my-easyorders__step4 .delivery-address-buttons {
    clear: both;
    margin: 20px 0 0;
}

.my-easyorders__step3 .delivery-address-buttons a:first-child, .my-easyorders__step4 .delivery-address-buttons a:first-child {
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .my-easyorders__step3 .delivery-address-buttons .btn, .my-easyorders__step4 .delivery-address-buttons .btn {
        display: block;
        margin-left: 0;
    }
}

.my-easyorders__step4 .radio p {
    padding-left: 0;
}

.my-easyorders__step4 .payment-method {
    margin: 20px -20px 0;
}

.my-easyorders__step4 .payment-method h4 {
    background-color: #f9f9f9;
    margin: 20px -20px;
    padding: 20px;
}

.my-easyorders__step4 .payment-method .form-group {
    width: 100%;
}

.my-easyorders__step4 .payment-method .form-group label {
    padding-left: 0;
    padding-right: 20px;
}

.my-easyorders__step4 .payment-method .form-group input.form-control::-moz-placeholder {
    color: #656565;
    opacity: 1;
}

.my-easyorders__step4 .payment-method .form-group input.form-control:-ms-input-placeholder {
    color: #656565;
}

.my-easyorders__step4 .payment-method .form-group input.form-control::-webkit-input-placeholder {
    color: #656565;
}

@media (max-width: 768px) {
    .my-easyorders__step4 .payment-method .form-group input.form-control::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    .my-easyorders__step4 .payment-method .form-group input.form-control:-ms-input-placeholder {
        color: transparent;
    }

    .my-easyorders__step4 .payment-method .form-group input.form-control::-webkit-input-placeholder {
        color: transparent;
    }
}

.my-easyorders__step4 .payment-method .checkbox .icon-img, .my-easyorders__step4 .payment-method .radio .icon-img {
    vertical-align: middle;
}

.my-easyorders__step4 .payment-method .checkbox.margin-right, .my-easyorders__step4 .payment-method .radio.margin-right {
    margin-right: 50px;
}

.my-easyorders__step4 .payment-method .bloc-payment {
    -webkit-transition: 0.4s all;
    -khtml-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -ms-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    padding: 20px;
    text-align: left;
    background: white;
}

.my-easyorders__step4 .payment-method .bloc-payment.bloc-selected .delivery-options > span, .my-easyorders__step4 .payment-method .bloc-payment.bloc-selected p {
    color: #000000;
}

.my-easyorders__step4 .payment-method .bloc-payment.bloc-selected .bloc-card-type, .my-easyorders__step4 .payment-method .bloc-payment.bloc-selected .bloc-gift-card {
    max-height: 400px;
    padding: 20px 0 0;
}

.my-easyorders__step4 .payment-method .bloc-payment .bloc__summary {
    margin-top: 20px;
}

.my-easyorders__step4 .payment-method .bloc-payment .bloc__summary + .input-group {
    margin: 0 0 20px;
}

.my-easyorders__step4 .payment-method .bloc-payment p {
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin: 12px 0;
    color: #656565;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox {
    position: relative;
    margin: 0;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio input, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox input {
    margin-right: 70px;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio [class^="icon-"], .my-easyorders__step4 .payment-method .bloc-payment > .radio [class*=" icon-"], .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class^="icon-"], .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class*=" icon-"] {
    position: absolute;
    left: 50px;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 22px;
    line-height: 22px;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio [class^="icon-"].icon-Your_time_off, .my-easyorders__step4 .payment-method .bloc-payment > .radio [class*=" icon-"].icon-Your_time_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class^="icon-"].icon-Your_time_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class*=" icon-"].icon-Your_time_off {
    font-size: 40px;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio [class^="icon-"].icon-Boutique_pick_up_off, .my-easyorders__step4 .payment-method .bloc-payment > .radio [class*=" icon-"].icon-Boutique_pick_up_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class^="icon-"].icon-Boutique_pick_up_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class*=" icon-"].icon-Boutique_pick_up_off {
    font-size: 40px;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio [class^="icon-"].icon-Pick_up_point_off, .my-easyorders__step4 .payment-method .bloc-payment > .radio [class*=" icon-"].icon-Pick_up_point_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class^="icon-"].icon-Pick_up_point_off, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class*=" icon-"].icon-Pick_up_point_off {
    font-size: 34px;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio [class^="icon-"] + span, .my-easyorders__step4 .payment-method .bloc-payment > .radio [class*=" icon-"] + span, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class^="icon-"] + span, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox [class*=" icon-"] + span {
    font-weight: bold;
    letter-spacing: normal;
    color: #000000;
}

.my-easyorders__step4 .payment-method .bloc-payment > .radio + .content .link-btn:first-child, .my-easyorders__step4 .payment-method .bloc-payment > .checkbox + .content .link-btn:first-child {
    display: block;
    margin-top: 8px;
}

.my-easyorders__step4 .payment-method .bloc-payment .radio input#card_exist {
    margin-right: 20px;
}

.my-easyorders__step4 .payment-method .bloc-payment--other {
    border-top: 1px solid #cccccc;
}

.my-easyorders__step4 .payment-method .bloc-payment--other p {
    margin: 0;
}

@media only screen and (max-width: 480px) {
    .my-easyorders__step4 .payment-method .bloc-payment .pull-right {
        width: 100%;
    }

    .my-easyorders__step4 .payment-method .bloc-payment .btn {
        display: block;
    }

    .my-easyorders__step4 .payment-method .bloc-payment .btn + .btn {
        margin-top: 10px;
    }
}

.my-easyorders__step4 .payment-method .bloc-payment .content {
    margin-left: 88px;
}

.my-easyorders__step4 .payment-method .bloc-card-type {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 55%;
}

@media only screen and (max-width: 768px) {
    .my-easyorders__step4 .payment-method .bloc-card-type {
        width: 100%;
    }
}

.my-easyorders__step4 .payment-method .bloc-card-type .checkbox input {
    margin-left: 10px;
}

.my-easyorders__step0 .my-easyordering-header--grey {
    background: #cccccc;
}

.my-easyorders__step0 .my-easyordering-header--grey .dropdown {
    border-color: black;
    margin-bottom: 0;
}

@media screen and (max-width: 767px) {
    .my-easyorders__step0 .my-easyordering-header--grey h3 {
        width: auto;
    }

    .my-easyorders__step0 .my-easyordering-header--grey h3 + div {
        width: auto;
    }
}

.my-easyorders__step5 .my-easyordering-header--grey {
    background: #cccccc;
}

@media screen and (max-width: 767px) {
    .my-easyorders__step5 .my-easyordering-header--grey h3 {
        width: auto;
    }

    .my-easyorders__step5 .my-easyordering-header--grey h3 + div {
        width: auto;
    }
}

.my-easyorders__step5 .my-easyordering-content__payment strong,
.my-easyorders__step5 .my-easyordering-content__delivery strong {
    display: block;
    margin-bottom: 8px;
}

.my-easyorders__step5 .delivery-address-buttons .btn {
    padding: 12px;
    font-size: 11px;
    margin-bottom: 5px;
}

@media only screen and (max-width: 996px) {
    .my-easyorders__step5 .delivery-address-buttons .btn {
        display: block;
        float: none !important;
    }
}

.my-easyorders__step5 .bloc-terms span.title {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 0.06em;
}

.my-easyorders__step5 .bloc-terms p {
    line-height: 19px;
    color: #656565;
    letter-spacing: 0.06em;
}

.my-easyorders__step5 .bloc-terms label {
    color: #000000;
}

.my-easyorders__step5 .bloc-terms .checkbox {
    margin-bottom: 20px;
}

.my-easyorders__step5 .bloc-terms .checkbox a {
    color: #986F38;
}

@media (max-width: 996px) {
    .my-easyorders__step5 .bloc-terms .checkbox {
        width: 100%;
        margin-bottom: 20px;
    }
}

.my-easyordering-start {
    text-align: center;
}

.my-easyordering-start__title {
    font-size: 18px;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #26211E;
}

.my-easyordering-start__container {
    text-align: left;
}

.my-easyordering-start__block {
    text-align: right;
}

.my-easyordering-start__block:first-child {
    text-align: left;
}

@media only screen and (max-width: 996px) {
    .my-easyordering-start__block .btn {
        text-align: center;
        display: block;
    }
}

.my-easyordering-start__sep {
    height: 95px;
    position: relative;
}

@media only screen and (max-width: 996px) {
    .my-easyordering-start__sep {
        height: 75px;
    }
}

.my-easyordering-start__sep span {
    display: block;
    font-size: 11px;
    font-weight: bold;
    line-height: 34px;
    color: #ffffff;
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    bottom: 0;
    left: 50%;
    background-color: #545454;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 19px;
    -khtml-border-radius: 19px;
    -moz-border-radius: 19px;
    -ms-border-radius: 19px;
    -o-border-radius: 19px;
    border-radius: 19px;
    text-align: center;
}

.my-easyordering-start__description {
    color: #26211E;
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1.45em;
    font-weight: bold;
    text-align: center;
}

.my-easyordering-start__link {
    margin-top: 10px;
}

.my-easyordering-start__link a {
    display: inline-block;
}

@media only screen and (max-width: 996px) {
    .my-easyordering-start__sep:before {
        display: none;
    }
}

.my-easyordering-steps {
    margin-top: 10px;
}

@media only screen and (max-width: 768px) {
    .my-easyordering-steps {
        margin-top: 0;
    }
}

.my-easyordering-steps__item {
    position: relative;
    font-size: 12px;
    padding-right: 45px;
    padding-left: 10px;
    min-height: 50px;
}

.my-easyordering-steps__item:after {
    display: inline-block;
    width: 18px;
    height: 48px;
    content: "";
    background: transparent url("../images/arr-right.png") no-repeat center center;
    background-size: 18px 48px;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.2;
}

.my-easyordering-steps__item:last-child:after {
    display: none;
}

.my-easyordering-steps__item.active {
    color: #986F38;
}

.my-easyordering-steps__title {
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 0.06em;
    color: #986F38;
}

.my-easyordering-steps__description {
    font-weight: bold;
    line-height: 1.42em;
    letter-spacing: 0;
    opacity: 0.8;
    color: #757575;
    padding-right: 20px;
}

@media only screen and (max-width: 996px) {
    .my-easyordering-steps__item {
        min-height: 0;
        padding-left: 10px;
    }

    .my-easyordering-steps__item.active .my-easyordering-steps__description {
        display: block;
    }

    .my-easyordering-steps__description {
        display: none;
    }

    .my-easyordering-steps--verticalm .my-easyordering-steps__description {
        display: block;
    }

    .my-easyordering-steps--verticalm .my-easyordering-steps__title, .my-easyordering-steps--verticalm .my-easyordering-steps__description {
        display: inline-block;
    }
}

@media only screen and (max-width: 767px) {
    .my-easyordering-steps__item:after {
        display: none;
    }
}

.my-easyorders-item__header {
    position: relative;
    padding: 40px 0 30px 0;
}

.my-easyorders-item__header:before {
    content: "";
    position: absolute;
    top: 0;
    right: -12px;
    left: -12px;
    bottom: 0;
    background-color: #f8f8f8;
}

.my-easyorders-item__header__date {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 18px;
}

.my-easyorders-item__header__question {
    float: right;
    vertical-align: middle;
    color: #8d8d8d;
}

.my-easyorders-item__title {
    max-width: 365px;
    border-bottom: 1px solid #f9f9f9;
    padding-bottom: 12px;
}

.my-easyorders-item__txt {
    color: #26211E;
    margin-bottom: 20px;
    line-height: 1.33em;
    clear: both;
}

.my-easyorders-item__txt > span.uppercase {
    font-weight: bold;
}

.my-easyorders-item__icon {
    font-size: 25px;
    vertical-align: middle;
    margin-right: 10px;
    min-width: 25px;
}

.my-easyorders-item__txtsub {
    display: block;
    color: rgba(38, 33, 30, 0.8);
    line-height: 1.33em;
}

.my-easyorders-item__txtsub--withicon {
    padding-left: 40px;
}

.my-easyorders-item__highlight {
    font-weight: bold;
    font-size: 15px;
    color: #1b1b1b;
    text-transform: uppercase;
}

.my-easyorders-item__content-header {
    padding-top: 20px;
    padding-bottom: 15px;
}

.my-easyorders-item__content-header:before {
    content: "";
    background: transparent no-repeat center center;
    background-size: 30px 25px;
    display: inline-block;
    width: 30px;
    height: 25px;
    vertical-align: -5px;
    margin-right: 5px;
}

.my-easyorders-item__content-header--espresso:before {
    background-image: url("../svg/espresso.svg");
}

.my-easyorders-item__content-header--lungo:before {
    background-image: url("../svg/lungo.svg");
}

.my-easyorders-item__content-header--ristretto:before {
    background-image: url("../svg/ristretto.svg");
}

.my-easyorders-item__content {
    margin-bottom: 45px;
}

.my-easyorders-item__product-line {
    max-width: 365px;
}

.my-easyorders-item__total {
    text-align: right;
    margin-top: -35px;
}

.my-easyorders-item__price {
    font-size: 15px;
    letter-spacing: 0.05em;
    color: #986F38;
    margin-left: 25px;
}

.my-easyorders-item__selector {
    padding-top: 15px;
    padding-bottom: 15px;
    color: rgba(27, 27, 27, 0.8);
}

@media only screen and (max-width: 996px) {
    .my-easyorders-item__total {
        margin-top: 10px;
    }
}

.small-product-line {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    height: 57px;
}

.small-product-line:last-of-type {
    border-bottom: none;
}

.small-product-line--header {
    font-size: 11px;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 6px;
    height: auto;
}

.small-product-line__product, .small-product-line__title {
    float: left;
    height: 100%;
}

.small-product-line__product img {
    width: 45px;
}

.small-product-line__title {
    margin-left: 10px;
}

.small-product-line__qty {
    float: right;
    text-transform: uppercase;
    height: 100%;
}

.create-easyorder__header-footer {
    position: relative;
    padding-bottom: 40px;
}

.create-easyorder__header-footer--footer {
    padding: 20px 10px 0;
}

.create-easyorder__header-footer--footer div:first-child {
    margin-bottom: 20px;
}

.create-easyorder__header-footer--footer .link-btn {
    line-height: 39px;
}

.create-easyorder__header-footer > div {
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 767px) {
    .create-easyorder__header-footer > div .btn {
        width: 100%;
    }

    .create-easyorder__header-footer > div .btn:first-child {
        margin-bottom: 20px;
    }
}

.create-easyorder__header-footer__txt {
    opacity: 0.9;
}

.create-easyorder__header-footer__buttons {
    text-align: right;
}

.create-easyorder__list-header {
    margin-left: -20px;
    margin-right: -20px;
    border-top: 1px solid #ccc;
}

.create-easyorder__list-header .icon, .create-easyorder__list-header .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .create-easyorder__list-header i:before, .create-easyorder__list-header #header .site_title a:before, #header .site_title .create-easyorder__list-header a:before, .create-easyorder__list-header .slocator .slocator-locations__details-action:before, .slocator .create-easyorder__list-header .slocator-locations__details-action:before {
    position: relative;
    top: 3px;
    font-size: 22px;
    vertical-align: bottom;
    margin-right: 10px;
}

.create-easyorder__list-header__item {
    display: block;
    text-align: left;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    height: 65px;
    font-size: 16px;
    text-decoration: none;
    background-color: white;
    color: #656565;
    font-weight: bold;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-right: 1px solid #cccccc;
}

@media screen and (max-width: 768px) {
    .create-easyorder__list-header__item {
        height: 85px;
        padding: 10px;
        font-size: 14px;
    }
}

.create-easyorder__list-header__item:hover, .create-easyorder__list-header__item.active {
    background-color: #cccccc;
    color: black;
    border-right: 1px solid #ffffff;
}

@media screen and (max-width: 768px) {
    .create-easyorder__list-header__item .inner {
        text-align: center;
    }
}

.create-easyorder__list-header__item .nespresso-badge {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    border-radius: 12px;
}

@media screen and (max-width: 768px) {
    .create-easyorder__list-header__item .nespresso-badge {
        float: none !important;
        position: absolute;
        top: 0;
        right: 10px;
        margin: 6px auto;
        display: block;
    }
}

.create-easyorder__list-footer {
    font-size: 12px;
}

.create-easyorder__list-footer p {
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #cccccc;
}

.create-easyorder__list-footer p a {
    color: #986F38;
}

.create-easyorder__list-footer a {
    color: #000;
    text-decoration: none;
}

.create-easyorder__list {
    margin-left: -30px;
    margin-right: -30px;
    /***************************************
           .sbag-list-head{
font-size: 11px;
position: relative;
text-transform: uppercase;
letter-spacing: 1px;
display:table;
width:100%;
position: relative;
@media only screen and (max-width: $breakpoint-sm) {
    display: none;
}
> span{
    display:table-cell;
    vertical-align: middle;
    font-weight: bold;
}
.sbag-head-article{
    width:40%;
    text-align: left;
    @media only screen and (max-width: $breakpoint-md) {
        width:50%;
    }
}
.sbag-head-unit-price{
    width:20%;
    text-align: center;
    @media only screen and (max-width: $breakpoint-md) {
        width:15%;
    }
    @media only screen and (max-width: $breakpoint-xs) {
        display:none;
    }
}
.sbag-head-qty{
    width:20%;
    text-align: center;
    @media only screen and (max-width: $breakpoint-md) {
        width:15%;
    }
    @media only screen and (max-width: $breakpoint-xs) {
        display:none;
    }
}
.sbag-head-total{
    width:20%;
    text-align: center;
    @media only screen and (max-width: $breakpoint-md) {
        width:15%;
    }
}

&:after{
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    left: 30px;
    right: 20px;
    bottom: 0;
    background-color: $color-border-product-dialog;
}
}
        ***************************************/
}

.create-easyorder__list .sbag-list .sbag-list-content {
    margin-bottom: 0;
}

.create-easyorder__list .sbag-list .sbag-list-head:after {
    display: none;
}

.create-easyorder__list .sbag-list .sbag-list-head .sbag-head-article {
    width: 50%;
}

@media screen and (max-width: 996px) {
    .create-easyorder__list .sbag-list .sbag-list-head .sbag-head-article {
        width: 54%;
    }
}

@media screen and (max-width: 767px) {
    .create-easyorder__list .sbag-list .sbag-list-head .sbag-head-article {
        width: 80%;
    }
}

.create-easyorder__list .sbag-list .sbag-list-head .sbag-head-unit-price {
    width: 15%;
}

.create-easyorder__list .sbag-list .sbag-list-head .sbag-head-total {
    width: 15%;
}

@media screen and (max-width: 767px) {
    .create-easyorder__list .sbag-list .sbag-list-head .sbag-head-total {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .create-easyorder__list .sbag-list .sbag-list-head .sbag-head-qty {
        display: table-cell;
    }
}

.create-easyorder__list .sbag-list .sbag-item {
    padding: 10px 20px;
}

.create-easyorder__list .sbag-list .sbag-item .sbag-name {
    width: 50%;
}

.create-easyorder__list .sbag-list .sbag-item .sbag-price {
    width: 15%;
    padding: 0;
}

.create-easyorder__list .sbag-list .sbag-item .sbag-unit-price {
    width: 15%;
}

@media screen and (max-width: 767px) {
    .create-easyorder__list .sbag-list .sbag-item .sbag-unit-price {
        display: none;
    }
}

.create-easyorder__list .sbag-list .sbag-item .sbag-qty {
    right: 20px;
}

.create-easyorder__list .sbag-list .sbag-item .sbag-qty .sbag-update {
    text-align: center;
}

.create-easyorder__list .sbag-list .sbag-item .sbag-qty .sbag-update button {
    width: auto;
}

.create-easyorder__list .sbag-list .sbag-item__special-offer {
    background: #1c1d1d;
}

.create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-name {
    width: 35%;
    color: #fff;
}

.create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-special-offer {
    width: 15%;
    text-align: center;
    color: #986F38;
    font-style: italic;
}

.create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-unit-price, .create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-price {
    color: #986F38;
}

@media screen and (max-width: 768px) {
    .create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-special-offer {
        width: 17%;
    }

    .create-easyorder__list .sbag-list .sbag-item__special-offer .sbag-name {
        width: 45%;
    }
}

.create-easyorder__detail {
    margin: 20px -20px 0;
    padding-top: 20px;
    border-top: 1px solid #e8e5e5;
    letter-spacing: 0.06em;
    background: #f9f9f9;
    font-size: 12px;
}

.create-easyorder__total {
    position: relative;
    padding: 20px 10px;
    background: #f9f9f9;
    margin: 0 -20px;
    /* &:before{
       display: block;
       content: "";
       background-color: #ffffff;
       position: absolute;
       top: 0;
       left: -30px;
       right: -30px;
       bottom: 0;
       z-index: 1;
   }*/
}

.create-easyorder__total__txt {
    position: relative;
    z-index: 2;
    font-size: 15px;
    color: #1b1b1b;
}

.create-easyorder__total__txt strong {
    font-weight: bold;
    text-transform: uppercase;
}

.create-easyorder__total__price {
    position: relative;
    z-index: 2;
    font-size: 15px;
    letter-spacing: 0.05em;
    color: #986F38;
    margin-left: 25px;
}

@media only screen and (max-width: 996px) {
    .create-easyorder__header-footer__buttons {
        margin-top: 20px;
        text-align: left;
    }

    .create-easyorder__header-footer__buttons .btn {
        margin-right: 10px;
    }
}

.orderlist-detail {
    padding: 0 10px;
}

.orderlist-detail__title {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 0;
    border-bottom: 2px solid #fff;
}

.orderlist-detail__title .detail-price {
    font-size: 15px;
    letter-spacing: 0.05em;
    color: #986F38;
}

.orderlist-detail__item {
    display: table;
    width: 100%;
}

.orderlist-detail__child {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    height: 30px;
    color: #986F38;
    border-bottom: 2px solid #fff;
}

.orderlist-detail__child--name {
    width: 40%;
    text-align: left;
    color: #26211E;
    padding-right: 10px;
}

.orderlist-detail__child--price {
    width: 20%;
}

.orderlist-detail__child--qty {
    width: 20%;
}

.orderlist-detail__child--total {
    width: 20%;
    text-align: right;
}

@media only screen and (max-width: 996px) {
    .orderlist-detail__child--name {
        width: 50%;
    }

    .orderlist-detail__child--price {
        width: 15%;
    }

    .orderlist-detail__child--qty {
        width: 15%;
    }

    .orderlist-detail__child--total {
        width: 15%;
    }
}

@media only screen and (max-width: 768px) {
    .orderlist-detail__child--name {
        width: 80%;
    }

    .orderlist-detail__child--price {
        display: none;
    }

    .orderlist-detail__child--qty {
        display: none;
    }

    .orderlist-detail__child--total {
        width: 20%;
    }
}

.nespresso-badge {
    display: inline-block;
    width: 17px;
    height: 17px;
    text-align: center;
    line-height: 17px;
    background-color: #3D8705;
    font-size: 9px;
    color: #ffffff;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    vertical-align: 6px;
}

.wizard__eo {
    position: relative;
    margin: -20px -20px 0px -20px;
    line-height: 1.2em;
}

.wizard__eo .step a, .wizard__eo .step-content {
    padding-right: 5px !important;
}

.wizard__eo span {
    text-transform: none !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

.wizard__eo .steps .step.active span {
    white-space: normal;
}

.my-easyordering-intro {
    margin-bottom: 20px;
    padding: 20px 0 0;
    font-size: 16px;
}

.my-easyordering-header {
    margin: 0px -20px 0 -20px;
    padding: 15px 20px 15px 20px;
}

.my-easyordering-header p {
    clear: both;
    float: left;
    margin-bottom: 0;
    margin-top: 20px;
}

.my-easyordering-header__title {
    padding-top: 12px;
    margin-bottom: 0 !important;
}

.my-easyordering-header + .row {
    margin-left: -20px;
    margin-right: -20px;
    background: #ebebeb;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .my-easyordering-header .btn:not(.btn-noWidth) {
        width: 100%;
        margin-left: 0;
    }

    .my-easyordering-header .btn:not(.btn-noWidth):first-child {
        margin-bottom: 20px;
    }
}

.my-easyordering-content {
    margin: 20px 0;
}

.my-easyordering-content__frequency .lh-btn {
    display: block;
    line-height: 39px;
}

@media screen and (max-width: 768px) {
    .my-easyordering-content__frequency .lh-btn {
        line-height: normal;
    }

    .my-easyordering-content__frequency .lh-btn.uppercase {
        margin-bottom: 10px;
    }
}

.my-easyordering-content__frequency .shipment-text {
    font-size: 18px;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
    .my-easyordering-content__frequency .shipment-text {
        line-height: normal;
        margin-bottom: 20px;
    }
}

.my-easyordering-content__delivery p, .my-easyordering-content__payment p {
    margin: 0 0 20px;
}

.my-easyordering-content__delivery .icon-Delivery_off, .my-easyordering-content__payment .icon-Delivery_off {
    font-size: 30px;
    margin-right: 20px;
}

.my-easyordering-content__delivery img.pull-left, .my-easyordering-content__payment img.pull-left {
    margin-right: 20px;
}

.my-easyordering-content__products {
    margin: 0 -20px;
}

.my-easyordering-content__products .row {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

@media screen and (max-width: 767px) {
    .my-easyordering-content__products .row {
        display: block;
    }
}

.my-easyordering-content__products .table-row {
    display: table;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .my-easyordering-content__products .table-row {
        display: block;
    }
}

.my-easyordering-content__products .easyordering-resume-main, .my-easyordering-content__products .easyordering-resume-sidebar {
    display: table-cell;
    padding: 20px 20px 0;
    float: none;
}

@media screen and (max-width: 767px) {
    .my-easyordering-content__products .easyordering-resume-main, .my-easyordering-content__products .easyordering-resume-sidebar {
        display: block;
        padding: 20px 20px 0;
    }
}

.my-easyordering-content__products .easyordering-resume-main .sbag-list {
    padding: 0;
    margin: 0 -20px;
}

.my-easyordering-content__products .easyordering-resume-main .sbag-list-head:after {
    display: none;
}

.my-easyordering-content__products .easyordering-resume-main .sbag-list .sbag-head-article {
    padding: 0 20px;
}

@media only screen and (max-width: 767px) {
    .my-easyordering-content__products .easyordering-resume-main .sbag-list .sbag-head-article {
        padding: 0;
    }
}

.my-easyordering-content__products .easyordering-resume-main .sbag-list .sbag-item {
    padding: 10px 20px;
}

.my-easyordering-content__products .easyordering-resume-main .sbag-list .sbag-qty {
    position: static;
    top: 0;
    right: 0;
    -webkit-transform: translate(0, 0);
    -khtml-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 15%;
}

.my-easyordering-content__products .easyordering-resume-main .sbag-list .sbag-head-qty {
    display: table-cell;
}

.my-easyordering-content .group-products {
    display: block;
    font-weight: bold;
    color: #656565;
    margin-bottom: 10px;
}

.my-easyordering-content .list-products {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.my-easyordering-content .list-products li {
    position: relative;
    float: left;
    display: inline;
    width: 50%;
    border-right: 1px solid #dce0e6;
}

.my-easyordering-content .list-products li:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    top: 22px;
    z-index: 1;
    border-top: 1px dotted black;
}

.my-easyordering-content .list-products li:nth-child(even) {
    border: none;
}

.my-easyordering-content .list-products li:nth-child(even) img {
    padding-left: 10px;
}

.my-easyordering-content .list-products li > * {
    position: relative;
    background: #fff;
    z-index: 10;
}

.my-easyordering-content .list-products li .easyordering-resume-product-name {
    float: left;
    line-height: 40px;
    padding-right: 5px;
}

.my-easyordering-content .list-products li .easyordering-resume-product-qty {
    float: right;
    line-height: 40px;
    padding-right: 10px;
    padding-left: 5px;
}

.my-easyordering-content .list-products li img {
    height: 40px;
    width: auto;
}

@media screen and (max-width: 480px) {
    .my-easyordering-content .list-products li {
        display: block;
        float: none;
        width: 100%;
        overflow: hidden;
        border: none;
    }

    .my-easyordering-content .list-products li:nth-child(even) img {
        padding-left: 0;
    }
}

.my-easyordering-content .easyordering-resume-sidebar {
    font-weight: bold;
    background: #f9f9f9;
}

.my-easyordering-content .easyordering-resume-sidebar .price {
    color: #986F38;
}

.my-easyordering-content .easyordering-resume-sidebar .total-products {
    border-top: 1px solid #757575;
    font-size: 16px;
    padding-top: 10px;
}

.my-easyordering-content .easyordering-resume-sidebar .total-products small {
    font-weight: normal;
}

.my-easyordering-content .easyordering-resume-sidebar .clearfix, .my-easyordering-content .easyordering-resume-sidebar .my-order-history .my-order-mobile__block, .my-order-history .my-easyordering-content .easyordering-resume-sidebar .my-order-mobile__block, .my-easyordering-content .easyordering-resume-sidebar .my-order-history .my-order-mobile__order, .my-order-history .my-easyordering-content .easyordering-resume-sidebar .my-order-mobile__order, .my-easyordering-content .easyordering-resume-sidebar .my-order-history .my-order-mobile__info, .my-order-history .my-easyordering-content .easyordering-resume-sidebar .my-order-mobile__info {
    margin-bottom: 10px;
}

.my-easyordering__specialoffer {
    margin: 0px -20px 0px -20px;
    background: #1c1d1d;
    color: #ffffff;
    font-size: 16px;
    padding: 20px 0 0;
}

.my-easyordering__specialoffer__intro {
    margin-bottom: 20px;
    padding: 0 20px;
}

.my-easyordering__specialoffer img {
    width: 100%;
    height: auto;
}

.easyordering-frequency-main {
    padding-left: 20px;
}

.easyordering-frequency-main > p {
    margin: 20px 0;
}

@media only screen and (max-width: 767px) {
    .easyordering-frequency-main {
        padding: 0 20px;
    }
}

.easyordering-info {
    position: relative;
    padding: 20px 20px 20px 60px;
    margin: 0 10px 20px 0;
    background: #cccccc;
}

.easyordering-info i {
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
}

.easyordering-info:before {
    content: "";
    position: absolute;
    top: -10px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #cccccc;
}

@media only screen and (max-width: 768px) {
    .easyordering-info {
        margin-right: 0;
        padding: 10px 20px 10px 60px;
    }

    .easyordering-info:before {
        display: none;
    }
}

.easyordering-frequency--estimated__shipping {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.easyordering-frequency--estimated__shipping li {
    text-align: center;
    margin: 10px 0;
}

.easyordering-frequency--estimated__shipping li:nth-child(1) {
    font-size: 24px;
}

.easyordering-frequency--estimated__shipping li:nth-child(2) {
    font-size: 18px;
}

.easyordering-frequency--estimated__shipping li:nth-child(3) {
    font-size: 14px;
}

.easyordering-frequency-sidebar {
    background: #f9f9f9;
}

.easyordering-frequency-sidebar:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 200%;
    width: 100%;
    background: #f9f9f9;
}

@media only screen and (max-width: 767px) {
    .easyordering-frequency-sidebar {
        padding: 0 20px;
    }
}

.easyordering-frequency-sidebar__title {
    position: relative;
    z-index: 10;
    margin: 20px 0;
    font-weight: bold;
    font-size: 14px;
}

.easyordering-frequency-sidebar .input-group.input-group-generic .desktop-label {
    display: block;
    padding-top: 0;
    margin-bottom: 5px;
}

.easyordering-frequency-sidebar .easyordering-info {
    background: #cccccc;
    padding: 10px;
    margin-right: 0;
}

.easyordering-frequency-sidebar .easyordering-info:before {
    right: auto;
    left: 10px;
    border-bottom: 10px solid #ccc;
}

.easyordering-frequency-sidebar .easyordering-info p {
    margin: 0;
}

.easyordering-frequency-sidebar .easyordering-info .result-frequency {
    display: block;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    margin: 20px 0;
    text-align: center;
}

.easyordering-frequency-sidebar .easyordering-info .btn {
    display: block;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .easyordering-frequency-sidebar .input-group {
        margin: 0;
    }
}

.my-order-history * {
    font-size: 12px;
}

.my-order-history--empty p:first-child {
    margin-top: 0;
}

.my-order-history .my-order-history-list-container {
    position: relative;
}

.my-order-history .my-order-history-list-container .more-order {
    display: block;
    margin-top: 10px;
}

.my-order-history .my-order-history-list-container .more-order > span:first-child {
    display: block;
}

.my-order-history .my-order-history-list-container .more-order > span:last-child {
    display: none;
}

.my-order-history .my-order-history-list-container .more-order.active > span:first-child {
    display: none;
}

.my-order-history .my-order-history-list-container .more-order.active > span:last-child {
    display: block;
}

.my-order-history .my-order-history-list {
    overflow: hidden;
    max-height: 143px;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.my-order-history .my-order-history-list.active {
    max-height: 600px;
}

@media screen and (max-width: 767px) {
    .my-order-history .my-order-history-list {
        /*display: none;*/
        min-height: 0;
    }
}

.my-order-history .my-order-history-list dl {
    float: left;
    width: 16.66667%;
    margin: 0;
}

.my-order-history .my-order-history-list dt,
.my-order-history .my-order-history-list .column-header {
    padding: 10px 0;
    border-bottom: 1px solid #b8b8b8;
    color: #986F38;
    font-weight: bold;
    text-transform: uppercase;
}

.my-order-history .my-order-history-list dd,
.my-order-history .my-order-history-list tbody td {
    padding: 8px 0;
    margin: 0;
    border-bottom: 1px solid #cccccc;
    color: #000;
}

.my-order-history .my-order-history-list dd a {
    color: #986F38;
}

.my-order-history .my-order-history-list dd:last-child {
    border-bottom: none;
}

@media screen and (max-width: 996px) {
    .my-order-history .my-order-history-list .order-link {
        display: none;
    }
}

.my-order-history .my-order-history-list .btn-open-detail {
    display: none;
}

@media screen and (max-width: 996px) {
    .my-order-history .my-order-history-list .btn-open-detail {
        display: inline-block;
    }
}

@media screen and (max-width: 640px) {
    .my-order-history .my-order-history-list dl {
        float: none;
        display: block;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid #b8b8b8;
    }

    .my-order-history .my-order-history-list dl:last-child {
        border-bottom: none;
    }

    .my-order-history .my-order-history-list dt {
        border-bottom: none;
    }

    .my-order-history .my-order-history-list dt:after {
        content: ':';
    }

    .my-order-history .my-order-history-list dt, .my-order-history .my-order-history-list dd {
        display: inline-block;
        padding: 5px 0;
    }
}

.my-order-history .my-order-mobile {
    display: none;
    margin: 0;
    overflow: hidden;
    max-height: 690px;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.my-order-history .my-order-mobile.active {
    max-height: 4200px;
}

@media screen and (max-width: 767px) {
    .my-order-history .my-order-mobile {
        display: block;
    }
}

.my-order-history .my-order-mobile__block {
    padding: 5px;
    border: solid 1px #656565;
    margin-bottom: 20px;
}

.my-order-history .my-order-mobile__order {
    text-align: left;
    font-size: 12px;
    margin-bottom: 20px;
}

.my-order-history .my-order-mobile__order div {
    vertical-align: top;
}

.my-order-history .my-order-mobile__order dt {
    color: #986F38;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 9px;
}

.my-order-history .my-order-mobile__order dd {
    margin: 0;
}

.my-order-history .my-order-mobile__order .pull-right dt, .my-order-history .my-order-mobile__order .pull-right dd {
    text-align: right;
}

.my-order-history .my-order-mobile__info-line {
    display: block;
}

.my-order-history .my-order-mobile__info {
    margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
    .my-order-history .my-order-mobile__info .col-xs-5 {
        width: 100%;
    }
}

.my-order-history .my-order-mobile__info-order {
    font-size: 11px;
    color: #656565;
}

@media screen and (max-width: 480px) {
    .my-order-history .my-order-mobile__info-order {
        display: none;
    }
}

.my-order-history .my-order-mobile__info-btn .btn {
    display: block;
    margin-bottom: 10px;
    min-width: 160px;
}

@media screen and (max-width: 480px) {
    .my-order-history .my-order-mobile__info-btn .btn {
        width: 100%;
        text-align: center;
    }

    .my-order-history .my-order-mobile__info-btn .btn.btn-icon {
        padding-left: 39px;
    }

    .my-order-history .my-order-mobile__info-btn .btn.btn-icon i {
        left: 0;
    }

    .my-order-history .my-order-mobile__info-btn .btn.btn-print {
        float: left !important;
        margin: 0;
    }
}

.my-order-history .my-order-mobile-detail {
    background-color: #ffffff;
    margin: 0 auto;
    margin: -10px;
    padding: 0 20px;
    display: none;
}

@media screen and (max-width: 767px) {
    .my-order-history .my-order-mobile-detail {
        margin: 0;
        padding: 0 10px;
    }
}

@media screen and (max-width: 996px) {
    .my-order-history .my-order-mobile-detail .my-order-history-detail {
        display: block;
    }
}

.my-order-history .my-order-mobile-detail__header {
    margin: 0 -10px -20px;
}

@media only screen and (max-width: 995px) {
    .my-order-history .my-order-mobile-detail__header .btn {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.my-order-history .my-order-mobile-detail__dynamic {
    margin: 0 -10px;
}

@media screen and (max-width: 767px) {
    .my-order-history .my-order-history-detail {
        display: none;
    }
}

.my-order-history .my-order-history-detail header {
    position: relative;
}

.my-order-history .my-order-history-detail header .div__btn {
    position: absolute;
    top: 9px;
    right: 0;
}

.my-order-history .my-order-history-detail header .div__btn .btn {
    position: relative;
    top: auto;
    right: auto;
}

.my-order-history .my-order-history-detail__order-type {
    margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

.my-order-history .my-order-history-detail .col-address p {
    margin: 0;
}

.my-order-history .my-order-history-detail .col-address p strong {
    display: block;
    color: #757575;
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .my-order-history .my-order-history-detail .col-address .link-btn {
        display: block;
        margin-bottom: 20px;
    }
}

.my-order-history .my-order-history-detail .col-address__summary {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 24px;
    border-top: 1px solid #ccc;
}

.my-order-history .my-order-history-detail .col-address__summary i {
    vertical-align: top;
    margin-right: 8px;
    line-height: 12px;
    font-size: 24px;
    color: #161616;
}

@media screen and (max-width: 480px) {
    .my-order-history .my-order-history-detail .col-address__summary {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 766px) {
    .my-order-history .my-order-history-detail .col-address {
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }

    .my-order-history .my-order-history-detail .col-address__summary {
        margin-top: 0;
        border-top: none;
    }

    .my-order-history .my-order-history-detail .col-address:last-child {
        margin-bottom: 0;
        border-bottom: none;
    }
}

.my-order-history .my-order-history-detail .sbag-list {
    padding: 0 10px;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-head-unit-price {
    width: 20%;
}

@media screen and (max-width: 767px) {
    .my-order-history .my-order-history-detail .sbag-list .sbag-head-unit-price {
        width: 25%;
    }
}

.my-order-history .my-order-history-detail .sbag-list .sbag-head-qty {
    width: 61%;
}

@media screen and (max-width: 767px) {
    .my-order-history .my-order-history-detail .sbag-list .sbag-head-qty {
        width: 56%;
    }
}

.my-order-history .my-order-history-detail .sbag-list .sbag-head-total {
    width: 19%;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-list-title-col {
    width: 53%;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-price {
    padding: 0;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-qty {
    text-align: center;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-reorder {
    margin-top: 20px;
}

@media screen and (max-width: 767px) {
    .my-order-history .my-order-history-detail .sbag-list .sbag-reorder .btn.btn-green {
        display: block;
        width: 100%;
        margin: 0 0 20px;
        text-align: center;
    }

    .my-order-history .my-order-history-detail .sbag-list .sbag-reorder .btn.btn-green:last-child {
        margin-bottom: 0;
    }

    .my-order-history .my-order-history-detail .sbag-list .sbag-reorder .btn.btn-print {
        margin-bottom: 20px;
        width: auto;
    }
}

.my-order-history .my-order-history-detail .sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value,
.my-order-history .my-order-history-detail .sbag-list .sbag-total-item .sbag-total-price {
    padding-right: 0;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-footer {
    margin-bottom: 20px;
}

.my-order-history .my-order-history-detail .sbag-list .sbag-list-content {
    margin-bottom: 0;
    border-bottom: 0;
}

.my-order-history header h3 {
    display: block;
    width: auto;
    padding: 20px;
    margin: 20px -20px 0;
    font-size: 16px;
    line-height: 17px;
    border-bottom: 1px solid #cccccc;
    text-transform: none;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify !important;
}

.text-more-line-height {
    line-height: 1.5em !important;
}

.my-contact header h2 {
    margin-bottom: -20px;
}

.my-contact header h3 {
    display: block;
    width: auto;
    padding: 20px;
    margin: 20px -20px 20px;
    font-size: 16px;
    line-height: 17px;
    letter-spacing: 0.06em;
    color: #fff;
    text-transform: uppercase;
    background: #888;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.my-contact .checkbox-title {
    display: block;
    font-weight: bold;
    color: #656565;
    margin-bottom: 5px;
}

.my-contact form {
    padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .my-contact .checkbox label + label {
        display: block;
        margin-top: 10px;
    }
}

.my-expresscheckout__description {
    color: #757575;
    margin-bottom: 22px;
}

.my-expresscheckout-step {
    margin-top: 1px;
}

.my-expresscheckout-step__header {
    position: relative;
}

.my-expresscheckout-step__header > * {
    display: block;
    padding: 30px 0;
}

.my-expresscheckout-step__header:before {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    left: -20px;
    bottom: 0;
    background-color: #cccccc;
}

.my-expresscheckout-step__title {
    position: relative;
    z-index: 1;
    color: #000000;
    font-size: 16px;
    margin-bottom: 0;
}

.my-expresscheckout-step__info {
    color: #000000;
    padding-left: 15px;
    text-decoration: none;
}

.my-expresscheckout-step__link {
    position: relative;
    color: #000000;
    font-size: 26px;
    text-decoration: none;
}

.my-expresscheckout-step__link i {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.my-expresscheckout-step__content {
    padding: 20px 0;
    /*background-color:$color-white;*/
    display: none;
}

.my-expresscheckout-step__content .address__preview {
    margin: 12px 0 20px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 0.06em;
    color: #000000;
}

.my-expresscheckout-step__content > hr {
    padding: 0;
    margin: 25px 0;
    border: none;
    border-bottom: 1px solid #dce0e6;
}

.my-expresscheckout-step .active {
    display: block;
}

.my-expresscheckout-step__contentFilled {
    padding: 30px 0px 30px 0px;
}

.my-expresscheckout-step__contentFilled .my-expresscheckout-step__adress {
    padding-top: 15px;
}

.my-expresscheckout-step__contentFilled .my-expresscheckout-step__radio__icon {
    padding-bottom: 20px;
}

.my-expresscheckout-step__radio {
    padding-bottom: 30px;
}

.my-expresscheckout-step__radio__icon {
    font-size: 23px;
    width: 38px;
}

.my-expresscheckout-step__radio__shiftedlabel {
    margin-top: -20px;
}

.my-expresscheckout-step__creditcard {
    padding-bottom: 10px;
}

.my-expresscheckout-step__creditcard__link {
    margin: 6px 0 0 75px;
}

.my-expresscheckout-step__invoice {
    padding-bottom: 25px;
}

.my-expresscheckout-step__invoice__info {
    color: #757575;
    padding: 0px 0px 0px 75px;
    margin-top: -10px;
}

.my-expresscheckout-step__postfinancecard {
    padding-bottom: 0px;
}

.my-expresscheckout-step__adress-info {
    color: #d4d4d4;
    margin-bottom: 30px;
}

.my-expresscheckout-step__adress {
    margin-bottom: 25px;
}

.my-expresscheckout-ship-option .content {
    padding-left: 75px;
    padding-right: 0px;
}

.my-expresscheckout-ship-option .content > p {
    color: #757575;
}

.my-expresscheckout-ship-option .content .shipping-options {
    margin: 20px 0;
}

.my-expresscheckout-ship-option .content .shipping-options > span {
    display: inline-block;
    vertical-align: top;
    color: #696969;
    line-height: 16px;
    letter-spacing: 0.08em;
}

.my-expresscheckout-ship-option .content .shipping-options .checkbox {
    display: inline-block;
    vertical-align: top;
    margin: 0 8px;
}

@media (max-width: 996px) {
    .my-expresscheckout-ship-option .content .shipping-options .checkbox {
        display: block;
        margin: 10px 0;
    }
}

.my-expresscheckout-ship-option .content .shipping-options .checkbox .link-btn {
    padding-left: 5px;
}

@media (max-width: 768px) {
    .my-expresscheckout-ship-option .content .shipping-options .checkbox {
        display: inline-block;
        margin: 0 8px;
    }
}

@media (max-width: 480px) {
    .my-expresscheckout-ship-option .content .shipping-options .checkbox {
        display: block;
        margin: 10px 0;
    }
}

.my-expresscheckout-ship-option .content .shipping-options .checkbox .price {
    display: block;
    margin: 0px 0 0 22px;
    color: #986F38;
    letter-spacing: 0.1em;
}

.my-expresscheckout-ship-option__icon {
    font-size: 23px;
    width: 38px;
    display: inline-block;
}

.my-infos {
    background-color: #ffffff;
}

.my-infos__form > h2 {
    color: black;
    margin: 20px 0;
}

@media only screen and (max-width: 767px) {
    .my-infos__form .btn {
        width: 100%;
        margin: 0 0 20px 0;
    }
}

.my-machines {
    padding: 20px;
    /******** MACHINE LIST ******/
    /******** EDIT MACHINE ******/
    /****** ADD MACHINE LIST ****/
}

.my-machines__title {
    color: black;
    font-size: 16px;
    margin: 0 0 20px 0;
}

.my-machines__title > span {
    color: #986F38;
}

.my-machines__intro {
    color: #757575;
    margin-top: -15px;
}

.my-machines .img-responsive-center {
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 996px) {
    .my-machines .img-responsive-center {
        margin-bottom: 20px;
    }
}

.my-machines .account-detail__footer {
    padding-top: 20px;
}

@media screen and (max-width: 767px) {
    .my-machines .account-detail__footer .btn {
        width: 100%;
        margin-bottom: 20px;
    }

    #btn-add-machine {
        display: inline-block !important;
    }
}

.my-machines__list {
    padding: 0 0 20px;
    margin-top: 20px;
    border-bottom: solid 1px #dce0e6;
}

.my-machines__list:first-child {
    margin-top: 0;
}

.my-machines__list .img-machines-list {
    max-width: 75%;
    height: auto;
}

.my-machines__list__title {
    font-size: 14px;
    text-transform: none;
}

@media screen and (max-width: 996px) {
    .my-machines__list__details {
        margin-bottom: 20px;
    }
}

.my-machines__list__details > strong {
    display: block;
    margin-top: 20px;
    color: #757575;
}

.my-machines__list__links {
    padding-bottom: 9px;
}

.my-machines__list__buttons .btn {
    margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .my-machines__list__buttons .btn {
        width: 100%;
        margin-left: 0;
    }
}

.my-machines .img-machine-big {
    max-width: 230px;
    height: auto;
}

.my-machines .offset-0 {
    padding-left: 0px;
}

@media screen and (max-width: 767px) {
    .my-machines .offset-0 {
        padding-left: 10px;
    }
}

.my-machines__form__helper {
    margin-bottom: 25px;
}

.my-machines__form__helper .btn-link {
    color: #757575;
}

.my-machines__addlist {
    border-top: solid 1px #dce0e6;
    margin: 0 -10px;
}

.my-machines__addlist .img-machines-list,
.my-machines__addlist__step2 .img-machines-list {
    height: 121px;
    width: auto;
}

.my-machines__addlist__machine {
    padding: 15px;
}

.my-machines__addlist__machine > h4 {
    font-weight: normal;
    margin: 0px;
    padding: 20px 0px 0px 0px;
    text-align: center;
}

.my-machines__addlist__machine:hover {
    padding: 11px 12px 12px 11px;
    border: solid 4px #999999;
    background: #eff1f1;
}

.my-machines__addlist__machine:hover > a {
    /****valable uniquement pour la démo! ****/
    cursor: pointer;
}

.my-machines__addlist__machine.cliquable, .my-machines__addlist__machine.cliquable > a {
    /****valable uniquement pour la démo! ****/
    cursor: pointer;
}

.my-machines__addlist__step1 {
    border-bottom: solid 1px #dce0e6;
    border-right: solid 1px #dce0e6;
    background: white;
}

.my-machines__addlist__step1:hover {
    padding: 11px 12px 12px 11px;
}

.my-machines__addlist__step2 {
    cursor: pointer;
    /****valable uniquement pour la démo! ****/
}

.my-machines__addlist__step2 > a {
    /****valable uniquement pour la démo! ****/
    cursor: pointer !important;
}

.my-machines__addlist__step2 > strong, .my-machines__addlist__step2 > .reference {
    display: block;
    text-align: center;
    line-height: 1em;
}

.my-machines__addlist__step2 > strong {
    font-weight: normal;
    padding: 20px 0px 0px 0px;
}

.my-machines__addlist__step2 > .reference {
    color: #757575;
}

.my-machines__addlist__step2:hover {
    padding: 11px;
}

.my-machines__greybackground {
    background: #ebebeb;
    margin: 0px -20px 0px -20px;
    padding: 0px 10px 0px 10px;
}

.my-machines__step2 {
    margin-top: 0px;
    padding-bottom: 25px;
    border-top: 0px;
}

.my-machines__step2.active {
    display: block;
}

.my-machines h3.main-content__title {
    clear: both;
    display: block;
    padding: 0 20px;
    margin: -20px -10px 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 64px;
    letter-spacing: 0.06em;
    color: white;
    text-transform: uppercase;
    background: #888888;
}

@media screen and (max-width: 767px) {
    .my-machines h3.main-content__title {
        font-size: 14px;
    }
}

.my-machines #sub_machine h3.main-content__title {
    margin: 0;
}

.my-machines #sub_machine__detail h3.main-content__title {
    margin: 0 -10px 20px;
}

#serialnumber::-moz-placeholder {
    color: #656565;
    opacity: 1;
}

#serialnumber:-ms-input-placeholder {
    color: #656565;
}

#serialnumber::-webkit-input-placeholder {
    color: #656565;
}

@media screen and (max-width: 768px) {
    #serialnumber::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    #serialnumber:-ms-input-placeholder {
        color: transparent;
    }

    #serialnumber::-webkit-input-placeholder {
        color: transparent;
    }
}

.sbag-container .sbag-container-inner {
    background-color: #ffffff;
}

.sbag-list {
    position: relative;
    padding: 0 20px 20px;
}

.sbag-list .sbag-padding-top {
    padding-top: 20px;
}

.sbag-list .sbag-table {
    display: table;
    width: 100%;
}

.sbag-list .sbag-table .sbag-table-cell {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.sbag-list .sbag-font-black {
    color: #000000;
}

.sbag-list .sbag-gold-link, .sbag-list .sbag-gold-link a {
    color: #986F38;
    text-decoration: none;
}

.sbag-list .sbag-padding-cross {
    padding-right: 40px;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-padding-cross {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-padding-cross {
        padding-right: 15px;
    }
}

.sbag-list .sbag-padding-bottom {
    padding-bottom: 30px;
}

.sbag-list .sbag-bg-grey {
    background-color: #f9f9f9;
}

.sbag-list .sbag-border-top {
    border-top: 1px solid #dfdfdf;
}

.sbag-list .sbag-border-bottom {
    border-bottom: 1px solid #dfdfdf;
}

.sbag-list .sbag-list-container--grey {
    background-color: rgba(248, 248, 248, 0.9);
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-list-container .btn:not(.btn-strict) {
        width: 100%;
    }
}

.sbag-list h2 {
    color: #000000;
    font-size: 24px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.sbag-list .sbag-head {
    padding-bottom: 0;
}

.sbag-list .sbag-head .btn-primary {
    margin-right: 0;
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-head .btn-link {
        display: none;
    }
}

.sbag-list .sbag-list-inner {
    padding: 0;
    color: #000000;
    background-color: rgba(248, 248, 248, 0.9);
}

.sbag-list .sbag-list-head {
    position: relative;
    letter-spacing: 1px;
    display: table;
    width: 100%;
    padding: 0 20px;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    color: #000000;
    background: #cccccc;
}

.sbag-list .sbag-list-head > span {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

.sbag-list .sbag-list-head .sbag-head-article {
    width: 40%;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-list-head .sbag-head-article {
        width: 50%;
    }
}

.sbag-list .sbag-list-head .sbag-head-unit-price {
    width: 20%;
    text-align: center;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-list-head .sbag-head-unit-price {
        width: 15%;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-list-head .sbag-head-unit-price {
        display: none;
    }
}

.sbag-list .sbag-list-head .sbag-head-qty {
    width: 20%;
    text-align: center;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-list-head .sbag-head-qty {
        width: 15%;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-list-head .sbag-head-qty {
        display: none;
    }
}

.sbag-list .sbag-list-head .sbag-head-total {
    width: 20%;
    text-align: right;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-list-head .sbag-head-total {
        width: 15%;
    }
}

.sbag-list .sbag-list-head:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    left: 30px;
    right: 20px;
    bottom: 0;
    background-color: #dfdfdf;
}

.sbag-list .sbag-list-title {
    position: relative;
    padding: 0 20px;
    margin: 0 -20px;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    color: #1b1b1b;
    text-transform: uppercase;
    background: #cccccc;
}

.sbag-list .sbag-list-title.no-padding-top {
    padding-top: 0;
}

.sbag-list .sbag-list-title sup {
    font-size: 12px;
    letter-spacing: normal;
}

.sbag-list .sbag-list-title .sbag-list-title-col {
    position: absolute;
    top: 0;
    right: 20px;
    width: 56%;
}

.sbag-list .sbag-list-title .sbag-list-title-col span {
    display: block;
    float: left;
    width: 33.33%;
    text-align: center;
    text-transform: none;
}

.sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(3) {
    text-align: right;
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(1),
    .sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(3) {
        display: none;
    }

    .sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(2) {
        float: right;
        text-align: right;
    }
}

.sbag-list .sbag-list-content {
    margin-bottom: 20px;
    border-bottom: 1px solid #e8e5e5;
}

.sbag-list .sbag-list-content--transparent {
    background-color: transparent;
}

.sbag-list .sbag-item {
    display: table;
    width: 100%;
    position: relative;
    padding: 10px 0;
    color: #26211E;
    border-top: 1px solid #e8e5e5;
}

.sbag-list .sbag-item:first-child {
    border: none;
}

.sbag-list .sbag-item > div {
    display: table-cell;
    vertical-align: middle;
}

.sbag-list .sbag-item .sbag-name {
    position: relative;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0 20px 0 85px;
    height: 45px;
    font-weight: bold;
    width: 40%;
    letter-spacing: 0.06em;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-item .sbag-name {
        width: 40%;
    }
}

@media only screen and (max-width: 768px) {
    .sbag-list .sbag-item .sbag-name {
        padding: 0 10px 0 55px;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item .sbag-name {
        width: 62%;
        padding-left: 60px;
    }
}

.sbag-list .sbag-item .sbag-name img {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 45px;
    max-height: 45px;
    border: 0;
}

@media only screen and (max-width: 768px) {
    .sbag-list .sbag-item .sbag-name img {
        top: 25px;
    }
}

.sbag-list .sbag-item .sbag-name .show-xs {
    display: none;
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item .sbag-name .show-xs {
        margin-top: 5px;
        text-align: left;
        font-weight: normal;
        display: block;
    }
}

.sbag-list .sbag-item .sb-price {
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #986F38;
}

.sbag-list .sbag-item .sbag-unit-price {
    text-align: center;
    width: 20%;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #986F38;
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item .sbag-unit-price {
        display: none;
    }
}

.sbag-list .sbag-item .sbag-qty {
    text-align: center;
    width: 20%;
}

.sbag-list .sbag-item .sbag-qty > span .qty {
    font-size: 14px;
}

.sbag-list .sbag-item .sbag-qty .btn {
    min-width: 40px;
    padding: 0;
    text-align: center;
    letter-spacing: 0;
}

.sbag-list .sbag-item .sbag-qty > span {
    display: block;
    padding: 10px;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-item .sbag-qty {
        width: 15%;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item .sbag-qty {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: auto;
    }
}

.sbag-list .sbag-item .sbag-qty .sbag-update {
    position: relative;
}

.sbag-list .sbag-item .sbag-price {
    text-align: right;
    width: 20%;
    font-size: 14px;
    letter-spacing: 0.1em;
    color: #986F38;
    padding: 0 30px 0 0;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-item .sbag-price {
        width: 20%;
    }
}

@media only screen and (max-width: 767px) {
    .sbag-list .sbag-item .sbag-price {
        padding: 0;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item .sbag-price {
        display: none;
    }
}

.sbag-list .sbag-item .sbag-remove {
    display: block;
    width: 11px;
    height: 11px;
    top: 50%;
    margin-top: -5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    background: url(../images/icon-remove.png) no-repeat;
}

.sbag-list .sbag-promo-content .sbag-promo-head {
    background-color: #92051a;
    color: #ffffff;
    letter-spacing: 0.1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 30px;
}

@media only screen and (max-width: 768px) {
    .sbag-list .sbag-promo-content .sbag-promo-head {
        padding: 10px 15px;
    }
}

.sbag-list .sbag-promo-content .link-btn {
    padding-top: 10px;
    line-height: 40px;
}

.sbag-list .sbag-promo-content .input-group label {
    width: 100%;
}

.sbag-list .sbag-resume-content {
    border-top: 1px solid #e8e5e5;
    letter-spacing: 0.06em;
    background: #f9f9f9;
    margin: 0 -20px;
    padding: 0 20px;
}

.sbag-list .sbag-resume-content > div {
    border-bottom: 2px solid white;
}

.sbag-list .sbag-resume-content .sbag-resume-head {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 10px;
    font-weight: bold;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-resume-content .sbag-resume-head .col-xs-12:first-child {
        margin-top: 20px;
    }
}

.sbag-list .sbag-resume-content .sbag-resume-head .sbag-resume-head-top {
    text-transform: uppercase;
    color: #26211E;
}

.sbag-list .sbag-resume-content .sbag-resume-head ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sbag-list .sbag-resume-content .sbag-resume-head ul li {
    display: inline-block;
    color: #000000;
    text-transform: uppercase;
}

.sbag-list .sbag-resume-content .sbag-resume-head ul li:before {
    content: ' - ';
}

.sbag-list .sbag-resume-content .sbag-resume-head ul li:first-child:before {
    display: none;
}

.sbag-list .sbag-resume-content .sbag-resume-head ul li span {
    color: #000000;
}

.sbag-list .sbag-resume-content .sbag-resume-item {
    display: table;
    width: 100%;
    color: #000000;
    font-size: 12px;
    padding: 10px 0;
}

.sbag-list .sbag-resume-content .sbag-resume-item > div {
    display: table-cell;
    vertical-align: middle;
}

.sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-key {
    width: 80%;
}

.sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value {
    width: 20%;
    text-align: right;
    padding-left: 15px;
    font-weight: bold;
    color: #986F38;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value {
        width: 15%;
    }

    .sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value.padding-right {
        padding-right: 15px;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value {
        width: 30%;
    }

    .sbag-list .sbag-resume-content .sbag-resume-item .sbag-total-value.padding-right {
        padding-right: 15px;
    }
}

.sbag-list .sbag-item > .sbag-multi {
    font-size: 14px;
    color: #986F38;
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-item > .sbag-multi {
        display: none;
    }
}

.sbag-list .sbag-footer {
    background: #f9f9f9;
    margin: 0 -20px;
    padding: 10px 20px 10px;
    letter-spacing: 0.1em;
    border-bottom: 1px solid #e8e5e5;
}

.sbag-list .sbag-footer .sbag-footer-payment {
    margin-top: 30px;
}

.sbag-list .sbag-total-item {
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    display: table;
    color: #000000;
}

.sbag-list .sbag-total-item > div {
    display: table-cell;
    vertical-align: middle;
}

.sbag-list .sbag-total-item .sbag-total-title {
    width: 20%;
}

.sbag-list .sbag-total-item .sbag-total-price {
    width: 80%;
    text-align: right;
    color: #986F38;
}

@media only screen and (max-width: 996px) {
    .sbag-list .sbag-total-item .sbag-total-price {
        width: 15%;
    }
}

@media only screen and (max-width: 480px) {
    .sbag-list .sbag-total-item .sbag-total-price {
        width: 30%;
    }
}

@media only screen and (max-width: 767px) {
    .sbag-list .btn {
        width: 100%;
    }
}

.sbag-recommended-product {
    padding: 20px 0;
    border-top: 1px solid #e8e5e5;
}

@media only screen and (max-width: 996px) {
    .sbag-recommended-product {
        width: 50%;
        float: left;
        padding: 20px;
    }

    .sbag-recommended-product:nth-child(3), .sbag-recommended-product:nth-child(2) {
        border-top: 0;
    }

    .sbag-recommended-product:nth-child(2n) {
        clear: both;
        border-right: 1px solid #e8e5e5;
    }
}

@media only screen and (max-width: 767px) {
    .sbag-recommended-product {
        width: 100%;
        padding: 20px 0;
        border-right: none;
        border-top: none;
        border-bottom: 1px solid #e8e5e5;
    }

    .sbag-recommended-product:nth-child(2n) {
        border-right: none;
        border-top: none;
    }
}

.sbag-recommended-product:first-child {
    border-top: 0;
}

.sbag-recommended-product img {
    margin: 0 auto 9px;
    display: block;
    text-align: center;
    max-width: 115px;
    max-height: 115px;
}

@media only screen and (max-width: 768px) {
    .sbag-recommended-product img {
        float: left;
        margin-top: 20px;
        margin-right: 20px;
        max-width: 95px;
        max-height: 95px;
    }
}

@media only screen and (max-width: 768px) {
    .sbag-recommended-product .sbag-actions {
        width: 100%;
        display: block;
        float: left;
    }
}

.sbag-recommended-product h5 {
    margin: 0;
    padding: 10px 0;
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    letter-spacing: 0.02em;
}

.sbag-recommended-product p {
    font-size: 12px;
    margin: 0 0 20px;
    letter-spacing: 0.06em;
}

.sbag-recommended-product .sbag-actions .price {
    font-weight: bold;
    font-size: 12px;
    color: #986F38;
    letter-spacing: 0.2em;
    line-height: 40px;
}

.sbag-recommended-product--visual img {
    float: none;
    margin: 0;
    padding: 0;
    max-height: none;
    max-width: none;
    width: 100%;
}

.checkister-item {
    background: #f9f9f9;
    color: #26211E;
}

.checkister-item.bg-white {
    background-color: #ffffff;
}

.checkister-item .checkister-inner {
    padding: 20px;
}

@media only screen and (max-width: 768px) {
    .checkister-item .checkister-inner {
        padding: 10px;
    }
}

.checkister-item .checkister-item-header {
    padding-bottom: 0;
    margin-bottom: 0;
}

.checkister-item .checkister-item-header.top-margin {
    padding-top: 20px;
}

.checkister-item label {
    font-weight: normal;
    letter-spacing: normal;
}

.checkister-item .radio input {
    vertical-align: top;
}

.checkister-item a {
    color: #986F38;
    text-decoration: none;
}

.checkister-item span.subtitle {
    display: block;
    padding-top: 10px;
    padding-bottom: 4px;
    font-size: 11px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-bottom: 1px solid #dfdfdf;
}

.checkister-item .checkister-content {
    padding: 30px 0 0 0;
    line-height: 18px;
}

@media (max-width: 480px) {
    .checkister-item .checkister-content .checkbox {
        margin-bottom: 10px;
    }
}

.checkister-item .checkister-no-pad {
    padding: 0;
}

.checkister-item .checkister-icon-container {
    display: table;
}

.checkister-item .checkister-icon-container .checkister-icon {
    display: table-cell;
    font-size: 38px;
    line-height: 38px;
    padding-right: 15px;
    vertical-align: middle;
}

.checkister-item .checkister-icon-container .checkister-legend {
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
}

@media (max-width: 480px) {
    .sbag-container header {
        margin: 0;
    }

    .sbag-container .btn.btn-primary.pull-right {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 996px) {
    .checkister {
        margin: 0 -10px;
    }
}

@media only screen and (max-width: 767px) {
    .checkister .btn.btn-primary.pull-right {
        width: 100%;
        text-align: center;
    }
}

.checkister header {
    margin-bottom: 20px;
}

.checkister header .btn {
    margin-bottom: 0;
}

.checkister h2 {
    margin-bottom: 0;
    color: white;
    font-size: 24px;
    line-height: normal;
    letter-spacing: 0.06em;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

@media only screen and (max-width: 996px) {
    .checkister h2 {
        margin-left: 20px;
    }
}

.checkister h2 + p {
    position: relative;
    margin-bottom: 0;
    color: #b8b8b8;
    line-height: 18px;
    letter-spacing: 0.08em;
}

.checkister h2 + p:before {
    display: block;
    content: '';
    margin-bottom: 14px;
    width: 20px;
    border-bottom: 1px solid #b8b8b8;
}

.checkister .img-freeHtml {
    width: 100%;
}

.checkister .address__preview {
    margin: 0 0 20px;
    line-height: 18px;
    font-weight: bold;
    letter-spacing: 0.06em;
    color: #000000;
}

.checkister .want-gift {
    display: block;
    margin-top: 10px;
    text-decoration: none;
    font-size: 12px;
    line-height: 1.5em;
    letter-spacing: 0.08em;
    margin-bottom: 20px;
}

.checkister .bloc__summary {
    display: block;
    margin: 10px 0;
    color: #656565;
    vertical-align: middle;
}

.checkister .bloc__summary strong {
    color: #000000;
}

.checkister .bloc__summary i {
    vertical-align: top;
    margin-right: 8px;
    line-height: 12px;
    font-size: 24px;
    color: #000000;
}

.checkister .bloc__summary i.icon-Express_delivery_off {
    font-size: 40px;
}

.checkister .main-content {
    color: #26211E;
    background: white;
}

.checkister .main-content__title {
    clear: both;
    display: block;
    width: 100%;
    padding: 0 20px;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 64px;
    letter-spacing: 0.06em;
    color: white;
    text-transform: uppercase;
    background: #888888;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

.checkister .main-content__title--promo {
    color: white;
    background: #3D8705;
}

.checkister .main-content__title--save {
    color: white;
    line-height: 40px;
    background: #3D8705;
}

@media (max-width: 996px) {
    .checkister .main-content__title--save {
        padding: 12px 20px;
        line-height: normal;
    }
}

.checkister .main-content__subtitle {
    clear: both;
    padding: 0 20px;
    margin: 0;
    font-size: 12px;
    line-height: 40px;
    color: #1b1b1b;
    text-transform: uppercase;
    background: #cccccc;
}

.checkister .main-content .coupon-help {
    position: absolute;
    right: 20px;
    margin-top: -28px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.checkister .main-content .checkister-wrapper {
    padding: 20px;
    text-align: left;
}

.checkister .main-content .checkister-wrapper > .btn {
    margin-top: 20px;
}

@media only screen and (max-width: 767px) {
    .checkister .main-content .checkister-wrapper > .btn {
        width: 100%;
    }
}

.checkister .main-content .checkister-wrapper > p {
    padding: 0;
    margin: 0 0 20px;
    letter-spacing: 0.08em;
}

.checkister .main-content .checkister-wrapper > p a {
    color: #986F38;
}

.checkister .main-content .checkister-wrapper > span.title {
    display: block;
    margin: 20px 0;
    font-size: 16px;
    line-height: 17px;
    font-weight: bold;
}

.checkister .main-content .checkister-wrapper > span.title + .input-group {
    margin: 0;
}

.checkister .main-content .checkister-padding-top {
    padding-top: 30px;
}

.checkister .main-content .checkister-padding-bottom {
    padding-bottom: 30px;
}

.checkister .main-content .form-group {
    width: 100%;
}

.checkister .main-content .form-group label {
    padding-left: 0;
    padding-right: 20px;
}

.checkister .main-content .bloc-promotion {
    background: #f8f8f8;
}

.checkister .main-content .bloc-promotion .title {
    display: block;
    padding-top: 12px;
    padding-bottom: 11px;
    color: white;
    font-size: 18px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    background: #92051a;
}

.checkister .main-content .bloc-promotion .bloc-delivery {
    padding: 20px 20px 10px;
}

.checkister .main-content .bloc-promotion p {
    color: #26211E;
    letter-spacing: 0.08em;
}

@media only screen and (max-width: 767px) {
    .checkister .main-content .bloc-promotion .input-group {
        margin: 0 0 0 -10px;
    }

    .checkister .main-content .bloc-promotion .btn {
        clear: none !important;
        display: inline-block !important;
    }
}

.checkister .main-content .bloc-terms {
    padding: 0 20px 20px;
}

.checkister .main-content .bloc-terms span.title {
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 0.06em;
}

.checkister .main-content .bloc-terms p {
    line-height: 19px;
    color: #656565;
    letter-spacing: 0.06em;
}

.checkister .main-content .bloc-terms label {
    color: #000000;
}

.checkister .main-content .bloc-terms .checkbox {
    margin-bottom: 20px;
}

.checkister .main-content .bloc-terms .checkbox a {
    color: #986F38;
}

@media (max-width: 996px) {
    .checkister .main-content .bloc-terms .checkbox {
        width: 100%;
        margin-bottom: 20px;
    }
}

.checkister .main-content .checkbox .icon-img, .checkister .main-content .radio .icon-img {
    vertical-align: middle;
}

.checkister .main-content .checkbox.margin-right, .checkister .main-content .radio.margin-right {
    margin-right: 50px;
}

.checkister .main-content span.subtitle {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #26211E;
    text-transform: uppercase;
    border-bottom: 1px solid #dfdfdf;
}

.checkister .main-content span.subtitle.top-margin {
    margin-top: 20px;
}

.checkister .main-content .content {
    margin: 10px 0 0 68px;
}

@media screen and (max-width: 480px) {
    .checkister .main-content .content {
        margin: 10px 0 0;
    }

    .checkister .main-content .content a {
        margin: 0 0 0 68px;
    }
}

.checkister .main-content .content .btn.btn-icon {
    margin-bottom: 0;
    margin-top: 20px;
}

.checkister .main-content .link-wrapper {
    background: white;
    overflow: auto;
    padding: 20px;
    border-top: 1px solid #cccccc;
}

@media only screen and (max-width: 767px) {
    .checkister .main-content .link-wrapper .btn {
        width: 100%;
    }
}

.checkister .main-content .link-wrapper p {
    padding: 0;
    margin: 0 0 20px;
    letter-spacing: 0.08em;
}

.checkister .main-content .link-wrapper p a {
    color: #986F38;
}

.checkister .main-content .bloc-payment, .checkister .main-content .bloc-delivery {
    -webkit-transition: 0.4s all;
    -khtml-transition: 0.4s all;
    -moz-transition: 0.4s all;
    -ms-transition: 0.4s all;
    -o-transition: 0.4s all;
    transition: 0.4s all;
    padding: 20px;
    text-align: left;
    background: #F9F9F9;
}

.checkister .main-content .bloc-payment.bloc-address > .radio input, .checkister .main-content .bloc-delivery.bloc-address > .radio input {
    margin-right: 14px;
}

.checkister .main-content .bloc-payment.bloc-selected, .checkister .main-content .bloc-delivery.bloc-selected {
    background: #F9F9F9;
}

.checkister .main-content .bloc-payment.bloc-selected .delivery-options > span, .checkister .main-content .bloc-payment.bloc-selected p, .checkister .main-content .bloc-delivery.bloc-selected .delivery-options > span, .checkister .main-content .bloc-delivery.bloc-selected p {
    color: #000000;
}

.checkister .main-content .bloc-payment.bloc-selected .bloc-card-type, .checkister .main-content .bloc-payment.bloc-selected .bloc-gift-card, .checkister .main-content .bloc-delivery.bloc-selected .bloc-card-type, .checkister .main-content .bloc-delivery.bloc-selected .bloc-gift-card {
    max-height: 600px;
    padding: 20px 0 0;
}

.checkister .main-content .bloc-payment .delivery-address-buttons, .checkister .main-content .bloc-delivery .delivery-address-buttons {
    clear: both;
    margin: 20px 0 0;
}

.checkister .main-content .bloc-payment .delivery-address-buttons a:first-child, .checkister .main-content .bloc-delivery .delivery-address-buttons a:first-child {
    margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
    .checkister .main-content .bloc-payment .delivery-address-buttons .btn, .checkister .main-content .bloc-delivery .delivery-address-buttons .btn {
        display: block;
        margin-left: 0;
    }
}

.checkister .main-content .bloc-payment .bloc__summary, .checkister .main-content .bloc-delivery .bloc__summary {
    margin-top: 20px;
}

.checkister .main-content .bloc-payment .bloc__summary + .input-group, .checkister .main-content .bloc-delivery .bloc__summary + .input-group {
    margin: 0 0 20px;
}

.checkister .main-content .bloc-payment p, .checkister .main-content .bloc-delivery p {
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin: 12px 0;
}

.checkister .main-content .bloc-payment > .radio, .checkister .main-content .bloc-payment > .checkbox, .checkister .main-content .bloc-delivery > .radio, .checkister .main-content .bloc-delivery > .checkbox {
    position: relative;
    margin: 0;
}

.checkister .main-content .bloc-payment > .radio input, .checkister .main-content .bloc-payment > .checkbox input, .checkister .main-content .bloc-delivery > .radio input, .checkister .main-content .bloc-delivery > .checkbox input {
    margin-right: 50px;
}

.checkister .main-content .bloc-payment > .radio [class^="icon-"], .checkister .main-content .bloc-payment > .radio [class*=" icon-"], .checkister .main-content .bloc-payment > .checkbox [class^="icon-"], .checkister .main-content .bloc-payment > .checkbox [class*=" icon-"], .checkister .main-content .bloc-delivery > .radio [class^="icon-"], .checkister .main-content .bloc-delivery > .radio [class*=" icon-"], .checkister .main-content .bloc-delivery > .checkbox [class^="icon-"], .checkister .main-content .bloc-delivery > .checkbox [class*=" icon-"] {
    position: absolute;
    left: 40px;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 22px;
    line-height: 22px;
}

.checkister .main-content .bloc-payment > .radio [class^="icon-"].icon-Your_time_off, .checkister .main-content .bloc-payment > .radio [class*=" icon-"].icon-Your_time_off, .checkister .main-content .bloc-payment > .checkbox [class^="icon-"].icon-Your_time_off, .checkister .main-content .bloc-payment > .checkbox [class*=" icon-"].icon-Your_time_off, .checkister .main-content .bloc-delivery > .radio [class^="icon-"].icon-Your_time_off, .checkister .main-content .bloc-delivery > .radio [class*=" icon-"].icon-Your_time_off, .checkister .main-content .bloc-delivery > .checkbox [class^="icon-"].icon-Your_time_off, .checkister .main-content .bloc-delivery > .checkbox [class*=" icon-"].icon-Your_time_off {
    font-size: 40px;
}

.checkister .main-content .bloc-payment > .radio [class^="icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-payment > .radio [class*=" icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-payment > .checkbox [class^="icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-payment > .checkbox [class*=" icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-delivery > .radio [class^="icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-delivery > .radio [class*=" icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-delivery > .checkbox [class^="icon-"].icon-Boutique_pick_up_off, .checkister .main-content .bloc-delivery > .checkbox [class*=" icon-"].icon-Boutique_pick_up_off {
    font-size: 40px;
}

.checkister .main-content .bloc-payment > .radio [class^="icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-payment > .radio [class*=" icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-payment > .checkbox [class^="icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-payment > .checkbox [class*=" icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-delivery > .radio [class^="icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-delivery > .radio [class*=" icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-delivery > .checkbox [class^="icon-"].icon-Pick_up_point_off, .checkister .main-content .bloc-delivery > .checkbox [class*=" icon-"].icon-Pick_up_point_off {
    font-size: 34px;
}

.checkister .main-content .bloc-payment > .radio [class^="icon-"] + span, .checkister .main-content .bloc-payment > .radio [class*=" icon-"] + span, .checkister .main-content .bloc-payment > .checkbox [class^="icon-"] + span, .checkister .main-content .bloc-payment > .checkbox [class*=" icon-"] + span, .checkister .main-content .bloc-delivery > .radio [class^="icon-"] + span, .checkister .main-content .bloc-delivery > .radio [class*=" icon-"] + span, .checkister .main-content .bloc-delivery > .checkbox [class^="icon-"] + span, .checkister .main-content .bloc-delivery > .checkbox [class*=" icon-"] + span {
    font-weight: bold;
    letter-spacing: normal;
    color: #000000;
}

.checkister .main-content .bloc-payment > .radio + .content .link-btn:first-child, .checkister .main-content .bloc-payment > .checkbox + .content .link-btn:first-child, .checkister .main-content .bloc-delivery > .radio + .content .link-btn:first-child, .checkister .main-content .bloc-delivery > .checkbox + .content .link-btn:first-child {
    display: block;
    margin-top: 8px;
}

.checkister .main-content .bloc-payment--other, .checkister .main-content .bloc-delivery--other {
    border-top: 1px solid #cccccc;
}

.checkister .main-content .bloc-payment--other p, .checkister .main-content .bloc-delivery--other p {
    margin: 0;
}

@media only screen and (max-width: 480px) {
    .checkister .main-content .bloc-payment .pull-right, .checkister .main-content .bloc-delivery .pull-right {
        width: 100%;
    }

    .checkister .main-content .bloc-payment .btn, .checkister .main-content .bloc-delivery .btn {
        display: block;
        clear: both;
    }

    .checkister .main-content .bloc-payment .btn + .btn, .checkister .main-content .bloc-delivery .btn + .btn {
        margin-top: 10px;
    }
}

.checkister .main-content .bloc-card-type {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    width: 65%;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    .checkister .main-content .bloc-card-type {
        width: 100%;
    }

    .checkister .main-content .bloc-card-type .checkbox input {
        margin-left: 10px;
    }
}

.checkister .main-content .bloc-gift-card {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.checkister .main-content .bloc-gift-card .new-gift-card {
    padding: 20px 10px;
}

.checkister .main-content .bloc-gift-card table {
    margin: 0 0 20px;
    width: 100%;
}

.checkister .main-content .bloc-gift-card table th {
    padding: 10px 30px 10px 10px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 0.06em;
}

.checkister .main-content .bloc-gift-card table tr:last-child td {
    border: none;
}

.checkister .main-content .bloc-gift-card table td {
    padding: 10px;
    color: #656565;
    letter-spacing: 0.06em;
    background: white;
    border-bottom: 1px solid #cccccc;
}

.checkister .main-content .bloc-gift-card table td a {
    color: #656565;
    text-decoration: none;
}

.checkister .main-content .bloc-gift-card table td a .icon, .checkister .main-content .bloc-gift-card table td a .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .checkister .main-content .bloc-gift-card table td a i:before, .checkister .main-content .bloc-gift-card table td a #header .site_title a:before, #header .site_title .checkister .main-content .bloc-gift-card table td a a:before, .checkister .main-content .bloc-gift-card table td a .slocator .slocator-locations__details-action:before, .slocator .checkister .main-content .bloc-gift-card table td a .slocator-locations__details-action:before {
    font-size: 10px;
}

.checkister .main-content .bloc-gift-card ul.bloc-total {
    list-style: none;
    margin: 20px 0 0;
    padding: 0 0 10px;
    background: white;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li {
    padding: 10px;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li .vat {
    font-size: 13px;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li .price {
    float: right;
    font-size: 13px;
    letter-spacing: 0.06em;
    color: #986F38;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li .total {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li .tprice {
    float: right;
    letter-spacing: 0.06em;
    font-size: 18px;
    font-weight: bold;
    color: #986F38;
}

.checkister .main-content .bloc-gift-card ul.bloc-total li:first-child {
    border-bottom: 1px solid #cccccc;
}

.checkister .main-content .bloc-gift-card ul.bloc-total + p {
    margin-top: 0;
    padding: 10px;
    background: white;
}

.checkister .main-content .delivery-free {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #986F38;
    font-weight: normal;
    letter-spacing: normal;
    text-align: right;
    white-space: nowrap;
}

@media (max-width: 480px) {
    .checkister .main-content .delivery-free.delivery-free-large {
        position: static;
        display: block;
        margin: 20px 0 -20px 30px;
        text-align: left;
    }
}

.checkister .main-content .delivery-address .radio input {
    vertical-align: top;
    margin-top: 3px;
}

.checkister .main-content .delivery-options {
    margin: 0;
}

.checkister .main-content .delivery-options span {
    font-weight: normal;
    letter-spacing: normal;
    color: #000000;
}

.checkister .main-content .delivery-options > span {
    display: inline-block;
    vertical-align: top;
    color: #656565;
    line-height: 16px;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.checkister .main-content .delivery-options .radio {
    display: inline-block;
    padding: 0 8px;
    vertical-align: top;
    line-height: normal;
    border-right: 1px solid #cccccc;
}

.checkister .main-content .delivery-options .radio:last-child {
    border: none;
}

.checkister .main-content .delivery-options .radio input {
    margin-right: 8px;
}

@media (max-width: 768px) {
    .checkister .main-content .delivery-options .radio {
        display: block;
        margin: 10px 0;
        padding: 0;
        border-right: none;
    }
}

.checkister .main-content .delivery-options .radio .price {
    display: block;
    margin: 0 0 0 25px;
    color: #986F38;
}

.checkister aside {
    padding: 20px;
    color: #26211E;
    background: white;
}

.checkister aside .col-title {
    display: block;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #26211E;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.checkister aside .bloc-title {
    padding-bottom: 8px;
    color: black;
    font-weight: bold;
    font-size: 16px;
    line-height: 26px;
    text-transform: uppercase;
    border-bottom: 1px solid #cccccc;
}

.checkister aside .bloc-title sup {
    font-size: 10px;
}

.checkister aside ul {
    display: table;
    margin: 0 0 20px;
    padding: 0;
    width: 100%;
    list-style: none;
}

.checkister aside ul li {
    display: table-row;
}

.checkister aside ul li:last-child span {
    border: none;
}

.checkister aside ul li span {
    display: table-cell;
    padding: 12px 0;
    border-bottom: 1px solid #cccccc;
}

.checkister aside ul li span.name {
    color: #656565;
    font-size: 12px;
    text-transform: uppercase;
    width: 50%;
}

.checkister aside ul li span.nb {
    width: 50px;
    font-size: 12px;
    text-align: center;
}

.checkister aside ul li span.price {
    width: calc(50% - 50px);
    color: #986F38;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-align: right;
    white-space: nowrap;
}

.checkister aside ul li span.tprice {
    color: #986F38;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: 0.1em;
    text-align: right;
    white-space: nowrap;
}

.checkister aside ul li span.stotal {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.checkister aside ul li span.total {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.checkister aside ul.bloc-total li:first-child span {
    border: none;
}

.checkister aside ul.bloc-total .tprice {
    font-weight: bold;
}

.checkister aside ul.bloc-total .price-int {
    display: inline;
    padding: 0;
    border: 0;
}

.checkister aside.sbag-recommends {
    padding: 0 20px;
}

.checkister aside.sbag-recommends h4 {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0;
    padding: 20px 0;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    .checkister aside.sbag-recommends {
        border-top: 1px solid #cccccc;
    }
}

.checkister .want-gift {
    margin: -10px 0 0;
    clear: both;
    float: left;
}

@media only screen and (max-width: 767px) {
    .checkister .want-gift {
        margin: 0 0 10px;
        width: 100%;
    }

    .checkister .want-gift + .btn {
        margin: 10px 0 0 10px;
    }
}

.checkister.step1 .sbag-list .sbag-footer {
    margin-bottom: 20px;
}

.checkister.step1 .my-expresscheckout-step {
    margin: 20px 0 -20px;
}

.checkister.step1 .my-expresscheckout-step .radio {
    margin-bottom: 10px;
}

.checkister.step1 .my-expresscheckout-step .radio:nth-child(2) {
    margin-bottom: 20px;
}

@media (max-width: 996px) {
    .checkister.step1 .my-expresscheckout-step .radio label span {
        width: 80%;
    }
}

@media (max-width: 996px) {
    .checkister.step1 .my-expresscheckout-step .my-expresscheckout-step__title {
        font-size: 14px;
    }
}

@media only screen and (max-width: 996px) {
    .checkister.step1 .bloc-promotion .col-xs-12:first-child {
        margin-bottom: 20px;
    }
}

.checkister.step1 .sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(3) {
    padding-right: 30px;
}

@media only screen and (max-width: 768px) {
    .checkister.step1 .sbag-list .sbag-list-title .sbag-list-title-col span:nth-child(3) {
        padding: 0;
    }
}

.checkister.step1 .sbag-list .sbag-item .sbag-qty > .qty {
    display: none;
}

.checkister.step3 .main-content .bloc-link {
    margin-top: 30px;
}

.checkister.step3 .main-content .bloc-border-top {
    border-top: 1px solid #dfdfdf;
    padding-top: 30px;
}

.checkister.step3 .main-content .bloc-white {
    background-color: #ffffff;
}

.checkister.step3 .main-content .bloc-payment .payable {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #636363;
    font-weight: bold;
    letter-spacing: 0.08em;
    text-align: right;
    white-space: nowrap;
}

.checkister.step3 .main-content .input-group.input-group-generic .form-control::-moz-placeholder {
    color: #656565;
    opacity: 1;
}

.checkister.step3 .main-content .input-group.input-group-generic .form-control:-ms-input-placeholder {
    color: #656565;
}

.checkister.step3 .main-content .input-group.input-group-generic .form-control::-webkit-input-placeholder {
    color: #656565;
}

@media (max-width: 768px) {
    .checkister.step3 .main-content .input-group.input-group-generic .form-control::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    .checkister.step3 .main-content .input-group.input-group-generic .form-control:-ms-input-placeholder {
        color: transparent;
    }

    .checkister.step3 .main-content .input-group.input-group-generic .form-control::-webkit-input-placeholder {
        color: transparent;
    }
}

.checkister.step3 .main-content .bloc-payment .container-select {
    padding: 0;
}

.checkister.step3 .main-content .bloc-payment .container-select .select {
    display: block;
}

.checkister.step3 .main-content .bloc-payment .container-select .select.margin-left {
    margin-left: 5px;
}

@media (max-width: 768px) {
    .checkister.step3 .main-content .bloc-payment .container-select .select.margin-left {
        margin-left: 0;
    }
}

.checkister.step3 .main-content .bloc-payment .container-select .select.margin-right {
    margin-right: 5px;
}

@media (max-width: 768px) {
    .checkister.step3 .main-content .bloc-payment .container-select .select.margin-right {
        margin-right: 0;
    }
}

@media (max-width: 768px) {
    .checkister.step3 .main-content .bloc-payment .container-select.sm-margin-bottom {
        margin-bottom: 20px;
    }
}

.checkister.step3 .main-content .bloc-payment .select__element {
    min-width: 0;
    width: 100%;
}

.checkister.step3 .main-content label i {
    position: relative;
    display: inline-block;
    margin: 0 8px 0 0;
    font-size: 30px;
    vertical-align: middle;
    width: 40px;
    text-align: center;
}

.checkister.step3 .main-content label i.fa-file-text {
    font-size: 36px;
}

.checkister.step4 aside {
    padding: 0;
}

.checkister.step4 aside .bloc-delivery {
    position: relative;
}

.checkister.step4 aside .bloc-promotion p a {
    color: #92051a;
}

.checkister.step4 aside .main-content__title {
    padding: 12px 50% 12px 20px;
    line-height: normal;
}

@media only screen and (max-width: 996px) {
    .checkister.step4 aside .main-content__title {
        padding: 22px 50% 22px 20px;
    }
}

@media only screen and (max-width: 480px) {
    .checkister.step4 aside .main-content__title {
        padding: 12px 70% 12px 20px;
    }
}

.checkister.step4 aside .main-content__title--promo {
    padding: 22px 20px;
}

.checkister.step4 aside .main-content__title + .btn {
    position: absolute;
    right: 20px;
    top: 12px;
}

.checkister.step4 aside .content {
    padding: 20px;
}

@media (max-width: 996px) {
    .checkister.step4 aside .content {
        padding: 10px 20px;
    }
}

.checkister.step4 aside .address__preview {
    color: #000000;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e5e5;
}

.checkister.step4 aside p:not(.address__preview) {
    margin: 0 0 20px;
    line-height: 19px;
    color: #656565;
    letter-spacing: 0.06em;
}

.checkister.step4 aside p:not(.address__preview) + .bloc__summary {
    margin: 30px 0;
}

.checkister.step4 aside a.col-xs-7 {
    color: #3D8705;
    text-decoration: none;
    letter-spacing: 0.06em;
    line-height: 19px;
}

.checkister.step4 .sbag-list .sbag-list-content {
    margin-bottom: -1px;
}

.checkister.step4 .sbag-list .sbag-padding-cross {
    padding-right: 0;
}

.checkister.step4 .sbag-list .sbag-item .sbag-price {
    padding: 0;
}

@media only screen and (max-width: 480px) {
    .checkister.step4 .sbag-list .sbag-item .sbag-price {
        padding: 0 40px 0 0;
    }
}

.checkister.step4 .sbag-list .sbag-item .sbag-qty {
    text-align: center;
}

.checkister.step4 .sbag-list .sbag-item .sbag-qty .product-add {
    display: none;
}

.checkister.step4 .sbag-list .sbag-item .sbag-remove {
    display: none;
}

.checkister.step4 .main-content__title + .btn {
    position: absolute;
    right: 20px;
    top: 12px;
}

.checkister.step5 .main-content {
    padding: 20px;
    background: #e6e6e6 url("../images/new-checkister-step5.png") 80% center no-repeat;
}

@media (max-width: 996px) {
    .checkister.step5 .main-content {
        background-position: right center;
    }
}

@media (max-width: 480px) {
    .checkister.step5 .main-content {
        background-image: none;
        padding: 0;
    }
}

.checkister.step5 .main-content h2 {
    color: #000000;
    margin-bottom: 10px;
}

@media only screen and (max-width: 996px) {
    .checkister.step5 .main-content h2 {
        margin-left: 0;
    }
}

.checkister.step5 .main-content h3 {
    margin: 0;
    font-size: 12px;
    line-height: 40px;
    color: #1b1b1b;
    text-transform: uppercase;
}

.checkister.step5 .main-content p {
    letter-spacing: normal;
    color: #000000;
    font-size: 12px;
}

.checkister.step5 .main-content .checkister-wrapper {
    background: none;
}

.checkister.step5 .main-content span.subtitle {
    padding-top: 0;
    padding-left: 0;
    border-bottom: 1px solid #dfdfdf;
    border-top: none;
    background: none;
}

.checkister.step5 .main-content .bloc-title {
    color: #26211E;
}

.checkister.step5 .main-content .bloc-title h2, .checkister.step5 .main-content .bloc-title h2 + p {
    color: #26211E !important;
}

.checkister.step5 .main-content .link-btn {
    display: block;
    margin-top: 30px;
}

.checkister.step5 .main-content .icon-Delivery_off {
    position: relative;
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 30px;
    vertical-align: middle;
}

.delivery-address .checkister .main-content__title {
    color: #26211E;
    background: #d5d5d5;
}

.register__machine {
    position: relative;
}

/*.register__machine__link {
    position: absolute;
    top: 100px;
    left: 10px;
    display: block;
    width: 50%;
    height: 120px; }*/
.register__machine img:nth-child(2) {
    display: none;
}

.register__machine.active img:nth-child(1) {
    display: none;
}

.register__machine.active img:nth-child(2) {
    display: block;
}

.basket-dialog {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 30;
    display: none;
    width: 415px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(100%);
    -khtml-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -khtml-transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -ms-transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -o-transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.basket-dialog.opened {
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.basket-dialog__wrapper {
    background-color: #ffffff;
    height: 100%;
}

.basket-dialog .proceed-checkout {
    height: 39px;
    background-color: #3D8705;
    font-size: 12px;
    letter-spacing: 0.06em;
    border-radius: 4px;
    float: right;
    line-height: 39px;
    color: #ffffff;
    text-decoration: none;
    padding: 0 35px 0 20px;
    position: relative;
}

.basket-dialog .proceed-checkout:after {
    content: "\f105";
    font-family: "fontawesome";
    position: absolute;
    right: 19px;
}

.basket-dialog .basket-dialog-header {
    position: relative;
    width: 100%;
}

.basket-dialog .basket-dialog-header .shopping-bag {
    color: #26211E;
    font-size: 20px;
    float: left;
    font-weight: bold;
    padding: 20px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

@media only screen and (max-width: 767px) {
    .basket-dialog .basket-dialog-header .shopping-bag {
        font-size: 24px;
        line-height: 50px;
        letter-spacing: 0;
        padding: 0 20px;
    }
}

.basket-dialog .basket-dialog-header p {
    clear: both;
    padding: 20px;
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #1b1b1b;
    background-color: #f9f9f9;
}

@media only screen and (max-width: 767px) {
    .basket-dialog .basket-dialog-header p {
        padding: 20px 10px;
        font-size: 16px;
        line-height: normal;
    }
}

.basket-dialog .basket-dialog-header .close {
    position: absolute;
    right: 0;
    top: 18px;
    width: 28px;
    margin: 0 20px;
    text-align: center;
    padding: 8px;
    color: #000000;
    font-size: 12px;
    text-decoration: none;
    background: #f9f9f9;
}

@media only screen and (max-width: 767px) {
    .basket-dialog .basket-dialog-header .close {
        width: 50px;
        height: 50px;
        padding: 0;
        margin: 0;
        line-height: 50px;
        font-size: 10px;
        font-weight: bold;
        top: 0;
        background: #b8b8b8;
    }
}

.basket-dialog .basket-dialog-warning {
    position: relative;
    padding: 20px 20px 20px 60px;
    width: 100%;
    font-size: 13px;
    line-height: 17px;
    background-color: #dd3232;
}

.basket-dialog .basket-dialog-warning:before {
    content: "\e93b";
    font-family: "nnsa";
    position: absolute;
    left: 12px;
    top: 50%;
    display: block;
    margin-top: -18px;
    font-size: 35px;
    line-height: normal;
}

@media only screen and (max-width: 767px) {
    .basket-dialog .basket-dialog-warning {
        padding: 10px;
    }

    .basket-dialog .basket-dialog-warning:before {
        display: none;
    }
}

.basket-dialog .basket-dialog-product {
    width: 100%;
    height: calc(100% - 268px);
    padding: 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
    border-bottom: 1px solid #f8f8f8;
}

.basket-dialog .basket-dialog-product ul {
    padding: 0;
    margin: 0;
}

.basket-dialog .basket-dialog-product ul li {
    margin-bottom: 20px;
    list-style: none;
    color: #000000;
}

.basket-dialog .basket-dialog-product ul li li {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .basket-dialog .basket-dialog-product ul li li {
        padding: 10px 0;
    }
}

.basket-dialog .basket-dialog-product ul li:last-of-type ul li:last-of-type {
    border-bottom: 0 !important;
}

.basket-dialog .basket-dialog-product ul li .basket-product-header {
    position: relative;
    border-bottom: 1px solid #f8f8f8;
    margin: 0 0 20px;
}

@media screen and (max-width: 767px) {
    .basket-dialog .basket-dialog-product ul li .basket-product-header {
        margin: 0 0 10px;
    }
}

.basket-dialog .basket-dialog-product ul li .basket-product-header p {
    font-size: 16px;
    letter-spacing: 0.1em;
    font-weight: bold;
    display: inline-block;
    margin: 0;
}

.basket-dialog .basket-dialog-product ul li .basket-product-header p span {
    font-size: 10px;
    vertical-align: top;
}

.basket-dialog .basket-dialog-product ul li .basket-product-header .icon, .basket-dialog .basket-dialog-product .product-list-item .basket-product-header .product-text .product-description .cupsize i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category .basket-dialog .basket-dialog-product ul.list li.product .basket-product-header .product-text .product-description .cupsize i:before, .basket-dialog .basket-dialog-product .product-list-item .product-text .product-description .cupsize .basket-product-header i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category .basket-dialog .basket-dialog-product ul.list li.product .product-text .product-description .cupsize .basket-product-header i:before, .basket-dialog .basket-dialog-product ul li .basket-product-header #header .site_title a:before, #header .site_title .basket-dialog .basket-dialog-product ul li .basket-product-header a:before, .basket-dialog .basket-dialog-product ul li .basket-product-header .slocator .slocator-locations__details-action:before, .slocator .basket-dialog .basket-dialog-product ul li .basket-product-header .slocator-locations__details-action:before {
    left: auto;
    right: 0;
    display: block;
    font-size: 18px;
}

.basket-dialog .basket-dialog-product ul li .basket-product-close {
    margin-left: 20px;
    color: #000000;
    text-decoration: none;
}

.basket-dialog .basket-dialog-product ul li .btn {
    padding: 0;
    min-width: 40px;
}

.basket-dialog--warning .basket-dialog-product {
    height: calc(100% - 459px);
}

.basket-dialog .sub-dialog-product li {
    display: flex;
    justify-content: flex-start;
    display: -webkit-flex;
    /* Safari */
    -webkit-align-items: center;
    /* Safari 7.0+ */
    display: flex;
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #f8f8f8;
    width: 100%;
    font-weight: bold;
    font-size: 12px;
}

.basket-dialog .sub-dialog-product li .basket-product-image,
.basket-dialog .sub-dialog-product li .basket-product-title,
.basket-dialog .sub-dialog-product li .basket-product-qty,
.basket-dialog .sub-dialog-product li .basket-product-price {
    float: left;
    height: 100%;
}

.basket-dialog .sub-dialog-product li .basket-product-image {
    width: 22%;
}

.basket-dialog .sub-dialog-product li .basket-product-image img {
    max-width: 58px;
    height: auto;
    display: block;
}

@media screen and (max-width: 767px) {
    .basket-dialog .sub-dialog-product li .basket-product-image {
        width: 30%;
    }
}

.basket-dialog .sub-dialog-product li .basket-product-title {
    font-size: 12px;
    text-transform: capitalize;
    width: 67%;
}

.basket-dialog .sub-dialog-product li .basket-product-title span.span {
    display: block;
    color: #986F38;
    padding: 5px 0 0 0;
    font-weight: normal;
}

@media screen and (max-width: 767px) {
    .basket-dialog .sub-dialog-product li .basket-product-title {
        margin: 0 10px;
        font-size: 14px;
        font-weight: normal;
    }
}

.basket-dialog .sub-dialog-product li .basket-product-qty {
    width: 19%;
    position: relative;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .basket-dialog .sub-dialog-product li .basket-product-qty {
        width: 80px;
    }
}

.basket-dialog .sub-dialog-product li .basket-product-price {
    color: #986F38;
    text-align: right;
    width: 20%;
    letter-spacing: 0.2em;
    font-size: 12px;
    font-weight: bold;
}

.basket-dialog .basket-dialog-footer {
    width: 100%;
    background-color: #ffffff;
    padding: 20px;
    color: #000000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.basket-dialog .basket-dialog-footer .basket-total-price {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    letter-spacing: 0.1em;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #dbdfe5;
}

.basket-dialog .basket-dialog-footer .basket-total-price > span {
    font-size: 16px;
    color: #986F38;
    letter-spacing: 0.06em;
    float: right;
}

@media screen and (max-width: 767px) {
    .basket-dialog .basket-dialog-footer .basket-total-price {
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
}

.basket-dialog .basket-dialog-footer .basket-subtotal-price, .basket-dialog .basket-dialog-footer .basket-vat-price {
    width: 100%;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 10px;
}

.basket-dialog .basket-dialog-footer .basket-subtotal-price span, .basket-dialog .basket-dialog-footer .basket-vat-price span {
    font-size: 13px;
    color: #986F38;
    letter-spacing: 0.06em;
    float: right;
}

.basket-dialog .basket-dialog-footer .basket-footer-bottom a {
    padding: 0;
}

.basket-dialog .basket-dialog-footer .basket-footer-bottom {
    width: 100%;
}

.basket-dialog .basket-dialog-footer .basket-footer-bottom p {
    font-size: 12px;
    color: #757575;
    margin: 0 0 20px;
}

@media only screen and (max-width: 767px) {
    .basket-dialog .basket-dialog-footer .basket-footer-bottom p {
        margin-bottom: 10px;
    }
}

.basket-dialog .basket-dialog-footer .basket-footer-bottom .btn {
    text-align: center;
    display: block;
}

@media only screen and (max-width: 767px) {
    .basket-dialog {
        position: fixed;
        top: 0;
        right: 0;
        left: 50px;
        bottom: 0;
        width: auto;
    }

    .basket-dialog .basket-dialog-product {
        height: calc(100% - 310px);
        max-height: none;
    }
}

@media only screen and (max-width: 996px) {
    .basket-dialog .custom-dropdown.basket.opened {
        z-index: 7;
    }

    .basket-dialog .custom-dropdown.basket .basket-dialog {
        width: calc(100% - 50px);
    }
}

.sbag-loading {
    background: url("../images/balls.gif") no-repeat center center;
    min-height: 100px;
}

.sbag-no-product {
    font-size: 12px;
    padding: 20px 0;
    display: block;
}

.sbag-no-product .title {
    font-size: 16px;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
}

.sbag-no-product .btn {
    margin-bottom: 20px;
    margin-left: 0;
}

#mask, #mask-mini-basket {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}

@media only screen and (max-width: 996px) {
    #mask {
        top: 50px;
    }
}

.login-page .btn {
    margin-top: 20px;
}

.login-page .account-detail {
    min-height: 380px;
}

@media only screen and (max-width: 996px) {
    .login-page .account-detail {
        min-height: 0;
    }
}

@media only screen and (max-width: 996px) {
    .login-page .md-no-padding-left {
        padding-left: 0;
    }
}

@media only screen and (max-width: 996px) {
    .login-page .md-no-padding-right {
        padding-right: 0;
    }
}

.login-page__password-forgotten {
    text-align: right;
    clear: both;
}

.login-page__remember {
    clear: both;
}

.login-page__register-info {
    margin-top: 20px;
}

.login-page__register-info ul {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.login-page__register-info ul li {
    font-size: 11px;
    color: #757575;
    margin-bottom: 10px;
    padding-left: 40px;
}

.login-page__register-info ul li i.fa {
    color: #3e8622;
    width: 40px;
    margin-left: -40px;
    font-size: 16px;
    vertical-align: middle;
}

/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.4.1 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
    .featherlight {
        display: none;
        /* dimensions: spanning the background from edge to edge */
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647;
        /* z-index needs to be >= elements on the site. */
        /* position: centering content */
        text-align: center;
        /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
        white-space: nowrap;
        /* styling */
        cursor: pointer;
        background: #333;
        /* IE8 "hack" for nested featherlights */
        background: transparent;
    }

    /* support for nested featherlights. Does not work in IE8 (use JS to fix) */
    .featherlight:last-of-type {
        background: rgba(0, 0, 0, 0.8);
    }

    .featherlight:before {
        /* position: trick to center content vertically */
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }

    .featherlight .featherlight-content {
        /* make content container for positioned elements (close button) */
        position: relative;
        /* position: centering vertical and horizontal */
        text-align: left;
        vertical-align: middle;
        display: inline-block;
        /* dimensions: cut off images */
        overflow: auto;
        padding: 25px 25px 0;
        border-bottom: 25px solid transparent;
        /* dimensions: handling large content */
        margin-left: 5%;
        margin-right: 5%;
        max-height: 95%;
        /* styling */
        background: #fff;
        cursor: auto;
        /* reset white-space wrapping */
        white-space: normal;
    }

    /* contains the content */
    .featherlight .featherlight-inner {
        /* make sure its visible */
        display: block;
    }

    .featherlight .featherlight-close-icon {
        /* position: centering vertical and horizontal */
        position: absolute;
        z-index: 9999;
        top: 0;
        right: 0;
        /* dimensions: 25px x 25px */
        line-height: 25px;
        width: 25px;
        /* styling */
        cursor: pointer;
        text-align: center;
        font-family: Arial, sans-serif;
        background: #fff;
        /* Set the background in case it overlaps the content */
        background: rgba(255, 255, 255, 0.3);
        color: #000;
    }

    .featherlight .featherlight-image {
        /* styling */
        width: 100%;
    }

    .featherlight-iframe .featherlight-content {
        /* removed the border for image croping since iframe is edge to edge */
        border-bottom: 0;
        padding: 0;
    }

    .featherlight iframe {
        /* styling */
        border: none;
    }
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
    .featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */
        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px 10px 0;
        border-bottom: 10px solid transparent;
    }
}

.pickup > header {
    background: #ebebeb;
    padding: 20px 20px 0;
    margin-left: -10px;
    margin-right: -10px;
}

.pickup > header h2 {
    margin-right: 40px;
    color: #000000;
    margin-bottom: 20px;
    line-height: 1em;
}

.pickup > header .label-masked {
    display: none;
}

.pickup > header .form-control {
    text-transform: uppercase;
}

.pickup > header .btn {
    height: 41px;
    padding: 12px 12px;
    margin-left: -5px;
}

.pickup__deliveryoptions {
    padding: 20px 0px 5px 0px;
}

.pickup__deliveryoptions__title {
    margin-bottom: 10px;
}

.pickup__deliveryoptions__option {
    padding-bottom: 15px;
}

.pickup__deliveryoptions__info a {
    vertical-align: bottom;
    margin-right: 10px;
    color: #000000;
    font-size: 18px;
    text-decoration: none;
}

.pickup__deliveryoptions__price {
    font-weight: bold;
}

.pickup__intro {
    background: #ebebeb;
    padding: 20px 0px;
}

.pickup__header__target {
    background: #d4d4d4;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 8px 8px 7px;
}

.pickup__entete {
    background: #000000;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    padding: 20px 0;
    font-size: 16px;
}

.pickup__entete.deliverytime {
    text-align: left;
    padding-left: 15px;
}

.pickup #pickup-shoplist {
    display: none;
}

.pickup #pickup-shoplist.active {
    display: block;
}

.pickup #pickup-shoplist .pickup__shop__info {
    float: left;
    text-transform: uppercase;
    width: calc(100% - 40px);
}

@media only screen and (max-width: 768px) {
    .pickup #pickup-shoplist .pickup__shop__info {
        width: calc(100% - 30px);
    }
}

.pickup #pickup-shoplist .pickup__shop__info > strong {
    display: block;
    margin-bottom: 10px;
}

.pickup #pickup-shoplist a.link-btn {
    position: relative;
    z-index: 20;
}

.pickup #pickup-shoplist .pickup__shop__select {
    margin-top: 0;
}

@media only screen and (max-width: 768px) {
    .pickup #pickup-shoplist .pickup__shop__select {
        margin-top: -90px;
    }
}

@media only screen and (max-width: 370px) {
    .pickup #pickup-shoplist .pickup__shop__select {
        margin-top: -30px;
    }
}

.pickup #pickup-shoplist p {
    margin-top: 0;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    .pickup #pickup-shoplist p {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 370px) {
    .pickup #pickup-shoplist p {
        margin-bottom: 20px;
    }
}

.pickup__map {
    display: none;
    width: 750px;
    height: 500px;
}

.pickup__map img {
    width: 100%;
    height: 98%;
}

.pickup__map.active {
    display: block;
}

.pickup__shop {
    padding: 20px;
    border-bottom: solid 1px #ebebeb;
}

@media only screen and (max-width: 768px) {
    .pickup__shop {
        padding: 20px 10px;
    }
}

.pickup__shop .img-point {
    max-width: 25px;
    margin: 0 15px 45px 0;
    float: left;
}

@media only screen and (max-width: 768px) {
    .pickup__shop .img-point {
        max-width: 20px;
        margin: 0 10px 45px 0;
    }
}

.pickup__shop > i.icon, .product-list-item .product-text .product-description .cupsize .pickup__shop > i:before, .slocator .pickup__shop > i.slocator-locations__details-action:before {
    float: left;
    font-size: 30px;
    max-width: 45px;
    margin: 0px 15px 20px 0px;
}

.pickup__shop__info {
    float: left;
    text-transform: uppercase;
    width: calc(100% - 200px);
}

@media only screen and (max-width: 768px) {
    .pickup__shop__info {
        width: calc(100% - 70px);
    }
}

.pickup__shop__seeaddress {
    clear: both;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #000000;
    text-decoration: none;
}

.pickup__shop__seeaddress:after {
    border: 1px solid #000000;
    border-radius: 100%;
    color: #000000;
    content: '\e90c';
    cursor: pointer;
    display: inline-block;
    font-family: nnsa;
    font-size: 12px;
    height: 25px;
    line-height: 20px;
    margin-left: 10px;
    margin-top: -4px;
    padding-right: 1px;
    text-align: center;
    transform: rotate(180deg);
    vertical-align: middle;
    width: 25px;
}

.pickup__shop__seeaddress.active:after {
    transform: rotate(0);
}

.pickup__shop__address {
    background: #ebebeb;
    color: #000000;
    padding: 20px 20px 20px 65px;
    margin: 0 -20px 20px;
    display: none;
    clear: both;
}

@media only screen and (max-width: 996px) {
    .pickup__shop__address {
        padding: 20px 20px 20px 20px;
    }
}

.pickup__shop__address > address {
    font-style: normal;
}

.pickup__shop__address.active {
    display: block;
}

.pickup__shop__select {
    margin-top: 20px;
}

.pickup__shop__select.clearfix, .my-order-history .pickup__shop__select.my-order-mobile__block, .my-order-history .pickup__shop__select.my-order-mobile__order, .my-order-history .pickup__shop__select.my-order-mobile__info {
    position: absolute;
    margin-top: 0;
    top: 20px;
    right: 20px;
}

@media only screen and (max-width: 768px) {
    .pickup__shop__select.clearfix, .my-order-history .pickup__shop__select.my-order-mobile__block, .my-order-history .pickup__shop__select.my-order-mobile__order, .my-order-history .pickup__shop__select.my-order-mobile__info {
        margin-left: 0;
        position: static;
        clear: both;
    }
}

.pickup .pickup__switcher {
    margin-left: -15px;
    margin-right: -15px;
}

.pickup .pickup__switcher__item {
    display: block;
    text-align: center;
    height: 65px;
    padding: 0 20px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.06em;
    text-decoration: none;
    background-color: #000000;
    color: #f9f9f9;
}

.pickup .pickup__switcher__item i {
    font-size: 24px;
    margin-right: 15px;
}

.pickup .pickup__switcher__item:hover, .pickup .pickup__switcher__item.active {
    background-color: white;
    color: #1c1d1d;
}

.pickup__horaires {
    padding: 10px 0px;
    border-bottom: solid 1px #ebebeb;
    font-weight: bold;
}

.pickup__horaires__heure, .pickup__horaires__prix {
    padding-top: 10px;
}

.pickup__horaires .btn.btn-small {
    font-size: 18px;
    height: auto;
    padding: 10px 13px 10px 13px;
}

.main-heading {
    clear: both;
    padding: 20px 0 20px 0;
    width: 100%;
}

.main-heading p {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 6px 0;
}

.main-heading span {
    color: #ffffff;
    opacity: 0.6;
    font-size: 12px;
}

@media (max-width: 480px) {
    .main-heading p {
        font-size: 14px;
    }

    .main-heading span {
        font-size: 10px;
    }
}

/* Menu */
.main-nav {
    position: relative;
    /*z-index: 1;*/
    /*background-color: #1b1b1b;*/
    width: 100%;
    float: left;
    margin-top: 25px;
}

@media only screen and (max-width: 996px) {
    .main-nav {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        margin-top: 0;
        z-index: 25;
        background-color: transparent;
    }

    .main-nav.overflow {
        overflow-y: scroll;
        /* has to be scroll, not auto */
        -webkit-overflow-scrolling: touch;
    }
}

@media only screen and (max-width: 768px) {
    .main-nav {
        width: calc(100% - 50px);
    }
}

.menu-container {
    margin: 0;
    padding: 0;
}

.menu-container > ul {
    padding: 0;
}

.menu-container li {
    list-style: none;
    display: inline-block;
    opacity: 1;
    width: 14.28%;
    float: left;
}

.menu-container li.menu-language {
    z-index: 1;
}

.menu-container li.menu-business-solutions .sub-menu > li .menu-head a span {
    margin-bottom: 40px;
}

@media only screen and (max-width: 996px) {
    .menu-container li.menu-business-solutions .sub-menu > li .menu-head a span {
        position: relative;
        display: block;
        margin-bottom: 0;
        padding: 3px 0;
        font-size: 14px;
        line-height: normal;
        text-transform: none;
        font-weight: normal;
        letter-spacing: normal;
    }

    .menu-container li.menu-business-solutions .sub-menu > li .menu-head a span:after {
        content: "";
        background: url(../images/mobile-arrow.png) no-repeat right top;
        background-size: 12px auto;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 5px;
        height: 23px;
    }
}

@media only screen and (max-width: 996px) {
    .menu-container li.menu-accessories .sub-menu > li .product-info-wrap:last-child, .menu-container li.menu-our-services .sub-menu > li .product-info-wrap:last-child {
        border-bottom: 1px solid #b8b8b8;
    }
}

.menu-container li.last a:before {
    content: "";
    display: none;
}

.menu-container > li:hover > a {
    background-position: center bottom 46px;
    background-color: lightgray;
}
.menu-container > li:hover > a i {
   color:#ffffff;
}

.menu-container li:hover li a {
    color: #26211E;
}

.menu-container > li > a {
    background-position: center top 18px;
    background-repeat: no-repeat;
    display: block;
    padding: 44px 0 7px 0;
    font-size: 13px;
    line-height: 14px;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    position: relative;
    text-align: center;
}

.menu-container li a .icon, .menu-container .product-list-item a .product-text .product-description .cupsize i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product a .product-text .product-description .cupsize i:before, .menu-container .product-list-item .product-text .product-description .cupsize a i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product .product-text .product-description .cupsize a i:before, .menu-container li a #header .site_title a:before, #header .site_title .menu-container li a a:before, .menu-container li a .slocator .slocator-locations__details-action:before, .slocator .menu-container li a .slocator-locations__details-action:before, .menu-container li a .fa {
    display: block;
    position: absolute;
    top: 23px;
    left: 50%;
    font-size: 20px;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.menu-container li a:before {
    /*  content: "";
        position: absolute;
        width: 1px;
        height: 53px;
        right: -2px;
        top: 6px;
        background: #313131;
        -webkit-transition: all 0.4s;
        -khtml-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s;*/
}

.menu-container li:hover a:before {
    content: "";
    /*background: white; */
}

.menu-container li .menu-language {
    background: none;
}

.menu-container li .menu-language__item {
    margin-top: 20px;
}

.menu-container li .menu-language__item__l, .menu-container li .menu-language__item__r {
    display: block;
}

.menu-container li .menu-language__item__r {
    width: 100%;
}

@media only screen and (max-width: 996px) {
    .menu-container {
        position: absolute;
        width: calc(100% - 50px);
        left: 0;
        top: 0;
        z-index: 3;
        display: none;
    }

    .menu-container li {
        width: 100%;
        padding: 0;
        background: #1b1b1b;
    }

    .menu-container li.menu-language {
        background: none;
    }

    .menu-container li a {
        padding: 17px 0 18px 50px;
        text-align: left;
        background-position: left 7px;
        border-bottom: 1px solid #656565;
        text-transform: uppercase;
        position: relative;
    }

    /*.menu-container li a.active:after {
            display: block;
            content: '';
            position: absolute;
            left: 67px;
            top: 50%;
            width: 0;
            height: 0;
            border-right: 8px solid white;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            -webkit-transform: translateY(-50%);
            -khtml-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); }*/
    .menu-container li a:before {
        display: none;
    }

    .menu-container li a .icon, .menu-container .product-list-item a .product-text .product-description .cupsize i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product a .product-text .product-description .cupsize i:before, .menu-container .product-list-item .product-text .product-description .cupsize a i:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product .product-text .product-description .cupsize a i:before, .menu-container li a #header .site_title a:before, #header .site_title .menu-container li a a:before, .menu-container li a .slocator .slocator-locations__details-action:before, .slocator .menu-container li a .slocator-locations__details-action:before, .menu-container li a .fa {
        left: 25px;
        top: 50%;
        font-size: 16px;
        -webkit-transform: translate(-50%, -50%);
        -khtml-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .menu-container li a .icon.icon-location, .menu-container .product-list-item a .product-text .product-description .cupsize i.icon-location:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product a .product-text .product-description .cupsize i.icon-location:before, .menu-container .product-list-item .product-text .product-description .cupsize a i.icon-location:before, .productlist .productlist-main .productlist-panel .productlist-contents .productlist-content .product-category ul.list .menu-container li.product .product-text .product-description .cupsize a i.icon-location:before, .menu-container li a #header .site_title a.icon-location:before, #header .site_title .menu-container li a a.icon-location:before, .menu-container li a .slocator .icon-location.slocator-locations__details-action:before, .slocator .menu-container li a .icon-location.slocator-locations__details-action:before, .menu-container li a .fa.icon-location {
        font-size: 24px;
    }

    .menu-container li:hover {
        width: 100%;
    }

    .menu-container li:hover a:after {
        right: 15px;
    }

    .menu-container li.menu-coffee .sub-menu .product-info-wrap {
        padding: 0;
    }

    .menu-container li.menu-coffee .sub-menu .product-info {
        text-align: left;
    }

    .menu-container li:nth-child(8) {
        width: 100%;
    }

    .menu-container li.last {
        width: 100%;
    }

    .menu-container li.last a {
        border-bottom: none;
    }

    .menu-container li > a:after {
        content: "";
        background: url(../images/mobile-arrow.png) no-repeat right top;
        background-size: 12px auto;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 5px;
        height: 23px;
    }

    .menu-container li > a.noarrow:after {
        display: none;
    }

    .menu-container > li:hover > a {
        color: white;
        background-color: #d4d4d4;
    }
}

@media only screen and (max-width: 768px) {
    .menu-container {
        width: 100%;
    }
}

.mobile-menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    display: none;
    margin: 0;
    background: #ffffff;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
}

@media only screen and (max-width: 996px) {
    .mobile-menu {
        display: block;
    }
}

.mobile-menu .bars {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    background: none;
    transition: background 0.4s;
}

.mobile-menu .bars:focus {
    outline: none;
}

.mobile-menu .bars span {
    display: block;
    position: absolute;
    top: 24px;
    left: 12px;
    right: 12px;
    height: 2px;
    background: #000000;
    transition: background 0 0.4s;
}

.mobile-menu .bars span:before, .mobile-menu .bars span:after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #000000;
    content: "";
    transition-duration: 0.4s, 0.4s;
    transition-delay: 0.4s, 0;
}

.mobile-menu .bars span:before {
    top: -7px;
    transition-property: top, transform;
}

.mobile-menu .bars span:after {
    bottom: -7px;
    transition-property: bottom, transform;
}

.mobile-menu.arrow-expand .bars span {
    background: none;
}

.mobile-menu.arrow-expand .bars span:before, .mobile-menu.arrow-expand .bars span:after {
    transition-delay: 0, 0.4s;
}

.mobile-menu.arrow-expand .bars span:before {
    top: 0;
    transform: rotate(45deg);
}

.mobile-menu.arrow-expand .bars span:after {
    bottom: 0;
    transform: rotate(-45deg);
}

.sub-menu {
    position: absolute;
    left: 0px !important;
    z-index: 3;
    display: none;
    padding: 8px 8px 8px 0;
    margin: 0;
    width: 100%;
    background: #ffffff !important;
    -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
    -khtml-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
    -ms-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
    -o-box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
    box-shadow: rgba(0, 0, 0, 0.3) 0 3px 3px 0;
}

.sub-menu ul {
    position: relative;
    margin: 0;
    padding: 0;
}

.sub-menu ul li {
    margin: 0;
}

.sub-menu ul li a {
    padding-bottom: 11px;
    padding-top: 11px;
    font-size: 14px;
}

.sub-menu ul li a:hover {
}

.sub-menu > li {
    width: 25%;
    float: left;
    border-left: 1px solid #e8e5e5;
}

@media only screen and (min-width: 996px) {
    .sub-menu > li {
    }

    .sub-menu > li:first-of-type {
        border-left: 0;
    }
}

.sub-menu > li ul li {
    width: 100% !important;
}

.sub-menu > li a {
    padding: 0;
    background-image: none !important;
    color: #26211E;
    font-size: 12px;
}

.sub-menu > li a:before {
    display: none;
}

.sub-menu > li a:after {
    right: 0 !important;
}

.sub-menu > li a:hover {
    color: #26211E;
}

.sub-menu > li .menu-head {
    padding-top: 13px;
    height: 115px;
}

.sub-menu > li .menu-head a {
    font-size: 16px;
    font-weight: normal;
}

.sub-menu > li .menu-head a span {
    display: block;
    margin-bottom: 20px;
}

.sub-menu > li .product-info-wrap {
    width: 100%;
    border-bottom: 1px solid #e8e5e5;
}

.sub-menu > li .product-info-wrap a {
    display: inline-block;
    vertical-align: middle;
}

.sub-menu > li .product-info-wrap:last-child {
    border-bottom: none;
}

.sub-menu > li .product-image {
    width: 78px;
    line-height: 114px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
}

.sub-menu > li .product-info {
    display: inline-block;
    vertical-align: middle;
    width: 116px;
    text-align: left;
}

.sub-menu > li .product-info a {
    text-align: left;
}

.sub-menu > li.menu-info {
    padding-left: 20px;
    padding-right: 20px;
}

.sub-menu > li.menu-info a {
    font-size: 14px;
    line-height: normal;
    font-weight: normal;
}

.sub-menu > li.menu-info a.link-green {
    color: #3D8705;
}

.sub-menu > li.menu-info a img {
    max-width: 100%;
}

.sub-menu > li.last-sub-menu {
    border-right: none;
    text-align: left;
}

.sub-menu > li.last-sub-menu a {
    text-align: right;
}

.sub-menu > li.last-sub-menu img {
    display: block;
    width: 100%;
}

.sub-menu > li.width-50 {
    width: 50%;
}

@media only screen and (max-width: 996px) {
    .sub-menu {
        top: 0;
        padding: 0 10px 8px 0;
        background: none;
        margin-left: 50px;
        width: calc(100% - 40px);
        height: 450px;
    }

    .sub-menu ul {
        width: 100%;
    }

    .sub-menu ul li {
        padding: 0;
    }

    .sub-menu ul li a {
        padding: 14px 0 14px 10px;
        font-size: 14px;
        font-weight: normal;
        color: #3D8705 !important;
        border-bottom: 1px solid #b8b8b8;
    }

    .sub-menu ul li a:hover {
        background: none;
    }

    .sub-menu ul li:hover {
        padding-left: 0;
        padding-right: 0;
    }

    .sub-menu ul li:hover a {
        color: #3D8705;
    }

    .sub-menu li {
        width: 100% !important;
        background: #ffffff;
        margin: 0 !important;
        border-right: none;
    }

    .sub-menu li a {
        text-transform: inherit;
    }

    .sub-menu li .menu-head {
        height: auto;
        padding-top: 0;
    }

    .sub-menu li .menu-head a {
        border: 0;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        padding: 10px 0 10px;
        border-bottom: 1px solid #b8b8b8;
    }
}

@media only screen and (max-width: 996px) and (max-width: 768px) {
    .sub-menu li .menu-head a {
        font-size: 12px;
    }
}

@media only screen and (max-width: 996px) {
    .sub-menu li .product-info-wrap {
        padding-top: 0 !important;
        padding-bottom: 0;
    }

    .sub-menu li .product-image {
        display: none;
    }

    .sub-menu li .product-info {
        width: 100%;
    }

    .sub-menu li.last-sub-menu {
        display: none;
        width: 100%;
    }

    .sub-menu li.last-sub-menu a {
        padding-left: 0;
        border-bottom: none;
    }

    .sub-menu li.last-sub-menu img {
        max-width: 100%;
    }

    .sub-menu li .product-info-wrap {
        border-bottom: 1px solid #b8b8b8;
    }

    .sub-menu li .product-info-wrap a {
        display: block;
        font-size: 14px;
        line-height: normal;
        border-bottom: none;
    }

    .sub-menu li .product-info-wrap a:after {
        content: "";
        background: url(../images/mobile-arrow.png) no-repeat right top;
        background-size: 12px auto;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -khtml-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 5px;
        height: 23px;
    }

    .sub-menu > li {
        padding: 0 10px;
        border-bottom: none;
    }

    .sub-menu > li.menu-info {
        padding: 0 10px;
    }

    .sub-menu > li .menu-head a span {
        margin-bottom: 0;
    }

    .sub-menu > li a {
        padding: 13px 0;
    }
}

/**
 * Header style
 */
/* Header */
.header-container {
    position: relative;
    z-index: 100;
}

.header-container .container {
    position: relative;
}

@media only screen and (max-width: 996px) {
    .header-container {
        height: 50px;
    }
}

#header {
    padding: 0;
    margin-bottom: 20px;
    width: 100%;
    float: left;
    /* controls container */
}

#header .site-branding {
    float: left;
    margin-bottom: 0 !important;
}

#header .header__fixelts {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    background: #ffffff;
}

#header .site_title {
    margin: 0;
}

#header .site_title a {
    display: block;
    text-indent: -99999px;
    width: 192px;
    height: 64px;
    color: #000000;
    position: relative;
    text-decoration: none;
}

#header .site_title a:before {
    font-size: 31px;
    position: absolute;
    top: 24px;
    left: 0;
    text-indent: 0;
}

#header a {
    cursor: pointer;
}

#header a.green-link {
    color: #3D8705;
}

@media only screen and (max-width: 996px) {
    #header {
        position: relative;
        padding-top: 0;
        padding-bottom: 6px;
    }

    #header .header__fixelts {
        height: 57px;
    }

    #header .site_title {
        margin-left: 51px;
        border-left: 1px solid #0f0f0f;
    }

    #header .site_title.logo-light {
        margin-left: 0;
    }

    #header .site_title a {
        margin-top: 4px;
        width: 130px;
        height: 40px;
    }

    #header .site_title a:before {
        font-size: 21px;
        top: 10px;
    }
}

#header .site-control {
    display: flex;
    /* controls (sign-in, basket) */
}

#header .site-control .custom-dropdown {
    margin-left: 18px;
}

#header .site-control .custom-dropdown.basket {
    float: right;
}

@media only screen and (max-width: 996px) {
    #header .site-control .custom-dropdown {
        height: 50px;
        padding: 0;
        z-index: 5;
        margin-left: 0;
    }
}

#header .drop__sign {
    position: relative;
    z-index: 20;
    float: left;
}

@media only screen and (min-width: 996px) {
    #header .drop__sign #sign__tooltip {
        position: relative;
        padding: 0 40px !important;
        z-index: 20;
    }
}


#header .drop__sign__mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}

#header .drop__sign__close {
    display: none;
}

@media only screen and (max-width: 996px) {
    #header .drop__sign__close {
        display: none;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 21;
        background: #b8b8b8;
        width: 50px;
        height: 50px;
        border: none;
    }

    #header .drop__sign__close i {
        color: #000000;
    }
}

#header .drop__sign__tooltip {
    position: absolute;
    top: 37px;
    z-index: 20;
    display: none;
    width: 100%;
    padding: 14px;
    color: #000000;
    background: white;
}

@media only screen and (max-width: 996px) {
    #header .drop__sign__tooltip {
        top: 50px;
        right: -50px;
        width: 260px;
    }

    #header .drop__sign__tooltip .input-group {
        margin: 0;
    }
}

#header .drop__sign__tooltip .input-group .form-control::-moz-placeholder {
    color: #656565;
    opacity: 1;
}

#header .drop__sign__tooltip .input-group .form-control:-ms-input-placeholder {
    color: #656565;
}

#header .drop__sign__tooltip .input-group .form-control::-webkit-input-placeholder {
    color: #656565;
}

@media only screen and (max-width: 768px) {
    #header .drop__sign__tooltip .input-group .form-control::-moz-placeholder {
        color: transparent;
        opacity: 1;
    }

    #header .drop__sign__tooltip .input-group .form-control:-ms-input-placeholder {
        color: transparent;
    }

    #header .drop__sign__tooltip .input-group .form-control::-webkit-input-placeholder {
        color: transparent;
    }
}

#header .drop__sign__tooltip hr {
    border: none;
    border-bottom: 1px solid #e8e5e5;
    margin: 20px 0;
}

#header .drop__sign__tooltip .btn {
    text-align: center;
    display: block;
    padding: 0 10px;
}

#header .drop__sign__tooltip p, #header .drop__sign__tooltip .is-dirty {
    margin: 10px 0 20px;
}

#header .drop__sign__title {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.banner {
    position: relative;
    overflow: hidden;
    height: 114px;
    width: 100%;
    text-align: center;
    background: black;
}

.banner img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.new-banner {
    margin: 0 auto;
    text-align: center;
    background: black;
}

.new-banner img {
    height: auto;
    margin: 0 auto;
}

.mobile-banner-img {
    display: none;
}

@media only screen and (max-width: 768px) {
    .web-banner-img {
        display: none;
    }

    .mobile-banner-img {
        display: block;
    }
}


.machine__poc--banner {
    position: relative;
    overflow: hidden;
    height: 114px;
    text-align: center;
    background: #9ccfb0;
}

.machine__poc--banner img {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -khtml-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.machine__poc--wrapper {
    position: relative;
    margin: auto;
    max-width: 996px;
    height: 100%;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.machine__poc--visual-1 {
    position: absolute;
    top: 0;
    right: 40%;
    margin-right: -180px;
    min-height: 600px;
    transform: translateY(0);
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    .machine__poc--visual-1 {
        position: relative;
        min-height: 0;
        right: 60%;
        width: 160%;
    }
}

.machine__poc--visual-2 {
    position: absolute;
    top: 0;
    left: 60%;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

@media only screen and (max-width: 768px) {
    .machine__poc--visual-2 {
        position: static;
        width: 100%;
    }
}

.machine__poc--container {
    position: relative;
    overflow: hidden;
    height: 600px;
    background: white;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

@media only screen and (max-width: 768px) {
    .machine__poc--container {
        height: auto;
    }
}

.machine__poc--container.active {
    height: calc(100vh - 79px);
}

@media only screen and (max-width: 768px) {
    .machine__poc--container.active {
        min-height: calc(100vh - 50px);
    }
}

.machine__poc--container.active .machine__poc--wrapper {
    max-width: 100%;
}

.machine__poc--container.active .machine__poc--visual-1 {
    top: 50%;
    right: 0;
    margin-right: 0;
    min-height: calc(100vh - 79px);
    transform: translateY(-50%);
}

@media only screen and (max-width: 768px) {
    .machine__poc--container.active .machine__poc--visual-1 {
        min-height: calc(100vh - 50px);
        transform: translate(-65%, -50%);
        width: auto;
        left: 40%;
    }
}

.machine__poc--container.active .machine__poc--visual-2 {
    opacity: 0;
}

#footer {
    clear: both;
}

@media only screen and (max-width: 767px) {
    #footer {
        padding: 0;
    }
}

#footer h3 {
    margin: auto;
    padding: 20px 0;
    width: 300px;
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

#footer h3 i {
    display: none;
    font-size: 35px;
    line-height: 35px;
    vertical-align: top;
}

#footer .footer__list-table {
    display: table;
    table-layout: fixed;
    padding: 0;
    margin: 0 0 40px;
    width: 100%;
    list-style: none;
}

#footer .footer__list-table li {
    display: table-cell;
    vertical-align: top;
    padding: 20px;
    border-left: 1px solid rgba(255, 255, 255, 0.3);
}

#footer .footer__list-table li:first-child {
    border: none;
}

#footer .footer__list-table li > i {
    display: table-cell;
    vertical-align: top;
    font-size: 24px;
    padding-right: 10px;
}

#footer .footer__list-table li > i + p {
    display: table-cell;
}

#footer .footer__list-table li p {
    vertical-align: top;
    margin-bottom: 20px;
    color: #000000;
}

#footer .footer__list-table__title {
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
}

#footer .footer__bar {

    padding: 10px 20px;
}

@media only screen and (max-width: 767px) {
    #footer .footer__bar {
        padding: 20px;
    }
}

#footer .footer__bar__links {
    margin: 5px 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
    color:#000000
    /*float: right;*/
}

#footer .footer__bar__links li {
    display: inline-block;
}

#footer .footer__bar__links li:first-child a {
    border: none;
}

#footer .footer__bar__links li a {
    color: #000000;
    padding: 0 10px;
    letter-spacing: 0.06em;
    text-decoration: none;
    text-transform: uppercase;
    border-left: 1px solid white;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -webkit-opacity: 0.7;
    -khtml-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
}

#footer .footer__bar__links li a:hover, #footer .footer__bar__links li a:active, #footer .footer__bar__links li a:focus {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    text-decoration: underline;
}

#footer .footer__bar a.lang {
    display: inline-block;
    vertical-align: top;
}

#footer .footer__bar a.lang span {
    display: block;
    height: 40px;
    width: 40px;
}

#footer .footer__bar a.lang span.lang-en {
    background: url("../images/countries/us.png") no-repeat left center;
}

#footer .footer__bar a.lang span.lang-fr {
    background: url("../images/countries/fr.png") no-repeat left center;
}

#footer .footer__bar a.lang span.lang-it {
    background: url("../images/countries/it.png") no-repeat left center;
}

@media only screen and (max-width: 996px) {
    #footer .footer__bar a.lang {
        display: none;
    }
}

#footer .footer__bar .dropdown {
    width: auto;
    margin-bottom: 0;
    background: transparent;
}

#footer .footer__bar .dropdown .btn.btn-primary {
    color: white;
}

#footer .footer__bar .dropdown label > span {
    position: absolute;
    left: 10px;
    top: 6px;
    display: inline-block;
    width: 24px;
    height: 25px;
}

#footer .footer__bar .dropdown label > span.lang-en {
    background: url("../images/countries/us.png") no-repeat center center;
}

#footer .footer__bar .dropdown label > span.lang-fr {
    background: url("../images/countries/fr.png") no-repeat center center;
}

#footer .footer__bar .dropdown label > span.lang-it {
    background: url("../images/countries/it.png") no-repeat center center;
}

#footer .footer__share {
    /*margin-bottom: 40px;*/
    padding: 10px 20px;
    color: #bcbcbc;
    text-align: center;
    letter-spacing: 0.06em;
}

#footer .footer__share span {
    font-size: 14px;
    line-height: 20px;
}

#footer .footer__share span.pull-right {
    text-transform: uppercase;
    font-size: 10px;
}

#footer .footer__share span.pull-right a {
    margin-right: 10px;
    color: #bcbcbc;
    text-decoration: none;
}

#footer .footer__share > a {
    color: white;
    text-decoration: none;
}

#footer .footer__share > a i {
    position: relative;
    top: 2px;
    margin-left: 10px;
    font-size: 14px;
}

#footer .footer__share ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer .footer__share ul li {
    display: inline-block;
}

#footer .footer__share ul li a {
    color: #bcbcbc;
    padding: 0 8px;
    line-height: 20px;
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
    #footer h3 {
        width: 100%;
        border: none;
        font-size: 24px;
        text-align: left;
        line-height: 35px;
        vertical-align: top;
    }

    #footer h3.active i {
        line-height: 32px;
    }

    #footer h3.active i:before {
        content: "";
    }

    #footer h3 i {
        position: relative;
        margin-left: 20px;
        display: inline-block;
        width: 24px;
        font-size: 16px;
        line-height: 34px;
        text-align: center;
    }

    #footer h3 i:after {
        content: '';
        display: block;
        position: absolute;
        left: -1px;
        top: 5px;
        width: 24px;
        height: 24px;
        border: 1px solid white;
        -webkit-border-radius: 100%;
        -khtml-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
    }

    #footer .footer__list-table {
        display: none;
        overflow: hidden;
    }

    #footer .footer__list-table li {
        display: block;
        border: none;
        padding: 0 20px;
    }

    #footer .footer__list-table li p {
        margin: 0;
    }

    #footer .footer__list-table__title {
        margin-top: 20px;
        margin-bottom: 0;
    }

    #footer .footer__bar__links {
        float: none;
    }

    #footer .footer__bar__links li {
        display: block;
    }

    #footer .footer__bar__links li a {
        display: block;
        padding: 6px 0;
        border: none;
    }

    #footer .footer__share {
        padding: 20px;
        text-align: left;
    }

    #footer .footer__share > * {
        float: none !important;
        display: block;
        margin-bottom: 20px;
        width: 100%;
    }

    #footer .footer__share ul {
        margin: -10px auto 20px;
        text-align: center;
    }

    #footer .footer__share ul li a {
        font-size: 24px;
    }
}

.featherlight {
    overflow-x: hidden;
}

.featherlight .featherlight-content {
    color: #000000;
    border-bottom: none;
    padding: 0px 10px;
    font-size: 1.1em;
    max-width: 768px;
    max-height: 100%;
    overflow-x: hidden;
}

@media (max-width: 996px) {
    .featherlight .featherlight-content {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.featherlight .featherlight-content #content {
    padding-bottom: 0;
}

.featherlight .featherlight-content #content .checkbox input {
    margin-top: 5px;
}

.featherlight .featherlight-close-icon {
    background: none;
    color: black;
    cursor: pointer;
    font-family: Arial, sans-serif;
    line-height: 37px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    z-index: 9999;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    border: 1px solid #000;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    font-size: 16px;
}

.featherlight .featherlight-close-icon:hover, .featherlight .featherlight-close-icon:focus, .featherlight .featherlight-close-icon:active {
    font-size: 20px;
    font-weight: bold;
}

.lightbox {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
}

.lightbox:before {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: black;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: opacity 0.4s 0.3s ease-in-out;
    -khtml-transition: opacity 0.4s 0.3s ease-in-out;
    -moz-transition: opacity 0.4s 0.3s ease-in-out;
    -ms-transition: opacity 0.4s 0.3s ease-in-out;
    -o-transition: opacity 0.4s 0.3s ease-in-out;
    transition: opacity 0.4s 0.3s ease-in-out;
}

.lightbox__wrapper {
    position: absolute;
    top: 40%;
    left: 50%;
    z-index: 20;
    display: table;
    background: white;
    -webkit-transform: translate3D(-50%, -50%, 0);
    -khtml-transform: translate3D(-50%, -50%, 0);
    -moz-transform: translate3D(-50%, -50%, 0);
    -ms-transform: translate3D(-50%, -50%, 0);
    -o-transform: translate3D(-50%, -50%, 0);
    transform: translate3D(-50%, -50%, 0);
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 20px 40px 0;
    -khtml-box-shadow: rgba(0, 0, 0, 0.5) 0 20px 40px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 20px 40px 0;
    -ms-box-shadow: rgba(0, 0, 0, 0.5) 0 20px 40px 0;
    -o-box-shadow: rgba(0, 0, 0, 0.5) 0 20px 40px 0;
    box-shadow: rgba(0, 0, 0, 0.5) 0 20px 40px 0;
    width: 90%;
    max-width: 996px;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.lightbox__visual {
    width: 34%;
    height: 100%;
    background: #d8d8d8;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.lightbox__visual img {
    width: 100%;
}

.lightbox__content {
    display: table-cell;
    position: relative;
    padding: 60px;
}

.lightbox__content .btn {
    margin-right: 50px;
}

.lightbox__title {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #000000;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 36px;
}

.lightbox__description {
    font-size: 14px;
    color: #757575;
    letter-spacing: 1.5px;
    line-height: 24px;
    margin-bottom: 50px;
}

.lightbox__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    display: block;
}

.lightbox__close:before {
    position: absolute;
    top: 14px;
    left: 5px;
    display: block;
    content: '';
    width: 20px;
    height: 2px;
    background: black;
    -webkit-transform: rotate(-45deg);
    -khtml-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
}

.lightbox__close:after {
    position: absolute;
    top: 14px;
    left: 5px;
    display: block;
    content: '';
    width: 20px;
    height: 2px;
    background: black;
    -webkit-transform: rotate(45deg);
    -khtml-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
}

.lightbox--active:before {
    filter: alpha(opacity=80);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-opacity: 0.8;
    -khtml-opacity: 0.8;
    -moz-opacity: 0.8;
    -ms-opacity: 0.8;
    -o-opacity: 0.8;
    opacity: 0.8;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.lightbox--active .lightbox__wrapper {
    top: 50%;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    -webkit-transition: all 0.4s 0.3s ease-in-out;
    -khtml-transition: all 0.4s 0.3s ease-in-out;
    -moz-transition: all 0.4s 0.3s ease-in-out;
    -ms-transition: all 0.4s 0.3s ease-in-out;
    -o-transition: all 0.4s 0.3s ease-in-out;
    transition: all 0.4s 0.3s ease-in-out;
}

@media screen and (max-width: 769px) {
    .lightbox .lightbox__wrapper {
        display: block;
    }

    .lightbox .lightbox__visual {
        display: block;
        width: 100%;
        min-height: 20vh;
    }

    .lightbox .lightbox__content {
        display: block;
        padding: 30px;
        text-align: center;
    }

    .lightbox .lightbox__title {
        text-align: left;
        margin-bottom: 26px;
    }

    .lightbox .lightbox__description {
        text-align: left;
        margin-bottom: 26px;
    }

    .lightbox .lightbox__close {
        top: 10px;
        right: 10px;
    }

    .lightbox .btn {
        margin: 0 0 26px;
        width: 100%;
    }
}

#qty-selector-content {
    position: absolute;
    top: -310px;
    margin-left: 152px;
}

.qty-selector {
    width: 212px;
    /*height: 185px;*/
    background-color: #F9F9F9;
    color: #26211E;
    font-size: 12px;
    line-height: normal;
    position: absolute;
    /*top: 0;*/
    top: 115px;
    left: -143px;
    padding: 10px;
    border: 1px solid #b8b8b8;
    z-index: 5;
    border-radius: 3px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    -khtml-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
}

.qty-selector .qty-selection {
    position: relative;
    float: left;
    width: 38px;
    height: 35px;
    text-align: center;
    padding-top: 10px;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    font-weight: normal;
}

.qty-selector .qty-selection.qty-nopad {
    border-left: 0;
}

.qty-selector .qty-selection.active {
    color: white;
    background: #000000;
}

.qty-selector .qty-selection:before {
    position: absolute;
    top: 3px;
    left: 3px;
    display: block;
    content: '';
    border: 1px solid transparent;
    height: 27px;
    width: 30px;
    background: transparent;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -khtml-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.qty-selector .qty-selection:hover {
    color: #000000;
}

.qty-selector .qty-selection.active:hover {
    color: #fff;
}

.qty-selector .qty-selection:hover:before {
    border-color: #000000;
}

.qty-selector .qty-input {
    margin-top: 15px;
    float: left;
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    text-align: right;
}

.qty-selector .qty-input-custom {
    border: 1px solid #cccccc;
    border-right: 0;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0.05em;
    width: 147px;
    background-color: #ffffff;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-align: left;
    font-weight: normal;
    float: left;
    border-radius: 3px 0 0 3px;
}

.qty-selector .qty-input-custom:active, .qty-selector .qty-input-custom:focus {
    border-color: #000000;
}

.qty-selector .qty-input-submit,
.qty-selector .qty-input-submit:hover {
    border: 0;
    background-color: #3D8705;
    color: #ffffff;
    float: left;
    width: 43px;
    height: 40px;
    text-align: center;
    border-radius: 0 3px 3px 0;
    padding: 0 !important;
    text-align: center;
}

.qty-selector:after {
    content: '';
    background: url(../images/chevron-bottom-qty-selector.png) no-repeat;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 19px;
    height: 10px;
}

.container-best-sellers .qty-selector {
    left: -310px;
}

@media (max-width: 448px) {
    .qty-selector {
        left: -198px;
    }
}

.direction-bottom {
    bottom: -15px;
    top: initial !important;
}

.direction-bottom .qty-selector:after {
    content: '';
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    -webkit-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
}

.direction-left {
    bottom: initial;
    top: 50% !important;
    margin-left: 0 !important;
    margin-top: -88px;
    left: -110px;
}

.direction-left .qty-selector:after {
    content: '';
    position: absolute;
    top: 50%;
    left: initial;
    margin-left: 0;
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
    zoom: 1;
    zoom: 1;
    right: -14px;
    margin-top: -5px;
}

.btn.btn-icon .product-qty + i,
.btn.btn-icon-right .product-qty + i {
    font-size: 6px;
    font-weight: bold;
}

.btn-bottom-right {
    position: absolute !important;
    bottom: 0;
    right: 0;
}

.mr-right-30 {
    margin-right: 30px !important;
}

.product-qty span.qty {
    display: block;
    /*
  font-size: 12px;
  padding: 10px;
  min-width: 38px;
  line-height: 19px;
  display: block;
  overflow: visible;
  */
}

.product-qty .product-qty-select {
    position: absolute;
    overflow: visible;
    top: 0;
    background: transparent;
    line-height: 1;
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 100%;
    -webkit-appearance: none;
    font-size: 12px;
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
    text-align-last: center;
    display: none;
    margin: 0 auto;
    opacity: 0;
    -webkit-appearance: none;
    -khtml-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

@media only screen and (max-width: 768px) {
    .product-qty .product-qty-select {
        display: block;
        left: 0;
        z-index: 10;
    }
}

.product-qty .product-qty-select:focus {
    outline: none;
}

.product-qty .product-qty-select:focus::-ms-value {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.4);
}

.product-qty .product-qty-select::-ms-expand {
    display: none;
}

.product-qty .product-qty-select:-moz-focusring {
    text-shadow: 0 0 0 #000;
}

.product-qty .product-qty-select option {
    background-color: #ffffff;
    color: #000000;
    text-align: center;
}

ul.recommended-products {
    background-color: #b8b8b8;
    padding: 20px 0;
    margin-top: 0;
    list-style: none;
}

ul.recommended-products .content-info {
    background-color: transparent;
    position: absolute;
    padding: 0 15px;
    bottom: 0;
    height: 70px;
    left: 0;
    width: 100%;
}

ul.recommended-products .pro-info {
    color: #26211E;
    /*position: absolute;*/
    font-weight: bold;
    text-align: center;
    /*  left: 15px;
    bottom: 15px;
    right: 70px;*/
}

ul.recommended-products .pro-info a strong {
    color: #26211E;
}

ul.recommended-products .pro-info a:hover {
    text-decoration: none;
}

ul.recommended-products .container-btn {
    float: right;
    margin-left: 5px;
    position: absolute;
    right: 15px;
    bottom: 12px;
    -webkit-transition: all 0.3s ease;
    -khtml-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.recommended-products .container-btn.click {
    margin-left: 27px;
    width: 29px;
}

ul.recommended-products .pro-title,
ul.recommended-products .pro-price {
    display: block;
    font-size: 12px;
}

ul.recommended-products .pro-title {
    padding: 0 0 4px 0;
}

ul.recommended-products .pro-price {
    color: #986F38;
    font-weight: 900;
}

ul.recommended-products li {
    text-align: center;
    padding-bottom: 80px;
    padding-top: 20px;
    border-left: 1px solid #e8e5e5;
    height: 220px;
}

ul.recommended-products li:nth-child(1) {
    border-left: 0;
}

@media screen and (max-width: 767px) {
    ul.recommended-products li:nth-child(1), ul.recommended-products li:nth-child(2) {
        border-bottom: 1px solid #e8e5e5;
    }

    ul.recommended-products li:nth-child(2n + 1) {
        border-left: 0;
        padding-left: 0;
    }

    ul.recommended-products li:nth-child(2n + 1) .pro-info {
        left: 0;
    }

    ul.recommended-products li:nth-child(2n) {
        padding-right: 0;
    }

    ul.recommended-products li:nth-child(2n) .container-btn {
        right: 0;
    }

    ul.recommended-products li .content-info {
        bottom: 10px;
    }
}

ul.recommended-products li figure {
    display: block;
    text-align: center;
}

ul.recommended-products li figure img {
    margin: 0 auto;
    max-height: 107px;
}

ul.recommended-products li .thumb-section {
    height: 107px;
}

.shop-online-heading {
    text-align: center;
    margin: 0 -10px;
    padding: 20px;
    background-color: #ffffff;
    color: #000000;
}

.shop-online-heading > span {
    display: block;
    padding: 15px;
    font-size: 16px;
    text-transform: uppercase;
    padding-top: 0;
    font-weight: bold;
    letter-spacing: 0.08em;
}

@media only screen and (max-width: 769px) {
    .shop-online-heading > span {
        display: inline-block;
        position: relative;
        padding-right: 50px;
    }
}

@media (max-width: 480px) {
    .shop-online-heading .btn {
        width: calc(100% - 39px);
    }
}

.contactus .contactus-title {
    position: relative;
    margin-bottom: 20px;
    color: #ffffff;
}

.contactus .contactus-title h1 {
    letter-spacing: 0.1em;
    margin-top: 0;
}

.contactus .contactus-heading {
    color: #000000;
    padding-top: 20px;
    padding-bottom: 20px;
}

.contactus .contactus-subtitle {
    font-weight: bold;
    color: #000000;
    padding-top: 20px;
    padding-bottom: 40px;
    letter-spacing: 0.05em;
}

.contactus .contactus-main {
    background-color: #ffffff;
}

.contactus .contactus-main .contactus-icon-message {
    font-size: 38px;
    float: right;
    display: block;
    color: #000000;
    margin-top: 15px;
    margin-right: 10px;
}

.contactus .contactus-main hr {
    width: 100%;
    clear: both;
}

.contactus .contactus-main .contactus-form-second-part {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

@media only screen and (min-width: 997px) {
    .contactus .contactus-main .contactus-form-second-part-full .contactus-form-field label.desktop-label {
        width: 195px;
    }

    .contactus .contactus-main .contactus-form-second-part-full .contactus-form-field input, .contactus .contactus-main .contactus-form-second-part-full .contactus-form-field textarea {
        width: 701px;
    }

    .contactus .contactus-main .contactus-form-second-part-full .contactus-radiobutton label.desktop-label {
        width: 195px;
    }
}

.contactus .contactus-main .contactus-radiobutton .icon, .contactus .contactus-main .contactus-radiobutton .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .contactus .contactus-main .contactus-radiobutton i:before, .contactus .contactus-main .contactus-radiobutton #header .site_title a:before, #header .site_title .contactus .contactus-main .contactus-radiobutton a:before, .contactus .contactus-main .contactus-radiobutton .slocator .slocator-locations__details-action:before, .slocator .contactus .contactus-main .contactus-radiobutton .slocator-locations__details-action:before {
    font-size: 16px;
}

.contactus .contactus-main textarea {
    height: 200px;
}

.contactus .contactus-form-sending {
    background-color: #cccccc;
    padding-top: 20px;
    padding-bottom: 20px;
}

.contactus .contactus-form-footer {
    color: #000000;
    text-align: left;
}

@media only screen and (max-width: 768px) {
    .contactus .contactus-form-footer {
        margin-bottom: 15px;
    }
}

.contactus .contactus-form-button {
    text-align: right;
}

.customer-services .customer-services-title {
    position: relative;
    margin-bottom: 20px;
    color: #ffffff;
}

.customer-services .customer-services-title h1 {
    letter-spacing: 0.1em;
    margin-top: 0;
}

.customer-services .customer-services-heading {
    color: #000000;
    padding-top: 20px;
    padding-bottom: 20px;
}

.customer-services .customer-services-main {
    background-color: #ffffff;
}

.customer-services .customer-services-main .customer-services-bloc {
    color: #000000;
    text-align: center;
    margin-bottom: 30px;
}

.customer-services .customer-services-main .customer-services-bloc .customer-services-bloc-content {
    background-color: #f4f4f4;
    padding: 30px;
    height: 275px;
    overflow: hidden;
    position: relative;
}

.customer-services .customer-services-main .customer-services-bloc .icon-title {
    font-size: 40px;
    margin: 10px;
}

.customer-services .customer-services-main .customer-services-bloc h3 {
    font-size: 16px;
    letter-spacing: 0.07em;
    margin-top: 30px;
    height: 50px;
    line-height: 18px;
}

.customer-services .customer-services-main .customer-services-bloc span.customer-services-bloc-description {
    display: block;
    padding: 0 30px;
}

.customer-services .customer-services-main .customer-services-bloc a.link-btn {
    display: block;
    text-align: center;
    bottom: 30px;
    position: absolute;
    width: 100%;
    margin-left: -30px;
}

.welcome-offer .welcome-offer-title {
    position: relative;
    margin-bottom: 20px;
    color: #ffffff;
    width: 100%;
    text-align: center;
}

.welcome-offer .welcome-offer-title h1 {
    letter-spacing: 0.1em;
    margin-top: 0;
    text-transform: uppercase;
}

.welcome-offer .welcome-offer-main {
    margin-bottom: 60px;
}

.welcome-offer .welcome-offer-main .welcome-offer-bloc {
    text-align: center;
    padding: 0 60px;
    padding-top: 0;
    margin-top: 30px;
}

@media only screen and (max-width: 480px) {
    .welcome-offer .welcome-offer-main .welcome-offer-bloc {
        padding: 0 30px;
    }
}

.welcome-offer .welcome-offer-main .welcome-offer-bloc.welcome-offer-delimiter {
    border-left: 1px solid #656565;
}

.welcome-offer .welcome-offer-main .welcome-offer-bloc .welcome-offer-hilight {
    color: #986F38;
}

.welcome-offer .welcome-offer-main .welcome-offer-bloc img.welcome-offer-cover-card {
    display: block;
    margin: 0 auto;
    max-height: 180px;
    margin-top: 15px;
}

@media only screen and (max-width: 480px) {
    .welcome-offer .welcome-offer-main .welcome-offer-bloc img.welcome-offer-cover-card {
        width: 100%;
    }
}

.welcome-offer .welcome-offer-main .welcome-offer-selector {
    display: block;
    width: 180px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.welcome-offer .welcome-offer-main .welcome-offer-selector .welcome-offer-selector-value {
    background-color: #ffffff;
    border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    color: #000000;
    text-align: center;
    line-height: 40px;
    height: 40px;
    float: left;
    width: 98px;
    font-weight: bold;
}

.welcome-offer .welcome-offer-main .welcome-offer-selector .welcome-offer-selector-down, .welcome-offer .welcome-offer-main .welcome-offer-selector .welcome-offer-selector-up {
    cursor: pointer;
    background-color: #545454;
    color: #ffffff;
    text-align: center;
    line-height: 40px;
    width: 40px;
    display: block;
    float: left;
}

.welcome-offer .welcome-offer-main .welcome-offer-selector-details {
    display: block;
    width: 230px;
    margin: 0 auto;
    color: #d5d5d5;
    margin-bottom: 30px;
}

.slocator .slocator-title {
    position: relative;
    margin-bottom: 20px;
    color: #ffffff;
}

.slocator .slocator-title h1 {
    letter-spacing: 0.1em;
    margin-top: 0;
}

.slocator .slocator-main {
    background-color: #ffffff;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-main {
        background-color: transparent;
    }
}

.slocator .slocator-main .slocator-search {
    height: 500px;
    position: relative;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-main .slocator-search {
        height: auto;
    }
}

.slocator .slocator-main .slocator-search__input, .slocator .slocator-main .slocator-search label {
    text-transform: uppercase;
    letter-spacing: 1px;
}

.slocator .slocator-main .slocator-search__fake-submit {
    z-index: 1;
    font-size: 20px;
    color: #000000;
    position: absolute;
    top: 15px;
    left: 15px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-main .slocator-search__fake-submit {
        top: 9px;
        left: 9px;
    }
}

.slocator .slocator-main .slocator-search__group {
    display: inline-block;
    margin-top: 15px;
    height: 20px;
    position: relative;
    z-index: 0;
    width: 100%;
    margin-left: 40px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-main .slocator-search__group {
        margin: 0;
        padding-left: 40px;
        background-color: #ffffff;
        height: 37px;
        line-height: 37px;
    }
}

.slocator .slocator-main .slocator-search__input {
    width: 100%;
    line-height: 20px;
    border: none;
    background: transparent;
    color: #000000;
}

.slocator .slocator-main .slocator-search label {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    line-height: 20px;
    text-align: left;
    padding: 0;
    color: #000000;
    margin: 0;
    display: none;
}

.slocator .slocator-menu {
    border-bottom: solid 1px #000000;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-menu {
        border: none;
    }
}

.slocator .slocator-stores__list {
    list-style: none;
    margin: 0;
}

@media (max-width: 996px) {
    .slocator .slocator-stores__list {
        display: none;
    }
}

.slocator .slocator-stores__select {
    display: none;
}

.slocator .slocator-stores__select .current {
    text-transform: uppercase;
}

.slocator .slocator-stores__select .dropdown {
    margin-bottom: 0;
}

@media (max-width: 996px) {
    .slocator .slocator-stores__select {
        display: block;
        position: relative;
        padding: 0;
        margin: 0;
    }
}

.slocator .slocator-stores, .slocator .slocator-stores a {
    color: #000000;
    font-weight: 700;
}

.slocator .slocator-stores a {
    font-size: 13px;
    text-decoration: none;
    display: table;
    padding: 0 50px 0 10px;
    height: 50px;
    width: 100%;
    background-color: #ffffff;
}

.slocator .slocator-stores a:hover {
    background-color: #ffffff;
}

.slocator .slocator-stores__element {
    display: table;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-stores__element {
        width: 100%;
    }
}

.slocator .slocator-stores__element--desactivated, .slocator .slocator-stores__element--desactivated a {
    color: #656565;
}

.slocator .slocator-stores__element--desactivated a {
    background-color: #f9f9f9;
}

.slocator .slocator-stores__icon {
    font-size: 30px;
    width: 50px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.slocator .slocator-stores__store {
    display: table-cell;
    vertical-align: middle;
}

.slocator .slocator-results {
    height: 1250px;
    color: #000000;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-results {
        height: auto;
    }
}

.slocator .slocator-switchers {
    display: none;
}

.slocator .slocator-switchers__tab {
    background-color: #000000;
    height: 75px;
    color: #ffffff;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
}

.slocator .slocator-switchers__tab.active {
    background-color: #ffffff;
    color: #000000;
}

.slocator .slocator-switchers__icon {
    font-size: 20px;
    vertical-align: middle;
    padding-right: 10px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-switchers__view {
        height: 0 !important;
        overflow: hidden !important;
    }

    .slocator .slocator-switchers__view.active {
        height: auto !important;
    }
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-switchers {
        display: table;
        width: 100%;
    }
}

.slocator .slocator-filters {
    height: 100px;
    position: relative;
    padding: 15px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-filters {
        padding: 0;
        color: #ffffff;
    }
}

.slocator .slocator-filters__title {
    margin-top: 0;
    color: #000000;
}

.slocator .slocator-filters__list {
    padding: 0;
    margin: 0;
    list-style: none;
    text-transform: uppercase;
}

.slocator .slocator-filters__filter .icon, .slocator .slocator-filters__filter .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .slocator .slocator-filters__filter i:before, .slocator .slocator-filters__filter #header .site_title a:before, #header .site_title .slocator .slocator-filters__filter a:before, .slocator .slocator-filters__filter .slocator-locations__details-action:before {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 10px;
    display: none;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-filters__filter .icon, .slocator .slocator-filters__filter .product-list-item .product-text .product-description .cupsize i:before, .product-list-item .product-text .product-description .cupsize .slocator .slocator-filters__filter i:before, .slocator .slocator-filters__filter #header .site_title a:before, #header .site_title .slocator .slocator-filters__filter a:before, .slocator .slocator-filters__filter .slocator-locations__details-action:before {
        display: inline-block;
    }
}

.slocator .slocator-filters__checkbox {
    margin-right: 20px;
    border: solid 1px #000000;
    vertical-align: middle;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-filters__checkbox {
        margin-right: 10px;
    }
}

.slocator .slocator-filters:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 11px;
    right: 11px;
    height: 1px;
    background-color: #000000;
    margin: 0 auto;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-filters:after {
        display: none;
    }
}

.slocator .slocator-locations {
    width: 100%;
    margin: 0;
    height: 550px;
    padding: 0;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-locations {
        height: auto;
    }
}

.slocator .slocator-locations__element {
    background-color: #f9f9f9;
    display: block;
    color: #656565;
    padding: 20px 20px 20px 50px;
    cursor: pointer;
    min-height: 100px;
    position: relative;
    -webkit-transition: background-color, color 0.2s ease-in-out;
    -khtml-transition: background-color, color 0.2s ease-in-out;
    -moz-transition: background-color, color 0.2s ease-in-out;
    -ms-transition: background-color, color 0.2s ease-in-out;
    -o-transition: background-color, color 0.2s ease-in-out;
    transition: background-color, color 0.2s ease-in-out;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-locations__element {
        color: #000000;
    }
}

.slocator .slocator-locations__element:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 11px;
    right: 11px;
    height: 1px;
    background-color: #d5d5d5;
    margin: 0 auto;
}

.slocator .slocator-locations__element:hover {
    background-color: #ffffff;
    color: #000000;
}

.slocator .slocator-locations__element--active {
    color: #000000;
}

.slocator .slocator-locations__element--active .slocator-locations__icon {
    color: #986F38;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__element--active .slocator-locations__icon {
        color: #000000;
    }
}

.slocator .slocator-locations__title {
    display: block;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__title {
        font-size: 15px;
        text-transform: uppercase;
    }
}

.slocator .slocator-locations__line-text {
    display: block;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__line-text {
        font-size: 15px;
    }
}

.slocator .slocator-locations__text-content {
    position: relative;
}

.slocator .slocator-locations__icon {
    position: absolute;
    left: 10px;
    font-size: 25px;
}

.slocator .slocator-locations__icon-recycled {
    margin-top: 20px;
    font-size: 15px;
    display: block;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__icon-recycled {
        position: absolute;
        right: 10px;
        top: 0;
    }
}

.slocator .slocator-locations__details {
    font-size: 14px;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__details.active .slocator-locations__details-view {
        display: block;
    }
}

.slocator .slocator-locations__details-action {
    display: none;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 20px;
    padding-bottom: 10px;
    cursor: pointer;
    vertical-align: middle;
    line-height: 25px;
}

.slocator .slocator-locations__details-action:before {
    display: inline-block;
    font-size: 25px;
    vertical-align: middle;
    width: 30px;
}

@media (max-width: 996px) {
    .slocator .slocator-locations__details-action {
        display: block;
    }
}

.slocator .slocator-locations__details-icon {
    font-size: 20px;
    vertical-align: middle;
    padding-right: 10px;
}

.slocator .slocator-locations__details-view {
    display: none;
}

.slocator .slocator-locations__details-view .slocator-popup__title {
    margin-top: 10px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-section-title {
        color: #ffffff;
        text-transform: uppercase;
        margin-top: 30px;
    }
}

.slocator .slocator-map {
    position: relative;
}

.slocator .slocator-map #slocator-map {
    height: 650px;
    width: 100%;
}

.slocator .slocator-map .slocator-popup {
    position: absolute;
    bottom: 0;
    left: 0;
}

.slocator .slocator-map .slocator-geolocate-me {
    cursor: pointer;
    background-color: #d4d4d4;
    display: block;
    padding: 8px 8px 7px;
    margin: 0 10px;
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 1;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-map .slocator-geolocate-me {
        float: left;
    }
}

.slocator .slocator-popup {
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    padding: 20px;
    width: 100%;
    font-size: 10px;
}

.slocator .slocator-popup__title {
    text-transform: uppercase;
    border-bottom: solid 1px #ffffff;
    margin: 0 0 5px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-popup__title {
        font-size: 14px;
    }
}

.slocator .slocator-popup__hours-line {
    display: table;
    width: 100%;
    font-size: 10px;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-popup__hours-line {
        font-size: 14px;
    }
}

.slocator .slocator-popup__hours-day {
    display: table-cell;
}

.slocator .slocator-popup__hours-time {
    padding-left: 10px;
    display: table-cell;
    text-align: right;
}

.slocator .slocator-popup__hours-info {
    margin-top: 20px;
}

.slocator .slocator-popup__link {
    color: #000000;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    margin-top: 20px;
    font-weight: 700;
}

.slocator .slocator-popup__location-title {
    display: block;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: 700;
}

.slocator .slocator-popup__location-content {
    padding-left: 50px;
    margin-bottom: -1px;
}

.slocator .slocator-popup__location-line {
    display: block;
}

.slocator .slocator-popup__location-icon-recycled {
    margin-top: 20px;
    font-size: 15px;
    display: block;
}

@media only screen and (max-width: 996px) {
    .slocator .slocator-popup__location-icon-recycled {
        margin-top: 0;
    }
}

html, body {
    height: 100%;
}

body {
    background-color: #000000;
    font-size: 12px;
    color: #ffffff;
}

body.no-scroll {
    overflow: hidden;
}

body.fixed, body.nav-fixed {
    overflow: hidden;
    width: 100%;
    position: fixed;
    overflow-y: scroll;
}

body.dyslexia {
    font-family: 'dyslexia' !important;
}

body :focus {
    outline: 0 none;
}

body.keyboard-navigation:not(#main-accessibility) :focus {
    outline: #3D8705 solid 1px !important;
}

/* Box sizing */
* {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: border-box;
}

#wrapper {
    width: 100%;
    position: relative;
}

@media only screen and (max-width: 996px) {
    #wrapper {
        overflow: hidden;
    }
}

#main-accessibility {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 16px;
    background: #3D8705;
    z-index: 100;
    color: #ffffff;
}

#main-accessibility a {
    color: #ffffff;
    text-decoration: none;
    padding: 5px 20px 5px 15px;
    margin: 15px 0;
    display: block;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
    outline: 0;
}

#main-accessibility a:after {
    content: "";
    background: url(../images/mobile-arrow-white.png) no-repeat right top;
    background-size: 12px auto;
    width: 8px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 5px;
}

#main-accessibility a:focus {
    clip: rect(auto, auto, auto, auto);
    height: inherit;
    margin: inherit;
    overflow: inherit;
    position: static;
    width: inherit;
}

#main-accessibility ul {
    list-style: none;
    display: block;
    margin: 0 15px;
    padding: 0;
}

#main-accessibility ul:focus {
    font-size: 25px !important;
}

#main-accessibility ul li {
    display: block;
    float: left;
}

#main-wrapper {
    margin: 0 auto;
    overflow: visible;
    position: relative;
    z-index: 10;
}

@media only screen and (max-width: 996px) {
    #main-wrapper {
        width: 100%;
    }
}

.keyboard-navigation #header {
    padding: 0;
}

.keyboard-navigation #header .header__fixelts {
    position: relative;
    margin-bottom: -65px;
}

/* Custom dropdown */
.site-control {
    padding: 20px 0;
    float: right;
}

@media only screen and (max-width: 996px) {
    .site-control {
        padding: 0;
    }
}

.site-control .custom-dropdown form {
    margin: 0;
    height: 100%;
}

body.keyboard-navigation .product-add .btn-nespresso, body.keyboard-navigation .basket-product-qty .btn-nespresso, body.keyboard-navigation .container-btn .btn-nespresso, body.keyboard-navigation .sbag-update .btn-nespresso {
    display: none !important;
}

body.keyboard-navigation .product-add .product-qty, body.keyboard-navigation .basket-product-qty .product-qty, body.keyboard-navigation .container-btn .product-qty, body.keyboard-navigation .sbag-update .product-qty {
    padding-right: 38px;
    min-width: 76px;
    border: solid 1px #3D8705;
    background: #ffffff;
    color: #3D8705;
    display: inline-block !important;
}

body.keyboard-navigation .product-add .product-qty .product-qty-select, body.keyboard-navigation .basket-product-qty .product-qty .product-qty-select, body.keyboard-navigation .container-btn .product-qty .product-qty-select, body.keyboard-navigation .sbag-update .product-qty .product-qty-select {
    display: block !important;
}

body.keyboard-navigation .product-add .product-qty:after, body.keyboard-navigation .basket-product-qty .product-qty:after, body.keyboard-navigation .container-btn .product-qty:after, body.keyboard-navigation .sbag-update .product-qty:after {
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    height: 100%;
    background: #3D8705;
    width: 38px;
    z-index: -1;
    content: "\e920";
    color: #ffffff !important;
    font-size: 6px !important;
    line-height: 6px !important;
    padding: 16px 0 !important;
    left: auto !important;
    -webkit-transform: translate(0%, 0%) !important;
    -khtml-transform: translate(0%, 0%) !important;
    -moz-transform: translate(0%, 0%) !important;
    -ms-transform: translate(0%, 0%) !important;
    -o-transform: translate(0%, 0%) !important;
    transform: translate(0%, 0%) !important;
}

.basket-number {
    display: none;
    pointer-events: none;
    padding: 5px 5px;
    position: absolute;
    top: 2px;
    right: 2px;
    background-color: #ffffff;
    color: #3D8705;
    font-weight: bold;
    font-size: 11px;
    border-radius: 30px;
    min-width: 22px;
    min-height: 22px;
    text-align: center;
}

/* Content */
#content, #main, #primary {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-bottom: 40px;
    float: left;
}

#content.fullPage__plp {
    background: white;
}

#content .top-banner img {
    width: 100%;
    height: auto;
    display: block;
}

@media only screen and (max-width: 996px) {
    #content, #primary {
        padding: 0;
    }
}

#content.shopping-bag + #footer .footer__list-table, #content.shopping-bag + #footer h3 {
    display: none;
}

/* Add to cart button */
[data-cart] {
    position: relative;
    /*z-index: 3;*/
    cursor: pointer;
}

@media only screen and (max-width: 996px) {
    [data-cart] {
        position: static;
        /*z-index: 3; */
    }
}

#mask-qty-selector {
    display: none;
}

@media only screen and (max-width: 996px) {
    #mask-qty-selector {
        display: block;
    }

    #mask-qty-selector.qty-activate {
        background: #000000;
        background: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 10;
    }

    #mask-qty-selector.qty-activate > div {
        top: 50%;
        margin-top: -105px;
        margin-left: 50%;
    }

    #mask-qty-selector.qty-activate .qty-selector {
        -webkit-box-shadow: 0 0 0 0;
        -khtml-box-shadow: 0 0 0 0;
        -moz-box-shadow: 0 0 0 0;
        -ms-box-shadow: 0 0 0 0;
        -o-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
    }

    #mask-qty-selector.qty-activate .qty-selector:after {
        display: none;
    }
}

a, button {
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.top-center {
    text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

.col-lg-6 {
    width: 50%;
}

.col-md-2-5 {
    float: left;
}

@media only screen and (min-width: 997px) {
    .col-md-2-5 {
        width: 20%;
    }
}

.col-md-3-5 {
    float: left;
}

@media only screen and (min-width: 997px) {
    .col-md-3-5 {
        width: 30%;
    }
}

.col-md-8-5 {
    float: left;
}

@media only screen and (min-width: 997px) {
    .col-md-8-5 {
        width: 70%;
    }
}

@media only screen and (max-width: 997px) {
    .col-md-12 {
        width: 100%;
    }
}

@media only screen and (max-width: 769px) {
    .col-sm-12 {
        width: 100%;
    }
}

.sm-hide {
    display: block;
}

@media screen and (max-width: 769px) {
    .sm-hide {
        display: none;
    }
}

.sm-show {
    display: none;
}

@media screen and (max-width: 769px) {
    .sm-show {
        display: block;
    }
}

.link-btn {
    color: #986F38 !important;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
}

.link-btn i {
    margin-right: 5px;
}

.link-btn span {
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.link-btn.link-btn-black {
    color: #986F38 !important;
}

.link-btn:hover span, .link-btn:active span, .link-btn:focus span {
    margin-right: 4px;
}

.no-margin {
    margin: 0;
}

.no-margin-top {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-padding-left {
    margin-left: 0;
}

.no-padding-right {
    margin-right: 0;
}

.no-padding {
    padding: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}
@media only screen and (max-width: 572px) {
    .s-small-x-padding>.vc_column_container>.vc_column-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

}


.margin-top-light {
    margin-top: 30px;
}

@media screen and (max-width: 768px) {
    .margin-top-light {
        margin-top: 15px;
    }
}

.nrow {
    margin: 0 0 20px 0;
    width: 100%;
    float: left;
}

h2 {
    font-size: 16px;
    line-height: 26px;
    font-weight: bold;
    margin: 0 0 8px 0;
    text-transform: uppercase;
}

h3 {
    font-size: 11px;
    font-weight: bold;
    margin: 0 0 8px 0;
    text-transform: uppercase;
}

/* Clearfix */
.clearfix:after, .my-order-history .my-order-mobile__block:after, .my-order-history .my-order-mobile__order:after, .my-order-history .my-order-mobile__info:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix, .my-order-history .my-order-mobile__block, .my-order-history .my-order-mobile__order, .my-order-history .my-order-mobile__info {
    display: inline-block;
}

* html .clearfix, * html .my-order-history .my-order-mobile__block, .my-order-history * html .my-order-mobile__block, * html .my-order-history .my-order-mobile__order, .my-order-history * html .my-order-mobile__order, * html .my-order-history .my-order-mobile__info, .my-order-history * html .my-order-mobile__info {
    height: 1%;
}

.clearfix, .my-order-history .my-order-mobile__block, .my-order-history .my-order-mobile__order, .my-order-history .my-order-mobile__info {
    display: block;
}

.outer {
    display: table;
    height: 100%;
    width: 100%;
}

.inner {
    display: table-cell;
    vertical-align: middle;
}

span.price {
    color: #986F38;
}

.text-nowrap {
    white-space: nowrap;
}

/**
 * searchbox
 */
.searchbox {
    position: relative;

    outline: none !important;
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    font-family: inherit;
    font-size: 12px !important;
    color: #000 !important;

    /*background: #fff url(http://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 9px center !important;*/
    border: solid 1px #ccc;
    padding: 9px 10px 9px 28px !important;
    width: 0;
    height: 38px;

    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em !important;

    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
}

.searchbox::-webkit-search-decoration,
.searchbox::-webkit-search-cancel-button {
    display: none;
}

.searchbox:focus {
    width: 130px;
    background-color: #fff;
    border-color: #66CC75;

    -webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    -moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
    box-shadow: 0 0 5px rgba(109, 207, 246, .5);
}

.searchbox:-moz-placeholder {
    color: #999;
}

.searchbox::-webkit-input-placeholder {
    color: #999;
}

@media only screen and (max-width: 600px) {

    .searchbox {
        width: 0;
        padding-left: 27px;
        margin-top: 10px;
    }

}

#searchform .fa-search {
    position: absolute;
    top: 30px;
    font-size: 15px;
    z-index: 1;
    height: inherit;
    margin-left: 12px;
    color: #757575;
}


@media only screen and (max-width: 996px) {

    #searchform .fa-search {
        top: 22px;
    }

    .btn.btn-icon {
        padding: 4px 0 !important;
    }

    .btn.btn-icon i {
       /* position: initial !important;*/
    }

    #header .site-control #search-btn {
        padding: 0 !important;
        min-width: initial !important;
        margin-right: 0 !important;
    }

    .site-control {
        position: absolute;
        right: 0;
        padding: 0;
    }

    .site-control #search-btn i {
        font-size: 28px !important;
    }
}


ol, ul {
    margin: 0;
}

#searchform {
    margin: 0 !important;
}

form[name="checkout"] {
    color: #43454b;
}

.content-area .site-main {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px;
}

@media (min-width: 768px) {
    .content-area .site-main {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .content-area .site-main {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .content-area .site-main {
        width: 1000px;
    }
}

form.woocommerce-checkout {
    display: block;
    position: relative;
    background: #fff;
}

form.woocommerce-checkout div#customer_billing_details,
form.woocommerce-checkout div#customer_shipping_details,
form.woocommerce-checkout div#order_info,
form.woocommerce-checkout div#order_checkout_payment {
    padding: 20px;
}

.woocommerce-order-received #main.site-main {
    background: #fff;
    padding: 15px;
}

.woocommerce-order-received #main.site-main * {
    color: #484c51;
}

.woocommerce-order-received h3.woocommerce-column__title {
    font-size: 16px;
}

.woocommerce-order-received #main.site-main address {
    padding: 10px;
}

.my-expresscheckout-container {
    /*  padding-top: 30px;
  padding-bottom: 30px;
*/
    background: #ccc;
}

.text-red {
    color: #ff0000;
}

.my-expresscheckout-machine-table,
{
    display: table;
}

.my-expresscheckout-machine-table,
.my-expresscheckout-machine-table td {
    border: 2px solid #ccc;
}

.my-expresscheckout-machine-table td {
    cursor: pointer;
}

.my-expresscheckout-machine-table td img {
    display: inline;
    height: 150px;
}

.step3-selected-img {
    display: inline;
    min-height: 50px;
    max-height: 400px;
}

@media screen and (max-width: 767px) {

    .my-expresscheckout-machine-table td img {
        height: 50px;
    }

    .step3-selected-img {
        height: 200px;
    }

    .table-responsive {
        overflow-x: auto;
    }
}

.bg-visa-master {
    display: block;

    height: 47px;
    font-size: 20px;
    top: 50%;
    left: 50%;
    position: absolute;
    margin-left: -15px;
    margin-right: -15px;
    background: url(images/visa-master.html) no-repeat;
}


@media screen and (max-width: 480px) {
    #faq .customer-services-bloc-content span {
        font-size: 1.1em;
    }
}

.border-bottom-white {
    border-bottom: 1px solid #e5e5e5;
}

/* Added this is for checkout page this will center the form */
#checkout-wrapper.timeline-horizontal {
    max-width: 995px;
    margin-left: auto;
    margin-right: auto;
}

.shop_table {
    max-width: 995px;
    margin-left: auto;
    margin-right: auto;
    color: black;

}

.order-actions a {
    height: 30px;
    padding: 10px;
    font-size: 12px;
    line-height: 12px !important;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background: #000 !important;
    background-color: #000 !important;
    background-image: -moz-linear-gradient(to bottom, #000, #000) !important;
    background-image: -ms-linear-gradient(to bottom, #000, #000) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#000)) !important;
    background-image: -webkit-linear-gradient(to bottom, #000, #000) !important;
    background-image: -o-linear-gradient(to bottom, #000, #000) !important;
    background-image: linear-gradient(to bottom, #000, #000) !important;
}

/*# sourceMappingURL=style.css.map */

/* navs july 29, 2017 */
#select2-shipping_state-results li {
    color: #333 !important;
}

#select2-shipping_state-results li.select2-results__option--highlighted {
    color: #fff !important;
}

#tabs-nav {
    position: relative;
    display: block;
}

#tabs-nav {
    margin-top: 3px;
}

#tabs-nav li {
    display: inline-block;
    background: #fff;
    color: #fff;
    padding: 0;
}

#tabs-nav li a.active {
    color: #000;
}

#tabs-nav li a {
    padding: 0;
    color: #666;
}

#tabs-content {
    min-height: 500px;
}

#tabs-content > div {
    display: none;
}

#tabs-content > div.selected {
    display: block;
}

.slocator-popup {
    position: relative !important;
}

.woocommerce-bacs-bank-details {
    display: none;

}

#footer h3:nth-child(1) {
    margin-top: 20px;
}

.customer-services-bloc-content h3 {
    margin-top: 20px !important;
}

.customer-services-bloc-description {
    line-height: 1.5;
}

li.menu-language.visible-xs {
    display: none !important;
}

.btn.btn-icon i, .btn.btn-icon-right i {
    top: 4px;
    margin-top: 0;
}

.btn.btn-nav i {
    width: 30px !important;
    line-height: 30px !important;
}

.icon-basket {
    margin: 1px 0 0 2px !important;
}

.searchtext {

}

.input-group.input-group-generic input::placeholder,
.input-group.input-group-generic input::-moz-placeholder,
.input-group.input-group-generic input::-webkit-placeholder {
    color: #666 !important;
}

@media only screen and (max-width: 996px) {
    #searchform .fa-search {
        top: 18px;
    }

    .pull-right {
        margin-top: 7px;
    }

}

@media only screen and (max-width: 767px) {
    .product__header {
        overflow: hidden !important;
    }

    .product-page .product__slider {
        float: left;
        width: 50% !important;
        top: 0 !important;
        right: 0;
        margin: 50px 0 20px !important;
    }

    .product__slider__list li img {
        width: auto;
        right: 0 !important;
        margin: auto;
        height: auto;
        -khtml-transform: translate(0, 0) scale(1.0) !important;
        -moz-transform: translate(0, 0) scale(1.0) !important;
        -ms-transform: translate(0, 0) scale(1.0) !important;
        o-transform: translate(0, 0) scale(1.0) !important;
        -webkit-transform: translate(0, 0) scale(1.0) !important;
        transform: translate(0, 0) scale(1.0) !important;
    }

    .product__info {
        float: right;
        width: 50% !important;
    }

    li.menu-language.visible-xs {
        display: none !important;
    }

    #qty-selector-content {
        position: absolute;
        height: 182px;
        width: 212px;
        top: 0;
        margin-left: -214px;
    }

    .qty-selector {
        height: 182px;
        top: 0;
        left: 0;
    }

    .productlist-menu-shortcut {
        display: none;
    }

    .productlist-sidebar {
        /*display: none;*/
    }

    .products-count {
        display: none;
    }

    .filters-toggler {
        display: none;
    }

    .filters-reset {
        display: none;
    }

    .sub-menu {
        position: absolute;
        height: auto !important;
        width: 70%;
        margin: 0;
        padding: 0 0 10px 0;
        left: 30% !important;
        opacity: 1;
    }

    .sub-menu li {
        float: none;
        width: 100%;
    }

    .sub-menu > li > a .menu-image {
        display: none;
    }

    .sub-menu > li > a .menu-description {
        padding: 0;
        text-align: left !important;
        color: #333;
    }

    .sub-menu > li > a .menu-description .menu-head__title {
        width: 100%;
        margin: 0 0 10px !important;
        color: #000;
    }

    .sub-menu > li > a .menu-description .menu-head__sub-title {
        margin: 0 auto !important;
    }

    #tabs-nav {
        background: #fff;
        padding: 0 10px;
    }

    #tabs-nav li {
        float: left;
        display: inline-block;
        background: #fff;
        color: #fff;
        width: 33%;
        padding: 0;
    }

    .customer-services-title h1 {
        padding: 0 10px;
    }

    .product-page .back-container {
        display: block;
    }

    .product-page .product__slider {
        top: 50px;
    }

    .slocator-list {
    }

    .btn-search {
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 600px) {
    .searchbox {
        width: 0;
        padding-left: 27px;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 568px) {
    .btn.btn-nav i {
       /* margin-top: 10px !important;*/
    }

    .searchbox {
        margin-top: 0;
    }

    .icon-basket {
        margin: 0 0 0 0px !important;
    }

    .btn.btn-icon i.icon-plus, .btn.btn-icon-right i.icon-plus {
        /*margin: 0 !important;*/
    }

    .product__header {
        overflow: hidden !important;
    }

    .product-page .product__slider {
        float: none !important;
        width: 100% !important;
        right: 0;
    }

    .product__slider__list li img {
        width: auto;
        right: 0 !important;
        margin: auto;
        height: auto;
        -khtml-transform: translate(0, 0) scale(1.0) !important;
        -moz-transform: translate(0, 0) scale(1.0) !important;
        -ms-transform: translate(0, 0) scale(1.0) !important;
        o-transform: translate(0, 0) scale(1.0) !important;
        -webkit-transform: translate(0, 0) scale(1.0) !important;
        transform: translate(0, 0) scale(1.0) !important;
    }

    .product__info {
        float: none !important;
        width: 100% !important;
            padding-left: 4vw;
            padding-right: 4vw;

    }
}

@media only screen and (max-width: 480px) {
    #qty-selector-content {
        position: absolute;
        height: 182px;
        width: 212px;
        top: 0;
        margin-left: -214px;
    }

    .qty-selector {
        height: 182px;
        /*top: 0;
    left: 0;*/
    }

    .productlist-menu-shortcut {
        display: none;
    }

    .productlist-sidebar {
        /*display: none;*/
    }

    .products-count {
        display: none;
    }

    .filters-toggler {
        display: none;
    }

    .filters-reset {
        display: none;
    }

    .sub-menu {
        position: absolute;
        height: auto !important;
        width: 70%;
        margin: 0;
        padding: 0 0 10px 0;
        left: 30% !important;
        opacity: 1;
    }

    .sub-menu li {
        float: none;
        width: 100%;
    }

    .sub-menu > li > a .menu-image {
        display: none;
        height: 0;
    }

    .sub-menu > li > a .menu-description {
        padding: 0;
        text-align: left !important;
        color: #333;
    }

    .sub-menu > li > a .menu-description .menu-head__title {
        width: 100% !important;
        margin: 0 0 10px;
        color: #000 !important;
    }

    .sub-menu > li > a .menu-description .menu-head__sub-title {
        margin: 0 auto !important;
    }

    #tabs-nav {
        background: #fff;
        padding: 0 10px;
    }

    #tabs-nav li {
        float: left;
        display: inline-block;
        background: #fff;
        color: #fff;
        width: 33%;
        padding: 0;
    }

    .customer-services-title h1 {
        padding: 0 10px;
    }

    .product-page .back-container {
        display: block;
    }

    .product-page .product__slider {
        top: 50px;
    }

    .slocator-list {
    }

    .btn-search {
        margin-top: 0px !important;
    }
}

@media only screen and (max-width: 414px) {
    .contactus-form-button {
        display: inline !important;
    }

    .pull-right {
        display: none;
    }
}


/*Added by Glenn*/

/*Icon aliignment in basket and user icon*/
@media screen and (max-width: 996px) {
    .btn.btn-nav.btn-basket--active {

    }

    .btn.btn-nav.btn-basket--active .icon-basket {
        padding-top: 8px;
    }

    .btn.btn-nav.btn-basket--active .btn-add-qty {
        padding-top: 5px;
    }

    .btn.btn-nav.btn-user i.fa {
        font-size: 35px;
    }

    #search-btn span {
        display: none;
    }
}

/* desktop basket button in nav bar css */
.btn.btn-nav.btn-basket--active .icon-basket {
    margin: 0px 0 0 4px !important;
}

/* return to cart button text alighment */
.btn-return-cart {
    line-height: 40px !important;
}

.btn.btn-large.btn-icon i.icon-plus, .btn.btn-large.btn-icon-right i.icon-plus {
    line-height: 40px !important;
}

.custom-label-1 {
    padding-top: 11px;
    padding-left: 0;
    line-height: 21px;
}

.custom-select-1 {
    margin-left: -7px;
}

@media only screen and (max-width: 767px) {

    .hide-sm {
        display: none !important;
    }

    .product-page--coffee .qty-selector {
        top: -150px;
        left: 220px;
        height: 150px;
    }

    .product-page--machine .qty-selector {
        top: -180px;
        left: 220px;
        height: 80px;
    }

    .product-page--accessories .qty-selector {
        top: -180px;
        left: 220px;
        height: 80px;
    }

    .product-list-item .product-add .btn .text,
    .accessory-list ul.list li.product .product-add .btn .text {
        /*display: none;*/
    }

    .coffee-list .btn.btn-icon.btn-icon-right,
    .accessory-list .btn.btn-icon.btn-icon-right {
        padding: 0;
    }

    .coffee-list .product-category .product .qty-selector {
        top: -160px;
        left: 220px;
        height: 60px;
    }
}

.minibasket-others > .basket-list-item > .basket-product-close {
    display: none;
}

.basket-100 {
    display: none;
}

.basket-subtotal-price {
    display: none;
}

@media only screen and (max-width: 768px) {
    .sub-menu {
        position: absolute;
        height: auto !important;
        width: 50%;
        margin: 0;
        padding: 0 0 10px 0;
        left: 30% !important;
        opacity: 1;
    }

    .sub-menu > li > a .menu-description .menu-head__sub-title, .product-head_sub-title {
        display: none !important;
    }

    .custom-menu-item {
        height: unset !important;
    }

    .product-head_title {
        position: unset !important;
        top: 0px !important;
        margin-left: 0px !important;
    }

    .sub-menu > li > a .menu-description {
        margin-top: 0px !important;
        padding: 0px !important;
    }

    .sub-menu > li > a .menu-image {
        height: 30px !important;
    }

    .site-control > .site-control-wrapper {
        margin-top: 7px;
    }

    .search-div {
        margin-left: 2px !important;
    }

    #caps-original {
        padding-top: 10px !important;
    }

    .product__info__title {
        font-size: 20px;
        letter-spacing: 0.1em;
    }

    .custom-label-1 {
        padding-left: 10px;
    }

    .custom-select-1 {
        margin-left: 0px;
    }

    .store-locator-icon {
        width: 10px !important;
    }

    .store-locator-label {
        font-size: 20px;
    }

    .cupsize {
        width: 55px !important;
        margin-top: 0px !important;
    }

    .product > .product-text > .product-price {
        text-align: center !important;
        height: 42px !important;
    }

    .btn-login {
        margin-right: 90px !important;
    }

    .btn-forgot-password {
        margin-right: 0px;
    }

    .woocommerce-checkout-review-order-table .cart_item .product-name img {
        width: 13% !important;
    }

}

@media screen and (max-width: 480px) {
    /*coffee list overlap*/
    .product-property {
        width: 70%;
    }

    .product-item > .content-info > .pro-info {
        width: 70%;
        height: auto;
    }

    #my-order-history {
        margin-left: -10px;
        width: auto;

    }

    .button, .alt, .yith-wcms-button, .next {
        margin-right: 8px;
    }

    .login-page__remember {
        margin-bottom: 30px;
    }

    .login-page__register-info {
        margin-bottom: 50px;
    }

    .search-div {
        display: inline;
    }

    .site-control-wrapper {
        margin-right: -10px;
    }

    div.wizard--register > ol.steps > li.step > div.step-content {
        padding-right: 0px;
    }

    div.wizard--register > ol.steps > li.step > div.step-content > span {
        font-size: 13px !important;
    }

    .site-control > .site-control-wrapper {
        margin-top: auto;
    }

    /*custom select & label field*/
    .custom-label-1 {
        padding-left: 10px;
    }

    .custom-select-1 {
        margin-left: 0px;
    }

    .store-locator-icon {
        width: 5px !important;
    }

    .store-locator-label {
        font-size: 15px;
    }

    .map-filter-store-locator {
        display: none;
    }

    .my-order-history-list {
        margin-left: -17px;
    }

    /*mobile login/forgot button*/
    .btn-login {
        margin-right: 20px !important;
    }

    .btn-forgot-password {
        margin-right: 0px;
    }

    .product-description {
        width: 74% !important;
    }

    .product-description > h3 {
        font-size: 11px !important;
        letter-spacing: 0em !important;
    }

    .product-description > .intensity {
        width: 131px;

    }

    .woocommerce-checkout-review-order-table .cart_item .product-name img {
        width: 20% !important;
    }

    #woocommerce-product-search-field-0 {
        width: 87%;
    }

}


.w-50 {
    width: 50% !important;
}

.p-t-65 {
    padding-top: 65px !important;
}

.slocator-stores__store:hover {
    cursor: pointer;
}

.footer-map-icon {
    width: 47px !important;
}

.d-inline {
    display: inline;
}

.woocommerce-checkout-review-order-table .cart_item .product-name img {
    margin-bottom: unset;
    margin-left: unset;
    margin-right: unset;
    width: 7%;
}

.term-conditions:hover {
    color: #986F38;
}

/* Hide color in bottom of the picture in machine page */
.product__slider__dots {
    /*display: none;*/
}

.advisory-banner {
    border-radius: 0px !important;
    padding-bottom: 15px !important;
}


.minibasket-coys > .basket-list-item > .basket-product-close, .minibasket-gwp > .basket-list-item > .basket-product-close, .minibasket-gift > .basket-list-item > .basket-product-close {
    display: none;
}

.hide-me {
    display: none;
}

.autocomplete-suggestion {
    width: 100% !important;
}

.has-scrollbar {
    width: 100% !important;
}

.autocomplete-no-suggestion {
    width: 100%;
    background: black;
}

input#woocommerce-product-search-field-0 {
    width: 95% !important;
}

div.smart-search-results.has-viewall-button {
    width: 100% !important;
}

a.smart-search-view-all {
    width: 99% !important;
}

@media only screen and (min-width: 996px) {
    .slocator .slocator-map .slocator-popup .row .col-md-6 {
        width: 34%;
    }
}


#slider-home {
    display: block;
}

#mobile-slider-home {
    display: none;
}

.bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {
    display: block !important;
}

@media only screen and (max-width: 1000px) {
    #slider-home {
        display: none;
    }

    #mobile-slider-home {
        display: block;
    }

    .bx-controls.bx-has-pager.bx-has-controls-direction.bx-has-controls-auto {
        display: none !important;
    }
}

img.slider-image {
    border-radius: 0px !important;
}

.w-31 {
    width: 31% !important;
}

@media screen and (max-width: 1024px) {
    input#woocommerce-product-search-field-0 {
        width: 96% !important;
    }

    div.smart-search-results.has-viewall-button {
        width: 100% !important;
    }

    a.smart-search-view-all {
        width: 99% !important;
    }
}

@media screen and (max-width: 768px) {
    input#woocommerce-product-search-field-0 {
        width: 103% !important;
    }

    div.smart-search-results.has-viewall-button {
        width: 150% !important;
    }

    a.smart-search-view-all {
        width: 73% !important;
    }
}

@media screen and (max-width: 481px) {
    input#woocommerce-product-search-field-0 {
        width: 91% !important;
    }

    .smart-search-results.has-viewall-button {
        width: 100% !important;
    }

    a.smart-search-view-all {
        width: 91% !important;
    }
}

@media screen and (max-width: 415px) {
    input#woocommerce-product-search-field-0 {
        width: 87% !important;
    }

    .smart-search-results.has-viewall-button {
        width: 50% !important;
    }

    a.smart-search-view-all {
        width: 64.5% !important;
    }
}


@media screen and (max-width: 376px) {
    #woocommerce-product-search-field-0 {
        width: 87% !important;
    }

    .smart-search-results.has-viewall-button {
        width: 100% !important;
    }

    a.smart-search-view-all {
        width: 65.5% !important;
    }
}


@media screen and (max-width: 361px) {
    #woocommerce-product-search-field-0 {
        width: 90% !important;
    }

    div.smart-search-results.has-viewall-button {
        width: 110% !important;
    }

    a.smart-search-view-all {
        width: 89.5% !important;
    }
}

@media screen and (max-width: 321px) {
    #woocommerce-product-search-field-0 {
        width: 85%;
    }

    .smart-search-results.has-viewall-button {
        width: 100% !important;
    }

    a.smart-search-view-all {
        width: 91% !important;
    }
}

.alpha.entry-title a {
    font-size: 25px;
}


article div.entry-content p {
    position: relative;
    bottom: 90px;
    margin-left: 125px;
    color: black;
}

#main {
    background: white;
    padding: 30px 30px 0px 30px;
}

#primary {

}

h2.page-title {
    color: white;
    margin-bottom: 20px;
}

.search-div {
    margin-bottom: 15px;
}

form.woocommerce-product-search {
    margin-bottom: 0em;
}

.widget {
    margin: 0 0 0;
}

@media screen and (max-width: 997px) {
    .map-filter-store-locator {
        display: none !important;
    }

    .slocator-stores {
        display: none;
    }

    .mobile-store-locator-tab {
        color: black;
    }

    .slocator .slocator-stores__store {
        font-size: 0.8em;
    }
}

img.dynamic-img {
    width: 488px;
    height: 151.86px;
}

@media (max-width: 770px) {
    img.dynamic-img {
        width: 90%;
        height: 90%;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* The Modal (background) */
.modal-advisory {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-advisory-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 60%;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    background-color: #1b1b1b;
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0
    }
    to {
        top: 0;
        opacity: 1
    }
}

/* The Close Button */
.close-modal-advisory {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-modal-advisory:hover,
.close-modal-advisory:focus {
    text-decoration: none;
    cursor: pointer;
}

.modal-advisory-header {
    padding: 2px 16px;
    color: white;
    border-bottom: 0;
    padding-bottom: 0;
}

.modal-advisory-body {
    padding: 2px 16px;

}

.modal-advisory-footer {
    padding: 15px;
}

/* Modal Slider */

.modal-slider {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

.modal-slider-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 60%;
    border-radius: 6px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

/* The Close Button */
.close-modal-slider {
    color: #bcbcbc;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close-modal-slider:hover,
.close-modal-slider:focus {
    text-decoration: none;
    cursor: pointer;
}

.modal-slider-header {
    padding: 2px 16px;
    color: black;
    border-bottom: 0;
    padding-bottom: 0;
}

.modal-slider-body {
    padding: 2px 16px;
    color: #484c51;
    font-size: 14px;
}

.modal-slider-footer {
    padding: 15px;
}

.background-black {
    background: #000 !important;
}