@charset "UTF-8";



.icon-link {

    font-size: 30px;

    background: #e5f3ee;

    border-radius: 50%;

    text-decoration: none;

    height: 48px;

    width: 48px;

    display: inline-block;

    text-align: center;

    line-height: 1.6;

    margin: 8px;



}

.icon-link:hover {

    transition: all 500ms;

    background: #90d7b4;

    text-decoration: none;

}



div.alert {

    border-top-width: 0;

    border-right-width: 0;

    border-bottom-width: 0;

    border-left-width: 5px;

    border-radius: 0;

    font-size: 13px;

    line-height: 1.1em;

    padding-top: 15px;

    padding-bottom: 15px;

    margin-bottom: 1em;

}



div.alert h4:before {

    font-family: "fontello";

    content: '\26a0';

    color: #fff;

    display: inline-block;

    margin-left: -38px;

    padding-right: 5px;

    vertical-align: middle;

    font-size: 30px;

    border: 0;

}



div.alert h4 {

    margin-bottom: 0.1em;

    font-family: lato,sans-serif;

    font-size: 14.5px;

    font-size: 0.90625rem;

    font-weight: 400;

    color: #fff;

    margin-left: 34px;

    padding-top: 0;

    padding-bottom: 0;

}



div.alert h4 i {

    color: #fff;

    font-size: 30px;

}



.alert-danger {

    color: #fff;

    background-color: #e00;

    border: 0;

}



.alert-danger .alert-link {

    color: #fff;

}



.alert-danger .alert-icon:before {

    font-family: "fontello";

    content: '\26a0';

    display: inline-block;

    padding-right: 3px;

    margin-left: -4px;

    vertical-align: middle;

    font-size: 15px;

}



.alert-warning {

    color: #ffe4cc;

    background-color: #e67e22;

    border-color: #ffd6b2;

}



.alert-warning .alert-link {

    color: #ffe4cc;

}



.alert-warning .alert-icon:before {

    font-family: FontAwesome;

    content: "\f071";

    display: inline-block;

    padding-right: 3px;

    vertical-align: middle;

}



.alert-success {

    color: #daf2e4;

    background-color: #27ae60;

    border-color: #b8e5cb;

}



.alert-success .alert-link {

    color: #daf2e4;

}



.alert-success .alert-icon:before {

    font-family: FontAwesome;

    content: "\f05d";

    display: inline-block;

    padding-right: 3px;

    vertical-align: middle;

}



.alert-info {

    color: #dae8f2;

    background-color: #3498db;

    border-color: #b8d2e5;

}



.alert-info .alert-link {

    color: #dae8f2;

}



.alert-info .alert-icon:before {

    font-family: FontAwesome;

    content: "\f05a";

    display: inline-block;

    padding-right: 3px;

    vertical-align: middle;

}



.alert.alert-geo {

    background: #fff;

    border: 0;

    margin: 0.5rem auto;

    -webkit-box-shadow: 0 0 5px 0 #ccc;

    box-shadow: 0 0 5px 0 #ccc;

    padding-right: 15px;

    padding-top: 0;

}



.alert.alert-geo .close {

    right: 0.25rem;

    top: 0.25rem;

}



.alert.alert-geo h4,

.alert.alert-geo p {

    font-weight: 700;

    font-family: lato,sans-serif;

    font-size: 1rem;

    color: #666;

    padding-bottom: 0.25rem;

    margin-left: 0;

}



.alert.alert-geo h4:before {

    content: "";

    padding: 0;

    margin: 0;

}



.alert.alert-geo p {

    font-weight: 400;

    padding-bottom: 0.5rem;

}



.alert.alert-geo .custom-select,

.alert.alert-geo .custom-select:focus {

    border: 1px solid #ddd;

    background: #fff;

    background: linear-gradient(180deg, #fff 0, #efefef);

    color: #666;

    font-family: lato,sans-serif;

    font-size: 1rem;

    font-weight: 400;

    text-transform: none;

    letter-spacing: normal;

    box-shadow: none;

    cursor: pointer;

    padding: 7px 20px 7px 12px;

    min-height: 40px;

    width: inherit;

}



.alert.alert-geo .choices .icon-down-open::before {

    color: #999;

    font-size: 22px;

    text-rendering: auto;

    border: 0;

    z-index: 1;

    position: absolute;

    right: 10px;

    top: 10px;

}



.alert.alert-geo h4 i {

    color: #bbb;

    font-size: 1.25em;

    padding-left: 0.2em;

}



div.messages {

    margin-bottom: 0;

}



div.messages div.alert {

    text-align: center;

    -webkit-box-shadow: -4px 0 3px -1px rgba(0, 0, 0, 0.3) inset;

    -moz-box-shadow: -4px 0 3px -1px rgba(0, 0, 0, 0.3) inset;

    box-shadow: -4px 0 3px -1px rgba(0, 0, 0, 0.3) inset;

    margin-bottom: 0;

}



@media (max-width:575.98px) {

    .alert.alert-geo .btn {

        max-width: 120px;

        margin-top: 0.25rem;

    }

}



@media (max-width:767.98px) {

    .alert.alert-geo h4,

    .alert.alert-geo p,

    .alert.alert-geo .custom-select {

        font-size: 14px;

    }

}



.btn {

    border: 0;

    padding: 14px 20px;

    font-family: 'Lato', sans-serif;

    text-transform: uppercase;

    text-shadow: none !important;

    font-weight: 900;

    outline: 0;

    color: #fff !important;

    font-size: 14px;

    -webkit-border-radius: 4px;

    border-radius: 4px;

    text-decoration: none !important;

    margin-top: 0.5rem;

    margin-bottom: 0.5rem;

    box-shadow: none !important;

}



.btn:hover,

.btn:active,

.btn:focus {

    outline: 0;

}



.btn-primary {

    background: #FD7244;

}



.btn-secondary {

    background: #faecea;

    color: #FD7244 !important;

}



.btn-secondary:hover,

.btn-secondary:focus{

    background: #FD7244;

    color: #fff !important;

}



.btn-secondary:active,

#webmail-drop .action:active {

    background: #faecea;

}



.btn-secondary:not(:disabled):not(.disabled):active,

.btn-secondary:not(:disabled):not(.disabled).active,

.show > .btn-secondary.dropdown-toggle,

#webmail-drop .action:active :not(:disabled):not(.disabled):active,

#webmail-drop .action:active :not(:disabled):not(.disabled).active,

.show > #webmail-drop .action:active .dropdown-toggle {

    color: #fff !important;

    background: #FD7244;

    border: 0;

}



.btn-secondary:not(:disabled):not(.disabled):active:focus,

.btn-secondary:not(:disabled):not(.disabled).active:focus,

.show > .btn-secondary.dropdown-toggle:focus,

#webmail-drop .action:not(:disabled):not(.disabled):active:focus,

#webmail-drop .action:not(:disabled):not(.disabled).active:focus,

.show > #webmail-drop .action.dropdown-toggle:focus {

    box-shadow: none !important;

}



.btn-primary:not(:disabled):not(.disabled).active, 

.btn-primary:not(:disabled):not(.disabled):active, 

.show>.btn-primary.dropdown-toggle {

    color: #fff;

    background-color: #FD7244 !important;

    border-color: #FD7244 !important;

}



.btn-icon {

    text-align: left;

}



.btn-icon:before {

    content: "\e80d";

    color: #fff;

    font-family: "fontello";

    float: right;

    margin-left: 32px;

}



.btn-icon:hover:before, .btn-icon.btn-secondary:hover:before, .btn-icon.btn-secondary:focus:before {

    color: #fff;

}



.btn-icon.btn-secondary:before {

    color: #FD7244;

}



.btn-primary:not(:disabled):not(.disabled).active:focus,

.btn-primary:not(:disabled):not(.disabled):active:focus, 

.show > .btn-primary.dropdown-toggle:focus,

.btn-primary.focus, .btn-primary:focus {

    box-shadow: none;

    text-decoration: none;

    color: #fff;

}



.btn-primary:hover {

    background: #d53d0b;

    color: #fff !important;

    -webkit-box-shadow:inset 0px 0px 4px 2px rgba(0,0,0,0.1) !important;

    box-shadow:inset 0px 0px 4px 2px rgba(0,0,0,0.1) !important;

}



.btn-primary:active {

    background: #FD7244;

}



.btn-default {

    color: #fff;

    background: #bbb;

    background: -moz-linear-gradient(top, #bbb 0%, #aaa 100%);

    background: -webkit-linear-gradient(top, #bbb 0%, #aaa 100%);

    background: linear-gradient(to bottom, #bbb 0%, #aaa 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#aaaaaa', GradientType=0);

}



.btn-default:hover {

    color: #fff;

    background: #999;

    background: -moz-linear-gradient(top, #999 0%, #888 100%);

    background: -webkit-linear-gradient(top, #999 0%, #888 100%);

    background: linear-gradient(to bottom, #999 0%, #888 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#888888', GradientType=0);

}



.btn-default:active {

    color: #fff;

    background: #888;

    background: -moz-linear-gradient(top, #888 0%, #999 100%);

    background: -webkit-linear-gradient(top, #888 0%, #999 100%);

    background: linear-gradient(to bottom, #888 0%, #999 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#999999', GradientType=0);

}



.btn-default:focus {

    color: #fff;

}



.btn-sm {

    padding: 5px 20px 7px 20px;

    font-size: 16px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

}



.btn-lg {

    font-size: 24px;

    border-radius: 5px;

    padding: 10px 40px 12px 40px;

}



.btn .icon-right-open::before {

    text-align: right;

    padding: 0;

    margin: 0;

}



.btn .icon-left-open::before {

    text-align: left;

    padding: 0;

    margin: 0;

}



.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus {

    outline: 0;

}



.fs-14 {

    font-size: 14px !important;

}



.lh-1-2 {

    line-height: 1.2;

}



.dark-gray-bg .btn,

.dark-bg-linear .btn,

.box-shadow {

    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;

}



body.brand-ca .btn-primary {

    background: url(/img/btn-leaf.jpg) no-repeat;

    background-size: cover;

    background-position: center center;

}



body.brand-ca .btn-primary:hover {

    background: url(/img/btn-leaf-hover.jpg) no-repeat;

    background-size: cover;

    background-position: center center;

}



@media (max-width:767px) {

    .btn-action,

    .btn-sm {

        font-size: 14px;

        font-size: 0.875rem;

    }

    .btn-lg {

        font-size: 20px;

        font-size: 1.25rem;

    }

    h5.card-title {

        padding: 0 !important;

    }

}



label {

    margin-bottom: 10px;

    color: #666;

    line-height: 18px;

    font-weight: 400 !important;

}



label.required:after {

    content: " *";

    color: #e80;

    font-size: 75%;

    line-height: normal;

    vertical-align: top;

}



label sup {

    color: #e80;

}



.control-label {

    font-weight: 600;

}



textarea.ng-invalid.ng-dirty.ng-touched,

input.ng-invalid.ng-dirty.ng-touched {

    border: 2px solid #e00;

}



input[type="file"] {

    padding-top: 7px;

}



.chosen-container {

    display: block;

}



.form-field {

    display: block;

    position: relative;

}



.form-field > input,

.form-field > select,

.form-field > textarea,

.form-field > .chosen-container {

    float: left;

}



.form-field > textarea {

    height: 66px;

}



.form-field:before,

.form-field:after {

    content: " ";

    display: table;

}



.form-field:after {

    clear: both;

}



.form-control {

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-weight: 400;

    font-size: 16px;

    border: 1px solid #ccc;

    background: #fff;

    border-radius: 5px;

    box-shadow: #ccc 3px 3px 5px -3px inset;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -ms-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

    outline: 0;

    line-height: inherit;

    padding: 8px 12px;

}



input#zip,

input#phone {

    width: inherit;

    float: none;

}



.form-control::-webkit-input-placeholder {

    color: #bbb;

}



.form-control:-moz-placeholder {

    color: #bbb;

}



.form-control:focus {

    color: #666;

    border: 1px solid #999;

    box-shadow: 2px 2px 2px #f1f1f1 inset;

    background: #fff;

    outline: 0 none;

}



.form-control.groupeddropdown,

.form-control.dropdown {

    padding: 0 12px;

}



.form-field-feedback {

    display: block;

    float: left;

    font-size: 26px;

    font-weight: bold;

    width: 20px;

    height: 20px;

    color: #25B36C;

    padding: 3px 0 0 4px;

}



.form-actions {

    border-top: 1px solid #ddd;

    padding-top: 2rem;

    clear: both;

}



.form-group {

    margin-bottom: 1.5rem;

}



.form-horizontal .form-group {

    margin-right: -5px;

    margin-left: -5px;

}



.gutter30 .form-horizontal .form-group {

    margin-right: -15px;

    margin-left: -15px;

}



.gutter30 .block .form-horizontal .form-group {

    margin-right: -5px;

    margin-left: -5px;

}



.form-grid .form-control {

    margin-bottom: 5px;

}



.form-grid .form-group {

    margin-bottom: 10px;

}



.form-horizontal.form-bordered {

    margin: -20px -20px -1px;

}



.form-horizontal.form-bordered .form-group {

    border-top: 1px solid #e9e9e9;

    margin: 0;

    padding: 15px;

}



.form-horizontal.form-bordered .form-group:first-child {

    border-top: none;

}



.form-horizontal.form-bordered .form-group:last-child {

    background-color: #f9f9f9;

}



.form-control-static {

    line-height: normal;

}



header a {

    color: #fff;

    display: inline-block;

    margin: 0;

    padding: 16px 10px;

    font-size: 13px;

    text-transform: uppercase;

    text-decoration: none !important;

}



header a:focus {

    color: #fff;

}



header a span {

    margin-right: 5px;

    font-size: 13px;

}



.help-block {

    margin-top: -8px;

    margin-bottom: 10px;

    padding-top: 0;

    font-size: 12px;

    color: #999;

    clear: both;

    display: block

}



.help-block a {

    text-decoration: underline;

}



.optional-text {

    color: #999

}



.input-group-addon {

    min-width: 45px;

    text-align: center;

    background-color: #fcfcfc;

    border-color: #d9d9d9;

    -webkit-box-shadow: 0 1px 0 #d9d9d9;

    box-shadow: 0 1px 0 #d9d9d9;

    border-radius: 0;

}



.has-success .help-block,

.has-success .control-label,

.has-success .input-group-addon,

.has-success .checkbox,

.has-success .checkbox-inline,

.has-success .radio,

.has-success .radio-inline {

    color: #27ae60;

}



.has-success .form-control,

.has-success .input-group-addon {

    border-color: #27ae60;

    -webkit-box-shadow: 0 1px 0 #27ae60;

    box-shadow: 0 1px 0 #27ae60;

}



.has-success .form-control:focus {

    border-color: #166638;

    -webkit-box-shadow: 0 1px 0 #166638;

    box-shadow: 0 1px 0 #166638;

}



.has-warning .help-block,

.has-warning .control-label,

.has-warning .input-group-addon,

.has-warning .checkbox,

.has-warning .checkbox-inline,

.has-warning .radio,

.has-warning .radio-inline {

    color: #e67e22;

}



.has-warning .form-control,

.has-warning .input-group-addon {

    border-color: #e67e22;

    -webkit-box-shadow: 0 1px 0 #e67e22;

    box-shadow: 0 1px 0 #e67e22;

}



.has-warning .form-control:focus {

    border-color: #b3621b;

    -webkit-box-shadow: 0 1px 0 #b3621b;

    box-shadow: 0 1px 0 #b3621b;

}



.has-error .help-block {

    color: #737373;

}



.has-error .control-label,

.has-error .input-group-addon,

.has-error .checkbox,

.has-error .checkbox-inline,

.has-error .radio,

.has-error .radio-inline {

    color: #e74c3c;

}



.has-error .form-control,

.has-error .input-group-addon {

    border-color: #e00;

    -webkit-box-shadow: 2px 2px 2px #f1f1f1 inset;

    box-shadow: 2px 2px 2px #f1f1f1 inset;

}



.has-error .form-control:focus {

    border-color: #e00;

    -webkit-box-shadow: 2px 2px 2px #f1f1f1 inset;

    box-shadow: 2px 2px 2px #f1f1f1 inset;

}



input[type="text"].form-control,

input[type="password"].form-control,

input[type="email"].form-control,

textarea.form-control {

    -webkit-appearance: none;

}



.form-col-1 {

    width: 8.33333%

}



.form-col-2 {

    width: 16.6667%

}



.form-col-3 {

    width: 25%

}



.form-col-4 {

    width: 33.3333%

}



.form-col-5 {

    width: 41.6667%

}



.form-col-6 {

    width: 50%

}



.form-col-7 {

    width: 58.33333333%

}



.form-col-8 {

    width: 66.66666667%

}



.form-col-9 {

    width: 75%

}



.form-col-10 {

    width: 83.33333333%

}



.form-col-11 {

    width: 91.66666667%

}



.form-col-12 {

    width: 100%

}



span.errors span {

    font-size: 13px;

    font-weight: 400

}



span.errors span.label-danger {

    background-color: inherit;

    color: #e74c3c

}



span.errors span.label-warning {

    background-color: inherit;

    color: #e67e22

}



span.errors span.label-success {

    background-color: inherit;

    color: #27ae60

}



span.errors span.label-info {

    background-color: inherit;

    color: #2980b9

}



span.errors span.label-primary {

    background-color: inherit;

    color: #f39c12

}



span.errors span.label-default {

    background-color: inherit;

    color: #999

}



.custom-control.custom-checkbox > input:checked ~ .custom-control-indicator:before {

    content: "\E80A";

    font-family: 'fontello';

    color: #25B36C;

    font-size: 18px

}



.custom-control.custom-checkbox {

    width: 20px;

    height: 20px;

    top: -3px

}



.custom-control.custom-radio > input:checked ~ .custom-control-indicator {

    background-color: #25B36C

}



.modal {

    z-index: 3147483639

}



.modal-dialog {

    max-width: 840px;

    margin: 30px auto;

    -webkit-box-shadow: none;

    box-shadow: none

}



.modal-backdrop.in {

    opacity: 0.92

}



.modal-header {

    border-bottom: 0;

    background-color: transparent;

    padding: 25px 0 14px 0

}



.modal-content {

    border: 0;

    background-color: transparent

}



.modal-body {

    padding: 0;

    background-color: none

}



.modal-backdrop {

    z-index: 2147483639

}



.close {

    color: #fff;

    opacity: 1

}



.flex-video iframe,

.flex-video object,

.flex-video embed {

    border: none

}



.modal#disclaimer-pop {

    color: #fff

}



#features-chart.modal .modal-dialog {

    max-width: 100%;

    margin: 0 auto

}



#features-chart.modal .modal-header {

    padding: 0

}



#features-chart.modal .modal-header .close {

    margin-top: 0;

    margin-right: 15px;

    font-size: 3rem;

    font-weight: 300

}



#features-chart.modal .container {

    background: #fff;

    border-radius: 15px;

    padding-top: 15px

}



#features-chart.modal .table th {

    border-top: 0

}



.fixed {

    position: fixed;

    width: 100%;

    top: 0;

    z-index: 100

}



.mobile-menu-open {

    overflow: hidden

}



.overlay {

    position: fixed;

    min-width: 100%;

    min-height: 100vh;

    background-color: rgba(0, 0, 0, 0.75);

    top: 0;

    left: 0;

    display: none;

    z-index: 2147483640

}



.overlay .icon-cancel {

    color: #fff;

    font-size: 2rem;

    margin: 0.5rem;

    z-index: 10000;

    position: relative;

    cursor: pointer

}



.icon-flipped:before {

    transform: scaleX(-1);

    -moz-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    -ms-transform: scaleX(-1)

}



#login-drop,

#webmail-drop {

    position: absolute

}



#login-drop a,

#webmail-drop a {

    color: #25B36C

}



#login-drop .btn {

    color: #fff;

}



#login-drop .modal-body,

#webmail-drop .modal-body {

    background-color: #f2f2f2;

    padding: 20px;

    max-height: 100vh;

    overflow-y: auto;

    text-align: center

}



#login-drop label.error,

#webmail-drop label.error {

    color: #e74c3c;

    font-size: 13px;

    text-align: left;

    margin-bottom: 0;

    width: 100%

}



#login-drop #Form_UbersmithLoginForm,

#webmail-drop #Form_UbersmithLoginForm {

    position: relative;

    padding-bottom: 3rem

}



#login-drop #Form_UbersmithLoginForm fieldset p a#LoginForm_recoverPassword,

#webmail-drop #Form_UbersmithLoginForm fieldset p a#LoginForm_recoverPassword {

    position: absolute;

    bottom: 0;

    width: 100%;

    font-size: 13px;

    text-decoration: underline

}



#login-drop #Form_UbersmithLoginForm fieldset p a#LoginForm_recoverPassword:hover,

#webmail-drop #Form_UbersmithLoginForm fieldset p a#LoginForm_recoverPassword:hover {

    text-decoration: none

}



#login-drop #Form_UbersmithLoginForm .Actions,

#webmail-drop #Form_UbersmithLoginForm .Actions {

    margin-top: -3rem

}



#login-drop #loginLabel,

#webmail-drop #loginLabel,

#login-drop .or,

#webmail-drop .or {

    text-align: center;

    font-size: 1.5rem;

    margin-bottom: 35px;

    padding-top: 0;

    padding-bottom: 0

}



#login-drop .or,

#webmail-drop .or {

    margin: 0 0 20px 0

}



#login-drop #LoginForm_recoverPassword,

#webmail-drop #LoginForm_recoverPassword {

    margin-bottom: 0.5rem;

    display: block

}



#login-drop #Form_WebMailForm label.control-label,

#webmail-drop #Form_WebMailForm label.control-label {

    text-align: center;

    font-size: 27px;

    margin: 0 0 35px 0;

    padding: 0;

    line-height: 30px;

    font-family: lato,sans-serif;

    font-weight: 400;

    color: #333

}



#login-drop input,

#webmail-drop input {

    font-family: lato,sans-serif;

    font-weight: 400;

    border: 1px solid #ccc;

    background: #fff;

    border-radius: 5px;

    box-shadow: inset 3px 3px 5px -3px #ccc;

    outline: 0;

    line-height: inherit;

    padding: 7px 12px;

    display: block;

    width: 100%;

    font-size: 1rem;

    color: #495057

}



#login-drop .middleColumn,

#webmail-drop .middleColumn {

    margin-bottom: 1.75rem

}



#login-drop .action,

#webmail-drop .action {

    color: #fff;

    font-family: lato,sans-serif;

    text-transform: uppercase;

    border: 0;

    background: #f90;

    background: -webkit-linear-gradient(top, #f90, #e80);

    background: linear-gradient(180deg, #f90 0, #e80);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ff9900", endColorstr="#ee8800", GradientType=0);

    box-shadow: 0;

    padding: 10px 25px 12px;

    font-weight: 700;

    cursor: pointer

}



#login-drop .action:hover,

#webmail-drop .action:hover {

    background: #d70;

    background: -webkit-linear-gradient(top, #d70, #c60);

    background: linear-gradient(180deg, #d70 0, #c60);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#dd7700", endColorstr="#cc6600", GradientType=0)

}



#login-drop .modal-dialog,

#webmail-drop .modal-dialog {

    max-width: 400px;

    margin: 30px auto;

    box-shadow: 0 2px 3px 0 #333

}



#login-drop .modal-content,

#webmail-drop .modal-content {

    background-color: #f2f2f2;

    border-radius: 0

}



