/* CSSCompressor.com */
:root {
    --green: #007e15;
    --green7: #edf6ee;
    --green15: #d9ecdc;
    --green20: #cce5d0;
    --blue: #00697E;
    --blue15: #d9e9ec;
    --blue20: #cce1e5;
    --purple: #7E0069;
    --purple15: #ecd9e9;
    --purple20: #e5cce1
}
body, html { margin:0; padding:0; width:100%; font-family:"Roboto", sans-serif; font-size:12px; line-height:1.4; color:#000000; }

a { color:#007e15; text-decoration:none; }
    a:hover { text-decoration:underline; }
p { margin:0; padding:0 0 10px 0; }

h2 { font-size:28px; font-weight:bold; color:#000000; padding:0 0 10px 0; margin:0; }
h3 { font-size:22px; font-weight:500; color:#000000; padding:0 0 10px 0; margin:0; }

.container { width:90%; margin:0 auto; }
.full_container { width:100%; margin:0; float:left; }

.green { color:#007e15; }

select { color:#000000; }
    
header { width:100%; float:left; height:130px; background:#FFFFFF; }
    /*header .top_bar { float:left; height:30px; background:#101010; width:98%; margin:0 1%; font-size:15px; color:#FFFFFF; }
        header .top_bar ul { list-style:none; margin:1px 0 0 0; padding:0; float:right; }
            header .top_bar ul li { float:left; margin:0; padding:3px 10px 0 10px; margin:0; display:block; background:url(../images/site/top_bar_bullet.png) no-repeat 0px center; }
            header .top_bar ul li a { color:#FFFFFF; text-decoration:underline; }
            header .top_bar ul li.phone { font-weight:normal; }
                header .top_bar ul li.phone a { font-weight:bold; color:#FFFFFF; text-decoration:none; }
                header .top_bar ul li a.this { text-decoration:none; }
                    header .top_bar ul li a.this:hover { text-decoration:none; } */
    header .logo { float:left; margin:0 0 0 1%; }
        header .logo a { display:block; width:453px; height:110px; margin:10px 0 0 0; text-indent:-9999px; background:url(../images/site/new_logo.png) no-repeat center center; }
    header .top { float:right; margin:48px 0 0 0; }
        header .top ul.top_options { margin:0; padding:0; width:100%; float:left; list-style:none; font-size:18px; }
            header .top ul.top_options li { margin:0; padding:0 0 0 15px; display:inline-block; box-sizing:border-box; }
                header .top ul.top_options li a.option { display:inline-block; box-sizing:border-box; text-transform:uppercase; line-height:64px; vertical-align:text-top; color:#000000; font-weight:bold; }    
                header .top ul.top_options li a.option.menu { display:none; background-image:url(../images/site/top_menu.png); background-repeat:no-repeat; background-position:left center; padding-left:30px; box-sizing:border-box; }
                header .top ul.top_options li a.option.pay { background-image:url(../images/site/top_pay.png); background-repeat:no-repeat; background-position:left center; padding-left:28px; box-sizing:border-box; }
                header .top ul.top_options li a.option.support { background-image:url(../images/site/top_support.png); background-repeat:no-repeat; background-position:left center; padding-left:38px; box-sizing:border-box; }
                header .top ul.top_options li a.option.phone { background-image:url(../images/site/top_phone.png); background-repeat:no-repeat; background-position:left center; padding-left:36px; box-sizing:border-box; }
                header .top ul.top_options li a.option.trolley { font-weight:bold; background-image:url(../images/site/top_trolley.png); background-repeat:no-repeat; background-position:left center; padding-left:40px; box-sizing:border-box; }
                header .top ul.top_options li a.option.trolley span#trolley_totals { display:block; font-weight:normal; font-size:14px; line-height:20px; margin:-30px 0 0 0; padding:5px 0 0 0; box-sizing:border-box; }
        
    /* header .top_my_order { float:right; height:60px; min-width:160px; margin:10px 1% 0 0; padding:10px 10px 10px 66px; background:url(../images/site/my_order_person.png) no-repeat 10px center; }
        header .top_my_order a { color:#FFFFFF; }
        header .top_my_order label { font-size:14px; color:#7e000c; text-transform:uppercase; display:block; margin:10px 0 0 0; }
        header .top_my_order span { font-size:17px; color:#FFFFFF; font-weight:normal; display:block; }
        header .top_my_order:hover { background-color:#101010; cursor:pointer; } */
        
nav { width:100%; float:left; height:42px; background:#e5f2e7; }
    nav ul { list-style:none; margin:6px 1% 0 1%; padding:0; width:98%; height:30px; text-align:center; }
        nav ul li { padding:0; display:inline-block; height:30px; box-sizing:border-box; border-left:1px solid #b4d3b9; }
            nav ul li#home { border-left:none; }
            nav ul li a.main { display:inline-block; height:30px; padding:5px 20px 0 20px; white-space:nowrap; text-transform:uppercase; font-size:15px; color:#000000; font-weight:bold; box-sizing:border-box; }
                nav ul li a.main:hover { color:#007e15; }
                nav ul li a.main.this { color:#007e15; }

#benefits { width:100%; float:left; margin:0 0 5px 0; background:#F8F8F8; border-bottom:1px solid #DCDCDC; }
    #benefits .benefits { float:left; height:40px; background:#F8F8F8; width:98%; margin:0 1%; color:#000000; }
        #benefits .benefits ul.benefits_list { margin:0; padding:0; list-style:none; }
            #benefits .benefits ul.benefits_list li { font-size:18px; font-weight:bold; width:25%; float:left; text-align:center; display:inline-block; box-sizing:border-box; }                    
                #benefits .benefits ul.benefits_list li span { line-height:40px; display:inline-block; }
                    #benefits .benefits ul.benefits_list li span.delivery { background:url(../images/site/benefit_delivery.png) no-repeat left center; padding-left:56px; }
                    #benefits .benefits ul.benefits_list li span.rating { margin:0; padding:12px 0 0 0; }
                    #benefits .benefits ul.benefits_list li span.credit { background:url(../images/site/benefit_credit.png) no-repeat left center; padding-left:56px; }
                    #benefits .benefits ul.benefits_list li span.repair { background:url(../images/site/benefit_repair.png) no-repeat left center; padding-left:44px; }

#breadcrumb { width:100%; float:left; margin:0; background:#f8f8f8; }
    #breadcrumb .breadcrumb { float:left; height:30px; width:98%; margin:0 1%; color:#000000; }
        #breadcrumb .breadcrumb ul.breadcrumb_list { margin:0; padding:0; list-style:none; float:left; }
            #breadcrumb .breadcrumb ul.breadcrumb_list li { line-height:30px; color:#000000; font-size:14px; float:left; margin:0 15px 0 0; }
                #breadcrumb .breadcrumb ul.breadcrumb_list li a { color:#000000; text-decoration:underline; }
                    
main { float:left; width:100%; }

main .banner_section { width:100%; float:left; }
    main .banners_section { margin:10px 0 0 -1%; width:101%; float:left; }
    main .banners_section .banner { width:49%; font-size:0; padding:0; margin:0 0 10px 1%; float:left; }
        main .banners_section .banner img { width:100%; border-radius:10px; }

main #reviews_section { margin:10px 0; background-color:var(--green7); padding:20px 0; text-align:center; width:100%; float:left; }
    main #reviews_section h4 { font-weight:700; font-family:"Montserrat", sans-serif; font-size:44px; line-height:1; padding:0; margin:0; text-transform:uppercase; color:var(--green); }
    main #reviews_section p { font-weight:500; font-family:"Montserrat", sans-serif; font-size:24px; line-height:1.1; padding:0; margin:0; text-transform:uppercase; color:#000000; }
    main #reviews_section .reviews_section {
        width:100%;
        float:left;
    }
    main #reviews_section .reviews_section .customer_review {
        width:100%;
        float:left;
        height:auto;
        padding:20px;
        box-sizing:border-box;
        text-align:center;
    }
    main #reviews_section .reviews_section .customer_review h5 {
        font-size:22px;
        color:var(--green);
        text-transform:none;
        line-height:1.2;
        padding:0;
        margin:0;
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
    }
    main #reviews_section .reviews_section .customer_review p.name {
        font-size:28px;
        padding:10px 0 5px 0;
    }
    main #reviews_section .reviews_section .customer_review p.date {
        font-size:16px;
        font-family: "Montserrat", sans-serif;
        font-weight: 400;
        padding:5px 0 0 0;
    }

main .information_section { margin:10px 0; background-color:var(--green7); padding:20px 0; text-align:center; width:100%; float:left; }
    main .information_section h1 { font-weight:900; font-family:"Montserrat", sans-serif; font-size:60px; line-height:1; padding:0; margin:0; text-transform:uppercase; color:var(--green); }
    main .information_section h3 { font-weight:700; font-family:"Montserrat", sans-serif; font-size:44px; line-height:1; padding:0; margin:0; text-transform:uppercase; color:var(--green); }
    main .information_section p { font-weight:500; font-family:"Montserrat", sans-serif; font-size:24px; line-height:1.1; padding:0; margin:0; text-transform:uppercase; color:#000000; }
    main .information_section .information_boxes {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-top:12px;
        width:101%;
        margin:0 -1%;
        float:left;
    }
    main .information_section .information_boxes .info_box {
        overflow: hidden;
        flex: 1 1 24%;
        max-width: 24%;
        display: flex;
        margin-left:1%;
        flex-direction: column;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background-color: var(--green15);
    }    
    main .information_section .information_boxes .info_box img {
        width:100%;
        height:auto;
    }
    main .information_section .information_boxes .info_box h4 {
        color: var(--green);
        font-size: 26px;
        margin:-40px 0 0 0;
        padding:0 20px 7px 20px;
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        text-transform:uppercase; 
        line-height:1;
    }
    main .information_section .information_boxes .info_box h4 span {
        background: var(--green);
        display:inline-block;
        color:var(--green15);
        padding:5px 14px 7px 14px;
        border-radius:50%;
    }
    main .information_section .information_boxes .info_box p {
        flex: 1;
        font-size: 16px;
        font-family: "Montserrat", sans-serif;
        font-weight: 400; 
        text-transform:none;
        padding:0 20px 20px 20px;
        line-height:1.2;
    }
    
main .products_section { margin:10px 0; background-color:var(--green20); padding:20px 0; text-align:center; width:100%; float:left; }
    main .products_section h2 { font-weight:700; font-family:"Montserrat", sans-serif; font-size:50px; line-height:1; padding:0; margin:0; text-transform:uppercase; color:var(--green); }
    main .products_section p { font-weight:500; font-family:"Montserrat", sans-serif; font-size:21px; line-height:1.1; padding:0; margin:0; text-transform:uppercase; color:#000000; }
    main .products_section .product_section {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        justify-content: center;
        padding:12px 0 0 0;
        float:left;
        width: 101%;
        margin: 0 0 0 -1%;
    }
    main .products_section .product_section .products_section_product {
        overflow: hidden;
        flex: 1 1 19%;
        max-width: 19%;
        display: flex;
        margin-left:1%;
        flex-direction: column;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: url(../images/headers/header_green.png) no-repeat top center var(--green15);
        background-size: contain;
        padding:20px;
        box-sizing:border-box;
        position:relative;
    }   
    
    main .products_section .product_section .products_section_product img {
        width: 100%;
    } 
    
    main .products_section .product_section .products_section_product .product_zero {
        display:block;
        position:absolute;
        right:0;
        top:10px;
        background: #7e000f;
        font-family: "Montserrat", sans-serif;
        font-weight: 900;
        font-size:14px;
        color:#ffffff;
        padding:5px 20px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    main .products_section .product_section .products_section_product .product_offer {
        display:block;
        position:absolute;
        right:0;
        top:10px;
        background: #ffcc00;
        font-family: "Montserrat", sans-serif;
        font-weight: 900;
        font-size:14px;
        color:#ffffff;
        padding:5px 20px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    main .products_section .product_section .products_section_product .product_title {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size:20px;
        text-transform:uppercase;
        line-height:1;
        color:#000000;
        padding:0 0 7px 0;
        flex: 1;
    }
    main .products_section .product_section .products_section_product .product_price {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size:14px;
        text-transform:uppercase;
        line-height:1;
        color:#000000;
    }
    main .products_section .product_section .products_section_product .product_more {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size:20px;
        text-transform:uppercase;
        line-height:1;
        color:#ffffff;
        background:var(--green);
        padding:10px 0;
        text-align:center;
        border-radius:10px;
        margin:10px 0;
    }
    main .products_section .product_section .products_section_product .product_more:hover {
        text-decoration:none;
        opacity:0.8;
    }
    main .products_section .product_section .products_section_product .product_category {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size:14px;
        text-transform:uppercase;
        line-height:1;
        text-decoration:underline;
        color:#000000;
    }
    main .products_section.purple {
        background: var(--purple20);
    }
    main .products_section.purple h2 {
        color: var(--purple);
    }
    main .products_section.purple .product_section .products_section_product {
        background-color: var(--purple15);
        background-image: url(../images/headers/header_purple.png);
    }
    main .products_section.purple .product_section .products_section_product .product_more {
        background: var(--purple);
    }
    main .products_section.blue {
        background: var(--blue20);
    }
    main .products_section.blue h2 {
        color: var(--blue);
    }
    main .products_section.blue .product_section .products_section_product {
        background-color: var(--blue15);
        background-image: url(../images/headers/header_blue.png);
    }
    main .products_section.blue .product_section .products_section_product .product_more {
        background: var(--blue);
    }

main #categories_section { margin:0; background-color:#ffffff; padding:0; text-align:center; width:100%; float:left; }
    main #categories_section h3 { font-weight:700; font-family:"Montserrat", sans-serif; padding:10px 0 0 0; font-size:26px; text-transform:uppercase; }
    main #categories_section .categories_section {
        display: flex;
        flex-wrap: wrap;
        gap: 0;
        justify-content: center;
        padding:12px 0 0 0;
        float:left;
        width: 101%;
        margin: 0 0 0 -1%;
    }
    main #categories_section .categories_section .category {
        overflow: hidden;
        flex: 1 1 24%;
        max-width: 24%;
        display: flex;
        margin:0 0 10px 1%;
        flex-direction: column;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background: var(--green15);
    }   
    
    main #categories_section .categories_section .category img {
        width: 100%;
    } 
    
    main #categories_section .categories_section .category h5 {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size:24px;
        text-transform:uppercase;
        line-height:1;
        color:var(--green);
        padding:0 20px 7px 20px;
        flex: 1;
        margin:-40px 0 0 0;
    }
    main #categories_section .categories_section .category .category_info {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size:14px;
        text-transform:uppercase;
        line-height:1;
        color:#000000;
        padding:0 20px;
    }
    main #categories_section .categories_section .category .category_more {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size:16px;
        text-transform:uppercase;
        line-height:1;
        color:#ffffff;
        background:var(--green);
        padding:10px 0;
        text-align:center;
        border-radius:10px;
        margin:10px 20px 20px 20px;
    }
    main #categories_section .categories_section .category .category_more:hover {
        text-decoration:none;
        opacity:0.8;
    }
    main #categories_section .categories_section .category.purple {
        background: var(--purple15);
    }
    main #categories_section .categories_section .category.blue {
        background: var(--blue15);
    }
    main #categories_section .categories_section .category.purple h5 {
        color: var(--purple);
    }
    main #categories_section .categories_section .category.blue h5 {
        color: var(--blue);
    }
    main #categories_section .categories_section .category.purple .category_more {
        background-color: var(--purple);
    }
    main #categories_section .categories_section .category.blue .category_more {
        background-color: var(--blue);
    }
        
/* Brompton Section */
main #brompton_header { width:100%; float:left; background:url(../images/site/grey_up_arrow.png) no-repeat center bottom #ffffff; padding:20px 0; }
    main #brompton_header .brompton_header { width:98%; float:left; margin:0 1%; text-align:center; }
        main #brompton_header .brompton_header img { width:50%; }
        main #brompton_header .brompton_header h1 { font-size:36px; color:#2c3592; margin:0; padding:0; line-height:1.3; }
        main #brompton_header .brompton_header h2 { font-size:30px; color:#000000; margin:0; padding:0; line-height:1.3; }
        main #brompton_header .brompton_header p { font-size:20px; color:#000000; margin:0; padding:0; line-height:1.3; font-weight:bold; }

main #brompton_info { width:100%; float:left; background:url(../images/site/blue_up_arrow.png) no-repeat center bottom #e9eaf4; padding:20px 0; }
    main #brompton_info .brompton_info { width:98%; float:left; margin:0 1%; text-align:left; }
        main #brompton_info .brompton_info h2 { font-size:30px; color:#003d6a; margin:0; padding:0 0 5px 0; line-height:1.3; }
        main #brompton_info .brompton_info p { font-size:20px; }
        main #brompton_info .brompton_info .img_left { float:left; margin:0 10px 0 0; }
        main #brompton_info .brompton_info .img_right { float:right; margin:0 0 0 10px; }

main #brompton_raised { width:100%; float:left; background:url(../images/site/grey_up_arrow.png) no-repeat center bottom #2c3592; padding:20px 0; }
    main #brompton_raised .brompton_raised { width:98%; float:left; margin:0 1%; text-align:center; }
        main #brompton_raised .brompton_raised h3 { font-size:30px; color:#ffffff; margin:0; padding:0 0 5px 0; line-height:1.3; }
        main #brompton_raised .brompton_raised p { font-size:22px; color:#ffffff; }
        main #brompton_raised .brompton_raised .total_boxes { width:102%; margin:10px -1%; text-align:center; }
            main #brompton_raised .brompton_raised .total_boxes .total_box { width:40%; display:inline-block; color:#ffffff; background:#3c46b3; padding:10px; box-sizing:border-box; margin:0 1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; }
            main #brompton_raised .brompton_raised .total_boxes .total_box label { display:block; text-transform:uppercase; font-weight:bold; font-size:20px; }
            main #brompton_raised .brompton_raised .total_boxes .total_box span.count { display:block; font-weight:bold; font-size:50px; }
            main #brompton_raised .brompton_raised img { margin-top:-10px; }

main #brompton_donate { width:100%; float:left; background:#f8f8f8; padding:20px 0; }
    main #brompton_donate .brompton_donate { width:98%; float:left; margin:0 1%; text-align:center; }
        main #brompton_donate .brompton_donate h4 { font-size:33px; color:#000000; margin:0; padding:0 0 5px 0; line-height:1.3; }
        main #brompton_donate .brompton_donate p { font-size:20px; }
        main #brompton_donate .brompton_donate a.donate_btn { background:#d84c56; display:inline-block; padding:10px 20px; color:#ffffff; font-size:30px; font-weight:bold; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    

/* New Help Section */
main #help_header { width:100%; float:left; background:url(../images/site/grey_up_arrow.png) no-repeat center bottom #ffffff; padding:20px 0; }
    main #help_header .help_header { width:98%; float:left; margin:0 1%; text-align:center; }
        main #help_header .help_header h1 { font-size:46px; color:#003d6a; margin:0; padding:0; line-height:1.3; }
        main #help_header .help_header h2 { font-size:30px; color:#003d6a; margin:0; padding:0; line-height:1.3; }
        main #help_header .help_header p { font-size:20px; color:#000000; margin:0; padding:0; line-height:1.3; font-weight:normal; }

main #help_options { width:100%; float:left; background:#F8F8F8; padding:20px 0; }
    main #help_options .help_options { width:100%; float:left; margin:0; display:flex; flex-wrap:wrap; }
        main #help_options .help_options .help_option { width:23.75%; float:left; margin:0 0 0 1%; background:#ffffff; display:flex; flex-direction:column; border:4px solid #f2f2f2; box-sizing:border-box; }
            main #help_options .help_options .help_option .help_option_img { width:100%; } 
                main #help_options .help_options .help_option .help_option_img img { width:100%; height:100%; }
            main #help_options .help_options .help_option .help_option_details { flex:0 0 auto; width:100%; padding:8px 10px 10px 10px; float:left; box-sizing:border-box; }
                main #help_options .help_options .help_option .help_option_details span.title { color:#007e15; font-size:26px; font-weight:bold; display:block; padding:0; }
                main #help_options .help_options .help_option .help_option_details span { color:#000000; font-size:16px; }
            main #help_options .help_options .help_option:hover { background:#007e15; color:#ffffff; border-color:#007e15; }
                main #help_options .help_options .help_option:hover .help_option_details span.title { color:#ffffff; }
                main #help_options .help_options .help_option:hover .help_option_details span { color:#ffffff; }
            main #help_options .help_options .help_option.this { background:#007e15; color:#ffffff; border-color:#007e15; }
                main #help_options .help_options .help_option.this .help_option_details span.title { color:#ffffff; }
                main #help_options .help_options .help_option.this .help_option_details span { color:#ffffff; }

