html {background-color:#3e3e3e;}
header{width: 100%;height: 46px;background-color: #f80302;border-bottom: 1px solid #de0807}
.head--wrapp {align-items: center;display: flex;height: 46px;margin: 0 auto;max-width: 600px;padding: 0 5px;text-align: center;}
.head--wrapp p {color: #fff;margin: 0 auto;font-size: 16px;text-shadow: 0 0 1px #bbb;}
.user-video{max-width: 550px}
.sectionMedia {display: block;position: relative;max-width: 550px;padding-bottom: 0px;}
#sectionCTA {bottom: 0;left: 0;margin: 0 auto;position: absolute;right: 0;max-width: 550px;}
#fullCTA {position: relative;}
.price-cta {font-size: 15px;margin-top: -9px;text-align: center;color: #FFF;}
.sec--txt{font-size: 15px;margin: 5px 0 10px;display: block}



.footer_wrapp{margin-top: 10px;}
.footer_wrapp a{color: #000;}
#bg, #bg img {max-width:600px;width: 100%;}
#sectionBg{max-width:600px;width: 100%;padding: 20px;background-image: url(../images/phone.png);background-repeat: no-repeat;background-position: center 55px;}
#sectionBg:after {content: "";position: relative;bottom: -35px;/* left: 1px; */border-width: 15px 15px 0;border-style: solid;border-color: #38A928 transparent;display: block;width: 0;}

body{
    font-family:Arial, Helvetica, sans-serif;
    color:#c7c7c7;
    margin-top:0px;
}

a{
    color:#ffffff;
    text-decoration:none;
    outline: none !important;
}

img {
    border: 0;
}

.for_mobi {
    display: block;
}
.for_web {
    display: block;
}
.copyright a{color: #fff !important;cursor: text}
#box_3 > img {
    max-width: 480px;
    width: 100%;
}
.checkfloat {
    display:inline-block;
}

.downloadbtn {
    width:100%;
    max-width:251px;
    margin:15px 0px 40px 0px;
}

#bottomBg{
    max-width:498px;
    width: 100%;
    background-color:#dddddd;
    margin:-4px 0px 0px 0px;
}

.footertnc {
    font-size: 12px;
    color: #fff;
    padding: 30px 10px;
    max-width: 550px;

    border-radius: 7px;
}


img.selectedop{
    padding:4px;
    border:5px solid #13961D;
    border-radius: 15px;
}
.btn_2 {
    display: block;
}
.notificatins--bar {
    align-items: center;
    display: flex;
    justify-content: center;
    position: fixed;
    right: -10px;
    top: 20%;
    overflow: hidden;

}
.notififation--image > img {
    border-radius: 30px;
    width: 60px;
    box-shadow: 1px 2px 1px #333;
}
.notififation--image {
    float: right;
    position: relative;
}
.notification--count {
    align-items: center;
    background-color: red;
    border-radius: 10px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: bold;
    height: 20px;
    justify-content: center;
    position: absolute;
    width: 20px;
}
.notififation--message {
    background: #7CBCED none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    display: flex;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin-right: 10px;
    padding: 5px 10px;
    position: relative;
}
.notififation--message::after {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #7CBCED;
    border-top: 6px solid transparent;
    content: "";
    position: absolute;
    right: -5px;
    top: 13px;
    width: 0;
    text-shadow: 0 0 2px #52a1d4;
}
.cta-clik {
    display: block
}
.bluebutton,.button {
    cursor:pointer;box-shadow:none;border-style:none;border-width:0;
    /*            -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;*/
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    font-size:23px;margin:0px auto;text-decoration:none;display:inline-block;font-weight:bold;color:#FFFFFF;height: 55px;
    line-height: 55px;max-width: 400px; width: 100%;
    background-color: #f80302;
    margin-top: 60px;
}

.greybutton {
    cursor:pointer;box-shadow:none;border-style:none;border-width:0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;
    font-size:23px;margin:5px 2px;padding:15px 64px;text-decoration:none;display:inline-block;font-weight:bold;color:#FFFFFF;
    background-color:#999999;background-image: -webkit-gradient(linear, left top, left bottom, from(#D5D5D5), to(#999999));
    background-image: -webkit-linear-gradient(top, #D5D5D5, #999999);background-image: -moz-linear-gradient(top, #D5D5D5, #999999);
    background-image: -ms-linear-gradient(top, #D5D5D5, #999999);background-image: -o-linear-gradient(top, #D5D5D5, #999999);
    background-image: linear-gradient(to bottom, #D5D5D5, #999999);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#D5D5D5, endColorstr=#999999);
}

.redbutton {
    cursor:pointer ;box-shadow: none;border-style: none;border-width: 0;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
    font-size: 23px;margin:0x;padding: 10px 0 ;text-decoration: none;display: inline-block;font-weight: bold;color: #FFFFFF;
    max-width:200px;width:100%;background-color: #B80000;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), to(#B80000));
    background-image: -webkit-linear-gradient(top, #FF0000, #B80000);
    background-image: -moz-linear-gradient(top, #FF0000, #B80000);
    background-image: -ms-linear-gradient(top, #FF0000, #B80000);
    background-image: -o-linear-gradient(top, #FF0000, #B80000);
    background-image: linear-gradient(to bottom, #FF0000, #B80000);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#FF0000, endColorstr=#B80000);
}

.box_padding {
    padding:30px 0 40px;
}

#chkagree,.btnoperator {
    cursor: pointer;
}

.btnoperator {
    padding:6px !important;
    border-radius: 10px;
}

img.selectedop{
    padding:4px;
    border:5px solid #13961D;
    border-radius: 15px;
}

@media handheld, only screen and (max-width: 767px) {
    .for_web {
        display: none;
    }
    .for_mobi {
        display: block;
    }
    .box_padding {
        padding:0;
    }
    .back {
        background: url(../images/bg_mobile.gif) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;

    }
}

/* mobile box css */

.mobileBox {
    max-width:200px;
    direction:ltr;
    margin:0px auto 0;
}

*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.input-group{position:relative;display:table}.input-group-addon:first-child{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}
.input-group{border-collapse:separate}.input-group-addon{padding:0 0 0 0;height:30px;font-size:22px;line-height:1;color:#555;text-align:right;
                                          border:0px solid #A7A7A7;border-radius:7px;font-weight:700;font-family:"Arial Narrow",Arial,sans-serif;width:1%;white-space:nowrap;
                                          vertical-align:middle;background-color:#fff}.input-group .form-control,.input-group-addon{display:table-cell}.input-group .form-control:last-child{
                                                                                                                                                           border-top-left-radius:0;border-bottom-left-radius:0; border-left:0;}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;
                                                                                                                                                                                                                                    margin-bottom:0}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.form-control{display:block;width:100%;
                                                                                                                                                                                                                                                                                                                                                      height:40px;padding:0px 0px 0px 0;font-size:22px;line-height:1px;color:#555;background-image:none;border-left:0;border:0px solid #A7A7A7;
                                                                                                                                                                                                                                                                                                                                                      border-radius:7px;font-weight:700;font-family:"Arial Narrow",Arial,sans-serif;outline:0;background-color:#fff;-webkit-appearance:none
                                                                                                                                                                                                                                                                                                                                                  }

/*media query*/
@media screen and (max-width: 480px) {
    .bluebutton, .button{width: 90%}
    .cta-clik{font-size: 19px}
}@media screen and (max-width: 380px) {
    .head--wrapp p{font-size: 15px}
    .cta-clik{font-size: 15px}
}@media screen and (max-width: 310px) {
    .head--wrapp p{font-size: 13px}
    .cta-clik{font-size: 11px}
}


@media screen and (min-width:320px) and (max-width: 321px) {

    #sectionBg{background-position: center 55px;}
    .bluebutton{padding:15px 50px !important;}
}

@media screen and (min-width:330px) and (max-width: 331px) {

    #sectionBg{background-position: center 55px;}
    .bluebutton{padding:15px 50px !important;}
}

@media screen and (min-width:340px) and (max-width: 341px) {

    #sectionBg{background-position: center 55px;}
    .bluebutton{padding:15px 50px !important;}
}

@media screen and (min-width:350px) and (max-width: 351px) {

    #sectionBg{background-position: center 55px;}
    .bluebutton{padding:15px 50px !important;}
}

@media screen and (min-width:360px) and (max-width: 361px) {

    #sectionBg{background-position: center 55px;}
    .bluebutton{padding:15px 50px !important;}
}

@media screen and (min-width:370px) and (max-width: 371px) {

    #sectionBg{background-position: center 55px;}
    .bluebutton{padding:15px 50px !important;}
}

@media screen and (min-width:380px) and (max-width: 381px) {

    #sectionBg{background-position: center 55px;}
    .bluebutton{padding:15px 50px !important;}
}

@media screen and (min-width:390px) and (max-width: 391px) {

    #sectionBg{background-position: center 55px;}
    .bluebutton{padding:15px 50px !important;}
}

@media screen and (min-width:400px) and (max-width: 401px) {

    #sectionBg{background-position: center 55px;}
    .bluebutton{padding:15px 50px !important;}
}

@media screen and (min-width:410px) and (max-width: 411px) {

    #sectionBg{background-position: center 55px;}
    .bluebutton{padding:15px 50px !important;}
}

@media screen and (min-width:420px) and (max-width: 421px) {

    #sectionBg{background-position: center 55px;}
    .bluebutton{padding:15px 50px !important;}
}

@media screen and (min-width:430px) and (max-width: 431px) {

    #sectionBg{background-position: center 55px;}
}

@media screen and (min-width:440px) and (max-width: 441px) {

    #sectionBg{background-position: center 55px;}
}

@media screen and (min-width:450px) and (max-width: 451px) {

    #sectionBg{background-position: center 55px;}
}

@media screen and (min-width:460px) and (max-width: 461px) {

    #sectionBg{background-position: center 55px;}
}

@media screen and (min-width:470px) and (max-width: 471px) {

    #sectionBg{background-position: center 55px;}
}

@media screen and (min-width:480px) and (max-width: 481px) {

    #sectionBg{background-position: center 55px;}
}

@media screen and (min-width:490px) and (max-width: 491px) {

    #sectionBg{background-position: center 55px;}
}

@media screen and (min-width:500px) and (max-width: 501px) {

    #sectionBg{background-position: center 55px;}
}

@media screen and (min-width:510px) and (max-width: 511px) {

    #sectionBg{background-position: center 55px;}
}

@media screen and (min-width:520px) and (max-width: 521px) {

    #sectionBg{background-position: center 55px;}
}

@media screen and (min-width:530px) and (max-width: 531px) {

    #sectionBg{background-position: center 55px;}
}
/************* Modal ***************/

.modalOverlay
{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    margin:0;
    padding:0;
    background:#000;
    opacity:0;
    -webkit-transition: opacity 0.3s ease-in;
    z-index:998;

}

.modalWindow
{
    position:fixed;
    overflow-y: auto;
    overflow-x: hidden;
    height: 80%;
    top:55px;
    margin:0;
    border:2px solid #fff;
    width:90%;
    /*height:30px;*/
    text-align:left;
    word-spacing:2px;
    line-height:15px;
    font-size:13px!important;
    color:#fff;
    padding:10px;
    opacity:0;
    z-index:999;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7c9bc0), color-stop(2%, #416086), color-stop(100%, #293e56));
    -webkit-border-radius:8px;
    -webkit-box-shadow:-1px 2px 12px rgba(0, 0, 0, 0.91);
    -webkit-transition: opacity 0.3s ease-in;
    background-image: -o-linear-gradient(bottom, #7c9bc0 0%, #416086 2%, #293e56 100%);
    background-image: -moz-linear-gradient(bottom, #7c9bc0 0%, #416086 2%, #293e56 100%);
}

.modelClose {
    position: fixed;
    z-index: 99999;
    top: 30px;
    right: 10px;
    cursor: pointer;
    max-width: 48px;
}