#login-drop .close,

#webmail-drop .close {

    background-color: #999;

    color: #fff;

    border-radius: 50%;

    padding: 0;

    line-height: 0;

    opacity: 1;

    margin-right: -10px;

    margin-top: -10px;

    width: 22px;

    height: 22px;

    border: 0;

    outline: 0

}



#login-drop .close span,

#webmail-drop .close span {

    font-size: 1.2rem;

    display: block;

    margin-top: -2px

}



#login-drop .social_logins a,

#webmail-drop .social_logins a {

    display: block;

    color: #fff;

    font-size: 16px;

    font-size: 1rem;

    font-weight: 100;

    font-family: lato,sans-serif;

    text-transform: none;

    text-decoration: none;

    text-align: left;

    padding: 12px 16px 12px 40px;

    border-radius: 5px

}



#login-drop .social_logins a:hover,

#webmail-drop .social_logins a:hover {

    opacity: 0.9

}



#login-drop .social_logins a span,

#webmail-drop .social_logins a span {

    margin-right: 21px

}



#login-drop .social_logins a span:before,

#webmail-drop .social_logins a span:before {

    font-size: 1.05rem;

    width: 1em;

    display: inline-block

}



#login-drop .social_logins br,

#webmail-drop .social_logins br {

    display: none

}



#login-drop .social_logins .google,

#webmail-drop .social_logins .google,

#login-drop .social_logins .facebook,

#webmail-drop .social_logins .facebook,

#login-drop .social_logins .twitter,

#webmail-drop .social_logins .twitter {

    color: #fff;

    background: #bbb;

    background: linear-gradient(180deg, #bbb 0, #aaa);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#bbbbbb", endColorstr="#aaaaaa", GradientType=0);

    font-weight: 300;

    padding: 10px 16px 10px 40px;

    font-size: 1rem;

    text-transform: none;

    text-decoration: none !important;

    line-height: 1.5rem;

    margin: 15px 0

}



#login-drop .social_logins .google:hover,

#webmail-drop .social_logins .google:hover,

#login-drop .social_logins .facebook:hover,

#webmail-drop .social_logins .facebook:hover,

#login-drop .social_logins .twitter:hover,

#webmail-drop .social_logins .twitter:hover {

    background: #999;

    background: linear-gradient(180deg, #999 0, #888);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#999999", endColorstr="#888888", GradientType=0)

}



#login-drop .social_logins .icon-gplus,

#webmail-drop .social_logins .icon-gplus {

    color: #da533b

}



#login-drop .social_logins .fa-facebook,

#webmail-drop .social_logins .fa-facebook {

    color: #48609c

}



#login-drop .social_logins .fa-twitter,

#webmail-drop .social_logins .fa-twitter {

    color: #0eaee8

}



footer {

    background-color: #222;

    padding: 2rem 0 0 0

}



footer .chevron-footer {

    float: right;

    transition: all 500ms

}



footer .rotate {

    transform: rotate(90deg)

}



footer p {

    color: #fff;

    font-size: 0.8rem;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    border-bottom: 1px solid #222;

    padding-right: 1rem;

    padding-left: 1rem

}



footer p.first {

    border-top: 1px solid #222

}



footer p.sm-title {

    border: 0;

    display: none

}



footer p a {

    color: #fff;

    font-size: 12px;

    transition: all 500ms

}



footer p a:hover {

    text-decoration: none

}



footer .disclaimers-wrapper .row {

    padding: 0;

    margin: 0

}



footer .country-name {

    text-transform: uppercase;

    font-weight: 700

}



footer .country-name .language {

    text-transform: none;

    font-weight: 400

}



footer ul {

    margin: 0;

    padding: 0

}



footer ul.sub {

    padding-bottom: 0;

    display: none

}



footer ul.sub li {

    padding-left: 2rem;

    padding-right: 1rem;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    background-color: #333;

    margin-bottom: 0;

    border-bottom: 1px solid #222

}



footer ul.sub li:last-child {

    border-bottom: 0

}



footer ul.two-col,

footer ul.four-col,

footer ul.five-col {

    -webkit-column-count: 1;

    -moz-column-count: 1;

    column-count: 1

}



footer ul.sm-icons {

    text-align: center;

    margin-top: 0.25rem

}



footer ul.sm-icons li {

    display: inline-block

}



footer ul.sm-icons li span {

    color: #6a4;

    font-size: 1.6rem;

    margin-right: 0.3rem;

    transition: all 500ms

}



footer ul.sm-icons li span:hover {

    color: #cda

}



footer ul li.level-two a,

footer ul li.level-two {

    color: #fff;

    font-size: 12px

}



footer ul li.level-two a:hover,

footer ul li.level-two:hover {

    color: #e80

}



footer ul li,

footer ul li.level-three {

    list-style-type: none;

    line-height: 1.2rem

}



footer ul li a,

footer ul li.level-three a {

    color: #999;

    font-size: 12px;

    transition: all 500ms;

    display: block

}



footer ul li a:hover,

footer ul li.level-three a:hover {

    text-decoration: none

}



footer .utility-footer {

    padding-bottom: 1.5rem;

    background-color: #222;

    margin: 0.5rem 0 0 0;

    text-align: center

}



footer .utility-footer .row {

    padding: 0

}



footer .utility-footer .dropup-toggle::after {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 0.5rem;

    vertical-align: middle;

    content: "";

    border-bottom: 0.5em solid;

    border-right: 0.3em solid transparent;

    border-left: 0.3em solid transparent;

    color: #999

}



footer .utility-footer .dropup-toggle {

    padding: 1.5rem 1rem;

    display: block;

    font-size: 0.8rem

}



footer .utility-footer .dropup-menu {

    background: #ddd;

    height: 100vh;

    padding: 3rem 0;

    padding-left: 2rem

}



footer .utility-footer .dropup-menu .icon-check {

    color: #25B36C;

    margin: 0 0.5rem 0 -2.25rem;

    font-size: 1.5rem;

    vertical-align: middle;

    position: relative;

    top: -2px

}



footer .utility-footer .dropup-menu::-webkit-scrollbar {

    width: 0px;

    background: transparent;

}



footer .utility-footer .dropup-menu a {

    display: inline-block

}



footer .utility-footer p {

    color: #999;

    padding: 0 0;

    display: block

}



footer .utility-footer a {

    color: #333;

    text-decoration: none !important

}



footer .utility-footer a .svg-flag {

    vertical-align: initial;

    margin-right: 1rem;

    display: inline-block;

    width: 17px;

    height: 13px;

    background-position: left;

    background-size: contain;

    background-repeat: no-repeat;

    margin-bottom: -1px

}



footer .utility-footer a:hover {

    text-decoration: none

}



footer .utility-footer .terms,

footer .utility-footer .rights-reserved {

    padding: 0.25rem 0;

    font-size: 0.8rem

}



footer .utility-footer .terms a,

footer .utility-footer .rights-reserved a {

    color: #6a4;

    padding: 1rem;

    transition: 500ms

}



footer .utility-footer .terms a:hover,

footer .utility-footer .rights-reserved a:hover {

    color: #dfa

}



footer .utility-footer ul li {

    text-align: left

}



footer .phone-footer {

    color: #6a4;

    transition: 500ms;

    display: block;

    font-size: 0.8rem;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    border-bottom: 1px solid #222;

    padding-right: 1rem;

    padding-left: 1rem

}



footer .phone-footer:hover {

    color: #dfa

}



footer .disclaimer {

    padding: 0.5rem 0 1em 0;

    font-size: 0.8rem;

    text-align: left;

    display: block;

    color: #6a4

}



footer .disclaimer sup {

    color: #6a4;

    margin-right: 5px

}



footer .disclaimer a:not([href]):not([tabindex]) {

    color: #6a4;

    padding: 0;

    transition: 500ms

}



footer .disclaimer a:not([href]):not([tabindex]):hover {

    color: #dfa

}



footer #disclaimer-pop .modal-content {

    padding: 0 1rem

}



footer #disclaimer-pop .modal-content p {

    margin: 0;

    border-bottom: 0;

    background: none;

    padding-left: 0 !important;

    padding-right: 0 !important

}



footer #disclaimer-pop .modal-title {

    text-align: left !important;

    border-bottom: 0

}



@media (max-width:767px) {

    footer ul {}

    footer ul.sub {

        border-bottom: 1px solid #222

    }

    footer ul.sub.four-col {

        border-bottom: 0 !important

    }

    footer ul li.level-two {

        padding-top: 0;

        padding-bottom: 0;

        border-bottom: 0

    }

    footer ul li.level-two a {

        border-bottom: 1px solid #222;

        margin-left: -2rem;

        margin-right: -1rem;

        padding: 0.5rem 1rem 0.5rem 2rem

    }

    footer ul li.level-two p {

        margin-left: -2rem;

        margin-right: -1rem;

        padding: 0.5rem 1rem 0.5rem 2rem;

        font-size: 12px;

        line-height: 18px;

        border-bottom: 1px solid #222

    }

    footer ul li.level-three {

        margin-left: -2rem;

        margin-right: -1rem;

        padding-top: 0;

        padding-bottom: 0;

        border-bottom: 0

    }

    footer ul li.level-three a {

        padding-top: 0.5rem;

        padding-bottom: 0.5rem

    }

    footer .disclaimer {

        text-align: center;

        border-bottom: 0

    }

    footer .footer-toggle {

        cursor: pointer

    }

    footer .utility-footer .dropup-menu {

        overflow-y: scroll

    }

    footer .utility-footer .dropup-toggle {

        color: #fff

    }

    footer .utility-footer .dropup-toggle.black {

        background: #ddd;

        width: inherit;

        display: inline-block !important;

        color: #333

    }

    footer .utility-footer .dropup-toggle.black::after {

        border-top: 0.5em solid;

        border-bottom: 0 !important

    }

}



@media (min-width:768px) {

    footer {

        padding-top: 1rem

    }

    footer .utility-footer {

        text-align: left;

        margin: 3.5rem 0 0 0

    }

    footer .utility-footer .rights-reserved {

        padding: 1.7rem 0

    }

    footer .utility-footer p {

        padding: 1.7rem 1rem

    }

    footer .utility-footer .dropup-menu {

        background: #ddd;

        height: auto

    }

    footer .utility-footer .dropup-toggle {

        margin-left: -1.5rem;

        display: inline-block;

        font-size: 0.8rem;

        color: #fff

    }

    footer .utility-footer .black {

        background-color: #ddd;

        color: #333 !important

    }

    footer .utility-footer .black::after {

        border-top: 0.5em solid;

        border-bottom: 0 !important

    }

    footer .utility-footer .terms a {

        padding: 1.5rem 1rem

    }

    footer ul.sub {

        display: block !important

    }

    footer ul.sub li {

        margin-left: 0;

        padding-left: 0;

        border-bottom: 0;

        padding-top: 0.25rem;

        padding-bottom: 0.25rem

    }

    footer ul.two-col {

        -webkit-column-count: 2;

        -moz-column-count: 2;

        column-count: 2

    }

    footer ul.five-col {

        -webkit-column-count: 5;

        -moz-column-count: 5;

        column-count: 5

    }

    footer ul li {

        border-bottom: 0

    }

    footer ul li.level-two {

        display: inline-block;

        min-width: 100px;

        margin-bottom: 0.5rem

    }

    footer ul li.level-two a,

    footer ul li.level-two p {

        padding-top: 0.25rem;

        padding-bottom: 0.25rem;

        font-size: 12px;

        line-height: 18px

    }

    footer ul li.level-two li.level-three {

        padding: 0

    }

    footer ul.sm-icons {

        text-align: left

    }

    footer p {

        font-size: 0.8rem;

        padding: 0.5rem 0;

        border-bottom: 0

    }

    footer p.first {

        border-top: 0

    }

    footer p.sm-title {

        display: block

    }

    footer p.footer-title {

        font-size: 12px

    }

    footer p.footer-title a {

        font-size: 12px

    }

    footer .terms a {

        margin-right: -1rem

    }

    footer .disclaimer {

        padding: 3.5rem 0 0 0;

        font-size: 0.8rem

    }

}



@media (min-width:768px) and (max-width:991px) {

    footer .utility-footer .dropup-menu a {

        display: inline

    }

    footer ul.four-col {

        -webkit-column-count: 2;

        -moz-column-count: 2;

        column-count: 2

    }

}



@media (min-width:992px) {

    footer .utility-footer {

        padding-bottom: 0

    }

    footer p.footer-title {

        font-size: 13px

    }

    footer p.footer-title a {

        font-size: 13px

    }

    footer ul.four-col {

        -webkit-column-count: 4;

        -moz-column-count: 4;

        column-count: 4

    }

}



.jumbotron {

    border-radius: 0;

    margin: 0;

    background: url(../img/main-lead.jpg);

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

    padding: 2rem 2rem 2.75rem 2rem;

}



.jumbotron.person {

    border-radius: 0;

    margin: 0;

    background: url(../img/person-lead.jpg);

    background-size: cover;

    background-position: top center;

    background-repeat: no-repeat;

}





.jumbotron h1,

.jumbotron .h1,

.jumbotron h2,

.jumbotron .h2,

.jumbotron h3,

.jumbotron .h3,

.jumbotron p.lead,

.jumbotron li {

    text-shadow: none;

    font-family: lato,sans-serif;

}



.jumbotron h1 {

    text-shadow: 0 0 8px #e7e7e7;

}



.jumbotron li,

.jumbotron p.lead {

    font-size: 18px;

    line-height: 24px;

    font-family: lato,sans-serif;

}



.jumbotron p {

    margin-bottom: 0;

    font-weight: 400

}



.jumbotron a.video-modal {

    cursor: pointer;

    position: relative;

    z-index: 1

}



.jumbotron a.video-modal:hover,

.jumbotron a.video-modal:focus {

    text-decoration: none

}



.jumbotron .lead-logo {

    position: relative;

    z-index: 2

}



.jumbotron .fa-play-circle {

    color: #25B36C;

    background: #fff;

    border-radius: 50%;

    width: 55px;

    height: 55px;

    line-height: 56px;

    font-size: 70px;

    box-shadow: 0 20px 90px 45px #000;

    text-align: center;

    margin-bottom: 1rem

}



.jumbotron .fa-play-circle:before {

    margin-left: -1px

}



.jumbotron .row-media {

    position: relative

}



.jumbotron .col-media {

    position: absolute;

    bottom: 0;

    min-height: 200px

}



.jumbotron ul.icon-list {

    margin-left: 2em;

    padding-bottom: 1rem

}



.jumbotron ul.icon-list li {

    padding-bottom: 0.5rem

}



.jumbotron ul.icon-list [class^="icon-"]::before,

.jumbotron ul.icon-list [class*=" icon-"]::before {

    left: 1em

}



.jumbotron .intro-wrap {

    padding: 20px 20px 30px 20px;

    background-color: rgba(0, 0, 0, 0.75);

    -webkit-border-radius: 10px;

    border-radius: 10px

}



.jumbotron .sub-heading {

    background: rgba(255,255,255,0.7);

    padding: 1.5rem;

}



@media (max-width:575px) {

    .jumbotron {

        background: #e7e7e7 !important;

    }

    .jumbotron .intro-wrap {

        padding: 0 !important;

        background: none !important

    }

    .jumbotron .col-media {

        position: inherit !important;

        padding-top: 3rem;

        padding-bottom: 3rem;

        margin-top: 3rem

    }

    .jumbotron .col-media .pos-btm-ctr {

        position: unset

    }

}



@media (max-width:767px) {

    .jumbotron .float-left,

    .jumbotron .float-right {

        float: none !important

    }

    .jumbotron li,

    .jumbotron p.lead {

        font-size: 16px;

        line-height: 20px;

        font-family: lato,sans-serif;

    }

    .jumbotron p,

    .jumbotron li {

        color: #222 !important

    }

}



.jumbotron.dynamic-seo {

    background: url(/assets/sitelock-bg.jpg);

    background-size: cover;

    background-position: center 40%;

    padding-bottom: 0

}



.jumbotron .dynamic-logo-bg {

    max-width: 250px;

    background: #fff;

    -webkit-box-shadow: 0 0 16px -2px rgba(102, 102, 102, 1);

    -moz-box-shadow: 0 0 16px -2px rgba(102, 102, 102, 1);

    box-shadow: 0 0 16px -2px rgba(102, 102, 102, 1);

    border-radius: 10px;

    padding: 5px !important

}



@media (max-width:575px) {

    .jumbotron.dynamic-seo .col-media {

        background: url(/assets/sitelock-bg.jpg);

        background-size: cover;

        background-position: center 40%;

        background-repeat: no-repeat

    }

    .jumbotron.dynamic-seo {

        box-shadow: inset 0 10px 10px 0 #222

    }

}



#competitor-chart.five-col .two-lines span {

    line-height: 57px

}



#competitor-chart {}



#competitor-chart p.disclaimer {

    font-size: 0.8em;

    margin-top: 10px

}



#competitor-chart .docs-main {

    margin-bottom: 1.5rem

}



#competitor-chart tr,

#competitor-chart td,

#competitor-chart table,

#competitor-chart thead,

#competitor-chart th {

    padding: 0;

    margin: 0

}



#competitor-chart table {

    margin: 0 auto;

    width: 100%;

    font-weight: 400;

    line-height: 16px

}



#competitor-chart tr {

    border-bottom: 1px solid #ccc

}



#competitor-chart tr:last-child {

    border-bottom: 0

}



#competitor-chart .desktop-only,

#competitor-chart .mobile-only-3,

#competitor-chart .mobile-only-4 {

    display: none

}



#competitor-chart td.spacer,

#competitor-chart th.spacer {

    padding: 0;

    width: 10px;

    border: 0;

    background: none;

    display: none

}



#competitor-chart td:nth-child(3).spacer,

#competitor-chart th:nth-child(3).spacer {

    display: table-cell

}



#competitor-chart tr td,

#competitor-chart tr th {

    text-align: center;

    width: 50%

}



#competitor-chart tr td span {

    padding: 12px 0;

    display: block

}



#competitor-chart tr td span span.price-script,

#competitor-chart tr td span span.price-script span.price span {

    padding: 0;

    border: 0;

    display: inline

}



#competitor-chart td.col-primary.tablesaw-cell-persist span span.price-script {

    border: 0

}



#competitor-chart tr td span span.price-script .price {

    padding: 0;

    font-size: 14px;

    font-family: lato,sans-serif;

    font-weight: 600;

    color: #333;

    border: 0;

    display: inline;

    line-height: 0

}



#competitor-chart tr td span span.price-script .price .sub {

    display: none

}



#competitor-chart th span img.img-responsive.center-block {

    max-width: 100px

}



#competitor-chart tr td.mobile-only,

#competitor-chart tr td.mobile-only-3,

#competitor-chart tr td.mobile-only-4 {

    background-color: #666;

    color: #fff;

    text-align: left;

    padding: 5px 20px

}



#competitor-chart th,

#competitor-chart th.col-primary,

#competitor-chart th.col-primary span {

    font-weight: 400 !important

}



#competitor-chart th p {

    font-size: 16px

}



#competitor-chart tbody {

    font-size: 14px

}



#competitor-chart .tablesaw-advance {

    float: none

}



#competitor-chart td.col-primary.tablesaw-cell-persist span,

#competitor-chart th.col-primary.tablesaw-cell-persist span {

    background-color: #fff;

    border-left: 2px solid #25B36C;

    border-right: 2px solid #25B36C;

    border-bottom: 0;

    font-weight: 600;

    color: #333

}



#competitor-chart th.col-primary.tablesaw-cell-persist {

    border: 0;

    background: none

}



#competitor-chart th.col-primary.tablesaw-cell-persist,

#competitor-chart td.col-primary {

    padding: 0 5px 0 0

}



#competitor-chart th.col-primary.tablesaw-cell-persist span {

    display: block;

    border: 0;

    background-color: #fff;

    border-radius: 10px 10px 0 0;

    border-left: 2px solid #25B36C;

    border-right: 2px solid #25B36C;

    border-top: 2px solid #25B36C

}



#competitor-chart tfoot td.col-primary.tablesaw-cell-persist span {

    border-radius: 0 0 10px 10px;

    border-bottom: 2px solid #25B36C;

    padding: 5px 0

}



#competitor-chart .tablesaw-swipe .tablesaw-cell-persist {

    box-shadow: none;

    border-right: 0;

    border-left: 0

}



#competitor-chart table td,

#competitor-chart table th {

    margin: 0 0 0 5px

}



#competitor-chart td.col-primary.tablesaw-cell-persist span.icon,

#competitor-chart th.col-primary.tablesaw-cell-persist span.icon,

#competitor-chart td span.icon,

#competitor-chart th span.icon {

    border: 0;

    background: none;

    padding: 0;

    font-size: 25px

}



#competitor-chart td.col-primary.tablesaw-cell-persist span.icon-check:before,

#competitor-chart th.col-primary.tablesaw-cell-persist span.icon-check:before,

#competitor-chart td span.icon-check:before,

#competitor-chart th span.icon-check:before {

    color: #25B36C

}



#competitor-chart td.col-primary.tablesaw-cell-persist span.icon-cancel,

#competitor-chart th.col-primary.tablesaw-cell-persist span.icon-cancel,

#competitor-chart td span.icon-cancel,

#competitor-chart th span.icon-cancel {

    color: #d00

}



#competitor-chart td {

    border-bottom: 0

}



#competitor-chart .no-border {

    border: 0

}



#competitor-chart td span {

    background-color: #eee;

    border: 0

}



#competitor-chart th span {

    border: 0;

    background: none

}



#competitor-chart th span {

    display: block;

    border: 0;

    background-color: #eee;

    border-radius: 10px 10px 0 0;

    border-left: 2px solid #ccc;

    border-right: 2px solid #ccc;

    border-top: 2px solid #ccc;

    height: inherit;

    padding-top: 1rem;

    padding-bottom: 1rem

}



#competitor-chart tfoot tr {

    border-bottom: 0

}



#competitor-chart tfoot td span {

    border-radius: 0 0 10px 10px;

    border: 2px solid #ccc;

    border-top: 0;

    padding: 5px 0

}



#competitor-chart tfoot .tablesaw-cell-persist span {

    margin-left: 0;

    margin-right: 0

}



#competitor-chart tfoot td {

    border-color: transparent

}



#competitor-chart th span img.img-responsive.center-block.godaddy {

    margin-top: -10px

}



#competitor-chart th span img.img-responsive.center-block.bell {

    max-width: 50px

}



#competitor-chart .tablesaw-advance {

    float: none;

    margin: 10px auto;

    width: 150px

}



#competitor-chart .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {

    content: "\e811"

}



