* {padding:0;margin:0;outline:0;font-family:Roboto,sans-serif;box-sizing:border-box;font-size:14px}
:after {box-sizing:border-box}
body {background:#f1f1f1;padding-bottom:70px}

a {color:#007ec4}
a:hover {text-decoration:none}
img {border:0}
iframe {display:block;border:0}

.container {width:1000px;position:relative;margin:auto;padding:0}
.container:after {content:'';clear:both;display:table}


/* error */
.form-control.error {border-color:#C46565!important}
label.error {display:none!important;color:#C46565;font-size:12px;position:absolute;background:#FFEFEF;padding:5px;border:1px solid #D67676;border-radius:3px;font-weight:normal;margin:3px 15px 0 0;z-index:1;line-height:16px}
label.error:before {content:'';position:absolute;border:5px solid transparent;z-index:1;border-top-width:0;border-bottom-color:#FFEFEF;top:-4px;left:6px}
label.error:after {content:'';position:absolute;border:5px solid transparent;border-top-width:0;border-bottom-color:#D67676;top:-5px;left:6px}

/* button */
.btn {display:inline-block;cursor:pointer;background:#fff;color:#000;border:0;height:40px;padding:10px 15px;font-size:14px;line-height:20px;text-decoration:none}
.btn.btn-default {background:#eaeaea;color:#000}
.btn.btn-default:hover {background:#ddd;color:#000}
.btn.btn-primary {background:#007ec4;color:#fff}
.btn.btn-primary:hover {background:#0370AD;color:#fff}
.btn.btn-success {background:#1BC400;color:#fff}
.btn.btn-success:hover {background:#21A60C;color:#fff}
.btn.btn-danger {background:#C40000;color:#fff}
.btn.btn-danger:hover {background:#A50505;color:#fff}
.btn[disabled] {opacity:0.5}

/* input */
.form-control {display:block;width:100%;height:40px;padding:6px 12px;font-size:14px;line-height:20px;color:#333;border:1px solid #ccc;box-shadow:none!important;box-sizing:border-box;transition:border-color, box-shadow .15s ease-in-out}
.form-control:hover {border-color:#aaa!important;box-shadow:0 0 0 3px rgba(218, 218, 218, .5)!important}
.form-control:focus {border-color:#6DA1D2!important;box-shadow:0 0 0 3px rgba(64, 129, 190, .2)!important}

.select {position:relative}
.select .form-control~span {display:block;background:#fff;position:absolute;top:1px;right:1px;bottom:1px;width:30px}
.select .form-control~span:after {content:'';position:absolute;top:14px;right:12px;border:6px solid transparent;border-top-color:#777;border-bottom:0}

textarea.form-control {height:auto;min-height:40px;resize:vertical}
input[type="text"] {-webkit-appearance:none}
.form-control[disabled], .form-control[readonly] {cursor:default;background-color:#eee;border-color:#ccc!important;box-shadow:none!important}

/* checkbox & radio & toggle */
label.radio,
label.checkbox,
label.toggle {display:inline-block;min-height:20px;font-weight:500;line-height:34px;font-size:14px;clear:both;text-align:left;cursor:pointer;margin-right:20px}
label *, :before, :after {box-sizing:border-box}
.radio+.radio, .checkbox+.checkbox, .toggle+.toggle {margin-top:-5px}

.radio input,
.checkbox input,
.toggle input {visibility:hidden;position:absolute}
.radio input~span,
.checkbox input~span,
.toggle input~span {position:relative;margin:7px 5px 7px 0;display:inline-block;float:left;width:20px;height:20px}
.toggle input~span {margin:7px 0 7px 5px;float:right}

.radio input~span:after {content:'';position:absolute;width:20px;height:20px;background:#fff;border:1px solid #bbb;border-radius:50%}
.radio input~span:before {content:'';position:absolute;width:10px;height:10px;top:5px;left:5px;background:#007ec4;border-radius:50%;z-index:1;transform:scale(0);transition:all .15s ease-in-out}
.radio input:hover~span:after {border-color:#999;box-shadow:0 0 0 3px rgba(218, 218, 218, .5)}
.radio input:checked~span:before {transform:scale(1)}

.checkbox input~span:after {content:'';position:absolute;width:20px;height:20px;background:#fff;border:1px solid #bbb}
.checkbox input~span:before,
.checkbox.grayed input~span:before {content:'\2714';position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center;color:#007ec4;font-size:13px;line-height:20px;z-index:1;transform:scale(0);transition:all .15s ease-in-out}
.checkbox.grayed input~span:before {color:#aaa}

.checkbox input:checked~span:before {transform:scale(1)}

.checkbox input:hover~span:after {border-color:#999;box-shadow:0 0 0 3px rgba(218, 218, 218, .5)}
.checkbox.fillbox input~span:before,
.checkbox.fillbox.grayed input~span:before {content:'';width:10px;height:10px;background:#007ec4}
.checkbox.fillbox.grayed input~span:before {background:#aaa}

.toggle input~span {width:40px}
.toggle input~span:after {content:'';position:absolute;width:100%;height:12px;background:#ccc;border-radius:6px;top:4px;transition:all .15s ease-in-out}
.toggle input~span:before {content:'';position:absolute;width:20px;height:20px;background:#fff;border:1px solid #ccc;border-radius:50%;z-index:1;right:20px;transition:all .15s ease-in-out;color:rgba(218, 218, 218, .5)}
.toggle input:checked~span:after {background:rgba(102, 175, 233, .3)}
.toggle input:checked~span:before {right:0;background:#007ec4;border-color:#007ec4;color:rgba(64, 129, 190, .2)}
.toggle input:hover~span:before {border-color:#999;box-shadow:0 0 0 3px rgba(218, 218, 218, .5)}
.toggle input:checked:hover~span:before {border-color:#007ec4;box-shadow:0 0 0 3px rgba(64, 129, 190, .2)}
.toggle.fillbox input~span:after {height:20px;top:0;border-radius:10px}
.toggle.fillbox input~span:before {width:18px;height:18px;top:1px;border-color:#fff}
.toggle.fillbox input:checked~span:before {right:1px;border-color:#007ec4}
.toggle.left input~span {float:left;margin:7px 5px 7px 0}

label.label-block {display:block;margin-right:0}

/* form */
.col {margin:0 -10px}
.col:after {content:'';clear:both;display:table}
.col-20 {float:left;width:calc(20% - 20px);margin:0 10px}
.col-25 {float:left;width:calc(25% - 20px);margin:0 10px}
.col-30 {float:left;width:calc(30% - 20px);margin:0 10px}
.col-33 {float:left;width:calc(33.333 - 20px);margin:0 10px}
.col-40 {float:left;width:calc(40% - 20px);margin:0 10px}
.col-50 {float:left;width:calc(50% - 20px);margin:0 10px}
.col-60 {float:left;width:calc(60% - 20px);margin:0 10px}
.col-70 {float:left;width:calc(70% - 20px);margin:0 10px}
.col-80 {float:left;width:calc(80% - 20px);margin:0 10px}
.form-group {margin-bottom:15px;position:relative;color:#555}


.input-group {position:relative}
.input-group-addon {position:absolute;top:1px;right:1px;background:#eee;line-height:38px;padding:0 10px}

.controlPrefix {position:absolute;top:1px;left:1px;line-height:38px;padding:0 10px;font-size:13px}
.controlPrefix + input {padding-left:30px}


.select2-container {display:block}
.select2-container .select2-choice {border-radius:0;background:#fff;padding:8px 12px;line-height:20px;height:40px;border:1px solid #ccc;box-shadow:none!important}
.select2-container .select2-choice:hover {border-color:#aaa!important;box-shadow:0 0 0 3px rgba(218, 218, 218, .5)!important}
.select2-container.select2-dropdown-open .select2-choice {border-color:#6DA1D2!important;box-shadow:0 0 0 3px rgba(64, 129, 190, .2)!important}
.select2-container .select2-choice .select2-arrow {background:none;border:0}
.select2-container .select2-choice .select2-arrow b {background-position:0 6px}
.select2-container .select2-choice abbr {top:12px}
.select2-drop-active {margin-top:-39px;border-radius:0!important;}
.select2-search input {min-height:40px;border:0;background:none}
.select2-results .select2-result-label {line-height:30px}



/* content */
#wrapper {}
#header {background:#fff;border-bottom:1px solid #ccc}
#logo {background:url("img/logo.png") left center no-repeat;width:120px;height:50px;display:block;background-size:auto 44px;float:left}
.top_nav {float:right}
.top_nav a {display:inline-block;line-height:50px;padding:0 10px;color:#007ec4;text-decoration:none;text-transform:uppercase;font-size:13px}
.top_nav a:hover {background:#eee;color:#000}
.top_nav span {display:inline-block;line-height:50px;color:#000;text-transform:uppercase;font-size:13px}

.profile .profilePhoto {float:left;line-height:50px;width:44px;height:44px;overflow:hidden;border-radius:50%;margin:3px 10px 3px 0;color:#666}
.profile .profilePhoto img {width:100%;height:100%;display:block;object-fit:cover;background:#67696F}



/* page */
#_mainView {}
.pageContent {background:#fff;margin:30px auto 60px;border:1px solid #ddd;box-shadow:0 1px 5px #e3e3e3}
.pageContent.animate {animation-delay:1.0s;animation-duration:0.5s;animation-fill-mode:both;animation-name:fadeInBottom;animation-timing-function:ease-in-out}
@keyframes fadeInBottom {
0% {opacity:0;transform:translateY(10px)}
100% {opacity:1;transform:translateY(0)}
}


#header_bar {background:#007EC4;box-shadow:0 2px 6px rgba(0,0,0,0.3);line-height:44px;color:#fff}
#_pageTab {}
#_pageTab:after {content:'';clear:both;display:table}
#_pageTab a {color:#fff;margin-right:30px;text-transform:uppercase;display:block;line-height:42px;float:left;border-bottom:2px solid transparent;position:relative}
#_pageTab a:after {content:'\203A';position:absolute;top:0;right:-20px;line-height:36px;color:#B7DBF3;font-size:25px}
#_pageTab a:last-child:after {display:none}
#_pageTab a.active {border-color:#fff;color:#fff;font-weight:500}

#_pageTab a.active + a,
#_pageTab a.active + a + a,
#_pageTab a.active + a + a + a,
#_pageTab a.active + a + a + a + a,
#_pageTab a.active + a + a + a + a + a {color:#B7DBF3}

#_pageTab a.active + a:after,
#_pageTab a.active + a + a:after,
#_pageTab a.active + a + a + a:after,
#_pageTab a.active + a + a + a + a:after,
#_pageTab a.active + a + a + a + a + a:after {color:#B7DBF3}


#pageTabContent {}
#pageTabContent ._tabContent {display:none;padding:30px 30px 50px;min-height:500px}
#pageTabContent ._tabContent.active {display:block}

#pageTabContent .control-label {color:#555;font-weight:normal;display:block;margin-bottom:5px}
#pageTabContent .control-label.required {position:relative}
#pageTabContent .control-label.required:after {content:'*';position:absolute;top:4px;right:0;color:#ad5041;font-size:20px;font-weight:bold;line-height:20px}

p {margin-bottom:10px}
h3 {margin-bottom:30px;font-size:18px}

.subTitle {font-size:14px;font-weight:500;border-bottom:1px solid #ddd;padding-bottom:5px;margin:30px 0 15px;text-transform:uppercase}
.subTitle:first-of-type {margin-top:0}

.note {background:#fff9dc;border:1px solid #e2d3b2;padding:15px;color:#897d64;font-size:12px;line-height:20px}
.note i {margin-right:20px;color:#aea992;float:left;font-size:24px;line-height:40px}

.page_footer {background:#fff;border-top:1px solid #ddd;padding:15px 0;position:fixed;bottom:0;left:0;right:0;z-index:10}
.page_footer .container {padding:0 30px}
.page_footer:after {content:'';clear:both;display:table}
.page_footer ._fakeCancelCtl {float:left}
.page_footer ._fakeCancelCtl > i, .page_footer ._submitCtl > i, .page_footer ._prevStepCtl > i {margin-right:5px}
.page_footer ._submitCtl, .page_footer ._nextStepCtl, .page_footer ._prevStepCtl {float:right;margin-left:10px}
.page_footer ._nextStepCtl > i {margin-left:5px}



/* Basic Info */



/* services */
.skillsContainer {display:flex;flex-wrap:wrap;width:100%}
.skillsContainer:after {content:'';clear:both;display:table}
.skillsItem {float:left;width:50%}

.county-item {display:inline-block;line-height:25px;padding:0 10px;font-size:14px;margin-right:5px;margin-bottom:5px;border-radius:4px;background:#007ec4;color:#fff;float:left}
.county-item ._removeCountyCtl {margin-left:10px;cursor:pointer;font-size:22px;float:right;color:#C3E6F2}
.county-item ._removeCountyCtl:hover {color:#fff}

._stateSelector, ._countySelector {margin-bottom:10px}

#briefDesc {height:100px}


/* subscriptions */
.feeBlock {background:#fafafa;border:1px solid #ccc;padding:30px;margin:20px 0}
.feeBlock:after {content:'';clear:both;display:table}
.feeTitle {float:left;font-weight:bold;line-height:34px}
.feePrice {float:right;font-weight:bold;color:#000;font-size:30px;line-height:34px}
._bookingFeeLabel {font-weight:bold;color:#000;font-size:30px;line-height:34px}
.feePrice input {width:60px;margin-left:5px;display:inline-block;float:right;font-weight:bold;font-size:20px}

.planBlock {border:1px solid #ccc;padding:20px;text-align:center;display:block;text-decoration:none}
.planBlock:after {content:'';clear:both;display:table}
a.planBlock:hover {color:#23527c}
a.planBlock:hover,
.planBlock.selected {border-color:#007ec4;box-shadow:0 0 0 3px rgba(0, 126, 196, 0.3)}
.planTitle {font-weight:bold;margin-bottom:10px;text-transform:uppercase}
.planPrice, .planPrice_container {color:#000;font-weight:bold;font-size:30px;line-height:44px}
.planIco_container {font-size:50px;line-height:84px}
.freePrice, .freePrice .planPrice {font-size:46px}
.planSave {color:#fff;background:#4cbf6c;position:absolute;bottom:0;margin:auto;width:50%;left:0;right:0}
.planSep {background:#eee;height:1px;position:relative;margin:20px 0}
label.planBtn {line-height:22px;font-weight:normal}
label.planBtn input {display:none}

.planBlock.CUSTOM {margin-top:20px}
.planBlock.CUSTOM .planTitle {margin-bottom:0;line-height:65px}
.planBlock.CUSTOM ._subscriptionType {margin-top:15px}
.planBlock.CUSTOM .planPrice {margin-top:8px}
.planBlock.CUSTOM .planPrice input {width:60px;margin-left:5px;display:inline-block;font-weight:bold;font-size:20px;vertical-align:top;margin-top:4px}
.planBlock.CUSTOM .planSave {}
.planBlock.CUSTOM .planSep {margin-bottom:0}
.planBlock.CUSTOM label.planBtn {margin-top:15px}


.totalBlock {border-top:1px solid #ccc;margin-top:30px;padding:10px 20px}
.totalBlock:after {content:'';clear:both;display:table}
.totalTitle {float:right;line-height:34px;text-transform:uppercase;margin-right:20px}
._totalPrice {float:right;font-weight:bold;color:#000;font-size:30px;line-height:34px}


._tariffPlanTable.disable {position:relative}
._tariffPlanTable.disable:before {content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,0.5);z-index:3}




/* website */
._withoutCustomDomain {position:relative}
._withoutCustomDomain:after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,0.5);z-index:2}

textarea._websiteDescription,
.mce-tinymce iframe {height:200px!important}


/* billing */
.billing-item {width:50%;margin:0 auto 10px;display:table;color:#555;border:1px solid #ccc;background:none;font-size:16px;cursor:pointer}
.billing-item:hover {opacity:1;border:1px solid #007ec4}
.billing-item .billing-info {display:table-cell;width:80%;padding:15px 20px;font-weight:bold}
.billing-item .billing-info:after {content:'';clear:both;display:table}
.billing-item .billing-info span {float:left}
.billing-item .billing-info span+span {float:right}
.billing-item .billing-button {display:table-cell;width:80%;border-left:1px solid #ccc;vertical-align:top}
.billing-item .billing-button button {width:100%;height:100%;background:none;border:0;padding:0;cursor:pointer}
.billing-item .billing-button button:hover {background:#007ec4;color:#fff}
.billing-item.selected-cc {color:#333;background:#fff;border:1px solid #007ec4;box-shadow:0 0 0 3px rgba(0, 126, 196, 0.3)}
.billing-item.selected-cc .billing-button {border-color:#007ec4}

.pageCaption {font-size:18px;border-bottom:1px solid #eee;padding-bottom:5px;margin:0 0 15px}
.pageCaption button {float:right}
.pageButContainer {padding:20px;text-align:center}
.pageButContainer button {margin-bottom:5px}

.cards {padding:0;margin:10px 0 0;list-style:none}


/* finish */
#finish .note {margin:15%}


._thanksLabel {color:#555}
#finish ._thanksLabel .note {margin:20px 15% 40px;line-height:40px}

.features {margin:0 -1% 30px}
.features:after {content:'';clear:both;display:table}
.featureBlock {width:23%;float:left;margin:0 1%;border:1px solid #ccc;text-align:center;padding:20px 10px 10px;background:#fcfcfc}
.featureBlock > i {font-size:40px}
.featureBlock > div {height:40px;line-height:20px;font-size:13px;margin-top:20px}

.progress-text {margin-bottom:10px;text-align:center}
.progress_container {height:20px;overflow:hidden;background:#f5f5f5}
.progress-bar {height:20px;line-height:20px;color:#fff;text-align:center;font-size:12px;float:left;background:#007EC4}




@media (max-width: 1020px) {
.container {width:auto}
#_mainView {margin:0;border-top:0}
}

@media (max-width: 820px){
.skillsItem {width:100%}
.col-50 {width:calc(100% - 20px)}

.feeBlock {margin:0 0 20px}
.planPrice_container {padding-bottom:20px}
.billing-item {width:100%}
#finish .note {margin:15% 2%}
}

@media (max-width: 600px) {
#header, #header_bar {padding:0 20px}
.col-25 {width:98%;margin:1%}
.planPrice_container {padding-bottom:0}
.planBlock.CUSTOM .planTitle {line-height:20px}
.pageContent {margin-top:1px;border:0}
#pageTabContent ._tabContent {padding:30px 20px 50px}
.page_footer .container {padding:0 20px}
body {padding-bottom:11px}
}

@media (max-width: 500px) {
#_pageTab a {line-height:20px;padding-top:10px;padding-bottom:4px}
.control-label {margin-top:10px}
}