.clear,.clearfix:after{

    clear:both

}

 a img,img{

    height:auto;

    max-width:100%

}

 body{

    margin:0;

    padding:0;

    font-family:Arial,sans-serif;

    font-size:15px

}

 li,ul{559

    list-style-type:none

}

 .left{

    float:left

}

 .right{

    float:right

}

 .clearfix:after,.clearfix:before{

    content:" ";

    display:table

}

 .alignRright{

    float:right;

    margin:0 0 12px 15px

}

 .alignLeft,.float-left{

    float:left

}

 .alignLeft{

    margin:0 15px 12px 0

}

 .alignCenter{

    float:none!important;

    margin:0 auto;

    display:block

}

 a img,img{

    border:0

}

 .text-left{

    text-align:left

}

 .text-right{

    text-align:right

}

 .text-center{

    text-align:center

}

 .text-justify{

    text-align:justify

}

 .config-errors h3{

    padding:10px 0;

    margin:5px

}

 .config-errors ul{

    padding:0;

    margin:0

}

 .config-errors li{

    padding:10px;

    margin:5px;

    background-color:#FCC;

    border:1px solid #C00;

    color:#333;

    font:15px/20px arial,sans-serif

}

 .config-errors li strong{

    float:right

}

 input[type=text],input[type=search],input[type=number],input[type=password],input[type=tel],input[type=email],select,textarea{

    background:#FFF;

    border:1px solid #a7abad;

    color:#222;

    height:45px;

    line-height:22px;

    width:100%;

    font-size:16px;

    padding:3px 8px;

    outline:0;

    font-family:Arial,sans-serif;

    font-weight:400;

    box-sizing:border-box;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    -o-box-sizing:border-box;

    -ms-box-sizing:border-box

}

 textarea{

    padding:6px;

    height:150px

}

 select{

    line-height:24px;

    padding:4px;

    height:32px

}

 input[type=text]:focus,input[type=search]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=email]:focus,select:focus,textarea:focus{

    background:#fff;

    -webkit-box-shadow:0 0 5px #51cbee;

    box-shadow:0 0 5px #51cbee;

    border:1px solid #51cbee

}

 input.has-error,select.has-error{

    background:url(../images/error-input.png) 99.5% 50% no-repeat #fff !important;

    border:1px solid orange !important;

}

 input.no-error,select.no-error{

    background:url(../images/tick-input.png) 99.5% 50% no-repeat #fff !important;

/*    border:1px solid green !important;*/

}

 input.loading,select.loading{

    background:url(../images/ajax-loader.gif) 99.5% 50% no-repeat #fff;

    border:1px solid #51cbee

}

 .app-benchmark{

    position:fixed;

    width:98%;

    left:0;

    bottom:0;

    padding:5px 1%;

    background-color:#CCC;

    color:#333;

    text-align:right

}

 #app_common_modal,#error_handler_overlay{

    position:fixed;

    top:0;

    left:0;

    padding:0;

    margin:0;

    width:100%;

    height:100%;

    z-index:2147483647;

    background:#333;

    background:rgba(255,255,255,.8);

    display:none;

    overflow:hidden;

    -webkit-overflow-scrolling:touch;
    overflow-y: scroll;

}

 #app_common_modal .app_modal_body,#error_handler_overlay .error_handler_body{

    max-width:600px;

    -webkit-background-clip:padding-box;

    font-family:Verdana,Geneva,sans-serif;

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

    outline:0

}

 #error_handler_overlay .error_handler_body{

    margin:100px auto;

    width:95%;

    padding:20px;

    background-color:#fff;

    background-clip:padding-box;

    border:1px solid #999;

    border:1px solid rgba(0,0,0,.2);

    border-radius:0;

    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);

    box-shadow:0 3px 9px rgba(0,0,0,.5);

    font-size:14px;

    line-height:1.42857143;

    color:#333;

    position:relative;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box

}

 #app_common_modal_close,#error_handler_overlay_close{

    position:absolute;

    right:-10px;

    top:-10px;

    color:#FFF;

    background-color:#333;

    border:2px solid #FFF;

    border-radius:50%;

    width:30px;

    height:30px;

    text-align:center;

    cursor:pointer;

    text-decoration:none;

    font-weight:700;

    line-height:30px;

    padding:0;

    margin:0;
    z-index: 99;-webkit-box-shadow: none;box-shadow: none;

}

 #app_common_modal .app_modal_body{

    margin:100px auto;

    min-width:inherit;

    width:95%;

    min-height:400px;

    padding:2.5%;

    background-color:#fff;

    background-clip:padding-box;

    border:1px solid #999;

    border:1px solid rgba(0,0,0,.2);

    border-radius:0;

    -webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);

    box-shadow:0 3px 9px rgba(0,0,0,.5);

    font-size:14px;

    line-height:1.42857143;

    color:#333;

    position:relative;

    -webkit-box-sizing:border-box;

    -moz-box-sizing:border-box;

    -ms-box-sizing:border-box

}

 #app_common_modal .app_modal_body iframe{

    min-height:400px;

    width:100%;

    border:1px solid #d5d6ef

}

 .exitpop-content{

    position:fixed;

    height:400px;

    width:708px;

    margin:-200px 0 0 -354px;

    top:50%;

    left:50%;

    text-align:left;

    padding:0;

    border:none;

    z-index:2147483647

}

 .exitpopup-overlay{

    background:rgba(0,0,0,.6);

    height:100%;

    left:0;

    position:fixed;

    top:0;

    width:100%;

    z-index:2147483647;

    display:none

}

 .exitpop-content img{

    display:block;

    margin:0 auto;

    position:relative;

    text-align:center;

    max-width:100%;

    height:auto

}

 .exitpop-discountbar{

    background-color:red;

    border-bottom:4px dashed #fff;

    color:#fff;

    font-family:Arial,Helvetica,sans-serif;

    font-size:15px;

    font-weight:700;

    height:50px;

    line-height:50px;

    position:fixed;

    text-align:center;

    top:0;

    width:100%;

    z-index:9999;

    display:none

}

 .app-load-spinner{

    display:none;

    position:fixed;

    top:0;

    bottom:0;

    left:0;

    right:0;

    width:100px;

    height:100px;

    margin:auto;

    background-color:#333;

    border-radius:100%

}

 .clear{

    line-height:0;

    height:0

}

 .button,button,input[type=button]{

    border:0;

    width:100%;

    display:block;

    cursor:pointer;

    position:relative;

    outline:0;

/*    padding:20px 15px;*/

    background:#2288D0;

    color:#fff;

    font-size:20px

}

 #loading-indicator::after,#loading-indicator::before{

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

    left:50%;

    position:absolute;

    top:50%

}

 .button:hover,button:hover,input[type=button]:hover{

    background:#2791E4

}

 .defult{

    padding:10px 15px

}

 .defult form label{

    width:175px;

    display:inline-block

}

 .defult input[type=text],.defult input[type=search],.defult input[type=number],.defult input[type=password],.defult input[type=tel],.defult input[type=email],.defult select,.defult textarea{

    max-width:275px

}

 .defult .button,.defult button,.defult input[type=button],.defult input[type=submit]{

    max-width:450px

}

 .all-card-types li{

    float:left;

    margin-right:20px

}

 #loading-indicator{

    background-color:rgba(0,0,0,.5);

    bottom:0;

    -webkit-box-sizing:border-box;

    box-sizing:border-box;

    font-size:1px;

    height:100%;

    left:0;

    margin:0!important;

    padding:0!important;

    position:fixed;

    right:0;

    top:0;

    width:100%;

    z-index:2147483646

}

 #loading-indicator::before{

    background:url(../images/loading.gif) center center no-repeat rgba(0,0,0,0);

    content:"";

    height:70px;

    margin-left:-35px;

    margin-top:-70px;

    width:70px;

    z-index:2

}

 #loading-indicator::after{

    background:#fff;

    border-radius:5px;

    color:#000;

    content:"Processing, one moment please... ";

    font-family:arial;

    font-size:17px;

    height:110px;

    line-height:98px;

    margin-left:-150px;

    margin-top:-75px;

    padding-top:35px;

    text-align:center;

    width:300px;

    z-index:1

}

 @-webkit-keyframes scaleout{

    0%{

        -webkit-transform:scale(0)

    }

     100%{

        -webkit-transform:scale(1);

        opacity:0

    }

}

 @keyframes scaleout{

    0%{

        transform:scale(0);

        -webkit-transform:scale(0)

    }

     100%{

        transform:scale(1);

        -webkit-transform:scale(1);

        opacity:0

    }

}

 span.cb-inline-error{

    margin-top:10px;

    font-weight:100;

    color:#c00;

    display:block

}

 form{

    padding:10px

}

 @media screen and (max-width:767px){

    #app_common_modal .app_modal_body {

        margin:10px auto;

        min-height:300px;

    }
      #error_handler_overlay .error_handler_body{margin:10px auto;}

     #app_common_modal .app_modal_body iframe{

        min-height:300px;

    }

     .white-popup{

        height:300px;

    }

    .error_handler_body ul li {

        font-size: 12px;

    }

}