#competitor-chart .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {

    content: "\e80f"

}



#competitor-chart .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,

#competitor-chart .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before,

#competitor-chart .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before,

#competitor-chart .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {

    font-family: "fontello";

    font-size: 35px;

    font-weight: 100;

    width: 0;

    height: 0;

    border: 0;

    position: absolute;

    color: #ccc

}



#competitor-chart .tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {

    width: 65px;

    height: 65px;

    background-image: none

}



@media only screen and (min-width:379px) {

    #competitor-chart td:nth-child(5).spacer,

    #competitor-chart th:nth-child(5).spacer {

        display: table-cell

    }

    #competitor-chart .mobile-only-3 {

        display: table-cell

    }

    #competitor-chart .mobile-only {

        display: none

    }

}



@media only screen and (min-width:494px) {

    #competitor-chart table td:nth-child(4),

    #competitor-chart table th:nth-child(4) {

        margin: 0 0 0 5px

    }

}



@media only screen and (min-width:514px) {

    #competitor-chart td:nth-child(7).spacer,

    #competitor-chart th:nth-child(7).spacer {

        display: table-cell

    }

    #competitor-chart .mobile-only-3 {

        display: table-cell

    }

}



@media only screen and (min-width:627px) {

    #competitor-chart .mobile-only-3 {

        display: none

    }

    #competitor-chart .mobile-only-4 {

        display: table-cell

    }

}



@media only screen and (min-width:768px) {

    #competitor-chart table td:nth-child(3),

    #competitor-chart table th:nth-child(3) {

        padding: 0

    }

}



@media only screen and (min-width:992px) {

    th,

    td {

        max-width: 20px !important;

        width: 4% !important

    }

    #competitor-chart.five-col th,

    #competitor-chart.five-col td {

        max-width: 20px !important;

        width: 4% !important

    }

    .tablesaw-advance {

        display: none

    }

    #competitor-chart td,

    #competitor-chart th {

        background: none;

        border-left: 0;

        border-right: 0;

        border-bottom: 0

    }

    #competitor-chart td span,

    #competitor-chart th span {

        background-color: #eee;

        border-left: 2px solid #ccc;

        border-right: 2px solid #ccc;

        border-bottom: 0

    }

    #competitor-chart tfoot td span {

        margin-left: 0;

        margin-right: 0

    }

    #competitor-chart tfoot .tablesaw-cell-persist span {

        margin-left: 0;

        margin-right: 0

    }

    #competitor-chart .desktop-only {

        display: table-cell;

        width: 17%;

        background: none

    }

    #competitor-chart .desktop-only span {

        border: 0;

        background: none;

        text-align: left

    }

    #competitor-chart .mobile-only,

    #competitor-chart .mobile-only-3,

    #competitor-chart .mobile-only-4 {

        display: none

    }

    #competitor-chart table td:nth-child(5),

    #competitor-chart table th:nth-child(5),

    #competitor-chart table td:nth-child(4),

    #competitor-chart table th:nth-child(4) {

        display: table-cell !important

    }

    #competitor-chart table td:nth-child(4),

    #competitor-chart table th:nth-child(4) {

        padding: 0 0 0 5px !important

    }

    #competitor-chart tr td,

    #competitor-chart tr th {

        width: 13.75%

    }

    #competitor-chart tr td span.two-line {

        padding: 20px 0

    }

    #competitor-chart tr:last-child {

        border-bottom: 1px solid #ccc

    }

    #competitor-chart tfoot tr {

        border-bottom: 0 !important

    }

}



@media (min-width:992px) and (max-width:1200px) {

    #competitor-chart .two-line-tablet td:not(.desktop-only) span {

        padding: 20px 0

    }

}



@media (min-width:320px) and (max-width:385px) {

    #competitor-chart .two-line-phone td:not(.col-primary) span {

        padding: 20px 0

    }

}



@media only screen and (min-width:1200px) {

    #competitor-chart .desktop-only {

        width: 25%

    }

    #competitor-chart tr td,

    #competitor-chart tr th {

        width: 18.75%

    }

}





/* Tablesaw - v2.0.3 - 2016-06-03

 * https://github.com/filamentgroup/tablesaw

 * Copyright (c) 2016 Filament Group; Licensed MIT */



table.tablesaw {

    empty-cells: show;

    max-width: 100%;

    width: 100%

}



.tablesaw {

    border-collapse: collapse;

    width: 100%

}



.tablesaw {

    border: 0;

    padding: 0

}



.tablesaw-enhanced .tablesaw-bar .btn {

    border: 1px solid #ccc;

    background: none;

    background-color: #fafafa;

    box-shadow: 0 1px 0 rgba(255, 255, 255, 1);

    color: #4a4a4a;

    clear: both;

    cursor: pointer;

    display: block;

    font: bold 20px/1 sans-serif;

    margin: 0;

    padding: 0.5em 0.85em 0.4em 0.85em;

    position: relative;

    text-align: center;

    text-decoration: none;

    text-transform: capitalize;

    text-shadow: 0 1px 0 #fff;

    width: 100%;

    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%);

    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 50%, rgba(170, 170, 170, 0.1) 55%, rgba(120, 120, 120, 0.15) 100%);

    -webkit-appearance: none !important;

    -moz-appearance: none !important;

    box-sizing: border-box;

    -webkit-font-smoothing: antialiased;

    border-radius: 0.25em

}



.tablesaw-enhanced .tablesaw-bar a.btn {

    color: #1c95d4;

    float: none

}



.tablesaw-enhanced .tablesaw-bar .btn:hover {

    text-decoration: none

}



.tablesaw-enhanced .tablesaw-bar .btn:active {

    background-color: #ddd;

    background-image: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%);

    background-image: linear-gradient(to bottom, rgba(100, 100, 100, 0.35) 0%, rgba(255, 255, 255, 0) 70%)

}



.tablesaw-enhanced .tablesaw-bar .btn:hover,

.tablesaw-enhanced .tablesaw-bar .btn:focus {

    color: #208de3;

    background-color: #fff;

    outline: none

}



.tablesaw-bar .btn:focus {

    box-shadow: 0 0 0.35em #4faeef !important

}



.tablesaw-bar .btn-select select {

    background: none;

    border: none;

    display: block;

    position: absolute;

    font-weight: inherit;

    left: 0;

    top: 0;

    margin: 0;

    width: 100%;

    height: 100%;

    z-index: 2;

    min-height: 1em

}



.tablesaw-bar .btn-select select {

    opacity: 0;

    filter: alpha(opacity=0);

    display: inline-block;

    color: transparent

}



.tablesaw-bar .btn select option {

    background: #fff;

    color: #000;

    font-family: sans-serif

}



.tablesaw-enhanced .tablesaw-bar .btn.btn-select {

    color: #4d4d4d;

    padding-right: 2.5em;

    min-width: 7.25em;

    text-align: left;

    text-indent: 0

}



.tablesaw-bar .btn.btn-small,

.tablesaw-bar .btn.btn-micro {

    display: inline-block;

    width: auto;

    height: auto;

    position: relative;

    top: 0

}



.tablesaw-bar .btn.btn-small {

    font-size: 1.0625em;

    line-height: 19px;

    padding: 0.3em 1em 0.3em 1em

}



.tablesaw-bar .btn.btn-micro {

    font-size: 0.8125em;

    padding: 0.4em 0.7em 0.25em 0.7em

}



.tablesaw-enhanced .tablesaw-bar .btn-select {

    text-align: left

}



.tablesaw-bar .btn-select:after {

    background: #e5e5e5;

    background: rgba(0, 0, 0, 0.1);

    box-shadow: 0 2px 2px rgba(255, 255, 255, 0.25);

    content: " ";

    display: block;

    position: absolute

}



.tablesaw-bar .btn-select.btn-small,

.tablesaw-bar .btn-select.btn-micro {

    padding-right: 1.5em

}



.tablesaw-bar .btn-select:after {

    background: none;

    background-repeat: no-repeat;

    background-position: 0.25em 0.45em;

    content: "\25bc";

    font-size: 0.55em;

    padding-top: 1.2em;

    padding-left: 1em;

    left: auto;

    right: 0;

    margin: 0;

    top: 0;

    bottom: 0;

    width: 1.8em

}



.tablesaw-bar .btn-select.btn-small:after,

.tablesaw-bar .btn-select.btn-micro:after {

    width: 1.2em;

    font-size: 0.5em;

    padding-top: 1em;

    padding-right: 0.5em;

    line-height: 1.65;

    background: none;

    box-shadow: none;

    border-left-width: 0

}



.tablesaw-advance .btn {

    -webkit-appearance: none;

    -moz-appearance: none;

    box-sizing: border-box;

    text-shadow: 0 1px 0 #fff;

    border-radius: 0.25em

}



.tablesaw-advance .btn.btn-micro {

    font-size: 0.8125em;

    padding: 0.3em 0.7em 0.25em 0.7em

}



.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {

    overflow: hidden;

    width: 1.8em;

    height: 1.8em;

    background-position: 50% 50%;

    margin-left: 0.5em;

    position: relative;

    background-color: #fff;

    border-radius: 50% !important

}



.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.down:before {

    left: 0.5em;

    top: 0.65em;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-top: 5px solid #808080

}



.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.up:before {

    left: 0.5em;

    top: 0.65em;

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 5px solid #808080

}



.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before,

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {

    top: 0.45em

}



.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {

    left: 0.6em;

    border-right: 0

}



.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {

    left: 0.7em;

    border-left: 5px solid #808080

}



.tablesaw-advance a.tablesaw-nav-btn.disabled {

    opacity: 0.25;

    filter: alpha(opacity=25);

    cursor: default;

    pointer-events: none

}



.tablesaw-bar {

    clear: both;

    font-family: sans-serif

}



.tablesaw-toolbar {

    font-size: 0.875em;

    float: left

}



.tablesaw-toolbar label {

    padding: 0.5em 0;

    clear: both;

    display: block;

    color: #888;

    margin-right: 0.5em;

    text-transform: uppercase

}



.tablesaw-bar .btn,

.tablesaw-enhanced .tablesaw-bar .btn {

    margin-top: 0.5em;

    margin-bottom: 0.5em

}



.tablesaw-bar .btn-select,

.tablesaw-enhanced .tablesaw-bar .btn-select {

    margin-bottom: 0

}



.tablesaw-bar .tablesaw-toolbar .btn {

    margin-left: 0.4em;

    margin-top: 0;

    text-transform: uppercase;

    border: none;

    box-shadow: none;

    background: transparent;

    font-family: sans-serif;

    font-size: 1em;

    padding-left: 0.3em

}



.tablesaw-bar .tablesaw-toolbar .btn-select {

    min-width: 0

}



.tablesaw-bar .tablesaw-toolbar .btn-select:after {

    padding-top: 0.9em

}



.tablesaw-bar .tablesaw-toolbar select {

    color: #888;

    text-transform: none;

    background: transparent

}



.tablesaw-toolbar ~ table {

    clear: both

}



.tablesaw-toolbar .a11y-sm {

    clip: rect(0 0 0 0);

    height: 1px;

    overflow: hidden;

    position: absolute;

    width: 1px

}



@media (min-width:24em) {

    .tablesaw-toolbar .a11y-sm {

        clip: none;

        height: auto;

        width: auto;

        position: static;

        overflow: visible

    }

}



table.tablesaw tbody th {

    font-weight: bold

}



table.tablesaw thead th,

table.tablesaw thead td {

    color: #444;

    font-size: 0.9em

}



.tablesaw th,

.tablesaw td {

    line-height: 1em;

    text-align: left;

    vertical-align: middle

}



.tablesaw td,

.tablesaw tbody th {

    vertical-align: middle;

    font-size: 1.17em;

}



.tablesaw td .btn,

.tablesaw tbody th .btn {

    margin: 0

}



.tablesaw thead {

    border: 1px solid #e5e5e4;

    background: #e2dfdc;

    background-image: -webkit-linear-gradient(top, #fff, #e2dfdc);

    background-image: linear-gradient(to bottom, #fff, #e2dfdc)

}



.tablesaw thead th {

    font-weight: 100;

    color: #777;

    text-transform: uppercase;

    text-shadow: 0 1px 0 #fff;

    text-align: left

}



.tablesaw thead tr:first-child th {

    font-weight: normal;

    font-family: sans-serif;

    border-right: 1px solid #e4e1de

}



.tablesaw tbody tr {

    border-bottom: 1px solid #dfdfdf

}



.tablesaw caption {

    text-align: left;

    margin-bottom: 0;

    opacity: 0.5;

    filter: alpha(opacity=50);

    line-height: 2.4

}



@media (min-width:25em) {

    .tablesaw caption {

        margin-bottom: 0.6em;

        line-height: 1.2

    }

}



.tablesaw-cell-label-top {

    text-transform: uppercase;

    font-size: 0.9em;

    font-weight: normal

}



.tablesaw-cell-label {

    font-size: 0.65em;

    text-transform: uppercase;

    color: #888;

    font-family: sans-serif

}



@media (min-width:40em) {

    .tablesaw td {

        line-height: 2em

    }

}



@media only all {

    .tablesaw-swipe .tablesaw-cell-persist {

        border-right: 1px solid #e4e1de

    }

    .tablesaw-swipe .tablesaw-cell-persist {

        box-shadow: 3px 0 4px -1px #e4e1de

    }

}



.tablesaw-stack tbody tr {

    border-bottom: 1px solid #dfdfdf

}



.tablesaw-stack td .tablesaw-cell-label,

.tablesaw-stack th .tablesaw-cell-label {

    display: none

}



@media only all {

    .tablesaw-stack td,

    .tablesaw-stack th {

        text-align: left;

        display: block

    }

    .tablesaw-stack tr {

        clear: both;

        display: table-row

    }

    .tablesaw-stack td .tablesaw-cell-label,

    .tablesaw-stack th .tablesaw-cell-label {

        display: block;

        padding: 0 0.6em 0 0;

        width: 30%;

        display: inline-block

    }

    .tablesaw-stack th .tablesaw-cell-label-top,

    .tablesaw-stack td .tablesaw-cell-label-top {

        display: block;

        padding: 0.4em 0;

        margin: 0.4em 0

    }

    .tablesaw-cell-label {

        display: block

    }

    .tablesaw-stack tbody th.group {

        margin-top: -1px

    }

    .tablesaw-stack th.group b.tablesaw-cell-label {

        display: none !important

    }

}



@media (max-width:39.9375em) {

    .tablesaw-stack thead td,

    .tablesaw-stack thead th {

        display: none

    }

    .tablesaw-stack tbody td,

    .tablesaw-stack tbody th {

        clear: left;

        float: left;

        width: 100%

    }

    .tablesaw-cell-label {

        vertical-align: top

    }

    .tablesaw-cell-content {

        max-width: 67%;

        display: inline-block

    }

    .tablesaw-stack td:empty,

    .tablesaw-stack th:empty {

        display: none

    }

}



@media (min-width:40em) {

    .tablesaw-stack tr {

        display: table-row

    }

    .tablesaw-stack td,

    .tablesaw-stack th,

    .tablesaw-stack thead td,

    .tablesaw-stack thead th {

        display: table-cell;

        margin: 0

    }

    .tablesaw-stack td .tablesaw-cell-label,

    .tablesaw-stack th .tablesaw-cell-label {

        display: none !important

    }

}



.tablesaw-fix-persist {

    table-layout: fixed

}



@media only all {

    .tablesaw-swipe th.tablesaw-cell-hidden,

    .tablesaw-swipe td.tablesaw-cell-hidden {

        display: none

    }

}



.btn.tablesaw-columntoggle-btn span {

    text-indent: -9999px;

    display: inline-block

}



.tablesaw-columntoggle-btnwrap {

    position: relative;

}



.tablesaw-columntoggle-btnwrap .dialog-content {

    padding: 0.5em

}



.tablesaw-columntoggle tbody td {

    line-height: 1.5

}



.tablesaw-columntoggle-popup {

    display: none

}



.tablesaw-columntoggle-btnwrap.visible .tablesaw-columntoggle-popup {

    display: block;

    position: absolute;

    top: 2em;

    right: 0;

    background-color: #fff;

    padding: 0.5em 0.8em;

    border: 1px solid #ccc;

    box-shadow: 0 1px 2px #ccc;

    border-radius: 0.2em;

    z-index: 1

}



.tablesaw-columntoggle-popup fieldset {

    margin: 0

}



@media only all {

    .tablesaw-columntoggle th.tablesaw-priority-6,

    .tablesaw-columntoggle td.tablesaw-priority-6,

    .tablesaw-columntoggle th.tablesaw-priority-5,

    .tablesaw-columntoggle td.tablesaw-priority-5,

    .tablesaw-columntoggle th.tablesaw-priority-4,

    .tablesaw-columntoggle td.tablesaw-priority-4,

    .tablesaw-columntoggle th.tablesaw-priority-3,

    .tablesaw-columntoggle td.tablesaw-priority-3,

    .tablesaw-columntoggle th.tablesaw-priority-2,

    .tablesaw-columntoggle td.tablesaw-priority-2,

    .tablesaw-columntoggle th.tablesaw-priority-1,

    .tablesaw-columntoggle td.tablesaw-priority-1 {

        display: none

    }

}



.tablesaw-columntoggle-btnwrap .dialog-content {

    top: 0 !important;

    right: 1em;

    left: auto !important;

    width: 12em;

    max-width: 18em;

    margin: -0.5em auto 0

}



.tablesaw-columntoggle-btnwrap .dialog-content:focus {

    outline-style: none

}



@media (min-width:320px) {

    .tablesaw-columntoggle th.tablesaw-priority-1,

    .tablesaw-columntoggle td.tablesaw-priority-1 {

        display: table-cell

    }

}



@media (min-width:30em) {

    .tablesaw-columntoggle th.tablesaw-priority-2,

    .tablesaw-columntoggle td.tablesaw-priority-2 {

        display: table-cell

    }

}



@media (min-width:40em) {

    .tablesaw-columntoggle th.tablesaw-priority-3,

    .tablesaw-columntoggle td.tablesaw-priority-3 {

        display: table-cell

    }

    .tablesaw-columntoggle tbody td {

        line-height: 2

    }

}



@media (min-width:50em) {

    .tablesaw-columntoggle th.tablesaw-priority-4,

    .tablesaw-columntoggle td.tablesaw-priority-4 {

        display: table-cell

    }

}



@media (min-width:60em) {

    .tablesaw-columntoggle th.tablesaw-priority-5,

    .tablesaw-columntoggle td.tablesaw-priority-5 {

        display: table-cell

    }

}



@media (min-width:70em) {

    .tablesaw-columntoggle th.tablesaw-priority-6,

    .tablesaw-columntoggle td.tablesaw-priority-6 {

        display: table-cell

    }

}



@media only all {

    .tablesaw-columntoggle th.tablesaw-cell-hidden,

    .tablesaw-columntoggle td.tablesaw-cell-hidden {

        display: none

    }

    .tablesaw-columntoggle th.tablesaw-cell-visible,

    .tablesaw-columntoggle td.tablesaw-cell-visible {

        display: table-cell

    }

}



.tablesaw-columntoggle-popup .btn-group > label {

    display: block;

    padding: 0.2em 0;

    white-space: nowrap

}



.tablesaw-columntoggle-popup .btn-group > label input {

    margin-right: 0.8em

}



.tablesaw-sortable,

.tablesaw-sortable thead,

.tablesaw-sortable thead tr,

.tablesaw-sortable thead tr th {

    position: relative

}



.tablesaw-sortable thead tr th {

    padding-right: 1.6em;

    vertical-align: top

}



.tablesaw-sortable th.tablesaw-sortable-head,

.tablesaw-sortable tr:first-child th.tablesaw-sortable-head {

    padding: 0

}



.tablesaw-sortable th.tablesaw-sortable-head button {

    padding-top: 0.9em;

    padding-bottom: 0.7em;

    padding-left: 0.6em;

    padding-right: 1.6em

}



.tablesaw-sortable .tablesaw-sortable-head button {

    min-width: 100%;

    color: inherit;

    background: transparent;

    border: 0;

    padding: 0;

    text-align: left;

    font: inherit;

    text-transform: inherit;

    position: relative

}



.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after,

.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {

    width: 7px;

    height: 10px;

    content: "\0020";

    position: absolute;

    right: 0.5em

}



.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-ascending button:after {

    content: "\2191"

}



.tablesaw-sortable .tablesaw-sortable-head.tablesaw-sortable-descending button:after {

    content: "\2193"

}



.tablesaw-sortable .not-applicable:after {

    content: "--";

    display: block

}



.tablesaw-sortable .not-applicable span {

    display: none

}



.tablesaw-advance {

    float: right

}



.tablesaw-advance.minimap {

    margin-right: 0.4em

}



.tablesaw-advance-dots {

    float: left;

    margin: 0;

    padding: 0;

    list-style: none

}



.tablesaw-advance-dots li {

    display: table-cell;

    margin: 0;

    padding: 0.4em 0.2em

}



.tablesaw-advance-dots li i {

    width: 0.25em;

    height: 0.25em;

    background: #555;

    border-radius: 100%;

    display: inline-block

}



.tablesaw-advance-dots-hide {

    opacity: 0.25;

    filter: alpha(opacity=25);

    cursor: default;

    pointer-events: none

}
.plans-v7 .price-container {
    font-size: 2.25rem;
    line-height: 2.25rem;
    margin: 0;
    padding: 0;
    font-weight: 900;
}
.plans-v7 .price-container .sign {
    font-size: 1rem;
    vertical-align: text-top;
}

.plans-v7 .price-container .terms {
    display: inline;
    font-size: 1.25rem;
}
#plan-comparison-chart.option1 .btn {

    max-width: 228px

}



#plan-comparison-chart.option1 .table > tbody > tr > td {

    border: 0;

    vertical-align: middle;

    padding: 8px 15px

}



#plan-comparison-chart.option1 .table > tbody > tr > td.tcol1 {

    padding: 8px 11px

}



#plan-comparison-chart.option1 .table thead > tr > th {

    font-weight: 400;

    vertical-align: top;

    background: #fff;

    border: 0;

    border-radius: 10px 10px 0 0;

    padding: 0

}



#plan-comparison-chart.option1 .table thead > tr > th:first-child {

    padding-left: 0.75rem

}



#plan-comparison-chart.option1 .table thead > tr > th .plan-intro-wrap {

    padding: 0 15px 15px 15px

}



#plan-comparison-chart.option1 .table thead > tr > th .plan-header,

#plan-comparison-chart.option1 .table thead > tr > th .plan-header-promo {

    padding: 5px;

    letter-spacing: 3px;

    font-weight: 700;

    font-size: 14px;

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-transform: uppercase

}



#plan-comparison-chart.option1 .table thead > tr > th.featured {

    background: #eff6ec

}



#plan-comparison-chart.option1 .table thead > tr > th.featured .plan-header,

#plan-comparison-chart.option1 .table thead > tr > th.featured .plan-header-promo {

    border-radius: 10px 10px 0 0;

    background: #7ed321;

    color: #fff

}