main #help_customer { width:100%; float:left; text-align:center; background:url(../images/site/grey_down_arrow.png) no-repeat center top #ffffff; padding:20px 0; }
    main #help_customer .help_customer { display:flex; flex-wrap:wrap; width:100%; float:left; align-content:center; justify-content:center; text-align:center; gap:0 1%; padding:0 1%; box-sizing:border-box; }
        main #help_customer h3 { font-size:26px; color:#000000; margin:0; padding:0 0 5px 0; line-height:1.3; }
                    main #help_customer .help_customer a { flex:0 0 auto; margin:0 0 10px 0; display:block; width:13.4286%; box-sizing:border-box; padding:10px; font-size:18px; font-weight:bold; border:2px solid #f2f2f2; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }                
                            main #help_customer .help_customer a span.icon { width:100%; text-align:center; }
                    main #help_customer .help_customer a span.icon img { width:60%; }
                main #help_customer .help_customer a span.title { display:block; }
                main #help_customer .help_customer a:hover { text-decoration:none; background-color:#007e15; color:#ffffff; border-color:#007e15; }
                main #help_customer .help_customer a.this { text-decoration:none; background-color:#007e15; color:#ffffff; border-color:#007e15; }
        
main #help_products { width:100%; float:left; background:url(../images/site/grey_down_arrow.png) no-repeat center top #ffffff; padding:20px 0; }
    main #help_products .help_products { width:98%; float:left; margin:0 1%; text-align:center; }
        main #help_products .help_products h3 { font-size:26px; color:#000000; margin:0; padding:0 0 10px 0; line-height:1.3; }
            main #help_products .help_products a { display:inline-block; margin:0 5px 10px 5px; padding:10px; font-size:18px; font-weight:bold; border:2px solid #f2f2f2; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }                
                main #help_products .help_products a:hover { text-decoration:none; background-color:#007e15; color:#ffffff; border-color:#007e15; }
                main #help_products .help_products a.this { text-decoration:none; background-color:#007e15; color:#ffffff; border-color:#007e15; }

main #help_form { width:100%; float:left; background:url(../images/site/white_down_arrow.png) no-repeat center top #f8f8f8; padding:20px 0; }
    main #help_form .help_form { width:98%; float:left; margin:0 1%; text-align:center; }
        main #help_form .help_form h1 { font-size:38px; line-height:1.2; color:#007e15; margin:0; padding:0; }
        main #help_form .help_form h2 { font-size:30px; line-height:1.1; margin:0; padding:0 0 10px 0; }
        main #help_form .help_form p { font-size:18px; margin:0; padding:0 0 10px 0; }
        main #help_form .help_form_notice { text-align:left; display:inline-block; width:70%; box-sizing:border-box; padding:20px 20px 20px 120px; margin:10px 0 0 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main #help_form .help_form_notice p { font-size:20px; line-height:1.1; }
            main #help_form .help_form_notice#help_notice_success { background:url(../images/site/help_notice_tick.png) no-repeat 20px 20px #dbedde; }
                main #help_form .help_form_notice#help_notice_success h3 { color:#007e15; font-weight:bold; font-size:26px; line-height:1.1; }
            main #help_form .help_form_notice#help_notice_entry { background:url(../images/site/help_notice_entry.png) no-repeat 20px 20px #eddbdd; }
                main #help_form .help_form_notice#help_notice_entry h3 { color:#7e000c; font-weight:bold; font-size:26px; line-height:1.1; }
                
        main #help_form .help_form form { text-align:left; display:inline-block; width:70%; background:#F1F1F1; box-sizing:border-box; padding:20px; margin:10px 0 0 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main #help_form .help_form form p.name { font-weight:bold; font-size:28px; padding:0; }
            main #help_form .help_form form p.address { font-size:20px; }
            main #help_form .help_form .help_form_secure { text-align:left; width:100%; box-sizing:border-box; color:#007e15; text-align:center; margin:0 0 -10px 0; }
                main #help_form .help_form .help_form_secure span.form_secure { background:url(../images/site/padlock.png) no-repeat left center transparent; padding:10px 0 10px 27px; display:inline-block; font-size:16px; font-weight:bold; }
            main #help_form .help_form .help_form_balance { text-align:left; width:100%; background:#eddbdd; box-sizing:border-box; color:#7e000c; padding:10px 20px; margin:0 0 10px 0; font-size:24px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main #help_form .help_form .help_form_current { text-align:left; width:100%; background:#dfdfdf; box-sizing:border-box; color:#000000; padding:10px 20px; margin:0 0 10px 0; font-size:24px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main #help_form .help_form .help_form_new { text-align:left; width:100%; background:#f8f8f8; box-sizing:border-box; color:#000000; padding:10px 20px; margin:0 0 10px 0; font-size:20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main #help_form .help_form .help_form_disclaimer { text-align:left; width:100%; background:#eddbdd; box-sizing:border-box; font-weight:bold; color:#7e000c; padding:10px 20px; margin:0 0 10px 0; font-size:18px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main #help_form .help_form .help_form_dd_logo { text-align:right; width:100%; }
            main #help_form .help_form .help_form_contact { text-align:left; width:100%; float:left; background:#f8f8f8; box-sizing:border-box; color:#000000; padding:20px 20px 10px 20px; margin:0 0 10px 0; font-size:22px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main #help_form .help_form .help_form_contact#contact_address { padding-left:140px; background-image:url(../images/site/icon_write_small.png); background-repeat:no-repeat; background-position:20px 20px; }
                main #help_form .help_form .help_form_contact#contact_phone { padding-left:140px; background-image:url(../images/site/icon_phone_small.png); background-repeat:no-repeat; background-position:20px 20px; }
                main #help_form .help_form .help_form_contact p { font-size:26px; }
                main #help_form .help_form .help_form_contact p a#telephone_number { font-size:42px; font-weight:bold; }
                
            main #help_form .help_form #stripe_element { background:#FFFFFF; padding:15px 20px 10px 20px; line-height:48px; height:48px; font-size:20px; font-family:'Roboto', sans-serif; width:70%; box-sizing:border-box; border:1px solid #DDDDDD; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main #help_form .help_form .help_form_service_number { margin:-5px 0 10px 0; float:left; width:100%; }
                main #help_form .help_form .help_form_service_number span.sun { font-size:24px; margin:0 3px 0 0; font-weight:normal; width:60px; float:left; background:#f8f8f8; line-height:40px; text-align:center; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main #help_form .help_form .help_form_dd { text-align:left; width:100%; float:left; background:#f8f8f8; box-sizing:border-box; color:#000000; padding:20px 20px 10px 20px; margin:0 0 10px 0; font-size:22px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main #help_form .help_form .help_form_dd .guarantee { width:100%; background:#FFFFFF; float:left; box-sizing:border-box; padding:20px 20px 10px 20px; margin:0 0 10px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main #help_form .help_form .help_form_dd .guarantee ul { font-size:16px; list-style-type:square; margin:0; padding:0 0 0 15px; }
                    main #help_form .help_form .help_form_dd .guarantee ul li { padding:0 0 10px 0; }
            main #help_form .help_form .help_form_field { text-align:left; width:100%; margin:0 0 10px 0; }
            main #help_form .help_form .help_form_field label { display:block; color:#242424; padding:0 0 2px 0; width:100%; font-weight:700; font-size:16px; text-align:left; }
                main #help_form .help_form .help_form_field .help_form_field_half { width:49%; float:left; margin:0 1% 10px 0; }
                main #help_form .help_form .help_form_field label span { display:block; font-weight:normal; }
                main #help_form .help_form .help_form_field label span.inline { display:inline; font-weight:normal; }
            main #help_form .help_form .help_form_field ::placeholder { color:#DDDDDD; opacity:1; }
            main #help_form .help_form .help_form_field ::-ms-input-placeholder { color:#DDDDDD; }
            main #help_form .help_form .help_form_field input[type=text] { line-height:48px; height:48px; width:100%; background:#ffffff; font-size:20px; padding:0 15px; margin:0 0 4px 0; border:1px solid #DDDDDD; outline:0; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main #help_form .help_form .help_form_field input[type=text].small { width:40%; }
                main #help_form .help_form .help_form_field input[type=text].medium { width:70%; }
                main #help_form .help_form .help_form_field input[type=text].uppercase { text-transform:uppercase; }
                main #help_form .help_form .help_form_field input[type=text].lowercase { text-transform:lowercase; }
                main #help_form .help_form .help_form_field input[type=text]#amount { padding-left:30px; background-position:15px center; background-image:url(../images/site/input_pound.png); background-repeat:no-repeat; }
            main #help_form .help_form .help_form_field select { line-height:48px; height:48px; min-width:40%; max-width:100%; background:#ffffff; font-size:20px; padding:0 15px; border:1px solid #DDDDDD; outline:0; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main #help_form .help_form .help_form_field textarea { height:160px; width:100%; background:#ffffff; font-size:16px; padding:15px; border:1px solid #DDDDDD; outline:0; box-sizing:border-box; resize:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main #help_form .help_form span.or_split { width:50px; text-align:center; line-height:50px; height:50px; font-size:30px; vertical-align:middle; box-sizing:border-box; color:#828282; display:inline-block; }
            main #help_form .help_form a.button_link { background:#007e15; color:#FFFFFF; border:0; margin:10px 0; outline:0; padding:10px 20px; text-align:center; font-size:24px; font-weight:bold; vertical-align:middle; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }        
            main #help_form .help_form button { background:#007e15; display:inline-block; color:#FFFFFF; border:0; margin:10px 0; outline:0; padding:10px 20px; text-align:center; font-size:24px; font-weight:bold; vertical-align:middle; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }        
                main #help_form .help_form button:hover { cursor:pointer; text-decoration:underline; }
                main #help_form .help_form button[disabled] { background:#DDDDDD; }   
                    main #help_form .help_form button[disabled]:hover { text-decoration:none; }             
            main #help_form .help_form .help_form_field span.error { font-size:14px; display:block; font-weight:bold; color:#7e000c; }
            main #help_form .help_form .help_form_field .completed { font-size:18px; font-weight:bold; display:block; padding:0; background:#f8f8f8; padding:20px; box-sizing:border-box; border:1px solid #DDDDDD; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main #help_form .help_form .help_form_service { display:none; text-align:left; width:100%; float:left; margin:-5px 0 10px 0; background:#f8f8f8; padding:10px 20px 20px 20px; box-sizing:border-box; border:1px solid #DDDDDD; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main #help_form .help_form .help_form_service h3 { font-size:20px; line-height:1.1; margin:0; padding:10px 0; }
                main #help_form .help_form a.switch_btn { background:#007e15; display:inline-block; color:#FFFFFF; border:0; margin:10px 0; outline:0; padding:10px 20px; text-align:center; font-size:24px; font-weight:bold; vertical-align:middle; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }        
                    main #help_form .help_form a.switch_btn:hover { cursor:pointer; text-decoration:underline; }
            main #help_form .help_form .help_form_support { display:none; text-align:left; width:100%; float:left; margin:-5px 0 10px 0; background:#f8f8f8; padding:10px 20px 20px 20px; box-sizing:border-box; border:1px solid #DDDDDD; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main #help_form .help_form .help_form_support h3 { font-size:20px; line-height:1.1; margin:0; padding:10px 0; }
                main #help_form .help_form .help_form_support a { font-size:17px; display:block; padding:0 0 5px 0; }
            main #help_form .help_form .help_form_terms { display:none; height:200px; font-size:17px; overflow-x:auto; text-align:left; width:100%; float:left; margin:0 0 10px 0; background:#f8f8f8; padding:20px; box-sizing:border-box; border:1px solid #DDDDDD; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main #help_form .help_form .help_form_terms h2 { font-size:18px; font-weight:bold; }
                main #help_form .help_form .help_form_terms h3 { font-size:26px; font-weight:bold; color:#007e15; }
                main #help_form .help_form .help_form_terms a { font-size:17px; display:block; padding:0 0 4px 0; }
                main #help_form .help_form .help_form_terms ul { margin-top:0; }
                main #help_form .help_form .help_form_terms ol { margin-top:0; }
            main #help_form .help_form .help_form_small { display:block; font-size:12px; color:#828282; }
            main #help_form .help_form .check_options { margin:-5px 0 10px 0; width:100%; float:left; display:block; }
            main #help_form .help_form .check_options .check_container { width:100%; float:left; display:block; position:relative; float:left; padding-left:35px; padding-top:3px; cursor:pointer; font-size:16px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
                main #help_form .help_form .check_options .check_container input { display:none; position:absolute; opacity:0; cursor:pointer; }
                main #help_form .help_form .check_options .check_container .checkmark { position:absolute; top:0; border:1px solid #F1F1F1; left:0; height:25px; width:25px; background-color:#FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
                main #help_form .help_form .check_options .check_container:hover input ~ .checkmark { background-color:#DDDDDD; }
                main #help_form .help_form .check_options .check_container input:checked ~ .checkmark { border-color:#007e15; background-color:#007e15; }
                    main #help_form .help_form .check_options .check_container .checkmark:after { content:""; position:absolute; display:none; }
                    main #help_form .help_form .check_options .check_container input:checked ~ .checkmark:after { display:block; }
                    main #help_form .help_form .check_options .check_container .checkmark:after { left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
                    main #help_form .help_form .check_options span.error { padding:10px 0 0 0; position:relative; float:left; display:inline-block; font-weight:bold; font-size:14px; color:#7e000c; }
            main #help_form .help_form .delivery_options { width:100%; margin:7px 0 3px -10px; }
                main #help_form .help_form .delivery_options .delivery_option { width:134px; height:98px; text-align:center; border:1px solid #DDDDDD; background:#FFFFFF; padding:10px; box-sizing:border-box; float:left; margin:0 0 0 10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                    main #help_form .help_form .delivery_options .delivery_option label.del { display:block; position:relative; margin:0; padding:0; top:0; left:0; text-align:center; }
                    main #help_form .help_form .delivery_options .delivery_option span.delivery_option_desc { font-weight:bold; font-size:18px; color:#7e000c; display:block; }
                    main #help_form .help_form .delivery_options .delivery_option span.delivery_option_day { font-weight:bold; font-size:19px; color:#000000; display:block; }
                    main #help_form .help_form .delivery_options .delivery_option span.delivery_option_date { font-weight:normal; font-size:16px; color:#525252; display:block; }
                    main #help_form .help_form .delivery_options .delivery_option input { margin:3px 0 0 0; height:24px; line-height:24px; }
                        main #help_form .help_form .delivery_options .delivery_option input[type=radio]:checked { background-color:#00D154; }
                        main #help_form .help_form .delivery_options .delivery_option input:hover { cursor:pointer; }
                        main #help_form .help_form .delivery_options .delivery_option label.del:hover { cursor:pointer; }
                        main #help_form .help_form .delivery_options .delivery_options_loading { margin:0 0 0 1%; display:block; width:100%; float:left; text-align:left; box-sizing:border-box; height:98px; background-image:url(../images/site/pulse_loading.gif); background-position:-10px top; background-repeat:no-repeat; padding:54px 0; }
                            main #help_form .help_form .delivery_options .delivery_options_loading p.loading_heading { font-weight:bold; font-size:25px; color:#7e000c; line-height:29px; margin:0; padding:0 0 5px 0; }
                            main #help_form .help_form .delivery_options .delivery_options_loading p.loading_info { font-weight:normal; font-size:18px; color:#000000; line-height:20px; margin:0; padding:0; }
            
main #help_brands { width:100%; float:left; background:url(../images/site/white_down_arrow.png) no-repeat center top #f8f8f8; box-sizing:border-box; padding:20px 0; }
    main #help_brands .help_brands { width:98%; float:left; margin:0 1%; text-align:center; }
        main #help_brands .help_brands h3 { font-size:26px; color:#000000; margin:0; padding:0 0 10px 0; line-height:1.3; }
            main #help_brands .help_brands a { display:inline-block; background:#ffffff; margin:0 5px 10px 5px; padding:0 10px; line-height:46px; vertical-align:middle; font-size:18px; font-weight:bold; border:2px solid #f2f2f2; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }                
                main #help_brands .help_brands a img { vertical-align:middle; }
                main #help_brands .help_brands a:hover { text-decoration:none; border-color:#007e15; }
                main #help_brands .help_brands a.this { text-decoration:none; border-color:#007e15; }

main #help_questions { width:100%; float:left; background:url(../images/site/grey_down_arrow.png) no-repeat center top #ffffff; padding:20px 0; }
    main #help_questions .help_questions { width:98%; float:left; margin:0 1%; text-align:center; }
        main #help_questions .help_questions a.question_link { display:block; width:100%; float:left; margin:0 0 10px 0; background:url(../images/site/help_plus.png) no-repeat right 20px center #f8f8f8; text-align:left; font-size:22px; font-weight:normal; color:#000000; padding:20px 60px 20px 20px; box-sizing:border-box; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
            main #help_questions .help_questions a.question_link.this { background-image:url(../images/site/help_minus.png); background-color:#ffffff; border:2px solid #007e15; font-weight:bold; border-bottom:none; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; }
        main #help_questions .help_questions .help_questions_repairs { width:100%; float:left; text-align:left; margin:-14px 0 0 0; font-size:20px; padding:0 20px 20px 20px; box-sizing:border-box; border:2px solid #007e15; border-top:none; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; -webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topleft:0px; -moz-border-radius-topright:0px; border-top-left-radius:0px; border-top-right-radius:0px; }
            main #help_questions .help_questions .help_questions_repairs ul.grid_list { list-style:none; width:100%; float:left; margin:-5px 0 10px 0; padding:0; }
                main #help_questions .help_questions .help_questions_repairs ul.grid_list li { width:33.3333%; float:left; background:#f5f5f5; padding:5px 10px; box-sizing:border-box; border-right:1px solid #ffffff; border-bottom:1px solid #ffffff; text-align:left; }
            main #help_questions .help_questions .help_questions_repairs .help_questions_repair ul { margin-top:0; }
            main #help_questions .help_questions .help_questions_repairs .help_questions_repair ol { margin-top:0; }
            main #help_questions .help_questions .help_questions_repairs .help_questions_repair .video_box { width:100%; float:left; padding:10px 0 0 0; }
                main #help_questions .help_questions .help_questions_repairs .help_questions_repair .video_box .youtube_video { aspect-ratio:16 / 9; width:100%; } 
                main #help_questions .help_questions .help_questions_repairs .help_questions_repair p.image { width:100%; } 
                    main #help_questions .help_questions .help_questions_repairs .help_questions_repair p.image img { width:100%; }
    main #help_questions .help_questions .help_question_service { color:#828282; font-size:19px; background:#f8f8f8; display:block; width:calc(100% + 20px); float:left; box-sizing:border-box; padding:0 10px 10px 10px; margin:0 -10px 0 -10px; }
        main #help_questions .help_questions .help_question_service a.book_link { font-weight:bold; text-decoration:underline; }
            main #help_questions .help_questions .help_question_service a.book_link:hover { text-decoration:none; }
    main #help_questions .help_questions .help_question_votes { color:#828282; background:#f8f8f8; display:block; width:calc(100% + 20px); float:left; box-sizing:border-box; padding:10px; margin:5px -10px 0 -10px; }
        main #help_questions .help_questions .help_question_votes label { font-size:19px; font-weight:bold; }
        main #help_questions .help_questions .help_question_votes button.help_vote_btn { display:inline-block; color:#828282; font-size:18px; font-weight:bold; padding:0 0 0 25px; height:28px; outline:none; border:none; margin:0 0 0 5px; background-repeat:no-repeat; background-color:Transparent; }
            main #help_questions .help_questions .help_question_votes button.help_vote_btn.vote_y { background-image:url(../images/site/support_vote_yes.png); background-position:0px center; }
                main #help_questions .help_questions .help_question_votes button.help_vote_btn.vote_y:hover { background-position:-108px center; color:#007e15; cursor:pointer; }
                main #help_questions .help_questions .help_question_votes button.help_vote_btn.vote_y.this { background-position:-108px center; color:#007e15; cursor:pointer; }
            main #help_questions .help_questions .help_question_votes button.help_vote_btn.vote_n { background-image:url(../images/site/support_vote_no.png); background-position:0px center; }
                main #help_questions .help_questions .help_question_votes button.help_vote_btn.vote_n:hover { background-position:-108px center; color:#7e000c; cursor:pointer; }
                main #help_questions .help_questions .help_question_votes button.help_vote_btn.vote_n.this { background-position:-108px center; color:#7e000c; cursor:pointer; }
            
