.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:32px;

    line-height:22px;

    width:100%;

    font-size:14px;

    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 !important;

    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;padding-top: 0;

}

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

    #app_common_modal .app_modal_body , #error_handler_overlay .error_handler_body{

        margin:10px auto;

        min-height:300px;

    }

     #app_common_modal .app_modal_body iframe{

        min-height:300px;

    }

     .white-popup{

        height:300px;

    }

    .error_handler_body ul li {

        font-size: 12px;

    }

}