#plan-comparison-chart.option1 .table > tbody > tr.table-footer > td {

    border-radius: 0px 0px 10px 10px;

    padding: 15px

}



#plan-comparison-chart.option1 .table-striped > tbody > tr.table-footer:nth-of-type(2n+1) {

    background-color: #fff

}



#plan-comparison-chart.option1 td,

#plan-comparison-chart.option1 th {

    text-align: center

}



#plan-comparison-chart.option1 td {

    color: #666

}



#plan-comparison-chart.option1 .tcol1,

#plan-comparison-chart.option1 .tcol2,

#plan-comparison-chart.option1 .tcol3,

#plan-comparison-chart.option1 .tcol4 {

    width: 25%

}



#plan-comparison-chart.option1 .tcol1,

#plan-comparison-chart.option1 .mobile-row td {

    text-align: left

}



#plan-comparison-chart.option1 td.featured {

    font-weight: 600;

    color: #333

}



#plan-comparison-chart.option1 tr.odd {

    background: #f6f6f6

}



#plan-comparison-chart.option1 tr.odd td.featured {

    background: #e6ede3

}



#plan-comparison-chart.option1 tr.even {

    background: #fff

}



#plan-comparison-chart.option1 tr.even td.featured,

#plan-comparison-chart.option1 tr.table-footer td.featured {

    background: #eff6ec

}



#plan-comparison-chart.option1 .strikethrough {

    text-decoration: line-through

}



#plan-comparison-chart.option1 .table-visible-xs {

    display: none

}



#plan-comparison-chart.option1 th .p-x-2 {

    padding-left: 2rem !important;

    padding-right: 2rem !important

}



#plan-comparison-chart.option1 th .plan-hostname {

    font-size: 14px;

    font-family: lato,sans-serif;

    font-weight: 600;

    margin-bottom: -5px

}



#plan-comparison-chart.option1 td span[class^="icon-"]::before {

    margin: 0 -6px;

    width: 4rem;

    font-size: 42px;

    color: #25B36C

}



#plan-comparison-chart.option1 td span.icon-cancel::before,

#plan-comparison-chart.option1 td span.icon-check::before {

    font-size: 30px

}



#plan-comparison-chart.option1 td span.icon-cancel::before {

    color: #d00

}



@media (max-width:767px) {

    #plan-comparison-chart.option1 .table {

        margin-bottom: 0

    }

    #plan-comparison-chart.option1 .table > tbody > tr > td {

        height: 48px

    }

    #plan-comparison-chart.option1 .button-wrap {

        padding-top: 100px;

        margin-bottom: -100px

    }

    #plan-comparison-chart.option1 button {

        font-size: 30px;

        padding: 15px;

        color: #333;

        background-color: #ddd;

        border-radius: 50%;

        line-height: 30px;

        cursor: pointer;

        border: 0;

        margin-bottom: -100px

    }

    #plan-comparison-chart.option1 .table thead > tr > th .plan-intro-wrap {

        padding: 0 55px 25px 55px

    }

    #plan-comparison-chart.option1 .tcol1,

    #plan-comparison-chart.option1 .tcol2,

    #plan-comparison-chart.option1 .tcol3  {

        width: 100%

    }

    #plan-comparison-chart.option1 .tcol3,

    #plan-comparison-chart.option1 .tcol4,

    #plan-comparison-chart.option1 .sl2-rg-btn,

    #plan-comparison-chart.option1 .sl2-lf-btn,

    #plan-comparison-chart.option1 .sl3-rg-btn,

    #plan-comparison-chart.option1 .sl3-lf-btn {

        display: none

    }

    #plan-comparison-chart.option1 td {

        font-size: 14px

    }

    #plan-comparison-chart.option1 th .plan-hostname {

        font-size: 13px;

        margin-bottom: 3px

    }

    #plan-comparison-chart.option1 th .plan-intro-wrap {

        padding: 4px 6px 20px 6px

    }

    #plan-comparison-chart.option1 .table > tbody > tr.table-footer > td {

        padding: 15px 25px

    }

    .new {

        border-bottom: 1px solid rgba(0,0,0,.1);

        padding-bottom: 3rem;

        margin-bottom: 3rem;

    }

}



@media (min-width:768px) {

    #plan-comparison-chart.option1 .tcol2,

    #plan-comparison-chart.option1 .tcol3,

    #plan-comparison-chart.option1 .tcol4 {

        display: table-cell !important

    }

}



@media (max-width:767px) {

    #plan-comparison-chart.option1 .table-visible-xs {

        display: table-row;

        background-color: #666

    }

    #plan-comparison-chart.option1 .ab-ver-b-hide.table-visible-xs {

        display: none

    }

    #plan-comparison-chart.option1 .tcol1,

    #plan-comparison-chart.option1 .mobile-row td {

        color: #fff

    }

    #plan-comparison-chart.option1 td:first-child,

    #plan-comparison-chart.option1 th:first-child {

        display: none

    }

}



@media (max-width:767px) {

    #plan-comparison-chart.option1 .table thead > tr > th .plan-intro-wrap {

        padding: 0 10px 15px 10px

    }

}



@media (max-width:767px) {

    #plan-comparison-chart.option1 .table thead > tr > th .plan-intro-wrap {

        padding: 0 25px 15px 25px

    }

}



@media (max-width:767px) {

    #plan-comparison-chart.option1 td {

        font-size: 14px

    }

    #plan-comparison-chart.option1 th .plan-hostname {

        font-size: 13px;

        margin-bottom: 3px

    }

    #plan-comparison-chart.option1 th .plan-intro-wrap {

        padding: 4px 6px 20px 6px

    }

}



@media (min-width:768px) and (max-width:991px) {

    #plan-comparison-chart.option1 td {

        font-size: 14px

    }

    #plan-comparison-chart.option1 .table thead > tr > th .plan-intro-wrap {

        padding: 0 10px 15px 10px

    }

    #plan-comparison-chart.option1 th .plan-hostname {

        font-size: 13px;

        margin-bottom: 3px

    }

    #plan-comparison-chart.option1 th .plan-intro-wrap {

        padding: 4px 6px 20px 6px

    }

    #plan-comparison-chart.option1 .plan-subheader {

        min-height: 40px

    }

    #plan-comparison-chart.option1 .plan-name {

        min-height: 72px

    }

    #plan-comparison-chart.option1 .plan-subtext {

        min-height: 60px

    }

}



@media (min-width:992px) {

    #plan-comparison-chart.option1 .plan-subheader {

        min-height: 44px

    }

}



@media (min-width:992px) and (max-width:1199px) {

    #plan-comparison-chart.option1 .p-md-x-0 {

        padding: 0 !important

    }

    #plan-comparison-chart.option1 .p-md-x-1,

    #plan-comparison-chart.option1 .px-4 {

        padding: 0 1.25rem !important

    }

    #plan-comparison-chart.option1 .table > tbody > tr > td.tcol1 {

        padding: 8px 5px

    }

}



.network-status h3,

.network-status .h3 {

    font-size: 20px

}



.network-status .legend .list-inline-item {

    display: inline;

    font-size: 14px;

    line-height: 16px

}



.network-status .list-inline-item:not(:last-child) {

    margin-right: 1rem;

    border-right: 1px solid #ccc;

    padding-right: 0.25rem

}



.network-status .legend {

    padding-top: 1rem;

    padding-bottom: 1rem

}



.network-status .fa-check-circle {

    color: #25B36C !important

}



.network-status .fa-exclamation-circle {

    color: #0085aa !important

}



.network-status .fa-minus-circle {

    color: #f90 !important

}



.network-status .fa-times-circle {

    color: #e00 !important

}



.network-status .fa-dashboard,

.network-status .fa-wrench {

    background: #25B36C;

    border-radius: 50%;

    width: 28px;

    height: 28px;

    font-size: 20px;

    color: #fff;

    text-align: center;

    vertical-align: middle;

    line-height: 26px;

    margin-top: -5px

}



.network-status .fa-li {

    left: -1.75em;

    top: 0.2em

}



.network-status .table th {

    border-top: 0

}



.network-status .table td {

    border-top: 1px solid rgba(0, 0, 0, 0.1);

    font-size: 14px;

    line-height: 16px;

    position: relative;

    padding-left: 20px

}



.network-status .table td.tcol2 {

    font-size: 12px

}



.network-status .table th,

.network-status .table td {

    padding-right: 0;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem

}



.network-status .table th {

    padding-left: 0

}



.network-status .table td i {

    position: absolute;

    left: 0;

    top: 0.8em

}



.network-status tbody {

    border-bottom: 1px solid rgba(0, 0, 0, 0.1)

}



@media (max-width:575px) {

    .network-status .table td {

        font-size: 12px;

        line-height: 14px

    }

}



@media (max-width:991px) {

    .legend .list-inline {

        margin: 1rem 0 0 1rem

    }

    .network-status .legend .list-inline-item,

    .network-status .list-inline-item:not(:last-child) {

        display: block;

        margin-right: 0;

        padding-right: 0;

        border: 0;

        line-height: 20px

    }

}



.domain-search form.DomainRegistrationForm div.domain_type {

    font-size: 13px;

    margin-bottom: 0;

    margin-left: -30px

}



.domain-search .form-control {

    height: 45px;

    box-shadow: none;

    -webkit-box-shadow: none;

    display: inline-block;

    vertical-align: middle

}



.domain-search .chosendropdown {

    border-radius: 0 5px 5px 0px;

    margin-left: -5px

}



.domain-search div.domain_name,

.domain-search div.domain_tld {

    margin-bottom: 0

}



.domain-search div.domain_tld label {

    display: inline

}



.domain-search div.domain_name {

    display: inline-block;

    height: 45px;

    width: 75%

}



.domain-search div.domain_tld {

    font-size: 16px;

    display: inline-block;

    text-align: left;

    padding: 0

}



.domain-search div.domain_tld a {

    text-align: center

}



.domain-search-generic .chosen-container .chosen-results {

    color: #444;

    position: relative;

    overflow-x: hidden;

    overflow-y: auto;

    margin: 0 4px 4px 0;

    padding: 0 0 0 4px;

    max-height: 100px;

    -webkit-overflow-scrolling: touch

}



form.DomainRegistrationForm input.domain_name {

    color: #bbb;

    border-right: 0 !important;

    max-width: none;

    -webkit-border-top-right-radius: 0;

    -webkit-border-bottom-right-radius: 0;

    -moz-border-radius-topright: 0;

    -moz-border-radius-bottomright: 0;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0

}



form.DomainRegistrationForm input.domain_name.active,

form.DomainRegistrationForm input.domain_name:hover,

form.DomainRegistrationForm input.domain_name:active {

    color: #000

}



#domains-page div.domain_tld .chosen-container {

    vertical-align: middle

}



#domains-page div.domain_tld .chosen-single {

    border-top-left-radius: 0px;

    border-bottom-left-radius: 0px;

    margin-left: -5px;

    margin-top: 0

}



.chosen-container-single .chosen-single div b::before {

    display: inline-block;

    margin-left: -10px;

    font: normal normal normal 14px/1 entypo;

    font-size: 14px;

    content: "\e605";

    color: #999;

    font-size: 22px;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased

}



#domains-page div.domain_tld .chosen-single {

    height: 45px;

    background: #fff;

    border: 1px solid #ccc

}



.chosen-container-single .chosen-single span {

    padding-top: 9px

}



#domains-page div.domain_tld .chosen-single b {

    margin-top: 10px;

    background: none !important

}



#domains-page div.domain_tld .chosen-container .chosen-drop {

    text-align: left

}



.domain-search li {

    list-style-type: none

}



.domain-search li label {

    color: #fff

}



.domain-search .radio {

    display: inline-block;

    position: relative;

    margin-top: 10px;

    margin-bottom: 10px

}



.domain-search .radio label {

    margin-left: 40px;

    color: #fff

}



.radio input[type="radio"] {

    position: absolute;

    margin-left: -20px;

    line-height: normal;

    line-height: normal;

    top: -5px

}



.domain-search .form-actions {

    margin: 0;

    padding: 0;

    border-top: 0;

    display: inline-block

}



.domain-search form.DomainRegistrationForm {

    position: relative;

    text-align: center;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    background-color: rgba(118, 180, 80, 0.7);

    padding: 20px

}



.domain-search .signin_tab {

    width: 15em;

    right: -45%;

    top: -10px;

    position: relative;

    font-size: 13px

}



.domain-search .signin_tab > div > a {

    color: #fff;

    font-size: 13px

}



form.DomainRegistrationForm div.form-actions button:before {

    margin-right: -5px;

    font: normal normal normal 16px/1 entypo;

    content: '\e646';

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    font-size: 30px;

    position: relative;

    top: 8px

}



form.DomainRegistrationForm div.form-actions button {

    position: relative;

    letter-spacing: 0;

    padding: 0 13px 10px 10px;

    width: 100%;

    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important

}



form.DomainRegistrationForm label.error {

    color: #c00;

    font-size: 14px;

    line-height: 24px;

    display: block;

    padding-left: 39px;

    padding-right: 43px

}



.dynamic-domains-page {

    background: url(/assets/v4/dynamic-domains-lander/DynamicDomainsSplash-blur-10.jpg) no-repeat;

    background-size: cover;

    background-position: center 25%

}



.dynamiclander .domain-search form.DomainRegistrationForm div.domain_type,

.dynamiclander .domain-search .signin_tab {

    display: none !important

}



.dynamiclander .domain-search form.DomainRegistrationForm {

    background-color: rgba(0, 0, 0, 0.55)

}



.dynamiclander .domain-search.bottom form.DomainRegistrationForm {

    background: none

}



.dynamiclander .domain-search.bottom span.domain_tld_span {

    border-left: 0 !important

}



.dynamiclander span.domain_tld_span {

    background: #fff;

    border: 1px solid #ccc;

    border-left-width: 1px;

    border-left-style: solid;

    border-left-color: #ccc;

    border-left: none;

    border-bottom-left-radius: 0;

    border-top-left-radius: 0;

    border-bottom-right-radius: 5px;

    border-top-right-radius: 5px;

    text-align: right;

    font-weight: 100;

    line-height: 22px;

    display: inline-block;

    padding: 9px 22px 12px 22px;

    position: relative;

    width: 25%;

    left: -1px

}



.dynamiclander .domain-search.bottom input.domain_name,

.dynamiclander .domain-search.bottom span.domain_tld_span {

    border: 1px solid #25B36C

}



.dynamiclander .domain-search.bottom input.domain_name {

    border-right: 0 !important

}



.remove-padding {

    padding: 0 !important

}



@media (max-width:575px) {

    .domain-search .radio label {

        margin-bottom: 0

    }

    .tld-container .tld {

        font-size: 40px

    }

}



@media (max-width:767px) {

    form.DomainRegistrationForm input.domain_name {

        border-radius: 5px

    }

    .dynamiclander .domain-search.bottom input.domain_name,

    .dynamiclander .domain-search.bottom span.domain_tld_span {

        border: 1px solid #25B36C !important

    }

    #domains-page div.domain_tld .chosen-single {

        border-top-left-radius: 5px;

        border-bottom-left-radius: 5px

    }

    .domain-search #fieldholder_domain_name,

    .domain-search #fieldholder_domain_name2 {

        width: 100%

    }

    #domains-page #fieldholder_domain_tld .chosen-container {

        margin-left: 0

    }

    #domains-page #fieldholder_domain_tld .chosen-single,

    #domains-page #fieldholder_domain_tld .chosen-select {

        -webkit-border-top-left-radius: 0;

        -webkit-border-bottom-left-radius: 0;

        -moz-border-radius-topleft: 0;

        -moz-border-radius-bottomleft: 0;

        border-top-left-radius: 6px;

        border-bottom-left-radius: 6px;

        margin-left: -5px;

        margin-top: 20px

    }

    body.en #domain-search #fieldholder_domain_name {

        width: 68%

    }

    .dynamiclander span.domain_tld_span {

        border-radius: 5px !important

    }

}



@media (min-width:768px) {

    .col-md-offset-2 {

        margin-left: 16.666667%

    }

}



@media (max-width:991px) {

    .domain-search #fieldholder_domain_name,

    .domain-search #fieldholder_domain_name2 {

        width: 75%

    }

    #domains-page #fieldholder_domain_tld .chosen-container {

        margin-left: -10px

    }

    .domain-search form.DomainRegistrationForm.col-md-8 {

        width: 100%;

    }

    .domain-search form.DomainRegistrationForm.col-md-offset-2 {

        margin-left: 0;

    }

}



@media (max-width:1199px) {

    .domain-search form.DomainRegistrationForm .col-lg-9,

    .domain-search form.DomainRegistrationForm .form-actions {

        width: 100%;

    }

    form.DomainRegistrationForm div.form-actions button {

        width: initial

    }

}



@media (max-width:1999px) {

    body.brand-ca .promo-seal-ca,

    body.brand-uk .promo-seal-uk,

    body.brand-ie .promo-seal-ie,

    body.brand-com .promo-seal-com,

    body.brand-sg .promo-seal-sg,

    body.brand-hk .promo-seal-hk,

    body.brand-in .promo-seal-in,

    body.brand-au .promo-seal-au,

    body.brand-nz .promo-seal-nz,

    body.brand-eu .promo-seal-eu {

        left: -30px !important

    }

    .domain-search .form-actions {

        margin: 0

    }

}



@media (min-width:1200px) {

    form.DomainRegistrationForm .form-actions button {

        margin-left: 5px

    }

    form.DomainRegistrationForm .form-actions {

        clear: none

    }

}



.col-lg-fifth.tld-container:first-child {

    padding-left: 0

}



.tld-container {

    color: #fff

}



.tld-row {

    margin-top: 1.5rem;

    margin-bottom: 1.5rem

}



.tld-container {

    min-height: 250px;

    padding: 0;

    background-color: #ccc;

    font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-align: center;

    -webkit-border-radius: 8px;

    -moz-border-radius: 8px;

    border-radius: 8px

}



