.custom-css-goes-here {
	width: 20;
	color: #cd040b;
}


header .vz_logo
        {
            padding-top: 4.5rem;
            margin-bottom: 1.875rem;
        }


header .vz_logo img{
                width: 11.75rem;
            }


header .top-right{
        position: absolute;
        top: 1.0625rem;
        right: 0.625rem; 
        font-size: 0.875rem;
        font-weight: 600;
    }


header .top-right img{
            margin-left: 0.1875rem;
            width: 1.0625rem;
        }


.main{
    padding-top:0;
}


.w_top-bar_desktop {
    border-bottom: 0.0625rem solid #d8d8d8;
}


.w_footer {
    position: fixed;
    bottom: 0;
    left:0;
    right:0;
    border-top: 0.0625rem solid #d8d8d8;
    padding: 1.625rem 0;
    background: #fff;
    color: #959595;
}


/*New Style Guide*/


.w_form-registration h1, .w_form-registration h2, .w_form-registration h3, .w_form-registration h4, .w_modal h1, .w_modal h2, .w_modal h3, .w_modal h4{
        font-weight: 600;
        letter-spacing: .03rem;
        color: #0f0f0f;
        margin: auto;
    }


/*padding-top: 3.5rem;
    padding-bottom: 3.5rem;*/


.w_form-registration .banner-title,.w_modal .banner-title{
        font-size: 3rem;
        line-height: 3.125rem;
        font-weight: 600;
        letter-spacing: .03rem;
        margin: auto;
    }


.w_form-registration h1, .w_form-registration .page-title, .w_modal h1, .w_modal .page-title{
        font-size: 2.5rem;
        line-height: 3rem;
    }

.page-title {
     line-height:  2.7rem;
}

.w_form-registration h2,.w_modal h2{
        font-size: 2rem;
        line-height: 2rem;
    }


.w_form-registration h3,.w_modal h3{
        font-size: 1.5rem;
        line-height: 1.75rem;
    }


.w_form-registration h4, .w_form-registration .accordian_header, .w_modal h4, .w_modal .accordian_header{
        font-size: 1.25rem;
        line-height: 1.5rem;
    }


.w_form-registration .subtext, .w_form-registration .accordeian-subtext, .w_modal .subtext, .w_modal .accordeian-subtext{
        font-size: 1.25rem;
        line-height: 1.4375rem;
    }


.w_form-registration p,.w_modal p{
        font-size: 0.875rem;
        line-height: 1rem;
        color: #0f0f0f;
    }


.w_form-registration .paragraph-header,.w_modal .paragraph-header{
        font-weight: 600;
        letter-spacing: .03rem;
    }


.w_form-registration a, .w_form-registration .link, .w_modal a, .w_modal .link{
        color: #398dfa;
        font-weight: 600; 
        text-decoration: none;   
        letter-spacing: .03rem;    
        display: inline-block;
    }



.w_form-registration a.underline, .w_form-registration .link.underline, .w_modal a.underline, .w_modal .link.underline {
            text-decoration: underline;
    }



.w_form-registration bold, .w_form-registration b, .w_form-registration strong, .w_modal bold, .w_modal b, .w_modal strong{
        letter-spacing: .03rem;
    }


.w_form-registration .m_text-small, .w_form-registration .small-copy, .w_modal .m_text-small, .w_modal .small-copy{
        color: #333333;
        font-size: 0.6875rem;  
    }


.w_form-registration .button,.w_modal .button{
        min-height: 2.8125rem;
        padding: 0;
        background: #333;
        color: #fff;
        width: 100%;
        max-width: 21.875rem;
        margin-top: 1.5rem;
        text-align: center;
        font-size: 0.875rem;
        letter-spacing: 0.0375rem;
        font-weight: 600;
        line-height: 2.8125rem;
    }


.w_form-registration .button::before,.w_modal .button::before{
                    display: none;
                }


.w_form-registration .button:hover,.w_modal .button:hover{
            background: #444444;
            color: #ffffff;
        }


.w_form-registration .button.cta-text::before,.w_modal .button.cta-text::before{
                         content: "\e631";
                         font-family: 'VZIcons';
                             display: inline;
                 }


.w_form-registration .button.cta-text:hover,.w_modal .button.cta-text:hover{
            background:none;
        }


.w_form-registration .button.secondary,.w_modal .button.secondary{
        background: #959595;
        color: #fff;
    }


.w_form-registration .button.secondary:hover,.w_modal .button.secondary:hover{
             background: #959595;
             color: #fff;
        }


.w_form-registration .disabled,.w_modal .disabled{
        background: #959595;
        color: #cccccc;
    }


.w_form-registration .disabled:hover,.w_modal .disabled:hover{
            background: #959595;
            color: #cccccc; 
        }


.w_form-registration input, .w_form-registration select, .w_modal input, .w_modal select {
        width: 100%;
        max-width: 21.875rem;
        font-size: 0.875rem;
        margin-bottom: 0rem;
        border: 0.0625rem solid #959595;
        color: #959595;
    }


.w_form-registration input,.w_modal input{
         display: inline-block;
     }


.w_form-registration select,.w_modal select{
        cursor: pointer;
    }


.w_form-registration input:focus:not([readonly]), .w_form-registration input.value:focus:not([readonly]), .w_form-registration textarea:focus:not([readonly]), .w_form-registration textarea.value:focus:not([readonly]), .w_form-registration select:focus:not([readonly]), .w_form-registration select.value:focus:not([readonly]), .w_modal input:focus:not([readonly]), .w_modal input.value:focus:not([readonly]), .w_modal textarea:focus:not([readonly]), .w_modal textarea.value:focus:not([readonly]), .w_modal select:focus:not([readonly]), .w_modal select.value:focus:not([readonly]){
        border: 0.0625rem solid #959595;
        color: #0f0f0f;
    }


.w_form-registration input.value, .w_form-registration textarea.value, .w_form-registration select.value, .w_modal input.value, .w_modal textarea.value, .w_modal select.value{
        color: #0f0f0f;
    }


.w_form-registration input[type=checkbox] + label,.w_modal input[type=checkbox] + label{
        /*padding-bottom: 26px;*/
    }


.w_form-registration input[type=checkbox] + label::before, .w_modal input[type=checkbox] + label::before {
        content: "";
        border: 0.0625rem solid #333;
        width: 1.25rem;
        height: 1.25rem;
        color: #333;
    }


.w_form-registration input[type=checkbox]:checked + label::before, .w_modal input[type=checkbox]:checked + label::before {
        content: '\e65e' !important;
        font-size: 0.875rem;
        border: 0.0625rem solid #333;
        padding: 0.125rem;
        color: #333;
    }


.w_form-registration label span,.w_modal label span{
                font-weight:400;
                display: block;
            }


.w_form-registration select, .w_form-registration input[type=radio] + label:before, .w_form-registration input[type=radio]:hover + label:before, .w_modal select, .w_modal input[type=radio] + label:before, .w_modal input[type=radio]:hover + label:before{
        color: #333;
    }


.w_form-registration select,.w_modal select{
        background-image: url(../images/select-down.png);
        background-size: 0.75rem;
        background-position: 96%;
    }


.w_form-registration input[type=checkbox], .w_form-registration input[type=radio], .w_modal input[type=checkbox], .w_modal input[type=radio]{
        width: 0.0625rem;
    }


.w_form-registration .m_button-back, .w_form-registration .m_button-next, .w_modal .m_button-back, .w_modal .m_button-next{
        position: relative;
        color: #0f0f0f;
        display: inline-block;
        line-height: 1rem;
    }


.w_form-registration .m_button-back span,.w_form-registration .m_button-next span,.w_modal .m_button-back span,.w_modal .m_button-next span{
                display: inline-block;
                width: 0.625rem;
                position: relative;
                height: 0.75rem;
            }


.w_form-registration .m_button-back span::before,.w_form-registration .m_button-next span::before,.w_modal .m_button-back span::before,.w_modal .m_button-next span::before{
                    font-family: 'VZIcons';
                    content: "\e625";
                    position: absolute;
                    left: 0;
                    font-size: 0.5625rem;
                    line-height: 1rem;
                    top: 0;
                }


.w_form-registration .m_button-back.disabled,.w_form-registration .m_button-next.disabled,.w_modal .m_button-back.disabled,.w_modal .m_button-next.disabled{
            color: #cccccc;
            background: transparent;
            opacity: 1;
        }


.w_form-registration .m_button-next span::before,.w_modal .m_button-next span::before{
                    content: "\e631";
                    right: 0;
                    left: inherit;
                }


.w_form-registration .m_line-bold,.w_modal .m_line-bold{
        height: 0.125rem;
        width: 100%;
        background: #0f0f0f;
        margin-top: 1.875rem;
        margin-bottom: 1.875rem;
    }


.w_form-registration .m_divider hr,.w_modal .m_divider hr{
            margin: 1.625rem 0;
        }


.w_form-registration .w_tooltip,.w_modal .w_tooltip{
        border: 0.0625rem solid #ccc;
        padding: 1.25rem;
        background: #fff;
    }


