*{margin:0;padding:0;}
body{font-family:Raleway,sans-serif;background:#f3f5f7;}
.subscription-wrapper{display:inline-block;width:100%;float:left;}
#msform{width:57%;margin:30px auto;text-align:center;position:relative;}
.cover{background:white;border:0 none;border-radius:3px;-webkit-box-shadow:0px 6px 8px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 6px 8px 0px rgba(0,0,0,0.1);box-shadow:0px 6px 8px 0px rgba(0,0,0,0.1);padding:25px;padding-bottom:70px}
#msform fieldset{background:none;border:0 none;border-radius:3px;box-shadow:none;padding:0;box-sizing:border-box;width:100%;margin:0;position:absolute;border-radius:4px;}
#msform fieldset:not(:first-of-type){display:none;}
#msform input, #msform textarea ,.input-bx,select.form-control{padding:0 4%;border:2px solid #7c869b;border-radius:4px;margin-bottom:0;width:100%;box-sizing:border-box;font-family:montserrat;color:#2e323a;font-size:14px;height:40px;    font-family: Raleway,sans-serif;}
input{    font-family: Raleway,sans-serif;outline:none;font-weight: 500;}
#msform .next.action-button.first-action,.blue-btn{width:42% !important;background:#00bad3;font-weight:500;color:white;border:0 none;cursor:pointer;padding:0 5px;font-size:15px;border-radius:4px;float:none;text-decoration:none !important;height:40px;position:relative;bottom:70px;left:0;right:0;margin:0 auto !important;line-height:36px;font-family:Raleway,sans-serif;text-align: center;}
a.btnx.blue-btn{display:inline-block;width:100% !important;position:static;color:#fff;}
a.js-open-modal.btnx.next.action-button.first-action{display:inline-block;}
#msform .action-button{background:#00bad3;font-weight:500;color:white;border:0 none;border-radius:1px;cursor:pointer;padding:15px 5px;margin:10px 5px 35px 5px;font-size:17px;border-radius:4px;}
#msform .action-button:hover, #msform .action-button:focus,.blue-btn:hover,.blue-btn:focus{box-shadow:0 0 0 2px white, 0 0 0 3px #00bad3;}
.fs-title{font-size:24px;text-transform:none;color:#3b3e4f;margin-bottom:0;font-weight:normal;}
.fs-subtitle{font-weight:normal;font-size:14px;color:#7c869b;margin:10px 0;border:none;text-align:center;}
#progressbar{margin-bottom:30px;overflow:hidden;counter-reset:step;width:100%;text-align:center;}
#progressbar li{list-style-type:none;color:white;text-transform:uppercase;font-size:9px;width:32.5%;float:none;position:relative;display:inline-block;}
#progressbar li:before{content:counter(step);counter-increment:step;width:27px;line-height:23px;display:block;font-weight:600;font-size:14px;color:#333;background:#bfc5d1;margin:0 auto 5px auto;height:27px;border-radius:50%;border:2px solid #fff;color:#fff;z-index:9;position:absolute;left:0;right:0;margin:0 auto;}
#progressbar li:after{content:'';width:100%;height:3px;background:#bfc5d1;position:absolute;left:-50%;top:12px;z-index:1;}
#progressbar li:first-child:after{content:none;}
#progressbar li.active:before, #progressbar li.active:after{background:#00BAD3;color:white;}
.progress-txtnme{color:#7c869b !important;font-size:13px;font-weight:700;margin-top:35px !important;display:inline-block;}
.msform-caption{display:inline-block;width:100%;margin:20px 0;}
#progressbar li.active .progress-txtnme{color:#00bad3 !important;}
fieldset h3{color:#7c869b;text-align:left;display:inline-block;width:100%;margin-bottom:20px;padding-bottom:15px;border-bottom:3px solid #7c869b;font-size:19px;font-weight:normal;}
.feild-width{display:inline-block;width:100%;margin-bottom:25px;}
input.halfwidth{width:47%;}
.lft-side{float:left !important;width:47%!important;}
.rgt-side{float:right!important;width:47%!important;}
.text-field{float:left;}
.text-field label{float:left;width:100%;text-align:left;color:#7c869b;font-size:14px;margin-bottom:5px;}
.chk-cstm{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:22px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.chk-cstm input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:0;left:0;height:16px;width:16px;background-color:#fff;border:2px solid #00cccc;}
.chk-cstm:hover input ~ .checkmark{background-color:#ccc;}
.chk-cstm input:checked ~ .checkmark{background-color:#00cccc;}
.checkmark:after{content:"";position:absolute;display:none;}
.chk-cstm input:checked ~ .checkmark:after{display:block;}
.chk-cstm .checkmark:after{left:5px;top:1px;width:5px;height:8px;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.bottom-txt{display:inline-block;padding:0;text-align:left;width:100%;background:#f3f5f7;margin-top:20px;}
.bottom-txt p{color:#7c869b;font-size:12px;text-align:left;width:auto;}
.chk-cstm p{font-size:14px;display:inline-block;width:100%;text-align:left;color:#666;line-height:20px;}
.chk-cstm p a{color:#3c99df !important;}
.chk-cstm p a:hover{color:#666 !important;}
input.previous.action-button{float:left;width:30%!important;}
input.next.action-button, input.submit.action-button{float:right;width:30%!important;}
.bottom-txt img{float:left;margin:-3px 5px 0 0;}
.checkcontainer{display:block;position:relative;padding-left:25px;margin-bottom:12px;cursor:pointer;font-size:17px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.checkcontainer input{position:absolute;opacity:0;cursor:pointer;}
.checkcontainer input:checked ~ .radiobtn{background-color:#fff;}
.checkcontainer:hover input ~ .radiobtn{background-color:#fff;}
.radiobtn{position:absolute;top:0;left:0;height:15px;width:15px;background-color:#fff;border-radius:50%;border:2px solid #959eb1;}
.checkcontainer input:checked ~ .radiobtn:after{display:block;}
.checkcontainer .radiobtn:after{top:2px;left:2px;width:7px;height:7px;border-radius:50%;background:#00cccc;}
.radiobtn:after{content:"";position:absolute;display:none;}
.text-field.fullwidth{float:left;width:100% !important;}
.feild-width .text-field img{max-width:100%;float:left;margin:10px 0 0 0;}
fieldset.step-three{width:68%!important;left:0 !important;right:0 !important;margin:0 auto !important;max-width:420px !important;}
fieldset.subs-payment.step-three {
    width: 80% !important;
    max-width: 450px !important;
}


.custom-select{position:relative;width:100% !important;}
.custom-select select{display:none;}
.select-selected{background-color:#fff;}
.select-selected:after{position:absolute;content:"";top:14px;right:10px;width:0;height:0;border:6px solid transparent;border-color:#fff transparent transparent transparent;}
.select-selected.select-arrow-active:after{border-color:transparent transparent #fff transparent;top:7px;}
.select-selected{color:#7c869b;padding:0 4%;border-radius:4px;cursor:pointer;border:2px solid #7c869b;user-select:none;float:left;width:92%;height: 40px;line-height: 35px;text-align:left;background:url(../images/select-dropdown.jpg) no-repeat 97% center;}
.select-items{position:absolute;background-color:#fff;top:78px;left:0;right:0;z-index:99;padding:0;border:1px solid #d7dae1;border-radius:4px;}
.select-items div{color:#7c869b;font-size: 14px;float:left;width:100%;text-align:left;padding: 6px 10px;}
.select-hide{display:none;}
.select-items div:hover{background-color:rgba(0, 0, 0, 0.1);}
label.checkcontainer{color:#3b3e4f !important;font-weight:600!important;}
input.previous.action-button{display:none;}
.bdr-rgt{border-right:1px solid #959eb1;padding-right:0;}
.modalx-box{display:none;position:fixed;z-index:9999;width:98%;background:white;border-bottom:1px solid #aaa;border-radius:4px;box-shadow:0 3px 9px rgba(0, 0, 0, 0.1);border:1px solid rgba(0, 0, 0, 0.1);background-clip:padding-box;left:0 !important;right:0 !important;margin:0 auto !important;top: 50% !important;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);}
.acct_btn {
    float:  right;
}
.closearea {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 18px;
    cursor: pointer;
    width: 16px;
    height: 12px;
    text-align: center;
}
.closearea img {
    width: 100%;
}
@media (min-width:32em){.modalx-box{width:29%;max-width:390px;}
}
.modalx-box header, .modalx-box .modalx-header{padding:1em 1.5em;border-bottom:1px solid #ddd;}
.modalx-box header h3,
.modalx-box header h4,
.modalx-box .modalx-header h3,
.modalx-box .modalx-header h4{margin:0;}
.modalx-box .modalx-body{padding:2em 1.5em 1em 1.5em;}
.modalx-box footer, .modalx-box .modalx-footer{padding:1em;background:#fff;text-align:center;}
.modalx-box footer{padding:0 1.5em 3.5em 1.5em;}
.modalx-overlay{opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:900;width:100%;height:100%;background:rgba(124, 134, 155, 0.8) !important;position:fixed;}
a.close{line-height:1;font-size:1.5em;position:absolute;top:5%;right:2%;text-decoration:none;color:#bbb;}
a.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease;}
.modalx-box h3{color:#7c869b !important;text-align:center;font-size:16px;font-weight:600;}
.modalx-box footer p{color:#7c869b !important;text-align:center;font-size:14px;font-weight:600;}
.loading-wrapper{display:inline-block;width:100%;text-align:center;}
.loading-wrapper .center{display:inline-block;width:170px !important;float:none !important;margin:0 auto !important;font-size:0 !important;}
.feild-width .text-field.halfwidth img{margin-left:25px;}
.head-wrapper{float:left;width:100%;height:100px;-webkit-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1);box-shadow:0px 1px 5px 0px rgba(0,0,0,0.1);position:relative;background:#fff;}
.containerx{max-width:1170px;margin:0 auto;float:none;}
.head-left{float:left;margin-right:8%;padding-top:27px;}
.head-left a{float:left;}
.head-left a img{height:35px;}
.head-right #cssmenu{float:left;padding-top:27px;}
.content-wrapper{background:#f3f5f7;float:left;width:100%;min-height:900px;}
.footer-wrapper{float:left;width:100%;background:#fff;height:60px;text-align:center;bottom:0;}
.footer-wrapper p{display:inline-block;text-align:center;color:#464959 !important;font-size:15px;margin:20px 0;}
.footer-wrapper p span.blue{color:#00bad3 !important;}
.footer-wrapper p span.yellow{color:#f99d1e !important;}
.login-sect{float:right;width:27%;padding-top:27px;}
.login-sect ul{float:left;width:100%;list-style:none;margin:0;padding:0;}
.login-sect ul li.text-link{width:auto !important;margin:0 10px;display:inline-block;height:40px;float:left;}
.login-sect ul li.text-link a{width:auto !important;padding-left:28px;color:#fff !important;text-transform:uppercase;line-height:30px;}
.hidden{display:none;}
.head-right{}
.login-sect ul.head-rgt-menu{float:left;}
.login-sect ul.head-rgt-menu li a{padding:10px 15px!important;font-size:15px!important;text-decoration:none!important;text-transform:none!important;color:#727272!important;}
.noti-shape{position:absolute;background:#00bad3;color:#fff;font-size:12px;color:#fff;border-radius:3px;height:18px;width:22px;font-weight:600;text-align:center;border:1px solid #fff;right:2px;top:3px;line-height:18px;}
.text-link.noti-icon{height:38px !important;position:relative;}
.text-link.noti-icon .register.user-menu{padding-top:5px !important;float:left;cursor:pointer;}
#myContent .user-menu-drop, #myContent2 .user-menu-drop{background:#fff;border:1px solid #ddd;width:92%;}
#myContent{width:230px;position:relative;bottom:-5px;z-index:9999;left:52px;}
a.register.user-menu2{cursor:pointer;}
#myContent2{width:194px;position:relative;bottom:-5px;z-index:9999;left:118px;}
#myContent .user-menu-drop li, #myContent2 .user-menu-drop li{padding:5px 4%;float:left;width:93%;}
#myContent .user-menu-drop li a, #myContent2 .user-menu-drop li a{font-size:14px;text-decoration:none;text-transform:none;color:#727272;font-weight:600;float:left;width:100%;}
#myContent2 .user-menu-drop li:hover{background:#00bad3 !important;color:#fff !important;}
#myContent2 .user-menu-drop li:hover a{color:#fff !important;}
.login-sect ul li.text-link .register.user-menu2 img{float:left;margin-right:10px;}
.login-sect ul li.text-link .register.user-menu2{padding:0 15px 0 0 !important;float:left;}
.login-sect ul li.text-link .register.user-menu2 span{font-size:15px;text-decoration:none;text-transform:none;color:#727272;line-height:40px;font-weight:600;float:left;}
.login-sect ul.head-rgt-menu a:hover span,.login-sect ul.head-rgt-menu .open a span{color:#00bad3 !important;}
.login-sect ul.head-rgt-menu .text-link{margin:0 0 0 10%!important;float:right;}
.login-sect ul.head-rgt-menu li.text-link.noti-icon{margin-left:0!important;}
.login-sect .dropdownx { padding-bottom: 28px; height: auto !important; min-height: 73px;}
.login-sect ul li.text-link{height:auto !important}
.login-sect ul.head-rgt-menu .text-link{width:180px !important;}
.login-sect ul.head-rgt-menu .text-link.noti-icon{width:50px !important;}
@media only screen and (max-width:1024px){.containerx{width:94% !important;margin:0 auto;}
}
@media only screen and (max-width:1023px){
.subscription #msform.multi {
    width: 72%;
}	
fieldset.subs-payment.step-three {
    width:  80% !important;
}
}
@media only screen and (max-width:767px){#menu-button{font-size:0 !important;background:none !important;margin-top:-60px !important;}
#msform{width:100%;}
#msform fieldset{max-width:100%;}
.head-left a img{height:35px;}
.head-left{width:40%;margin:0;}
.login-sect{float:right;width:48%;}
#progressbar li{width:28.5%;}
.modalx-box {width: 90%;}
.subscription #msform.multi {
    width: 100%;
}
fieldset.subs-payment.step-three {
    width:  100% !important;
}
div.header-lined h1 {
    font-size: 24px;
    word-wrap: break-word;
    margin: 15px 0;
}
fieldset.subs-payment.step-three .cover {
    padding: 25px !important;
}
}
@media only screen and (max-width:568px){.login-sect{float:right;width:100%;}
}

/* 28-03-2018 */
.faq-sect h4.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;
    padding: 0;
    background:  transparent !important;
    text-transform:  none;
    font-weight: 500;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: 0;
}

.faq-sect .panel-body {
    padding: 15px 0;
} 
.pricing-bx {
    text-align:  left;
}

#msform .choose-plan input {
    color: #00bad3;
    border-color: #00bad3;
    border-width: 1px;
}

#msform .choose-plan input:hover {
    color: #fff;
}
.faq-sect .panel-group .panel {
    border:  1px solid rgba(124, 134, 155, .2);
}
fieldset.subs-payment .cover h3 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 20px;
}

fieldset.subs-payment .choose-bill-type .text-field {
    border-bottom: 0;
}

fieldset.subs-payment .bdr-rgt {
    border-right: 1px solid #e5e5e5;
}

#msform fieldset.subs-payment input, #msform fieldset.subs-payment  textarea,fieldset.subs-payment  .input-bx, fieldset.subs-payment select.form-control {
    border-width: 1px;
    border-color: #e5e5e5;
}

#msform fieldset.subs-payment  input[type="submit"] {
    color: #fff;
}

fieldset.subs-payment.step-three .cover {
    padding: 30px 50px;
    padding-bottom: 10px;
}



.radiobtn {
    border: 1px solid #e5e5e5;
}

.checkcontainer .radiobtn:after {
    top: 3px;
    left: 3px;
}

/* 28-03-2018 */