.tld-container.tld-com {

    background-color: #8d8d8d;

    background-image: -ms-linear-gradient(top, #8d8d8d 0%, #333 97%);

    background-image: -moz-linear-gradient(top, #8d8d8d 0%, #333 97%);

    background-image: -o-linear-gradient(top, #8d8d8d 0%, #333 97%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8d8d8d), color-stop(97, #333));

    background-image: -webkit-linear-gradient(top, #8d8d8d 0%, #333 97%);

    background-image: linear-gradient(to bottom, #8d8d8d 0%, #333 97%)

}



.tld-container.tld-net {

    background-color: #49e;

    background-image: -ms-linear-gradient(top, #49e 0%, #333 97%);

    background-image: -moz-linear-gradient(top, #49e 0%, #333 97%);

    background-image: -o-linear-gradient(top, #49e 0%, #333 97%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #49e), color-stop(97, #333));

    background-image: -webkit-linear-gradient(top, #49e 0%, #333 97%);

    background-image: linear-gradient(to bottom, #49e 0%, #333 97%)

}



.tld-container.tld-ca {

    background-color: #ea053b;

    background-image: -ms-linear-gradient(top, #ea053b 0%, #333 97%);

    background-image: -moz-linear-gradient(top, #ea053b 0%, #333 97%);

    background-image: -o-linear-gradient(top, #ea053b 0%, #333 97%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea053b), color-stop(97, #333));

    background-image: -webkit-linear-gradient(top, #ea053b 0%, #333 97%);

    background-image: linear-gradient(to bottom, #ea053b 0%, #333 97%)

}



.tld-container.tld-club {

    background-color: #b6c;

    background-image: -ms-linear-gradient(top, #b6c 0%, #333 97%);

    background-image: -moz-linear-gradient(top, #b6c 0%, #333 97%);

    background-image: -o-linear-gradient(top, #b6c 0%, #333 97%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b6c), color-stop(97, #333));

    background-image: -webkit-linear-gradient(top, #b6c 0%, #333 97%);

    background-image: linear-gradient(to bottom, #b6c 0%, #333 97%)

}



.tld-container.tld-me {

    background-color: #6a4;

    background-image: -ms-linear-gradient(top, #6a4 0%, #333 97%);

    background-image: -moz-linear-gradient(top, #6a4 0%, #333 97%);

    background-image: -o-linear-gradient(top, #6a4 0%, #333 97%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6a4), color-stop(97, #333));

    background-image: -webkit-linear-gradient(top, #6a4 0%, #333 97%);

    background-image: linear-gradient(to bottom, #6a4 0%, #333 97%)

}



.tld-container.tld-orange {

    background-color: #ff7200;

    background-image: -ms-linear-gradient(top, #ff7200 0%, #333 97%);

    background-image: -moz-linear-gradient(top, #ff7200 0%, #333 97%);

    background-image: -o-linear-gradient(top, #ff7200 0%, #333 97%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff7200), color-stop(97, #333));

    background-image: -webkit-linear-gradient(top, #ff7200 0%, #333 97%);

    background-image: linear-gradient(to bottom, #ff7200 0%, #333 97%)

}



.tld-container.tld-yellow {

    background-color: #eded06;

    background-image: -ms-linear-gradient(top, #eded06 0%, #333 97%);

    background-image: -moz-linear-gradient(top, #eded06 0%, #333 97%);

    background-image: -o-linear-gradient(top, #eded06 0%, #333 97%);

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eded06), color-stop(97, #333));

    background-image: -webkit-linear-gradient(top, #eded06 0%, #333 97%);

    background-image: linear-gradient(to bottom, #eded06 0%, #333 97%)

}



.tld-container span {

    display: block

}



.tld-container .tld {

    margin-bottom: -13px;

    padding-top: 25px;

    font-size: 70px;

    letter-spacing: -2px;

    font-weight: 500

}



.tld-container .phrase {

    font-size: 13px;

    letter-spacing: 0.5px;

    padding-bottom: 11px;

    padding-top: 8px

}



.tld-container span.current {

    color: #fa1;

    font-size: 23px;

    font-weight: 400;

    word-spacing: 3px

}



.tld-container .was {

    margin-top: -3px;

    font-size: 20px;

    word-spacing: 2px;

    color: #eee

}



.tld-container:nth-child {

    padding-right: 0

}



.tld-container .phrase {

    padding-top: 8px

}



.customNextBtn,

.customPrevBtn {

    display: inline;

    font-size: 30px;

    padding: 0 37px;

    color: #ccc;

    cursor: pointer

}



.owl-controls {

    text-align: center

}



.owl-controls.disabled {

    display: none

}



@media (max-width:767px) {

    .tld-row {

        margin-top: 1rem;

        margin-bottom: 1rem

    }

}



@media (min-width:576px) {

    .tld-container {

        min-height: 230px

    }

    .tld-container .tld {

        font-size: 40px

    }

}



@media (min-width:1200px) {

    #web-identity .owl-controls {

        display: none

    }

}



.hp-carousel2 {

    margin: 0 auto 100px auto

}



.hp-carousel2.carousel {

    min-height: 372px;

    max-width: 670px

}



.hp-carousel2 .carousel-control span.et {

    text-shadow: none;

    color: #aaa;

    margin-top: -41px;

    position: absolute;

    top: 50%;

    left: 50%;

    display: inline-block;

    font-size: 32px

}



.hp-carousel2 .carousel-control.left {

    left: 25%

}



.hp-carousel2 .carousel-control.right {

    right: 35%

}



.hp-carousel2 .carousel-control.left span,

.hp-carousel2 .carousel-control.right span {

    left: 50%

}



.hp-carousel2 .carousel-control.left,

.hp-carousel2 .carousel-control.right {

    background: none

}



.hp-carousel2.carousel .circular.et {

    padding: 14px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    background-color: #fff

}



.hp-carousel2.carousel .carousel-frame {

    position: absolute;

    z-index: 2

}



.hp-carousel2.carousel .carousel-inner {

    position: inherit;

    z-index: 1;

    margin: 0 auto;

    width: 73%

}



.hp-carousel2.carousel .carousel-control {

    top: auto;

    bottom: -56px;

    z-index: 2

}



.hp-carousel2.carousel .carousel-control {

    top: 0;

    bottom: 0

}



.hp-carousel2 .carousel-control.left span {

    left: 0

}



.hp-carousel2.carousel .carousel-control.left {

    left: -22px

}



.hp-carousel2.carousel .carousel-control.right {

    right: -17px

}



.hp-carousel2.carousel {

    margin-bottom: 0px

}



#wb-carousel2 .img-responsive,

#wb-carousel2 .thumbnail > img,

#wb-carousel2 .thumbnail a > img,

#wb-carousel2 .carousel-inner > .item > img,

#wb-carousel2 .carousel-inner > .item > a > img {

    display: block;

    max-width: 100%;

    height: auto

}



@media screen\0 {

    .hp-carousel2 .carousel-control.left,

    .hp-carousel2 .carousel-control.right {

        background-image: none;

        opacity: 1;

        filter: alpha(opacity=0)

    }

    .hp-carousel2.carousel {

        margin-bottom: 15px

    }

}



@media (max-width:320px) {

    .hp-carousel2 .carousel-control.left {

        left: 13%

    }

    .hp-carousel2 .carousel-control.right {

        right: 38%

    }

    section#help .faq p a span.faq-text {

        width: 75%

    }

}



@media (min-width:320px) and (max-width:400px) {

    .hp-carousel2 .carousel-control.left {

        left: 20%

    }

    .hp-carousel2 .carousel-control.right {

        right: 38%

    }

}



@media (min-width:1200px) {

    .hp-carousel2 .carousel-inner .item {

        min-height: 372px;

        margin-top: 24.6418px

    }

}



#reviews-list .row:not(#review-footer) {

    border-bottom: 1px solid #ddd

}



#reviews-list .review-image img {

    max-width: 100%

}



#reviews-list .url-title {

    margin-top: -123px;

    font-size: 14px;

    position: relative;

    z-index: 2

}



#reviews-list .url-title a {

    display: block;

    text-decoration: none;

    padding: 90px 0 15px 0;

    background: transparent;

    background: -moz-linear-gradient(top, rgba(30, 87, 153, 0.01) 0%, rgba(0, 0, 0, 0.8) 100%);

    background: -webkit-linear-gradient(top, rgba(30, 87, 153, 0.01) 0%, rgba(0, 0, 0, 0.8) 100%);

    background: linear-gradient(to bottom, rgba(30, 87, 153, 0.01) 0%, rgba(0, 0, 0, 0.8) 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#031e5799', endColorstr='#cc000000', GradientType=0)

}



@media screen and (max-width:767px) {

    #reviews-list .col-xs-12.px-0 {

        padding-right: 15px !important;

        padding-left: 15px !important

    }

    #reviews-list .col-xs-12.px-2 {

        padding-left: 15px !important;

        padding-right: 15px !important

    }

}



#reviews-list .score-mark {

    font-size: 4rem;

    font-weight: 700;

    font-family: lato,sans-serif;

    line-height: 1;

    padding: 0

}



#reviews-list .score-details li .float-left:first-child {

    width: 60%;

    font-size: 13px

}



#reviews-list .score-details li ul.rate {

    margin-right: 0

}



#reviews-list .rate {

    list-style: none;

    padding: 0;

    margin: 0

}



#reviews-list .rate li {

    display: inline-block;

    margin: 0px

}



#reviews-list .rate li:before {

    font-family: fontello;

    content: "\e031";

    color: #be9;

    font-size: 18px;

    margin-left: -3px

}



#reviews-list .rate.stars-5 li:before {

    color: #25B36C

}



#reviews-list .rate.stars-4 li:nth-child(-n+4):before {

    color: #25B36C

}



#reviews-list .rate.stars-3 li:nth-child(-n+3):before {

    color: #25B36C

}



#reviews-list .rate.stars-2 li:nth-child(-n+2):before {

    color: #25B36C

}



#reviews-list .rate.stars-1 li:nth-child(-n+1):before {

    color: #25B36C

}



#reviews-list li .would-recommend {

    font-family: 'Roboto Slab', sans-serif;

    text-transform: capitalize;

    line-height: 24px;

    padding-bottom: 0.5rem;

    font-weight: 400;

    font-size: 20px;

    width: 90px

}



#reviews-list .verdict {

    font-weight: 700;

    font-size: 1.5rem;

    font-family: lato,sans-serif;

}



#reviews-list .score-details {

    list-style: none;

    border-top: 1px #eee solid;

    margin: 0;

    padding: 0

}



#reviews-list .score-details > li {

    padding: 5px 0;

    border-bottom: 1px #eee solid;

    width: 100%;

    float: left;

    font-size: 14px

}



#reviews-list .score-details > li:last-child {

    border-bottom: 0

}



#reviews-list .score-details .rate {

    margin-right: 0.5rem

}



#reviews-list .score-details span {

    padding-top: 0.2rem

}



#review-footer span a {

    background: #fff;

    color: #25B36C;

    border: 1px solid #be9;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    padding: 5px 11px;

    font-weight: bold;

    text-decoration: none;

    font-family: lato,sans-serif;

}



#review-footer span a:hover {

    background: #be9

}



#review-footer span strong {

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 1px solid #25B36C;

    padding: 5px 11px;

    background: #25B36C;

    color: #fff;

    font-family: lato,sans-serif;

}



html {

    font-size: 16px;

    font-family: sans-serif;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%;

}



body {

    font-family: lato,sans-serif;

    font-size: 16px;

    line-height: 1.5;

    color: #818284;

    background: #fff;

    display: flex;

    flex-direction: column;

    height: 100vh;

    font-weight: 400;

}



.layout-wrapper {

    flex: 1 0 auto

}



h1,

h2,

h3,

.h1,

.h2,

.h3 {

    margin: 0;

    padding-top: 1.25rem;

    padding-bottom: 1.25rem;

    font-family: lato,sans-serif;

    font-weight: 700;

    color: #2d2d2d;

}



h1,

.h1 {

    line-height: 1.2;

    font-size: 38px

}



h2,

.h2 {

    line-height: 1.2;

    font-size: 28px

}



h3,

.h3 {

    line-height: 1.2;

    font-size: 18px;

    padding-top: 1rem;

    padding-bottom: 1rem;

}



h4,

.h4 {

    line-height: 1.2;

    font-size: 16px

}



h4.fancy {

    background: #25B36C;

    font-weight: 700;

    color: #fff;

    padding: 0.75rem !important;

    margin-bottom: 1.5rem;

    text-transform: uppercase;

}



a {

    color: #25B36C;

    cursor: pointer;

    text-decoration: none;

    line-height: 18px

}



a:hover,

a:focus {

    color: #25B36C;

    text-decoration: underline

}



a:focus {

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px

}



.ph-blue-text {

    color: #07638b !important;

}



.ph-blue-bg {

    background: #07638b !important;

}



a.see-more,

a.see-more:hover {

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    color: #333;

    text-decoration: none;

    cursor: pointer;

    text-align: center;

    font-family: lato,sans-serif;

}



a.see-more .et {

    font-size: 22px;

    color: #25B36C;

    display: inline-block;

    padding-top: 0.5rem

}



.green-bg-linear a.see-more .et {

    color: #fff

}



a.read-more {

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    color: #333;

    text-decoration: none;

    cursor: pointer;

    text-align: center;

    font-family: lato,sans-serif;

    display: inline-block;

    border-bottom: 0 !important;

    letter-spacing: 0.02rem

}



a.read-more .et {

    font-size: 22px;

    color: #25B36C;

    display: inline-block;

    padding-top: 0.5rem

}



.green-bg-linear a.read-more .et {

    color: #fff

}



a.read-more .view-icon:before {

    font: normal normal normal 14px/1 FontAwesome;

    content: "\f056";

    font-size: 22px;

    color: #25B36C;

    display: inline-block;

    padding-top: 0.5rem

}



a.read-more.collapsed .view-icon:before {

    font: normal normal normal 14px/1 FontAwesome;

    content: "\f055";

    font-size: 22px;

    color: #25B36C;

    display: inline-block;

    padding-top: 0.5rem

}



a.read-more .view-text:before {

    content: 'Show less'

}



a.read-more.collapsed .view-text:before {

    content: 'Read more'

}



body.fr a.read-more.collapsed .view-text:before {

    content: 'En savoir plu'

}



body.fr a.read-more .view-text:before {

    content: 'Voir moins'

}



body.es a.read-more.collapsed .view-text:before {

    content: 'Leer más'

}



body.es a.read-more .view-text:before {

    content: 'Mostrar menos'

}



body.de a.read-more.collapsed .view-text:before {

    content: 'Mehr lesen'

}



body.de a.read-more .view-text:before {

    content: 'Weniger anzeigen'

}



strong {

    font-weight: 700

}



hr {

    margin-top: 1.5rem;

    margin-bottom: 1.5rem

}



p,

.lead {

    margin: 0;

    padding-top: 0;

    padding-bottom: 1.5rem

}



hr {

    margin: 0

}



small {

    font-size: 12px;

    line-height: 16px;

    display: inline-block

}



.btn-wrap {

    white-space: normal !important

}



.rounded {

    border-radius: 10px

}



.rounded-bottom {

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px

}



.position-rel {

    position: relative

}



.dark-bg-linear {

    background: #222;

    background: -moz-linear-gradient(top, #222 0%, #555 100%);

    background: -webkit-linear-gradient(top, #222 0%, #555 100%);

    background: linear-gradient(to bottom, #222 0%, #555 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#555555', GradientType=0);

    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5)

}



.light-bg-linear {

    background: #eee;

    background: -moz-linear-gradient(top, #eee 0%, #fff 100%);

    background: -webkit-linear-gradient(top, #eee 0%, #fff 100%);

    background: linear-gradient(to bottom, #eee 0%, #fff 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0)

}



.light-bg-linear-rev {

    background: #fff;

    background: -moz-linear-gradient(top, #fff 0%, #eee 100%);

    background: -webkit-linear-gradient(top, #fff e 0%, #eee 100%);

    background: linear-gradient(to bottom, #fff 0%, #eee 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0)

}



.green-bg-linear {

    background: #6a4;

    background: -moz-linear-gradient(top, #6a4 0%, #9fd579 100%);

    background: -webkit-linear-gradient(top, #6a4 0%, #9fd579 100%);

    background: linear-gradient(to bottom, #6a4 0%, #9fd579 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#66aa44', endColorstr='#9fd579', GradientType=0);

    color: #333

}



.moss-bg-linear {

    background: #cfe4a5;

    background: -moz-linear-gradient(top, #cfe4a5 0%, #fff 100%);

    background: -webkit-linear-gradient(top, #cfe4a5 0%, #fff 100%);

    background: linear-gradient(to bottom, #cfe4a5 0%, #fff 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#cfe4a5', endColorstr='#ffffff', GradientType=0)

}



.dark-bg-linear h1,

.dark-bg-linear h2,

.dark-bg-linear h3,

.dark-bg-linear h4,

.green-bg-linear h1,

.green-bg-linear h2 {

    color: #fff

}



.green-bg-linear p {

    color: #333

}



.grouping {

    font-family: lato,sans-serif;

    font-weight: 700;

    font-size: 16px;

    text-transform: uppercase;

    letter-spacing: 3px;

    line-height: 24px

}



.text-black {

    color: #000 !important

}



.text-dark-gray {

    color: #333 !important

}



.text-dim-gray {

    color: #666 !important

}



.text-gray {

    color: #999 !important

}



.text-silver {

    color: #ccc !important

}



.text-gainsboro {

    color: #ddd !important

}



.text-platinum {

    color: #eee !important

}



.text-cloud-gray {

    color: #f5f5f5 !important

}



.text-white {

    color: #fff !important

}



.text-pure-green {

    color: #25B36C !important

}



.text-avocado {

    color: #593 !important

}



.text-mantis {

    color: #6a4 !important

}



.text-light-moss {

    color: #cfe4a5

}



.text-light-lime {

    color: #dfa !important

}



.text-orange {

    color: #f90 !important

}



.text-dark-orange {

    color: #e80 !important

}



.text-red {

    color: #e00 !important

}



.text-green-1 {

    color: #25B36C;

}



.text-green-2 {

    color: #5bc590;

}

.text-green-3 {

    color: #90d7b4;

}



.text-green-4 {

    color: #e5f3ee;

}



.text-orange-1 {

    color:  #FD7244;

}



.text-orange-2 {

    color: #fd9572;

}

.text-orange-3 {

    color: #fcb6a0;

}

.text-orange-4 {

    color: #faecea;

}



.text-white {

    color: #FFFFFF;

}



.text-black {

    color: #2d2d2d;

}



.text-grey {

    color: #818284;

}



.text-light-grey {

    color: #F9F9F9;

}



.text-dark {

    color: #999;

}



.text-darker {

    color: #2d2d2d;

}



.black-bg {

    background: #000 !important

}



.dark-gray-bg {

    background: #333 !important

}



.dim-gray-bg {

    background: #666 !important

}



.gray-bg {

    background: #999 !important

}



.silver-bg {

    background: #ccc !important

}



.gainsboro-bg {

    background: #ddd !important

}



.platinum-bg {

    background: #eee !important

}



.cloud-gray-bg {

    background: #f5f5f5 !important

}



.white-bg {

    background: #fff !important

}



.brand-pure-green-bg {

    background: #25B36C !important

}



.brand-avocado-bg {

    background: #593 !important

}



.brand-mantis-bg {

    background: #6a4 !important

}



.brand-light-moss-bg {

    background: #cfe4a5 !important

}



.brand-light-lime-bg {

    background: #dfa !important

}



.brand-orange-bg {

    background: #f90 !important

}



.brand-dark-orange-bg {

    background: #e80 !important

}



.brand-red-bg {

    background: #e00 !important

}



.bg-dark {

    background: #222 !important

}



.background-white {

    background: #fff;

}



.background-black {

    background: #2d2d2d;

}



.background-grey {

    background: #818284;

}



.background-light-grey {

    background: #F9F9F9;

}



.background-green-1 {

    background: #25B36C;

}



.background-green-2 {

    background: #5bc590;

}



.background-green-3 {

    background: #90d7b4;

}



.background-green-4 {

    background: #e5f3ee;

}



.background-orange-1 {

    background: #FD7244;

}



.background-orange-2 {

    background: #fd9572;

}



.background-orange-3 {

    background: #fcb6a0;

}



.background-orange-4 {

    background: #faecea;

}



.no-shadow {

    -webkit-box-shadow: none !important;

    box-shadow: none !important;

    text-shadow: none !important

}



.text-roboto {

    font-family: lato,sans-serif !important;

}



.text-open-sans {

    font-family: 'Open Sans', sans-serif !important;

}



.strikethrough {

    text-decoration: line-through !important;

}


.align-items-center {

    -webkit-box-align: center !important;

    -webkit-align-items: center !important;

    -ms-flex-align: center !important;

    align-items: center !important

}



.features {

    font-size: 14px;

    line-height: 18px;

    color: #666;

    font-family: 'Open Sans', sans-serif

}



.captions,

.checklist {

    color: #333

}



.captions,

.checklist {

    font-size: 18px;

    line-height: 24px;

    font-family: lato,sans-serif;

}



.checklist {

    padding-left: 2rem

}



.compare-table,

.card .list-group {

    font-size: 16px;

    line-height: 18px

}



.plan-name {

    font-size: 32px;

    line-height: 32px;

    font-family: lato,sans-serif;

    letter-spacing: -0.5px;

    font-weight: 400;

    color: #fff;

    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);

    text-align: center;

    padding-top: 0;

    padding-bottom: 0.25rem;

}



.big {

    font-size: 42px;

    line-height: 42px

}



.plan-price {

    padding: 0.25rem 0;

}

.plan-header {

    font-size: 14px;

    line-height: 18px;

    font-family: lato,sans-serif;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

    color: #f90;

    text-align: center;

    padding-top: 0;

    padding-bottom: 0;

    min-height: 18px

}



.plan-subheader {

    font-size: 14px;

    line-height: 18px;

    font-family: lato,sans-serif;

    color: #ddd;

    text-align: center;

    padding-top: 0;

    padding-bottom: 0.25rem;

}



.plan-subtext {

    font-family: lato,sans-serif;

    font-size: 12px;

    line-height: 15px;

    color: #eee;

    letter-spacing: 0.2px;

    text-align: center;

    padding: 0.25rem 0;

}







.pos-btm-ctr {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0

}



.offset-sm-right-1 {

    margin-left: 8.333333%

}



td p {

    font-size: 16px;

    line-height: 18px

}



[class^="icon-"]::before,

[class*=" icon-"]::before {

    margin-left: auto;

    margin-right: auto;

    text-align: center

}



.hp-icon {

    text-align: center;

    background: #25B36C;

    font-size: 3em;

    background-size: 50px;

    color: #fff;

    text-shadow: 0 0 20px #349946;

    margin: 0;

    line-height: 0;

    border-radius: 50%;

    width: 50px;

    height: 50px;

    display: inline-block;

    margin-bottom: 0.5rem

}



.fa.hp-icon::before {

    font-size: 32px;

    line-height: 51px

}



.hp-icon.numbers-lg {

    line-height: 46px;

    font-size: 2.5em

}



.hp-icon.numbers-sm {

    line-height: 36px;

    font-size: 2em;

    width: 40px;

    height: 40px

}



ul.icon-list {

    padding: 0;

    list-style: none;

    margin-left: 1em

}



ul.icon-list [class^="icon-"]::before,

ul.icon-list [class*=" icon-"]::before {

    color: #25B36C;

    position: absolute;

    left: 0;

    width: 2.14285714em;

    text-align: center;

    line-height: 24px

}



.circular {

    background-color: #333;

    color: #be9;

    padding: 8px;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    border-radius: 50px;

    font-size: 23px;

    margin-right: 17px;

    -webkit-transition: background-color 500ms, color 500ms;

    -moz-transition: background-color 500ms, color 500ms;

    -ms-transition: background-color 500ms, color 500ms;

    transition: background-color 500ms, color 500ms

}



.circular:hover {

    background-color: #be9;

    color: #000

}



.five-cards .card {

    width: 1%;

    min-width: 180px

}



.five-cards .card .list-group {

    font-size: 14px

}



.five-cards .card {

    border: 2px solid #cfe4a5;

    text-align: center;

    width: 1%

}



.five-cards .card .list-group {

    text-align: left

}



.five-cards .card .list-group-item {

    padding: 0.75rem 1rem 1rem 1rem

}



.five-cards.card > .list-group:last-child .list-group-item:last-child {

    border-bottom-right-radius: 5px;

    border-bottom-left-radius: 5px;

    border-bottom: 0

}



.card-inverse {

    background: #444

}

@media (max-width: 991.98px) {

    #accordionFAQ .card {

        border-radius: 7px;

        background: #F9F9F9;

        border-color: #e8e8e8;

        margin: 1.25rem auto;

        border-bottom: 1px solid #e8e8e8;

    }



    #accordionFAQ .card-body {

        background: #F9F9F9;

        padding-top:0;

        padding-left: 2.5rem;

        padding-right: 2.5rem;

        font-size: 16px;

        line-height: 1.75;

    }



    #accordionFAQ .card-body p {

        font-size: 16px;

    }



    #accordionFAQ .card-header {

        border-color: #e8e8e8;

        background: #F9F9F9;

        padding-top: 0.25rem;

        padding-bottom: 0.25rem;

    }



    #accordionFAQ h2 {

        padding-bottom: 0;

        padding-top: 0;

        font-size: 20px;

    }

    #accordionFAQ .btn {

        font-size: 20px;

        font-weight: 700;

        color: #2d2d2d !important;

        text-transform: none;

        width: 100%;

        text-align: left;

    }



    #accordionFAQ .btn:before {

        content: '\e816';

        font-family: "fontello";

        float: right;

    }



    #accordionFAQ .btn.collapsed:before {

        content: '\e813';

        font-family: "fontello";

        float: right;

    }

}



@media (min-width: 992px) {

    #accordionFAQ .card {

            border-radius: 0;

            border-left: 0;

            border-right: 0;

            border-color: #e8e8e8;

    }

    #accordionFAQ .card:first-of-type {

            border-top: 0;

    }

    #accordionFAQ .card-body {

            font-size: 15px;

            line-height: 1.75;

            padding-left: 1.75rem;

            padding-right: 1.75rem;

    }

    #accordionFAQ .card-body p {

            font-size: 15px;

    }

    #accordionFAQ .card-header {

            border-color: #e8e8e8;

            padding: 0;

            background-color: #fff;

            border-bottom: 1px solid rgba(0,0,0,0.125);

    }

    #accordionFAQ h2 {

            padding-bottom: 0;

            font-size: 20px;

            padding-top: 0;

    }

    #accordionFAQ .btn {

            font-size: 20px;

            font-weight: 700;

            color: #2d2d2d !important;

            text-transform: none;

            width: 100%;

            text-align: left;

            padding-left: 0;

    }

    #accordionFAQ .btn:before {

            font-size: 16px;

            content: '\e876';

            font-family: "fontello";

            color: #25B36C;

            border-radius: 50%;

            padding: 0.25rem;

            font-weight: 400;

            vertical-align: top;

            line-height: 1.8;

            margin-right: 0.25rem;

    }

    #accordionFAQ .btn:after {

            content: '\e816';

            font-family: "fontello";

            float: right;

    }

    #accordionFAQ .btn.collapsed:after {

            content: '\e813';

            font-family: "fontello";

            float: right;

    }

}



.nav-pills {

    border-bottom: 0;

    padding: 1rem 0;

    text-align: center

}



.nav-pills a {

    color: #25B36C

}



.nav.nav-pills > li {

    border-top: 0 !important

}



.nav-pills .nav-link {

    padding: 0.2em 1em;

    border-radius: 0.75rem;

    background: #fff

}



.nav-pills .nav-item {

    float: none;

    display: inline-block;

    font-size: 14px;

    font-family: lato,sans-serif;

}



.nav-pills .nav-link.active,

.nav-pills .nav-link.active,

.nav-pills .nav-link.active:hover,

.nav-pills .nav-link.active,

.nav-pills .nav-link.active:focus,

.nav-pills.nav > li > a:hover,

.nav-pills > li.active > a,

.nav-pills > li.active > a:focus,

.nav-pills > li.active > a {

    background-color: #25B36C;

    color: #fff

}



#disclaimers-section {

    padding: 18px 0;

    background-color: #222;

    color: #999

}