.w_form-registration .w_tooltip:before,.w_modal .w_tooltip:before{
            background-image: url("data:image/svg+xml,%3C%3Fxml%20version%3D%271.0%27%20encoding%3D%27utf-8%27%3F%3E%0A%3Csvg%20version%3D%271.1%27%20id%3D%27Layer_1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%0A%09%20viewBox%3D%270%200%2039%2039%27%20style%3D%27enable-background%3Anew%200%200%2039%2039%3B%27%20xml%3Aspace%3D%27preserve%27%3E%0A%3Cstyle%20type%3D%27text%2Fcss%27%3E%0A%09.st0%7Bfill%3A%23FFFFFF%3B%7D%0A%09.st1%7Bfill%3A%23CCCCCC%3B%7D%0A%3C%2Fstyle%3E%0A%3Cg%3E%0A%09%3Crect%20x%3D%276.7%27%20y%3D%276.7%27%20transform%3D%27matrix(-0.7071%200.7071%20-0.7071%20-0.7071%2047.0772%2019.5)%27%20class%3D%27st0%27%20width%3D%2725.6%27%20height%3D%2725.6%27%2F%3E%0A%09%3Cpath%20class%3D%27st1%27%20d%3D%27M19.5%2C2.8l16.7%2C16.7L19.5%2C36.2L2.8%2C19.5L19.5%2C2.8%20M19.5%2C0L0%2C19.5L19.5%2C39L39%2C19.5L19.5%2C0L19.5%2C0z%27%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A");
        }


.w_form-registration .w_tooltip p,.w_modal .w_tooltip p{
           line-height: 1.5;
           margin-bottom: 0.9375rem;
        }


.w_form-registration .w_tooltip ul,.w_modal .w_tooltip ul{
            margin-bottom: 0.9375rem;
        }


.w_form-registration .w_tooltip .tooltip_x,.w_modal .w_tooltip .tooltip_x{
            margin-right: -1.0625rem;
            margin-top: -1.0625rem;
        }


.w_form-registration .w_tooltip .tooltip_x:before,.w_modal .w_tooltip .tooltip_x:before{
                content: "\e65b";
                font-size: 0.875rem;
                color: #000;
            }


.w_form-registration .w_tabs,.w_modal .w_tabs{
        border: none;
    }


.w_form-registration .w_tabs li,.w_modal .w_tabs li{
            font-size: 1.25rem;
            letter-spacing: 0.0375rem;
            color: #959595;
            font-weight: 600;
            padding: 0;
            line-height: 2.125rem;
            margin-left: 1.875rem;
        }


.w_form-registration .w_tabs li.active,.w_modal .w_tabs li.active{
               color: #0f0f0f; 
               border-bottom-color: #0f0f0f;
            }


.w_form-registration .w_tabs li:first-child,.w_modal .w_tabs li:first-child{
                margin-left: 0;
            }


/*Registration & Forgot Pages*/


.w_form-registration .w_page-head,.w_modal .w_page-head{
        margin-bottom: 2.5rem;
    }


.w_form-registration .w_page-head p,.w_modal .w_page-head p{
            margin: auto;
        }


.w_form-registration .w_page-title, .w_modal .w_page-title {
        font-size: 1.5rem;
        color: #0f0f0f;
        margin: auto;
        line-height: 1.75rem
    }


.w_form-registration .w_section-title, .w_modal .w_section-title {
        font-size: 2rem;
        color: #0f0f0f;
        margin: auto;
        line-height: 2.125rem;
    }


.w_form-registration .m_input-field,.w_modal .m_input-field{
        margin-bottom: 1.5rem;
    }


.w_form-registration .m_input-field .m_text-small,.w_modal .m_input-field .m_text-small{
           margin: 0;
           margin-top: 0.1875rem;
           color: #959595;
           max-width: 21.875rem;
         }


.w_form-registration span.help-icon,.w_modal span.help-icon{
        width: 1.125rem;
        height: 1.125rem;
        background: url('../images/help.png');
        display: inline-block;
        top: 0.25rem;
        left: 0.25rem;
        position: relative;
    }


.w_form-registration .m_required,.w_modal .m_required{
        background: url(../images/required.png) no-repeat 0 0.25rem;
        background-size: 0.375rem;
        padding-left: 0.625rem;
    }



.w_form-registration .w_msg-banner,.w_modal .w_msg-banner{
        background: #333333;
        color: #fff;
        margin-top: 0.625rem;
        padding: 1.25rem;
    }



.w_form-registration .w_msg-banner .w_msg-banner-title,.w_modal .w_msg-banner .w_msg-banner-title{
             font-size: 1.25rem;
             margin: auto;
             margin-bottom: 0.625rem;
             color: #fff;
        }



.w_form-registration .w_msg-banner ul,.w_modal .w_msg-banner ul{
            margin-bottom: 0;
            margin-left: 1.5rem;
        }



.w_form-registration .w_msg-banner ul li,.w_modal .w_msg-banner ul li{
                  font-size: 1rem;
                  line-height: 1.75rem;
              }



.w_form-registration .w_section-sub-title,.w_modal .w_section-sub-title{
        font-size: 1.25rem;
        color: #0f0f0f;
        margin-bottom: 0.875rem;
        margin-top: 2.5rem;
        line-height: 1.5rem;
    }



.w_form-registration .w_order-summary,.w_modal .w_order-summary{
        margin-top: 1.25rem;
    }



.w_form-registration .w_order-summary p, .w_modal .w_order-summary p {
              font-size: 1rem;
              margin-bottom: 0;
          }



.w_form-registration hr,.w_modal hr{
        margin: 1.875rem auto 1.625rem;
        border: none;
        height: 0.0625rem;
        background: #ddd;
        width: 100%;
    }



.w_form-registration .m_text-small,.w_modal .m_text-small{
        margin-top: 1rem;
        margin-bottom: 0;
    }



.w_form-registration .w_existing-account,.w_modal .w_existing-account{
        margin-top: 1.875rem;
    }



.w_form-registration .w_existing-account p,.w_modal .w_existing-account p{
            margin-bottom: 0;
         }



.w_form-registration .weak-password,.w_modal .weak-password{
        color: #CD040B;
        font-size: 0.875rem;
    }



.w_form-registration .medium-password,.w_modal .medium-password{
        color: #FFBC3D;
    }



.w_form-registration .strong-password,.w_modal .strong-password{
        color: #00ac3e;
        position: relative;
        /*max-width: 350px;*/
    }



.w_form-registration .m_input-waring, .w_form-registration input.m_input-waring:focus:not([readonly]), .w_modal .m_input-waring, .w_modal input.m_input-waring:focus:not([readonly]){
        border-color:#CD040B;
    }



.w_form-registration .m_input-medium, .w_form-registration input.m_input-medium:focus:not([readonly]), .w_modal .m_input-medium, .w_modal input.m_input-medium:focus:not([readonly]){
        border-color: #FFBC3D;
    }



.w_form-registration .m_input-success, .w_form-registration input.m_input-success:focus:not([readonly]), .w_modal .m_input-success, .w_modal input.m_input-success:focus:not([readonly]){
        border-color:#00ac3e;
        background: url("../images/success-arrow.png") no-repeat 98% 50%;
    }



.w_form-registration .m_error-msg-banner,.w_modal .m_error-msg-banner{
        background: #ffefe8;
        padding: 0.625rem 1.25rem;
        margin-bottom: 1.25rem;
    }



.w_form-registration .m_error-msg-banner .m_error-title,.w_modal .m_error-msg-banner .m_error-title{
            font-size: 1.25rem;
            color: #0f0f0f;
            margin: auto;
        }



.w_form-registration .m_error-msg-banner p,.w_modal .m_error-msg-banner p{
            margin-bottom: 0;
        }



.w_form-registration .error-msg, .w_form-registration .hint-msg, .w_form-registration .m_error, .w_modal .error-msg, .w_modal .hint-msg, .w_modal .m_error{
        padding: 0;
        margin: auto;
    }



.w_form-registration .hint-msg, .w_form-registration .error-msg, .w_form-registration .m_error, .w_modal .hint-msg, .w_modal .error-msg, .w_modal .m_error{
        display: none;
    }



.w_form-registration .error-msg, .w_form-registration .m_error, .w_modal .error-msg, .w_modal .m_error{
        color: #CD040B;
        margin-top: 0.1875rem;
    }



.w_form-registration .status-msg,.w_modal .status-msg{
        color: #CD040B;
    }



.w_form-registration .fancy-options_item,.w_modal .fancy-options_item{
        font-size: 0.875rem;
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }



.w_form-registration .fancy-options_item.selected, .w_form-registration .fancy-options_item.active, .w_modal .fancy-options_item.selected, .w_modal .fancy-options_item.active{
         background: #f6f6f6;
    }



.w_form-registration .fancy-options_item.selected::before,.w_form-registration .fancy-options_item.active::before,.w_modal .fancy-options_item.selected::before,.w_modal .fancy-options_item.active::before{
            color: #333;
        }



.w_form-registration .panel,.w_modal .panel{
         background: #333;
         font-size: 1rem;
     }



.w_form-registration .panel h1, .w_form-registration .panel h2, .w_form-registration .panel h3, .w_form-registration .panel h4, .w_form-registration .panel h5, .w_modal .panel h1, .w_modal .panel h2, .w_modal .panel h3, .w_modal .panel h4, .w_modal .panel h5{
               color: #fff;
           }



