/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap');

:root body {
  font: 400 16px/20px Comfortaa, Helvetica Neue, Helvetica, sans-serif;
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
  color: var(--mt-color-base);
}


body .domain-selection-options .input-group>.custom-file,
body .input-group>.custom-select,
body .input-group>.form-control,
body .input-group>.form-control-plaintext {
  width: 1%;
}

body #registration .field,
#registration .form-control {
  padding: 10px 15px;
  margin: 0;
  outline: none;
  border: none;
  -webkit-appearance: none;
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  font-weight: 400;
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  font-size: 18px;
  border-color: var(--mt-form-border);
  color: var(--mt-form-color);
  webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  height: auto;
}

body .input-group-text {
  background-color: transparent;
  color: var(--mt-color-base);
  border-color: var(--mt-form-border);
}

body .form-control {
  padding: 10px 15px;
  margin: 0;
  outline: none;
  border: none;
  -webkit-appearance: none;
  /* width: 100%; @TODO removing for now */
  border-width: 1px;
  border-style: solid;
  background-color: transparent;
  font-weight: 400;
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  font-size: 18px;
  border-color: var(--mt-form-border);
  color: var(--mt-form-color);
  webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  height: auto;
}

body .form-control:focus {
  color: var(--mt-color-base);
  background-color: inherit;
}

body .form-control:disabled,
.form-control[readonly] {
  background-color: grey;
}

body .form-group:last-child {
  margin-bottom: 0;
  margin: 0 0 20px 0;
}

body button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

body .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
  padding-left: 76px !important;
}

body .intl-tel-input.separate-dial-code.iti-sdc-2 input,
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
  padding-left: 66px !important;
}

body .intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
  width: 60px !important;
}

body .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
  width: 70px !important;
}

body .intl-tel-input.separate-dial-code.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
  padding-left: 74px !important;
}

body .intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
  width: 68px !important;
}

body .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
  padding-left: 84px !important;
}

body .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
  width: 78px !important;
}

body .intl-tel-input.separate-dial-code.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
  padding-left: 82px !important;
}

body .intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
  width: 76px !important;
}

body .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
  padding-left: 92px !important;
}

body .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
  width: 86px !important;
}

body .intl-tel-input.separate-dial-code.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],
.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
  padding-left: 90px !important;
}

body .intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
  width: 84px !important;
}

body .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
  padding-left: 100px !important;
}

body .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
  width: 94px !important;
}

body .intl-tel-input .country-list {
  background-color: var(--mt-color-default);
}

body #registration .prepend-icon .field-icon {
  top: 5px;
}

header.header {
  padding: 0;
  position: relative;
  z-index: 100;
  background-color: var(--mt-color-default);
  color: #F6F9FC;
}

p {
  line-height: 25px;
}

body header.header .search .btn {
  background-color: var(--mt-color-default);
  color: var(--mt-color-base);
}

header.header .topbar {
  background-color: inherit;
}

header.header .toolbar .nav-link {
  border: none;
}

header.header .navbar a {
  color: white;
}

header.header .navbar-nav a {
  text-decoration: none;
}

section#main-body {
  background-color: var(--mt-color-default-light);
}

.master-breadcrumb {
  background-color: var(--mt-color-default);
}

.master-breadcrumb .breadcrumb {
  background-color: var(--mt-color-default);
}

footer.footer {
  background-color: var(--mt-color-default);
}

/* *****************************************************

  Addon page styles

***************************************************** */

.primary-content .landing-page .hero {
  color: var(--mt-color-base);
}

.primary-content .landing-page.ssl .competitive-upgrade-promo {
  line-height: 40px;
}

.primary-content .landing-page.nordvpn {
  color: white;
}

.primary-content .landing-page.nordvpn .comparison .col-12 .col-2:nth-of-type(2) {
  border-left-color: #bed4fe;
  border-right-color: #bed4fe;
  background: #0e1b33;
}

.primary-content .landing-page.nordvpn .feature.logo {
  background: #f2f2f2;
  width: 100%;
  float: none;
}

.primary-content .landing-page.nordvpn .feature.security .row.h-100 {
  margin-right: -15px;
  margin-left: -15px;
}

.primary-content .landing-page.nordvpn .feature.security .row.h-100 {
  margin: 0;
}

.primary-content .landing-page.nordvpn .feature.world .world-image {
  max-width: 100%;
  margin: auto;
  opacity: 33%;
}

.primary-content .landing-page.nordvpn .feature.world .world-desc {
  position: initial;
  top: 0;
  width: 100%;
}

.primary-content .landing-page.nordvpn .feature.comparison .comparison-container .col-12:nth-child(2) img {
  background: white;
}

.primary-content .landing-page.marketgoo .testimonials .testimonial {
  margin: 0 auto;
  max-width: 650px;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.3em;
  font-style: italic;
  color: white;
  text-align: center;
  line-height: 30px;
}