.loadingMessageConatinerWrapper{
    font-family: 'Roboto', sans-serif;
    display:table;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:white;
    z-index:10000
}
.loadingMessageConatinerWrapper .counter{
    text-align:center;
    margin:auto
}
.loadingMessageConatinerWrapper .step1,
.loadingMessageConatinerWrapper .step2,
.loadingMessageConatinerWrapper .step3,
.loadingMessageConatinerWrapper .step4{
    color: #363636;
    font-weight: 500;
    font-size: 17px;
    padding-bottom: 20px;
}
.loadingMessageConatinerWrapper .counter .messageConatiner{
    color:#363636;
    font-weight:500;
    font-size:1.25rem;
    padding-bottom:20px
}
.loadingMessageConatinerWrapper .counter .bar{
    width:0%;
    margin:0;
    background:#ccea1e;
    height:12px;
    border-radius:10px;
    border:none;
    -webkit-box-shadow:1px 1px 1px 1px #ccc;
    box-shadow:1px 1px 1px 1px #ccc;
    display:block;
    height:100%;
    -webkit-border-top-right-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    -moz-border-radius-topright:8px;
    -moz-border-radius-bottomright:8px;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
    -webkit-border-top-left-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-bottomleft:20px;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    background:-webkit-linear-gradient(linear, left bottom, left top, color-stop(0, #ccea1e), color-stop(1, #ccea1e));
    background-image:-moz-linear-gradient(center bottom, #ccea1e 37%, #ccea1e 69%);
    -webkit-box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);
    box-shadow:inset 0 2px 9px rgba(255,255,255,0.3),inset 0 -2px 6px rgba(0,0,0,0.4);
    position:relative;
    overflow:hidden
}
.loadingMessageConatinerWrapper .counter .bar:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:-webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255,255,255,0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255,255,255,0.2)), color-stop(0.75, rgba(255,255,255,0.2)), color-stop(0.75, transparent), to(transparent));
    background-image:-moz-linear-gradient(-45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);
    z-index:1;
    -webkit-background-size:50px 50px;
    -moz-background-size:50px 50px;
    -webkit-animation:move 2s linear infinite;
    -webkit-border-top-right-radius:8px;
    -webkit-border-bottom-right-radius:8px;
    -moz-border-radius-topright:8px;
    -moz-border-radius-bottomright:8px;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
    -webkit-border-top-left-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-bottomleft:20px;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    overflow:hidden
}
@-webkit-keyframes move{
    0%{
        background-position:0 0
    }
    100%{
        background-position:50px 50px
    }
}
@keyframes move{
    0%{
        background-position:0 0
    }
    100%{
        background-position:50px 50px
    }
}
.loadingMessageConatinerWrapper .counter .baroutter{
    background:#d4d9de;
    height:12px;
    border-radius:10px;
    border:none;
    width:100%;
    -webkit-box-shadow:1px 1px 1px 1px #ccc;
    box-shadow:1px 1px 1px 1px #ccc
}
.loadingMessageConatinerWrapper .counter{
    position:relative;
    display:table-cell;
    vertical-align:middle;
    padding:0 10%
}
@media only screen and (min-width: 40.063em){
    .loadingMessageConatinerWrapper .counter{
        width:30%;
        padding:10% 30%;
    }
}