.w_form-registration .panel h4,.w_modal .panel h4{
            margin-bottom: 0.5rem;
        }



/*OTP Page*/



.w_form-registration .w_bill-banner,.w_modal .w_bill-banner{
        background: #333333;
        color: #fff;
        padding: 0.625rem;
        margin-bottom: 1.25rem;
    }



.w_form-registration .w_bill-banner p,.w_modal .w_bill-banner p{
             color: #fff;
             margin: auto;
             line-height: 1.0625rem;
         }



.w_form-registration .w_bill-banner .m_bill-amount,.w_modal .w_bill-banner .m_bill-amount{
               font-size: 1.25rem;
               line-height: 1.5rem;
               font-weight: 600;
                      }



.w_form-registration .w_bill-banner .m_bill-banner-right,.w_modal .w_bill-banner .m_bill-banner-right{
            text-align: right;
        }



.w_form-registration .w_bill-banner .m_bill-banner-right p span,.w_modal .w_bill-banner .m_bill-banner-right p span{
                         font-weight: 600;
                     }



.w_form-registration .m_paymet-options ul,.w_modal .m_paymet-options ul{
                margin: auto;
                list-style: none;
              }



.w_form-registration .m_paymet-options ul li a,.w_modal .m_paymet-options ul li a{
                        padding:1.5625rem 0;
                        border-bottom: 0.0625rem solid #dddddd;
                        font-size: 1.25rem;
                        color: #0f0f0f;
                        position: relative;
                        display: block;
                        
                     }



.w_form-registration .m_paymet-options ul li a span,.w_modal .m_paymet-options ul li a span{
                                position: relative;
                            }



.w_form-registration .m_paymet-options ul li a span:before,.w_modal .m_paymet-options ul li a span:before{
                                    position: absolute;
                                    font-family: 'VZIcons';
                                    content: "\e631";
                                    font-size: 0.75rem;
                                    top: 0.125rem;
                                    left: 0.3125rem;
                                }



.w_form-registration .w_payment-options ul,.w_modal .w_payment-options ul{
            margin: auto;
            list-style: none;
          }



.w_form-registration .w_payment-options ul li,.w_modal .w_payment-options ul li{
                    display: inline-block;
                    margin-right: 0.9375rem;
                 }



.w_form-registration .w_payment-options ul li:last-child,.w_modal .w_payment-options ul li:last-child{
                                     margin-right: 0;
                                 }



.w_form-registration .m_swiper-container, .w_modal .m_swiper-container {
        margin: 0.625rem 2.5rem;
    }



.w_form-registration .m_swiper-container .card-wrap, .w_modal .m_swiper-container .card-wrap {
            width: 5.625rem;
            margin-left: auto;
            margin-right: auto;
            margin-top: 2.5rem;
        }



.w_form-registration .m_swiper-container .card-wrap img,.w_modal .m_swiper-container .card-wrap img{
                   width: 100%;
               }



.w_form-registration .swiper-pagination-bullet, .w_modal .swiper-pagination-bullet {
        margin: 0 0.3125rem;
        background-color: #fff;
        border: 0.0625rem solid #959595;
    }



.w_form-registration .swiper_button-prev, .w_modal .swiper_button-prev {
        left: 0;
    }



.w_form-registration .swiper_button-next, .w_modal .swiper_button-next {
        right: 0;
    }



.w_form-registration .swiper_button-prev, .w_form-registration .swiper_button-next, .w_modal .swiper_button-prev, .w_modal .swiper_button-next{
        background: #959595;
    }



.w_form-registration .swiper_button-prev:before,.w_form-registration .swiper_button-next:before,.w_modal .swiper_button-prev:before,.w_modal .swiper_button-next:before{
                    color: #fff;
                }



.w_form-registration .swiper_pager, .w_modal .swiper_pager {
        bottom: 0.625rem;
        width: 100%;
    }



.w_form-registration .swiper-pagination-bullet-active, .w_modal .swiper-pagination-bullet-active {
        background-color: #959595;
    }



.w_form-registration .swiper_item.default .payment-method-wrap, .w_modal .swiper_item.default .payment-method-wrap {
        background: #f6f6f6;
    }



.w_form-registration .swiper_item.default .payment-method-wrap:after,.w_modal .swiper_item.default .payment-method-wrap:after{
                content: '';
                position: absolute;
                margin-left: -0.375rem;
                top: 0.9375rem;
                left: 50%;
                margin-left: -0.5rem;
                background: url('../images/check.png');
                width: 0.8125rem;
                height: 0.625rem;
               }



.w_form-registration .payment-method-wrap, .w_modal .payment-method-wrap {
        position: relative;
        width: 9.375rem;
        height: 9.375rem;
        border-radius: 50%;
        display: inline-block;
    }



.w_form-registration .payment-method-wrap .payment-method-name, .w_modal .payment-method-wrap .payment-method-name {
            font-weight: bold;
            color: #333;
            line-height: 1rem;
            padding-top: 0.5625rem;
        }



.w_form-registration .w_make-payment, .w_modal .w_make-payment {
    margin-bottom: 1.25rem;
}



.w_form-registration .w_make-payment .w_list-control .m_accordion-summary::before,.w_modal .w_make-payment .w_list-control .m_accordion-summary::before{
                    content: '';
                    width: 2.5rem;
                    height: 2.5rem;
                    background: url('../images/arrow-down.png');
                    top: 0.3125rem;
                    right: 1.25rem;
                }



.w_form-registration .w_make-payment .w_list-control .m_accordion-summary.open::before,.w_modal .w_make-payment .w_list-control .m_accordion-summary.open::before{
                        background: url('../images/arrow-up.png');
                             }



.w_form-registration .w_list-control .m_accordion-summary,.w_modal .w_list-control .m_accordion-summary{
                font-weight: bold;
                min-height: 3.125rem;
                line-height: 1rem;
                padding: 1rem 3.125rem 1rem 0;
                border-bottom: 0.0625rem solid #dddddd;
             }



.w_form-registration .w_list-control .m_accordion-summary:first-child,.w_modal .w_list-control .m_accordion-summary:first-child{
                    border-top: 0.0625rem solid #dddddd;
                 }



.w_form-registration .w_list-control .m_accordion-summary::before,.w_modal .w_list-control .m_accordion-summary::before{
                    top: 0.9375rem;
                    right: 1.25rem;
                    color: #398dfa;
                }



.w_form-registration .w_list-control .m_accordion-details,.w_modal .w_list-control .m_accordion-details{
                        border-bottom: 0.0625rem solid #dddddd !important;
                        padding: 0.9375rem 0 1.875rem;
                     }



.w_form-registration .m_payment-confirmations h4,.w_modal .m_payment-confirmations h4{
              margin-bottom: 1.25rem;
          }



.w_form-registration .m_payment-confirmations ul,.w_modal .m_payment-confirmations ul{
            list-style: none;
            margin: 0;
        }



.w_form-registration .m_payment-confirmations ul li,.w_modal .m_payment-confirmations ul li{
                  padding-bottom: 1.625rem;
                  border-bottom: 0.0625rem solid #ddd;
                  margin-bottom: 1.625rem;
              }



.w_form-registration .m_payment-confirmations ul li p,.w_modal .m_payment-confirmations ul li p{
                       font-size: 1rem;
                       line-height: 1.125rem;
                       margin-bottom: 0;
                   }



.w_form-registration .m_payment-confirmations .row,.w_modal .m_payment-confirmations .row{
            padding: 0;
            font-size: 1rem;
            margin-bottom: 0.75rem;
            line-height: 1.125rem;
         }



.w_form-registration .m_payment-confirmations .row:last-child,.w_modal .m_payment-confirmations .row:last-child{
                            margin-bottom: 0;
                        }



.w_form-registration .m_payment-confirmations .row .columns, .w_form-registration .m_payment-confirmations .row .column, .w_modal .m_payment-confirmations .row .columns, .w_modal .m_payment-confirmations .row .column{
                padding: 0;
            }



.w_form-registration .m_payment-confirmations .row .columns a,.w_form-registration .m_payment-confirmations .row .column a,.w_modal .m_payment-confirmations .row .columns a,.w_modal .m_payment-confirmations .row .column a{
                     display: block;
                     margin-top: 0.3125rem;
                 }



.w_form-registration .m_payment-confirmations .row .columns:last-child,.w_form-registration .m_payment-confirmations .row .column:last-child,.w_modal .m_payment-confirmations .row .columns:last-child,.w_modal .m_payment-confirmations .row .column:last-child{
                    text-align: right;
                }



.w_form-registration .m_icons-continer ul,.w_modal .m_icons-continer ul{
             list-style: none;
             margin: 0;
         }



.w_form-registration .m_icons-continer ul li,.w_modal .m_icons-continer ul li{
                   display: inline-block;
                   text-align: center;
                   margin-right: 1.25rem;
               }



.w_form-registration .m_icons-continer ul li:last-child,.w_modal .m_icons-continer ul li:last-child{
                                   margin-right: 0;
                               }



.w_form-registration .m_icons-continer ul li span,.w_modal .m_icons-continer ul li span{
                           display: block;
                           font-size: 0.75rem;
                       }



