/* Click Org Registration Page CSS */
#plan_types:after, #coupon_holder:after, #coupon:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.registration_page{padding-bottom:50px !important;}
.registration_page #wrapper{width:800px;margin:20px auto;padding-left:50px;font-family:Arial, Helvetica, sans-serif;color:#666;font-size:14px;line-height:22px;position:relative;}
.registration_page #wrapper a{outline:none;color:#07AAEF;transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;-webkit-transition:all .3s linear;text-decoration:none;}
.registration_page #wrapper a:hover{color:#ffb500;}
.registration_page a, .registration_page span{color:#07AAEF;overflow:visible;}
.registration_page h2{background:transparent url(../images/headline.jpg) no-repeat;width:800px;height:42px;display:block;margin:0 auto;text-indent:-9999px;}
.registration_page h3{font-size:21px;color:#262626;font-family:Arial, Helvetica, sans-serif;padding:8px 5px 8px 45px;margin-bottom:10px;}
.registration_page .choose_plan_h3{background:transparent url(../images/choose_plan_icon.png) no-repeat left;}
.registration_page .contact_details_h3{background:transparent url(../images/contact_details_icon.png) no-repeat left;}
.registration_page .account_details_h3{background:transparent url(../images/account_details_icon.png) no-repeat left;}
.registration_page .payment_details_h3{background:transparent url(../images/payment_details_icon.jpg) no-repeat left;display: -webkit-box;clear: both}
#plan_types .plan{width:177px;height:105px;display:block;float:left;margin-right:30px;position:relative;}
#plan_types .plan_type_1{background:transparent url(../images/extreme_plan.png) no-repeat center top;}
#plan_types .plan_type_1_au{background:transparent url(../images/au_extreme_plan.png) no-repeat center top;}
#plan_types .plan_type_1_yearly{background:transparent url(../images/extreme_yearly_plan.png) no-repeat center top;}
#plan_types .plan_type_2{background:transparent url(../images/pro_plan.png) no-repeat center top;}
#plan_types .plan_type_2_au{background:transparent url(../images/au_pro_plan.png) no-repeat center top;}
#plan_types .plan_type_2_yearly{background:transparent url(../images/pro_yearly_plan.png) no-repeat center top;}
#plan_types .plan_type_3{background:transparent url(../images/plus_plan.png) no-repeat center top;}
#plan_types .plan_type_3_au{background:transparent url(../images/au_plus_plan.png) no-repeat center top;}
#plan_types .plan_type_3_yearly{background:transparent url(../images/plus_yearly_plan.png) no-repeat center top;}
#plan_types .plan_type_4{background:transparent url(../images/basic_plan.png) no-repeat center top;margin-right:0;}
#plan_types .plan_type_4_au{background:transparent url(../images/au_basic_plan.png) no-repeat center top;margin-right:0;}
#plan_types .plan_type_4_yearly{background:transparent url(../images/basic_yearly_plan.png) no-repeat center top;margin-right:0;}
#plan_types .plan:hover{background-position:center bottom;}
#plan_types .planradio{position:absolute;top:20px;left:20px;}
#plan_types a{position:absolute;bottom:7px;left:60px;color:#07AAEF;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
#account_contact_details{float:left;width:399px;}
.registration_page input[type="text"], .registration_page input[type="email"], .registration_page input[type="name"], .registration_page input[type="password"]{-webkit-border-radius: 2px;border-radius: 2px;border:solid 1px #cdcdcd;padding:10px;width:365px;font-size:15px;color:#979797;margin-bottom:25px;-box-shadow:inset 0px 0px 10px #cdcdcd;-webkit-box-shadow:inset 0px 0px 10px #cdcdcd;-moz-box-shadow:inset 0px 0px 10px #cdcdcd}
.registration_page input[type="text"]:focus, .registration_page input[type="email"]:focus, .registration_page input[type="name"]:focus, .registration_page input[type="password"]:focus{color:#000;border: 1px solid rgb(47, 204, 243);outline:0;}
.sign_up_button{background:transparent url(../images/signup-button.png) no-repeat center top;width:385px;height:50px;display:block;text-indent:-9999px;font-size:0;line-height:0;border:0 none;cursor:pointer;background-position:top;margin-top:12px;margin-bottom:15px;}
.sign_up_button-3m{background:transparent url(../images/signup-button-3m.png) no-repeat center top;width:385px;height:50px;display:block;text-indent:-9999px;font-size:0;line-height:0;border:0 none;cursor:pointer;background-position:top;margin-top:12px;margin-bottom:15px;}
.sign_up_button-et{background:transparent url(../images/signup-button-extreme-trial.png) no-repeat center top;width:385px;height:50px;display:block;text-indent:-9999px;font-size:0;line-height:0;border:0 none;cursor:pointer;background-position:top;margin-top:12px;margin-bottom:15px;}
.sign_up_button:hover{background-position:center bottom;}
.sign_up_button-3m:hover{background-position:center bottom;}
.sign_up_button-et:hover{background-position:center bottom;}
#div_cus_info{margin-top:56px;float:right;width:380px;}
#div_cus_info_mobile{display: none}
#the_three_blocks_2{margin-top:56px;float:right;width:380px;}
#the_three_blocks{width:380px;}
#the_three_blocks img{margin-bottom:0;}
#coupon_holder{position:absolute;top:230px;right:7px;}
#coupon_button{float:right;margin-bottom:15px;color:#07AAEF;font-size:13px;font-family:Arial, Helvetica, sans-serif;}
#coupon_holder input[type="text"]{float:right;clear:both;width:120px;margin-bottom:5px;padding:5px;font-size:12px;}
#coupon_holder input[type="submit"]{clear:both;float:right;}
#arrow_save{position:relative;float:left;width:500px;}
#arrow_save img{position:absolute;left:-100px;top:-79px;}


.s-div-btn {
    width: 421px;
    margin-right: auto;
    padding-right: 3px;
}

.btn {
    background: #38BE23;
    background-image: -webkit-linear-gradient(top, #38BE23, #38BE23);
    background-image: -moz-linear-gradient(top, #38BE23, #38BE23);
    background-image: -ms-linear-gradient(top, #38BE23, #38BE23);
    background-image: -o-linear-gradient(top, #38BE23, #38BE23);
    background-image: linear-gradient(to bottom, #38BE23, #38BE23);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 5px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    width: 97%;
    height: 50px
}
/* Tooltip */
.ttg, .ttw{padding:7px;}
.ttg{background:#eee;}
#the_three_blocks_mobile {
    display: none;
}

@media screen and (max-width: 768px) {
    body,
    html {
        margin: 0;
        padding: 0;
    }
    body.registration_page #wrapper {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
        box-sizing: border-box;
    }
    body #footer {
        padding-left: 10px;
        padding-right: 10px;
        box-sizing: border-box;
        width: 100%;
    }
    body #footer .f_bg,
    body #footer .f_bg p,
    body #footer .f_bg .f_link {
        width: 100%;
        margin: auto;
        text-align: center;
    }
    body #plan_types {
        text-align: center;
    }
    body #plan_types .plan {
        max-width: 49%;
        /*background-size: 100% 210px;*/
        display: inline-block;
        float: none;
        margin: auto;
        background-size:contain;
    }
    body.registration_page h2 {
        width: 100%;
        background-size: 100%;
        margin-top: 10px;
    }
    body #coupon .apply_coupon {
        height: 30px;
    }
    body #account_contact_details {
        width: 100%;
        margin-top: 20px;
    }
    body #the_three_blocks {
        display: none;
    }
    body #the_three_blocks_mobile {
        display: block;
        padding: 10px;
        text-align: center;
    }

    body #div_cus_info{
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    body #the_three_blocks_mobile img {
        max-width: 100%;
    }
    body .sign_up_button-3m {
        margin-bottom: 0px;
        max-width: 100%;
        background-size: 100% 100px;
        margin: auto;
    }
    body #cc_form2 .main.cc-number {
        width: 100% !important;
        margin-bottom: 10px !important;
    }
    body #cc_form2 .main.cvv {
        width: 45% !important;
        margin-bottom: 10px !important;
    }
    body #arrow_save {
        width: 100%;
    }
    body #cc_form2 .main.exp-month {
        width: 17% !important;
        margin-right: 3%;
        margin-left: 2%;
    }
    body #cc_form2 .main.exp-year {
        width: 23% !important;
        margin-right: 0;
    }
    body .main.exp-month label {
        white-space: nowrap;
    }
    #expdate,
    .special_selectyear,
    body #cc_form2 .main.exp-month select,
    body #cc_form2 .main.exp-year select {
        max-width: 100%;
    }
    body #footer .f_bg .f_link li {
        float: none;
        display: inline-block;
        margin-right: 5px;
        margin-left: 5px;
        padding-right: 10px;
    }
    body .registration_page .choose_plan_h3 {
        margin-top: 10px;
    }
    body .terms {
        text-align: center;
    }

    #kayako_sitebadgecontainer{
        display: none;
    }

    body #the_three_blocks_2{
        display: none;
    }
}
.the_three_blocks_horizontal {
    width: 100% !important;
    overflow: hidden;
}
.the_three_blocks_horizontal img {
    width: 32%;
    margin-right: 2%;
    float: left;
}
.the_three_blocks_horizontal img:last-child {
    margin-right: 0;
}
.s-img-throbber {
    width: 100%;
    text-align: center;
}
.s-img-throbber #throbber {
    display:none;
    padding-top: 2px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 754px) {
    body #coupon_holder {
        top: 345px;
        right: 25px;
    }
}