/*.notinyContainer{
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
    border: 1px solid #000;
    padding: 10px;
    background: #fff;
}
.notinyImg{
    width: 70px;
    display: inline-block;
    vertical-align: middle;
}
.notinyText{
    font-family:sans-serif;
    font-size:13px;
    line-height: 1.4;
    padding:12px 5px 6px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display: inline-block;
    vertical-align: middle;
}*/

.notinyContainer{
    position: fixed;
    bottom: 10px;
    /*left: 10px;*/
    z-index: 9999;
    border: 1px solid #000;
    padding: 10px;
    left:-710px;
    background: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;

}
.notinyImg{
    width: 70px;
    display: inline-block;
    vertical-align: middle;
}
.notinyText{
    font-family:sans-serif;
    font-size:13px;
    line-height: 1.4;
    padding:0 5px 6px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    display: inline-block;
    vertical-align: middle;

}

.tglcls{
    left: 10px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}

@media screen and (max-width: 640px){
    .hideBrM{ display: none; }
    .notinyText{ max-width: 170px; white-space: normal; text-overflow: unset; }
    .notinyImg{ width: 60px; }
    .notinyContainer{ top: 10px; bottom: inherit; }

}
@media screen and (max-width: 480px){
    .loadingMessageConatinerWrapper .step1,
    .loadingMessageConatinerWrapper .step2,
    .loadingMessageConatinerWrapper .step3,
    .loadingMessageConatinerWrapper .step4{
        color: #363636;
        font-weight: 500;
        font-size: 1.25rem !important;
        padding-bottom: 20px;
    }
}