.w_form-registration .m_error-banner,.w_modal .m_error-banner{
        background: #ffefe8;
        padding: 0.9375rem 1.25rem;
        margin-bottom: 1.25rem;
    }



.w_form-registration .m_error-banner p,.w_modal .m_error-banner p{
             margin-bottom: 0;
         }



.w_form-registration .m_date-picker,.w_modal .m_date-picker{
        max-width: 21.875rem;
    }



.w_form-registration .m_reward-msg,.w_modal .m_reward-msg{
        padding-left: 1.875rem;
        background: url('../images/rewards-icon.png') no-repeat 0 0.125rem;
        background-size: 1.4375rem;
        line-height: 1.0625rem;
    }



.w_form-registration .m_account-unavailable,.w_modal .m_account-unavailable{
        margin-bottom: 1.5rem;
    }



.w_form-registration .m_account-unavailable .row, .w_form-registration .m_account-unavailable .columns, .w_modal .m_account-unavailable .row, .w_modal .m_account-unavailable .columns{ padding-left: 0;
                      }



.w_form-registration .m_account-unavailable .row span,.w_form-registration .m_account-unavailable .columns span,.w_modal .m_account-unavailable .row span,.w_modal .m_account-unavailable .columns span{
                            display: inline-block;
                        }



.w_form-registration .m_just-moment,.w_modal .m_just-moment{
        padding: 10.625rem 0;
        background: #fff;
        position: relative;
        max-width: 48.75rem;
        margin: auto;
    }



.w_form-registration .msg-section,.w_modal .msg-section{
        max-width: 25rem;
        margin:auto;

    }



.w_form-registration .msg-section .msg-container .msg-text, .w_modal .msg-section .msg-container .msg-text {
                display: inline-block;
                width: 74%;
                vertical-align: middle;
                font-size: 1.25rem;
                font-weight: bold;
                line-height: 1;
                text-align: left;
                margin-left: 0.625rem;
            }



/*RAP Flow*/



.w_form-registration .m_rap-header,.w_modal .m_rap-header{
         margin-bottom: 1.875rem;
     }



.w_form-registration .m_rap-header h2,.w_modal .m_rap-header h2{
               max-width: 36.875rem;
               margin-left: 0;
               margin-bottom: 1.25rem;
           }



.w_form-registration .m_rap-header p,.w_modal .m_rap-header p{
            max-width: 36.875rem;
            margin-left: 0;
            margin-bottom: 0;
        }



.w_form-registration .m_rap-header h4,.w_modal .m_rap-header h4{
            max-width: 24.375rem;
            margin-left: 0;
        }



.w_form-registration .m_input-tel input[type=tel],.w_modal .m_input-tel input[type=tel]{
                           width: 5rem;
                       }



.w_form-registration .w_rap-banner,.w_modal .w_rap-banner{
        margin-bottom: 1.875rem;
    }



.w_form-registration .w_rap-banner img,.w_modal .w_rap-banner img{
               width: 100%;
           }



.w_form-registration .w_app-download-heading,.w_modal .w_app-download-heading{
        float: left;
        width: 100%;
        margin-bottom: 1.5rem;
    }



.w_form-registration .w_app-download-heading img,.w_modal .w_app-download-heading img{
               float: left;
               width: 4.375rem;
           }



.w_form-registration .w_app-download-heading h2,.w_modal .w_app-download-heading h2{
            margin-left: 5.625rem;
        }



.w_form-registration .m_app-download h4,.w_modal .m_app-download h4{
              font-size: 1rem;
              margin-bottom: 0.875rem;
          }



.w_form-registration .m_app-download .m_app-download-icons,.w_modal .m_app-download .m_app-download-icons{
              list-style: none;
              margin: auto;
          }



.w_form-registration .m_app-download .m_app-download-icons li,.w_modal .m_app-download .m_app-download-icons li{
                    display: inline-block;
                    margin-right: 1.25rem;
                }



.w_form-registration .m_app-download .m_app-download-icons li img,.w_modal .m_app-download .m_app-download-icons li img{
                           width: 100%;
                           max-width: 8.3125rem;
                           height: 2.5rem;
                       }



.w_form-registration .m_app-download .m_app-download-icons li:last-child,.w_modal .m_app-download .m_app-download-icons li:last-child{
                        margin-right: 0;
                    }



.ui-datepicker{
        z-index: 100 !important;
    }



/*Preloader Page*/



.m_page-overlay{
        background: rgba(0, 0, 0, 0.65);
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }



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



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



.spin-loader {
        border-radius: 50%;
        width: 3.125rem;
        height: 3.125rem;
        border: 0.25rem solid black;
        border-top-color: white;
        -webkit-animation: spin 1s infinite linear;
        animation: spin 1s infinite linear;
        display: inline-block;
        vertical-align: middle;
    }



/*Model Content*/



.w_modal .modal_content {
            margin-top: 0;
            padding: 3.125rem 4.375rem 0;
        }



.w_modal .modal_content .panel {
                margin: 0 -4.375rem;
                padding-left: 4.375rem;
                padding-right: 4.375rem;
                background: #333;
                color: #fff;
            }



.w_modal .modal_content .panel ul{
                      color: #fff;
                  }



.w_modal .m_icon-clear {
        font-size: 1.375rem !important;
    }



.w_modal .modal_footer{
        padding: 1.875rem 4.375rem;
    }



.w_modal .m_tos-content{ 
	max-height: 18.75rem; 
	overflow-y: scroll; 
}



.w_modal .m_footer{
      display: block;   
     }



.w_modal .m_footer .m_left{
                float: left;
           }



.w_modal .m_footer .m_left ul{
                      margin: auto;
                      list-style: none;
                  }



.w_modal .m_footer .m_left ul li{
                            display: inline-block;
                            text-align: center;
                            margin-right: 1.25rem;
                        }



.w_modal .m_footer .m_left ul li:last-child{
                                            margin-right: 0;
                                        }



.w_modal .m_footer .m_right{
                float: right;
                width: 100%;
                max-width: 12.5rem;
                margin: auto;
           }



.w_modal .m_footer .m_right .button{
                           margin: auto;
                 }



*:focus, input:focus:not([readonly]) {
    outline: none;
    outline-offset: 0;
}



.w_modal{
    padding: 0;
}



.w_modal .button{
        max-width: 12.5rem;
    }



body.no-scroll{
	position: static;
  }



.loader.center {
  left: 0;
  position: absolute;
  right: 0;
  top: 40%;
}



.title_x {
    font-size: 1.25rem;
    color: #000;
    font-weight: 600;
}



.m_title-line-height {
    line-height: 1.25rem !important;
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
}



.m_icon-clear {
    position: absolute;
    top: 1rem;
    right: 1rem;
}


.w_modal .vzicon.m_icon-clear {
        right: 1.5rem;
    }


.w_modal .vzicon.m_icon-clear::before {
            color: #000;
        }