blockquote {

    font-family: 'Roboto Slab', "Helvetica Neue", Helvetica, Arial, sans-serif;

    text-align: center;

    font-size: 18px;

    border-left: 0;

    margin-bottom: 1.5rem;

    padding: 11px 12px

}



blockquote p {

    display: block;

    border-left: 0;

    min-height: 240px;

    color: #f5f5f5;

    font-size: 18px;

    line-height: 24px;

    font-family: lato,sans-serif;

}



blockquote footer,

blockquote small,

blockquote .small {

    display: block;

    font-size: 80%;

    line-height: 1.42857143;

    color: #ccc

}



blockquote footer:before,

blockquote small:before,

blockquote .small:before {

    content: '\2014 \00A0'

}



blockquote footer:before {

    content: '';

    border-left: 12px solid transparent;

    border-right: 12px solid transparent;

    border-top: 12px solid #666;

    position: absolute;

    top: -1px;

    left: 50%;

    margin-left: -12px;

    z-index: 1

}



blockquote footer {

    border-top: 1px solid #adadad;

    text-align: center;

    position: relative;

    padding-top: 18px;

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 16px;

    color: #ccc

}



blockquote footer:after {

    content: '';

    border-left: 14px solid transparent;

    border-right: 14px solid transparent;

    border-top: 14px solid #adadad;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -14px

}



.rounded-top-0 {

    border-top-right-radius: 0 !important;

    border-top-left-radius: 0 !important;

}



.tns-nav {

    display: none;

}



.tns-controls {

    text-align: center;

}



.tns-controls button {

    background: transparent;

    color: transparent;

    width: 48px;

    height: 48px;

    margin: 8px;

    border: 0;

    padding: 0;

}
.tns-controls {
    text-align: center;
    outline: none;
}
.plans-v7 .tns-controls button:disabled {
    opacity: 0.6;
}

.tns-controls [data-controls="next"] {
    background-image: url(../img/arrow-right2.svg);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 30px;
    margin-left: 20px;
}


.tns-controls [data-controls="prev"] {
    background-image: url(../img/arrow-left1.svg);
    background-repeat: no-repeat;
    background-size: contain;
    max-width: 30px;
    margin-right: 20px;
}


/*VAT*/
.disclaimer-vat,
.plan-subtext.au,
.plan-subtext.sg {
    display:none;
}
body.brand-uk .disclaimer-vat,
body.brand-au .plan-subtext.au,
body.brand-sg .plan-subtext.sg {
    display:block;
    font-size: 14px;
}
/*/VAT*/
.mp-banner {
    width: 90%;
    text-align: center;
    margin: -50px auto 21px auto;
    display: block;
    padding: 4px 5px;
    font-weight: 900;
    font-size: 14px;
    border-radius: 5px 5px 0 0;
}
.regular-price {
    margin-top:0.4rem;
    display: block;
    font-size: 14px;
}
.plans-v7 .ltv:after {
    margin: 0px auto;
}
.line-through {
    text-decoration: line-through;
}
.page-linux-hosting .optimized:after {
    content: "Linux";
}
.page-postgresql-hosting .optimized:after {
    content: "PostgreSQL";
}
.page-php-hosting .optimized:after {
    content: "PHP";
}
.page-mysql-hosting .optimized:after {
    content: "MySQL";
}
.page-apache-hosting .optimized:after {
    content: "Apache";
}
.page-nodejs-hosting .optimized:after {
    content: "Node.js";
}
.plans-v7 .price-container .terms {
    display: inline;
    font-size: 1.25rem;
}
.price-container sup {
    top: 0;
    font-size: 1.25rem;
}
.plans-v7 h5, 
.plans-v7 .card-title.special {
    font-weight: 900;
}

.plans-v7 .ltv.background-orange-1 {
    box-shadow: 0px 0px 0px 1px #fd7244;
}

.plans-v7 h5 {
    font-size: 1.5rem !important;
}
.plans-v7 .save-price {
    text-transform: uppercase;
}
.plans-v7 .list-v7 {
    min-height: 565px;
}

.es .plans-v7 .list-v7 {
    min-height: 572px;
}

.de .plans-v7 .list-v7 {
    min-height: 572px;
}

.plans-v7 .list-v7 .list-group-item {
    padding: 0.75rem 1rem;
    border: 0;
}

.brand-mx .plans-v7 .price-container,
.brand-hk .plans-v7 .price-container,
.brand-in .plans-v7 .price-container {
    font-size: 2rem;
}
.bs-tooltip-bottom.tooltip-html .arrow {
    display: none;
}
.de #responsive .btn-icon:before {
    margin-left: 5px;
}
.plans-v7 .list-group-flush .list-group-item::before {
    display:none;
}
.plans-v7 .list-group-flush .list-item-label::before {
    background-color: #25B36C;
    height: 5px;
    width: 5px;
    content: " ";
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 0.35rem;
    margin-top: 6px;
}
.plans-v7 li a.q-tooltip,
.plans-v7 li [class^="icon-"] {
    text-decoration: none;
    color: #2d2d2d;
    margin-left: 3px;
}
.plans-v7 .btn-text,
a:not([href]):not([tabindex]),
a:not([href]):not([tabindex]):hover {
    line-height: 1.2;
    border-bottom: 0;
    text-decoration: underline;
    font-size: .9375rem;
    font-weight: 700;
    color: #818284;
}
.collapsing-tooltip {
    color: #fff;
    background-color: #2d2d2d;
    border-radius: 5px;
    padding: 0.5rem 1rem 1rem 1rem;
    font-size: 12px !important;
    font-weight: 400;
    text-align: center;
    position: relative;
    margin-top: 0.75rem;
}
.collapsing-tooltip:before {
    content: "";
    position: absolute;
    top: -22px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border: solid 15px transparent;
    border-bottom-color: #2d2d2d;
    width: 15px;
    z-index: 1;
}

a.d-inline-block.d-md-none.collapse-toggle {
    text-decoration: none;
}

.tooltip-v7 h4, 
.collapseing-tooltip-v7 h4 {
    text-transform: none;
}

.collapsing-tooltip ul li {
    font-size: 12px !important;
    font-weight: 400;
    line-height: 1.1;
    text-align: left;
    position: relative;
    padding: 0px 0.5rem;
}

.collapsing-tooltip .close,
.collapsing-tooltip .close:hover,
.collapsing-tooltip .close:active,
.collapsing-tooltip .close:focus {
    color: #fff !important;
    outline: 0;
}
.tooltip-v7.tooltip-html .tooltip-inner ul li, 
.tooltip-v7 .collapsing-tooltip-features ul li, 
.collapseing-tooltip-v7.tooltip-html .tooltip-inner ul li, 
.collapseing-tooltip-v7 .collapsing-tooltip-features ul li {
    text-transform: none;
    display: table;
}

#security-features ul,
#security-features ul {
    columns: 1;
    -webkit-columns: 1;
    width: 100%;
}

.tooltip .tooltip-inner div {
    text-align: left;
}

.tooltip-v7.tooltip-html .tooltip-inner ul li, 
.tooltip-v7 .collapsing-tooltip-features ul li, 
.collapseing-tooltip-v7.tooltip-html .tooltip-inner ul li, 
.collapseing-tooltip-v7 .collapsing-tooltip-features ul li {
    text-transform: none;
    display: table;
}

#security-features ul.sub-tooltip-list, 
#security-features ul.sub-tooltip-list, 
#security-features ul.sub-tooltip-list, 
#security-features ul.sub-tooltip-list {
    columns: 2;
    -webkit-columns: 2;
}

.tooltip-v7.tooltip-html .tooltip-inner ul.sub-tooltip-list li:before, 
.tooltip-v7 .collapsing-tooltip-features ul.sub-tooltip-list li:before, 
.collapseing-tooltip-v7.tooltip-html .tooltip-inner ul.sub-tooltip-list li:before, 
.collapseing-tooltip-v7 .collapsing-tooltip-features ul.sub-tooltip-list li:before {
    content: "";
    margin-right: 8px;
}

.tooltip-v7.tooltip-html .tooltip-inner ul.sub-tooltip-list li, 
.tooltip-v7 .collapsing-tooltip-features ul.sub-tooltip-list li, 
.collapseing-tooltip-v7.tooltip-html .tooltip-inner ul.sub-tooltip-list li, 
.collapseing-tooltip-v7 .collapsing-tooltip-features ul.sub-tooltip-list li {
    padding-left: 15px;
    width: 100%;
    text-align: left;
}

.tooltip-v7.tooltip-html .tooltip-inner ul.sub-tooltip-list li span:before, 
.tooltip-v7 .collapsing-tooltip-features ul.sub-tooltip-list li span:before, 
.collapseing-tooltip-v7.tooltip-html .tooltip-inner ul.sub-tooltip-list li span:before, 
.collapseing-tooltip-v7 .collapsing-tooltip-features ul.sub-tooltip-list li span:before {
    content: "";
    background-color: #25B36C;
    height: 5px !important;
    width: 5px !important;
    content: " ";
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 0.35rem;
    margin-top:-5px;
}


.tooltip-v7.tooltip-html .tooltip-inner ul.bottom-half, 
.tooltip-v7 .collapsing-tooltip-features ul.bottom-half, 
.collapseing-tooltip-v7.tooltip-html .tooltip-inner ul.bottom-half, 
.collapseing-tooltip-v7 .collapsing-tooltip-features ul.bottom-half {
    columns: 2;
    -webkit-columns: 2;
}

.tooltip-v7.tooltip-html .tooltip-inner ul.bottom-half li, 
.tooltip-v7 .collapsing-tooltip-features ul.bottom-half li, 
.collapseing-tooltip-v7.tooltip-html .tooltip-inner ul.bottom-half li, 
.collapseing-tooltip-v7 .collapsing-tooltip-features ul.bottom-half li {
    display: table;
    width: 50%;
    float: left;
    padding-right: 8px;
}

@media (max-width: 575.98px) {
    .fr .plans-v7 .subtitle,
    .de .plans-v7 .subtitle {
        min-height: 36px;
    }
    
    .fr .plans-v7 .list-v7 {
        min-height: 544px;
    }
    
    .brand-de .plans-v7 .list-v7 {
        min-height: 563px !important;
    }
}

@media (min-width: 576px) {
    .de .subtitle,
    .es .subtitle {
        min-height: 36px;
    }
}
@media (min-width: 576px) and (max-width: 1199.98px) {
    .subtitle {
        min-height: 36px;
    }
}
@media (max-width: 767.98px) {
    .collapseing-tooltip-v7.tooltip-html .tooltip-inner ul,
    .collapseing-tooltip-v7 .collapsing-tooltip-features ul {
        columns: 1;
        width: 100%;
        margin-left: 0.5rem;
    }
    
    span.label.d-block.d-sm-block.d-md-none {
        display: inline-block !important;
    }
    
    .brand-de .plans-v7 .list-v7 {
        min-height: 650px;
    }
    
    .brand-mx .plans-v7 .list-v7 {
        min-height: 578px;
    }
    
    .plans-v7 .list-v7 a.collapsed.d-inline-block.d-md-none.collapse-toggle {
        text-decoration: none;
    }
    
    .tooltip-v7.tooltip-html .tooltip-inner ul.bottom-half, 
    .tooltip-v7 .collapsing-tooltip-features ul.bottom-half, 
    .collapseing-tooltip-v7.tooltip-html .tooltip-inner ul.bottom-half, 
    .collapseing-tooltip-v7 .collapsing-tooltip-features ul.bottom-half {
        columns: 1;
        -webkit-columns: 1;
    }
}
@media (min-width: 768px) {
    span.label.d-none.d-sm-none.d-md-block {
        display: inline-block !important;
    }
}
@media (max-width: 991.98px) {
    .fr .plans-v7 .list-v7 {
        min-height: 608px;
    }
    
    .brand-de .plans-v7 .list-v7 {
        min-height: 650px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .brand-de .plans-v7 .list-v7 {
        min-height: 662px;
    }
    .brand-mx .plans-v7 .list-v7 {
        min-height: 590px;
    }
}
@media (max-width: 1199.98px) {
    .fr .plans-v7 .list-v7 {
        min-height: 644px;
    }
}

#compare-plans a.toggle-link {
    text-decoration: none;
}

#compare-plans a.toggle-link .link-text {
    text-decoration: underline;
}

.ltv.text-white.background-orange-1:after {
   border-top: 10px solid #fd7244; 
}



.splash-tld-circle {

    margin: 1.5rem auto;

    background-color: #fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    -webkit-box-shadow: 0 0 16px -2px rgba(102, 102, 102, 1);

    -moz-box-shadow: 0 0 16px -2px rgba(102, 102, 102, 1);

    box-shadow: 0 0 16px -2px rgba(102, 102, 102, 1);

    display: block;

    vertical-align: middle;

    height: 140px;

    width: 140px;

    padding: 20px

}



.breakpoints:before {

    content: 'Extra small screen / phone (less than 576px | Auto Container)'

}



.b3-breakpoints:before {

    content: 'Extra small devices (phones, less than 320px  | custom breakpoint)'

}



@media (max-width:575px) {

    .pt-xs-0 {

        padding-top: 0 !important

    }

    .pl-xs-0 {

        padding-left: 0 !important

    }

    .pr-xs-0 {

        padding-right: 0 !important

    }

    .pr-xs-1 {

        padding-right: 1rem !important

    }

    .px-xs-0 {

        padding-left: 0 !important;

        padding-right: 0 !important

    }

    .px-xs-1 {

        padding-left: 1rem !important;

        padding-right: 1rem !important

    }

    .px-xs-3 {

        padding-left: 3rem !important;

        padding-right: 3rem !important

    }

    .pl-xs-1 {

        padding-left: 1rem !important

    }

    .pt-xs-0 {

        padding-top: 0 !important

    }

    .pl-xs-1 {

        padding-left: 1rem !important

    }

    .px-xs-20 {

        padding-left: 20px !important;

        padding-right: 20px !important

    }

    .mx-xs-auto {

        margin-left: auto;

        margin-right: auto

    }

    .nav-tabs li {

        width: 100%

    }

    .carousel-item.px-5 {

        padding-left: 15px !important;

        padding-right: 15px !important

    }

    .plan-top {

        width: 100%;

        min-height: auto;

        height: auto;

        -webkit-border-bottom-left-radius: 0;

        -webkit-border-top-right-radius: 10px;

        -moz-border-radius-bottom-left: 0;

        -moz-border-radius-topright: 10px;

        border-bottom-left-radius: 0;

        border-top-right-radius: 10px

    }

    .plan-features {

        width: 100%;

        min-height: auto;

        height: auto;

        -webkit-border-bottom-left-radius: 10px;

        -webkit-border-top-right-radius: 0;

        -moz-border-radius-bottom-left: 10px;

        -moz-border-radius-topright: 0;

        border-bottom-left-radius: 10px;

        border-top-right-radius: 0

    }

    .carousel-controls li {

        font-size: 80%;

        margin: 0 0.5%

    }

    .nav-pills .nav-item {

        width: 95%;

        margin: 1%

    }

}



@media (min-width:576px) {

    .card-deck-wrapper {

        margin-right: -1rem;

        margin-left: -1rem

    }

    .card-deck {

        border-spacing: 10px 0

    }

    .px-sm-up-0 {

        padding-left: 0 !important;

        padding-right: 0 !important

    }

}



@media (min-width:576px) and (max-width:767px) {

    .breakpoints:before {

        content: 'Future: Small screen / phone (576px and up | 540px container)'

    }

    .b3-breakpoints:before {

        content: 'Current: Small devices (phones, less than 768px  | Auto container) '

    }

    .pl-sm-3 {

        padding-left: 3rem !important

    }

    .px-sm-3 {

        padding-left: 3rem !important;

        padding-right: 3rem !important

    }

    .mx-sm-auto {

        margin-left: auto;

        margin-right: auto

    }

    .nav-tabs li {

        width: 50%

    }

    .compare-plans {

        paadding-bottom: 1rem

    }

    .plan {

        margin-bottom: 20px

    }

    .plan-features li.empty {

        display: none

    }

    .plan-component.my-2 {

        margin-top: 1rem !important;

        margin-bottom: 1rem !important

    }

    .mt-sm-3 {

        margin-top: 3rem !important

    }

    .mx-sm-0 {

        margin-left: 0 !important;

        margin-right: 0 !important

    }

    .pt-sm-3 {

        padding-top: 3rem !important

    }

    .pb-sm-2 {

        padding-bottom: 1.5rem !important

    }

    .pl-sm-0 {

        padding-left: 0 !important

    }

    .pr-sm-0 {

        padding-right: 0 !important

    }

    .px-sm-0 {

        padding-left: 0 !important;

        padding-right: 0 !important

    }

}



@media (max-width:767px) {

    h1,

    h2,

    h3,

    .h1,

    .h2,

    .h3 {

        margin: 0;

        padding-top: 1rem;

        padding-bottom: 1rem

    }

    h1,

    .h1 {

        font-size: 30px;

        line-height: 32px;

        letter-spacing: -0.3px

    }

    h3,

    .h3 {

        font-size: 20px;

        line-height: 24px;

    }

    h4,

    .h4 {

        padding-top: 0 !important;

        padding-bottom: 0.5rem !important

    }

    p {

        line-height: 1.5;

        margin-bottom: 0;

        padding-top: 0;

        padding-bottom: 1rem

    }

    .card-faq p a span.faq-text {

        font-size: 14px

    }

    .nav-tabs li {

        float: none

    }

    .captions,

    .checklist {

        color: #333

    }

    .captions,

    .checklist {

        font-size: 16px;

        line-height: 20px;

        font-family: lato,sans-serif;

    }

    blockquote p {

        font-size: 16px;

        line-height: 20px;

        font-family: lato,sans-serif;

    }

    .no-carousel blockquote p {

        min-height: inherit

    }

    .mt-sm-3-down {

        margin-top: 3rem !important

    }

    .mx-sm-0-down {

        margin-left: 0 !important;

        margin-right: 0 !important

    }

    .pt-sm-1-down {

        padding-top: 3rem !important

    }

    .pt-sm-3-down {

        padding-top: 3rem !important

    }

    .pb-sm-2-down {

        padding-bottom: 1.5rem !important

    }

    .pl-sm-0-down {

        padding-left: 0 !important

    }

    .pr-sm-0-down {

        padding-right: 0 !important

    }

    .px-sm-0-down {

        padding-left: 0 !important;

        padding-right: 0 !important

    }

    .pb-sm-0-down,

    .pb-sm-down-0 {

        padding-bottom: 0 !important

    }

    .col-sm-12 .hp-icon {

        margin: 0

    }

    .mx-sm-auto-down {

        margin-right: auto !important;

        margin-left: auto !important

    }

    .mx-sm-down-0 {

        margin-left: 0 !important;

        margin-right: 0 !important

    }

    ul.icon-list li {

        font-size: 14px

    }

    .container-sm-down-full {

        width: 100%

    }

    #blurb-logo .img-fluid {

        max-width: 75%

    }

}



@media (min-width:768px) {

    .mt-md-2-up {

        margin-top: 1.5rem !important

    }

    .mb-md-1-up {

        margin-bottom: 1rem !important

    }

    .ml-md-0-up {

        margin-left: 0 !important

    }

    .pt-md-2-up {

        padding-top: 1.5rem !important

    }

    .pr-md-2-up {

        padding-right: 1.5rem !important

    }

    .px-md-up-0 {

        padding-left: 0 !important;

        padding-right: 0 !important

    }

    .pr-md-up-0 {

        padding-right: 0 !important

    }

    .nav-tabs li {

        margin: 0;

        padding: 0 4px 0 0;

        width: 28.4%;

        max-width: 135px

    }

    .nav-tabs li a {

        border-radius: 10px 10px 0 0;

        margin-left: 0

    }

}



@media (min-width:768px) and (max-width:991px) {

    .breakpoints:before {

        content: 'Future: Medium screen / tablet (768px and up | 720px container)'

    }

    .b3-breakpoints:before {

        content: 'Current: Small devices (tablets, 768px and up | 750px container) '

    }

    h1,

    .h1 {

        font-size: 36px;

        line-height: 42px;

        letter-spacing: -0.3px

    }

    .plan-subheader {

        font-size: 12px;

        line-height: 16px

    }

    .col-md-12 .hp-icon {

        margin: 0

    }

    .pl-md-0 {

        padding-left: 0 !important

    }

    .pr-md-0 {

        padding-right: 0 !important

    }

    .px-md-0 {

        padding-left: 0 !important;

        padding-right: 0 !important

    }

    .pt-md-1 {

        padding-top: 1rem !important

    }

    .ml-md-0 {

        margin: 0 !important

    }

    .mx-md-auto {

        margin-left: auto;

        margin-right: auto

    }

    .card-deck-wrapper {

        margin: 0;

        padding-top: 1.5rem

    }

    .flipped-card-deck.card-deck {

        display: unset;

        border-spacing: 0

    }

    .flipped-card-deck .card.tab-pane {

        display: none

    }

    .flipped-card-deck .card.tab-pane.active {

        display: table;

        width: 100%

    }

    .flipped-card-deck .card-block,

    .flipped-card-deck .card .list-group {

        display: table-cell;

        vertical-align: top

    }

    .flipped-card-deck .card-block {

        width: 42%

    }

    .flipped-card-deck .card .list-group-item:first-child {

        border-top-right-radius: 8px;

        border-top: 0

    }

    .flipped-card-deck .card .list-group-item:nth-child(6) {

        border-bottom-right-radius: 8px;

        border-bottom: 0

    }

    .flipped-card-deck .card .list-group-item {

        padding: 15px 20px 15px 60px

    }

    .plan span[class^="icon-"] {

        top: -4px

    }

    .plan {

        width: 100%;

        float: left

    }

    .plan-top {

        float: left;

        width: 40%;

        min-height: 274px;

        -webkit-border-bottom-left-radius: 10px;

        -webkit-border-top-right-radius: 0;

        -moz-border-radius-bottom-left: 10px;

        -moz-border-radius-topright: 0;

        border-bottom-left-radius: 10px;

        border-top-right-radius: 0;

        padding: 20px 15px

    }

    .plan-features {

        float: left;

        width: 60%;



        -webkit-border-bottom-left-radius: 0;

        -webkit-border-top-right-radius: 10px;

        -moz-border-radius-bottom-left: 0;

        -moz-border-radius-topright: 10px;

        border-bottom-left-radius: 0;

        border-top-right-radius: 10px;

        padding: 0;

        height: 274px;

        overflow: hidden

    }

    .plan-features li {

        padding: 13px 20px 13px 60px

    }

    .plan-features li:last-child {

        display: none

    }

    .plan-features li:first-child {

        border-top: 0

    }

    .plan-features li:nth-child(6) {

        border-bottom: 0

    }

}



