@charset "utf-8";
/*body{background:url(../images/blue-pattern-bg.jpg) #f3f4f7 no-repeat top center}*/
body{background-color:#f3f4f7}
header.topic-page{height:80px;min-height:80px}
header.topic-page form{display:inline-block;float:left;width:40%;max-width:400px;margin-top:19px;margin-left:10%}
header.topic-page form input[type=search],header.topic-page form button{height:40px}
header.order-page-1{position:relative!important}
.uneditable{color:#999 !IMPORTANT;background:#eee !IMPORTANT}
.header-space{padding-top:80px}
.plans-heading{font-size:40px;color:#fff;font-family:helvetica,arial,sans-serif;text-align:center;margin-top:60px;margin-bottom:50px;font-weight:500;}
.plans-heading p{font-size:16px}
.plans{width:100%;margin-bottom:80px;box-shadow:0 2px 13px 3px rgba(0,0,0,0.17)}
.plans:after{clear:both;display:block;content:''}
.plans ul{padding-left:0;margin:0;display:inline-block;float:left;width:14.28%;text-align:center;font-size:14px;color:#666;background:#fff;border-right:solid 1px #e1e1e1;cursor:pointer;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.plans ul:last-child{border:none}
.plans li{display:block;height:40px;padding-top:12px;border-bottom:solid 1px #ebebeb;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.plans li:first-child,.plans li:nth-child(3){color:#333;font-weight:500;font-family:Roboto;background:#f3f4f7}
.plans li:last-child{height:50px}
.plans ul.selected-plan li:last-child i{display:block;width:24px;height:24px;margin:auto;background:url(../images/green-tick.png) no-repeat}
.visible-coupen.coupen-code{display:block!important;margin-bottom:-20px}
.summary-fix.summary-options ul{height:auto}
.is-sticky #summary{width:360px;z-index:44}
.order-forms.order-page.payment-page input[type=text],.order-forms.order-page.payment-page input[type=email],.order-forms.order-page.payment-page select{max-width:390px}
.order-forms.order-page textarea{height:145px;max-width:480px;padding:10px}
.textarea-icon.info-icon{margin-top:60px}
.info-text{color:#02a9e8;font-size:13px;font-style:normal;display:inline-block;cursor:pointer;margin-top:12px;margin-bottom:10px;margin-left:10px}
.info-label{display:inline-block;float:left;margin-top:12px!important;margin-bottom:15px}
.order-forms.order-page.payment-page input[type=text].small,.order-forms.order-page.payment-page select.small{margin-right:0}
.order-page label.radio-label{margin-bottom:10px;margin-top:0;padding-top:1px;padding-left:30px;display:inline-block;float:left;margin-right:30px;background:url(../images/form-radio-uncheck.png) no-repeat 0 0}
.order-page input[type="radio"]{display:none}
.order-page input[type="radio"]:checked + label.radio-label{background:url(../images/form-radio.png) no-repeat 0 0 }
.date-time{padding-left:0;margin-top:-20px;margin-bottom:80px}
.date-time li{display:inline-block;float:left}
.date-time li input[type=text]{width:185px}
.date-time li select{width:80px;margin-right:10px}
.date-time li:first-child{margin-right:20px}
.date-time li:nth-child(3){padding-top:45px}
.date-time li:last-child{color:#666;font-size:15px;padding-top:55px;padding-left:3px}
.datepicker td,.datepicker th{padding:2px 5px!important}
input.datepicker{background:url(../images/celander-icon.png) no-repeat 150px 10px #fff!important}
.order-pages{background:#f3f4f7}
.order-steps{padding-left:0;max-width:700px;margin:auto;margin-top:80px;margin-bottom:75px}
.order-steps:after,.date-time:after{clear:both;content:'';display:block}
.order-steps:before{border-top:solid 1px #d8d8d9;content:'';width:75%;margin:auto;display:block;position:relative;z-index:2}
.order-steps li{display:inline-block;float:left;color:rgba(51,51,51,0.5);font-size:14px;font-family:Roboto;text-align:center;font-weight:500;width:25%;z-index:3;margin-top:-22px;position:relative}
.order-steps li span{display:block;width:40px;height:40px;border-radius:50px;border:solid 1px #d8d8d9;font-size:22px;margin:auto;background:#f3f4f7;padding-top:4px}
.order-steps li.active span{background:#5bbe30;border:solid 1px #5bbe30;color:#fff}
.order-steps li.complete span{background:#5bbe30;border:solid 1px #5bbe30;color:#5bbe30;font-size:0}
.order-steps li.complete span:before{content:'';background:url(../images/complete.png) no-repeat 9px 8px;width:40px;height:40px;display:block}
.order-steps li div{margin-top:5px}
.order-pages h1{font-size:26px;margin-top:0;margin-bottom:25px}
.order-pages h3{font-size:20px;font-weight:500;border-bottom:solid 1px #d7d7d7;line-height:30px;margin-bottom:25px}
.order-forms input[type=text],.order-forms input[type=email],.order-forms input[type=password],.order-forms select,.order-forms textarea,.signature input,.login-box input[type=email],.login-box input[type=password]{width:100%;max-width:390px;height:40px;background:#fff;border:solid 1px #d7d7d7;border-radius:4px;display:block;font-size:15px;color:#666;padding:0 10px;outline:none}
.order-forms label,.signature label{color:#666;font-size:15px;display:block;font-weight:400;margin-top:20px;max-width:480px}
.order-forms label span{color:#e63a11}
.order-forms form a{color:#02a9e8;font-size:13px;display:table;margin-top:10px;margin-bottom:20px}
.order-forms form .btn.btn-danger{font-size:16px!important;outline:none}
.order-forms form .btn.btn-primary{font-size:16px!important;background:#02a9e8;padding:13px 56px;border-radius:50px;border:none;outline:none;margin-top:15px}
.order-forms form .btn.btn-primary:hover{background:#048fc3}
.order-forms form{margin-bottom:40px}
.order-forms .features{border:solid 1px #e1e1e1;background:#fff;padding:30px 17px;margin-top:50px;margin-bottom:30px}
.order-forms .features h3,.order-forms .summary h3{border:none;margin:0}
.order-forms .features ul{padding-left:0;margin:30px 0}
.order-forms .features ul li{display:block;color:#666;font-size:14px;margin-bottom:10px;padding-left:27px;background:url(../images/green-tick.png) no-repeat 0 1px;background-size:16px}
.order-forms form p{color:#999;font-size:13px;margin-top:7px;max-width:600px}
.order-forms form p span{display:block;color:#02a9e8}
.info-input{display:inline-block!important;float:left}
.info-icon{width:21px;height:22px;display:inline-block;cursor:pointer;margin-top:9px;margin-left:10px;background:url(../images/sprite_2.png) no-repeat -60px -17px}
.que-icon{width:21px;height:22px;display:inline-block;cursor:pointer;margin-top:9px;margin-left:2px;background:url(../images/sprite_2.png) no-repeat -86px -17px;margin-top:0;padding-top:0;top:5px;position:relative}
.order-forms select{line-height:34px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;background:url(../images/input-dropdown-arrow.png) no-repeat 90% 14px #fff}
.order-forms ::-ms-expand{display:none}
.order-forms.payment-page input[type=text],.order-forms.payment-page input[type=email],.order-forms.payment-page select{max-width:290px}
.order-forms.payment-page select.small,.order-forms.payment-page input[type=text].small{max-width:120px;display:inline-block;margin-right:10px}
.order-forms.payment-page input.ccv{width:154px}
.card-type{width:100%;max-width:235px;height:40px;background:#fff;border:solid 1px #d7d7d7;border-radius:4px;display:block;font-size:15px;color:#666;padding:0 10px;outline:none}
.card-type select{border:none;height:38px;line-height:34px;display:inline-block;width:77%;float:right}
.order-forms.payment-page input.billing-address{max-width:470px}
.order-forms.payment-page input.city{max-width:190px}
#selected-card{background:url(../images/card-type.png) no-repeat;width:23%;height:25px;display:inline-block;float:left;margin-top:7px}
#selected-card.visa{background-position:0 4px}
#selected-card.mastercard{background-position:-3px -22px}
#selected-card.discover{background-position:-3px -50px}
#selected-card.paypal{background-position:0 -72px}
.inner-heading{margin-top:55px}
.order-forms p.note{line-height:9px}
.order-forms p.note a{display:inline-block}
.summary{border:solid 1px #e1e1e1;background:#fff;padding:20px 17px 30px;margin-top:50px;margin-bottom:30px;position:relative;color:#333;font-size:15px}
.summary:after{content:'';display:block;height:12px;bottom:-11px;left:-1px;width:100%;position:absolute;background:url(../images/sprite_2.png) repeat-x -5px 0}
.summary-options ul{padding-left:0;margin-top:20px;height:220px;overflow:hidden}
.summary-options li{display:block;margin-bottom:8px;-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.summary-options li span{text-align:right;display:inline-block;float:right}
.summary-options li p{font-size:14px;margin:0}
.summary-options button{background:url(../images/input-dropdown-arrow.png) no-repeat bottom center transparent;display:table;margin:auto;border:none;height:40px;outline:none;font-size:15px;color:#666;width:100px}
.bottom-fade{background:#fff;opacity:.9;width:100%;display:block;height:41px;margin-top:-57px}
.summary-options.more ul{height:auto}
.summary-options.more .bottom-fade{display:none}
#selected-currency{width:16px;height:16px;display:inline-block;margin-top:3px;float:left}
#selected-currency.usd{background:url(../images/sprite_2.png) no-repeat -228px -17px}
#selected-currency.aud{background:url(../images/sprite_2.png) no-repeat -207px -17px}
#selected-currency.gbp{background:url(../images/sprite_2.png) no-repeat -186px -17px}
#selected-currency.cad{background:url(../images/sprite_2.png) no-repeat -249px -17px}
#selected-currency.eur{background:url(../images/sprite_2.png) no-repeat -270px -17px}
.order-forms.payment-page .currency-type select{max-width:125px;border:none;display:inline-block;float:right;margin-top:-7px;padding:0}
.currency-type{padding-top:12px;margin-top:20px;border-top:solid 1px #ebebeb;border-bottom:solid 1px #ebebeb}
.currency-type > div{display:inline-block;float:left;width:30%}
.currency-type > div:last-child{width:148px;float:right}
.currency-type:after{display:block;content:'';clear:both}
.total-price{border-top:solid 1px #e1e1e1;font-size:15px;font-family:Roboto;color:#666;text-align:center;display:block;margin:20px -17px 0;padding:30px 0}
.total-price strong{display:block;font-size:30px;color:#333;font-weight:500;line-height:33px}
.total-price span{display:block;font-size:14px;color:#02a9e8;margin-bottom:15px}
.payment-methods h3{border:none;margin-bottom:10px}
.payment-methods label{margin-bottom:10px;margin-top:0;padding-top:1px;padding-left:30px;display:table;background:url(../images/form-radio-uncheck.png) no-repeat 0 0}
.payment-methods input[type="radio"]{display:none}
.payment-methods input[type="radio"]:checked + label{background:url(../images/form-radio.png) no-repeat 0 0}
.imp-note{color:#666;font-size:14px;padding:15px;margin-top:30px;margin-bottom:50px;background:rgba(2,169,232,0.1);border:solid 1px #02a9e8}
.imp-note a{color:#666}
.imp-note span{font-weight:500;color:#02a9e8}
.imp-note div{color:#333;font-size:16px;font-weight:500;margin-bottom:20px}
.summary-options.more .optional-ons,.summary-options.more .coupen-code{display:block}
.optional-ons{border-top:solid 1px #e1e1e1;margin:0 -17px;padding:10px 17px;display:none}
.optional-ons h3{display:inline-block;margin-top:5px!important;float:left}
.optional-ons li span div{display:inline-block;float:left}
.optional-ons .switch{position:relative;display:inline-block;width:42px;height:19px;margin-top:0;margin-bottom:0;float:right;margin-left:15px}
.optional-ons .switch input{display:none}
.optional-ons .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff;border:solid 1px #ccc;-webkit-transition:.4s;transition:.4s}
.optional-ons .slider:before{position:absolute;content:"";height:15px;width:15px;left:1px;bottom:1px;background-color:#ccc;-webkit-transition:.4s;transition:.4s}
.optional-ons input:checked + .slider:before{background-color:#5bbe30}
.optional-ons input:focus + .slider{box-shadow:0 0 1px #2196F3}
.optional-ons input:checked + .slider:before{-webkit-transform:translateX(23px);-ms-transform:translateX(23px);-moz-transform:translateX(23px);transform:translateX(23px)}
.optional-ons .slider.round{border-radius:34px}
.optional-ons .slider.round:before{border-radius:50%}
.coupen-code{background:#02a9e8;padding:15px 17px;margin:0 -17px 30px;color:#fff;display:none;font-size:15px}
.coupen-code input[type=text]{display:inline-block;float:left;max-width:270px!important;height:38px;border:none}
.coupen-code input[type=button]{background:url(../images/sprite_2.png) no-repeat -5px -17px;width:50px;height:38px;border:none;display:inline-block;float:right}
.coupen-code span{line-height:30px;display:block}
.coupen-code span i{width:18px;height:18px;display:inline-block;float:left;margin-top:4px;margin-right:6px;background:url(../images/white-tick.png) no-repeat 0 0}
.fixh3{margin-top:20px}
.terms-condtion{background:#fff;border:solid 1px #e1e1e1;padding:15px 30px;margin-bottom:30px;height:640px}
.terms-condtion h3{font-size:18px;border:none;margin:0;margin-bottom:5px}
.terms-condtion p{color:#666;font-size:15px;line-height:30px;margin:0;margin-bottom:15px}
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:10px!important;background:#f3f4f7!important;border-radius:50px!important}
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:10px!important;background:#e4e4e4!important;border-radius:50px!important}
.terms-agree label{background:url(../images/terms-checkbox-u.png) no-repeat 0 0;padding-left:40px;color:#666;font-size:15px;font-weight:400;padding-top:7px;padding-bottom:3px}
.terms-agree input{display:none}
.terms-agree input:checked + label{background:url(../images/terms-checkbox.png) no-repeat 0 0}
.signature{width:240px;margin-left:40px;margin-bottom:50px}
.terms-btn{display:table;margin:auto;margin-bottom:80px}
.success p{font-size:15px;color:#666;line-height:25px;margin-bottom:25px}
strong.red{color:#f03f0a;font-weight:600;text-transform:uppercase}
.success table{background:#fff;color:#666;font-size:15px;margin-bottom:50px;margin-top:-10px}
.success table tr td{padding:15px}
.success table tr:nth-child(even){background:#f8f8f8}
.success table tr td:first-child{color:#333;font-weight:500}
.success table tr:last-child{background:#02a9e8;color:#fff;font-size:26px}
.success table tr:last-child td:first-child{color:#fff}
.no-border{border:none!important}
.login-box{background:#edeff2;border:solid 1px #e1e1e1;padding:30px 30px 60px;margin-bottom:50px}
.login-heading{color:#02a9e8;font-size:20px;font-family:Roboto;font-weight:500;text-align:center;margin-bottom:25px}
.login-box input[type=email],.login-box input[type=password]{width:100%;display:block;max-width:325px;margin:auto;margin-bottom:10px;height:45px}
.login-box input[type=button]{width:100%;display:block;max-width:325px;margin:auto;border-radius:5px;font-weight:400}
.testimonials{background:url(../images/testimonial-quotes.png) no-repeat 95% 20px #edeff2;border:solid 1px #e1e1e1;color:#666;font-size:14px;margin-top:50px;margin-bottom:50px}
.testimonials h3{border:none;padding-left:20px;color:#333;margin-bottom:10px}
.testimonials p{padding:10px 20px;border-bottom:solid 1px #e1e1e1;margin:0;font-size:14px;line-height:20px}
.testimonials p span{display:block;color:#02a9e8;padding-top:5px;font-weight:600}
.testimonials p:last-child{border-bottom:none}
.order-modals .modal-content{border-radius:0}
.order-modals .modal-header{background:#02a9e8;color:#fff;text-align:center;font-weight:500;font-size:20px;border:none}
.order-modals .modal-header h4{font-weight:inherit;font-size:inherit}
.order-modals .modal-body{color:#666;padding:10px 0;max-height:500px}
.order-modals .modal-body p{padding:20px}
.order-modals .modal-body strong{font-weight:700}
.order-modals .modal-body .red{color:#e63a11}
.order-modals .modal-body a{color:#02a9e8}
.order-modals .modal-body h4{background:#eee;display:block;width:100%;text-align:center;padding:10px 0;color:#666;font-weight:500;font-size:20px}
.order-modals .modal-body ul{padding-left:0;margin-left:40px;margin-top:20px;margin-bottom:20px}
.order-modals .modal-body li{display:list-item;margin-bottom:5px}
.order-modals .modal-list li{margin-bottom:10px}
.order-modals .modal-list-2 li{display:block}
.order-modals .modal-header .close{margin-top:-20px;margin-top:-25px;margin-right:-25px;background:#000;color:#fff;border-radius:50px;width:22px;height:22px;padding:0;opacity:1;font-weight:400;line-height:25px;outline:none}
.order-modals .modal-body .words-per-page{width:80%;margin:auto;border:solid 4px #ccc;border-radius:1px;margin-top:-30px;margin-bottom:30px}
.order-modals .modal-body .words-per-page:after,.order-modals .cvv-code:after{clear:both;content:'';display:block}
.order-modals .modal-body .words-per-page ul{display:inline-block;float:left;margin-top:0;width:33.33%;margin-left:0;margin-bottom:0;border-right:solid 1px #ccc}
.order-modals .modal-body .words-per-page ul:last-child{border-right:none}
.order-modals .modal-body .words-per-page ul li{display:block;border-bottom:solid 1px #ccc;margin-bottom:0;line-height:40px;text-align:center}
.order-modals .modal-body .words-per-page ul li:nth-child(even){background:#eee}
.order-modals .modal-body .words-per-page ul li:last-child{border-bottom:none}
.order-modals .cvv-code{display:block;margin:auto;margin-bottom:50px;margin-top:-20px;width:80%}
.order-modals .cvv-code img{display:inline-block;float:left;width:30%}
.order-modals .cvv-code p{display:inline-block;width:70%;margin-top:10px}
@media (max-width:767px) {
header{background:none}
header form{display:none!important}
.navbar-inverse .navbar-toggle{border:none}
.order-steps{margin-top:50px;margin-bottom:25px}
.order-steps li{font-size:12px;margin-top:-17px}
.order-steps li span{width:30px;height:30px;font-size:16px}
.order-steps li div{line-height:13px}
.order-steps li.complete span:before{background-size:15px;background-position:7px 5px}
.plans-heading{font-size:24px;margin-top:0;margin-bottom:20px}
.header-space{padding-top:0}
.order-pages h3{font-size:16px}
.order-pages h1{font-size:19px;margin-bottom:0}
.payment-methods{top:270px}
.order-pages .col-md-4{position:static}
.order-forms.payment-page input[type=text].phone-input,.order-forms.payment-page input[type=text].billing-address{width:89%}
.coupen-code input[type=text]{width:80%}
.summary-options .optional-ons,.summary-options .coupen-code{display:block!important}
.bottom-fade,#more-less{display:none}
.summary-options ul{height:auto}
.date-time li:first-child{display:block;width:100%;float:none}
.textarea-icon{display:none}
#summary{position:relative!important;width:100%!important;top:0!important;margin-top:0!important}
.info-heading.order-page-heading{margin-top:0}
.plans-wrapper{width:auto;overflow:scroll;margin-bottom:80px;margin-right:-15px}
.plans{width:900px;margin-bottom:0}
.terms-condtion{padding-right:0}
.success h3{line-height:20px}
.success table{font-size:14px}
.success table tr td{padding:10px}
.is-sticky #plans{position:relative!important}
.order-page-1-header{padding-bottom:80px}
.order-modals .modal-body .words-per-page ul{display:block;width:100%}
.order-modals .modal-body .words-per-page ul li:last-child{border-bottom:solid 1px #ccc}
.order-modals .cvv-code p{margin-top:0;width:100%;float:none;display:block}
.order-modals .cvv-code img{margin-top:20px;width:100%;float:none;display:block}
}
@media (min-width:768px) and (max-width:991px) {
.navbar-nav{margin-top:-4px}
header.topic-page form{position:absolute;right:0;width:500px;margin-left:0;top:27px}
header.topic-page{height:100px}
.header-space{padding-top:0}
.coupen-code input[type=text]{width:90%;max-width:none!important}
.summary-options .optional-ons,.summary-options .coupen-code{display:block!important}
.bottom-fade,#more-less{display:none}
.summary-options ul{height:auto}
#summary{position:relative!important;width:100%!important;top:0!important;margin-top:0!important}
.payment-methods{position:absolute;top:480px}
.order-pages .col-md-4{position:static}
.info-heading,.fixh3{margin-top:230px}
.is-sticky #plans{position:relative!important}
.order-page-1-header{padding-bottom:80px}
.order-modals .cvv-code p{margin-top:0}
.order-modals .cvv-code img{margin-top:20px}
}
@media (min-width:992px) and (max-width:1270px) {
header.topic-page form{width:26%;margin-left:0}
}
@media (min-width:992px) and (max-width:1199px) {
.coupen-code input[type=text]{max-width:200px!important}
.is-sticky #summary{width:293.33px;z-index:44}
#plans{width:940px!important}
}
@media (min-width:992px) {
header.topic-page{position:fixed;top:0;width:100%;z-index:45}
.topics h2{margin-top:100px}
#summary{margin-top:0}
.is-sticky .coupen-code{padding-top:5px;padding-bottom:5px}
.is-sticky .summary-options li{margin-bottom:4px}
.is-sticky .summary h3{line-height:0}
.is-sticky .total-price{padding:10px 0}
.is-sticky #plans{z-index:47;width:1140px;height:120px}
#plans{width:1140px}
.is-sticky .plans li{height:23px;padding-top:2px}
.is-sticky .plans li:last-child{height:27px}
.order-page-1-header{padding-top:0;padding-bottom:80px}
#plans,.plans{-moz-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;left:auto}
#summary{width:360px}
#summary .summary{margin-bottom:500px}
}