@media only screen and (min-width: 60.625rem) {
  .w_modal.m_modal-width, .w_modal.m_modal-width-small {
    width: 100%;
    max-width: 45.625rem;
    margin-left: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.w_modal.m_modal-width-small {
    max-width: 33.75rem;
}
}


@media only screen and (max-width: 48rem) {
        header .vz_logo{
            padding-top: 0;
             margin: 0.9375rem auto;
            } 
             header .vz_logo img{
                    width: 5.625rem;
                }
        header .top-right{
            top: 0;
            right: 0.9375rem;
        }
    .w_footer{
       padding: 0.5rem 0;
    }
        /*padding-top: 1.5rem;
        padding-bottom: 1rem;*/

        .w_form-registration .banner-title,.w_modal .banner-title{
            font-size: 1.875rem;
            line-height: 2rem; 
        }
        .w_form-registration h1,.w_modal h1{
            font-size: 1.625rem;
            line-height: 1.5rem;
        }
        .w_form-registration h2,.w_modal h2{
            font-size: 1.625rem;
            line-height: 1.75rem;
        }
        .w_form-registration .w_page-head,.w_modal .w_page-head{
            margin-bottom: 1.625rem;
        }
        .w_form-registration .w_section-title,.w_modal .w_section-title{
            font-size: 1.625rem;
            line-height: 1.75rem;
        }
        .w_form-registration .w_msg-banner,.w_modal .w_msg-banner{
            margin-top: 1.25rem;
            margin-left: -0.75rem;
            margin-right: -0.75rem;
        }
        
        .w_form-registration .w_existing-account,.w_modal .w_existing-account{
            padding-top: 1.875rem;
            margin-top: 1.875rem;
            border-top: 0.0625rem solid #d8d8d8;
        }

        .w_form-registration .m_just-moment,.w_modal .m_just-moment{
            padding: 4.375rem 1.25rem;
            margin: auto 0.9375rem;
        }
        .w_form-registration .w_rap-banner,.w_modal .w_rap-banner{
            margin: -1.5625rem -1.25rem 1.25rem;
        }
            .w_form-registration .w_app-download-heading h2,.w_modal .w_app-download-heading h2{
                margin-left: 5rem;
            }

  .w_modal{
      padding: 0;
  }
      .w_modal .modal_content {
            margin-top: 0;
            padding: 0.9375rem;
            padding-bottom: 0;
        }
            .w_modal .modal_content .panel {
                padding: 0.9375rem;
                margin: 0 -0.9375rem;
            }
    .w_modal .vzicon.m_icon-clear {
        right: 0.4375rem;
        top: 0;
    }
    .w_modal .modal_footer{
        padding: 0.9375rem;
        z-index: 10;
    }
          .w_modal .m_footer .m_left{
                float: left;
                width: auto;
                margin-top: 0;
           }
           .w_modal .m_footer .m_right{
               float: right;
               width: 100%;
               
           }
.panel{
         margin: 0 -1.25rem;
         margin-bottom: 1.25rem;
     }  
}


@media(max-width: 33.75rem) {
    .w_form-registration input, .w_form-registration select, .w_form-registration button, .w_form-registration .button, .w_modal input, .w_modal select, .w_modal button, .w_modal .button{
                max-width: inherit;
                 }
    .w_form-registration .m_mobile-center,.w_modal .m_mobile-center{
            text-align: center;
        }
    .w_form-registration .m_input-field,.w_modal .m_input-field{
        
    }
    .w_form-registration .m_text-small,.w_modal .m_text-small{
                max-width: inherit;
     }
}


@media(max-width: 30rem) {
         .w_bill-banner .m_bill-banner-right{
                text-align: left !important;
                margin-top: 0.9375rem;
                             }
}


/*Input Box Zoom Issue for IOS*/


.device-ios select, .device-ios textarea, .device-ios input{
                               font-size: 0.875rem;
                           }


.device-ios select:focus, .device-ios select:active, .device-ios textarea:focus, .device-ios textarea:active, .device-ios input:focus, .device-ios input:active{
                                 font-size: 0.875rem;
                                      }


/* TOS modal styles */


.text-font_20{
     font-size: 1.25rem;

}


/* TOS modal styles */



/*Disclaimer Styles Starts*/



.w_disclaimer {
    position: absolute;
    bottom: 0;
    color: #CCCCCC;
    font-size: 0.75rem;    
    width: 100%;
    max-width: 29rem;
    padding: 0 1rem;
    margin-left: -10.3125rem;
    left: 45%;
}



@media only screen and (max-width: 47.9375rem) and (orientation : portrait) {



.w_disclaimer {
        position: fixed;
        left: 0;
        margin-left: auto;
        margin-right: auto
}
    }



.w_disclaimer .disclaimer-details-section {
        width: 100%;
    }



.w_disclaimer .disclaimer-details-section .disclaimer-details {
            display: inline-block;
            float: left;
            width: 50%;
            margin-bottom: 0.5625rem;
        }



.w_disclaimer .disclaimer-details-section .disclaimer-details:last-child {
                text-align: right;
            }



.w_disclaimer .disclaimer-text {
        color: #CCCCCC;
        font-size: 0.75rem;
        text-align:justify;
        line-height: 0.75rem;
    }



/*Disclaimer Styles Starts*/



.trans-height {
    height: 0 !important;
    overflow:hidden;
    opacity:0 !important;
      
}



.trigger_div {
    height: 4.625rem;
    opacity:1;
    -webkit-transition:  height 0.5s, opacity 0.25s;
    transition:  height 0.5s, opacity 0.25s;
}



.trigger_div.close{
    opacity:0;
    height:0;
    z-index:-1;
    position: relative;
}



.trigger_div.open{
    opacity:1;      
}



.trans-height-auto {
  opacity:0;
}



.router-bg {
    height: 42rem !important;
}



@media only screen and (max-width: 47.9375rem) and (orientation : portrait)  {



.router-bg {    
        height: 100vh !important
}
    }



.speed-test-result, .router-bg-text, .test-complete {
    top: 21% !important;
}



.speed-info:before {
    width: 1.25rem !important;
    height: 1.25rem !important;
}



.m-rounded-btn {
    min-height: 2.1875rem !important;
    min-width: 9.375rem !important;
    line-height: 1.3125rem !important;
}



.rounded-button {
    border-radius: 1.45rem !important;
}



/*.triggerOne-icon-down div:before {
    content: '\e76e' !important;
    background-image: none !important;
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    right: -1.375rem; 
    bottom: 0 !important; 
}*/



.device-count-div .speed-test-row .column {
            padding:0 0.9375rem;
        }



.device-count-div .speed-test-row .column ul li{
           line-height:1.0625rem;
       }



.triggerOne-icon-up, .triggerOne-icon-down {
    cursor: default !important;
}



.triggerOne-icon-up div:before, .triggerOne-icon-down div:before {
    width: 1rem !important;
    height: 1rem !important;
    background-repeat: no-repeat !important;
    background-size: contain;
    bottom: 0 !important;
}



.triggerHigh,.triggerMedium {
    /*display: inline-block !important;*/
    width: auto !important;
    cursor: pointer;
}



.trigger-wrapper {
    display: block;
    width: 100%;
}



.banner-welcome-msg {
    color: white !important;
    position: absolute;
    left: 6%;
    top: 46%;
    width: 27%;
}



@media only screen and (max-width: 47.9375rem) {
    .banner {
        height: calc(100vh - 3.75rem) !important;
    }   
    .banner-welcome-msg {
        color: white !important;
        width: 90%;
        position: absolute;
        margin: 0 auto;
        top: auto;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0.9375rem;
    }
}



@media only screen and (max-width: 47.9375rem) and (orientation : portrait) {
     .banner-text {
        padding-top: 0.9375rem !important;
    }
    .dots_loader {
        padding-top: 0 !important;
     }
    .banner-link {
        padding-top: 1.25rem !important;
    }
    .banner-link .button.rounded-button {
        margin-top: 0 !important;
    }
}



@media only screen and (max-width: 48rem) {
    .w_modal .vzicon.m_icon-clear {
        padding: 0.625rem;
    }
}



.w_footertext-carousal {    
    color: #fff;
    /*display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;*/
    text-align: center;
}



.w_footertext-carousal ul {
        list-style: none;
        width: 100%;
        max-width: 29rem;
        margin: 0 auto;
    }



.w_footertext-carousal ul li {
            position: absolute;
            bottom: 3.125rem;
            opacity: 0;
            max-width: 29rem;
            width: 100%;
            padding: 0 1rem;    
            display:block;        
        }



.main{
    padding:0;
}



.header_section{
    background:url(../../images/header_img.png) no-repeat center;
    height:10rem;
}


.banner{
      background:url(../images/speedTestBG.png) no-repeat center;
      height:36.375rem;
      position:relative;
}



.banner-text{   
    position: absolute;
    font-size: 2.5rem;
    font-weight: bold;
    color: #fff !important;
    line-height: 2.5rem !important;
    /*width: 30%;*/
    width: 32%;
    left: 6%;
    top: 6%;
}



.banner-link{
    position: absolute;
    left: 6%;
    top: 32%;
}



.banner-link a.button.cta-text:before{
                        color:#fff;
                        font-size: 0.8125rem;
                        top: 56%;
                        right:0.625rem;
                   }



.banner-link a.button.cta-text:hover:before{
                        color:#fff;
                        font-size: 0.8125rem;
                        top: 56%;
                   }



.router-bg{
     background-image:url(../images/desktop.jpg);
     height:45rem;
     position:relative;
     background-repeat: no-repeat;
     background-size: cover;
}



.router-bg-text{
    text-align:center;
    color:#CCCCCC;
    font-size:1rem;    
    line-height: 1.0625rem;
    position:absolute;
    top: 23%;
    left: 41.5%;
}



.test-complete{
    position:absolute;
    top: 23%;
    left: 44%;
    color:#ccc;
}



.test-complete .test-complete_second{
                       width: 11.5rem;
                        left: -1.6875rem;
                        position: absolute;
                            text-align: center;
                           }



.router-img{
    position: absolute;
    top: 35%;
    left: 40%;
    /*left: 41%;
    width: 19%;*/
}



.speed-test-icon_left .icon-internet:before{
                color:#ccc;
        }



.progress-circle{
    width:4.125rem;
    height:4.125rem;
    display:inline-block;
    border-radius:2.125rem;
    background: transparent;
    border: 0.125rem solid #ccc;
    position:relative;
        float: left;
}



.progress-circle.complete{
      border: 0.125rem solid #67CEAC;
}



.progress-circle.error{
      border: 0.125rem solid #F57823;
}



@-webkit-keyframes LoadingBar {
  0%  { -webkit-transform: translateX(-102%); transform: translateX(-102%) }
  45% { -webkit-transform: translateX(0); transform: translateX(0) }
  55% { -webkit-transform: translateX(0); transform: translateX(0) }
  90% { -webkit-transform: translateX(102%); transform: translateX(102%) }
  100% { -webkit-transform: translateX(102%); transform: translateX(102%) }
}



@keyframes LoadingBar {
  0%  { -webkit-transform: translateX(-102%); transform: translateX(-102%) }
  45% { -webkit-transform: translateX(0); transform: translateX(0) }
  55% { -webkit-transform: translateX(0); transform: translateX(0) }
  90% { -webkit-transform: translateX(102%); transform: translateX(102%) }
  100% { -webkit-transform: translateX(102%); transform: translateX(102%) }
}



.loading-bar {
    display: inline-block; 
    margin-top: 13%;
        float: left;
    /*position: relative;
    top: 0;
    left: 1px;
    right: 0;*/
    width:6.25rem;
    height: 0.125rem;
    overflow-x: hidden;
    background-color: #ccc; /* use px color $primary-light */
}



.loading-bar.complete{
    background-color: #67CEAC;
}



.loading-bar.error {
    background-color: #F57823;
}



.loading-bar.active:before {
  content: "";
    height: 0.125rem;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   width:6.375rem;
  background-color: #67CEAC; /* use px color $primary-default */
  -webkit-animation: LoadingBar .8s cubic-bezier(.5,.01,.51,1) infinite;
  animation: LoadingBar .8s cubic-bezier(.5,.01,.51,1) infinite;
}



/*.router-icon{
    &:before{
        content:'' !important;
        background:url(../../oneclick/images/router.svg) no-repeat;
        width:17px;
        height:47px;
        position:absolute;    
    display: block;
    left: 24px;
    top: 12%;
    }
}
.phone-icon{
     &:before{
        content:'' !important;
        background:url(../../oneclick/images/phone_icon.svg) no-repeat;
        width: 24px;
    height: 48px;
    position: absolute;
    display: block;
  left: 20px;
    top: 11px;
    }
}*/



.router-icon:before{
        content:'' !important;
        background:url(../../oneclick/images/router-icon-white.png) no-repeat center;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-size: 0.9375rem;
        margin: auto;
    }



.phone-icon:before{
        content: '' !important;
        background: url(../../oneclick/images/phone-icon-white.png) no-repeat center;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-size: 1.25rem;
        margin: auto;
        z-index: -1;
        visibility: hidden;
    }



.phone-icon.m_active:before {
            z-index: 1;
            visibility: visible;
        }



/*.internet-icon{
    &:before
    {
        content:'' !important;
        background:url('../../oneclick/images/global icon.svg') no-repeat; 
        position:absolute;    
        display: block;
        left: 13px;
        top: 20%;
        width:40px;
        height:40px;
    }
}*/



.internet-icon:before
    {
        content:'' !important;
        background:url('../../oneclick/images/internet-icon-white.png') no-repeat center; 
        position:absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background-size: 2.1875rem;
        margin: auto;
    }


.speed-test-text{
    position: absolute;
    top: 55%;
    left: 41.5%;
    color: #ccc;
}



.speed-test-comments{
    position: absolute;
    top: 58.5%;
    left: 42.3%;
    color: #ccc;
}



.speed-test-comments div:first-child {
  line-height: 0.8125rem;
}



.test-result{
        color:#ccc;
        position: absolute;
        top: 55%;
        left: 45.5%;

}



.speed-test-result-heading{
    /*padding-left:31%;*/
   text-align:center;
}



.router-test.active , .device-test.active, .wifi-test.active{
     color:#67CEAC;
     position:relative;
}



.router-test.active:before,.device-test.active:before,.wifi-test.active:before{           
            height: 0.5625rem;
            width: 0.375rem;          
            border-right: 0.125rem solid #67CEAC;
            border-top: 0.125rem solid #67CEAC;
            content: '';
            left: 0.1875rem;
            top: 0.5rem;
            position: absolute;
            display:block;
            left: -0.625rem;
            top: 0.5625rem;
            -webkit-transform-origin: left top;
            transform-origin: left top;
            -webkit-transform: scaleX(-1) rotate(135deg);
            transform: scaleX(-1) rotate(135deg);
             }


.wifi-test.active:before
    {
        left: -1.0625rem;
    }



.device-test.active.error , .router-test.active.error , .wifi-test.active.error{
      color:#F57823;
     position:relative;
}



.device-test.active.error:before, .device-test.active.error:after , .router-test.active.error:before , .router-test.active.error:after , .wifi-test.active.error:before , .wifi-test.active.error:after{
  position: absolute;
  left: 0.9375rem;
  content: ' ';
  height: 0.6875rem;
  width: 0.125rem;
  background-color: #F57823;
  border: none;
}



.device-test.active.error:before , .router-test.active.error:before , .wifi-test.active.error:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
    left: -0.5rem;
    top: 0.3125rem;

}