@media (max-width:991px) {

    h2,

    .h2 {

        font-size: 28px;

        line-height: 32px;

        letter-spacing: -0.3px

    }

    .grouping {

        font-family: lato,sans-serif;

        font-weight: 700;

        font-size: 14px;

        text-transform: uppercase;

        letter-spacing: 2.6px;

        line-height: 18px

    }

    .plan-header {

        font-size: 12px

    }

    .big {

        font-size: 32px;

        line-height: 32px

    }

    .compare-table,

    .card .list-group {

        font-size: 14px;

        line-height: 18px

    }

    .btn-lg {

        font-size: 24px;

        border-radius: 5px;

        padding: 10px 20px

    }

    .pt-md-down-0,

    .pt-md-0-down {

        padding-top: 0 !important

    }

    .pt-md-1-down {

        padding-top: 1rem !important

    }

}



@media (min-width:992px) {

    .plan-comparison-chart .carousel-inner > .carousel-item {

        display: block

    }

    .mr-lg-up-5,

    .mr-lg-5-up {

        margin-right: 5px !important

    }

    .ml-lg-up-5,

    .ml-lg-5-up {

        margin-left: 5px !important

    }

}



@media (min-width:992px) and (max-width:1199px) {

    .plan-top {

        padding: 20px 10px

    }

    .breakpoints:before {

        content: 'Future: Large screen / desktop (992px and up | 960px container)'

    }

    .b3-breakpoints:before {

        content: 'Current: Medium devices (desktops, 992px and up | 970px container)'

    }

    .col-lg-12 .hp-icon {

        margin: 0

    }

    .pl-lg-0 {

        padding-left: 0 !important

    }

    .pr-lg-0 {

        padding-right: 0 !important

    }

    .px-lg-0 {

        padding-left: 0 !important;

        padding-right: 0 !important

    }

    .mx-lg-auto {

        margin-left: auto;

        margin-right: auto

    }

    .hp-icon {

        margin-left: -10px

    }

}



@media (max-width:1199px) {

    .mx-lg-auto-down {

        margin-left: auto;

        margin-right: auto

    }

}



@media (min-width:1200px) {

    .breakpoints:before {

        content: 'Future: Extra large screen / wide desktop (1200px and up | 1140px container)'

    }

    .b3-breakpoints:before {

        content: 'Current: Large devices (large desktops, 1200px and up | 1170px container)'

    }

    .pl-xl-0 {

        padding-left: 0 !important

    }

    .pr-xl-0 {

        padding-right: 0 !important

    }

    .px-xl-0 {

        padding-left: 0 !important;

        padding-right: 0 !important

    }

    .px-xl-2 {

        padding-left: 1.5rem !important;

        padding-right: 1.5rem !important

    }

    .px-xl-3 {

        padding-left: 3rem !important;

        padding-right: 3rem !important

    }

    .mx-xl-auto {

        margin-left: auto;

        margin-right: auto

    }

    .col-xl-12 .hp-icon {

        margin: 0

    }

}



.tooltip.bs-tooltip-top .tooltip-inner::before {

    border-top-color: #222

}



.tooltip.bs-tooltip-bottom .tooltip-inner::before {

    border-bottom-color: #222

}



.tooltip.bs-tooltip-left .tooltip-inner::before {

    border-left-color: #222

}



.tooltip.bs-tooltip-right .tooltip-inner::before {

    border-right-color: #222

}



.tooltip.bs-tooltip-top .arrow::before,

.tooltip.bs-tooltip-bottom .arrow::before {

    border-top-color: #222

}



.tooltip.bs-tooltip-bottom .arrow::before {

    border-bottom-color: #222

}



.tooltip.show {

    opacity: 1

}



.tooltip .tooltip-inner {

    background: #222 !important;

    font-size: .75rem;

    padding: 1rem !important;

    -webkit-box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.2) !important;

    -moz-box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.2) !important;

    box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.2) !important;

    -wekbit-border-radius: 4px !important;

    -moz-border-radius: 4px !important;

    border-radius: 4px !important;

    color: #fff !important;

    line-height: 18px !important;

    font-family: 'Open Sans', sans-serif !important;

    max-width: 400px !important

}



.tooltip .tooltip-inner::after {

    display: block;

    content: "";

    clear: both

}



.tooltip-box {

    display: block !important

}



.tooltip-boxes .tooltip-box {

    display: none !important

}



.tooltip.tooltip-html .tooltip-inner {

    max-width: 370px !important;

    border: 2px solid #ccc !important;

    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;

    -moz-box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.2) !important;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2) !important;

    -wekbit-border-radius: 5px !important;

    -moz-border-radius: 5px !important;

    border-radius: 5px !important;

    padding: 1rem !important;

    z-index: 9 !important;

    background: #fff !important;

    line-height: 15px !important;

    font-size: 13px !important;

    color: #666 !important;

    letter-spacing: 0 !important;

    font-weight: 400 !important

}



.tooltip.bs-tooltip-top.tooltip-html .arrow::before {

    top: -7px;

    width: 11px;

    height: 11px;

    background: #fff;

    border-left: 2px solid #ccc;

    border-top: 2px solid #ccc;

    -ms-transform: rotate(-135deg);

    -webkit-transform: rotate(-135deg);

    transform: rotate(-135deg)

}



.tooltip.bs-tooltip-bottom.tooltip-html .arrow::before {

    top: 2px;

    width: 11px;

    height: 11px;

    background: #fff;

    border-left: 2px solid #ccc;

    border-top: 2px solid #ccc;

    border-bottom-color: #fff;

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg)

}



.tooltip.tooltip-html ul {

    list-style: none;

    margin: 0;

    padding: 0

}



.tooltip.tooltip-html li {

    padding: 0 10px 8px 15px;

    position: relative;

    width: 100%

}



.tooltip-inner ul li {

    break-inside: avoid;

}



.tooltip.tooltip-html li::before {

    content: "\e80a";

    font-family: "fontello";

    color: #25B36C;

    position: absolute;

    left: 0px;

    font-size: 15px

}



.tooltip.tooltip-html .two-columns ul {

    -webkit-columns: 2;

    -moz-columns: 2;

    columns: 2;

}



.tooltip.tooltip-html h4 {

    margin: 0;

    line-height: 24px;

    padding-bottom: .5rem;

    font-weight: 400;

    color: #333333;

    font-size: 20px;

    text-align: left;

    text-transform: capitalize;

}



.tooltip.tooltip-html .float-left,

.tooltip.tooltip-html .float-right {

    width: 49%;

}



a[data-toggle="tooltip-custom"],

a[data-toggle="collapse"] .icon-question {

    color: #222 !important;

    font-size: 14px;

    border-bottom: 0 !important;

    width: 14px;

    margin-left: 3px;

}



a[data-toggle="tooltip-custom"]:hover,

a.triggeredTooltip[data-toggle="tooltip-custom"] {

    color: #25B36C;

}



a[data-toggle="tooltip-custom"].blurred {



}



@media (max-width:575px) {

    a[data-toggle="tooltip-custom"] {

        margin-left: 2px

    }

}



/* collapse tooltips */



.collapseing-tooltip-v7 h4 {

    margin: 0;

    line-height: 24px;

    padding-bottom: .5rem;

    font-weight: 400;

    color: #333;

    font-size: 20px;

    text-align: left;

    text-transform: capitalize;

}



.collapseing-tooltip-v7.tooltip.show {

    opacity: 1;

}



.collapseing-tooltip-v7.tooltip-html .tooltip-inner .arrow:before {

    display: none;

}



.collapseing-tooltip-v7.tooltip-html .tooltip-inner,

.collapseing-tooltip-v7 .collapsing-tooltip-features {

    border: 2px solid #ccc;

    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

    border-radius: 5px;

    padding: 0.5rem 1rem 1rem 1rem;

    background: #fff;

    line-height: 15px;

    font-size: 13px;

    color: #666666;

    letter-spacing: 0;

    position: relative;

    margin-top: 1rem;

    max-width: 486px;

    opacity: 1;

}



.collapseing-tooltip-v7.tooltip-html .tooltip-inner ul,

.collapseing-tooltip-v7 .collapsing-tooltip-features ul {

    padding: 0;

    display: inline-block;

    columns: 1;

    -webkit-columns: 1;

    -moz-columns: 1;

}



.collapseing-tooltip-v7.tooltip-html .tooltip-inner ul li,

.collapseing-tooltip-v7 .collapsing-tooltip-features ul li {

    padding: 0 0 5px 15px;

    list-style-type: none;

    text-align: left;

    font-weight: normal;

    text-transform: capitalize;

}



.collapseing-tooltip-v7.tooltip-html .tooltip-inner ul li:before,

.collapseing-tooltip-v7 .collapsing-tooltip-features ul li:before {

    content: "\e80a";

    font-family: "fontello";

    font-size: 12px;

    margin-left: -20px;

    margin-right: 5px;

    color: #25B36C;

    vertical-align: middle;

}



.collapseing-tooltip-v7.tooltip-html .tooltip-inner:before,

  .collapseing-tooltip-v7 .collapsing-tooltip-features:before {

    content: "";

    position: absolute;

    top: -8px;

    margin: 0 auto;

    left: 0;

    right: 0;

    width: 11px;

    height: 11px;

    background: #fff;

    border-left: 2px solid #CCCCCC;

    border-top: 2px solid #CCCCCC;

    border-bottom-color: #fff;

    -ms-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



@media (max-width: 575px) {

  .collapseing-tooltip-v7.tooltip-html .tooltip-inner ul,

  .collapseing-tooltip-v7 .collapsing-tooltip-features ul {

        columns: 1;

    }

}

/* /collapse tooltips */



.faq ul {

    padding-bottom: 1px;

    padding-left: 0;

    margin-top: 0

}



.faq .panel-heading {

    -webkit-border-radius: 0;

    -moz-border-radius: 0;

    border-radius: 0

}



.faq .panel {

    background: none;

    border: 0

}



.faq .panel-body p a {

    display: inline;

    font-weight: inherit;

    margin: 0;

    font-size: inherit;

    min-height: auto;

    text-decoration: underline;

    height: auto;

    padding: 0;

    line-height: inherit;

    vertical-align: inherit

}



.faq .panel-body ul li {

    padding-left: 20px

}



.lp-header {

    position: relative;

    z-index: 1;

    letter-spacing: 0.035em;

    border-bottom: 1px solid #666;

    background: #333

}



.lp-header .col-12 {

    position: relative;

    width: 100%;

    min-height: 1px;

    -webkit-box-flex: 0;

    -ms-flex: 0 0 100%;

    flex: 0 0 100%;

    max-width: 100%

}



.lp-header .header-logo img {

    width: 130px;

    height: 43px

}



.lp-header .nav {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    padding-left: 0;

    margin-bottom: 0;

    list-style: none

}



.lp-header .nav .nav-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center

}



.lp-header .nav .nav-link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 0 1rem;

    white-space: nowrap

}



.lp-header .nav .nav-link:hover,

.lp-header .nav .nav-link:active,

.lp-header .nav .nav-link:focus {

    background: #222 !important

}



.lp-header .phones,

.lp-header .phones:hover,

.lp-header .phones:focus {

    font-size: 13px;

    font-size: 0.8125rem;

    text-decoration: none;

    font-family: lato,sans-serif;

    line-height: 1.2;

    color: #fff;

    margin: 0;

    text-transform: uppercase

}



.lp-header .phones span[class^="icon-"]::before,

.lp-header .phones:hover span[class^="icon-"]::before,

.lp-header .phones:focus span[class^="icon-"]::before {

    color: #fff;

    margin: -3px 0 0 0;

    font-size: 1rem;

    vertical-align: middle;

    width: 1.5rem;

    text-align: right

}



.lp-header .dropdown-toggle:after {

    display: inline-block;

    width: 0;

    height: 0;

    margin-left: 0.5em;

    content: "";

    border-top: 0.5em solid;

    border-right: 0.3em solid transparent;

    border-bottom: 0;

    border-left: 0.3em solid transparent;

    color: #999

}



.lp-header .open .dropdown-toggle {

    background: #222 !important

}



.lp-header .open .dropdown-toggle::after {

    border-bottom: 0.5em solid;

    border-top: 0

}



.lp-header .open .dropdown-menu {

    border-radius: 0;

    background: #333;

    color: #fff;

    position: absolute;

    right: 0;

    left: auto;

    margin: 0 !important;

    padding: 0;

    font-weight: 700;

    border: 0;

    min-width: 275px !important

}



.lp-header .open .dropdown-menu a {

    padding: 0.75rem 1rem;

    margin: 0;

    text-transform: none;

    text-align: left;

    height: auto

}



.lp-header .open .dropdown-menu a .phone-label {

    width: 50%

}



.lp-header .open .dropdown-menu a .phone-number {

    width: 50%

}



.lp-header .svg-flag {

    display: inline-block;

    width: 22px;

    height: 13px;

    background-position: 0;

    background-size: 22px;

    background-repeat: no-repeat

}



.lp-header .country {

    padding-left: 1.5rem

}



.lp-header .country a,

.lp-header .country:hover,

.lp-header .country:focus,

.lp-header .country ul li,

.lp-header .country .dropdown-menu {

    font-family: lato,sans-serif;

    font-weight: 700;

    font-size: 13px;

    font-size: 0.8125rem;

    color: #fff;

    text-decoration: none !important;

    list-style: none

}



.lp-header .country span[class^="icon-"]::before {

    color: #fff;

    font-size: 16px;

    font-size: 1rem;

    position: absolute;

    left: 1rem

}



.lp-header .country #languageDrop {

    padding-left: 10px;

    vertical-align: middle

}



.lp-header .chat {

    font-family: lato,sans-serif;

    font-weight: 400;

    font-size: 13px;

    font-size: 0.8125rem;

    position: relative;

    color: #fff;

    text-decoration: none;

    text-transform: uppercase

}



.lp-header .chat span.icon-chat-1::before {

    text-decoration: none !important;

    color: #fff;

    margin: 0;

    line-height: 18px;

    font-size: 1rem;

    width: 1.5rem;

    text-align: left

}



.lp-header .chat:hover,

.lp-header .chat:focus {

    color: #fff;

    text-decoration: none !important

}



.lp-header .chat:hover span[class^="icon-"]::before,

.lp-header .chat:focus span[class^="icon-"]::before {

    color: #fff

}



@media (max-width:575px) {

    .lp-header .open .dropdown-menu {

        background: #ddd

    }

    .lp-header .open .dropdown-menu .nav-link {

        color: #333

    }

    .lp-header .open .dropdown-menu .nav-link:hover,

    .lp-header .open .dropdown-menu .nav-link:active,

    .lp-header .open .dropdown-menu .nav-link:focus {

        background: #ccc !important

    }

}



@media (max-width:767px) {

    .lp-header .nav {

        padding: 0;

        text-align: center;

        min-height: 70px;

        height: 70px

    }

    .lp-header .nav span[class^="icon-"] {

        width: 100%

    }

    .lp-header .nav span[class^="icon-"]::before {

        position: relative !important;

        left: 0 !important;

        right: 0;

        margin: 0 auto;

        text-align: center;

        font-size: 1.5rem

    }

    .lp-header .nav .nav-item {

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

    .lp-header .nav .nav-link {

        width: 100%;

        height: 69px;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        justify-content: center

    }

    .lp-header .nav .header-logo img {

        margin: 0 auto

    }

    .lp-header .nav li {

        width: 22%

    }

    .lp-header .nav li:first-child {

        width: 56%;

        -webkit-box-ordinal-group: 3;

        -webkit-order: 2;

        -ms-flex-order: 2;

        order: 2;

        border-left: 1px solid #666;

        border-right: 1px solid #666

    }

    .lp-header .nav li:nth-child(2) {

        -webkit-box-ordinal-group: 2;

        -webkit-order: 1;

        -ms-flex-order: 1;

        order: 1

    }

    .lp-header .nav li:last-child {

        -webkit-box-ordinal-group: 4;

        -webkit-order: 3;

        -ms-flex-order: 3;

        order: 3;

        margin-left: auto !important

    }

    .lp-header .nav .dropdown-toggle::after {

        display: none

    }

    .lp-header .nav .open .dropdown-menu {

        position: absolute;

        left: 0;

        right: auto

    }

    .lp-header .nav .open .dropdown-menu .nav-link {

        -webkit-box-pack: left !important;

        -ms-flex-pack: left !important;

        justify-content: left !important

    }

    .lp-header .nav #phonesDrop {

        padding: 0;

        margin: 0 auto

    }

    .lp-header .nav .phones span[class^="icon-"]::before,

    .lp-header .nav .phones:hover span[class^="icon-"]::before,

    .lp-header .nav .phones:focus span[class^="icon-"]::before {

        margin: 0 auto;

        text-align: center;

        font-size: 1.5rem

    }

    .lp-header .nav .chat {

        padding: 0 !important

    }

    .lp-header .nav .icon-phone-1:before {

        font-size: 2.5rem

    }

}



@media (min-width:768px) {

    .ml-md-auto,

    .mx-md-auto {

        margin-left: auto !important

    }

    .d-md-inline {

        display: inline !important

    }

}



@media (min-width:768px) and (max-width:991px) {

    .lp-header .header-logo img {

        width: 160px !important;

        height: 53px !important

    }

    .lp-header .nav-link {

        height: 99px

    }

    .lp-header .nav-link.chat {

        display: inline;

        height: inherit

    }

    .lp-header .nav-link.chat:hover,

    .lp-header .nav-link.chat:active,

    .lp-header .nav-link.chat:focus {

        background: transparent !important

    }

    .lp-header .chat {

        text-align: center;

        padding: 0 0.5rem 0 1.75rem !important

    }

    .lp-header .chat span.icon-chat-1::before {

        position: relative;

        left: 0;

        right: 0;

        line-height: 0.8;

        font-size: 1.75rem;

        display: block;

        margin: 0 auto 0.5rem auto;

        text-align: center

    }

    .lp-header .phones,

    .lp-header .phones:hover,

    .lp-header .phones:focus {

        font-size: 20px;

        font-size: 1.25rem

    }

    .lp-header .phones span[class^="icon-"]::before,

    .lp-header .phones:hover span[class^="icon-"]::before,

    .lp-header .phones:focus span[class^="icon-"]::before {

        font-size: 1.75rem;

        margin: -3px 0 0 0;

        width: 2.5rem

    }

    .lp-header .nav {

        min-height: 100px;

        height: 100px

    }

    .lp-header .nav li:nth-child(3) {

        border-right: 1px solid #666

    }

}



@media (min-width:992px) {

    .lp-header .nav {

        min-height: 60px;

        height: 60px

    }

    .lp-header .nav .nav-link {

        height: 59px

    }

    .d-lg-inline {

        display: inline !important

    }

    .d-lg-inline-flex {

        display: -webkit-inline-box !important;

        display: -ms-inline-flexbox !important;

        display: inline-flex !important

    }

}



.disclaimers .price {

    color: #f90

}



div#hp-header ul {

    padding-left: 0px

}



@media (max-width:398px) {

    .rbreak {

        display: block

    }

    .phone-vrule {

        display: none

    }

    div.socialtop ul li.call {

        border-left: 0

    }

}



@media (min-width:399px) {

    .rbreak {

        display: none

    }

}



.socialtop ul {

    display: block;

    clear: both;

    margin: 0

}



.socialtop ul li {

    display: inline;

    font-size: 15px;

    margin: 0 0 0 8px;

    list-style: none

}



.socialtop ul li.call {

    margin-bottom: 10px;

    display: inline-block;

    border-left: 1px solid #e4e4e4;

    padding-left: 10px;

    position: relative

}



.socialtop ul li.flag-fix span.f32 {

    border-right: 1px solid #e4e4e4;

    padding-right: 10px;

    margin-right: 5px

}