.page_header { width:100%; float:left; text-align:center; }
    .page_header h1 { font-weight:bold; font-size:30px; line-height:1.1; color:#003d6a; }

#explain_video { width:100%; float:left; margin:0; padding:30px 0; background:#ffffff; border-top:1px solid #dddddd; }
    #explain_video .explain_video { width:98%; margin:0 1%; text-align:center; }
        #explain_video .explain_video h3 { font-size:36px; }
        #explain_video .explain_video .explain_video_full { position:relative; aspect-ratio:16 / 9; width:80%; border:2px solid #dcdcdc; } 
            #explain_video .explain_video .explain_video_full:hover { cursor:pointer; }

#order_steps { width:100%; float:left; margin:0; padding:15px 0 30px 0; background:#dfefe2; }
    #order_steps .order_steps { float:left; width:100%; margin:0; text-align:center; }
        #order_steps .order_steps ul.order_steps_list { display:inline-block; margin:0; padding:0; list-style:none; width:80%; text-align:left; }
            #order_steps .order_steps ul.order_steps_list li { font-size:18px; font-weight:bold; margin:0 0 0 1%; float:left; width:32%; padding:130px 20px 20px 20px; border:4px solid #007e15; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                #order_steps .order_steps ul.order_steps_list li.locate { border-style:dotted; background:url(../images/site/order_devices.png) no-repeat center 20px; }
                #order_steps .order_steps ul.order_steps_list li.order { border-style:dashed; background:url(../images/site/order_order.png) no-repeat center 20px; }
                #order_steps .order_steps ul.order_steps_list li.install { background:url(../images/site/order_install.png) no-repeat center 20px; }
                #order_steps .order_steps ul.order_steps_list span.order_list_1 { display:inline-block; float:left; width:29px; height:29px; background:url(../images/site/order_list_1.png) no-repeat center center; margin:-4px 5px 0 0; text-indent:-9999px; }
                #order_steps .order_steps ul.order_steps_list span.order_list_2 { display:inline-block; float:left; width:29px; height:29px; background:url(../images/site/order_list_2.png) no-repeat center center; margin:-4px 5px 0 0; text-indent:-9999px; }
                #order_steps .order_steps ul.order_steps_list span.order_list_3 { display:inline-block; float:left; width:29px; height:29px; background:url(../images/site/order_list_3.png) no-repeat center center; margin:-4px 5px 0 0; text-indent:-9999px; }

main .banner_bar { width:100%; height:100%; float:left; }
    main .banner_bar .carousel_banner { width:100%; height:100%; float:left; }
        main .banner_bar .banner { width:100%; height:500px; float:left; position:relative; }
        main .banner_bar .banner img.main_img { width:100%; height:500px; object-fit:cover; object-position:center; }
        main .banner_bar .banner .banner_inner { position:absolute; top:0; left:0; width:100%; height:100%; }
            main .banner_bar .banner .banner_inner .container { height:100%; }
        main .banner_bar .banner .banner_inner .banner_details { margin:5% 0; float:left; display:block; font-size:20px; line-height:1.4; width:40%; height:70%; box-sizing:border-box; padding:40px; color:#FFFFFF; background:rgba(0,126,21,0.8); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main .banner_bar .banner .banner_inner .banner_details.blue { background-color:rgba(44,53,146,0.8); }
            main .banner_bar .banner .banner_inner .banner_details h3 { font-size:30px; line-height:1.3; margin:0 0 5px 0; padding:0; color:#FFFFFF; }
            main .banner_bar .banner .banner_inner .banner_details h4 { font-size:22px; line-height:1.3; margin:0 0 5px 0; padding:0; color:#FFFFFF; }
            main .banner_bar .banner .banner_inner .banner_details p { margin:10px 0 0 0; }
            main .banner_bar .banner .banner_inner .banner_details a { color:#ffffff; text-decoration:underline; }
                main .banner_bar .banner .banner_inner .banner_details a:hover { text-decoration:none; }
            main .banner_bar .banner .banner_inner .banner_details.right { float:right; }
            main .banner_bar .banner .banner_inner .banner_details .total_boxes { width:102%; margin:0 -1%; float:left; }
                main .banner_bar .banner .banner_inner .banner_details .total_boxes .total_box { width:48%; float:left; background:rgba(44,53,146,0.80); padding:10px; box-sizing:border-box; margin:0 1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; }
                main .banner_bar .banner .banner_inner .banner_details .total_boxes .total_box label { display:block; text-transform:uppercase; font-weight:bold; font-size:14px; }
                main .banner_bar .banner .banner_inner .banner_details .total_boxes .total_box span.count { display:block; font-weight:bold; font-size:34px; }
                main .banner_bar .banner .banner_inner .banner_details img { margin-top:-10px; }
        main .banner_bar .banner_mobile { display:none; height:500px; position:relative; width:100%; box-sizing:border-box; padding:15px 0; float:left; background-position:right top; background-size:cover; background-repeat:no-repeat; }
            main .banner_bar .banner_mobile .banner_details_mobile { margin:5% 0; position:absolute; bottom:0; left:2%; right:2%; width:96%; height:auto;  display:block; font-size:20px; line-height:1.4; box-sizing:border-box; padding:20px; color:#FFFFFF; background:rgba(0,126,21,0.8); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main .banner_bar .banner_mobile .banner_details_mobile.blue { background-color:rgba(44,53,146,0.8); }
            main .banner_bar .banner_mobile .banner_details_mobile h3 { font-size:28px; line-height:1.3; margin:0 0 5px 0; padding:0; color:#FFFFFF; }
            main .banner_bar .banner_mobile .banner_details_mobile h4 { font-size:20px; line-height:1.3; margin:0 0 5px 0; padding:0; color:#FFFFFF; }
            main .banner_bar .banner_mobile .banner_details_mobile p { margin:10px 0 0 0; }
            main .banner_bar .banner_mobile .banner_details_mobile a { color:#ffffff; text-decoration:underline; }
                main .banner_bar .banner_mobile .banner_details_mobile a:hover { text-decoration:none; }
            main .banner_bar .banner_mobile .banner_details_mobile .benefit_boxes { display:flex; flex-wrap:wrap; width:102%; margin:0 -1%; float:left; font-size:16px; line-height:1.1; font-weight:bold; }
                main .banner_bar .banner_mobile .banner_details_mobile .benefit_boxes .benefit_box { flex:1 0 auto; background:rgba(0,126,21,0.6); width:31.3333333%; background-position:center 10px; background-repeat:no-repeat; float:left; padding:48px 10px 10px 10px; box-sizing:border-box; margin:0 1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; }
                    main .banner_bar .banner_mobile .banner_details_mobile .benefit_boxes .benefit_box#budget { background-image:url(../images/site/banner_benefit_budget.png); }
                    main .banner_bar .banner_mobile .banner_details_mobile .benefit_boxes .benefit_box#repairs { background-image:url(../images/site/banner_benefit_repair.png); }
                    main .banner_bar .banner_mobile .banner_details_mobile .benefit_boxes .benefit_box#service { background-image:url(../images/site/banner_benefit_service.png); }
            main .banner_bar .banner_mobile .banner_details_mobile .total_boxes { width:102%; margin:0 -1%; float:left; }
                main .banner_bar .banner_mobile .banner_details_mobile .total_boxes .total_box { width:48%; min-height:88px; float:left; background:rgba(44,53,146,0.80); padding:10px; box-sizing:border-box; margin:0 1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; }
                main .banner_bar .banner_mobile .banner_details_mobile .total_boxes .total_box label { display:block; text-transform:uppercase; font-weight:normal; font-size:14px; }
                main .banner_bar .banner_mobile .banner_details_mobile .total_boxes .total_box span.count { display:block; font-weight:bold; font-size:34px; }
                main .banner_bar .banner_mobile .banner_details_mobile img { margin-top:-10px; width:100%; }
                     
main #home_banners { width:100%; float:left; background:#7d9063; }
    main #home_banners .home_banners { width:98%; float:left; margin:0 1%; height:500px; }
        main #home_banners .home_banners .banners_carousel { width:100%; height:500px; }
        main #home_banners .home_banners .item { width:100%; position:relative; height:500px; background-size:cover; background-position:center center; }
            main #home_banners .home_banners .item .banner_left_box { padding:50px; width:100%; height:auto; position:absolute; bottom:0; left:0; box-sizing:border-box; }
            main #home_banners .home_banners .item .banner_right_box { padding:50px; width:100%; height:auto; position:absolute; text-align:right; bottom:0; right:0; box-sizing:border-box; }
                main #home_banners .home_banners .item .banner_left_box img { display:block; padding:0 0 10px 0; }
                main #home_banners .home_banners .item .banner_right_box img { display:inline-block; padding:0 0 10px 0; text-align:right; }
                main #home_banners .home_banners .item .banner_left_box h2, main #home_banners .home_banners .item .banner_right_box h2 { font-size:40px; line-height:1.2; color:#000000; margin:0; padding:0; }
                main #home_banners .home_banners .item .banner_left_box p, main #home_banners .home_banners .item .banner_right_box p { font-size:24px; font-weight:normal; color:#000000; margin:0; padding:0 0 10px 0; }
                main #home_banners .home_banners .item .banner_left_box a.banner_btn { font-size:26px; font-weight:bold; color:#FFFFFF; padding:15px 30px; float:left; background:#596548; text-transform:none; margin:10px 0 0 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main #home_banners .home_banners .item .banner_right_box a.banner_btn { font-size:26px; font-weight:bold; color:#FFFFFF; padding:15px 30px; float:right; background:#596548; text-transform:none; margin:10px 0 0 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                    main #home_banners .home_banners .item .banner_left_box a.banner_btn:hover, main #home_banners .home_banners .item .banner_right_box a.banner_btn:hover { text-decoration:none; cursor:pointer; opacity:0.9; }    
            
main .categories { width:100%; float:left; background:#F7F7F7; padding:30px 0 10px 0; border-top:1px solid #DCDCDC;  }
    main .categories .category { width:31.33333%; margin:0 1% 30px 1%; background:#FFFFFF; float:left; position:relative; }
        main .categories .category a img { width:100%; display:block; float:left; }
        main .categories .category a span.title { display:block; background:rgba(0,0,0,0.8); color:#FFFFFF; font-weight:bold; padding:7px 10px 7px 0; position:absolute; top:20px; left:0; font-size:17px; text-align:right; width:50%; }
        main .categories .category a span.more { display:block; background:#007e15; color:#FFFFFF; font-weight:bold; padding:7px 0; position:absolute; bottom:-16px; left:50%; font-size:17px; text-align:center; margin:0 0 0 -70px; width:140px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main .categories .category a:hover span.more { cursor:pointer; text-decoration:underline; }
            main .categories .category a:hover img { opacity:0.8; filter:alpha(opacity=80); }      

/*.covid { margin:-5px 0 0 0; float:left; width:100%; padding:10px; text-align:center; box-sizing:border-box; background:#FEF882; color:#000000; font-size:14px; }*/

main .dd { width:100%; float:left; padding:20px 0; }
    main .dd .dd_header { width:98%; float:left; text-align:right; margin:0 1% 20px 1%; }
    main .dd .dd_left { width:48%; float:left; margin:0 0 0 1%; }
    main .dd .dd_right { width:48%; float:right; margin:0 1% 0 0; }
    main .dd .dd_row { width:100%; float:left; margin:10px 0 0 0; }
        main .dd .dd_row span.error { display:block; font-size:14px; font-weight:bold; padding:5px 0 0 0; color:#7e000c; } 
        main .dd .dd_row .dd_confirm { display:block; font-size:20px; font-weight:none; padding:5px 0 0 0; }
        main .dd .dd_row label { width:100%; float:left; font-weight:bold; font-size:14px; padding:0 0 4px 0; }
        main .dd .dd_row input { width:100%; background:#FFFFFF; float:left; font-size:24px; padding:5px; box-sizing:border-box; border:1px solid #DDDDDD; outline:none; }
            main .dd .dd_row input.sun { width:16.66666%; text-align:center; }
        main .dd .dd_row textarea { width:100%; height:100px; font-family:'Roboto', sans-serif; background:#FFFFFF; float:left; font-size:16px; padding:5px; box-sizing:border-box; border:1px solid #DDDDDD; outline:none; }
    main .dd p.name { width:100%; float:left; font-size:24px; line-height:22px; font-weight:bold; margin:0; padding:0 0 7px 0; }
    main .dd p.address { width:100%; float:left; font-size:21px; line-height:19px; font-weight:normal; margin:0; padding:0; } 
    main .dd p.instruction { width:100%; float:left; font-size:21px; line-height:19px; font-weight:normal; margin:0; padding:0; } 
    main .dd p.instructions { width:100%; float:left; font-size:16px; line-height:22px; font-weight:normal; margin:0; padding:10px 0 0 0; } 
    main .dd p.notice { width:100%; float:left; text-align:center; font-size:15px; color:#DDDDDD; margin:0; padding:20px 0 0 0; }
    main .dd .dd_footer { width:98%; background:url(../images/site/direct_debit_small.png) right 10px no-repeat; float:left; margin:20px 1%; padding:20px 0; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; }
        main .dd .dd_footer h3 { font-size:24px; }
        main .dd .dd_footer ul { font-size:15px; margin:0 0 0 15px; padding:0; }
    main .dd .dd_terms { width:98%; float:left; margin:0 1%; padding:14px 0 20px 0; border-bottom:1px solid #DDDDDD; font-size:15px; }
    main .dd .dd_buttons { width:98%; margin:0 1%; float:left; text-align:center; padding:20px 0; }
        main .dd .dd_buttons button { background:#7e000c; color:#FFFFFF; text-transform:uppercase; padding:10px 30px; font-weight:bold; font-size:26px; text-align:center; border:0; outline:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
            main .dd .dd_buttons button:hover { cursor:pointer; background-color:#101010; }
     
main .home_products { width:100%; float:left; padding:20px 0; background:#FFFFFF; }
    main .home_products .home_products_carousel { width:100%; float:left; padding:0 0 20px 10px; display:flex; flex-wrap:wrap; }
    main .home_products .home_products_carousel .item { padding:10px 0 0 0; width:220px; float:left; position:relative; background:#FFFFFF; display:flex; flex-wrap:wrap; border:1px solid #DCDCDC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    main .home_products .home_products_carousel .item .thumb { position:relative; width:100%; float:left; }
        main .home_products .home_products_carousel .item .thumb .home_offer { position:absolute; z-index:10000; top:10; width:100%; }
            main .home_products .home_products_carousel .item .thumb .home_offer span { display:block; float:right; margin:0 10px 0 0; font-size:14px; font-weight:bold; padding:5px 10px; color:#000000; background:#fedb28; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
    main .home_products .home_products_carousel .item .thumb a { display:block; position:relative; }
    main .home_products .home_products_carousel .item .thumb img { width:100%; }
    main .home_products .home_products_carousel .item .thumb a span.more { display:block; background:#007e15; color:#FFFFFF; font-weight:bold; padding:7px 0; position:absolute; bottom:0; left:50%; margin:0 0 0 -50px; font-size:14px; text-align:center; width:100px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
        main .home_products .home_products_carousel .item .thumb a:hover span.more { cursor:pointer; text-decoration:underline; }
    main .home_products .home_products_carousel .item .details { display:flex; flex-direction:column; width:100%; float:left; padding:10px; box-sizing:border-box; }
        main .home_products .home_products_carousel .item .details .title { width:100%; flex:1 0 auto; }
            main .home_products .home_products_carousel .item .details .title a { color:#000000; font-size:17px; line-height:19px; font-weight:normal; }
        main .home_products .home_products_carousel .item .details .price { padding:5px 0 0 0; color:#000000; font-weight:bold; font-size:15px; display:block; }

main .main_points { width:100%; float:left; background:#606060; }
    main .main_points .main_point { padding:170px 1% 30px 1%; text-align:center; float:left; height:260px; width:33.3333%; box-sizing:border-box; }
        main .main_points .main_point h3 { font-size:24px; line-height:1.3; font-weight:bold; color:#FFFFFF; padding:0; margin:0; }
    main .main_points .main_point#low_prices { background:url(../images/site/point_prices.png) center 30px no-repeat; }
    main .main_points .main_point#no_credit_checks { background:url(../images/site/point_checks.png) center 30px no-repeat #606060; border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; }
    main .main_points .main_point#minimum_period { background:url(../images/site/point_minimum.png) center 30px no-repeat; }

main .introduction { width:98%; margin:0 1% 0 1%; padding:30px 0 20px 0; float:left; background:url(../images/site/grey_arrow.png) center bottom no-repeat; } 
    main .introduction h1 { color:#7e000c; font-size:30px; font-weight:bold; margin:0; padding:0 0 10px 0; }
    main .introduction p { font-size:16px; margin:0; padding:0 0 10px 0; }


main .customer_header { width:100%; float:left; height:300px; background-color:#101010; background-position:center center; background-repeat:no-repeat; background-size:cover; }
    main .customer_header .customer_header_inner { width:100%; height:300px; display:block; float:left; position:relative; }
        main .customer_header .customer_header_inner h1 { z-index:1; position:absolute; bottom:0; left:0; right:0; background:rgba(255,255,255,0.95); color:#007e15; padding:15px 20px; margin:0; font-weight:bold; font-size:40px; }            

main .my_messages { width:100%; float:left; background:#F7F7F7; margin:0 0 20px 0; }
    main .my_messages #my_messages { width:98%; margin:0 1%; float:left; padding:30px 0; font-size:16px; text-align:center; }
        main .my_messages #my_messages h2 { font-size:34px; font-weight:bold; color:#7e000c; padding:0 0 5px 0; }
        main .my_messages #my_messages form { width:40%; display:inline-block; }
        main .my_messages #my_messages form input { z-index:2; width:100%; color:#000000; background:#FFFFFF; border:1px solid #F1F1F1; font-size:22px; padding:10px; box-sizing:border-box; outline:none; border-radius:0; -webkit-appearance:none; font-family:'Open Sans', sans-serif; }
        main .my_messages #my_messages form input:focus { border-color:#7e000c; }
        main .my_messages #my_messages form button { margin:20px 0 0 0; background:#7e000c; color:#FFFFFF; text-transform:uppercase; padding:10px 0; width:100%; font-weight:bold; font-size:26px; text-align:center; border:0; outline:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
            main .my_messages #my_messages form button:hover { cursor:pointer; background-color:#101010; }

main .customer ul.messages { width:100%; float:left; list-style:none; padding:0; margin:0; }
    main .customer ul.messages li { display:block; width:100%; float:left; padding:0 0 10px 0; margin:0; }
        main .customer ul.messages li .message { padding:15px 40px 15px 20px; font-weight:bold; font-size:20px; background:url(../images/site/faq_arrow_closed.png) right 20px center no-repeat #7e000c; color:#FFFFFF; box-sizing:border-box; width:100%; float:left; }
            main .customer ul.messages li .message span.updated { display:block; padding:3px 0 0 0; font-size:14px; font-weight:normal; } 
            main .customer ul.messages li .message:hover { cursor:pointer; background-color:#101010; }
            main .customer ul.messages li .message.open { background-image:url(../images/site/faq_arrow_open.png); }
        main .customer ul.messages li .read_message { font-size:14px; line-height:1.2; display:none; padding:20px; background:#F7F7F7; box-sizing:border-box; width:100%; float:left;  }
            main .customer ul.messages li .read_message .read_container { background:#FFFFFF; margin:0 0 10px 0; width:80%; font-size:15px; float:left; padding:10px; box-sizing:border-box; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
                main .customer ul.messages li .read_message .read_container.agent { background:#E8E8E8; float:right; font-size:15px; }
                main .customer ul.messages li .read_message .read_container label.sent { font-weight:bold; padding:0; text-transform:uppercase; font-size:15px; display:block; }
                main .customer ul.messages li .read_message .read_container label.date { font-weight:normal; padding:0 0 5px 0; font-size:15px; display:block; }
                main .customer ul.messages li .read_message .read_container label.read { font-weight:bold; padding:15px 0 0 0; text-transform:uppercase; font-size:12px; text-transform:uppercase; display:block; }
                main .customer ul.messages li .read_message .reply { width:100%; margin:10px 0 0 0; float:left; }
                    main .customer ul.messages li .read_message .reply textarea { font-family:'Roboto', Sans-Serif; width:100%; padding:20px; height:140px; font-size:15px; box-sizing:border-box; border:0; outline:0; }
                    main .customer ul.messages li .read_message .reply button { width:100%; background:#7e000c; padding:10px 0; text-align:center; font-size:18px; font-weight:bold; color:#FFFFFF; text-transform:uppercase; border:0; outline:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
                        main .customer ul.messages li .read_message .reply button:hover { cursor:pointer; background:#101010; }

main .contact { width:100%; float:left; background:url(../images/site/grey_arrow.png) center bottom no-repeat; }
    main .contact .contact_option { padding:130px 1% 30px 1%; background-position:center 30px; background-repeat:no-repeat; font-size:16px; line-height:1.4; text-align:center; float:left; width:33.3333%; box-sizing:border-box; }
    main .contact .contact_option#by_phone { background-image:url(../images/site/contact_phone.png); }
        main .contact .contact_option#by_phone a { color:#000000; }
    main .contact .contact_option#by_email { background-image:url(../images/site/contact_email.png); }
    main .contact .contact_option#by_post { background-image:url(../images/site/contact_address.png); }
            
main .contact_form { width:100%; float:left; background:#F7F7F7; margin:0 0 20px 0; }
    main .contact_form .contact_form_inner { width:100%; float:left; padding:30px 0; font-size:16px; text-align:center; }
        main .contact_form .contact_form_inner h3 { font-size:34px; font-weight:bold; color:#7e000c; padding:0 0 5px 0; }
        main .contact_form .contact_form_inner form { width:100%; display:inline-block; }
        main .contact_form .contact_form_inner form .field { width:98%; margin:10px 1% 0 1%; float:left; position:relative; }
            main .contact_form .contact_form_inner form .field.half { width:48.5%; margin-right:0; }
        main .contact_form .contact_form_inner form .field span.error { z-index:3; position:absolute; right:10px; font-size:11px; font-weight:bold; bottom:-10px; padding:4px 10px; background:#7e000c; color:#FFFFFF; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; } 
        main .contact_form .contact_form_inner form input { z-index:2; width:100%; color:#000000; background:#FFFFFF; border:1px solid #F1F1F1; font-size:22px; padding:10px; box-sizing:border-box; outline:none; border-radius:0; -webkit-appearance:none; font-family:'Open Sans', sans-serif; }
        main .contact_form .contact_form_inner form input:focus { border-color:#7e000c; }
        main .contact_form .contact_form_inner form textarea { z-index:2; width:100%; height:200px; overflow-x:none; overflow-y:auto; color:#000000; background:#FFFFFF; border:1px solid #F1F1F1; font-size:22px; padding:10px; box-sizing:border-box; outline:none; border-radius:0; resize:none; -webkit-appearance:none; float:left; font-family:'Open Sans', sans-serif; }
        main .contact_form .contact_form_inner form textarea:focus { border-color:#7e000c; }
        main .contact_form .contact_form_inner form textarea::-webkit-scrollbar { width:14px; }
        main .contact_form .contact_form_inner form textarea::-webkit-scrollbar-track { background-color:#F1F1F1; }
        main .contact_form .contact_form_inner form textarea::-webkit-scrollbar-thumb { background-color:#7e000c; }
        main .contact_form .contact_form_inner form ::-webkit-input-placeholder { color:#BEBEBE; }
        main .contact_form .contact_form_inner form ::-moz-placeholder { color:#BEBEBE; }
        main .contact_form .contact_form_inner form :-ms-input-placeholder { color:#BEBEBE; }
        main .contact_form .contact_form_inner form :-moz-placeholder { color:#BEBEBE; }
        main .contact_form .contact_form_inner form .check_options { display:inline-block; }
            main .contact_form .contact_form_inner form .check_options .check_container { display:block; position:relative; float:left; padding-left:35px; padding-top:3px; cursor:pointer; font-size:16px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
                main .contact_form .contact_form_inner form .check_options .check_container input { display:none; position:absolute; opacity:0; cursor:pointer; }
                main .contact_form .contact_form_inner form .check_options .check_container .checkmark { position:absolute; top:0; border:1px solid #F1F1F1; left:0; height:25px; width:25px; background-color:#FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
                main .contact_form .contact_form_inner form .check_options .check_container:hover input ~ .checkmark { background-color:#DDDDDD; }
                main .contact_form .contact_form_inner form .check_options .check_container input:checked ~ .checkmark { border-color:#00D154; background-color:#00D154; }
                    main .contact_form .contact_form_inner form .check_options .check_container .checkmark:after { content:""; position:absolute; display:none; }
                    main .contact_form .contact_form_inner form .check_options .check_container input:checked ~ .checkmark:after { display:block; }
                    main .contact_form .contact_form_inner form .check_options .check_container .checkmark:after { left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
                    main .contact_form .contact_form_inner form .check_options span.error { padding:10px 0 0 0; position:relative; float:left; display:inline-block; font-weight:bold; font-size:14px; color:#7e000c; }
        main .contact_form .contact_form_inner form .check_error { float:left; text-align:center; width:100%; padding:5px 0 0 0; }
           main .contact_form .contact_form_inner form .check_error span.error { z-index:3; font-size:12px; font-weight:bold; padding:4px 10px; background:#7e000c; color:#FFFFFF; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
        main .contact_form .contact_form_inner form button { margin:20px 0 0 0; background:#7e000c; color:#FFFFFF; text-transform:uppercase; padding:10px 0; width:50%; font-weight:bold; font-size:26px; text-align:center; border:0; outline:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main .contact_form .contact_form_inner form button:hover { cursor:pointer; background-color:#101010; }
            
main .customer { width:98%; float:left; margin:0 1%; padding:30px 0 20px 0; font-size:17px; line-height:1.3; }
    main .customer ul.faqs { width:100%; float:left; list-style:none; padding:0; margin:0; }
        main .customer ul.faqs li { display:block; width:100%; float:left; padding:0 0 10px 0; margin:0; }
            main .customer ul.faqs li .question { padding:15px 55px 15px 20px; font-weight:bold; font-size:20px; background:url(../images/site/faq_arrow_closed.png) right 20px center no-repeat #7e000c; color:#FFFFFF; box-sizing:border-box; width:100%; float:left; }
                main .customer ul.faqs li .question:hover { cursor:pointer; background-color:#101010; }
                main .customer ul.faqs li .question.open { background-image:url(../images/site/faq_arrow_open.png); }
            main .customer ul.faqs li .answer { display:none; padding:20px 20px 10px 20px; background:#F7F7F7; box-sizing:border-box; width:100%; float:left;  }
    main .customer .postcode_checker { width:100%; float:left; padding:20px; background:#202020; color:#FFFFFF; box-sizing:border-box; }
        main .customer .postcode_checker h3 { font-weight:bold; color:#FFFFFF; }
        main .customer .postcode_checker label { text-transform:uppercase; font-weight:bold; font-size:14px; display:block; padding:0 0 2px 0; }
        main .customer .postcode_checker input { float:left; width:200px; text-transform:uppercase; color:#000000; background:#FFFFFF; border:1px solid #F1F1F1; font-size:20px; height:46px; line-height:46px; padding:0 5px; box-sizing:border-box; outline:none; border-radius:0; -webkit-appearance:none; font-family:'Open Sans', sans-serif; }
        main .customer .postcode_checker button { float:left; width:100px; text-align:center; color:#FFFFFF; background:#7e000c; border:1px solid #7e000c; font-size:20px; height:46px; line-height:46px; font-weight:bold; box-sizing:border-box; outline:none; border-radius:0; -webkit-appearance:none; font-family:'Open Sans', sans-serif; }
            main .customer .postcode_checker button:hover { cursor:pointer; }
    main .customer .coverage_a_z { width:100%; margin:10px 0 0 0; float:left; padding:20px; background:#F7F7F7; box-sizing:border-box; }
        main .customer .coverage_a_z h3 { font-weight:bold; }
        main .customer .coverage_a_z ul { margin:10px 0 0 0; padding:0; list-style:none; }
            main .customer .coverage_a_z ul li { width:25%; float:left; box-sizing:border-box; padding:0 5px 3px 0; }        
    main .customer ul.benefits { margin:0; padding:0; list-style:none; }
        main .customer ul.benefits li { font-weight:bold; font-size:22px; padding:4px 0 2px 36px; background:url(../images/site/tick.png) left center no-repeat transparent; }
    
main .location_map { width:100%; height:350px; float:left; position:relative; }
    main .location_map #map { width:100%; height:350px; float:left; }
main #location_info { background-color:var(--green7); width:100%; float:left; padding:30px 0 20px 0; }
    main #location_info { width:100%; float:left; text-align:center; font-weight:400; font-family:"Montserrat", sans-serif; font-size:20px; line-height:1.3; }
        main #location_info h1 { font-size:38px; line-height:1.1; color:#007e15; font-weight:700; font-family:"Montserrat", sans-serif; text-transform:uppercase; padding:0 0 5px 0; margin:0; }
        main #location_info ul.benefits { width:100%; margin:0; padding:0; list-style:none; text-align:center; }
        main #location_info ul.benefits li { text-align:left; display:inline-block; font-weight:700; font-size:22px; margin:0 5px 3px 0; padding:4px 0 2px 36px; background:url(../images/site/tick.png) left center no-repeat transparent; }

main .location_categories { width:100%; float:left; background:#F7F7F7; padding:30px 0 10px 0; border-top:1px solid #DCDCDC;  }
    main .location_categories h3 { font-size:32px; padding:0 0 15px 0; margin:0; font-weight:bold; line-height:1.1; text-align:center; }
    main .location_categories .category { width:23%; margin:0 1% 30px 1%; background:#FFFFFF; float:left; position:relative; }
        main .location_categories .category a img { width:100%; display:block; float:left; }
        main .location_categories .category a span.title { display:block; background:rgba(0,0,0,0.8); color:#FFFFFF; font-weight:bold; padding:7px 10px 7px 0; position:absolute; top:20px; left:0; font-size:17px; text-align:right; width:50%; }
        main .location_categories .category a span.more { display:block; background:#007e15; color:#FFFFFF; font-weight:bold; padding:7px 0; position:absolute; bottom:-16px; left:50%; font-size:17px; text-align:center; margin:0 0 0 -70px; width:140px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main .location_categories .category a:hover span.more { cursor:pointer; text-decoration:underline; }
            main .location_categories .category a:hover img { opacity:0.8; filter:alpha(opacity=80); }      
        
main .customer .payment_form { float:left; margin:10px 0 0 0; box-sizing:border-box; }
    main .customer .payment_form .dd_header { width:98%; float:left; text-align:right; margin:0 1% 20px 1%; }
    main .customer p.outstanding { font-size:25px; font-weight:bold; line-height:1.1; }
        main .customer p.outstanding strong { color:#7e000c; }
    main .customer p.current { font-size:25px; font-weight:normal; line-height:1.1; }
    main .customer p.newdd { font-size:20px; font-weight:normal; line-height:1.1; }
    main .customer p.newddfail { font-size:17px; font-weight:bold; color:#7e000c; line-height:1.1; }
    main .customer .payment_form p.name { font-size:25px; font-weight:bold; line-height:1.1; }
    main .customer .payment_form p.address { margin:-5px 0 10px 0; font-size:23px; font-weight:normal; line-height:1.1; }
    main .customer .payment_form p.instructions { width:100%; float:left; }
    main .customer .payment_form p.ddaccept { width:100%; float:left; font-weight:bold; }
    main .customer .payment_form .field { position:relative; display:block; float:left; width:100%; padding:0 0 10px 0; }
        main .customer .payment_form .field span.error { display:block; font-size:14px; font-weight:bold; padding:5px 0 0 0; color:#7e000c; } 
        main .customer .payment_form .field label { user-select:none; position:absolute; display:block; font-size:18px; top:16px; left:15px; transition:0.2s; }
        main .customer .payment_form .field input:valid ~ label { top:5px; font-size:11px; }
        main .customer .payment_form .field input:focus { border-color:#46dd31; }
        main .customer .payment_form .field input:focus ~ label { top:5px; font-size:11px; }
        main .customer .payment_form .field label:hover { cursor:text; }
    main .customer .payment_form input[type=text].labelled { line-height:56px; height:56px; width:400px; text-transform:uppercase; font-size:18px; padding:20px 15px 10px 15px; margin:0 0 4px 0; border:1px solid #DDDDDD; outline:0; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    main .customer .payment_form select { padding:0 28px 0 10px; box-sizing:border-box; border:2px solid rgb(235,235,235); font-size:15px; height:56px; line-height:56px; vertical-align:middle; margin:0 0 5px 0; background:url(../images/site/select_menu_arrow.png) no-repeat right 6px center #FFFFFF; outline:none; display:inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
        main .customer .payment_form select[disabled] { background-color:rgb(245,245,245); background-image:url(../images/site/select_arrow_disabled.png) }
    main .customer .payment_form input[type=text] { color:#000000; width:400px; background:#FFFFFF; border:1px solid #DDDDDD; font-size:18px; padding:10px; box-sizing:border-box; outline:none; border-radius:0; -webkit-appearance:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
    main .customer .payment_form #stripe_element { background:#FFFFFF; padding:10px; width:550px; box-sizing:border-box; border:1px solid #DDDDDD; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
        main .customer .payment_form input[type=text]:focus { border-color:#7e000c; }
        main .customer .payment_form input[type=text].small { width:300px; }
        main .customer .payment_form input[type=text].sun { background:#F8F8F8; width:70px; text-align:center; }
        main .customer .payment_form input[type=text]#amount { width:200px; background:url(../images/site/pound_sign.png) no-repeat 10px center #FFFFFF; padding:10px 10px 10px 44px; }
    main .customer .payment_form .field label.payment_provider { position:relative; top:0; left:0; width:100%; float:left; display:block; }
        main .customer .payment_form .field label.payment_provider input[type=radio] { width:20px; height:20px; margin:0; }
        main .customer .payment_form .field label.payment_provider#provider_option_card { background:url(../images/site/card_options.jpg) no-repeat 34px bottom #FFFFFF; text-align:left; box-sizing:border-box; padding:10px 0 42px 0; margin:0 0 5px 0; }
        main .customer .payment_form .field label.payment_provider#provider_option_paypal { background:url(../images/site/paypal_option.jpg) no-repeat 34px bottom #FFFFFF; text-align:left; box-sizing:border-box; padding:10px 10px 40px 10px; }
        main .customer .payment_form .field label.payment_provider:hover { cursor:pointer; }    
    main .customer .payment_form ::-webkit-input-placeholder { color:#BEBEBE; }
    main .customer .payment_form ::-moz-placeholder { color:#BEBEBE; }
    main .customer .payment_form :-ms-input-placeholder { color:#BEBEBE; }
    main .customer .payment_form :-moz-placeholder { color:#BEBEBE; }
    main .customer .payment_form button { margin:10px 0 0 0; background:#007e15; color:#FFFFFF; text-transform:none; padding:10px 20px; font-weight:bold; font-size:26px; text-align:center; border:0; outline:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
        main .customer .payment_form button:hover { cursor:pointer; text-decoration:underline; }
    main .customer .payment_form span.or_split { font-size:26px; font-weight:bold; display:inline-block; padding:0 10px; text-align:center; }
    main .customer .payment_form a.button_link { margin:10px 0 0 0; background:#007e15; color:#FFFFFF; text-transform:none; padding:10px 20px; box-sizing:border-box; font-weight:bold; font-size:26px; text-align:center; border:0; outline:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
        main .customer .payment_form a.button_link:hover { cursor:pointer; text-decoration:underline; }

main .support { width:100%; float:left; padding:30px 0 20px 0; margin:0 0 20px 0; background:#F7F7F7; }
    main .support .support_categories { width:98%; margin:0 1%; text-align:center; padding:0 0 10px 0; }
        main .support .support_categories a { display:inline-block; padding:7px 10px; margin:0 3px 5px 0; background:#FFFFFF; color:#000000; font-weight:bold; font-size:17px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main .support .support_categories a:hover { background:#7e000c; color:#FFFFFF; text-decoration:none; }
            main .support .support_categories a.this { background:#7e000c; color:#FFFFFF; text-decoration:none; }
    main .support #support { width:100%; float:left; }
    main .support .article { width:32%; box-sizing: border-box; float:left; background:#ffffff; margin: 0 0 10px 1%; }
    main .support .article img { width: 100%; float:left; }
    main .support .article .details { width:100%; float:left; padding:10px; box-sizing:border-box; }
        main .support .article .details h3 { line-height:1.2; }
        main .support .article .details p { font-size:15px; width:100%; float:left; box-sizing:border-box; }
        main .support .article p.added { font-size:14px; margin:-10px 0 0 0; padding:0 10px 5px 10px; width:100%; float:left; box-sizing:border-box; }
        main .support .article a.more { display:block; background:#7e000c; color:#FFFFFF; text-transform:uppercase; font-weight:bold; padding:7px 0; float:left; font-size:17px; text-align:center; width:100%; }
        main .support .article a.more:hover { text-decoration:none; background:#101010; }

main .support_post { width:100%; float:left; padding:30px 0 20px 0; margin:0 0 20px 0; background-image:linear-gradient(to right, #FFFFFF 70%, #F7F7F7 30%); }
    main .support_post #support_post { width:69%; float:left; margin:0 1%; font-size:17px; }
        main .support_post #support_post img { width:100%; margin:0 0 10px 0; }
        main .support_post #support_post h2 { color:#000000; line-height:1.2; }
        main .support_post #support_post a.cat { display:inline-block; padding:5px 10px; margin:0 3px 0 0; background:#7e000c; color:#FFFFFF; font-weight:bold; font-size:12px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
             main .support_post #support_post a.cat:hover { background:#000000; text-decoration:none; }
    main .support_post #recently_added { width:25%; float:left; margin:0 0 0 3%; font-size:17px; }
        main .support_post #recently_added h2 { color:#000000; text-transform:uppercase; }
        main .support_post #recently_added .recent { width:100%; float:left; background:#FFFFFF; margin:0 0 10px 0; }
            main .support_post #recently_added .recent .details { padding:10px; box-sizing:border-box; }
            main .support_post #recently_added .recent .details p.title { font-size:17px; padding:0 0 5px 0; line-height:19px; }
                main .support_post #recently_added .recent .details p.title a { font-weight:bold; }
            main .support_post #recently_added .recent .details p.added { font-size:14px; padding:0; }
        main .support_post #recently_added img { width:100%; }
    
main #products { width:100%; float:left; text-align:center; padding:20px 0; background-color:var(--green20);  }
    main #products h1 { font-weight:900; font-family:"Montserrat", sans-serif; font-size:50px; line-height:1; padding:0; margin:0; text-transform:uppercase; color:var(--green); }
    main #products h2 { font-weight:500; font-family:"Montserrat", sans-serif; font-size:21px; line-height:1.1; padding:0; margin:0; text-transform:uppercase; color:#000000; }
    main #products .products { 
        width:100%; 
        text-align:center; 
        float:left; 
        gap: 0;
        padding:12px 0 0 0;
        display:flex; 
        flex-wrap:wrap; 
        justify-content: center; 
        width: 101%;
        margin: 0 0 0 -1%;
    }
    main .products .product { 
        width:23.75%; 
        display:flex; 
        flex-wrap:wrap; 
        float:left; 
        background:#FFFFFF; 
        padding:10px 0 0 0; 
        margin:10px 0 10px 1%; 
        position:relative; 
        border:1px solid #DCDCDC; 
        box-sizing:border-box; 
        -webkit-border-radius:10px; 
        -moz-border-radius:10px; 
        border-radius:10px; 
        margin-left:1%;
        flex-direction: column;
        background: url(../images/headers/header_green.png) no-repeat top center var(--green15);
        background-size: contain;
        padding:20px;
    }
    
    main .products .product a.product_thumb {
        width: 100%;
        display: block;
    }
    main .products .product img {
        width: 100%;       
    } 
    main .products .product .product_zero {
        display:block;
        position:absolute;
        right:0;
        top:10px;
        background: #7e000f;
        font-family: "Montserrat", sans-serif;
        font-weight: 900;
        font-size:14px;
        color:#ffffff;
        padding:5px 20px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    main .products .product .product_offer {
        display:block;
        position:absolute;
        right:0;
        top:10px;
        background: #ffcc00;
        font-family: "Montserrat", sans-serif;
        font-weight: 900;
        font-size:14px;
        color:#ffffff;
        padding:5px 20px;
        -webkit-border-top-left-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    main .products .product .product_title {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size:22px;
        text-transform:uppercase;
        line-height:1;
        color:#000000;
        padding:4px 0 7px 0;
        flex: 1;
    }
    main .products .product .product_price {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size:16px;
        text-transform:uppercase;
        line-height:1;
        padding:5px 0 0 0;
        color:#000000;
    }
    main .products .product .product_more {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size:20px;
        text-transform:uppercase;
        line-height:1;
        color:#ffffff;
        background:var(--green);
        padding:10px 0;
        text-align:center;
        border-radius:10px;
        margin:10px 0 5px 0;
    }
    main .products .product .product_more:hover {
        text-decoration:none;
        opacity:0.8;
        cursor: pointer;
    }
    main .products .product button {
        font-family: "Montserrat", sans-serif;
        font-weight: 700;
        font-size:20px;
        text-transform:uppercase;
        line-height:1;
        color:#ffffff;
        background:var(--green);
        padding:10px 0;
        text-align:center;
        border-radius:10px;
        margin:10px 0 5px 0;
    }
    main .products .product button:hover {
        text-decoration:none;
        opacity:0.8;
        cursor: pointer;
    }
    main .products .product .stock { font-size:16px; padding:5px 0 0 0; text-align:center; font-weight:bold; width:100%; float:left; box-sizing:border-box; }
        main .products .product .stock .stock_in { color:#007e15; padding:0 0 0 22px; display:inline-block; background:url(../images/site/stock_in.png) no-repeat left center transparent; }
        main .products .product .stock .stock_out { color:#7e000c; padding:0 0 0 22px; display:inline-block; background:url(../images/site/stock_out.png) no-repeat left center transparent; }
        main .products .product .stock a { color:#7e000c; text-decoration:underline; }
            main .products .product .stock span a:hover { text-decoration:none; }
    main .products .product .not_available { padding:5px 0; text-align:center; margin:2px 0 0 0; background:#7e000c; opacity:0.7; color:#FFFFFF; font-weight:normal; font-size:16px; display:block; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
        main .products .product .not_available a { text-decoration:underline; color:#FFFFFF; }
        main .products .product .not_available a:hover { text-decoration:none; }
    main .products .product .available { padding:5px 0; text-align:center;  margin:2px 0 0 0; background:var(--green); opacity:0.7; color:#FFFFFF; font-weight:bold; font-size:16px; display:block; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
        main .products .product .available a { text-decoration:underline; color:#FFFFFF; }
        main .products .product .available a:hover { text-decoration:none; }
    /* Unavailable */
    main .products .product.unavailable img { opacity:0.5; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
    main .products .product.unavailable .product_title { opacity:0.3; }
    main .products .product.unavailable .product_price { opacity:0.3; }
    main .products .product.unavailable button { opacity:0.3; cursor:not-allowed; }
    
    main #products.purple {
        background: var(--purple20);
    }
    main #products.purple h1 {
        color: var(--purple);
    }
    main .products.purple {
        background: var(--purple20);
    }
    main .products.purple .product {
        background-color: var(--purple15);
        background-image: url(../images/headers/header_purple.png);
    }
    main .products.purple .product .product_more {
        background: var(--purple);
    }
    main .products.purple .product button {
        background: var(--purple);
    }
    main #products.blue {
        background: var(--blue20);
    }
    main #products.blue h1 {
        color: var(--blue);
    }
    main .products.blue {
        background: var(--blue20);
    }
    main .products.blue .product {
        background-color: var(--blue15);
        background-image: url(../images/headers/header_blue.png);
    }
    main .products.blue .product .product_more {
        background: var(--blue);
    }
    main .products.blue .product button {
        background: var(--blue);
    }
               
        
main #category { width:100%; margin:10px 0 0 0; font-size:18px; background:var(--green15); text-align:center; float:left; padding:30px 0; }
    main #category .category { width:98%; margin:0 1%; }
    main #category .category h2 { color:var(--green); font-weight:700; font-family:"Montserrat", Sans-Serif; font-size:30px; line-height:1; }
    main #category .category h3 { font-weight:700; font-family:"Montserrat", Sans-Serif; font-size:24px; line-height:1; }
    main #category.purple { background:var(--purple15); }
    main #category.purple .category h2 { color:var(--purple); }
    main #category.blue { background:var(--blue15); }
    main #category.blue .category h2 { color:var(--blue); }
    

main .product_info { width:100%; float:left; margin:0; padding:20px 0; background:#FFFFFF; }
    main .product_info .product_header { width:100%; float:left; }
        main .product_info .product_header h1 { background:#D9D9D9; clear:right; color:#000000; padding:10px 20px; float:left; margin:0 0 20px 1%; font-weight:bold; font-size:30px; text-transform:uppercase; }            
    main .product_info .images { width:40%; text-align:center; margin:0 0 0 1%; padding:20px; background:#FFFFFF; box-sizing:border-box; float:left; }
        main .product_info .images .image { display:block; float:left; padding:0 0 10px 0; position:relative; }
            main .product_info .images .image img { width:100%; }
            main .product_info .images .image .offer { position:absolute; top:0; right:0; }
                main .product_info .images .image .offer span.offer_type { font-size:19px; display:block; float:right; clear:both; font-weight:bold; padding:5px 10px; color:#000000; background:#fedb28; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:200; position:relative; }
                main .product_info .images .image .offer span.offer_saving { margin:-2px 0 0 0; font-size:14px; display:block; text-align:left; float:right; clear:both; padding:5px 8px; color:rgb(255,255,255); background:rgb(70,70,70); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; z-index:200; position:relative; }
                    main .product_info .images .image .offer span.offer_saving strong.off { font-size:14px; }
                    main .product_info .images .image .offer span.offer_saving span { text-decoration:line-through; }
                    
    main .product_info .product_details { width:56%; float:right; margin:0 1% 0 0; }
        main .product_info .product_details .product_stock { width:100%; background:#e1e1e1; float:left; padding:20px; margin:0 0 10px 0; text-align:center; position:relative; border:1px solid #DCDCDC; border-top:none; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main .product_info .product_details .product_stock h4 { color:#7e000c; padding:0; margin:0; font-size:27px; }
            main .product_info .product_details .product_stock p { color:#000000; font-size:18px; }
            main .product_info .product_details .product_stock .notify_added { background:url(../images/site/tick.png) no-repeat 15px center #007e15; color:#ffffff; font-weight:bold; font-size:20px; line-height:1.1; padding:17px 15px 17px 53px; text-align:left; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            
            main .product_info .product_details .product_stock .product_stock_form { width:100%; float:left; background:#F8F8F8; padding:15px; box-sizing:border-box; text-align:left; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main .product_info .product_details .product_stock .product_stock_form .form_field { position:relative; width:100%; float:left; padding:0 0 5px 0; }
            main .product_info .product_details .product_stock .product_stock_form .form_field_50 { position:relative; width:49%; float:left; padding:0 0 5px 0; }
            main .product_info .product_details .product_stock .product_stock_form .form_field_50.right_field { float:right; }
            main .product_info .product_details .product_stock .product_stock_form span.error { padding:2px 0 0 0; width:100%; display:block; font-weight:bold; font-size:14px; color:#7e000c; }
            main .product_info .product_details .product_stock .product_stock_form span.success { padding:2px 0 0 0; width:100%; display:block; font-weight:bold; font-size:14px; color:#007e15; }
            main .product_info .product_details .product_stock .product_stock_form label { user-select:none; position:absolute; display:block; font-size:18px; top:16px; left:15px; transition:0.2s; }
            main .product_info .product_details .product_stock .product_stock_form input[type=text] { line-height:56px; height:56px; text-transform:uppercase; width:100%; font-size:18px; padding:20px 15px 10px 15px; margin:0 0 4px 0; border:1px solid #DDDDDD; outline:0; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main .product_info .product_details .product_stock .product_stock_form input[type=text].lower { text-transform:lowercase; }
            main .product_info .product_details .product_stock .product_stock_form input:valid ~ label { top:5px; font-size:11px; }
            main .product_info .product_details .product_stock .product_stock_form input:focus { border-color:#46dd31; }
            main .product_info .product_details .product_stock .product_stock_form input:focus ~ label { top:5px; font-size:11px; }
            main .product_info .product_details .product_stock .product_stock_form label:hover { cursor:text; }
            main .product_info .product_details .product_stock button.notify_btn { background:#007e15; color:#FFFFFF; border:0; outline:0; margin:5px 0 0 0; padding:10px 30px; text-align:center; font-size:22px; font-weight:bold; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }        
            main .product_info .product_details .product_stock button.notify_btn:hover { cursor:pointer; text-decoration:underline; }

                
        main .product_info .product_details .product_pricing { width:100%; float:left; padding:20px; margin:0 0 10px 0; text-align:center; position:relative; border:1px solid #DCDCDC; border-top:none; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main .product_info .product_details .product_pricing .product_details_description { width:100%; float:left; }
            main .product_info .product_details .product_pricing h3 { color:#000000; padding:0; margin:0; }
            main .product_info .product_details .product_pricing select { margin:-5px 0 5px 0; font-size:15px; height:38px; padding:5px 25px 5px 10px; background:url(../images/site/select_menu_arrow.png) no-repeat right 8px center #FFFFFF; border:1px solid rgb(229,229,229); outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
            main .product_info .product_details .product_pricing p#rental_price { font-weight:bold; font-size:20px; color:#000000; width:100%; }
            main .product_info .product_details .product_pricing p#in_order { font-size:17px; color:#000000; }
            main .product_info .product_details .product_pricing p#existing { font-size:15px; color:#FFFFFF; background:#7e000c; display:block; padding:10px; margin:0 0 10px 0; font-weight:bold; box-sizing:border-box; }
            main .product_info .product_details .product_pricing p.available_notice { padding:5px 10px; margin:-5px -10px 10px -10px; display:none; font-size:16px; }
            main .product_info .product_details .product_pricing p.available_notice.not_available { background:#7e000c; color:#FFFFFF; font-weight:normal; display:block; }
            main .product_info .product_details .product_pricing p.available_notice.available { background:#00C417; color:#FFFFFF; font-weight:bold; display:block; }
            main .product_info .product_details .product_pricing p.not_available { padding:5px 15px; text-align:center; margin:0 auto 10px auto; background:#7e000c; color:#FFFFFF; font-weight:normal; font-size:18px; display:block; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main .product_info .product_details .product_pricing p.not_available a { text-decoration:underline; color:#FFFFFF; }
                main .product_info .product_details .product_pricing p.not_available a:hover { text-decoration:none; }
            main .product_info .product_details .product_pricing p.available { padding:5px 15px; text-align:center; margin:0 auto 10px auto; background:#007e15; color:#FFFFFF; font-weight:bold; font-size:18px; display:block; width:auto; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main .product_info .product_details .product_pricing p.available a { text-decoration:underline; color:#FFFFFF; }
                main .product_info .product_details .product_pricing p.available a:hover { text-decoration:none; }
        
            main .product_info .product_details .product_pricing button { background:#007e15; color:#FFFFFF; border:0; outline:0; width:180px; padding:10px 0; text-align:center; font-size:22px; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }        
                main .product_info .product_details .product_pricing button:hover { cursor:pointer; text-decoration:underline; }
        main .product_info .product_details .product_details_description { float:left; font-size:18px; margin:0 0 10px 0; padding:0; box-sizing:border-box; }
            main .product_info .product_details .product_details_description h2 { color:#000000; font-size:26px; line-height:30px; }        
       main .product_info .product_details .product_coverage { margin:0 0 10px 0; font-size:16px; width:100%; float:left; background:#D9D9D9; padding:20px; box-sizing:border-box; }
            main .product_info .product_details .product_coverage input { float:left; width:245px; text-transform:uppercase; color:#000000; background:#FFFFFF; border:1px solid #F1F1F1; font-size:20px; height:46px; line-height:46px; padding:0 5px; box-sizing:border-box; outline:none; border-radius:0; -webkit-appearance:none; font-family:'Open Sans', sans-serif; }
            main .product_info .product_details .product_coverage input::placeholder { text-transform:none; }
            main .product_info .product_details .product_coverage button { padding:0 10px; text-transform:uppercase; float:left; text-align:center; color:#FFFFFF; background:#7e000c; border:1px solid #7e000c; font-size:20px; height:46px; line-height:46px; font-weight:bold; box-sizing:border-box; outline:none; border-radius:0; -webkit-appearance:none; font-family:'Open Sans', sans-serif; }
            main .product_info .product_details .product_coverage button:hover { cursor:pointer; }    
            
        
        /* Unavailable */
        main .product_info .product_details .product_pricing.item_unavailable h3 { color:#DDDDDD; }
        main .product_info .product_details .product_pricing.item_unavailable p#rental_price { color:#DDDDDD; }
        main .product_info .product_details .product_pricing.item_unavailable p#in_order { color:#DDDDDD; }
        main .product_info .product_details .product_pricing.item_unavailable p#existing { color:#DDDDDD; }
        main .product_info .product_details .product_pricing.item_unavailable button { background:#DDDDDD; }        
        
        main .product_info .product_details .rental_benefits { float:left; width:100%; margin:0 0 10px 0; font-size:15px; color:#000000; padding:20px 40px 10px 40px; box-sizing:border-box; }
            main .product_info .product_details .rental_benefits h4 { font-weight:bold; font-size:18px; padding:0 0 10px 0; margin:0; }   
                main .product_info .product_details .rental_benefits h4 span#inline_logo { margin:-5px 0 0 3px; text-indent:-9999px; display:inline-block; background:url(../images/site/inline_logo.png) no-repeat left center; width:180px; height:27px; }
            main .product_info .product_details .rental_benefits ul.benefits { list-style:none; margin:0; padding:0; }
                main .product_info .product_details .rental_benefits ul.benefits li { background:url(../images/site/prod_tick.png) no-repeat left center; padding:0 0 0 30px; color:#007e15; }
                    main .product_info .product_details .rental_benefits ul.benefits li h5 { font-size:17px; font-weight:bold; padding:0 0 1px 0; margin:0; }
        main .product_info .product_details .payment_information { float:left; width:100%; margin:0 0 10px 0; font-size:15px; color:#000000; padding:0 40px 0 40px; box-sizing:border-box; }
            main .product_info .product_details .payment_information h4 { font-weight:bold; font-size:16px; padding:0 0 10px 0; margin:0; }   
        main .product_info .product_details .product_description { float:left; width:100%; padding:0 40px 20px 40px; font-size:14px; }
            main .product_info .product_details .product_description h4 { color:#000000; font-size:17px; margin:0; padding:0 0 10px 0; }
            main .product_info .product_details .product_description h5 { color:#000000; font-size:14px; margin:0; padding:0 0 10px 0; font-weight:normal; }
      
    main .my_order_empty { width:100%; float:left; background:#F7F7F7; padding:0; margin:0; }   
        main .my_order_empty #my_order_empty { background:url(../images/site/empty_trolley.png) center 30px no-repeat; width:98%; float:left; margin:0 1%; padding:160px 0 30px 0; font-size:22px; font-weight:bold; text-align:center; }
             main .my_order_empty #my_order_empty a { display:inline-block; padding:15px 20px; background:#007e15; color:#FFFFFF; text-decoration:none; font-size:20px; margin:10px 0 0 0; font-weight:bold; text-transform:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main .my_order_empty #my_order_empty a:hover { text-decoration:underline; }
    
    main .my_order_no_entry { width:100%; float:left; background:#F7F7F7; padding:0; margin:0; }   
        main .my_order_no_entry #my_order_no_entry { background:url(../images/site/my_order_no_entry.png) center 30px no-repeat; width:98%; float:left; margin:0 1%; padding:174px 0 30px 0; font-size:16px; text-align:center; }
            main .my_order_no_entry #my_order_no_entry strong { font-size:22px; }
            main .my_order_no_entry #my_order_no_entry a { display:inline-block; padding:15px 20px; background:#007e15; color:#FFFFFF; text-decoration:none; font-size:20xpx; margin:10px 0 0 0; font-weight:bold; text-transform:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                main .my_order_no_entry #my_order_no_entry a:hover { text-decoration:underline; }
        
    main .my_order { width:100%; float:left; padding:0; margin:10px 0 0 0; }   
        main .my_order .left { float:left; width:60%; margin:0 0 0 1%; }
        main .my_order .right { float:right; width:37%; margin:0 1% 0 0; }
        main .my_order .addon_options { display:none; margin:10px 0 0 0; width:100%; float:left; padding:20px; background:#FFFFFF; border:1px solid #DCDCDC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-sizing:border-box; }
            main .my_order .addon_options h4 { background:#F1F1F1; color:#000000; font-size:14px; font-weight:bold; padding:10px; margin:0; box-sizing:border-box; width:100%; float:left; }
                main .my_order .addon_options h4.top { -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; }
            main .my_order .addon_options .addon_item { border-bottom:1px solid #F1F1F1; margin:0; width:100%; float:left; box-sizing:border-box; }
                main .my_order .addon_options .addon_item .thumb { width:30%; float:left; }
                    main .my_order .addon_options .addon_item .thumb img { width:100%; }
                main .my_order .addon_options .addon_item .details { width:70%; float:left; box-sizing:border-box; padding:20px 0 0 10px; }
                    main .my_order .addon_options .addon_item .details a { color:#000000; text-decoration:none; font-size:15px; }
                    main .my_order .addon_options .addon_item .details span.price { display:block; padding:5px 0 0 0; font-weight:bold; font-size:15px; }
                    main .my_order .addon_options .addon_item .details button { margin:5px 0 0 0; background:#007e15; color:#FFFFFF; border:0; outline:0; padding:10px 20px; text-align:center; font-size:16px; font-weight:bold; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }        
                        main .my_order .addon_options .addon_item .details button:hover { cursor:pointer; text-decoration:underline; }
                    
        main .my_order .order_summary { width:100%; float:left; padding:10px; background:#FFFFFF; border:1px solid #DCDCDC; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-sizing:border-box; }
            main .my_order .order_summary h1 { text-transform:uppercase; font-size:24px; padding:10px 20px; margin:0 0 10px 0; width:100%; box-sizing:border-box; float:left; background:#7e000c; color:#FFFFFF; }
                main .my_order .order_summary #order_summary { width:100%; float:left; padding:4px 10px 20px 10px; box-sizing:border-box; }
                    main .my_order .order_summary #order_summary select { float:right; font-size:14px; height:38px; line-height:38px; vertical-align:middle; padding:0 25px 0 10px; background:url(../images/site/select_menu_arrow.png) no-repeat right 8px center #FFFFFF; border:1px solid rgb(229,229,229); outline:none; display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; }
                    main .my_order .order_summary .existing_customer { padding:10px 10px 0 10px; margin:0 0 5px 0; background:#F7F7F7; width:100%; float:left; font-size:17px; box-sizing:border-box; }
            main .my_order .order_summary .order_summary_tbl { display:table; width:100%; float:left; margin:10px 0 0 0; }
                main .my_order .order_summary .order_summary_tbl .order_summary_tbl_tr { display:table-row; }
                main .my_order .order_summary .order_summary_tbl .order_summary_tbl_th { display:table-cell; color:#000000; padding:0 0 5px 10px; border-bottom:2px dotted #F1F1F1; font-size:15px; font-weight:bold; }
                    main .my_order .order_summary .order_summary_tbl .order_summary_tbl_th.sub_total { text-align:right; padding-right:10px; }
                    main .my_order .order_summary .order_summary_tbl .order_summary_tbl_th.totals { background:#F1F1F1; text-align:right; padding:10px 0 10px 0; }
                        main .my_order .order_summary .order_summary_tbl .order_summary_tbl_th.total { text-align:right; background:#F1F1F1; padding-right:10px; }
                        main .my_order .order_summary .order_summary_tbl .order_summary_tbl_th.ondelivery { color:#7e000c; font-weight:bold; font-size:18px; }
                        main .my_order .order_summary .order_summary_tbl .order_summary_tbl_th.payable { color:#000000; border-top:2px dotted #F1F1F1; border-bottom:2px dotted #F1F1F1; font-weight:bold; font-size:18px; }
                main .my_order .order_summary .order_summary_tbl .order_summary_tbl_td { display:table-cell; vertical-align:middle; padding:10px 0 10px 10px; font-size:15px; }
                    main .my_order .order_summary .order_summary_tbl .order_summary_tbl_td.item { line-height:40px; }
                    main .my_order .order_summary .order_summary_tbl .order_summary_tbl_td img { height:40px; float:left; margin:0 5px 0 0; display:inline-block; vertical-align:middle; }
                    main .my_order .order_summary .order_summary_tbl .order_summary_tbl_td .existing_customers_only { font-weight:bold; display:block; font-size:12px; color:#7e000c; }
                    main .my_order .order_summary .order_summary_tbl .order_summary_tbl_td .agreement_length { margin-top:-15px; font-weight:normal; display:block; font-size:12px; font-weight:bold; color:#1b1b1b; padding:2px 0 0 0; }
                    main .my_order .order_summary .order_summary_tbl .order_summary_tbl_td .delivery_date { font-weight:normal; display:block; font-size:12px; color:#a0a0a0; padding:2px 0 0 0; }
                    main .my_order .order_summary .order_summary_tbl .order_summary_tbl_td.sub_total { text-align:right; padding-right:10px; }
                    main .my_order .order_summary .order_summary_tbl .order_summary_tbl_td span { font-size:10px; }
             main .my_order .order_summary .order_information { padding:7px 0 0 0; width:100%; float:left; text-align:left; font-size:14px; }
             main .my_order .order_summary .order_summary_upfront { margin-top:-7px; padding:0 10px 10px 10px; line-height:1.5; width:100%; float:left; text-align:right; background:#F1F1F1; box-sizing:border-box; font-size:11px; }
             main .my_order .order_summary .order_offer_code { margin:2px 0 -10px 0; width:100%; padding:15px 10px; float:left; box-sizing:border-box; background:#F1F1F1; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
                main .my_order .order_summary .order_offer_code .order_offer_code_applied { background:url(../images/site/offer_code_remove.png) no-repeat right 15px #d4e9d8; margin:0 0 5px 0; width:100%; padding:10px 20px; box-sizing:border-box; float:left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
                    main .my_order .order_summary .order_offer_code .order_offer_code_applied span.discount_code { display:block; font-size:17px; font-weight:bold; color:#007e15; }
                    main .my_order .order_summary .order_offer_code .order_offer_code_applied span.discount_desc { display:block; font-size:15px; font-weight:normal; }
                    main .my_order .order_summary .order_offer_code .order_offer_code_applied.no_edit { background-image:none; }
                    main .my_order .order_summary .order_offer_code .order_offer_code_applied:hover { cursor:pointer; background-color:#cce5d0; } 
                main .my_order .order_summary .order_offer_code .order_offer_code_form { width:100%; height:44px; float:left; position:relative; }
                main .my_order .order_summary .order_offer_code .order_offer_code_form label { display:none; user-select:none; position:absolute; font-size:18px; top:12px; left:15px; transition:0.2s; }
                main .my_order .order_summary .order_offer_code .order_offer_code_form input[type=text] { position:absolute; line-height:44px; height:44px; text-transform:uppercase; width:100%; font-size:16px; padding:10px 145px 10px 15px; border:1px solid #DDDDDD; outline:0; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                    main .my_order .order_summary .order_offer_code .order_offer_code_form input[type=text]::placeholder { text-transform:none; }
                main .my_order .order_summary .order_offer_code .order_offer_code_form input:valid ~ label { top:5px; font-size:11px; }
                main .my_order .order_summary .order_offer_code .order_offer_code_form input:focus { border-color:#46dd31; }
                main .my_order .order_summary .order_offer_code .order_offer_code_form input:focus ~ label { top:5px; font-size:11px; }
                main .my_order .order_summary .order_offer_code .order_offer_code_form label:hover { cursor:text; }
                main .my_order .order_summary .order_offer_code .order_offer_code_form button.apply_code_btn { position:absolute; right:0; background:#007e15; color:#FFFFFF; border:0; margin:0; outline:0; width:130px; text-align:center; font-size:16px; font-weight:bold; line-height:44px; height:44px; vertical-align:middle; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }        
                    main .my_order .order_summary .order_offer_code .order_offer_code_form button.apply_code_btn:hover { cursor:pointer; text-decoration:underline; }
                    
             main .my_order .order_bullets { width:100%; float:left; margin:10px 0 0 0; padding:15px; box-sizing:border-box; }
                main .my_order .order_bullets span { font-weight:bold; color:#007e15; }
                main .my_order .order_bullets ul#order_bullets { margin:0; padding:0; list-style:none; font-size:14px; line-height:17px; }
                    main .my_order .order_bullets ul#order_bullets li { padding:0 0 10px 48px; margin:0; }
                        main .my_order .order_bullets ul#order_bullets li.bullet_secure { background:url(../images/site/bullet_secure.png) left 3px no-repeat; }
                        main .my_order .order_bullets ul#order_bullets li.bullet_review { background:url(../images/site/bullet_review.png) left 3px no-repeat; }
                        main .my_order .order_bullets ul#order_bullets li.bullet_delivery { background:url(../images/site/bullet_delivery.png) left 3px no-repeat; }
                        main .my_order .order_bullets ul#order_bullets li.bullet_repair { background:url(../images/site/bullet_repair.png) left 3px no-repeat; }
             
             main .my_order .order_summary a.continue_shopping { display:block; padding:10px 15px 10px 30px; background:url(../images/site/back_arrow.png) 15px 12px no-repeat #7e000c; color:#FFFFFF; text-decoration:none; font-size:15px; margin:10px 0 0 0; font-weight:bold; float:left; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
                main .my_order .order_summary a.continue_shopping:hover { text-decoration:underline; }
        main .my_order .my_details { width:100%; float:left; }
            main .my_order .my_details .order_notice { background:#FEF882; font-size:16px; font-weight:bold; color:#101010; padding:10px 15px; width:100%; float:left; box-sizing:border-box; margin:0 0 10px 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main .my_order .my_details .delivery_options { width:101%; margin:0 0 0 -1%; float:left; }
                main .my_order .my_details .delivery_options .delivery_option { width:19%; height:100px; float:left; margin:0 0 10px 1%; }
                    main .my_order .my_details .delivery_options .delivery_option a.del { display:block; width:100%; height:100%; text-align:center; border:1px solid #DDDDDD; background:url(../images/site/checkbox.png) center bottom 10px no-repeat #FFFFFF; padding:10px 20px 50px 20px; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                        main .my_order .my_details .delivery_options .delivery_option a.del:hover { cursor:pointer; border-color:#007e15; background-color:#dbedde; text-decoration:none; }
                        main .my_order .my_details .delivery_options .delivery_option a.del.selected { background-position:center bottom -110px; border-color:#007e15; background-color:#dbedde; text-decoration:none; }
                        main .my_order .my_details .delivery_options .delivery_option span.delivery_option_desc { font-weight:bold; font-size:18px; color:#7e000c; display:block; }
                        main .my_order .my_details .delivery_options .delivery_option span.delivery_option_day { font-weight:bold; font-size:19px; color:#000000; display:block; }
                        main .my_order .my_details .delivery_options .delivery_option span.delivery_option_date { font-weight:normal; font-size:16px; color:#525252; display:block; }
                        
                        /*main .my_order .my_details .delivery_options .delivery_option input { margin:3px 0 0 0; height:24px; line-height:24px; }
                        main .my_order .my_details .delivery_options .delivery_option input[type=radio]:checked { background-color:#00D154; }
                        main .my_order .my_details .delivery_options .delivery_option input:hover { cursor:pointer; }
                        main .my_order .my_details .delivery_options .delivery_option label.del:hover { cursor:pointer; }*/
                    main .my_order #delivery_option_selected { background:#F7F7F7; margin:0; width:100%; float:left; display:none; padding:10px; line-height:1.2; box-sizing:border-box; font-weight:bold; font-size:16px; text-align:center; vertical-align:middle; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                    
            main .my_order .my_details .delivery_options .delivery_options_loading { display:block; width:100%; float:left; text-align:center; box-sizing:border-box; height:98px; background-image:url(../images/site/pulse_loading.gif); background-position:center top; background-repeat:no-repeat; padding:56px 0; }
                main .my_order .my_details .delivery_options .delivery_options_loading p.loading_heading { font-weight:bold; font-size:25px; color:#7e000c; line-height:29px; margin:0; padding:0 0 5px 0; }
                main .my_order .my_details .delivery_options .delivery_options_loading p.loading_info { font-weight:normal; font-size:18px; color:#000000; line-height:20px; margin:0; padding:0; }
            main .my_order .my_details h2 { font-size:24px; padding:10px 20px; margin:0; width:100%; box-sizing:border-box; float:left; background:#007e15; color:#ffffff; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px; border-top-left-radius:10px; border-top-right-radius:10px; }
                main .my_order .my_details h2.done { margin-top:5px; background:#f1f1f1; color:#c0c0c0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            main .my_order .my_details h3 { font-size:18px; font-weight:bold; }
                main .my_order .my_details .form { position:relative; width:100%; margin:0 0 10px 0; float:left; font-size:15px; background:#F1F1F1; padding:20px 20px 20px 20px; box-sizing:border-box; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:20px; -moz-border-radius-bottomleft:20px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }  
                main .my_order .my_details .form .dd_header { width:100%; float:left; text-align:right; }
                main .my_order .my_details .form p.name { font-size:25px; font-weight:bold; line-height:1.1; }
                main .my_order .my_details .form p.address { margin:-5px 0 10px 0; font-size:23px; font-weight:normal; line-height:1.1; }
                main .my_order .my_details .form p.instructions { width:100%; float:left; }
                main .my_order .my_details .form p.ddaccept { width:100%; float:left; font-weight:bold; }
                main .my_order .my_details .form p.stripe { width:100%; color:#7e000c; float:left; font-weight:bold; }
                main .my_order .my_details .form p.total { width:100%; font-size:24px; float:left; font-weight:bold; }
                main .my_order .my_details .form .dd_footer { width:100%; float:left; padding:10px 0; margin:0 0 10px 0; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; }
                    main .my_order .my_details .form .dd_footer h3 { font-size:24px; text-transform:capitalize; }
                    main .my_order .my_details .form .dd_footer ul { margin:0 0 0 15px; padding:0; }
                main .my_order .my_details .form .form_hide { width:100%; float:left; box-sizing:border-box; }
                main .my_order .my_details .form .form_field { position:relative; width:100%; float:left; padding:0 0 10px 0; }
                    main .my_order .my_details .form .form_field .id_options { width:100%; float:left; }
                        main .my_order .my_details .form .form_field .id_options .id_option { margin:15px 0 0 0; width:100%; float:left; }
                        main .my_order .my_details .form .form_field .id_options .id_option input { width:20px; height:20px; }
                        main .my_order .my_details .form .form_field .id_options .id_option label { font-weight:bold; margin:-24px 0 0 32px; font-size:16px; transition:none; float:left; position:relative; top:0; left:0; }
                                main .my_order .my_details .form .form_field .id_options .id_option label:hover { cursor:pointer; }
                    main .my_order .my_details .form .app_form_terms { display:none; height:200px; font-size:17px; overflow-x:auto; text-align:left; width:100%; float:left; margin:0 0 10px 0; background:#f8f8f8; padding:20px; box-sizing:border-box; border:1px solid #DDDDDD; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                        main .my_order .my_details .form .app_form_terms h2 { font-size:18px; font-weight:bold; margin:0 0 10px 0; background:#F1F1F1; color:#000000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                        main .my_order .my_details .form .app_form_terms h3 { font-size:26px; font-weight:bold; color:#007e15; }
                        main .my_order .my_details .form .app_form_terms a { font-size:17px; display:block; padding:0 0 4px 0; }
                        main .my_order .my_details .form .app_form_terms ul { margin-top:0; }
                        main .my_order .my_details .form .app_form_terms ol { margin-top:0; }
                    main .my_order .my_details .form .app_details { font-size:15px; text-align:left; width:100%; float:left; margin:0 0 10px 0; background:#f8f8f8; padding:20px; box-sizing:border-box; border:1px solid #DDDDDD; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                        main .my_order .my_details .form .app_details .app_details_b { width:100%; display:table; }
                        main .my_order .my_details .form .app_details .app_details_r { display:table-row; width:100%; }
                        main .my_order .my_details .form .app_details .app_details_h { background:#F1F1F1; min-width:30%; padding:5px 10px; border-bottom:2px solid #f8f8f8; vertical-align:top; font-weight:bold; display:table-cell; }
                        main .my_order .my_details .form .app_details .app_details_t { display:table-cell; padding:5px 10px; border-bottom:2px solid #f8f8f8; vertical-align:top; }
                    main .my_order .my_details .form .app_form_sign { position:sticky; bottom:0; width:100%; border-top:1px solid #cccccc; background:rgba(241,241,241,0.96); padding:10px 0; float:left; }
                        main .my_order .my_details .form .app_form_sign p { font-size:16px; }
                        main .my_order .my_details .form .app_form_sign .sig { width:100%; float:left; }
                        main .my_order .my_details .form .app_form_sign .sign_panel { position:relative; float:left; clear:both; }
                        main .my_order .my_details .form .app_form_sign a.clearButton { display:none; position:absolute; top:-10px; right:-10px; background:url(../images/site/clear_btn.png) no-repeat center center #7e000c; color:#FFFFFF; border:0; margin:0; width:26px; height:26px; vertical-align:middle; text-indent:-9999px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }        
                            main .my_order .my_details .form .app_form_sign a.clearButton:hover { cursor:pointer; }
                    main .my_order .my_details .form .form_field .attachments { background:#DDDDDD; width:100%; margin:0 0 -10px 0; float:left; padding:15px; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                        .filelists { margin:5px 0 0 0; box-sizing:border-box; width:100%; float:left; }
				        .filelist {	margin:0; padding:0; box-sizing:border-box; width:100%; float:left; }
				        .filelist li { background:transparent; font-size:14px; list-style:none; padding:7px; margin:5px 0 0 0; position:relative; }
				        .filelist li:before { display: none !important; }
				        .filelist li .bar { background:transparent; content:''; height:100%; left:0; position:absolute; top:0; width:0; z-index:0; -webkit-transition:width 0.1s linear; transition:width 0.1s linear; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
				        .filelist li .content { display:block; overflow:hidden; position:relative; z-index:1; }
				        .filelist li .file { color:#455A64; float:left; display:block; overflow:hidden; text-overflow:ellipsis; max-width:50%; white-space:nowrap; }
				        .filelist li .progress { color:#007e15; display:block; float:right; font-size:10px; text-transform:uppercase; }
				        .filelist li .cancel { color:#7e000c; cursor:pointer; display:block; float:right; font-size:10px; margin:0 0 0 10px; text-transform:uppercase; }
				        .filelist li.error .bar { background:#7e000c; color:#FFFFFF; }
				        .filelist li.error .file { color:#FFFFFF; }
				        .filelist.complete li .bar { background:#007e15; color:#FFFFFF; }
				        .filelist.complete li .file { color:#FFFFFF; }
				        .filelist.complete li .remove { color:#FFFFFF; cursor:pointer; display:block; float:right; font-size:10px; margin:0 0 0 10px; text-transform:uppercase; }
				        .filelist li.error .progress { padding:4px; color:#FFFFFF; }
				        .filelist li.error .cancel { display: none; }
					    .fs-upload-target { background:#FFFFFF; font-weight:bold; border:1px dashed #000000; color:#000000; font-size:14px; margin:0; padding:25px; text-align: center; -webkit-transition: background .15s linear,border .15s linear,color .15s linear,opacity .15s linear; transition: background .15s linear,border .15s linear,color .15s linear,opacity .15s linear; width:100%; box-sizing:border-box; float:left; }
                        .fs-upload-input { display:none; }
                        .fs-upload-target { cursor: pointer; }
                        .fs-upload, .fs-upload *, .fs-upload :after, .fs-upload :before, .fs-upload:after, .fs-upload:before { box-sizing: border-box; -webkit-transition: none; transition: none; -webkit-user-select: none!important; -moz-user-select:none!important; -ms-user-select:none!important; user-select:none!important; }
                main .my_order .my_details .form .form_field_50_fixed { position:relative; width:49%; float:left; padding:0 0 10px 0; }
                main .my_order .my_details .form .form_field_50 { position:relative; width:49%; float:left; padding:0 0 10px 0; }
                    main .my_order .my_details .form .form_field_50.right_field { float:right; }
                    main .my_order .my_details .form .form_field_50_fixed.right_field { float:right; }
                    main .my_order .my_details .form span.error { padding:2px 0 0 0; width:100%; display:block; font-weight:bold; font-size:14px; color:#7e000c; }
                    main .my_order .my_details .form span.success { padding:2px 0 0 0; width:100%; display:block; font-weight:bold; font-size:14px; color:#007e15; }
                    main .my_order .my_details .form label { user-select:none; position:absolute; display:block; font-size:18px; top:16px; left:15px; transition:0.2s; }
                    main .my_order .my_details .form input[type=text] { line-height:56px; height:56px; text-transform:uppercase; width:100%; font-size:18px; padding:20px 15px 10px 15px; margin:0 0 4px 0; border:1px solid #DDDDDD; outline:0; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                        main .my_order .my_details .form input[type=text].half { width:50%; }
                        main .my_order .my_details .form input[type=text].lower { text-transform:lowercase; }
                        main .my_order .my_details .form input[type=text].sun { width:10%; padding:10px; box-sizing:border-box; text-align:center; }
                        main .my_order .my_details .form input[type=text].paymentDate { padding:10px 15px; }
                    main .my_order .my_details .form p.field_question { font-weight:normal; display:block; padding:5px 0 0 0; }
                    main .my_order .my_details .form textarea { height:70px; width:100%; text-transform:uppercase; font-size:15px; padding:10px 15px; resize:none; margin:0 0 4px 0; border:1px solid #DDDDDD; outline:0; box-sizing:border-box;  -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                    main .my_order .my_details .form textarea#deliveryNotes::placeholder { font-weight:bold; color:#7e000c; }
                    main .my_order .my_details .form input:valid ~ label { top:5px; font-size:11px; }
                    main .my_order .my_details .form input:focus { border-color:#46dd31; }
                    main .my_order .my_details .form input:focus ~ label { top:5px; font-size:11px; }
                    main .my_order .my_details .form label:hover { cursor:text; }
                    main .my_order .my_details .form .form_field #stripe_element { background:#FFFFFF; border:1px solid #DDDDDD; box-sizing:border-box; padding:10px 15px; width:100%; float:left; font-family:'Roboto', sans-serif; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                    main .my_order .my_details button.find_btn { background:#007e15; color:#FFFFFF; border:0; margin:0 0 0 -27px; outline:0; width:190px; text-align:center; font-size:18px; font-weight:bold; line-height:56px; height:56px; vertical-align:middle; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }        
                        main .my_order .my_details button.find_btn:hover { cursor:pointer; text-decoration:underline; }
                    main .my_order select { padding:0 28px 0 10px; box-sizing:border-box; border:2px solid rgb(235,235,235); font-size:15px; height:56px; line-height:56px; vertical-align:middle; margin:0 0 5px 0; background:url(../images/site/select_menu_arrow.png) no-repeat right 6px center #FFFFFF; outline:none; display:inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                        main .my_order select[disabled] { background-color:rgb(245,245,245); background-image:url(../images/site/select_arrow_disabled.png) }
                    main .my_order .my_details .form .check_options { width:100%; float:left; margin:10px 0 0 0; }
                        main .my_order .my_details .form .check_options .check_container { width:100%; display:block; position:relative; float:left; padding-left:35px; top:0; left:0; padding-top:3px; cursor:pointer; font-size:16px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
                            main .my_order .my_details .form .check_options .check_container input { display:none; position:absolute; opacity:0; cursor:pointer; }
                            main .my_order .my_details .form .check_options .check_container .checkmark { position:absolute; top:0; border:1px solid #DDDDDD; left:0; height:25px; width:25px; background-color:#FFFFFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
                            main .my_order .my_details .form .check_options .check_container:hover input ~ .checkmark { background-color:#DDDDDD; }
                            main .my_order .my_details .form .check_options .check_container input:checked ~ .checkmark { border-color:#007e15; background-color:#007e15; }
                                main .my_order .my_details .form .check_options .check_container .checkmark:after { content:""; position:absolute; display:none; }
                                main .my_order .my_details .form .check_options .check_container input:checked ~ .checkmark:after { display:block; }
                                main .my_order .my_details .form .check_options .check_container .checkmark:after { left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
                                main .my_order .my_details .form .check_options span.error { padding:10px 0 0 0; width:100%; float:left; display:block; font-weight:bold; font-size:14px; color:#7e000c; }
                    main .my_order .my_details button.submit_btn { background:#007e15; color:#FFFFFF; border:0; outline:0; margin:15px 0 0 0; padding:10px 30px; text-align:center; font-size:22px; font-weight:bold; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                        main .my_order .my_details button.submit_btn:hover { cursor:pointer; text-decoration:underline; }
                        main .my_order .my_details button.submit_btn:disabled { background:#DDDDDD; color:#999999; cursor:not-allowed; }
                        main .my_order .my_details button.submit_btn:disabled:hover { cursor:not-allowed; text-decoration:none; }
                    main .my_order .my_details button.cancel_btn { background:#7e000c; color:#FFFFFF; border:0; outline:0; margin:10px 0 0 0; padding:10px 30px; text-align:center; font-size:22px; font-weight:bold; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }        
                        main .my_order .my_details button.cancel_btn:hover { cursor:pointer; text-decoration:underline; }
                    main .my_order .my_details button.stripe_submit_btn { background:#007e15; color:#FFFFFF; border:0; outline:0; margin:10px 0 0 0; padding:10px 30px; text-align:center; font-size:22px; font-weight:bold; text-transform:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }        
                        main .my_order .my_details button.stripe_submit_btn:hover { cursor:pointer; text-decoration:underline; }
                    main .my_order .my_details button.paypal_submit_btn { background:#007e15; color:#FFFFFF; border:0; outline:0; margin:10px 0 0 0; padding:10px 30px; text-align:center; font-size:22px; font-weight:bold; text-transform:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }        
                        main .my_order .my_details button.paypal_submit_btn:hover { cursor:pointer; text-decoration:underline; }
                    
        
        main .my_order .my_details .order_confirmation { width:100%; float:left; padding:20px; box-sizing:border-box; font-size:16px; }  
            main .my_order .my_details .order_confirmation h3 { font-size:26px; font-weight:bold; color:#7e000c; padding:0 0 10px 0; margin:0; }
                    
footer { margin:10px 0 0 0; width:100%; float:left; background:#FFFFFF; color:#000000; }

    footer .footer_review { width:100%; float:left; padding:40px 0; background:#999999; color:#FFFFFF; }
        footer .footer_review .footer_review_box { width:100%; float:left; padding:0 1%; box-sizing:border-box; text-align:center; }
            footer .footer_review .footer_review_box p.trust { font-size:30px; line-height:42px; margin:0 0 5px 0; padding:0; font-weight:normal; }
            footer .footer_review .footer_review_box ul.footer_reviews { margin:10px 0 0 0; padding:0; list-style:none; width:80%; text-align:center; display:inline-block; }
                footer .footer_review .footer_review_box ul.footer_reviews li { width:48.5%; font-size:14px; box-sizing:border-box; line-height:18px; padding:70px 10px 0 10px; display:inline-block; background:url(../images/site/footer_5_stars.png) no-repeat center 10px; }
            
    footer .footer_top { width:100%; float:left; padding:40px 0; border-top:1px solid #999999; border-bottom:1px solid #999999; background:#F8F8F8; }
        footer .footer_top a { color:#000000; }
        footer .footer_top .footer_top_box { width:100%; float:left; text-align:center; }
            footer .footer_top .footer_top_box .footer_links { width:18.8%; float:left; margin:0 0 0 1%; text-align:left; }
                footer .footer_top .footer_top_box .footer_links a { text-decoration:underline; font-size:12px; display:block; margin:0 0 5px 0; }
                    footer .footer_top .footer_top_box .footer_links a:hover { text-decoration:none; }
                    footer .footer_top .footer_top_box .footer_links a.title { font-weight:bold; }
                footer .footer_top .footer_top_box .footer_links p.reviews { margin:0; padding:0 0 5px 0; font-size:14px; font-weight:bold; }
                footer .footer_top .footer_top_box .footer_links p.phone { background:url(../images/site/footer_phone.png) no-repeat left center; margin:0 0 5px 0; padding:0 0 4px 24px; font-size:16px; font-weight:bold; }
                footer .footer_top .footer_top_box .footer_links p.facebook { background:url(../images/site/footer_facebook.png) no-repeat left center; margin:0; padding:7px 0 5px 24px; }
                footer .footer_top .footer_top_box .footer_links.trustpilot { padding-right:10px; text-align:left; }
                    
    footer .footer_bottom { width:100%; float:left; padding:30px 0 80px 0; color:#000000; }
        footer .footer_bottom p { text-align:center; padding:0 0 5px 0; margin:0; }
            footer .footer_bottom p.copy { font-size:12px; font-weight:bold; }
            footer .footer_bottom p.fca { font-weight:bold; }

.notices { z-index:100000; width:100%; position:fixed; bottom:0; left:0; padding:0 10px; box-sizing:border-box; }
    .notices .notice { width:100%; float:left; padding:15px 15px 15px 80px; line-height:1.2; margin:0 0 10px 0; background-position:15px center; background-repeat:no-repeat; font-size:15px; box-sizing:border-box; color:#FFFFFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
        .notices .notice span { font-weight:bold; font-size:17px; padding:0 0 2px 0; display:block; }
        .notices .notice.error { background-image:url(../images/site/notice_error.png); background-color:#7e000c; }
        .notices .notice.success { background-image:url(../images/site/notice_success.png); background-color:#007e15; }
        .notices .notice:hover { cursor:pointer; }
                     
.cookie_notice { z-index:15; width:100%; padding:20px 70px 20px 20px; background:rgb(255,255,255); border-top:1px solid rgb(215,215,215); font-size:14px; position:fixed; bottom:0; left:0; box-sizing:border-box; }
    .cookie_notice .cookie_notice_close { position:absolute; right:20px; top:50%; margin:-15px 0 0 0; display:block; width:30px; height:30px; background:url(../images/site/cookie_close.png) center center; text-indent:-9999px; }             
        .cookie_notice .cookie_notice_close:hover { cursor:pointer; }  
.window_bg { background:rgba(255,255,255,0.9); z-index:2000000; width:100%; height:100%; position:fixed; }
.loading { display:block; width:150px; height:150px; z-index:2500000; background:url(../images/site/loading.gif) no-repeat center center transparent; position:fixed; top:50%; left:50%; margin:-75px -75px; } 
.modal { z-index:23000000; box-sizing:border-box; width:450px; min-height:60px; margin-right:auto; margin-left:auto; top:50%; right:0; left:0; position:fixed; background:#FFFFFF; box-shadow:0 7px 20px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 7px 20px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 7px 20px rgba(0, 0, 0, 0.25);  }
    .modal .close_modal { display:block; background:url(../images/site/cookie_close.png) no-repeat; width:30px; height:30px; position:absolute; right:20px; top:15px; }
        .modal .close_modal:hover { cursor:pointer; opacity:0.8; filter:alpha(opacity=80); }
    .modal .modal_inner { width:100%; float:left; display:block; }
        .modal .modal_inner .modal_container { width:100%; float:left; padding:20px; box-sizing:border-box; }
            .modal .modal_inner .modal_container h1 { text-transform:uppercase; font-size:27px; color:#7e000c; }
    .modal .modal_inner .scrollable { height:600px; box-sizing:border-box; padding:20px; width:100%; float:left; overflow:auto; }
        .modal .modal_inner .scrollable h3 { text-transform:uppercase; font-size:27px; color:#7e000c; margin:0; padding:0 0 10px 0; }
        .modal .modal_inner .scrollable p { padding:0 0 10px 0; margin:0; }
    .modal .modal_inner .partner { width:100%; padding:20px; float:left; box-sizing:border-box; }
        .modal .modal_inner .partner .partner_logo { width:100%; height:88px; float:left; padding:0; text-align:left; }
        .modal .modal_inner .partner .partner_intro { width:100%; float:left; text-align:left; font-size:17px; line-height:1.4; }
            .modal .modal_inner .partner .partner_intro a { background:rgb(227,6,19); width:100%; display:block; float:left; font-size:18px; margin:0 0 10px 0; text-align:center; padding:10px 0; color:#FFFFFF; font-weight:bold; text-transform:uppercase; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
                .modal .modal_inner .partner .partner_intro a:hover { background:rgba(227,6,19,0.8); }                                                    
        .modal .modal_inner .partner .partner_intro span { font-size:18px; font-weight:bold; }
    
    .modal .modal_inner .checker { width:100%; padding:20px; float:left; box-sizing:border-box; }
        .modal .modal_inner .checker h1 { font-size:24px; color:#000000; text-transform:none; margin:0; padding:0 20px 10px 0; line-height:25px; }
        .modal .modal_inner .checker p { font-size:19px; line-height:1.2; }
        .modal .modal_inner .checker .checker_form { width:100%; float:left; margin:0 -10px; padding:10px; box-sizing:border-box; }
        .modal .modal_inner .checker input { float:left; width:200px; padding:0 10px; text-transform:uppercase; color:#000000; background:#FFFFFF; border:1px solid #DDDDDD; font-size:20px; height:46px; line-height:46px; box-sizing:border-box; outline:none; border-radius:0; -webkit-appearance:none; font-family:'Open Sans', sans-serif; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
            .modal .modal_inner .checker input::placeholder { text-transform:none; }
            .modal .modal_inner .checker button { padding:0 20px; text-transform:none; float:left; text-align:center; color:#FFFFFF; background:#007e15; font-size:20px; height:46px; line-height:46px; font-weight:bold; box-sizing:border-box; outline:none; border-radius:0; -webkit-appearance:none; font-family:'Open Sans', sans-serif; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                .modal .modal_inner .checker button:hover { cursor:pointer;  text-decoration:underline; }
        
    #continue_app { z-index:1000; display:none; position:fixed; border:1px solid #dddddd; bottom:2%; right:1%; padding:20px; width:420px; box-sizing:border-box; height:auto; background:rgba(248,248,248,0.95); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
    #continue_app button { display:block; width:20px; height:20px; position:absolute; background:url(../images/site/cookie_close.png) no-repeat center center transparent; background-size:20px; outline:none; border:none; right:10px; top:10px; text-indent:-9999px; }
        #continue_app button:hover { cursor:pointer; opacity:0.7; }
    #continue_app p.title { padding:0; margin:0 0 3px 0; line-height:1.1; color:#007e15; font-size:27px; font-weight:bold; }
    #continue_app p.info { padding:0; margin:0 0 5px 0; line-height:1.3; font-size:16px; }
    #continue_app .app_continue_prods { margin:5px 0 8px 0; width:100%; float:left; display:table; }
        #continue_app .app_continue_prods .app_continue_prod { display:table-row; width:100%; }
            #continue_app .app_continue_prods .app_continue_prod_thumb { display:table-cell; vertical-align:middle; background:#ffffff; padding-left:10px; border-bottom:2px solid #F8F8F8; width:50px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; border-top-left-radius:5px; border-bottom-left-radius:5px; }
                #continue_app .app_continue_prods .app_continue_prod_thumb img { height:40px; }
            #continue_app .app_continue_prods .app_continue_prod_title { display:table-cell; vertical-align:middle; background:#ffffff; padding:0 10px 0 0; border-bottom:2px solid #F8F8F8; font-size:15px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; border-top-right-radius:5px; border-bottom-right-radius:5px; }
                            
    #continue_app a.app_continue_btn { margin:0; float:left; background:#007e15; color:#FFFFFF; text-transform:none; padding:10px 0; width:100%; font-weight:bold; box-sizing:border-box; font-size:26px; text-align:center; border:0; outline:0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
        #continue_app a.app_continue_btn:hover { cursor:pointer; text-decoration:underline; }

    
@media only screen and (max-width:460px)
{
    #continue_app { width:98%; bottom:10px; }
    .container { width:96%; }
    .modal { width:92%; }
    header { height:auto; }
    header .container { width:100%; }
        header .logo { width:98%; margin:10px 1%; text-align:center; }
            header .logo a { display:inline-block; width:343px; height:48px; text-indent:-9999px; background:url(../images/site/new_logo_text.png) no-repeat center center; background-size:contain; }
    header .top { float:left; width:100%; margin:0; text-align:center; }
    header .top ul.top_options { text-align:center; background:#007e15; margin:0; padding:0; width:100%; float:left; }
    header .top ul.top_options li { display:inline-block; width:23%; float:left; margin:0; box-sizing:border-box; font-size:15px; padding:0 0 0 25px; text-align:left; }
    header .top ul.top_options li a.option { text-indent:-9999px; margin:0; width:100%; }
    header .top ul.top_options li a.option.menu { display:inline-block; background-position:center center; background-image:url(../images/site/top_menu_white.png); }
        header .top ul.top_options li a.option.menu.menu_open { display:inline-block; background-color:#FFFFFF; background-position:center center; background-image:url(../images/site/top_menu.png); }
    header .top ul.top_options li a.option.pay { background-position:center center; background-image:url(../images/site/top_pay_white.png); }
    header .top ul.top_options li a.option.phone { background-position:center center; background-image:url(../images/site/top_phone_white.png); }
    header .top ul.top_options li a.option.support { background-position:center center; background-image:url(../images/site/top_support_white.png); }
    header .top ul.top_options li a.option.trolley { background-position:center center; background-image:url(../images/site/top_trolley_white.png); }
    
    nav { display:none; position:fixed; left:0; background:url(../images/site/cookie_close.png) 50% 20px no-repeat rgb(255,255,255,0.95); width:100%; height:100%; z-index:100; }
    nav ul { list-style:none; margin:70px 1% 0 1%; padding:0; width:98%; text-align:center; }
        nav ul li { padding:0; width:100%; margin:0 0 10px 0; text-align:center; float:left; }
            nav ul li a.main { color:#000000; display:inline-block; padding:0 20px; vertical-align:middle; line-height:40px; height:40px; font-size:20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                nav ul li a.main:hover { text-decoration:underline; }
                nav ul li a.main.this { background:#000000; color:#FFFFFF; text-decoration:none; }
        nav:hover { cursor:pointer; }
    
    
    /* New Homepage */
    main .banners_section .banner { width:99%; margin:0 0 10px 1%; }
    main .information_section .information_boxes .info_box { 
        flex: 1 1 99%;
        max-width: 99%;
        margin:0 0 10px 1%;
    }
    main .products_section .product_section .products_section_product {
        flex: 1 1 99%;
        max-width: 99%;
        margin:0 0 10px 1%;
    }
    main #categories_section .categories_section .category {
        flex: 1 1 99%;
        max-width: 99%;
        margin:0 0 10px 1%;
    }         
    main .banner_bar .banner_mobile { display:block; }
    main .banner_bar .banner { display:none; }
    
    main .my_order .my_details .form .app_form_sign canvas { width:100%; }
    
    /* New Help Centre */
    main #help_form .help_form #stripe_element { width:100%; }
    main #help_options .help_options .help_option { width:100%; }
    main #help_customer .help_customer a { width:49.5%; }
    main #help_form .help_form form { width:100%; }
    main #help_form .help_form_notice { width:100%; }
    main #help_form .help_form .help_form_field .help_form_field_half { width:100%; margin:0 0 10px 0; }
    main #help_form .help_form .help_form_field input[type=text].small { width:100%; }
    main #help_form .help_form .help_form_field input[type=text].medium { width:100%; }
    main #help_form .help_form .help_form_field select { width:100%; }
    main #help_form .help_form button { width:100%; }
    main #help_form .help_form .help_form_contact#contact_address { padding:140px 20px 10px 20px; background-image:url(../images/site/icon_write_small.png); background-repeat:no-repeat; background-position:center 20px; }
    main #help_form .help_form .help_form_contact#contact_phone { padding:140px 20px 10px 20px; background-image:url(../images/site/icon_phone_small.png); background-repeat:no-repeat; background-position:center 20px; }
    main #help_form .help_form .help_form_contact p { font-size:17px; }
    main #help_form .help_form span.or_split { float:left; width:100%; text-align:center; line-height:50px; height:50px; font-size:30px; vertical-align:middle; box-sizing:border-box; color:#828282; display:block; }
    main #help_form .help_form a.button_link { float:left; width:100%; display:block; background:#007e15; box-sizing:border-box; color:#FFFFFF; border:0; margin:10px 0; outline:0; padding:10px 0; text-align:center; font-size:24px; font-weight:bold; vertical-align:middle; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }        
    main #help_questions .help_questions .help_questions_repairs ul.grid_list li { width:100%; }
                    
    
    #explain_video .explain_video .explain_video_full { width:100%; }   
    
    main #brompton_header .brompton_header img { width:100%; }
    main #brompton_info .brompton_info .img_right { float:left; margin:0 0 10px 0; width:100%; }
    main #brompton_raised .brompton_raised .total_boxes .total_box { width:47%; display:inline-block; color:#ffffff; background:#3c46b3; padding:10px; box-sizing:border-box; margin:0 1%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; }
        main #brompton_raised .brompton_raised .total_boxes .total_box label { display:block; text-transform:uppercase; font-weight:bold; font-size:16px; }
        main #brompton_raised .brompton_raised .total_boxes .total_box span.count { display:block; font-weight:bold; font-size:36px; }
                
    #benefits .benefits { overflow-x:scroll; overflow-y:hidden; }
    #benefits .benefits ul.benefits_list { white-space:nowrap; width:1000px; }
    #benefits .benefits ul.benefits_list li { width:250px; text-align:center; padding:0; display:inline; }
    
    #breadcrumb .breadcrumb { overflow-x:scroll; overflow-y:hidden; }
        #breadcrumb .breadcrumb ul.breadcrumb_list { white-space:nowrap; width:1500px; }


    #order_steps .order_steps ul.order_steps_list li { width:100%; margin:0 0 10px 0; }
    
    main .categories .category { width:100%; margin:0 0 25px 0; }
    main .location_categories .category { width:100%; margin:0 0 30px 0; }
    
    /* Product */
    
    /* Direct Debit */
    main .dd .dd_left { width:98%; float:left; margin:0 1%; }
    main .dd .dd_right { width:98%; float:left; margin:0 1%; }
    
    /* Homepage */
    main .main_points .main_point { width:100%; margin:0; height:auto; }
        main .main_points .container { width:100%; }
        main .main_points .main_point#no_credit_checks { border:none; }
    
    main .categories .home_category { width:98%; margin:0 1% 10px 1%; }
    
    /* Support */
    main .support_post .container { width:100%; }
    main .support .article { width:100%; margin:0; }
    main .support_post { background-image:none; background-color:#FFFFFF; width:100%; margin:0; }
    main .support_post #support_post { width:96%; float:left; margin:0 2%; font-size:17px; }
    main .support_post #recently_added { width:100%; float:left; font-size:17px; background:#F7F7F7; margin:10px 0 0 0; }
    main .support_post #recently_added h2 { padding:10px; }
    main .support_post #recently_added .recent { width:96%; margin:0 2%; }
    
    /* Category */
    main .products .product { width:98%; margin:0 1% 10px 1%; }
    
    /* Product */
    main .product_info .images { width:98%; margin:0 0 10px 1%; }
    main .product_info .product_details { width:98%; }
    main .product_info .product_details .product_pricing p#rental_price { padding:10px 0; }
    main .product_info .product_details .rental_benefits { float:left; width:100%; margin:0 0 10px 0; font-size:15px; color:#000000; padding:20px 0 10px 0; box-sizing:border-box; }
        main .product_info .product_details .payment_information { float:left; width:100%; margin:0 0 10px 0; font-size:15px; color:#000000; padding:0; box-sizing:border-box; }
        main .product_info .product_details .product_description { float:left; width:100%; padding:0 0 20px 0; font-size:14px; box-sizing:border-box; }
    main .product_info .product_details .product_stock .product_stock_form .form_field_50 { position:relative; width:100%; float:left; padding:0 0 5px 0; }
        
    /* My Order */
    main .my_order .left { float:left; width:98%; margin:0 0 0 1%; }
    main .my_order .right { float:left; width:98%; margin:0 0 0 1%; }
        main .my_order .my_details .form .form_field_50 { width:100%; }
    main .my_order .my_details .delivery_options .delivery_option { width:49%; }
    
    /* Payment */
    main .customer .payment_form { width:100%; }
        main .customer .payment_form input[type=text] { width:100%; }
        main .customer .payment_form #stripe_element { width:100%; }
        main .customer .payment_form span.or_split { display:block; width:100%; padding:10px 0; text-align:center; }
        main .customer .payment_form a.button_link { margin:0; display:block; width:100%; }
        main .customer .payment_form button { width:100%; }
    
    /* Coverage */
    main .customer .coverage_a_z ul li { width:100%; float:left; } 
            
    /* Contact Us */
    main .contact .contact_option { width:98%; margin:0 1% 10px 1%; border-bottom:1px solid #F7F7F7; }
        main .contact .contact_option#by_post { border-bottom:none; }
    main .contact_form .contact_form_inner { padding:15px 0; }
    main .contact_form .contact_form_inner form .field.half { width:98%; margin:10px 1% 0 1%; }
    main .contact_form .contact_form_inner form button { width:100%; }
    
    /* My Messages */
    main .my_messages #my_messages form { width:100%; }
    
    footer .footer_top .footer_top_box .footer_links { margin:0 0 10px 1%; width:48.5%; }
    footer .footer_top .footer_top_box .footer_links.trustpilot { width:98%; }
                    
    footer .footer_bottom { width:100%; float:left; padding:15px 0; background-image:none; }
        footer .footer_bottom p { text-align:left; width:98%; margin:0 1%; }
   
} 

@media only screen and (min-width:461px) and (max-width:800px) 
{
    .container { width:96%; }
    .modal { width:94%; }

    header { height:auto; }
    header .container { width:100%; }
        header .logo { width:98%; margin:10px 1%; text-align:center; }
            header .logo a { display:inline-block; width:343px; height:48px; text-indent:-9999px; background:url(../images/site/new_logo_text.png) no-repeat center center; background-size:contain; }
    header .top { float:left; width:100%; margin:0; text-align:center; }
    header .top ul.top_options { text-align:center; background:#007e15; margin:0; padding:0; width:100%; float:left; }
    header .top ul.top_options li { display:inline-block; width:23%; float:left; margin:0; box-sizing:border-box; font-size:15px; padding:0 0 0 25px; text-align:left; }
    header .top ul.top_options li a.option { text-indent:-9999px; margin:0; width:100%; }
    header .top ul.top_options li a.option.menu { display:inline-block; background-position:center center; background-image:url(../images/site/top_menu_white.png); }
        header .top ul.top_options li a.option.menu.menu_open { display:inline-block; background-color:#FFFFFF; background-position:center center; background-image:url(../images/site/top_menu.png); }
    header .top ul.top_options li a.option.pay { background-position:center center; background-image:url(../images/site/top_pay_white.png); }
    header .top ul.top_options li a.option.phone { background-position:center center; background-image:url(../images/site/top_phone_white.png); }
    header .top ul.top_options li a.option.support { background-position:center center; background-image:url(../images/site/top_support_white.png); }
    header .top ul.top_options li a.option.trolley { background-position:center center; background-image:url(../images/site/top_trolley_white.png); }
    
    nav { display:none; position:fixed; left:0; background:url(../images/site/cookie_close.png) 50% 20px no-repeat rgb(255,255,255,0.95); width:100%; height:100%; z-index:100; }
    nav ul { list-style:none; margin:70px 1% 0 1%; padding:0; width:98%; text-align:center; }
        nav ul li { padding:0; width:100%; margin:0 0 10px 0; text-align:center; float:left; }
            nav ul li a.main { color:#000000; display:inline-block; padding:0 20px; vertical-align:middle; line-height:40px; height:40px; font-size:20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
                nav ul li a.main:hover { text-decoration:underline; }
                nav ul li a.main.this { background:#000000; color:#FFFFFF; text-decoration:none; }
        nav:hover { cursor:pointer; }
    
    /* New Homepage */
    main .banners_section .banner { width:99%; margin:0 0 10px 1%; }
    main .information_section .information_boxes .info_box { 
        flex: 1 1 49%;
        max-width: 49%;
        margin:0 0 10px 1%;
    }
    main .products_section .product_section .products_section_product {
        flex: 1 1 49%;
        max-width: 49%;
        margin:0 0 10px 1%;
    }
    main #categories_section .categories_section .category {
        flex: 1 1 49%;
        max-width: 49%;
        margin:0 0 10px 1%;
    }   
    
    /* New Help Centre */
    main #help_form .help_form #stripe_element { width:100%; }
    main #help_options .help_options .help_option { width:100%; }
    main #help_customer .help_customer a { width:49.5%; }
    main #help_form .help_form form { width:100%; }
    main #help_form .help_form_notice { width:100%; }
    main #help_form .help_form .help_form_field .help_form_field_half { width:100%; margin:0 0 10px 0; }
    main #help_form .help_form .help_form_field input[type=text].small { width:100%; }
    main #help_form .help_form .help_form_field input[type=text].medium { width:100%; }
    main #help_form .help_form .help_form_field select { width:100%; }
    main #help_form .help_form button { width:100%; }
    main #help_form .help_form .help_form_contact#contact_address { padding:140px 20px 10px 20px; background-image:url(../images/site/icon_write_small.png); background-repeat:no-repeat; background-position:center 20px; }
    main #help_form .help_form .help_form_contact#contact_phone { padding:140px 20px 10px 20px; background-image:url(../images/site/icon_phone_small.png); background-repeat:no-repeat; background-position:center 20px; }
    main #help_form .help_form .help_form_contact p { font-size:17px; }
    main #help_questions .help_questions .help_questions_repairs ul.grid_list li { width:50%; }
    
    #explain_video .explain_video .explain_video_full { width:100%; }   
    
    main .banner_bar .banner_mobile { display:block; }
    main .banner_bar .banner { display:none; }
        
    #benefits .benefits { overflow-x:scroll; overflow-y:hidden; }
    #benefits .benefits ul.benefits_list { white-space:nowrap; width:1000px; }
    #benefits .benefits ul.benefits_list li { width:250px; text-align:center; padding:0; display:inline; }
    
    #breadcrumb .breadcrumb { overflow-x:scroll; overflow-y:hidden; }
        #breadcrumb .breadcrumb ul.breadcrumb_list { white-space:nowrap; width:1500px; }

    #order_steps .order_steps ul.order_steps_list li { width:100%; margin:0 0 10px 0; }
    
    main .categories .category { width:100%; margin:0 0 25px 0; }
    main .location_categories .category { width:100%; margin:0 0 30px 0; }
    
    /* Homepage */
    main .main_points .main_point { width:100%; margin:0; height:auto; }
        main .main_points .container { width:100%; }
        main .main_points .main_point#no_credit_checks { border:none; }
    
    main .categories .home_category { width:48.5%; margin:0 0 10px 1%; }
    
    /* Direct Debit */
    main .dd .dd_left { width:98%; float:left; margin:0 1%; }
    main .dd .dd_right { width:98%; float:left; margin:0 1%; }
        
    /* Support */
    main .support_post .container { width:100%; }
    main .support .article {  width:48.5%; margin:0 0 10px 1%; }
    main .support_post { background-image:none; background-color:#FFFFFF; width:100%; margin:0; }
    main .support_post #support_post { width:96%; float:left; margin:0 2%; font-size:17px; }
    main .support_post #recently_added { width:100%; float:left; font-size:17px; background:#F7F7F7; margin:10px 0 0 0; }
    main .support_post #recently_added h2 { padding:10px; }
    main .support_post #recently_added .recent { width:96%; margin:0 2%; }
    
    /* Category */
    main .products .product { width:48.5%; margin:0 0 10px 1%; }
    
    /* Product */
    main .product_info .images { width:98%; margin:0 0 10px 1%; }
    main .product_info .product_details { width:98%; }
    main .product_info .product_details .product_pricing p#rental_price { padding:10px 0; }
    main .product_info .product_details .rental_benefits { float:left; width:100%; margin:0 0 10px 0; font-size:15px; color:#000000; padding:20px 0 10px 0; box-sizing:border-box; }
        main .product_info .product_details .payment_information { float:left; width:100%; margin:0 0 10px 0; font-size:15px; color:#000000; padding:0; box-sizing:border-box; }
        main .product_info .product_details .product_description { float:left; width:100%; padding:0 0 20px 0; font-size:14px; box-sizing:border-box; }
    
    
    /* Payment */
    main .customer .payment_form { width:100%; }
        main .customer .payment_form input { width:100%; }
        main .customer .payment_form #stripe_element { width:100%; }
        main .customer .payment_form button { width:100%; }
    
    /* Coverage */
    main .customer .coverage_a_z ul li { width:50%; float:left; } 
    
    /* My Order */
    main .my_order .left { float:left; width:98%; margin:0 0 0 1%; }
    main .my_order .right { float:left; width:98%; margin:0 0 0 1%; }
    main .my_order .my_details .delivery_options .delivery_option { width:32.333333%; }
    
    /* Contact Us */
    main .contact .contact_option { width:98%; margin:0 1% 10px 1%; border-bottom:1px solid #F7F7F7; }
        main .contact .contact_option#by_post { border-bottom:none; }
    main .contact_form .contact_form_inner { padding:15px 0; }
    main .contact_form .contact_form_inner form .field.half { width:98%; margin:10px 1% 0 1%; }
    main .contact_form .contact_form_inner form button { width:100%; }
    
    /* My Messages */
    main .my_messages #my_messages form { width:100%; }
    
    footer .footer_top .footer_top_box .footer_links { margin:0 0 10px 1%; width:48.5%; }
    footer .footer_top .footer_top_box .footer_links.trustpilot { width:98%; }
                            
    footer .footer_bottom { width:100%; float:left; }
        
} 

@media only screen and (min-width:801px) and (max-width:1000px) 
{
    .container { width:96%; }
    .modal { width:94%; }

        header { height:auto; }
        header .top_bar { display:none; }
        header .logo { width:98%; margin:10px 1%; text-align:center; }
            header .logo a { display:inline-block; width:487px; height:118px; text-indent:-9999px; background:url(../images/site/new_logo.png) no-repeat center center; background-size:contain; }
        header .top_my_order { float:right; padding:10px 10px 10px 34px; margin:0 0 10px 0; width:auto; height:auto; background-image:url(../images/site/my_order_person_small.png); }
            header .top_my_order label { float:left; font-weight:bold; font-size:17px; padding:0 10px 0 0; margin:0; display:block; }
            header .top_my_order span { float:left; font-size:17px; padding:0; margin:0; display:block; }
    nav .sub_nav .nav_category { width:32%; }
    
    /* New Homepage */
    main .banners_section .banner { width:99%; margin:0 0 10px 1%; }
    main .information_section .information_boxes .info_box { 
        flex: 1 1 32%;
        max-width: 32%;
        margin:0 0 10px 1%;
    }
    main .products_section .product_section .products_section_product {
        flex: 1 1 32%;
        max-width: 32%;
        margin:0 0 10px 1%;
    }
    main #categories_section .categories_section .category {
        flex: 1 1 32%;
        max-width: 32%;
        margin:0 0 10px 1%;
    } 
    
    main .banner_bar .banner .banner_inner .banner_details { width:60%; height:80%; }
    
    /* New Help Centre */
    main #help_options .help_options .help_option { width:48.5%; }
    main #help_customer .help_customer a { width:32.667%; }
    main #help_form .help_form form { width:100%; }
    main #help_form .help_form_notice { width:100%; }
    main #help_form .help_form .help_form_field input[type=text].small { width:100%; }
    main #help_form .help_form .help_form_field input[type=text].medium { width:100%; }
    main #help_form .help_form .help_form_field select { width:100%; }
    main #help_form .help_form button { width:100%; }
        
    /* Homepage */
    main .categories .home_category { width:48.5%; margin:0 0 10px 1%; }
    main .location_categories .category { width:48.5%; margin:0 0 30px 1%; }
    
    /* Support */
    main .support .article {  width:48.5%; margin:0 0 10px 1%; }
        
    /* Category */
    main .products .product { width:48.5%; margin:0 0 10px 1%; }
    
    /* Product */
    main .product_info .images { width:98%; margin:0 0 10px 1%; }
    main .product_info .product_details { width:98%; }
    main .product_info .product_details .product_pricing p#rental_price { padding:10px 0; }
    
    /* My Order */
    main .my_order .left { float:left; width:98%; margin:0 0 0 1%; }
    main .my_order .right { float:left; width:98%; margin:0 0 0 1%; }
        main .my_order .my_details .form .form_field_50 { width:100%; }
    
    /* Contact Us */
    main .contact_form .contact_form_inner { padding:15px 0; }
    main .contact_form .contact_form_inner form .field.half { width:98%; margin:10px 1% 0 1%; }
    main .contact_form .contact_form_inner form button { width:100%; }
    
    /* Coverage */
    main .customer .coverage_a_z ul li { width:33%; float:left; } 
    
    /* My Messages */
    main .my_messages #my_messages form { width:100%; }
        
    footer .footer_top .footer_top_box .footer_links { margin:0 0 10px 1%; width:23.75%; }
    footer .footer_top .footer_top_box .footer_links.trustpilot { width:98%; }
            
    footer .footer_top { width:100%; float:left; padding:15px 0; }
        footer .footer_top .footer_top_box { width:100%; margin:0 0 10px 1%; }
            
}

@media only screen and (min-width:850px) and (max-width:1050px) 
{
    .container { width:96%; }
    nav .sub_nav .nav_category { width:23.75%; }
    
    /* Homepage */
    main .categories .home_category { width:32%; margin:0 0 10px 1%; }
    
    /* Support */
    main .support .article {  width:48.5%; margin:0 0 10px 1%; }
    
    /* Category */
    main .products .product { width:32%; margin:0 0 10px 1%; }
    main .product_info .product_details .product_pricing p#rental_price { padding:10px 0; }
       
    /* My Order */
    main .my_order .left { float:left; width:98%; margin:0 0 0 1%; }
    main .my_order .right { float:left; width:98%; margin:0 0 0 1%; }
        main .my_order .my_details .form .form_field_50 { width:100%; }
    
    /* Contact Us */
    main .contact_form .contact_form_inner { padding:15px 0; }
    main .contact_form .contact_form_inner form .field.half { width:98%; margin:10px 1% 0 1%; }
    main .contact_form .contact_form_inner form button { width:100%; }
    
    /* My Messages */
    main .my_messages #my_messages form { width:100%; }
    
    /* New Support Centre */
    main #help_form .help_form form { width:100%; }
    main #help_form .help_form_notice { width:100%; }
    
    footer .footer_top .footer_top_box .footer_links { margin:0 0 10px 1%; width:23.75%; }
    footer .footer_top .footer_top_box .footer_links.trustpilot { width:98%; }
    
}
/* ============================================================================
   KYC: ID & Proof of Address Verification (my-order-id page)
   ============================================================================ */
main .my_order .kyc_verify { width:100%; float:left; margin:0; }
main .my_order .kyc_drop { width:100%; box-sizing:border-box; border:2px dashed #DCDCDC; background:#FFFFFF; padding:30px 20px; text-align:center; color:#666; cursor:pointer; transition:.15s; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
main .my_order .kyc_drop strong { color:#000000; }
main .my_order .kyc_drop.drag { border-color:#007e15; background:#edf6ee; color:#000000; }
main .my_order .kyc_drop.busy { opacity:.55; cursor:wait; pointer-events:none; }
main .my_order .kyc_muted { color:#888; font-size:13px; }
main .my_order .kyc_file { margin-top:10px; font-size:14px; color:#000000; font-weight:bold; }
main .my_order .kyc_err { color:#7e000c; font-size:14px; margin:10px 0 0 0; font-weight:bold; white-space:pre-wrap; word-break:break-word; }

main .my_order .kyc_fallback_notice { background:#FEF882; border:1px solid #E8D547; color:#101010; font-size:14px; padding:12px 15px; margin:14px 0 0 0; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
main .my_order .kyc_fallback_notice i { margin-right:8px; color:#7a6500; }
main .my_order .kyc_fallback_notice a { color:#000000; font-weight:bold; text-decoration:underline; }
main .my_order .kyc_fallback_notice a:hover { text-decoration:none; }

main .my_order .kyc_busy { margin:14px 0 0 0; font-size:14px; color:#000000; display:flex; align-items:center; justify-content:center; font-weight:bold; }
main .my_order .kyc_drop.busy .kyc_busy { opacity:1; }
main .my_order .kyc_busy .kyc_spin { display:inline-block; width:16px; height:16px; border:2px solid #007e15; border-top-color:transparent; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-animation:kyc_s .7s linear infinite; animation:kyc_s .7s linear infinite; vertical-align:-3px; margin-right:8px; }
@-webkit-keyframes kyc_s { to { -webkit-transform:rotate(360deg); transform:rotate(360deg); } }
@keyframes kyc_s { to { transform:rotate(360deg); } }

main .my_order .kyc_req_cards { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:10px 0 0 0; }
@media (max-width:700px) { main .my_order .kyc_req_cards { grid-template-columns:1fr; } main .my_order .kyc_preview { display:none; } }

main .my_order .kyc_req_card { background:#F1F1F1; border:1px solid #DCDCDC; padding:18px; display:flex; flex-direction:column; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; transition:border-color .2s, background .2s, box-shadow .2s; }
main .my_order .kyc_req_card.done { border-color:#007e15; background:#edf6ee; box-shadow:0 0 0 1px rgba(0,126,21,.15); }
main .my_order .kyc_req_card h3 { font-size:18px; margin:0 0 4px 0; padding:0; color:#000000; }
main .my_order .kyc_req_card .kyc_req_subtitle { font-size:13px; color:#666; margin-bottom:auto; padding-bottom:14px; line-height:1.4; }
main .my_order .kyc_req_card .kyc_req_doc_info { font-size:13px; color:#000000; padding:8px 12px; margin-bottom:14px; background:#F7F7F7; border:1px solid #DCDCDC; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; min-width:0; word-break:break-word; overflow-wrap:anywhere; }
main .my_order .kyc_req_card.done .kyc_req_doc_info { border-color:#cce5d0; background:#FFFFFF; }
main .my_order .kyc_req_card .kyc_req_doc_info strong { color:#000000; }
main .my_order .kyc_req_card .kyc_req_doc_info .kyc_req_doc_meta { color:#666; }
main .my_order .kyc_req_card .kyc_req_pills { display:flex; gap:8px; flex-wrap:wrap; }

main .my_order .kyc_pill { display:inline-flex; align-items:center; gap:8px; padding:6px 12px; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; border:1px solid #DCDCDC; background:#F7F7F7; color:#666; font-size:12px; font-weight:bold; transition:.2s; }
main .my_order .kyc_pill i { font-size:16px; width:16px; text-align:center; }
main .my_order .kyc_pill.done { border-color:#007e15; background:#007e15; color:#FFFFFF; }
main .my_order .kyc_pill.done i { color:#FFFFFF; }

main .my_order .kyc_results { background:#FFFFFF; border:1px solid #DCDCDC; padding:18px; margin:14px 0 0 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-sizing:border-box; }
main .my_order .kyc_check { display:flex; align-items:center; gap:10px; padding:10px 14px; border:1px solid #DCDCDC; background:#F7F7F7; margin-bottom:10px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
main .my_order .kyc_check_lbl { flex:1; font-size:14px; font-weight:bold; }
main .my_order .kyc_check_lbl small { display:block; color:#666; font-weight:normal; font-size:12px; }
main .my_order .kyc_match_pill { font-size:11px; font-weight:bold; padding:4px 10px; -webkit-border-radius:999px; -moz-border-radius:999px; border-radius:999px; text-transform:uppercase; letter-spacing:.5px; }
main .my_order .kyc_match_pill.ok { background:#d9ecdc; color:#007e15; }
main .my_order .kyc_match_pill.bad { background:#fbd9dc; color:#7e000c; }
main .my_order .kyc_company { margin-top:6px; padding:12px 14px; border:1px solid #DCDCDC; background:#F7F7F7; font-size:14px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

main .my_order .kyc_banner { padding:12px 14px; font-size:14px; font-weight:bold; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
main .my_order .kyc_banner.warn { background:#FEF882; color:#000000; border:1px solid #E8D547; }
main .my_order .kyc_banner.good { background:#007e15; color:#FFFFFF; border:1px solid #007e15; }

main .my_order .kyc_reject { margin-top:14px; padding:14px; border:1px solid #f0bfc4; background:#fbd9dc; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
main .my_order .kyc_reject_title { font-weight:bold; color:#7e000c; margin-bottom:6px; font-size:14px; }
main .my_order .kyc_reject_meta { margin-top:8px; color:#666; font-size:12px; }

main .my_order .kyc_status_card { background:#FFFFFF; border:1px solid #DCDCDC; padding:18px; margin:14px 0 0 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; box-sizing:border-box; }
main .my_order .kyc_doclist { display:flex; flex-direction:column; gap:8px; margin-top:14px; }
main .my_order .kyc_doclist:empty { margin-top:0; }
main .my_order .kyc_doc { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid #DCDCDC; background:#F7F7F7; font-size:13px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; transition:border-color .2s, background .2s; }
main .my_order .kyc_doc.done { border-color:#007e15; background:#edf6ee; }
main .my_order .kyc_doc_info { flex:1; min-width:0; }
main .my_order .kyc_doc_name { color:#000000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; }
main .my_order .kyc_doc_tags { color:#666; font-size:12px; margin-top:2px; }
main .my_order .kyc_doc_tag { display:inline-block; margin-right:8px; }
main .my_order .kyc_doc_tag.ok { color:#007e15; font-weight:bold; }
main .my_order .kyc_doc_del { display:inline-flex; align-items:center; gap:6px; border:1px solid #DCDCDC; background:transparent; color:#7e000c; padding:6px 10px; font-size:11px; font-weight:bold; cursor:pointer; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
main .my_order .kyc_doc_del:hover { background:#fbd9dc; }

main .my_order .kyc_preview { width:100%; float:left; background:#FFFFFF; border:1px solid #DCDCDC; padding:20px; margin:0 0 20px 0; box-sizing:border-box; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
main .my_order .kyc_preview h3 { font-size:16px; margin:0 0 12px 0; padding:0; color:#000000; }
main .my_order .kyc_preview_frame { display:flex; align-items:center; justify-content:center; background:#F7F7F7; border:1px solid #DCDCDC; min-height:380px; max-height:560px; overflow:auto; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:6px; box-sizing:border-box; }
main .my_order .kyc_preview_frame img { max-width:100%; max-height:540px; display:block; }
main .my_order .kyc_preview_frame iframe { width:100%; height:540px; border:0; background:#FFFFFF; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
main .my_order .kyc_preview_empty { color:#666; font-size:14px; text-align:center; padding:40px 20px; line-height:1.6; }
main .my_order .kyc_preview_pdf { text-align:center; padding:30px 20px; color:#000000; }
main .my_order .kyc_preview_pdf i { font-size:48px; color:#7e000c; display:block; margin-bottom:14px; }
main .my_order .kyc_preview_pdf_name { font-weight:bold; font-size:15px; word-break:break-all; margin-bottom:4px; }
main .my_order .kyc_preview_pdf_meta { color:#666; font-size:13px; margin-bottom:14px; }
main .my_order .kyc_preview_pdf_note { color:#666; font-size:13px; line-height:1.5; }