.device-test.active.error:after ,.router-test.active.error:after , .wifi-test.active.error:after{
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
    left: -0.75rem;
    top: 0.25rem;
}



/*styles for check*/



.circle-loader { 
  border: 0.125rem solid rgba(0, 0, 0, 0.2);
  border-left-color: #67CEAC;
  -webkit-animation-name: loader-spin;
  animation-name: loader-spin;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
    position: absolute;
    left: 47%;
    top: 1.25rem;
  vertical-align: top;
}



.circle-loader,
.circle-loader:after {
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
}



.load-complete {
  -webkit-animation: none;
  animation: none;
  border-color: #67CEAC;
  -webkit-transition: border 900ms ease-out;
  transition: border 900ms ease-out;
  background-color:#67CEAC;
  display:inline-block;
}



.load-error {
    -webkit-animation: none;
    animation: none;
    border-color: #F57823;
    -webkit-transition: border 900ms ease-out;
    transition: border 900ms ease-out;
    background-color: #F57823;
    display: inline-block;
}



.checkmark {
  display: none;
}



.checkmark.draw:after {
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-name: checkmark;
    animation-name: checkmark;
    -webkit-transform: scaleX(-1) rotate(135deg);
    transform: scaleX(-1) rotate(135deg);
  }


.checkmark:after {
    opacity: 1;
    height: 0.5625rem;
    width: 0.375rem;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    border-right: 0.125rem solid #fff;
    border-top: 0.125rem solid #fff;
    content: '';
    left: 0.1875rem;
    top: 0.5rem;
    position: absolute;
  }


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



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



@-webkit-keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.25rem/2/2;
    opacity: 1;
  }
  40% {
    height: 1.25rem/2;
    width: 1.25rem/2/2;
    opacity: 1;
  }
  100% {
    height: 1.25rem/2;
    width: 1.25rem/2/2;
    opacity: 1;
  }
}



@keyframes checkmark {
  0% {
    height: 0;
    width: 0;
    opacity: 1;
  }
  20% {
    height: 0;
    width: 1.25rem/2/2;
    opacity: 1;
  }
  40% {
    height: 1.25rem/2;
    width: 1.25rem/2/2;
    opacity: 1;
  }
  100% {
    height: 1.25rem/2;
    width: 1.25rem/2/2;
    opacity: 1;
  }
}


/*styles for check*/


.speed-test-result{
    position: absolute;
    left: 36.9%;
    top: 23%;
    width:21rem;
}


.speed-test-result.m_static {        
        width: 100%;
        left: 0;
}


.speed-test-result.m_static .speed-test-result-heading{

text-align:center;
                                     }



.triggerHigh{
    color:#67CEAC;
    text-align:center;
    font-size:1.5rem;
      line-height:1.4375rem;
    font-weight:bold; 
    display:block;  
}


.triggerMedium{
    /*color:#FBD362;*/
    color: #f57823;
    text-align:center;
    font-size:1.5rem;
     line-height:1.4375rem;
    font-weight:bold;   
    display:block;
}


/*.trigger_div{
        animation: anim .3s ease-in-out;
}*/


.triggerOne-icon-up ,.triggerOne-icon-down {
    padding-top: 1.875rem;    
     cursor:pointer;
   margin-left: -0.75rem;
}


@-webkit-keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}



@keyframes anim {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}



@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}



/*.fadeInUp {

}*/



.triggerOne-icon-down div{
    cursor:pointer;
    position:relative;
    display:inline-block;
}



.triggerOne-icon-down div:before{
           content:'';
           background-image:url('../../oneclick/images/Chevron-down.svg');       
            width:0.75rem;
            height:0.5rem;
            position:absolute;    
            display: block;
            right: -1.375rem;
           bottom: 0.375rem;
        }



.triggerOne-icon-up div{
    cursor:pointer;
    position:relative;
     display:inline-block;
}



.triggerOne-icon-up div:before{
            content:'';
            background-image:url('../../oneclick/images/Chevron-up.svg');       
            width:0.75rem;
            height:0.5rem;
            position:absolute;    
            display: block;
           right: -1.375rem;
           bottom: 0.375rem; 
        }



.speed-bar{
    position:relative;
}



.triangle-indicator{
    width: 0;
	height: 0;
	border-left: 0.3125rem solid transparent;
	border-right: 0.3125rem solid transparent;	
    float: right;
    margin-top: -1rem;
    margin-right: 0.3125rem;
    position:absolute;
}



/*.triangle-indicator-medium{
    width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
    float: right;
    margin-top: -16px;
    margin-right: 5px;
}
.triangle-indicator-low{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;  
    margin-top: -16px;
    margin-right: 5px;
}*/



.triangle-indicator.medium{
   border-top: 0.625rem solid #FBD362;
}



.triangle-indicator.low{
    border-top: 0.625rem solid #F57823;   
}



.triangle-indicator.high{
   border-top: 0.625rem solid #82CEAC; 
}



.downloadText{
    font-size:0.875rem;
    color:#959595;
}