.socialtop span.header-country {

    background: #fff;

    background: -moz-linear-gradient(top, #fff 60%, #e4e5e7 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fff), color-stop(100%, #e4e5e7));

    background: -webkit-linear-gradient(top, #fff 60%, #e4e5e7 100%);

    background: -o-linear-gradient(top, #fff 60%, #e4e5e7 100%);

    background: -ms-linear-gradient(top, #fff 60%, #e4e5e7 100%);

    background: linear-gradient(to bottom, #fff 60%, #e4e5e7 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e5e7', GradientType=0);

    -webkit-border-radius: 5px;

    border-radius: 5px;

    font-size: 12px;

    color: #222;

    border: 1px solid #d1d1d1;

    padding: 3px 10px;

    margin-bottom: 10px;

    display: inline-block

}



.socialtop span.header-country a {

    font-size: 12px

}



.socialtop ul li.header-country {

    background: #fff;

    background: -moz-linear-gradient(top, #fff 60%, #e4e5e7 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #fff), color-stop(100%, #e4e5e7));

    background: -webkit-linear-gradient(top, #fff 60%, #e4e5e7 100%);

    background: -o-linear-gradient(top, #fff 60%, #e4e5e7 100%);

    background: -ms-linear-gradient(top, #fff 60%, #e4e5e7 100%);

    background: linear-gradient(to bottom, #fff 60%, #e4e5e7 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e4e5e7', GradientType=0);

    -webkit-border-radius: 5px;

    border-radius: 5px;

    font-size: 12px;

    color: #222;

    border: 1px solid #d1d1d1;

    padding: 5px 10px;

    margin-bottom: 10px;

    display: inline-block

}



.socialtop ul li.header-country select,

.socialtop span.header-country select {

    background: none;

    border: none

}



.socialtop ul li.header-country a,

.socialtop span.header-country a {

    text-decoration: none;

    color: #222

}



.socialtop ul li.header-country a:hover,

.socialtop span.header-country a:hover {

    text-decoration: none;

    color: #222

}



.socialtop ul.icons {

    margin-top: 10px

}



.socialtop ul.icons li {

    margin: 0

}



.socialtop ul.icons li.follow {

    width: inherit;

    font-size: 14px;

    color: #222;

    font-weight: bold

}



.socialtop ul.icons li a i {

    background: none;

    color: #222;

    display: inline-block;

    width: 30px;

    height: 30px;

    font-size: 30px;

    text-align: center;

    line-height: 26px

}



.socialtop ul.icons li a:hover i {

    transition: all 0.05s ease-in-out 0.05s;

    color: #000;

    color: #666

}



.socialtop i.fa-mobile {

    font-size: 22px;

    vertical-align: middle;

    margin-right: 5px

}



.socialtop i.fa-globe {

    font-size: 16px;

    vertical-align: middle;

    margin-right: 5px

}



.headerdetails {

    padding: 10px 0 5px 0;

    border-bottom: 1px solid #e7e7e7

}



.headerdetails .img-responsive {

    display: inline-block

}



.call {

    margin: 0px 0px 10px;

    font-size: 14px;

    color: #222;

    font-weight: bold

}



.call span {

    color: #666;

    font-weight: normal

}



.nav {

    padding-left: 0;

    margin-bottom: 0;

    list-style: none

}



.nav > li {

    position: relative;

    display: block

}



.nav > li > a {

    position: relative;

    display: block;

    padding: 10px 15px

}



.nav > li > a:hover,

.nav > li > a:focus {

    text-decoration: none;

    background-color: #eee

}



.nav > li.disabled > a {

    color: #777

}



.nav > li.disabled > a:hover,

.nav > li.disabled > a:focus {

    color: #777;

    text-decoration: none;

    cursor: not-allowed;

    background-color: transparent

}



.nav .open > a,

.nav .open > a:hover,

.nav .open > a:focus {

    background-color: #eee;

    border-color: #428bca

}



.nav .nav-divider {

    height: 1px;

    margin: 9px 0;

    overflow: hidden;

    background-color: #e5e5e5

}



.nav > li > a > img {

    max-width: none

}



.nav-tabs {

    border-bottom: 1px solid #ddd

}



.nav-tabs > li {

    float: left;

    margin-bottom: -1px

}



.nav-tabs > li > a {

    margin-right: 2px;

    line-height: 1.42857143;

    border: 1px solid transparent;

    border-radius: 4px 4px 0 0

}



.nav-tabs > li > a:hover {

    border-color: #eee #eee #ddd

}



.nav-tabs > li.active > a,

.nav-tabs > li.active > a:hover,

.nav-tabs > li.active > a:focus {

    color: #555;

    cursor: default;

    background-color: #fff;

    border: 1px solid #ddd;

    border-bottom-color: transparent

}



.nav-tabs.nav-justified {

    width: 100%;

    border-bottom: 0

}



.nav-tabs.nav-justified > li {

    float: none

}



.nav-tabs.nav-justified > li > a {

    margin-bottom: 5px;

    text-align: center

}



.nav-tabs.nav-justified > .dropdown .dropdown-menu {

    top: auto;

    left: auto

}



@media (min-width:768px) {

    .nav-tabs.nav-justified > li {

        display: table-cell;

        width: 1%

    }

    .nav-tabs.nav-justified > li > a {

        margin-bottom: 0

    }

}



.nav-tabs.nav-justified > li > a {

    margin-right: 0;

    border-radius: 4px

}



.nav-tabs.nav-justified > .active > a,

.nav-tabs.nav-justified > .active > a:hover,

.nav-tabs.nav-justified > .active > a:focus {

    border: 1px solid #ddd

}



@media (min-width:768px) {

    .nav-tabs.nav-justified > li > a {

        border-bottom: 1px solid #ddd;

        border-radius: 4px 4px 0 0

    }

    .nav-tabs.nav-justified > .active > a,

    .nav-tabs.nav-justified > .active > a:hover,

    .nav-tabs.nav-justified > .active > a:focus {

        border-bottom-color: #fff

    }

}



.nav-pills > li {

    float: left

}



.nav-pills > li > a {

    border-radius: 4px

}



.nav-pills > li + li {

    margin-left: 2px

}



.nav-pills > li.active > a,

.nav-pills > li.active > a:hover,

.nav-pills > li.active > a:focus {

    color: #fff;

    background-color: #428bca

}



.nav-stacked > li {

    float: none

}



.nav-stacked > li + li {

    margin-top: 2px;

    margin-left: 0

}



.nav-justified {

    width: 100%

}



.nav-justified > li {

    float: none

}



.nav-justified > li > a {

    margin-bottom: 5px;

    text-align: center

}



.nav-justified > .dropdown .dropdown-menu {

    top: auto;

    left: auto

}



@media (min-width:768px) {

    .nav-justified > li {

        display: table-cell;

        width: 1%

    }

    .nav-justified > li > a {

        margin-bottom: 0

    }

}



.nav-tabs-justified {

    border-bottom: 0

}



.nav-tabs-justified > li > a {

    margin-right: 0;

    border-radius: 4px

}



.nav-tabs-justified > .active > a,

.nav-tabs-justified > .active > a:hover,

.nav-tabs-justified > .active > a:focus {

    border: 1px solid #ddd

}



@media (min-width:768px) {

    .nav-tabs-justified > li > a {

        border-bottom: 1px solid #ddd;

        border-radius: 4px 4px 0 0

    }

    .nav-tabs-justified > .active > a,

    .nav-tabs-justified > .active > a:hover,

    .nav-tabs-justified > .active > a:focus {

        border-bottom-color: #fff

    }

}



.tab-content > .tab-pane {

    display: none;

    visibility: hidden

}



.tab-content > .active {

    display: block;

    visibility: visible

}



.user-menu .dropdown-menu input.text {

    display: block;

    width: 100%;

    height: 34px;

    padding: 6px 12px;

    font-size: 14px;

    line-height: 1.428571429;

    color: #555;

    vertical-align: middle;

    background-color: #fff;

    background-image: none;

    border: 1px solid #ccc;

    border-radius: 4px;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

    margin-bottom: 8px

}



.user-menu .dropdown-menu input.text:focus {

    border-color: #66afe9;

    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6)

}



.user-menu .dropdown-menu input.text:-moz-placeholder {

    color: #999

}



.user-menu .dropdown-menu input.text::-moz-placeholder {

    color: #999

}



.user-menu .dropdown-menu input.text:-ms-input-placeholder {

    color: #999

}



.user-menu .dropdown-menu input.text::-webkit-input-placeholder {

    color: #999

}



.user-menu .dropdown-menu input.text[disabled],

.user-menu .dropdown-menu input.text[readonly],

.user-menu .dropdown-menu fieldset[disabled] input.text {

    cursor: not-allowed;

    background-color: #eee

}



.user-menu .dropdown-menu a#LoginForm_recoverPassword {

    display: none

}



.user-menu .dropdown-menu {

    background: #f3f3f3;

    right: 0px;

    left: auto;

    z-index: 1000;

    float: left;

    width: 360px;

    padding: 26px 20px 20px;

    margin: 2px 0px 0px;

    list-style: none outside none;

    background-clip: padding-box;

    position: absolute;

    top: 105%;

    text-align: center

}



@media (max-width:576px) {

    .user-menu .dropdown-menu {

        width: 300px;

        right: -85%

    }

    .user-menu li.dropdown:first-child .dropdown-menu {

        right: -150%

    }

}



.user-menu .dropdown-menu label {

    font-family: lato,sans-serif;

    font-size: 22px;

    margin: 5px 0 25px;

    color: #333

}



.user-menu .dropdown-menu label#Form_WebMailForm_url_error {

    line-height: 14px;

    padding-top: 5px

}



.user-menu .dropdown-menu .form-group {

    margin-bottom: 0 !important

}



.user-menu .dropdown-menu h3 {

    text-align: center;

    font-size: 22px;

    color: #333

}



.user-menu .dropdown-menu input.form-control {

    margin-bottom: 10px

}



.user-menu .dropdown-menu .Actions {

    flost: none

}



.user-menu .dropdown-menu input.action {

    background: #f90;

    background: -moz-linear-gradient(top, #f90 0%, #e80 100%);

    background: -webkit-linear-gradient(top, #f90 0%, #e80 100%);

    background: linear-gradient(to bottom, #f90 0%, #e80 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ee8800', GradientType=0);

    border: 0;

    padding: 10px 60px 12px 60px;

    margin: 10px 0;

    border-radius: 5px;

    width: 100%;

    font-family: lato,sans-serif;

    text-transform: uppercase;

    text-shadow: none !important;

    font-weight: 700;

    outline: 0;

    color: #fff;

    font-size: 16px;

    font-size: 1rem;

    line-height: 1.25;

    text-align: center;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    user-select: none;

    display: inline-block

}



.user-menu .dropdown-menu input.action:hover {

    background: #d70;

    background: -moz-linear-gradient(top, #d70 0%, #c60 100%);

    background: -webkit-linear-gradient(top, #d70 0%, #c60 100%);

    background: linear-gradient(to bottom, #d70 0%, #c60 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dd7700', endColorstr='#cc6600', GradientType=0)

}



.user-menu .dropdown-menu #Form_UbersmithLoginForm p,

.user-menu .dropdown-menu #Form_UbersmithLoginForm br {

    display: none

}



.user-menu .dropdown-menu #login-options p {

    padding: 10px 0;

    margin: 0;

    color: #7e7e7e

}



body.es .user-menu .dropdown-menu #login-options p {

    color: #f3f3f3

}



.user-menu .dropdown-menu #login-options a {

    font-size: 12px;

    text-decoration: underline;

    font-weight: normal;

    color: #25B36C

}



body.es .user-menu .dropdown-menu #login-options a {

    display: inline-block

}



.user-menu .dropdown-menua #LoginForm_recoverPassword {

    display: none

}



.user-menu .dropdown-menu a.close {

    display: block;

    font-size: 30px;

    position: absolute;

    right: 10px;

    top: 0;

    cursor: pointer;

    color: #979797

}



.user-menu .dropdown-menu a.close .fa {

    font-size: 19px

}



.user-menu .dropdown-menu .social_logins {

    padding: 0 0 8px 0

}



.user-menu .dropdown-menu .social_logins h3 {

    padding-top: 0;

    padding-bottom: 23px

}



.user-menu .dropdown-menu .social_logins p {

    padding-bottom: 12px

}



.user-menu .dropdown-menu .social_logins a {

    display: inline-block;

    line-height: 1.25;

    text-align: left;

    white-space: nowrap;

    vertical-align: middle;

    cursor: pointer;

    user-select: none;

    border-radius: 0.25rem;

    border: 0;

    width: 100%;

    padding: 10px 20px 12px 20px;

    font-family: lato,sans-serif;

    text-shadow: none !important;

    font-weight: normal;

    outline: 0;

    font-size: 1rem;

    text-decoration: none !important;

    color: #fff;

    background: #bbb;

    background: -moz-linear-gradient(top, #bbb 0%, #aaa 100%);

    background: -webkit-linear-gradient(top, #bbb 0%, #aaa 100%);

    background: linear-gradient(to bottom, #bbb 0%, #aaa 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#aaaaaa', GradientType=0)

}



.user-menu .dropdown-menu .social_logins a:hover {

    color: #fff;

    background: #999;

    background: -moz-linear-gradient(top, #999 0%, #888 100%);

    background: -webkit-linear-gradient(top, #999 0%, #888 100%);

    background: linear-gradient(to bottom, #999 0%, #888 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#888888', GradientType=0);

    outline: 0

}



.user-menu .dropdown-menu .social_logins a .fa {

    width: 60px;

    display: inline-block;

    margin-top: 0px;

    text-align: center;

    position: relative;

    font-size: 120%;

    top: 3px

}



body.es .user-menu .dropdown-menu .social_logins a .fa {

    width: 45px

}



.user-menu .dropdown-menu .social_logins a .fa.fa-google-plus {

    color: #da533b

}



.user-menu .dropdown-menu .social_logins a .fa.fa-facebook {

    color: #48609c

}



.user-menu .dropdown-menu .social_logins a .fa.fa-twitter {

    color: #0eaee8

}



@media (max-width:767px) {

    .user-menu .dropdown-menu .social_logins a {

        font-size: 13px

    }

    .user-menu .dropdown-menu .social_logins a .fa {

        width: 30px

    }

}



.cc-grower {

    overflow: inherit !important

}



.cc-container,

.cc-floating .cc-container {

    width: 100%;

    padding-right: 15px;

    padding-left: 15px;

    margin-right: auto;

    margin-left: auto;

    display: table !important;

    vertical-align: middle

}



.cc-banner .cc-message,

.cc-compliance,

.cc-floating .cc-message,

.cc-floating .cc-compliance,

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {

    display: table-cell !important;

    vertical-align: middle

}



.cc-banner .cc-message,

.cc-compliance,

.cc-floating .cc-message,

.cc-floating .cc-compliance,

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {

    display: table-cell !important;

    vertical-align: middle

}



.cc-window.cc-banner {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem

}



.cc-revoke,

.cc-window {

    font-family: lato,sans-serif;

    font-size: 13px;

    font-size: 0.8125rem;

    line-height: 1.2

}



.cc-message {

    padding-right: 1rem

}



.cc-message:after {

    content: '.'

}



.cc-btn {

    font-family: lato,sans-serif;

    font-weight: 700;

    font-size: 14px;

    font-size: 0.875rem;

    text-transform: uppercase;

    padding: 0.25rem 1rem;

    width: inherit;

    min-width: auto;

    text-decoration: none;

    border: 0;

    cursor: pointer;

    background-color: #6a4 !important;

    line-height: 1.2;

    vertical-align: middle

}



.cc-btn:hover,

.cc-btn:focus,

.cc-color-override-178583075 .cc-btn:hover,

.cc-color-override-178583075 .cc-btn:focus {

    background-color: #25B36C !important;

    text-decoration: none;

    outline: 0

}



.cc-window.cc-floating {

    max-width: 100%;

    border-radius: 0;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem

}



@media (min-width:576px) {

    .cc-container {

        max-width: 540px

    }

}



@media (max-width:767px) {

    .cc-container {

        text-align: center

    }

    .cc-message {

        padding: 0

    }

    .cc-window .cc-message {

        margin-bottom: 0.25rem

    }

    .cc-banner .cc-message,

    .cc-floating .cc-message {

        display: block !important

    }

    .cc-compliance,

    .cc-floating .cc-compliance,

    .cc-floating.cc-type-info.cc-theme-classic .cc-compliance {

        display: inline-block !important

    }

    .cc-message .desktop {

        display: none

    }

}



@media (min-width:768px) {

    .cc-container {

        max-width: 720px

    }

    .cc-message .mobile {

        display: none

    }

}



@media (min-width:992px) {

    .cc-container {

        max-width: 960px

    }

}



@media (min-width:1200px) {

    .cc-container {

        max-width: 1140px

    }

}



.choices {

    font-size: inherit;

    margin: inherit

}



.choices__item.choices__item--selectable {

    padding-right: 14px

}



.choices[data-type*=select-one] .choices__inner,

.choices .choices__inner {

    border: 1px solid #ddd;

    background: #fff;

    background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);

    background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);

    background: linear-gradient(to bottom, #fff 0%, #efefef 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);

    color: #666;

    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

    font-size: 16px;

    font-size: 1rem;

    font-weight: 400;

    text-transform: initial;

    letter-spacing: initial;

    box-shadow: none;

    cursor: pointer;

    padding: 7px 20px 7px 12px;

    min-height: 40px

}



.choices[data-type*=select-one]:hover .choices__inner,

.choices:hover .choices__inner {

    background: #fafafa;

    background: -moz-linear-gradient(top, #fafafa 0%, #eaeaea 100%);

    background: -webkit-linear-gradient(top, #fafafa 0%, #eaeaea 100%);

    background: linear-gradient(to bottom, #fafafa 0%, #eaeaea 100%);

    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#eaeaea', GradientType=0);

}



.choices[data-type*=select-one]:after {

    content: "\e813";

    color: #999;

    font-size: 22px;

    font: normal normal normal 14px/1 fontello;

    text-rendering: auto;

    border: 0;

    width: inherit;

    height: inherit;

    margin-top: -7.5px;

    margin-left: -17.5px

}



.choices[data-type*=select-one] .choices__input {

    padding-left: 12px

}



.choices__list {

    z-index: 1000

}



.choices__list.choices__list--single {

    display: block;

    padding: 0;

    line-height: 24px

}



.choices:focus {

    outline: none

}



.choices__list.choices__list--dropdown {

    background: #f5f5f5;

    height: auto;

    max-height: 350px;

    max-width: inherit;

    width: 100%;

    overflow-x: hidden;

    padding: 0;

    box-shadow: 0 2px 3px 0 #999;

    font-size: 14px;

    font-size: 0.875rem

}



.choices__list.choices__list--dropdown .choices__placeholder {

    display: none

}



.choices__list.choices__list--dropdown .is-highlighted {

    color: #666;

    background: #fff

}



.choices__list.choices__list--dropdown .is-highlighted > a {

    color: #666 !important;

    text-decoration: none !important;

    outline: 0 !important;

    background-color: transparent !important

}



.choices__list.choices__list--dropdown .choices__item {

    padding-left: 12px;

    clear: both

}



#account-details .choices[data-type*=select-one]:after {

    right: 0;

    width: 16px

}



.confirmation-wrapper .ui-disabled {

    opacity: 0 !important;

    color: #666 !important

}



@media (min-width:640px) {

    .choices__list--dropdown .choices__item--selectable {

        padding-right: 25px !important

    }

}



@media (max-width:575px) {

    .choices__list {

        z-index: 0

    }

    .choices__list.choices__list--dropdown {

        min-width: auto;

        z-index: 1000

    }

    .choices .form-control,

    .choices__list.choices__list--dropdown .choices__item .dropdown-item {

        padding: 7px 15px 7px 10px;

        white-space: unset;

        word-wrap: break-word;

        display: flex

    }

    #account-details .choices__list--dropdown,

    #expiration-month .choices__list--dropdown {

        word-break: normal

    }

}



@media (max-width:767px) {

    .choices .form-control {

        font-size: 14px;

        font-size: 0.875rem

    }

}



@media (max-width:575px) {

    #livechat-full {

        width: 100%

    }

}



@media (min-width:576px) and (max-width:767px) {

    .btn.action {

        font-size: 14px;

        font-size: 0.875rem;

        padding: 10px 15px 12px 15px

    }

    .btn-sm {

        font-size: 14px;

        font-size: 0.875rem;

        padding: 8px 10px 7px 10px

    }

}



@media (max-width:767px) {

    header #header-top p.phone {

        display: none

    }

    .form-group {

        margin-bottom: 1rem

    }

    label,

    .form-control {

        font-size: 14px;

        font-size: 0.875rem

    }

    h1,

    h2,

    h3,

    h4,

    h5,

    h6,

    .h1,

    .h2,

    .h3,

    .h4,

    .h5,

    .h6 {

        padding-top: 1rem;

        padding-bottom: 1rem

    }

    p {

        padding-bottom: 1rem

    }

    h1,

    .h1 {

        font-size: 30px;

        font-size: 1.875rem;

        line-height: 32px;

        letter-spacing: -0.3px

    }

    h3,

    .h3 {

        font-size: 20px;

        font-size: 1.25rem;

        line-height: 24px

    }

    .btn.action {

        font-size: 14px;

        font-size: 0.875rem;

        padding: 10px 15px 12px 15px

    }

    .btn-sm {

        font-size: 14px;

        font-size: 0.875rem;

        padding: 8px 10px 7px 10px

    }

    #livechat-compact-container {

        right: 0 !important;

        left: 0 !important;

        width: 100% !important;

        max-height: none !important

    }

    #livechat-full {

        right: 0 !important;

        left: 0 !important;

        margin-left: auto !important;

        margin-right: auto !important

    }

    #content #open-label {

        padding: 6px 15px !important;

        font-size: 14px !important

    }

    #open-icon {

        font-size: 18px !important

    }

}



@media (min-width:768px) {

    #header-logo {

        margin-left: 30px

    }

}



@media (min-width:768px) and (max-width:991px) {

    h1,

    .h1 {

        font-size: 36px;

        font-size: 2.25rem;

        line-height: 42px;

        letter-spacing: -0.3px

    }

    header #steps-wrapper div.step {

        display: inline-block;

        margin-right: 10px

    }

}



@media (max-width:991px) {

    h2,

    .h2 {

        font-size: 28px;

        font-size: 1.75rem;

        line-height: 32px;

        letter-spacing: -0.3px;

        padding-bottom: 0.25rem;

    }

    h3,

    .h3 {

        padding-top: 0;

    }

    .grouping {

        font-size: 14px;

        font-size: 0.875rem;

        line-height: 18px;

        letter-spacing: 2.6px

    }

}



@media (min-width:992px) {

    #footer {

        padding-bottom: 30px

    }

}



@media (max-width:575px) {

    .navbar-brand,

    .navbar .nav-link {

        width: 100%;

        text-align: center;

    }

}



#services .icon {

    font-size: 135px;

    line-height: 0;

    display: block;

    position: relative;

    z-index: -1;

}



a.text-link {

    font-family: lato,sans-serif;

    text-transform: uppercase;

    font-size: 13px;

    font-weight: 700;

    text-decoration: none;

    display: inline-block;

}







.regular-price {

    margin-top:0.4rem;

    display: block;

    font-size: 14px;

}

.plans-v7 .ltv:after {

    margin: 0px auto;

}

.line-through {

    text-decoration: line-through;

}

.page-linux-hosting .optimized:after {

    content: "Linux";

}

.page-postgresql-hosting .optimized:after {

    content: "PostgreSQL";

}

.page-php-hosting .optimized:after {

    content: "PHP";

}

.page-mysql-hosting .optimized:after {

    content: "MySQL";

}

.page-apache-hosting .optimized:after {

    content: "Apache";

}

.page-nodejs-hosting .optimized:after {

    content: "Node.js";

}

.plans-v7 .price-container .terms {

    display: inline;

    font-size: 1.25rem;

}

.price-container sup {

    top: 0;

    font-size: 1.25rem;

}

.plans-v7 h5, 

.plans-v7 .card-title.special {

    font-weight: 900;

}

.plans-v7 h5 {

    font-size: 1.5rem !important;

}

.plans-v7 .list-v7 .list-group-item {

    padding: 0.75rem 1rem;

}



.bs-tooltip-bottom.tooltip-html .arrow {

    display: none;

}



.plans-v7 .list-group-flush .list-group-item::before {

    display:none;

}

.plans-v7 .list-group-flush .list-item-label::before {

    background-color: #25B36C;

    height: 5px;

    width: 5px;

    content: " ";

    display: inline-block;

    border-radius: 50%;

    vertical-align: middle;

    margin-right: 0.35rem;

    margin-top: 6px;

}

.plans-v7 li a.q-tooltip,

.plans-v7 li [class^="icon-"] {

    text-decoration: none;

    color: #2d2d2d;

    margin-left: 3px;

}

.plans-v7 .btn-text {

    line-height: 1.2;

    border-bottom: 0;

    text-decoration: underline;

}

.collapsing-tooltip {

    color: #fff;

    background-color: #2d2d2d;

    border-radius: 5px;

    padding: 0.5rem 1rem 1rem 1rem;

    font-size: 12px !important;

    font-weight: 400;

    text-align: center;

    position: relative;

    margin-top: 0.75rem;

}

.collapsing-tooltip:before {

    content: "";

    position: absolute;

    top: -22px;

    margin: 0 auto;

    left: 0;

    right: 0;

    border: solid 15px transparent;

    border-bottom-color: #2d2d2d;

    width: 15px;

    z-index: 1;

}

.collapsing-tooltip .close,

.collapsing-tooltip .close:hover,

.collapsing-tooltip .close:active,

.collapsing-tooltip .close:focus {

    color: #fff !important;

    outline: 0;

}



@media (min-width: 576px) and (max-width: 1199.98px) {

    .subtitle {

        min-height: 36px;

    }

}

@media (max-width: 767.98px) {

    .collapseing-tooltip-v7.tooltip-html .tooltip-inner ul,

    .collapseing-tooltip-v7 .collapsing-tooltip-features ul {

        columns: 1;

        width: 100%;

        margin-left: 0.5rem;

    }

    

    span.label.d-block.d-sm-block.d-md-none {

        display: inline-block !important;

    }

    

}

@media (min-width: 768px) {
    span.label.d-none.d-sm-none.d-md-block {
        display: inline-block !important;

    }

}