.primary-content .landing-page.marketgoo .feature-blocks .block img {
  padding-bottom: 15px;
}

.primary-content .landing-page.marketgoo .feature-blocks .block {
  padding: 10px;
  text-align: center;
}

.primary-content .landing-page.sitelock .plans .plan-comparison form .form-control {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page.sitelock img {
  max-width: 100%;
  background: white;
  padding: 10px;
}

.primary-content .landing-page.sitelock img {
  max-width: 100%;
  background: white;
  padding: 10px;
}

.primary-content .landing-page.sitelock .content-block:last-child {
  margin: 0;
}

.primary-content .landing-page.ssl .detailed-info {
  background-color: var(--mt-color-default-light);
}

.primary-content .landing-page.codeguard .faqs {
  background-color: var(--mt-color-default-light);
}

.primary-content .landing-page.codeguard .logo-container img {
  padding: 10px;
  background: white;
  margin-bottom: 50px;
}

.primary-content .landing-page.codeguard .overview-features span {
  color: white;
}

.primary-content .landing-page.codeguard .content-block:last-child img {
  padding: 10px;
  background: white;
}

.primary-content .landing-page.sitebuilder {
  background-color: var(--mt-color-default);
}

.primary-content .landing-page.sitebuilder .intro {
  background-color: var(--mt-color-default-light);
}

.primary-content .landing-page.sitebuilder .pricing .pricing-table {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page.sitebuilder .logo-container img {
  padding: 10px;
  background: white;
}

.primary-content .landing-page.sitebuilder .features p {
  color: white;
}

.primary-content .landing-page.sitebuilder .pricing-table-row:not(.col-heading):nth-child(even) {
  background-color: var(--mt-color-default-light);
}

.primary-content .landing-page.sitebuilder .templates .previews .tplname {
  color: white;
}

.primary-content .landing-page.sitebuilder .templates .previews a:hover .tplname {
  color: var(--mt-color-primary);
  text-decoration: none;
}

.primary-content .landing-page.xovinow .feature-tabs .tab-content {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page.xovinow .pricing .money-back {
  color: white;
}

.primary-content .landing-page.xovinow .pricing .plan .plan-name {
  color: white;
}

.primary-content .landing-page.xovinow .pricing .plan .plan-price {
  color: white;
}

.primary-content .landing-page.xovinow .pricing .plan-feature.row-highlight {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page.xovinow .pricing .plan-features {
  font-weight: 500;
  color: white;
}

.primary-content .landing-page.threesixtymonitoring .section-discover {
  background-color: var(--mt-color-default);
}

.primary-content .landing-page.threesixtymonitoring .section-features {
  background: linear-gradient(var(--mt-color-default), var(--mt-color-primary));
}

.primary-content .landing-page.threesixtymonitoring .section-pricing {
  background-color: var(--mt-color-default);
}

.primary-content .landing-page.threesixtymonitoring .section-faq {
  background-color: var(--mt-color-default);
}

.primary-content .landing-page.threesixtymonitoring .section-notifications {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page.threesixtymonitoring .div-pricing-container .div-feature-labels ul li:nth-child(2n+2) {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page.threesixtymonitoring .div-pricing-container .div-feature-values ul li:nth-child(2n+2) {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page.threesixtymonitoring .section-faq .card-header {
  background-color: var(--mt-color-primary);
  border-bottom: none;
}

.primary-content .landing-page.threesixtymonitoring .nav-secondary .nav-link {
  background-color: #f1f7ff;
}

.primary-content .landing-page.threesixtymonitoring .nav-secondary .nav-link.active {
  background: linear-gradient(to right, #902a6d, #ce3b56);
}

.primary-content .landing-page.threesixtymonitoring {
  color: white;
}

.primary-content .landing-page.threesixtymonitoring .nav-primary {
  padding-top: 20px;
}

.primary-content .landing-page.threesixtymonitoring .section-features .tab-content {
  color: black;
}

.primary-content .landing-page.threesixtymonitoring h1,
.primary-content .landing-page.threesixtymonitoring h2,
.primary-content .landing-page.threesixtymonitoring h3,
.primary-content .landing-page.threesixtymonitoring .row-revenue {
  font-weight: 600 !important;
  color: white;
}

.primary-content .landing-page.threesixtymonitoring .div-feature-price {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page.threesixtymonitoring .section-faq .btn-link {
  color: white;
}

.primary-content .landing-page.threesixtymonitoring .section-header .tab-server .p-tagline {
  line-height: normal;
}

.primary-content .landing-page.threesixtymonitoring .tab-server .section-monitoring,
.primary-content .landing-page.threesixtymonitoring .tab-server .section-monitoring h2,
.primary-content .landing-page.threesixtymonitoring .tab-server .section-monitoring h3 {
  color: black;
}

.primary-content .landing-page.threesixtymonitoring .section-header h1 {
  color: black;
}

.primary-content .landing-page.threesixtymonitoring .tab-server .section-monitoring {
  line-height: normal;
}

.primary-content .landing-page .features {
  background-color: var(--mt-color-default-light);
}

.primary-content .landing-page.weebly .faq {
  background-color: var(--mt-color-default-light);
}

.primary-content .landing-page.weebly .weebly-lite-plan {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page .pricing-item .feature-heading {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page.marketgoo .feature-wrapper {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page.marketgoo .plan .pricing {
  color: white
}

.primary-content .landing-page.marketgoo .plan.marketgoo_pro ul {
  background-color: var(--mt-color-primary);
}

.primary-content .landing-page.ssl .detailed-info .card-body {
  background-color: var(--mt-color-default);
}

.primary-content .landing-page.marketgoo .faqs {
  background-color: var(--mt-color-default-light);
}

.primary-content .landing-page.ssl .ssl-benefits .row {
  color: var(--mt-color-base);
}

.primary-content .landing-page.ssl .browser-notice .wrapper {
  color: var(--mt-color-default);
  line-height: 25px;
}

.landing-page.ssl .validation-levels {
  color: #555;
}

.navbar-nav .dropdown-menu {
  background-color: var(--mt-color-default-light);
  border-left-color: var(--mt-color-primary);
  border-left-width: 4px;
  border-left-style: solid;
  -webkit-box-shadow: 0px 2px 4px 0px #16161680, 0px 4px 8px 0px #16161680, 0px 8px 16px 0px #16161680, 0px 8px 32px 0px #16161680;
  box-shadow: 0px 2px 4px 0px #16161680, 0px 4px 8px 0px #16161680, 0px 8px 16px 0px #16161680, 0px 8px 32px 0px #16161680;
  border-right-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}

.primary-content .navbar .w-auto {
  width: 100% !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: var(--mt-color-primary);
  color: var(--mt-color-primary-contrast);
}

header.header .dropdown-item:active {
  background-color: var(--mt-color-primary);
}

.dropdown-toggle {
  text-transform: inherit;
}

.dropdown-item {
  font-size: 16px;
  line-height: 1.5;
  padding: 10px 2em 10px;
  display: block;
  font-weight: 500;
}

.pr-4,
.px-4 {
  padding: 0 10px;
  line-height: 38px;
}

.breadcrumb-item.active {
  color: var(--mt-color-default-contrast);
}

.breadcrumb-item+.breadcrumb-item::before {
  color: var(--mt-color-default-contrast);
}

a {
  color: var(--mt-color-secondary);
}

div[menuitemname='Active Products/Services'] .btn-view-more.disabled {
  color: #343a40;
}

.promo-banner {
  background-color: var(--mt-color-default);
}

.table {
  color: var(--mt-color-base);
}

.client-home-cards .card-header {
  background-color: var(--mt-color-default);
}

.card-body,
.mc-promo-login .content,
.mc-promo-manage .content {
  background-color: var(--mt-color-default);
  color: white;
}

.card,
.mc-promo-login,
.mc-promo-manage {
  background-color: var(--mt-color-primary);
}

.list-group-item {
  background-color: var(--mt-color-default);
}

a.mt-button,
.mt-button>a,
button.mt-button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  padding: 0.375rem 0.75rem;
}

.navbar .badge-info {
  background-color: var(--mt-color-primary);
}

.list-group-item-action {
  color: var(--mt-color-base);
}

.dataTables_wrapper table.table-list {
  color: var(--mt-color-base);
}

.primary-content .text-muted {
  color: var(--mt-color-base) !important;
}

/* Global update for theme */
.bg-white {
  background-color: var(--mt-color-default) !important;
}

.table-list>tbody>tr:hover {
  color: var(--mt-color-primary);
}

.table-list>tbody>tr>td {
  background-color: var(--mt-color-default);
}

body .announcements .announcement article {
  background-color: var(--mt-color-default);
  border-left: 4px solid var(--mt-color-primary);
}

body .md-editor>.md-preview,
body .md-editor>textarea.markdown-editor {
  background-color: inherit !important;
  border: none !important;
}

body div.product-details div.product-icon {
  background-color: var(--mt-color-primary);
}

.fa-inverse {
  color: var(--mt-color-default-light);
}

body .ticketfeedbackstaffcont {
  background-color: var(--mt-color-default);
}

body .promo-container {
  background-color: var(--mt-color-primary);
}

@media (min-width: 1200px) {
  .container {
    max-width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1500px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1440px;
  }
}

@media (max-width: 575px) {
  header.header .navbar .logo-img {
    max-width: 100%;
    max-height: none;
  }
}