/*.speed-bar{
    & .column{
                 height:6px;
                  padding: .25em 1.25em;
    border-radius: .65em 0 0 .65em;
    display: inline-block;
             }

}
.speed-bar .column:not(:first-child) {
    margin: 0 0 0 -.65em; 
}
.speed-bar .column:last-child {
    padding: 1.25em;
    border-radius: .65em;
}*/



.speed-bar .column{
                 height:0.375rem;                 
             }



.speed-bar .column{
     display: inline-block; 
     padding: .25em 1.25em;
    border-radius: .65em 0 0 .65em;
}



.speed-bar .column:not(:first-child) {
   /* margin: 0 0 0 -.65em; */ /* negative left margin, same value as border-radius */
}



.speed-bar .column:last-child {  
        border-radius: .65em;  
        margin-left: 0;
       width: 37%;
    margin-top: -0.4375rem;
}



.container, .container div { display: inline-block; }



.container div {
    padding: .25em 1.25em;
    border-radius: .65em 0 0 .65em;
}



.container div:not(:first-child) {
    margin: 0 0 0 -.65em; /* negative left margin, same value as border-radius */
}



.container div:last-child {    
    border-radius: .65em;
}



.w_tabs.set-up-list li{
            font-size:1rem;
            padding-right:0.9375rem;
        }



.speed-low{
    background-color:#F57823;
    position:relative;
}



.speed-low:after{
     content: "";
    position: absolute;
    background: #F57823;
    width: 0.25rem;
     z-index:2;
    height: 0.4375rem;
    top: 0;
    right: -0.25rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: .65em 0 0 .65em;
            }



.speed-medium{
    background-color:#FBD362;
    position:relative;
}



.speed-medium:after{
     content: "";
    position: absolute;
    background: #FBD362;
    width: 0.25rem;
    height: 0.4375rem;
    z-index:2;
    top: 0;
    right: -0.25rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    border-radius: .65em 0 0 .65em;
            }



.speed-high{
    background-color:#82CEAC;
}



.downloadNumber{
    font-size:3.125rem;
    color:#fff; 
    line-height: 3.125rem; 
    position:relative;
}



.download_icon:before{
            content:'';
            background:url('../../oneclick/images/download_icon.svg') no-repeat;
            display:inline-block;
            width: 1.1875rem;
            height: 1.4375rem;
            position: absolute;
            left: 0.1875rem;
            top: 1.25rem;
            }



.upload_icon:before{
            content:'';
            background:url('../../oneclick/images/upload_icon.svg') no-repeat;
            display:inline-block;           
            width: 1.1875rem;
            height: 1.4375rem;
            position: absolute;
            left: 0.1875rem;
            top: 1.25rem;
            }



.upload_icon.m_left:before,.download_icon.m_left:before{
             left: 1rem;
        }



.speed-level{
    font-size:0.625rem;
    padding-top:0.3125rem;
}



.speed-level.right{
    margin-right:-0.625rem;
}



.speed-level.right.m_noMargin{
     margin-right:0;
}



.speed-info{
    position:relative;    
    float: right;
    margin: -0.75rem;
}



.speed-info:before{
        content:'';
        background-image:url('../../oneclick/images/info icon.svg');
        width:1.125rem;
        height:1.125rem;
        position:absolute;
        display:block;
    }



.strong-text{
    color:#67CEAC;
}



.medium-text{
    color:#FBD362;
}



.weak-text{
   color:#F57823;
}



.modal_header-text{
    font-size:2rem;
    line-height:2.0625rem;
    font-weight:bold;
}



.button.rounded-button{
    background-color: #FFFFFF;
    border-radius: 1.25rem;
    width: auto;
    padding: 0 1.875rem;
    color: #000;
    min-width:12.5rem;
}
.button.rounded-button::before{
    content:'' !important;
}

.button.rounded-button:hover{
     background-color: #FFFFFF;
       color: #000;
}


a.speedtestLink{
        font-weight: normal;
    text-decoration: underline;
    color: #fff;
}


.speed-reveal-content{
    overflow:visible;
}


.setting-icon{
    width:2.8125rem;
    height:2.8125rem;
    border-radius:1.5625rem;
    /*background-color:#000;
    opacity: 0.5;*/
    float: right;
    margin: 0.9375rem;
    cursor:pointer;
    
    /*& img{
        width: 25px;
        height: 25px;
        margin: 10px;
    }*/
}


/*.setting-icon img{
        width: 1.5625rem;
        height: 1.5625rem;
        margin: 0.625rem;
    }*/


.speed-test_column-heading{
    font-size:1rem;
    font-weight:bold;
}



.speed-test_column-header{
    border-bottom:0.0625rem solid #fff;
    text-align: left;
    padding-bottom:0.3125rem;
}



.speed-test-row{
    width:90%;
}



.percentage_value{
    color:#fff;
    position:absolute;
    left:45%;
}



/*media queries*/



/* for ipad*/



@media only screen and (min-width: 60.6875rem) and (max-width: 83.125rem) {
     .banner-text {
         width: 43%;
    }
}



@media only screen and (max-width: 60.5625rem) {
    .banner-link {
          top: 34%;
    }
    .banner-text {
         width: 54%;
    }
    .router-img{
        top: 35%;
        left: 33%;
        /*left: 37%;
        width: 32%;*/
    }
    .speed-test-result {
            left: 27%;
    }
    .router-bg-text{
       left: 35%;
    }
    .speed-test-text{
       left: 35%;
    }
    .speed-test-comments{
       left: 36%;
    }
    .test-complete{
        left: 40%;
    }
    .test-result{
        left: 43%;
    }
}



/*for mobile landscape*/



@media only screen and (min-width: 30.0625rem) and (max-width: 47.9375rem) {
      .banner {
        background-size:cover;
    }
    .banner-text {
        top: 39%;    
    }
    .banner-welcome-msg{
        left: 3%;
        top: 54%;
        margin:0;
    }
}



@media only screen and (max-width: 47.9375rem) {
    .banner-link {
          top: 47%;        
    }
    .banner-text {
         width: 60%;
         line-height:1.5rem !important;
    }
       .header_section {
        background:url(../images/header_mob.png);
       height:3.6875rem;
    }
               
    .router-bg-text{
        position: static;
        width: 94%;
        text-align: center;
        padding-top: 28%;
    }
    .router-img{      
        top: 20%;
        left: 26%;
    }
    .test-complete{
        top: 15%;
        left: 33%;
    }
    .test-result{
        top: 29%;
        left: 37%;
    }
    .speed-test-text{
        left: 29%;
        top: 30%;
    }
    .speed-test-comments{
        left: 30%;
        top: 34%;
    }
     .speed-test-result {
            left:27%;
    }
    .speed-bar {
            width: 76%;
    }
}



@media only screen and (max-width: 46rem){
     .device-count-div{
        background-image:url('../../oneclick/images/BG_500-01.png');
        /*min-height:201px;*/
        background-repeat:repeat;

    }

    .test-complete{
        top: 25%;
        left: 39%;
    }
    .test-result{
        top: 56%;
        left: 41%;
    }
          /*.speed-test-result-heading {
       
            text-align: center;
            padding:0;
    }*/
    .router-bg-text {
    position: static;
    width: 100%;
    text-align: center;
    padding-top: 23%;
}
    .router-img {  
       left: 32%;
       top: 38%;  
    }
    .speed-test-text {
    left: 34%;
    top: 54%;
}
.speed-test-comments {
    left: 35%;
    top: 57%;
}
    .download_icon:before{       
        left: 29%;     
        }
      .upload_icon:before{          
            left: 29%;        
            }
    .upload_icon.m_left:before,.download_icon.m_left:before{
              left: 29%;   
        }

    .speed-test-result {
        width:100%;
        left:0;
         top: 29%;
    }
       .speed-bar {
            width: 76%;
    }
    .speed-info{
        margin-top: -0.6875rem;
        margin-right: 0.9375rem;
    }
         .speed-info:before{
                position:static;
                }
    .speed-test-result-heading {
        /*padding-left: 41%;*/
    }
}



@media only screen and (max-width: 41.6875rem){
    .router-img {      
     left: 31%;
     top: 35%;  
    }
        /*.speed-test-result-heading {      
            text-align: center;
            padding:0;
    }*/
      .speed-test-result {
        width:100%;
        left:0;
        top: 29%;
    }
         .speed-bar {
            width: 76%;
    }
    .speed-info{
        margin-top: -0.6875rem;
        margin-right: 0.9375rem;
    }
         .speed-info:before{
                position:static;
                }

    .router-bg-text {
        position: static;
        width: 100%;
        text-align: center;
        padding-top: 23%;
    }
    .speed-test-text {
    left: 33%;
    top: 52%;
}
    .speed-test-comments {
    left: 34%;
    top: 55%;
}
    .test-complete{
        top: 23%;
        left: 39%;
    }
    .test-result{
        top: 53%;
        left: 41%;
    }

}



@media only screen and (max-width: 35.5rem){
    .router-img {  
        left: 29%;
        top: 34%;
    }
      .speed-test-result {
        width:100%;
        left:0;
        top: 22%;
    }
         .speed-bar {
            width: 76%;
    }
            .speed-info{
        margin-top: -0.6875rem;
        margin-right: 0.9375rem;
    }
         .speed-info:before{
                position:static;
                }
    /*.speed-test-result-heading {
      
            text-align: center;
            padding:0;
    }*/
    .speed-info{
        margin-right: 1.875rem;
    }
    .test-complete{
        top: 22%;
        left: 38%;
    }
    .test-result{
        top: 52%;
        left: 41%;
    }
    .router-bg{
      /*background-position: center;*/
    background-image: url(../images/mobile_bg.jpg);
    /*height: 81.6875rem;*/
    /*background-size: cover;*/

    }
     .router-bg-text{
        position: static;
        width: 100%;
        text-align: center;
        padding-top: 24%;
    }
     .speed-test-text{
        top: 51%;
        left: 32%;
     }
     .speed-test-comments{
        top: 54%;
        left: 33%;
     }
        .download_icon:before{       
        left: 22%;     
        }
    .upload_icon:before{          
        left: 22%;        
        }
    .upload_icon.m_left:before,.download_icon.m_left:before{
           left: 22%;  
    }

}



/*for mobile potrait*/



@media only screen and (max-width: 30rem) {

    .header_section {
        background:url(../images/header_mob.png);
       height:3.6875rem;
    }

    .banner {
        background:url(../images/speedTestBGMob.png) no-repeat bottom;
        height:36.375rem;
        position:relative;
        background-size: cover;
    }
    .banner-link {
          top: 34%;        
    }
    .banner-text {
        width: 76%;
        position: static;
        text-align: center;
        font-size: 1.5rem;
        line-height: 1.5625rem;
        margin: 0 auto;
        padding-top: 10%;
    } 
    
    .banner-link{
        width: 76%;
        position: static;
        text-align: center;
        margin: 0 auto;
        /*padding-top: 4%;*/
    }

    .router-bg{
           /*background-position: bottom;*/
           background-image: url(../images/mobile_bg.jpg);
           /*height: 81.6875rem;*/
           /*background-size: cover;*/

    }
    .router-bg-text{
        position: static;
        width: 100%;
        text-align: center;
        padding-top: 37%;
    }
    .router-img{
        /*left: 20%;
        width: 64%;*/
        top: 24%;
         left:20%;
    }
    .test-complete{
     left: 35%;
         top: 17%;
    }
    .test-result{
        top: 34%;
        left: 36%;
    }
    .speed-test-text{
            left: 26%;
    }
    .speed-test-comments{
        left:29%;
    }
      .speed-test-result {
        width:100%;
        left:0;
    }
         .speed-bar {
            width: 76%;
    }
            .speed-info{
        margin-top: -0.6875rem;
        margin-right: 0.9375rem;
    }
         .speed-info:before{
                position:static;
                }
}



@media only screen and (max-width: 25.875rem) {
    .router-img {
        left: 23%;
        top: 34%;
    }
    .speed-test-result {
        width:100%;
        left:0;
            top:17% !important;

    }
    /*.speed-test-result-heading {
        padding: 0;
        text-align:center;

    }*/
    .test-complete .test-complete_second{
        left: -1.0625rem;
    }
         .speed-bar {
            width: 76%;
    }
    .speed-info{
        margin-top: -0.6875rem;
        margin-right: 0.9375rem;
    }
        .speed-info:before{
        position:static;
        }
        .download_icon:before,.upload_icon:before{       
            left: 16%;     
        }
 
     .router-bg-text {
            padding-top: 32%;
    }
    .speed-test-text {
        left: 27%;
        top: 54%;
    }
    .speed-test-comments{
        left: 29%;
        top: 57%;
    }
    .test-complete {
        left: 33%;
        top: 19% !important;
    }
    .test-result {
        top: 51%;
        left: 39%;
    }

}



@media only screen and (max-width: 23.4375rem){
    .router-img {  
       /*width: 65%;*/
       top: 32%;
       left: 19%;
    }
      .speed-test-result {
        width:100%;
        left:0;
        top:17% !important;
    }
        .test-complete .test-complete_second{
       left: -1.6875rem;
    }
         .speed-bar {
            width: 76%;
    }
           .speed-info{
        margin-top: -0.6875rem;
        margin-right: 0.9375rem;
    }
         .speed-info:before{
                position:static;
                }
    .router-bg-text {
            padding-top: 32%;
    }
    .test-complete{
        left: 33%;
        top: 18% !important;
    }
    .test-result{
        top: 50%;
        left: 38%;
    }
        .download_icon:before{       
            left: 11%;     
        }
        .upload_icon:before{          
            left: 11%;        
        }
   .speed-test-text{
      left: 25%;
    top: 49%;
    }
   .speed-test-comments {
    left: 27%;
    top: 52.5%;
}
        .download_icon:before,.upload_icon:before{       
        left: 9%;     
        }
    .upload_icon.m_left:before,.download_icon.m_left:before{
            left: 16%;  
    }

      .device-count-div{
        background-image:url('../../oneclick/images/BG_500-01.png');
        /*min-height:201px;*/
        background-repeat:repeat;

    }

}



@media only screen and (max-width: 20rem) {
    .router-bg-text {
            padding-top: 29%;
    }
    .router-img {
        left: 13%;
        width: 73%;
        top: 29%;
    }
    .speed-test-text{
        left: 19%;
        top: 49%;
    }
    .speed-test-comments {
        left: 22%;
        top: 53%;
    }
    .test-complete{
        left: 30%;
        top: 17% !important;
    }
    .test-result {
    top: 46%;
    left: 36%;
}
        .w_tabs.set-up-list li{
                font-size:1rem;
                padding-right:0.5rem;
            }
      .speed-test-result {
        width:100%;
        left:0;
        top:17% !important;
    }
         .speed-bar {
            width: 76%;
    }
            .speed-info{
        margin-top: -0.6875rem;
        margin-right: 0.9375rem;
    }
        .speed-info:before{
                position:static;
                }

.speed-bar .column:last-child{
        width: 38%;
}
.speed-info {
    margin-top: -0.8125rem;
    margin-right: 0.4375rem;
}
        .download_icon:before,.upload_icon:before{       
        left: 0%;     
        }
    .upload_icon.m_left:before,.download_icon.m_left:before{
            left: 6%;  
    }

    .device-count-div{
        background-image:url('../../oneclick/images/BG_500-01.png');
        /*min-height:201px;*/
        background-repeat:repeat-y;

    }

}


/*media queries*/


/* css fro error scenarios */


.alert-div{
    background-color:#000;
    color:#fff;
    padding:0.9375rem;
}


.alert-div a{
           text-decoration:underline;
           color:#fff;
           font-weight:normal;
       }


.diplay-table{
    display:table;
}


.display-table_cell{
    display:table-cell;
}


.triggerLow {
    color:#F57823;
    text-align:center;
    font-size:1.5rem;
    line-height:1.4375rem;
    font-weight:bold;   
    display:block;
}




/* css fro error scenarios */


@media only screen and (min-width: 48rem) and (max-width:60.5625rem){
     /*.router-bg{
    background-position: top right;
     }*/
}


@media only screen and (min-width:35.4375rem) and (max-width: 47.9375rem){
     .router-bg{
    /*background-position: bottom;*/
      background-image:url(../images/mobile_bg.jpg);
      /*height:1307px;*/
      background-position: inherit;
      /*background-size: cover;*/
     }
}


/*styles for loader */



.dots_loader{
    padding-top:1.875rem;
}



.dot {
    opacity: 0;
    -webkit-animation: showHideDot 1.5s ease-in-out infinite;
    animation: showHideDot 1.5s ease-in-out infinite;
    width: 0.9375rem;
    height: 0.9375rem;
    background-color: #fff;
    display: inline-block;
    border-radius: 0.625rem;
    margin-right: 0.9375rem;
}



.dot.one {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s; 
}



.dot.two {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}



.dot.three {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s; 
}



@-webkit-keyframes showHideDot {
  0% { opacity: 0; }
  50% { opacity: 1; }
  60% { opacity: 1; }
  100% { opacity: 0; }
}



@keyframes showHideDot {
  0% { opacity: 0; }
  50% { opacity: 1; }
  60% { opacity: 1; }
  100% { opacity: 0; }
}



/*.loader.m_custom, .loader.m_custom::before, .loader.m_custom::after { 
    background-color: #fff;
    -webkit-animation: loadingFade 2s infinite;
    -moz-animation: loadingFade 2s infinite;
    -ms-animation: loadingFade 2s infinite;
    -o-animation: loadingFade 2s infinite;
    animation: loadingFade 2s infinite;
}

@keyframes loadingFade {
  0%, 100% {
    background-color: #fff;
  }

  50% {
    background-color: #333;
  }
}
@-moz-keyframes loadingFade {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: #333;
  }
}
@-webkit-keyframes loadingFade {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: #333;
  }
}
@-o-keyframes loadingFade {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: #333;
  }
}
@-ms-keyframes loadingFade {
  0%, 100% {
    background-color: #fff;
  }
  50% {
    background-color: #333;
  }
}*/



/*styles for loader */

@media only screen and (max-width: 23.4375rem){
   .device-count-div{
        background-image:url('../../oneclick/images/BG_500-01.png');
        background-repeat:repeat;

    }
}