@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Hind:400,300,500,700,600);

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

    ** Custom Stylesheet **

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

***************************************************** */
.product-box h4.login-form-header {
    font-weight: 300;
    border-bottom: 2px solid #57c445;
    padding: 30px 0 10px 0;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    margin: 0 0 0.5em;
    line-height: 1.6;
    color: #515152;
    text-rendering: optimizeLegibility;
}

#frmConfigureDomains > div.row {
    padding-bottom: 10px;
}

#frmConfigureDomains > div.row > div.col-sm-4 {
    padding-top: 3px;
}

button:where(.swal2-styled).swal2-confirm {
    background-color: #2489c5 !important;
}

button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(60, 178, 222, 0.5) !important;
}

.dataTables_wrapper .dataTables_info {
    padding: 9px 10px;
    background-color: #006587;
    border: 0;
    border-bottom: 1px solid #fff;
    font-size: .9em;
    color: #fff;
    border-radius: 4px 4px 0 0;
    text-align: left !important;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}

input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    display: inline !important;
    min-height: auto !important;
}

input.domnsinputs {
    border: 1px solid #ccc !important;
}

.navbar-main li.account {
    background-color: transparent;
}

.navbar-main .navbar-nav > .active > a, .navbar-main .navbar-nav > .active > a:focus, .navbar-main .navbar-nav > .active > a:hover, .navbar-main .navbar-nav > .open > a, .navbar-main .navbar-nav > .open > a:focus, .navbar-main .navbar-nav > .open > a:hover, .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > li > a:hover {
    color: #222;
    background-color: #eee;
}

.iti-flag.nd {
    height: 10px;
    background-position: -1775px 0;
}

div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
    border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
    border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
    border: 2px solid #f7e700;
}

.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid #ff0000;
    background: #fff;
    padding: .2em .8em;
}

span.wpcf7-list-item {
    margin-left: 0.5em;
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
}

div.wpcf7 div.ajax-error {
    display: none;
}

div.wpcf7 .placeheld {
    color: #888;
}

div.wpcf7 .wpcf7-recaptcha iframe {
    margin-bottom: 0;
}

div.wpcf7 input[type="file"] {
    cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
    cursor: default;
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*@font-face {*/
/*    font-family: 'icomoon';*/
/*    src: url('../fonts/icomoon.eot?5u85in');*/
/*    src: url('../fonts/icomoon.eot?5u85in#iefix') format('embedded-opentype'),*/
/*    url('../fonts/icomoon.ttf?5u85in') format('truetype'),*/
/*    url('../fonts/icomoon.woff?5u85in') format('woff'),*/
/*    url('../fonts/icomoon.svg?5u85in#icomoon') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    /*font-family: 'icomoon';*/
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-privacy:before {
    content: "\e94c";
}

.icon-privacy2:before {
    content: "\e94d";
}

.icon-privacy3:before {
    content: "\e94e";
}

.icon-privacy4:before {
    content: "\e94f";
}

.icon-ie:before {
    content: "\e94b";
}

.icon-light-bolt:before {
    content: "\e934";
}

.icon-map:before {
    content: "\e946";
}

.icon-search2:before {
    content: "\e94a";
}

.icon-arrow-right:before {
    content: "\e92a";
}

.icon-ie-registration:before {
    content: "\e928";
}

.icon-info:before {
    content: "\e927";
}

.icon-security:before {
    content: "\e923";
}

.icon-avatar:before {
    content: "\e916";
}

.icon-avatar2:before {
    content: "\e917";
}

.icon-customer-support:before {
    content: "\e90d";
}

.icon-phone:before {
    content: "\e913";
}

.icon-in-business:before {
    content: "\e911";
}

.icon-backup:before {
    content: "\e90f";
}

.icon-control-panel:before {
    content: "\e90c";
}

.icon-hands:before {
    content: "\e90e";
}

.icon-mobile:before {
    content: "\e908";
}

.icon-easy-to-use:before {
    content: "\e904";
}

.icon-free-ip-kvm:before {
    content: "\e905";
}

.icon-powerful:before {
    content: "\e906";
}

.icon-widgets:before {
    content: "\e907";
}

.icon-prot:before {
    content: "\e903";
}

.icon-dns:before {
    content: "\e901";
}

.icon-envelopes:before {
    content: "\e902";
}

.icon-free-backup:before {
    content: "\e949";
}

.icon-accurate-server:before {
    content: "\e900";
}

.icon-billing:before {
    content: "\e909";
}

.icon-boost-rates:before {
    content: "\e90a";
}

.icon-continuous-server:before {
    content: "\e90b";
}

.icon-domain-registar-2:before {
    content: "\e910";
}

.icon-efficient-server:before {
    content: "\e912";
}

.icon-facebook:before {
    content: "\e914";
}

.icon-free-backup2:before {
    content: "\e915";
}

.icon-hardware:before {
    content: "\e918";
}

.icon-home:before {
    content: "\e919";
}

.icon-install:before {
    content: "\e91a";
}

.icon-k1mail:before {
    content: "\e91b";
}

.icon-life-belt:before {
    content: "\e91c";
}

.icon-lifebuoy:before {
    content: "\e91d";
}

.icon-linux:before {
    content: "\e91e";
}

.icon-location:before {
    content: "\e91f";
}

.icon-locked:before {
    content: "\e920";
}

.icon-low-price:before {
    content: "\e921";
}

.icon-medal:before {
    content: "\e922";
}

.icon-network-uptime:before {
    content: "\e924";
}

.icon-network-uptime-sla:before {
    content: "\e925";
}

.icon-people:before {
    content: "\e926";
}

.icon-play:before {
    content: "\e929";
}

.icon-prot2:before {
    content: "\e92b";
}

.icon-pro-templ:before {
    content: "\e92c";
}

.icon-rankings:before {
    content: "\e92d";
}

.icon-reboot:before {
    content: "\e92e";
}

.icon-rss:before {
    content: "\e92f";
}

.icon-sales:before {
    content: "\e930";
}

.icon-scalable:before {
    content: "\e931";
}

.icon-search:before {
    content: "\e932";
}

.icon-secure-server:before {
    content: "\e933";
}

.icon-send:before {
    content: "\e935";
}

.icon-sensitive-data .path1:before {
    content: "\e936";
    color: rgb(0, 0, 0);
}

.icon-sensitive-data .path2:before {
    content: "\e937";
    margin-left: -1.01953125em;
    color: rgb(255, 255, 255);
}

.icon-sensitive-data .path3:before {
    content: "\e938";
    margin-left: -1.01953125em;
    color: rgb(32, 147, 238);
}

.icon-sensitive-data .path4:before {
    content: "\e939";
    margin-left: -1.01953125em;
    color: rgb(0, 0, 0);
}

.icon-sensitive-data .path5:before {
    content: "\e93a";
    margin-left: -1.01953125em;
    color: rgb(32, 147, 238);
}

.icon-sensitive-data .path6:before {
    content: "\e93b";
    margin-left: -1.01953125em;
    color: rgb(0, 0, 0);
}

.icon-server-enterprise:before {
    content: "\e93c";
}

.icon-server-management:before {
    content: "\e93d";
}

.icon-server-pro:before {
    content: "\e93e";
}

.icon-server-starter:before {
    content: "\e93f";
}

.icon-stored-offsite:before {
    content: "\e940";
}

.icon-technical:before {
    content: "\e941";
}

.icon-tools:before {
    content: "\e942";
}

.icon-twitter:before {
    content: "\e943";
}

.icon-user:before {
    content: "\e944";
}

.icon-w:before {
    content: "\e945";
}

.icon-windows:before {
    content: "\e947";
}

.icon-work-done:before {
    content: "\e948";
}

/*#region Responsive Templates */
/*#endregion */
/*#region Mixins */
/*#endregion */

/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––

Trying to centralize all font styles in here to simplify the css mess...

––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
p {
    color: #7a7a7a;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

h2 {
    text-align: center;
    padding-bottom: 1em;
    font-size: 2em;
    font-weight: 300;
}

@media (max-width: 767px) {
    h2 {
        font-size: 1.5em;
    }
}

h3 {
    font-size: 1.75em;
    font-weight: 300;
    margin: 0 0 0.75em 0;
}

@media (max-width: 767px) {
    h3 {
        font-size: 1.5em;
    }
}

.index .hero .content .wrapper h1,
.index.pricing .hero .content .wrapper h1,
.index .hero.ssl .content .wrapper h1 {
    font-size: 3em;
    color: #ffffff;
    text-align: left;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 0.25em;
}

@media (max-width: 767px) {
    .index .hero .content .wrapper h1,
    .index.pricing .hero .content .wrapper h1,
    .index .hero.ssl .content .wrapper h1 {
        font-size: 2em;
    }
}

.index .hero .content .wrapper p,
.index.pricing .hero .content .wrapper p,
.index .hero.ssl .content .wrapper p {
    font-size: 1.75em;
    font-weight: 300;
    margin: 0;
    color: #ffffff;
    text-align: left;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .index .hero .content .wrapper p,
    .index.pricing .hero .content .wrapper p,
    .index .hero.ssl .content .wrapper p {
        font-size: 1.33em;
    }
}

.index .hero.hero_default .content .wrapper h1 {
    font-size: 3em;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 0.25em;
}

@media (max-width: 767px) {
    .index .hero.hero_default .content .wrapper h1 {
        font-size: 2em;
    }
}

.index .hero.hero_default .content .wrapper h2 {
    font-size: 1.75em;
    font-weight: 300;
    margin: 0;
    color: #ffffff;
    text-align: center;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .index .hero.hero_default .content .wrapper h2 {
        font-size: 1.33em;
    }
}

/*#region Responsive Templates */
@media (max-width: 767px) {
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}

/*#endregion */
/*#region Initial */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    display: block !important;
    margin: 0;
    padding: 0;
    height: 100%;
    color: #7a7a7a;
    font-size: 16px;
    line-height: 1.5;
    font-family: "Hind", sans-serif;
    font-style: normal;
    font-weight: 400;
    background: #ffffff;
}

a {
    text-decoration: none;
    color: #2093ee;
    outline: none;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

a:hover, a:focus, a:active {
    outline: none;
    text-decoration: none;
    color: #557eb6;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

button {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
}

hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #d2d2d2;
}

label {
    font-weight: 400;
    margin: 0;
}

/*#endregion */
/*#region Animations */
@-ms-keyframes swinging {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

@-moz-keyframes swinging {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

@-webkit-keyframes swinging {
    0% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
}

@-moz-keyframes swinging {
    0% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(-5deg);
    }
    100% {
        transform: rotate(10deg);
    }
}

.swing {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes colorchange {
    0% {
        color: #2093ee;
    }
    25% {
        color: #4972af;
    }
    50% {
        color: #2093ee;
    }
    100% {
        color: #4972af;
    }
}

.colorchange i {
    -webkit-animation: colorchange 5s infinite;
    /* Chrome, Safari, Opera */
    animation: colorchange 5s infinite;
}

@-ms-keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

@-moz-keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

@-webkit-keyframes spinner {
    from {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -webkit-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

@keyframes spinner {
    from {
        -moz-transform: rotateY(0deg);
        -ms-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    to {
        -moz-transform: rotateY(-360deg);
        -ms-transform: rotateY(-360deg);
        transform: rotateY(-360deg);
    }
}

.spin3d {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 6s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

@-ms-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-moz-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes scale {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}

.scale {
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: scale 5s ease-in-out infinite alternate;
    animation: scale 5s ease-in-out infinite alternate;
}

/*#endregion */
/*#region Colors */
.white {
    color: #ffffff !important;
}

a[class~="white"]:hover {
    color: #e0e0e0 !important;
}

.white-bg {
    background-color: #ffffff !important;
}

.black {
    color: #000000 !important;
}

a[class~="black"]:hover {
    color: black !important;
}

.black-bg {
    background-color: #000000 !important;
}

.gray-darker {
    color: #515152 !important;
}

a[class~="gray-darker"]:hover {
    color: #333333 !important;
}

.gray-darker-bg {
    background-color: #515152 !important;
}

.gray-dark {
    color: #5b5b5b !important;
}

a[class~="gray-dark"]:hover {
    color: #3c3c3c !important;
}

.gray-dark-bg {
    background-color: #5b5b5b !important;
}

.gray {
    color: #7a7a7a !important;
}

a[class~="gray"]:hover {
    color: #5b5b5b !important;
}

.gray-bg {
    background-color: #7a7a7a !important;
}

.gray-light {
    color: #919191 !important;
}

a[class~="gray-light"]:hover {
    color: #727272 !important;
}

.gray-light-bg {
    background-color: #919191 !important;
}

.gray-lighter {
    color: #f9f9f9 !important;
}

a[class~="gray-lighter"]:hover {
    color: #dadada !important;
}

.gray-lighter-bg {
    background-color: #f9f9f9 !important;
}

.blue-darker {
    color: #1a2833 !important;
}

a[class~="blue-darker"]:hover {
    color: #05080a !important;
}

.blue-darker-bg {
    background-color: #1a2833 !important;
}

.blue-dark {
    color: #557eb6 !important;
}

a[class~="blue-dark"]:hover {
    color: #3e6190 !important;
}

.blue-dark-bg {
    background-color: #557eb6 !important;
}

.blue {
    color: #2093ee !important;
}

a[class~="blue"]:hover {
    color: #0f73c2 !important;
}

.blue-bg {
    background-color: #2093ee !important;
}

.red {
    color: #e16868 !important;
}

a[class~="red"]:hover {
    color: #d73535 !important;
}

.red-bg {
    background-color: #e16868 !important;
}

.green-light {
    color: #bcf11d !important;
}

a[class~="green-light"]:hover {
    color: #97c50c !important;
}

.green-light-bg {
    background-color: #bcf11d !important;
}

.green {
    color: #b0d631 !important;
}

a[class~="green"]:hover {
    color: #89a821 !important;
}

.green-bg {
    background-color: #b0d631 !important;
}

.border {
    color: #d2d2d2 !important;
}

a[class~="border"]:hover {
    color: #b3b3b3 !important;
}

.border-bg {
    background-color: #d2d2d2 !important;
}

/*#endregion */
/*#region Layout */
.main-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.main-header .navbar {
    margin: 0;
}

@media (max-width: 767px) {
    .main-header .navbar {
        height: 60px;
        min-height: 60px;
    }
}

.main-header .header-wrapper {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

@media (max-width: 767px) {
    .main-header .header-wrapper {
        border: none;
    }
}

.main-header .sticky .header-wrapper {
    border: none;
}

.main-header .navbar-default {
    background-color: transparent;
    position: absolute;
    border: none;
    padding: 0;
}

.main-header .navbar-default .navbar-nav li.active a {
    color: #bcf11d;
    opacity: 1;
}

.main-header .navbar-default .navbar-nav li.active a:after {
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #bcf11d;
}

@media (max-width: 767px) {
    .main-header .navbar-default .navbar-nav li.active a:after {
        display: none;
    }
}

.main-header .navbar-default .navbar-nav li.domains.active a {
    color: #bcf11d;
    opacity: 1;
}

.main-header .navbar-default .navbar-nav li.domains.active a:after {
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #bcf11d;
}

@media (max-width: 767px) {
    .main-header .navbar-default .navbar-nav li.domains.active a:after {
        display: none;
    }
}

.main-header .navbar-default .navbar-nav li.domains.active a:before {
    position: absolute;
    display: block;
    top: 15px;
    right: 10px;
    content: "SALE";
    width: 28px;
    color: #000000;
    font-size: 10px;
    height: 12px;
    background-color: #bcf11d;
    border-radius: 2px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0;
    text-align: center;
}

.main-header .navbar-brand {
    padding: 30px 15px 0 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .navbar-brand {
        padding-top: 33px;
    }
}

@media (max-width: 767px) {
    .main-header .navbar-brand {
        padding-top: 10px;
        height: 60px;
    }
}

.main-header .navbar-brand .logo {
    display: inline-block;
    vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .navbar-brand .logo img {
        height: 20px;
    }
}

@media (max-width: 767px) {
    .main-header .navbar-brand .logo img {
        height: 20px;
    }
}

.main-header .navbar-brand .tel {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    padding: 3px 0 0 60px;
    color: #ffffff;
    opacity: 0.8;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .main-header .navbar-brand .tel {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .navbar-brand .tel {
        display: none;
    }
}

@media (max-width: 767px) {
    .main-header .navbar-brand .tel {
        display: none;
    }
}

.main-header .navbar-brand .tel:hover {
    opacity: 1;
}

.main-header .navbar-brand .tel i {
    font-size: 14px;
}

@media (max-width: 767px) {
    .main-header .navbar-toggle {
        margin-right: 0;
        margin-top: 22px;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .main-header .navbar-collapse {
        background-color: #1a2833;
        max-height: 400px;
        text-align: center;
        border: none;
    }
}

@media (max-width: 767px) {
    .main-header .container {
        padding-left: 0;
        padding-right: 0;
    }
}

.main-header .navbar-right {
    margin-right: 0;
}

@media (max-width: 767px) {
    .main-header .navbar-right {
        margin-left: 0;
    }
}

.main-header .navbar-default .navbar-nav > li > a {
    position: relative;
    font-size: 16px;
    color: #ffffff;
    font-weight: 500;
    opacity: 0.8;
    padding-left: 12px;
    padding-right: 12px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .navbar-default .navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }
}

@media (max-width: 767px) {
    .main-header .navbar-default .navbar-nav > li > a {
        padding: 7px 12px 6px 12px;
        border-bottom: 1px solid #444;
    }
}

.main-header .navbar-default .navbar-nav > li > a:hover {
    opacity: 1;
}

.main-header .navbar-default .navbar-nav > li.selected > a {
    color: #bcf11d;
    opacity: 1;
}

.main-header .navbar-default .navbar-nav > li.selected > a:after {
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -3px;
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #bcf11d;
}

@media (max-width: 767px) {
    .main-header .navbar-default .navbar-nav > li.selected > a:after {
        display: none;
    }
}

.main-header .tel--mobile {
    display: none;
    padding: 1px 0 0 0;
    background-color: #57c445;
    color: #ffffff;
    margin: 0 0 1em 0;
    line-height: 40px;
    height: 40px;
    border-radius: 3px;
}

@media (max-width: 767px) {
    .main-header .tel--mobile {
        display: block;
    }
}

.main-header .navbar-default .navbar-nav > li.nav_hover > a:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #ffffff;
    background-color: transparent !important;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -10px;
}

@media (max-width: 768px) {
    .main-header .navbar-default .navbar-nav > li.nav_hover > a:after {
        display: none;
    }
}

.main-header .navbar-default .navbar-nav > li.login a,
.main-header .navbar-default .navbar-nav > li.cart a {
    position: relative;
    margin: 24px 0 6px 12px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    opacity: 1;
    box-shadow: 0 10px 16px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .navbar-default .navbar-nav > li.login a,
    .main-header .navbar-default .navbar-nav > li.cart a {
        padding: 0 5px;
    }
}

@media (max-width: 767px) {
    .main-header .navbar-default .navbar-nav > li.login a,
    .main-header .navbar-default .navbar-nav > li.cart a {
        margin: 10px 0 0 0;
    }
}

.main-header .navbar-default .navbar-nav > li.login a i,
.main-header .navbar-default .navbar-nav > li.cart a i {
    font-size: 12px;
    padding-right: 12px;
}

.main-header .navbar-default .navbar-nav > li.login a span,
.main-header .navbar-default .navbar-nav > li.cart a span {
    font-size: 14px;
}

.main-header .navbar-default .navbar-nav > li.login a:hover,
.main-header .navbar-default .navbar-nav > li.cart a:hover {
    background-color: rgba(255, 255, 255, 0.25);
}

.main-header .navbar-default .navbar-nav > li.login a:before {
    content: "";
    position: absolute;
    display: block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    left: 15px;
    top: 13px;
    font-size: 12px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .navbar-default .navbar-nav > li.login a:before,
    .main-header .navbar-default .navbar-nav > li.cart a:before {
        left: 7px;
    }
}

@media (max-width: 767px) {
    .main-header .navbar-default .navbar-nav > li.login a:before,
    .main-header .navbar-default .navbar-nav > li.cart a:before {
        left: 50%;
        margin-left: -60px;
    }
}

.main-header.sticky {
    position: fixed;
}

.main-header.sticky .navbar-default {
    background-color: #1a2833;
    box-shadow: 0 0 60px rgba(0, 0, 0, 0.15);
}

.main-header.sticky .menu > div .content-wrapper {
    background-color: #ffffff;
}


.main-header .menu > div .content-wrapper {
    background-color: #FFF;
    display: table;
    width: 100%;
}

.main-header .menu > div .content-wrapper .left {
    display: table-cell;
    vertical-align: middle;
    padding: 60px 0 60px 60px;
    width: 460px;
    height: 300px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .menu > div .content-wrapper .left {
        height: 350px;
        width: 320px;
        padding: 50px 0 50px 50px;
    }
}

.main-header .menu > div .content-wrapper .left h2 {
    font-size: 40px;
    font-weight: 300;
    padding-bottom: 0;
    text-align: left;
    margin-bottom: 15px;
}

.main-header .menu > div .content-wrapper .left p {
    padding-right: 60px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .menu > div .content-wrapper .left p {
        padding-right: 30px;
    }
}

.main-header .menu > div .content-wrapper .left .explainer {
    position: absolute;
    max-width: 350px;
    opacity: 0;
    top: 40px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .menu > div .content-wrapper .left .explainer {
        max-width: 280px;
    }
}

.main-header .menu > div .content-wrapper .left .explainer.activated {
    opacity: 1;
}

.main-header .menu > div .content-wrapper .right {
    display: table-cell;
    vertical-align: middle;
    padding: 60px 60px 50px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .menu > div .content-wrapper .right {
        padding: 50px 30px 50px 0;
    }
}

.main-header .menu > div .content-wrapper .right ul {
    padding-left: 60px;
    border-left: 1px solid #d2d2d2;
}

.main-header .menu > div .content-wrapper .right ul:before, .main-header .menu > div .content-wrapper .right ul:after {
    content: " ";
    display: table;
}

.main-header .menu > div .content-wrapper .right ul:after {
    clear: both;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-header .menu > div .content-wrapper .right ul {
        padding-left: 30px;
    }
}

@media (max-width: 767px) {
    .main-header .menu > div .content-wrapper .right ul {
        padding: 0;
        text-align: center;
    }
}

.main-header .menu > div .content-wrapper .right ul li {
    display: inline-block;
    width: 50%;
    float: left;
    padding: 7px 0 6px 0;
}

.main-header .menu > div .content-wrapper .right ul li a {
    font-size: 16px;
    font-weight: 500;
    opacity: .8;
}

.main-header .menu > div .content-wrapper .right ul li a:hover {
    opacity: 1;
}

.main-header .menu > div.active {
    height: auto;
    width: auto;
    overflow: visible;
    opacity: 1;
}

@media (max-width: 767px) {
    .main-header .menu > div .content-wrapper {
        background-color: #FFF;
        border-radius: 4px;
    }

    .main-header .menu > div .content-wrapper:before {
        content: '';
        width: 0;
        height: 0;
        border: 10px solid transparent;
        border-bottom-color: #FFF;
        position: absolute;
        top: -16px;
        left: 50%;
        margin-left: -10px;
    }

    .main-header .menu > div .content-wrapper .left {
        display: none !important;
    }

    .main-header .menu > div .content-wrapper .right {
        padding: 10px;
    }

    .main-header .menu > div .content-wrapper .right ul {
        border: none;
    }

    .main-header .menu > div .content-wrapper .right ul li {
        display: block;
        float: none;
        width: auto;
        border-bottom: 1px solid #DDD;
    }
}

@media (max-width: 767px) {
    .main-header .menu {
        left: 10px;
        right: 10px;
    }
}

.header-submenu-phone_number {
    width: 100%;
    padding: 10px 60px;
    background-color: #57c445;
}

@media (max-width: 767px) {
    .header-submenu-phone_number {
        display: none;
    }
}

.header-submenu-phone_number a {
    color: #ffffff;
    font-size: 1.5em;
    display: block;
    text-align: center;
}

.main-footer {
    background-color: #1a2833;
    color: #ffffff;
    padding: 90px 0 40px 0;
    margin-top: 2em;
}

@media (max-width: 767px) {
    .main-footer {
        padding: 20px 0 30px 0;
        text-align: center;
    }
}

.main-footer h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin-bottom: 10px;
    text-transform: uppercase;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-footer h2 {
        font-size: 16px;
        min-height: 40px;
    }
}

@media (max-width: 767px) {
    .main-footer h2 {
        margin-bottom: 0;
        margin-top: 30px;
        text-align: center;
    }
}

.main-footer a {
    color: #ffffff;
    font-weight: 400;
    font-size: 15px;
    opacity: 0.50;
}

.main-footer a:hover {
    opacity: 1;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-footer .legal {
        text-align: center;
    }
}

.main-footer .legal p {
    display: inline-block;
    color: #ffffff;
    opacity: 0.3;
    font-size: 14px;
}

@media (max-width: 767px) {
    .main-footer .legal p {
        text-align: center;
    }
}

.main-footer .legal a {
    position: relative;
    padding-left: 15px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

@media (max-width: 767px) {
    .main-footer .legal a {
        display: block;
    }
}

.main-footer .legal a p {
    display: none;
    color: #ffffff;
    opacity: 0.3;
    font-size: 14px;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.main-footer .legal a i {
    color: #ffffff;
    opacity: 0.5;
}

.main-footer .legal a:hover p {
    position: absolute;
    display: block;
    top: -115px;
    right: -170px;
    width: 300px;
    padding: 10px;
    background-color: #557eb6;
    opacity: 1;
    color: #ffffff;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-footer .legal a:hover p {
        right: 0;
    }
}

@media (max-width: 767px) {
    .main-footer .legal a:hover p {
        width: 260px;
        top: -130px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

.main-footer .legal a:hover i {
    color: #557eb6;
    font-size: 18px;
    opacity: 1;
}

.main-footer .links-box a {
    display: block;
    margin-bottom: 5px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-footer .links-box a {
        font-size: 13px;
    }
}

.main-footer .contact-box p {
    color: #ffffff;
    opacity: 0.5;
    font-size: 14px;
    line-height: 1.4;
    padding-bottom: 10px;
}

.main-footer .contact-box form {
    position: relative;
}

.main-footer .contact-box form input[type="text"] {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-right: none;
    height: 34px;
    border-radius: 0;
    font-size: 14px;
    color: #ffffff;
}

.main-footer .contact-box form button {
    position: absolute;
    top: 24px;
    right: -60px;
    height: 34px;
    width: 60px;
    background-color: transparent;
    color: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 14px;
}

@media (max-width: 991px) {
    .main-footer .contact-box form button {
        right: 0;
        border: none;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
}

.main-footer .contact-box form button:hover {
    color: rgba(255, 255, 255, 0.6);
}

.main-footer .contact-box form i {
    position: absolute;
    top: 7px;
    right: 5px;
}

.main-footer .contact-box .social {
    padding-top: 30px;
}

.main-footer .contact-box .social a {
    font-size: 16px;
    opacity: 0.33;
    padding-right: 6px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    color: #1a2833;
}

.main-footer .contact-box .social a i {
    line-height: 24px;
    vertical-align: middle;
    padding-left: 7px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-footer .contact-box .social a {
        padding-right: 3px;
    }
}

.main-footer .contact-box .social a:hover {
    opacity: 1;
    background-color: white;
}

.main-footer hr {
    margin-top: 40px;
    margin-bottom: 40px;
    border-color: rgba(255, 255, 255, 0.1);
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-footer .logo-box {
        text-align: center;
    }
}

.main-footer .logo-box .copy {
    font-size: 15px;
    opacity: 0.3;
    padding-top: 10px;
}

.main-footer .bottom-links {
    text-align: right;
    padding-top: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .main-footer .bottom-links {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .main-footer .bottom-links {
        text-align: center;
        margin-top: 30px;
    }
}

.main-footer .bottom-links a {
    opacity: 0.4;
    display: inline;
    font-size: 16px;
    padding-right: 15px;
}

@media (max-width: 767px) {
    .main-footer .bottom-links a {
        display: inline-block;
        margin-bottom: 10px;
    }
}

.main-footer .bottom-links a:hover {
    opacity: 1;
}

.main-footer .bottom-links a:last-child {
    padding-right: 0;
}

.main-footer .textwidget .wpcf7 input[type="email"] {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    height: 34px;
    border-radius: 0;
    font-size: 14px;
    color: #ffffff;
}

.main-footer .textwidget .wpcf7 input[type="submit"] {
    position: absolute;
    top: 8px;
    right: 5px;
    background-color: transparent;
    border: none;
    color: rgba(255, 255, 255, 0.25);
}

.main-footer .textwidget .wpcf7 input[type="submit"].send:after {
    content: "\e902";
    position: absolute;
    display: block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.main-footer .textwidget .wpcf7 input[type="submit"] .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok {
    margin: 0 auto !important;
}

/*#endregion */
/*#region Elements */

.btn, .plancompare_columns_column_button, .plancompare_tabs_button,
.plancompare_columns_column .btn {
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    font-size: 12px;
    font-weight: 600 !important;
    text-transform: uppercase;
    line-height: 30px;
    text-align: center;
    padding: 0 35px;
    background-color: #2093ee;
    border: none;
    color: #ffffff;
    border-radius: 4px;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

.client-home-panels .panel > .panel-heading .panel-title .btn:hover {
    color: #fff;
}

.btn-danger {
    color: #fff;
    background-color: #d9534f !important;
    border-color: #d43f3a !important;
}

div.main-content h2 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 6px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #058;
}

#payMethodList .btn {
    padding: 5px 10px !important;
    line-height: 1.5 !important;
    height: auto !important;
    font-size: 10px !important;
}

.table-striped .btn {
    padding: 5px 10px !important;
    line-height: 1.5 !important;
    height: auto !important;
    font-size: 10px !important;
}

.product .btn {
    padding: 0 15px;
}

.btn.hidden {
    display: none;
}

#order-standard_cart .domain-lookup-result .domain-suggestion.hidden {
    display: none;
}

.btn:hover, .plancompare_columns_column_button:hover, .plancompare_tabs_button:hover {
    color: #ffffff;
    background-color: #1181da;
    text-decoration: none;
}

.btn.big, .big.plancompare_columns_column_button, .big.plancompare_tabs_button {
    height: 63px;
    line-height: 63px;
    font-size: 17px;
    padding: 0 100px;
}

.btn.wide, .wide.plancompare_columns_column_button, .wide.plancompare_tabs_button {
    padding: 0 60px;
}

.btn.green, .green.plancompare_columns_column_button, .green.plancompare_tabs_button {
    color: #ffffff !important;
    background-color: #b0d631 !important;
}

.btn.green:hover, .green.plancompare_columns_column_button:hover, .green.plancompare_tabs_button:hover {
    color: #ffffff !important;
    background-color: #9ec227 !important;
}

.btn.white, .white.plancompare_columns_column_button, .white.plancompare_tabs_button {
    color: #557eb6 !important;
    background-color: #ffffff !important;
}

.btn.white:hover, .white.plancompare_columns_column_button:hover, .white.plancompare_tabs_button:hover {
    color: #ffffff !important;
    background-color: #2093ee !important;
}

.btn.blue, .blue.plancompare_columns_column_button, .blue.plancompare_tabs_button {
    color: #ffffff !important;
}

.btn.blue:hover, .blue.plancompare_columns_column_button:hover, .blue.plancompare_tabs_button:hover {
    color: #ffffff !important;
}

.btn.trans, .trans.plancompare_columns_column_button, .trans.plancompare_tabs_button {
    color: #d2d2d2;
    background-color: transparent;
    border: 1px solid #d2d2d2;
}

.btn.trans:hover, .trans.plancompare_columns_column_button:hover, .trans.plancompare_tabs_button:hover {
    color: #ffffff;
    background-color: #1a2833;
}

.btn.prew, .prew.plancompare_columns_column_button, .prew.plancompare_tabs_button {
    width: 64px;
    opacity: 0.31;
    border: 1px solid #979797 !important;
    color: #979797 !important;
    border-radius: 4px;
    background-color: #ffffff !important;
    text-align: center;
}

@media (max-width: 991px) {
    .btn.prew, .prew.plancompare_columns_column_button, .prew.plancompare_tabs_button {
        display: block;
        margin: 0 auto;
        margin-bottom: 25px;
    }
}

.btn.prew i, .prew.plancompare_columns_column_button i, .prew.plancompare_tabs_button i {
    color: #a3a3a3;
    font-size: 30px;
    font-weight: 500;
    text-indent: -5px;
}

.btn.prew:hover, .prew.plancompare_columns_column_button:hover, .prew.plancompare_tabs_button:hover {
    border: 1px solid #203e56 !important;
}

.btn.prew:hover i, .prew.plancompare_columns_column_button:hover i, .prew.plancompare_tabs_button:hover i {
    color: #203e56 !important;
}

.btn.disabled, .disabled.plancompare_columns_column_button, .disabled.plancompare_tabs_button, .btn[disabled], [disabled].plancompare_columns_column_button, [disabled].plancompare_tabs_button, fieldset[disabled] {
    background-color: #dddddd !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select {
    display: block;
    height: 40px;
    width: 100%;
    margin: 0;
    background-color: #ffffff;
    border: none;
    border-radius: 4px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    color: #515152;
    font-weight: 400;
    outline: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
    line-height: normal !important;
}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
    font-weight: 300;
    color: #919191;
}

input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
    font-weight: 300;
    color: #919191;
}

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
    font-weight: 300;
    color: #919191;
}

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
    font-weight: 300;
    color: #919191;
}

@media (min-width: 768px) {
    .table-hide-mob {
        display: table;
    }
}

@media (max-width: 767px) {
    .table-hide-mob {
        display: none;
    }
}

@media (min-width: 768px) {
    .table-show-mob {
        display: none;
    }
}

@media (max-width: 767px) {
    .table-show-mob {
        display: table;
    }
}

img.swingimage {
    position: relative;
    -webkit-transform-origin: 35% 0;
    transform-origin: 35% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;
}

/*#endregion */
/*#region Custom */
.index .hero {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.index .hero .content {
    display: table;
    width: 100%;
    position: relative;
}

.index .hero .content .wrapper {
    display: table-cell;
    vertical-align: middle;
    padding-top: 120px;
    padding-bottom: 30px;
    text-align: center;
}

.index .hero .content .wrapper .bottom {
    margin-top: 30px;
}

.index .hero .content .wrapper .search {
    display: block;
    text-align: left;
    position: relative;
    width: 100%;
    margin: 0 auto;
    border-radius: 6px;
    overflow: hidden;
}

.index .hero .content .wrapper .search input[type="text"] {
    height: 75px;
    width: 100%;
    font-size: 19px;
    font-weight: 600;
    border: none;
    background-color: #ffffff;
    padding-right: 280px;
    padding-left: 40px;
}

@media (max-width: 767px) {
    .index .hero .content .wrapper .search input[type="text"] {
        height: 45px;
        padding-right: 90px;
        padding-left: 15px;
        font-size: 14px;
    }
}

.index .hero .content .wrapper .search input[type="text"]::-webkit-input-placeholder {
    font-style: italic;
}

.index .hero .content .wrapper .search input[type="text"]:-moz-placeholder {
    font-style: italic;
}

.index .hero .content .wrapper .search input[type="text"]::-moz-placeholder {
    font-style: italic;
}

.index .hero .content .wrapper .search input[type="text"]:-ms-input-placeholder {
    font-style: italic;
}

.index .hero .content .wrapper .search button {
    position: absolute;
    top: 0;
    right: 0;
    height: 75px;
    width: 240px;
    background-color: #2093ee;
    border: none;
    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

@media (max-width: 767px) {
    .index .hero .content .wrapper .search button {
        height: 45px;
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
    }
}

.index .hero .content .wrapper .search button:hover {
    background-color: #1181da;
}

.index .hero .content .wrapper .domain-list {
    max-width: 1100px;
    margin: 40px auto;
    overflow: hidden;
}

@media (max-width: 767px) {
    .index .hero .content .wrapper .domain-list {
        text-align: center;
        margin: 50px auto 10px auto;
    }
}

.index .hero .content .wrapper .domain-list li {
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
}

@media (max-width: 767px) {
    .index .hero .content .wrapper .domain-list li {
        float: none;
        width: 102px;
    }
}

.index .hero .content .wrapper .domain-list li a {
    color: #ffffff;
}

.index .hero .content .wrapper .domain-list li a .img-wrapper {
    height: 65px;
    line-height: 65px;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .index .hero .content .wrapper .domain-list li a .img-wrapper img {
        max-width: 70px;
    }
}

.index .hero .content .wrapper .domain-list li a span {
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.index .hero.ssl .content {
    height: 400px;
}

.index .hero.ssl .content .wrapper {
    padding-bottom: 0;
}

@media (max-width: 767px) {
    .index .hero.reseller-hosting .content .wrapper {
        padding-bottom: 270px;
    }
}

.index .hero.reseller-hosting .content .wrapper .domain-list {
    position: relative;
}

.index .hero.reseller-hosting .content .wrapper .domain-list li {
    position: relative;
    width: 33%;
    vertical-align: middle;
    z-index: 99;
}

@media (max-width: 767px) {
    .index .hero.reseller-hosting .content .wrapper .domain-list li {
        width: 100%;
    }
}

.index .hero.reseller-hosting .content .wrapper .domain-list li h3 {
    display: inline-block;
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    vertical-align: top;
}

.index .hero.reseller-hosting .content .wrapper .domain-list:before {
    content: "";
    position: absolute;
    height: 100px;
    top: -30px;
    left: 0;
    right: 0;
    background-color: #000000;
    opacity: 0.51;
    z-index: 9;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .hero.reseller-hosting .content .wrapper .domain-list:before {
        height: 120px;
    }
}

@media (max-width: 767px) {
    .index .hero.reseller-hosting .content .wrapper .domain-list:before {
        height: 120px;
        top: -15px;
    }
}

.index .hero.reseller-hosting .content .wrapper .bottom {
    padding-bottom: 80px;
}

.index .hero .hero-table {
    max-width: 1100px;
    width: 100%;
    margin-top: 95px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
}

@media (max-width: 767px) {
    .index .hero .hero-table {
        margin-top: 0;
    }
}

.index .hero .hero-table tr td {
    vertical-align: middle;
    text-align: left;
    padding: 30px 35px;
}

@media (max-width: 991px) {
    .index .hero .hero-table tr td {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .index .hero .hero-table tr td {
        width: 100%;
        display: block;
        padding: 20px 0 20px 20px;
        text-align: left;
    }
}

.index .hero .hero-table tr td img {
    display: inline-block;
    vertical-align: middle;
}

.index .hero .hero-table tr td h3 {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    padding-left: 15px;
}

@media (max-width: 1199px) {
    .index .hero .hero-table tr td h3 {
        padding-left: 0;
    }
}

.index .hero.feedback h1 {
    font-size: 64px;
    line-height: 500px;
    text-align: center;
    color: #fff;
    font-weight: 300;
}

@media (max-width: 767px) {
    .index .hero.feedback h1 {
        line-height: normal;
    }
}

.index .hero.feedback .content {
    height: 100%;
}

.index .hero.sla .wrapper {
    padding: 0;
}

.index .hero.sla .wrapper .goback {
    padding-top: 25px;
}

.index .hero.iedomain .content {
    height: 600px;
}

@media (max-width: 767px) {
    .index .hero.iedomain .content {
        height: auto;
    }
}

.index .hero.iedomain .content .wrapper {
    padding-bottom: 0;
    padding-top: 240px;
}

@media (max-width: 767px) {
    .index .hero.iedomain .content .wrapper {
        padding-bottom: 0;
        padding-top: 150px;
    }

    .index .hero.iedomain .content .wrapper h1 {
        padding-top: 50px;
    }
}

.index .hero.iedomain .content .wrapper p {
    max-width: none;
}

.index .hero.iedomain .content .wrapper .domain-list li {
    width: 33%;
    padding: 0 0 80px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .hero.iedomain .content .wrapper .domain-list li {
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .index .hero.iedomain .content .wrapper .domain-list li {
        width: 100%;
        padding: 0;
        text-align: left;
        max-width: 300px;
        display: block;
        margin: 0 auto 25px auto;
    }
}

.index .hero.iedomain .content .wrapper .domain-list li i {
    display: inline-block;
    vertical-align: middle;
    font-size: 60px;
    color: #ffffff;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .hero.iedomain .content .wrapper .domain-list li i {
        font-size: 50px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .hero.iedomain .content .wrapper .domain-list li i {
        display: block;
    }
}

@media (max-width: 767px) {
    .index .hero.iedomain .content .wrapper .domain-list li i {
        display: block;
        text-align: center;
        font-size: 50px;
    }
}

.index .hero.iedomain .content .wrapper .domain-list li a {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    text-align: left;
    padding-left: 30px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    /*&:hover{
              color:$blue;
          }*/
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .hero.iedomain .content .wrapper .domain-list li a {
        padding: 10px 0 0 0;
        display: block;
        text-align: center;
    }
}

@media (max-width: 767px) {
    .index .hero.iedomain .content .wrapper .domain-list li a {
        display: block;
        padding-left: 0;
        text-align: center;
    }
}

.index .hero.iedomain .content .wrapper .domain-list li a span {
    font-size: 36px;
    font-weight: 500;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .hero.iedomain .content .wrapper .domain-list li a span {
        font-size: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .hero.iedomain .content .wrapper .domain-list li a span {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    .index .hero.iedomain .content .wrapper .domain-list li a span {
        font-size: 26px;
    }
}

.index .hero.iedomain .content .wrapper .domain-list li a span:after {
    content: "/year";
    display: inline-block;
    font-size: 20px;
}

.index .hero.iedomain .content .wrapper .domain-list li a label {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.index .hero.iedomain .content .wrapper .domain-list li a i {
    font-size: 18px;
    position: relative;
    top: 0;
    right: -35px;
}

@media (max-width: 991px) {
    .index .hero.iedomain .content .wrapper .domain-list li a i {
        right: 0;
        position: initial;
    }
}

.index .hero.iedomain .content .wrapper .bottom {
    position: initial;
    padding-top: 40px;
    padding-bottom: 0;
}

.index .hero.discount {
    overflow: hidden;
    padding: 300px 0 250px 0;
}

@media (max-width: 1199px) {
    .index .hero.discount {
        padding: 300px 0 100px 0;
    }
}

.index .hero.discount h1 {
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 80px;
    font-weight: 400;
    -ms-transform: translate(0, -50%);
    /* IE 9 */
    -webkit-transform: translate(0, -50%);
    /* Safari */
    transform: translate(0, -50%);
}

@media (max-width: 767px) {
    .index .hero.discount h1 {
        font-size: 50px;
    }
}

@media (max-width: 1199px) {
    .index .hero.discount .bottom a {
        display: block;
        max-width: 350px;
        margin: 0 auto;
        float: none;
    }
}

.index .hero.discount .bottom a .domain {
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    width: 88px;
    height: 88px;
    color: #1a2833;
    border-radius: 50%;
}

.index .hero.discount .bottom a .domain p {
    font-size: 35px;
    text-align: center;
    color: #1a2833;
    font-weight: 600;
}

.index .hero.discount .bottom a .domain .domain-percent {
    display: table-cell;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 7px;
    padding-left: 5px;
    background-color: #b0d631;
    color: #1a2833;
    font-weight: 900;
    font-size: 12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.index .hero.discount .bottom a .price {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 25px;
}

.index .hero.discount .bottom a .price label {
    display: block;
    opacity: 0.22;
    color: white;
    font-size: 13px;
    font-weight: 700;
    line-height: 21px;
    text-decoration: line-through;
}

.index .hero.discount .bottom a .price h2 {
    color: #ffffff;
    display: inline-block;
    font-size: 50px;
    font-weight: 300;
    line-height: 73px;
}

.index .hero.discount .bottom a .price span {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.index .hero.discount .bottom a .price p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

.index .hero.discount .bottom a:hover .domain .domain-percent {
    background-color: #57c445;
    color: #ffffff;
}

.index .history-back {
    padding: 200px 0 100px 0;
    text-align: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.index .form-section {
    background-color: #f8f8f8;
}

.index .form-section .row {
    background-color: #fff;
    margin-bottom: 70px;
}

.index .form-section h1 {
    padding: 89px 0 63px 0;
    text-align: center;
    font-size: 50px;
    font-weight: 300;
    line-height: 73px;
}

.index .form-section form {
    padding: 92px 100px 62px 100px;
    background-color: #ffffff;
    border-radius: 5px;
}

@media (max-width: 767px) {
    .index .form-section form {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.index .form-section form .md-input input[type=checkbox] {
    display: inline-block;
    height: auto;
    vertical-align: middle;
    margin: 0;
}

@media (max-width: 500px) {
    .index .form-section form .md-input input[type=checkbox] {
        display: block;
    }
}

.index .form-section form .md-input p {
    display: inline-block;
    max-width: 300px;
    vertical-align: middle;
    padding: 34px 0 34px 23px;
    font-size: 14px;
    line-height: 19px;
}

@media (max-width: 500px) {
    .index .form-section form .md-input p {
        display: block;
        padding-top: 15px;
        padding-left: 0;
    }
}

.index .form-section form .md-input span {
    display: inline-block;
    max-width: 300px;
    vertical-align: middle;
    padding: 34px 0 34px 23px;
    font-size: 14px;
    line-height: 19px;
}

@media (max-width: 500px) {
    .index .form-section form .md-input span {
        display: block;
        padding-top: 15px;
        padding-left: 0;
    }
}

.index .form-section form .md-input input, .index .form-section form .md-input textarea {
    height: 55px;
    border: 0.5px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 16px;
    color: #a3a3a3;
}

.index .form-section form .md-input input::-webkit-input-placeholder, .index .form-section form .md-input textarea::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 500;
}

.index .form-section form .md-input input:-moz-placeholder, .index .form-section form .md-input textarea:-moz-placeholder {
    /* Firefox 18- */
    font-size: 16px;
    font-weight: 500;
}

.index .form-section form .md-input input::-moz-placeholder, .index .form-section form .md-input textarea::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 16px;
    font-weight: 500;
}

.index .form-section form .md-input input:-ms-input-placeholder, .index .form-section form .md-input textarea:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 500;
}

.index .form-section form .md-input textarea {
    height: 184px;
    padding: 22px 0 0 31px;
}

.index .form-section form .md-input .btn, .index .form-section form .md-input .plancompare_columns_column_button, .index .form-section form .md-input .plancompare_tabs_button {
    margin-top: 23px;
    margin-bottom: 65px;
    width: 100%;
    height: 64px;
    line-height: 64px;
}

.index .package-table {
    padding: 89px 0 46px 0;
    background-color: #e8e8e8;
}

.index .package-table h1 {
    text-align: center;
    font-size: 50px;
    font-weight: 300;
    padding-bottom: 70px;
}

.index .package-table .table-tablet {
    width: 100%;
    margin-bottom: 70px;
}

@media (min-width: 992px) {
    .index .package-table .table-tablet {
        display: table;
    }
}

@media (max-width: 991px) {
    .index .package-table .table-tablet {
        display: none;
    }
}

.index .package-table .table-tablet tr {
    background-color: #ffffff;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}

.index .package-table .table-tablet tr td {
    text-align: center;
    width: 100px;
}

.index .package-table .table-tablet tr td:first-child {
    padding: 0 35px;
    text-align: left;
    width: auto;
}

.index .package-table .table-tablet tr td:last-child {
    padding-right: 15px;
}

.index .package-table .table-tablet tr td img {
    display: inline-block;
    vertical-align: middle;
}

.index .package-table .table-tablet tr td h2 {
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    vertical-align: middle;
    padding-left: 28px;
}

.index .package-table .table-tablet tr td h3 {
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    opacity: 0.58;
}

.index .package-table .table-tablet tr td h3:after {
    content: "i";
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    font-size: 8px;
    padding-left: 4.5px;
    margin-left: 10px;
    border: 1px solid #000000;
    border-radius: 50%;
    opacity: 1;
}

.index .package-table .table-tablet tr td h4 {
    vertical-align: middle;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    opacity: 0.58;
    line-height: 95px;
}

.index .package-table .table-tablet tr td h4.purple {
    font-size: 18px;
    font-weight: 700;
    color: #7251cf;
    opacity: 1;
}

.index .package-table .table-tablet tr td h4.red {
    font-size: 18px;
    font-weight: 700;
    color: #e55d5d;
    opacity: 1;
}

.index .package-table .table-tablet tr td h4.green {
    font-size: 18px;
    font-weight: 700;
    color: #57c445;
    opacity: 1;
}

.index .package-table .table-tablet tr td h5 {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    opacity: 0.37;
    padding-bottom: 13px;
}

.index .package-table .table-tablet tr td p {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    max-width: 450px;
    text-align: right;
}

.index .package-table .table-tablet tr:first-child {
    border: none;
}

.index .package-table .table-tablet tr:first-child td {
    height: 112px;
}

.index .package-table .table-tablet tr:first-child td:first-child {
    text-align: left;
}

.index .package-table .table-tablet tr:nth-child(2) {
    border: none;
}

.index .package-table .table-tablet tr:last-child {
    border: none;
}

.index .package-table .table-mobile {
    width: 100%;
}

@media (min-width: 992px) {
    .index .package-table .table-mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .index .package-table .table-mobile {
        display: table;
        margin-bottom: 75px;
    }
}

.index .package-table .table-mobile thead tr td {
    text-align: center;
}

.index .package-table .table-mobile thead tr td img {
    width: auto;
    margin: 15px auto;
}

.index .package-table .table-mobile thead tr td h2 {
    font-size: 30px;
    font-weight: 300;
    color: #ffffff;
    vertical-align: middle;
}

.index .package-table .table-mobile thead tr td p {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    padding: 15px;
}

.index .package-table .table-mobile tbody tr td {
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}

.index .package-table .table-mobile tbody tr td:first-child {
    text-align: left;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    opacity: .58;
}

.index .package-table .table-mobile tbody tr td h4 {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    opacity: .58;
    line-height: 95px;
}

@media (max-width: 767px) {
    .index .package-table .table-mobile tbody tr td h4 {
        line-height: normal;
        font-size: 12px;
        font-weight: 600;
        padding: 15px 0;
    }
}

.index .package-table .table-mobile tbody tr:last-child td {
    border: none;
    height: 96px;
}

@media (min-width: 992px) {
    .index .package-table.mobile {
        display: none;
    }
}

@media (max-width: 991px) {
    .index .package-table.mobile {
        display: block;
    }
}

.index .offer {
    padding: 90px 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .offer {
        padding: 90px 0 0 0;
    }
}

@media (max-width: 767px) {
    .index .offer {
        padding: 60px 0 0 0;
    }
}

.index .offer .offer-box {
    text-align: center;
    outline: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .offer .offer-box {
        padding-bottom: 90px;
    }
}

@media (max-width: 767px) {
    .index .offer .offer-box {
        padding-bottom: 60px;
    }
}

.index .offer .offer-box h1 {
    font-weight: 300;
    color: #2093ee;
    margin-bottom: .6em;
}

.index .offer .offer-box .img-wrapper {
    height: 170px;
    line-height: 170px;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .offer .offer-box .img-wrapper {
        height: 140px;
        line-height: 140px;
    }
}

@media (max-width: 767px) {
    .index .offer .offer-box .img-wrapper {
        height: 130px;
        line-height: 130px;
    }
}

.index .offer .offer-box p {
    margin-bottom: 10px;
}

.index .offer .offer-box li {
    line-height: 1.5;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDD;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .offer .offer-box li {
        font-size: 14px;
    }
}

.index .offer.opt2 h1 {
    color: #2093ee;
}

.index .offer.opt2 p {
    padding-bottom: 15px;
    font-size: 18px;
    font-weight: 300;
    line-height: normal;
}

@media (min-width: 992px) {
    .index .offer.opt2 p {
        min-height: 100px;
    }
}

.index .spam-cost {
    padding-top: 100px;
    padding-bottom: 140px;
}

.index .spam-cost h1 {
    font-size: 50px;
    font-weight: 300;
}

@media (max-width: 991px) {
    .index .spam-cost h1 {
        text-align: center;
    }
}

.index .spam-cost p {
    padding-bottom: 90px;
    color: #2f2f2f;
    max-width: 415px;
}

@media (max-width: 991px) {
    .index .spam-cost p {
        text-align: center;
        max-width: unset;
    }
}

.index .spam-cost .costs {
    background-color: #203e56;
    border-radius: 3px;
}

.index .spam-cost .costs .cost-head {
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(255, 255, 255, 0.09);
}

.index .spam-cost .costs .cost-head h4 {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    padding: 20px 0;
    padding-left: 48px;
}

@media (max-width: 767px) {
    .index .spam-cost .costs .cost-head h4 {
        text-align: center;
        padding-left: 0;
    }
}

.index .spam-cost .costs .cost-body {
    padding: 31px 0 14px 0;
}

.index .spam-cost .costs .cost-body .cost-tab {
    text-align: center;
    display: inline-block;
    width: 32%;
}

@media (max-width: 767px) {
    .index .spam-cost .costs .cost-body .cost-tab {
        width: 49%;
    }
}

@media (max-width: 450px) {
    .index .spam-cost .costs .cost-body .cost-tab {
        display: block;
        width: 100%;
    }
}

.index .spam-cost .costs .cost-body .cost-tab h3 {
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
}

.index .spam-cost .costs .cost-body .cost-tab h3 + p {
    padding-bottom: 0;
}

.index .spam-cost .costs .cost-body .cost-tab label {
    opacity: 0.48;
    color: white;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding-bottom: 34px;
}

.index .spam-cost .wrapper {
    box-shadow: 0 22px 40px rgba(0, 0, 0, 0.08);
}

@media (max-width: 991px) {
    .index .spam-cost .wrapper {
        margin-top: 100px;
    }
}

.index .spam-cost .wrapper form {
    padding: 52px 77px 55px 86px;
}

@media (max-width: 767px) {
    .index .spam-cost .wrapper form {
        padding: 50px 25px;
    }
}

.index .spam-cost .wrapper form p {
    padding-bottom: 15px;
    max-width: unset;
}

.index .spam-cost .wrapper form input {
    height: 54px;
    border: 0.5px solid #979797;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 600;
    opacity: 0.7;
    color: #2f2f2f;
    margin-bottom: 27px;
}

.index .spam-cost .wrapper form input:focus, .index .spam-cost .wrapper form input:target {
    opacity: 1;
}

.index .spam-cost .wrapper form .border {
    border-bottom: 1px solid #979797;
    opacity: 0.63;
    margin: 36px 0 47px 0;
    position: relative;
}

.index .spam-cost .wrapper form .border:before {
    content: "30%";
    display: block;
    position: absolute;
    color: #5b5b5b;
    font-size: 16px;
    font-weight: 600;
    left: 30%;
    top: -30px;
    margin-left: -4px;
}

.index .spam-cost .wrapper form .border:after {
    content: "";
    display: block;
    position: absolute;
    top: -6px;
    left: 30%;
    width: 12px;
    height: 12px;
    background-color: white;
    border: 1px solid #bdbdbd;
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.index .spam-cost .wrapper form a {
    width: 100%;
    height: 60px;
    line-height: 60px;
}

.index .plan {
    padding: 85px 0 125px 0;
}

.index .plan h1 {
    font-size: 50px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 60px;
}

.index .plan .wrapper {
    padding: 39px 40px 38px 42px;
    position: relative;
    box-shadow: 0 14px 37px rgba(0, 0, 0, 0.15);
}

@media (max-width: 991px) {
    .index .plan .wrapper {
        margin: 25px 0;
    }
}

@media (max-width: 767px) {
    .index .plan .wrapper {
        text-align: center;
    }
}

.index .plan .wrapper h3 {
    font-size: 16px;
    font-weight: 600;
    opacity: 0.73;
}

.index .plan .wrapper h2 {
    display: inline-block;
    font-size: 45px;
    font-weight: 300;
    color: #5b5b5b;
}

.index .plan .wrapper h2 + p {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #5b5b5b;
}

.index .plan .wrapper p {
    max-width: 250px;
    font-size: 14px;
    font-weight: 300;
    color: #1d1d1d;
}

@media (max-width: 767px) {
    .index .plan .wrapper p {
        max-width: unset;
    }
}

.index .plan .wrapper .btn, .index .plan .wrapper .plancompare_columns_column_button, .index .plan .wrapper .plancompare_tabs_button {
    position: absolute;
    margin-top: 40px;
    margin-left: 70px;
    top: 40px;
    right: 40px;
}

@media (max-width: 767px) {
    .index .plan .wrapper .btn, .index .plan .wrapper .plancompare_columns_column_button, .index .plan .wrapper .plancompare_tabs_button {
        position: initial;
        margin: 25px 0;
    }
}

.index .plan .wrapper.blue h2, .index .plan .wrapper.blue h3, .index .plan .wrapper.blue p {
    color: #fff;
}

.index .plan .wrapper.blue .btn, .index .plan .wrapper.blue .plancompare_columns_column_button, .index .plan .wrapper.blue .plancompare_tabs_button {
    background-color: #ffffff;
    color: #2093ee;
}

.index .plan .wrapper.blue .btn:hover, .index .plan .wrapper.blue .plancompare_columns_column_button:hover, .index .plan .wrapper.blue .plancompare_tabs_button:hover {
    color: #ffffff;
    background-color: #58d5fb;
}

.index .hosting-plan {
    background-color: #f9f9f9;
    padding-top: 50px;
}

.index .hosting-plan h1 {
    text-align: center;
    font-size: 54px;
    font-weight: 300;
    padding: 40px 0 100px 0;
}

.index .hosting-plan h6 {
    color: #5b5b5b;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    opacity: 0.73;
}

.index .hosting-plan .reseller-wrapper {
    position: relative;
    padding: 90px 15px 74px 15px;
    background-color: #ffffff;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .hosting-plan .reseller-wrapper {
        padding-bottom: 27px;
    }
}

@media (max-width: 991px) {
    .index .hosting-plan .reseller-wrapper {
        padding-bottom: 80px;
        margin-bottom: 100px;
    }
}

@media (max-width: 400px) {
    .index .hosting-plan .reseller-wrapper {
        padding-bottom: 27px;
    }
}

.index .hosting-plan .reseller-wrapper .plan-icon {
    position: absolute;
    display: block;
    width: 96px;
    height: 96px;
    background-color: #ffffff;
    border: none;
    border-radius: 50%;
    box-shadow: 0 15px 26px rgba(0, 0, 0, 0.08);
    top: -48px;
    left: 50%;
    margin-left: -48px;
    text-align: center;
}

.index .hosting-plan .reseller-wrapper ul li {
    position: relative;
    margin: 20px 0;
}

.index .hosting-plan .reseller-wrapper ul li:last-child {
    margin-bottom: 40px;
}

.index .hosting-plan .reseller-wrapper ul li span {
    text-align: left;
    display: inline-block;
    width: 49%;
}

.index .hosting-plan .reseller-wrapper ul li span + span {
    text-align: right;
}

.index .hosting-plan .reseller-wrapper ul li .perc-info {
    display: block;
    width: 100%;
    height: 21px;
    background-color: #FFFFFF;
}

.index .hosting-plan .reseller-wrapper ul li .perc-info .percent {
    height: 21px;
}

.index .hosting-plan .reseller-wrapper ul.entry-list span + span {
    color: #57c445;
    font-weight: 700;
}

.index .hosting-plan .reseller-wrapper ul.standard-list span + span {
    color: #58d5fb;
    font-weight: 700;
}

.index .hosting-plan .reseller-wrapper ul.advanced-list span + span {
    color: #e55d5d;
    font-weight: 700;
}

.index .hosting-plan .reseller-wrapper .text-center {
    position: relative;
    display: block;
}

.index .hosting-plan .reseller-wrapper .text-center h1 {
    font-weight: 300;
    display: inline-block;
}

.index .hosting-plan .reseller-wrapper .text-center p {
    display: inline-block;
    color: #5b5b5b;
    font-weight: 500;
}

.index .hosting-plan .reseller-wrapper .text-center .btn.blue, .index .hosting-plan .reseller-wrapper .text-center .blue.plancompare_columns_column_button, .index .hosting-plan .reseller-wrapper .text-center .blue.plancompare_tabs_button {
    float: left;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .hosting-plan .reseller-wrapper .text-center .btn.blue, .index .hosting-plan .reseller-wrapper .text-center .blue.plancompare_columns_column_button, .index .hosting-plan .reseller-wrapper .text-center .blue.plancompare_tabs_button {
        display: block;
        float: none;
        margin-bottom: 10px;
    }
}

@media (max-width: 400px) {
    .index .hosting-plan .reseller-wrapper .text-center .btn.blue, .index .hosting-plan .reseller-wrapper .text-center .blue.plancompare_columns_column_button, .index .hosting-plan .reseller-wrapper .text-center .blue.plancompare_tabs_button {
        display: block;
        float: none;
        margin-bottom: 10px;
    }
}

.index .hosting-plan .reseller-wrapper .text-center .btn.trans, .index .hosting-plan .reseller-wrapper .text-center .trans.plancompare_columns_column_button, .index .hosting-plan .reseller-wrapper .text-center .trans.plancompare_tabs_button {
    float: right;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .hosting-plan .reseller-wrapper .text-center .btn.trans, .index .hosting-plan .reseller-wrapper .text-center .trans.plancompare_columns_column_button, .index .hosting-plan .reseller-wrapper .text-center .trans.plancompare_tabs_button {
        display: block;
        float: none;
    }
}

@media (max-width: 400px) {
    .index .hosting-plan .reseller-wrapper .text-center .btn.trans, .index .hosting-plan .reseller-wrapper .text-center .trans.plancompare_columns_column_button, .index .hosting-plan .reseller-wrapper .text-center .trans.plancompare_tabs_button {
        display: block;
        float: none;
    }
}

.index .hosting-plan .wrapper {
    background-color: #ffffff;
    width: 100%;
}

.index .resell {
    background-color: #f9f9f9;
    padding: 50px 0;
}

.index .resell .title {
    text-align: center;
    padding: 100px 0;
}

.index .resell .tab-container {
    background-color: #ffffff;
    padding: 54px 65px 74px 74px;
}

@media (max-width: 991px) {
    .index .resell .tab-container {
        height: auto;
    }
}

@media (max-width: 767px) {
    .index .resell .tab-container {
        padding: 50px 15px;
    }
}

.index .resell .tab-container .tab-links {
    border-bottom: 1px solid #979797;
}

@media (max-width: 991px) {
    .index .resell .tab-container .tab-links {
        border-bottom: none;
    }
}

.index .resell .tab-container .tab-links li {
    display: inline-block;
    width: 24%;
    height: 62px;
    text-align: center;
}

@media (max-width: 991px) {
    .index .resell .tab-container .tab-links li {
        display: block;
        width: 100%;
        border-bottom: 1px solid;
        border-color: rgba(141, 141, 141, 0.12);
    }
}

.index .resell .tab-container .tab-links li a {
    color: #5b5b5b;
    font-weight: 600;
    line-height: 62px;
}

.index .resell .tab-container .tab-links li.active {
    border-bottom: 2px solid #2093ee;
}

.index .resell .tab-container .tab-links li.active a {
    color: #2093ee;
}

.index .resell .tab-container .tab-links li:hover {
    border-bottom: 2px solid #2093ee;
}

.index .resell .tab-container .tab-links li:hover a {
    color: #2093ee;
}

.index .resell .tab-container .tab-content {
    display: table-cell;
    vertical-align: middle;
    width: 49%;
    padding: 55px 15px 0 15px;
}

@media (max-width: 991px) {
    .index .resell .tab-container .tab-content {
        display: block;
        width: 100%;
    }
}

.index .resell .tab-container .tab-content h1 {
    padding: 23px 0 17px 0;
}

.index .resell .tab-container .tab-content p {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.33px;
}

.index .resell .tab-container .tab-content .btn, .index .resell .tab-container .tab-content .plancompare_columns_column_button, .index .resell .tab-container .tab-content .plancompare_tabs_button {
    margin-top: 62px;
}

.index .resell .tab-container .tab-list {
    display: table-cell;
    vertical-align: middle;
    width: 49%;
    padding: 55px 15px 15px 0;
}

@media (max-width: 991px) {
    .index .resell .tab-container .tab-list {
        display: block;
        width: 100%;
        margin-top: 45px;
    }
}

.index .resell .tab-container .tab-list ul {
    padding-left: 25%;
}

@media (max-width: 991px) {
    .index .resell .tab-container .tab-list ul {
        padding-left: 0;
    }
}

.index .resell .tab-container .tab-list ul li {
    height: 64px;
    padding-left: 40px;
    border: 1px solid;
    border-color: rgba(141, 141, 141, 0.12);
}

@media (max-width: 767px) {
    .index .resell .tab-container .tab-list ul li {
        height: auto;
        padding: 15px 0 15px 20px;
    }
}

.index .resell .tab-container .tab-list ul li:first-child {
    border-top: none;
}

.index .resell .tab-container .tab-list ul li:last-child {
    border-bottom: none;
    box-shadow: 0 32px 51px rgba(0, 0, 0, 0.04);
}

.index .resell .tab-container .tab-list ul li a {
    line-height: 64px;
    color: #5b5b5b;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.38px;
    cursor: default;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .resell .tab-container .tab-list ul li a {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .index .resell .tab-container .tab-list ul li a {
        line-height: normal;
    }
}

.index .resell .tab-container .tab-list ul li a img {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 42px;
}

.index .resell.extab {
    box-shadow: 0 32px 51px rgba(0, 0, 0, 0.04);
}

.index .resell.extab .tab-container .tab-links li {
    width: 19%;
}

.index .resell.extab .tab-container .tab-links li a {
    font-size: 14px;
    opacity: 0.43;
}

.index .resell.extab .tab-container .tab-links li a:hover {
    opacity: 1;
}

.index .resell.extab .tab-container .tab-links li.active a {
    opacity: 0.7;
}

.index .resell.extab .tab-container .tab-links li.active a:hover {
    opacity: 1;
}

@media (max-width: 991px) {
    .index .resell.extab .tab-container .tab-links li {
        width: 100%;
    }
}

.index .resell.extab .tab-container .reseller .btn i, .index .resell.extab .tab-container .reseller .plancompare_columns_column_button i, .index .resell.extab .tab-container .reseller .plancompare_tabs_button i {
    padding-left: 5px;
}

.index .resell.extab .tab-content {
    padding: 0 15px 0 15px;
}

@media (max-width: 767px) {
    .index .resell.extab .tab-content {
        padding: 15px 15px 0 15px;
    }
}

.index .resell.extab .tab-content ul li {
    position: relative;
}

.index .resell.extab .tab-content ul li:before {
    content: "";
    position: absolute;
    display: block;
    width: 9px;
    height: 9px;
    left: -20px;
    bottom: 9px;
    border: 1px solid #2093ee;
    border-radius: 50%;
}

.index .why {
    padding: 90px 0;
    background-color: #f9f9f9;
    text-align: center;
}

@media (max-width: 767px) {
    .index .why {
        padding: 60px 0 0 0;
    }
}

.index .why i {
    color: #2093ee;
    -webkit-transition: color 1s;
    -moz-transition: color 1s;
    -ms-transition: color 1s;
    -o-transition: color 1s;
    transition: color 1s;
    font-size: 40px;
    line-height: 70px;
}

.index .why i:hover {
    color: #557eb6;
}

.index .why i.swing {
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;
}

.index .why .why-box {
    text-align: center;
    height: 300px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .why .why-box {
        height: 350px;
    }
}

.index .why .why-box h3 {
    font-size: 26px;
    font-weight: 400;
    color: #2093ee;
}

.index .why .why-box .img-wrapper {
    height: 70px;
    line-height: 70px;
}

.index .why .why-box p {
    font-size: 18px;
    color: #5b5b5b;
    line-height: 1.5;
    padding-bottom: 70px;
    padding-left: 40px;
    padding-right: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .why .why-box p {
        line-height: 1.4;
        font-size: 16px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .why .why-box p {
        padding-left: 0;
        padding-right: 0;
        line-height: 1.4;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .index .why .why-box p {
        padding-bottom: 60px;
    }
}

.index .why .img-wrapper i {
    font-size: 55px;
}

.index .why.why-bigImgs {
    background-color: #ffffff;
    padding: 2em 0;
}

.index .why.why-bigImgs .why-box {
    height: auto;
}

.index .why.why-bigImgs .why-box .img-wrapper {
    height: 150px;
}

.index .why.why-bigImgs .why-box li {
    border-bottom: 1px solid #DDD;
    text-align: left;
    font-size: 1.125em;
    padding: .5em 2em;
    position: relative;
}

.index .why.why-bigImgs .why-box li:before {
    content: '\f00c';
    font-family: 'Fontawesome';
    color: #57c445;
    position: absolute;
    left: .5em;
}

@media (max-width: 992px) {
    .index .why.why-bigImgs .why-box li:before {
        left: 0;
    }
}

@media (max-width: 992px) {
    .index .why.why-bigImgs .why-box li {
        font-size: 1em;
        padding: .33em 0 .33em 1.5em;
    }
}

.index .the_package_name, .index .chouse-package.ssl .package h4, .index .chouse-package .package-head h3, .index .chouse-package.vps .container .vps-packages .wrapper .package-head h4 {
    font-size: 1.75em;
    font-weight: 500;
    text-align: center;
    padding: 20px 15px 15px;
    background-color: #E5E5E5;
    margin: 0;
}

.index .the_package_price, .index .chouse-package.ssl .package h2, .index .chouse-package .package-head h2 {
    background-color: #ffffff;
    font-size: 56px;
    font-weight: 300;
    color: #000000;
    padding: 15px 0 10px 0;
    text-align: center;
}

.index .the_package_li, .index.vps .chouse-package .package-body, .index .chouse-package.ssl .package .wrapper, .index .chouse-package.ssl .package ul li, .index .chouse-package .package-body ul li {
    padding: 0.5em 1em 0.4em 1em;
    font-size: 1.125em;
    text-align: left;
    border-bottom: 1px solid #ffffff;
    background-color: #E5E5E5;
}

.index.vps .chouse-package .package-body {
    /* padding:15px 20px; */
}

.index.vps .chouse-package .package-body .wrapper span + span {
    float: right;
}

.index.vps .chouse-package .package-body .wrapper .percent {
    background-color: #FFF !important;
}

.index.vps .chouse-package .package-body .wrapper .percent .background {
    background-color: #2093ee;
    height: 10px;
}

.index.vps .chouse-package .popular .package-body .wrapper .percent .background {
    background-color: #e16868;
}

.index .package {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.index .chouse-package {
    padding: 40px 0;
    overflow: hidden;
}

.index .chouse-package h1 {
    text-align: center;
    padding-bottom: 1em;
    font-size: 3em;
    font-weight: 300;
}

@media (max-width: 767px) {
    .index .chouse-package h1 {
        font-size: 2em;
    }
}

@media (max-width: 991px) {
    .index .chouse-package .container {
        width: 100% !important;
    }
}

.index .chouse-package .title {
    font-size: 65px;
    font-weight: 300;
    text-align: center;
    padding: 150px 0;
}

@media (max-width: 767px) {
    .index .chouse-package .title {
        font-size: 40px;
        padding: 100px 0;
    }
}

.index .chouse-package .hosting-plan-table h2 {
    display: inline-block;
    font-size: 40px;
    font-weight: 300;
    color: #ffffff;
    vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .chouse-package .hosting-plan-table h2 {
        font-size: 38px;
    }
}

@media (max-width: 767px) {
    .index .chouse-package .hosting-plan-table h2 {
        display: block;
        padding-bottom: 0;
        font-size: 30px;
    }
}

@media (max-width: 500px) {
    .index .chouse-package .hosting-plan-table h2 {
        font-size: 22px;
    }
}

.index .chouse-package .hosting-plan-table h3 {
    display: block;
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    text-indent: 45px;
}

@media (max-width: 1199px) {
    .index .chouse-package .hosting-plan-table h3 {
        max-width: unset;
        text-align: center;
        text-indent: 0;
    }
}

@media (max-width: 991px) {
    .index .chouse-package .hosting-plan-table h3 {
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    .index .chouse-package .hosting-plan-table h3 {
        font-size: 10px;
    }
}

.index .chouse-package .hosting-plan-table h4 {
    color: #5b5b5b;
    font-size: 18px;
    font-weight: 400;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .index .chouse-package .hosting-plan-table h4 {
        font-size: 16px;
    }
}

.index .chouse-package .hosting-plan-table p {
    display: inline-block;
    color: #ffffff;
    vertical-align: baseline;
}

.index .chouse-package .hosting-plan-table .hosting-plan-head {
    text-align: right;
    z-index: 9;
}

@media (max-width: 767px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-head {
        text-align: center;
    }
}

.index .chouse-package .hosting-plan-table .hosting-plan-head li {
    display: inline-block;
    width: 20%;
    height: 196px;
    margin-left: -2px;
    margin-right: -2px;
    padding-top: 50px;
    text-align: center;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-head li {
        height: 210px;
    }
}

@media (max-width: 767px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-head li {
        height: auto;
        padding-bottom: 50px;
        width: 25%;
    }
}

.index .chouse-package .hosting-plan-table .hosting-plan-head li:last-child {
    margin-right: 0;
}

.index .chouse-package .hosting-plan-table .hosting-plan-head li h2:after {
    content: "/mo";
    position: relative;
    top: 0;
    right: 0;
    color: #ffffff;
    font-size: 11px;
}

@media (max-width: 991px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-head li h2:after {
        display: block;
    }
}

.index .chouse-package .hosting-plan-table .hosting-plan-head li .btn, .index .chouse-package .hosting-plan-table .hosting-plan-head li .plancompare_columns_column_button, .index .chouse-package .hosting-plan-table .hosting-plan-head li .plancompare_tabs_button {
    display: block;
    width: 80%;
    margin: 0 auto;
    background-color: #ffffff;
}

.index .chouse-package .hosting-plan-table .hosting-plan-head li .btn:hover, .index .chouse-package .hosting-plan-table .hosting-plan-head li .plancompare_columns_column_button:hover, .index .chouse-package .hosting-plan-table .hosting-plan-head li .plancompare_tabs_button:hover {
    background-color: #FFFFFF;
}

@media (max-width: 767px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-head li .btn:hover, .index .chouse-package .hosting-plan-table .hosting-plan-head li .plancompare_columns_column_button:hover, .index .chouse-package .hosting-plan-table .hosting-plan-head li .plancompare_tabs_button:hover {
        color: #2093ee !important;
    }
}

@media (max-width: 767px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-head li .btn, .index .chouse-package .hosting-plan-table .hosting-plan-head li .plancompare_columns_column_button, .index .chouse-package .hosting-plan-table .hosting-plan-head li .plancompare_tabs_button {
        display: inline-block;
        width: auto;
        margin: 0 auto;
        padding: 6px 12px;
        background-color: transparent !important;
        color: #ffffff !important;
    }
}

@media (max-width: 500px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-head li .btn, .index .chouse-package .hosting-plan-table .hosting-plan-head li .plancompare_columns_column_button, .index .chouse-package .hosting-plan-table .hosting-plan-head li .plancompare_tabs_button {
        padding: 0;
    }
}

.index .chouse-package .hosting-plan-table .hosting-plan-body {
    text-align: right;
}

.index .chouse-package .hosting-plan-table .hosting-plan-body ul:first-child li:first-child {
    border-top: 1px solid #dddddd;
}

.index .chouse-package .hosting-plan-table .hosting-plan-body ul li {
    display: inline-block;
    width: 20%;
    height: 80px;
    float: left;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}

@media (max-width: 767px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-body ul li {
        width: 25%;
        text-align: center;
    }
}

.index .chouse-package .hosting-plan-table .hosting-plan-body ul li:first-child {
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
}

@media (max-width: 767px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-body ul li:first-child {
        border: none;
        border-bottom: 1px solid #dddddd;
        display: block;
        width: 100%;
        text-align: center;
    }
}

.index .chouse-package .hosting-plan-table .hosting-plan-body ul li:first-child h4 {
    font-weight: 300;
}

@media (max-width: 767px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-body ul li:first-child h4 {
        font-weight: 600;
    }
}

.index .chouse-package .hosting-plan-table .hosting-plan-body ul li:last-child {
    border-right: 1px solid #dddddd;
}

@media (max-width: 767px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-body ul li:last-child {
        border-right: none;
    }
}

.index .chouse-package .hosting-plan-table .hosting-plan-body ul li img {
    max-width: 19px;
    max-height: 19px;
    margin-top: 30px;
}

.index .chouse-package .hosting-plan-table .hosting-plan-body ul li img:last-child {
    margin-right: 15px;
}

.index .chouse-package .hosting-plan-table .hosting-plan-body ul li h4 {
    line-height: 80px;
    padding-right: 15px;
}

@media (max-width: 767px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-body ul li h4 {
        padding-right: 0;
        font-size: 14px;
    }
}

@media (max-width: 400px) {
    .index .chouse-package .hosting-plan-table .hosting-plan-body ul li h4 {
        line-height: unset;
        padding-top: 27px;
        font-size: 12px;
    }
}

.index .chouse-package .hosting-plan-table .hosting-plan-body ul:last-child li {
    border-bottom: 1px solid #dddddd;
}

.index .chouse-package .hosting-plan-table .hosting-plan-body ul.security img {
    width: auto;
    height: auto;
    opacity: 0.51;
    max-height: unset;
    max-width: unset;
}

.index .chouse-package.ssl {
    padding-top: 90px;
}

.index .chouse-package.ssl .col-md-3 {
    padding-left: 5px;
    padding-right: 5px;
}

.index .chouse-package.ssl h1 {
    text-align: center;
    font-size: 50px;
    font-weight: 300;
    padding-bottom: 80px;
}

@media (max-width: 767px) {
    .index .chouse-package.ssl h1 {
        font-size: 40px;
        padding: 0;
    }
}

.index .chouse-package.ssl .package-head {
    display: block;
    height: 45px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}

@media (max-width: 767px) {
    .index .chouse-package.ssl .package-head {
        margin-top: 50px;
    }
}

.index .chouse-package.ssl .package-head p {
    font-size: 14px;
    font-weight: 600;
    line-height: 45px;
    color: #ffffff;
}

.index .chouse-package.ssl .package h2:after {
    content: "/mo";
    position: relative;
    top: 0;
    right: 0;
    font-size: 20px;
    font-weight: 300;
}

.index .chouse-package.ssl .package h3 {
    opacity: 0.4;
    color: #5b5b5b;
    font-size: 25px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 50px;
}

.index .chouse-package.ssl .package h3:after {
    content: "/year";
    position: relative;
    top: 0;
    right: 0;
    font-size: 14px;
    font-weight: 600;
}

.index .chouse-package.ssl .package .wrapper span {
    display: inline-block;
    width: 49%;
    font-size: 14px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .chouse-package.ssl .package .wrapper span {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.index .chouse-package.ssl .package .wrapper span + span {
    text-align: right;
    font-weight: 600;
    color: #000000 !important;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .chouse-package.ssl .package .wrapper span + span {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.index .chouse-package.ssl .package .wrapper .percent {
    background-color: #FFFFFF;
    height: 10px;
}

.index .chouse-package.ssl .package .wrapper .percent .background {
    height: 10px;
    box-shadow: none !important;
}

.index .chouse-package.ssl .package ul li img {
    display: inline-block;
    width: 15px;
    height: 15px;
    opacity: 0.89;
}

.index .chouse-package.ssl .package ul li p {
    display: inline-block;
    font-size: 14px;
    padding-left: 20px;
}

.index .chouse-package.ssl .package a.btn, .index .chouse-package.ssl .package a.plancompare_columns_column_button, .index .chouse-package.ssl .package a.plancompare_tabs_button {
    width: 100%;
}

.index .chouse-package.ssl .btn.trans, .index .chouse-package.ssl .trans.plancompare_columns_column_button, .index .chouse-package.ssl .trans.plancompare_tabs_button {
    margin-top: 10px;
}

.index .chouse-package.ssl.backup .package {
    padding: 0;
    min-height: 450px;
    position: relative;
}

@media (max-width: 1199px) {
    .index .chouse-package.ssl.backup .package {
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .index .chouse-package.ssl.backup .package:first-child {
        margin-bottom: 100px;
    }
}

.index .chouse-package.ssl.backup .package .package-header {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.index .chouse-package.ssl.backup .package .package-header h4 {
    color: #ffffff;
    opacity: 0.5;
    padding-top: 40px;
}

.index .chouse-package.ssl.backup .package .package-header h2 {
    color: #ffffff;
    padding-top: 0;
}

.index .chouse-package.ssl.backup .package .package-body {
    padding: 30px 30px;
    min-height: 200px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .chouse-package.ssl.backup .package .package-body {
        min-height: 240px;
    }
}

.index .chouse-package.ssl.backup .package a {
    max-width: 300px;
    margin: 0 auto;
    display: block;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .chouse-package.ssl.backup .package a {
        max-width: 235px;
    }
}

@media (max-width: 767px) {
    .index .chouse-package.ssl.backup .package a {
        max-width: 225px;
    }
}

.index .chouse-package .package-head {
    text-align: center;
    padding: 0;
}

.index .chouse-package .package-head h2:after {
    content: "/mo";
    font-size: 14px;
    font-weight: 600;
    color: #7a7a7a;
}

.index .chouse-package .package-body {
    background-color: #E5E5E5;
}

.index .chouse-package .package-body ul li img {
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}

.index .chouse-package .package-body ul li p {
    display: inline-block;
    margin-bottom: 0;
}

.index .chouse-package .package-footer {
    padding: 1em;
    background-color: #E5E5E5;
}

.index .chouse-package .package-footer a {
    width: 100%;
}

.index .chouse-package.vps {
    position: relative;
    overflow: visible;
}

@media (min-width: 1500px) {
    .index .chouse-package.vps .container {
        width: 1470px;
    }
}

@media (max-width: 1199px) {
    .index .chouse-package.vps .container {
        width: 100% !important;
    }
}

.index .chouse-package.vps .container h1 {
    color: #515152;
    font-size: 50px;
    font-weight: 300;
}

.index .chouse-package.vps .container .vps-packages {
    margin-top: -200px;
    margin-bottom: 30px;
}

.index .chouse-package.vps .container .vps-packages .wrapper {
    position: relative;
    display: inline-block;
    width: 284px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .index .chouse-package.vps .container .vps-packages .wrapper {
        width: 224px;
    }
}

@media (max-width: 1199px) {
    .index .chouse-package.vps .container .vps-packages .wrapper {
        width: 49%;
        margin-bottom: 70px;
    }
}

@media (max-width: 767px) {
    .index .chouse-package.vps .container .vps-packages .wrapper {
        width: 100%;
    }
}

.index .chouse-package.vps .container .vps-packages .wrapper.popular .package-head {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.index .chouse-package.vps .container .vps-packages .wrapper.popular:before {
    content: "POPULAR VPS PLAN";
    display: block;
    position: absolute;
    top: -56px;
    left: 0;
    right: 0;
    height: 56px;
    opacity: 0.75;
    color: white;
    background-color: #bd2626;
    font-size: 14px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;
}

.index .chouse-package.vps .container .vps-packages .wrapper .package-head {
    /* min-height: 238px;
          padding-left: 15px;
          padding-right: 15px; */
}

.index .chouse-package.vps .container .vps-packages .wrapper .package-head h2 {
    font-size: 48px;
}

.index .chouse-package.vps .container .vps-packages .wrapper .package-head h4 {
    font-size: 1.4em;
}

.index .chouse-package.vps .container .vps-packages .wrapper .package-head h5 {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    opacity: 1;
    padding: 1em;
}

.index .chouse-package.vps .container .vps-packages .wrapper .package-body .wrapper {
    width: 260px;
    box-shadow: none;
    padding-right: 20px;
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .index .chouse-package.vps .container .vps-packages .wrapper .package-body .wrapper {
        width: 194px;
    }
}

@media (max-width: 1199px) {
    .index .chouse-package.vps .container .vps-packages .wrapper .package-body .wrapper {
        width: 100%;
        margin-bottom: 0;
    }
}

.index .chouse-package.vps .container .vps-packages .wrapper .package-footer {
    padding-bottom: 25px;
}

.index .chouse-package.vps .container .vps-packages#newpost {
    display: none;
    margin-top: 0;
    margin-bottom: 90px;
}

.index .chouse-package.vps .container .vps-packages#newpost .wrapper .package-head {
    min-height: 153px;
    background-color: inherit !important;
}

.index .chouse-package.vps .container .vps-packages#newpost .wrapper .package-head h2 {
    font-size: 50px;
}

.index .chouse-package #extend {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    width: 363px;
    height: 70px;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .index .chouse-package #extend {
        width: 200px;
    }
}

.index .chouse-package.hosting {
    position: relative;
    overflow: visible;
    padding-bottom: 100px;
}

.index .chouse-package.hosting h1 {
    text-align: center;
    padding-bottom: 30px;
    font-size: 50px;
    font-weight: 300;
}

.index .chouse-package.hosting .hosting-table {
    width: 100%;
    margin-top: 50px;
}

@media (max-width: 767px) {
    .index .chouse-package.hosting .hosting-table {
        display: none;
    }
}

.index .chouse-package.hosting .hosting-table .table-full {
    width: 100%;
}

.index .chouse-package.hosting .hosting-table .table-full tr td:first-child {
    padding-left: 0;
}

.index .chouse-package.hosting .hosting-table .table-full tr td {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.index .chouse-package.hosting .hosting-table thead h2, .index .chouse-package.hosting .hosting-table thead h3 {
    color: #ffffff;
}

.index .chouse-package.hosting .hosting-table tr td {
    background-color: #ffffff;
    border: 1px solid rgba(151, 151, 151, 0.3);
    line-height: 60px;
    text-align: center;
}

@media (max-width: 767px) {
    .index .chouse-package.hosting .hosting-table tr td {
        font-size: 14px;
    }
}

.index .chouse-package.hosting .hosting-table tr td select {
    width: 80%;
    margin-left: 30px;
    background-color: rgba(151, 151, 151, 0.1);
}

@media (max-width: 767px) {
    .index .chouse-package.hosting .hosting-table tr td select {
        margin-left: 10px;
    }
}

.index .chouse-package.hosting .hosting-table tr td:first-child {
    text-align: left;
    text-indent: 30px;
}

@media (max-width: 767px) {
    .index .chouse-package.hosting .hosting-table tr td:first-child {
        text-indent: 10px;
    }
}

.index .chouse-package.hosting .hosting-table tr td img {
    width: 18px;
    height: 18px;
}

.index .chouse-package.hosting .hosting-table b {
    color: #2093ee;
}

.index .chouse-package.hosting .hosting-table .btn, .index .chouse-package.hosting .hosting-table .plancompare_columns_column_button, .index .chouse-package.hosting .hosting-table .plancompare_tabs_button {
    background-color: #ffffff;
    color: #2093ee;
}

@media (min-width: 768px) {
    .index .chouse-package.hosting .hosting-table.mobile {
        display: none;
    }
}

@media (max-width: 767px) {
    .index .chouse-package.hosting .hosting-table.mobile {
        display: table;
    }
}

.index .chouse-package.hosting .hosting-table.mobile thead {
    border-collapse: collapse;
    border-top: 25px solid #f9f9f9;
}

.index .chouse-package.hosting .hosting-table.mobile tr td {
    line-height: normal;
    text-align: center;
    padding: 10px 0;
}

.index .chouse-package.hosting .hosting-table.mobile tr td:first-child {
    line-height: normal;
    text-align: center;
    text-indent: 0;
    padding: 10px;
}

@media (max-width: 767px) {
    .index .chouse-package.hosting .hosting-table.mobile tr td select {
        width: 100%;
        margin-top: 15px;
    }
}

@media (min-width: 768px) {
    .index .chouse-package.hosting #extend {
        display: block;
    }
}

@media (max-width: 767px) {
    .index .chouse-package.hosting #extend {
        display: none;
    }
}

.index .chouse-package.hosting #extendmob {
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    width: 363px;
    height: 70px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .index .chouse-package.hosting #extendmob {
        display: none;
    }
}

@media (max-width: 767px) {
    .index .chouse-package.hosting #extendmob {
        display: block;
        width: 200px;
    }
}

.index .chouse-package.bundles {
    padding: 90px 0;
}

.index .chouse-package.bundles h1 {
    font-size: 50px;
    font-weight: 300;
    padding-top: 0;
    padding-bottom: 90px;
}

@media (max-width: 767px) {
    .index .chouse-package.bundles h1 {
        font-size: 40px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .chouse-package.bundles .wrapper {
        text-align: center;
        width: 500px;
        margin: 50px auto;
    }
}

@media (max-width: 767px) {
    .index .chouse-package.bundles .wrapper {
        margin-bottom: 50px;
    }
}

.index .chouse-package.bundles .package-head h4 {
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
    padding-bottom: 20px;
}

.index .chouse-package.bundles .package-head h2 {
    font-size: 40px;
}

.index .chouse-package.bundles .package-body {
    padding: 40px 20px;
}

.index .chouse-package.bundles .package-body .wrapper {
    max-width: 170px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: left;
}

.index .chouse-package.bundles .package-body .wrapper img {
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.index .chouse-package.bundles .package-body .wrapper p {
    display: inline-block;
    vertical-align: middle;
    padding-left: 15px;
    color: #5b5b5b;
    font-size: 14px;
    font-weight: 400;
}

.index .chouse-package.bundles .package-body .wrapper a i {
    vertical-align: middle;
    font-size: 11px;
    opacity: 0.1;
    color: #030104;
}

.index .chouse-package.bundles .package-body .wrapper span + span {
    float: right;
    font-size: 14px;
    font-weight: 700;
}

.index .chouse-package.bundles .package-body .wrapper .percent {
    height: 20px;
    background-color: rgba(151, 151, 151, 0.1);
}

.index .chouse-package.bundles .package-body .wrapper .percent > div {
    height: 20px;
}

.index .chouse-package.bundles .package-body ul li {
    max-width: 170px;
    margin: 0 auto;
}

@media (max-width: 1199px) {
    .index .chouse-package.bundles .package-body ul li {
        text-align: left;
    }
}

.index .chouse-package.bundles .package-body ul li img {
    margin-right: 15px;
}

@media (max-width: 1199px) {
    .index .chouse-package.bundles .package-body ul li img {
        display: inline-block;
        margin: 0 10px 0 0;
    }
}

.index .chouse-package.bundles .package-body ul li p a i {
    vertical-align: middle;
    font-size: 11px;
    opacity: 0.1;
    color: #030104;
}

.index .chouse-package.bundles .package-footer {
    text-align: center;
}

.index .chouse-package.bundles.email .package-body .wrapper {
    max-width: 450px;
}

.index .testimonials {
    position: relative;
}

.index .testimonials .videopreviews {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 780px;
    float: none;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .testimonials .videopreviews {
        height: 460px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .testimonials .videopreviews {
        height: 450px;
    }
}

@media (max-width: 767px) {
    .index .testimonials .videopreviews {
        height: 480px;
    }
}

.index .testimonials .videopreviews li {
    position: relative;
    display: inline-block;
    float: left;
    height: 780px;
    width: 0;
    text-align: left;
    vertical-align: middle;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .testimonials .videopreviews li {
        height: 460px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .testimonials .videopreviews li {
        height: 450px;
    }
}

@media (max-width: 767px) {
    .index .testimonials .videopreviews li {
        height: 480px;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        -webkit-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
}

.index .testimonials .videopreviews li .container {
    display: table;
    height: 780px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .testimonials .videopreviews li .container {
        height: 460px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .testimonials .videopreviews li .container {
        height: 350px;
    }
}

@media (max-width: 767px) {
    .index .testimonials .videopreviews li .container {
        height: 380px;
    }
}

.index .testimonials .videopreviews li .container .testimonialplay {
    display: none;
    position: absolute;
    top: 36%;
    left: 50%;
    font-size: 100px;
    margin-left: -50px;
    margin-top: -50px;
    color: #ffffff;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .testimonials .videopreviews li .container .testimonialplay {
        top: 25%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .testimonials .videopreviews li .container .testimonialplay {
        top: 25%;
        font-size: 70px;
        margin-left: -35px;
        margin-top: -35px;
    }
}

@media (max-width: 767px) {
    .index .testimonials .videopreviews li .container .testimonialplay {
        top: 20%;
        font-size: 60px;
        margin-left: -30px;
        margin-top: -30px;
    }
}

.index .testimonials .videopreviews li .container .testimonialplay.active {
    display: block;
}

.index .testimonials .videopreviews li .container .testimonialplay.active:before {
    content: "\e929";
    opacity: 0.80;
}

.index .testimonials .videopreviews li .container .testimonialplay.active:hover:before {
    opacity: 1;
}

.index .testimonials .videopreviews li .container .testimonialplay:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "";
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.index .testimonials .videopreviews li .container .wrapper {
    position: absolute;
    bottom: 200px;
    left: 0;
    right: 0;
    text-align: center;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .testimonials .videopreviews li .container .wrapper {
        bottom: 190px;
    }
}

@media (max-width: 767px) {
    .index .testimonials .videopreviews li .container .wrapper {
        bottom: 220px;
    }
}

.index .testimonials .videopreviews li h2 {
    font-size: 37px;
    color: #ffffff;
    font-weight: 300;
    line-height: 1.4;
    white-space: nowrap;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .testimonials .videopreviews li h2 {
        font-size: 28px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .testimonials .videopreviews li h2 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .index .testimonials .videopreviews li h2 {
        font-size: 18px;
        white-space: normal;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.index .testimonials .videopreviews li.active {
    width: 100%;
}

.index .testimonials .videos {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    z-index: 4;
}

.index .testimonials .videos video {
    background-color: rgba(0, 0, 0, 0.85);
    display: none;
    height: 780px;
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .testimonials .videos video {
        height: 460px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .testimonials .videos video {
        height: 350px;
    }
}

@media (max-width: 767px) {
    .index .testimonials .videos video {
        height: 380px;
    }
}

.index .testimonials .videos video.active {
    display: block;
}

.index .testimonials .bottom-wrapper {
    text-align: center;
    width: 770px;
    height: 135px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

@media (max-width: 767px) {
    .index .testimonials .bottom-wrapper {
        width: 100%;
        padding: 0;
    }
}

.index .testimonials .bottom-wrapper .avatars {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 770px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    z-index: 5;
    text-align: center;
}

@media (max-width: 767px) {
    .index .testimonials .bottom-wrapper .avatars {
        top: 0;
        width: 100%;
        margin-top: 0;
        overflow: hidden;
        height: 200px;
    }
}

.index .testimonials .bottom-wrapper .avatars li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    height: 125px;
    width: 125px;
    cursor: pointer;
}

@media (max-width: 767px) {
    .index .testimonials .bottom-wrapper .avatars li {
        width: 95px;
    }
}

.index .testimonials .bottom-wrapper .avatars li img {
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    height: 60px;
    width: 60px;
    margin-top: 8px;
    border-radius: 50%;
    opacity: 0.6;
}

.index .testimonials .bottom-wrapper .avatars li.active img, .index .testimonials .bottom-wrapper .avatars li:hover img {
    height: 76px;
    width: 76px;
    margin-top: 0;
    opacity: 1;
}

.index .testimonials .bottom-wrapper .avatars li.active .text, .index .testimonials .bottom-wrapper .avatars li:hover .text {
    height: 40px;
}

.index .testimonials .bottom-wrapper .avatars li:hover .text {
    z-index: 555;
    height: 40px;
}

.index .testimonials .bottom-wrapper .avatars li .text {
    height: 0;
    overflow: hidden;
    position: absolute;
    top: 90px;
    left: 50%;
    width: 140px;
    margin-left: -70px;
    text-align: center;
    z-index: -1;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.index .testimonials .bottom-wrapper .avatars li .text h3 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

@media (max-width: 767px) {
    .index .testimonials .bottom-wrapper .avatars li .text h3 {
        font-size: 12px;
    }
}

.index .testimonials .avatars-side-icon {
    position: absolute;
    bottom: 95px;
    right: 20px;
    font-size: 150px;
    color: #919191;
    opacity: 0.15;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

@media (max-width: 767px) {
    .index .testimonials .avatars-side-icon {
        display: none;
    }
}

.index .faq {
    padding: 50px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .index .faq {
        padding: 50px 15px;
    }
}

.index .faq h1 {
    font-size: 50px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 40px;
}

.index .faq .md-input {
    position: relative;
    background-color: #ffffff;
    margin-bottom: 17px;
    padding: 42px 36px;
    border: 1px solid #dddddd;
    border-radius: 5px;
}

.index .faq .md-input:last-child {
    margin-bottom: 0;
}

.index .faq .md-input h2 {
    display: inline-block;
    font-size: 24px;
    font-weight: 400;
    padding-right: 40px;
}

@media (max-width: 991px) {
    .index .faq .md-input h2 {
        font-size: 20px;
    }
}

.index .faq .md-input .plus-minus {
    display: inline-block;
    float: right;
    border: none;
    background-color: transparent;
    color: #515152;
    font-size: 40px;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 36px;
    top: 42px;
}

@media (max-width: 767px) {
    .index .faq .md-input .plus-minus {
        float: none;
        display: block;
    }
}

.index .faq .md-input .plus-minus span {
    display: none;
}

.index .faq .md-input .plus-minus:before {
    content: "+";
}

.index .faq .md-input .plus-minus:hover, .index .faq .md-input .plus-minus:focus, .index .faq .md-input .plus-minus:target {
    outline: none;
}

.index .faq .md-input .plus-minus.remove-bar:before {
    content: "-";
}

.index .faq .md-input .hide-show {
    padding-top: 20px;
}

.index .faq .md-input .hide-show .hiden {
    display: none;
}

.index .whois {
    height: 306px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .index .whois {
        height: auto;
        padding: 45px 15px;
    }
}

.index .whois .content {
    display: table-cell;
    width: 50%;
    height: 306px;
    float: left;
    vertical-align: middle;
}

@media (max-width: 991px) {
    .index .whois .content {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .index .whois .content {
        display: block;
        height: auto;
        float: none;
        padding: 45px 15px;
    }
}

.index .whois .content h1 {
    font-size: 36px;
    color: #ffffff;
}

.index .whois .content p {
    color: #ffffff;
}

.index .whois .content .wrapper {
    position: relative;
    display: block;
    margin: 0 auto;
}

.index .whois .content .wrapper .media {
    text-align: center;
}

.index .whois .content .wrapper .media i {
    color: #ffffff;
}

.index .whois .content .wrapper .media, .index .whois .content .wrapper .text {
    display: table-cell;
    vertical-align: middle;
    height: 306px;
    width: 50%;
}

@media (max-width: 767px) {
    .index .whois .content .wrapper .media, .index .whois .content .wrapper .text {
        display: block;
        height: auto;
        width: 100%;
        float: none;
        text-align: center;
        padding-bottom: 25px;
    }
}

.index .whois .content .wrapper .media .text-content, .index .whois .content .wrapper .text .text-content {
    display: block;
    max-width: 305px;
}

@media (max-width: 1199px) {
    .index .whois .content .wrapper .media .text-content, .index .whois .content .wrapper .text .text-content {
        margin-left: 0;
        max-width: unset;
        padding-right: 15px;
    }
}

.index .whois .content .wrapper .media img, .index .whois .content .wrapper .text img {
    max-width: 85px;
    display: block;
    margin: 0 auto;
}

.index .whois .content .wrapper .call {
    position: absolute;
    bottom: 43px;
    right: 56px;
    border: none;
    background-color: transparent;
}

@media (max-width: 1199px) {
    .index .whois .content .wrapper .call {
        bottom: 15px;
        right: 15px;
    }
}

@media (max-width: 767px) {
    .index .whois .content .wrapper .call {
        bottom: 0;
    }
}

.index .whois .content .wrapper .call:hover, .index .whois .content .wrapper .call:focus, .index .whois .content .wrapper .call:target {
    outline: none;
}

.index .whois .content .wrapper .call:hover {
    opacity: 0.7;
}

.index .whois.servers {
    height: auto;
}

.index .whois.servers .col-md-4 {
    padding: 0;
}

@media (max-width: 991px) {
    .index .whois.servers .col-md-4 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.index .whois.servers .wrapper {
    position: relative;
    padding: 80px 0 0 40px;
    min-height: 344px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .whois.servers .wrapper {
        min-height: 350px;
    }
}

.index .whois.servers .wrapper i {
    color: #ffffff;
    font-size: 35px;
}

.index .whois.servers .wrapper h1 {
    color: #ffffff;
    font-weight: 300;
    font-size: 28px;
    padding: 10px 0;
}

.index .whois.servers .wrapper p {
    color: #ffffff;
    max-width: 450px;
}

.index .whois.servers .wrapper p i {
    font-size: 50px;
}

@media (max-width: 767px) {
    .index .whois.servers .wrapper p {
        padding-right: 15px;
    }
}

.index .whois.servers .wrapper a {
    position: absolute;
    bottom: 40px;
    right: 40px;
}

.index .whois.servers .wrapper a img {
    opacity: 0.7;
}

.index .whois.servers .wrapper a:hover img {
    opacity: 1;
}

.index .whois.servers.vps {
    padding-left: 0;
    padding-right: 0;
}

.index .whois.servers.vps i {
    color: #ffffff;
    font-size: 60px;
    margin-right: 15px;
}

.index .whois.servers.vps .col-sm-12 {
    padding: 0;
}

.index .whois.iedomain {
    height: 350px;
}

@media (max-width: 991px) {
    .index .whois.iedomain {
        height: auto;
    }
}

@media (max-width: 767px) {
    .index .whois.iedomain {
        padding: 0;
    }
}

.index .whois.iedomain .col-sm-12 {
    padding: 0;
}

.index .whois.iedomain .wrapper {
    height: 350px;
}

@media (max-width: 767px) {
    .index .whois.iedomain .wrapper {
        height: auto;
        padding: 50px 15px;
    }
}

.index .whois.iedomain .wrapper .icon-wrapper {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    height: 350px;
    width: 25%;
}

@media (max-width: 767px) {
    .index .whois.iedomain .wrapper .icon-wrapper {
        display: block;
        width: 100%;
        height: auto;
    }

    .index .whois.iedomain .wrapper .icon-wrapper i {
        line-height: normal;
    }
}

.index .whois.iedomain .wrapper .icon-wrapper i {
    font-size: 80px;
}

.index .whois.iedomain .wrapper .text-wrapper {
    display: inline-block;
    vertical-align: middle;
    height: 350px;
    padding-top: 120px;
    width: 50%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .whois.iedomain .wrapper .text-wrapper {
        padding-top: 90px;
    }
}

@media (max-width: 767px) {
    .index .whois.iedomain .wrapper .text-wrapper {
        display: block;
        text-align: center;
        width: 100%;
        height: auto;
        padding-top: 25px;
    }
}

.index .whois.iedomain .wrapper .text-wrapper p {
    font-size: 18px;
    font-weight: 400;
}

.index .whois.iedomain .wrapper h1, .index .whois.iedomain .wrapper p, .index .whois.iedomain .wrapper i {
    color: #ffffff;
}

.index .whois.iedomain .wrapper i {
    font-size: 50px;
    line-height: 350px;
}

.index .terms-content {
    padding-top: 75px;
    padding-bottom: 75px;
    overflow: hidden;
}

.index .terms-content h1 {
    font-size: 36px;
    font-weight: 400;
    color: #505050;
    padding-top: 20px;
}

.index .terms-content p {
    font-size: 15px;
    font-weight: 400;
    color: #505050;
    padding-top: 20px;
    line-height: 30px;
}

.index .terms-content ul {
    padding-top: 20px;
}

.index .terms-content ul li {
    font-size: 15px;
    font-weight: 400;
    color: #505050;
    padding: 5px 0;
}

.index .terms-content ul li:before {
    content: "";
    position: relative;
    top: -2px;
    margin-right: 5px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 2px solid #2093ee;
    border-radius: 50%;
}

.index .terms-content ol {
    padding: 20px 0 0 0;
    margin: 0;
    list-style: none;
    counter-reset: myCounter;
}

.index .terms-content ol li {
    counter-increment: item;
    padding: 5px 0;
    font-size: 15px;
    font-weight: 400;
    color: #505050;
}

.index .terms-content ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    border: 1px solid #2093ee;
    border-radius: 50%;
    color: #2093ee;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    line-height: 15px;
    width: 15px;
    height: 15px;
    font-size: 10px;
}

.index .control-pannel {
    padding: 50px 0;
}

.index .control-pannel h1 {
    font-size: 50px;
    font-weight: 400;
}

.index .control-pannel h2 {
    font-size: 30px;
    font-weight: 300;
    padding-bottom: 10px;
}

.index .control-pannel p {
    font-size: 15px;
    font-weight: 400;
    color: #505050;
}

.index .control-pannel .control-content .wrapper {
    margin-bottom: 50px;
}

.index .control-pannel .control-content .wrapper .img-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .control-pannel .control-content .wrapper .img-wrapper {
        width: 30%;
    }
}

@media (max-width: 767px) {
    .index .control-pannel .control-content .wrapper .img-wrapper {
        display: block;
        width: 100%;
        text-align: center;
        padding: 25px 0;
    }
}

.index .control-pannel .control-content .wrapper .img-wrapper img {
    max-width: 160px;
}

.index .control-pannel .control-content .wrapper .text-wrapper {
    display: inline-block;
    vertical-align: middle;
    width: 79%;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .control-pannel .control-content .wrapper .text-wrapper {
        width: 69%;
    }
}

@media (max-width: 767px) {
    .index .control-pannel .control-content .wrapper .text-wrapper {
        display: block;
        width: 100%;
        padding: 0 15px;
    }
}

.index .control-pannel .control-content .wrapper.no-img .text-wrapper {
    width: 100%;
    display: block;
}

.index .control-pannel .control-pannel-text {
    padding: 0 15px 100px 15px;
}

.index .control-pannel .control-pannel-text h1 {
    font-weight: 300;
    text-align: center;
    padding: 50px 15px 20px 15px;
}

.index .contact-about {
    padding: 100px 0;
}

.index .contact-about h1 {
    font-size: 50px;
    font-weight: 300;
    text-align: center;
    padding-bottom: 83px;
}

.index .contact-about .wrapper {
    text-align: center;
    height: 330px;
    padding-top: 67px;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.11);
}

@media (max-width: 991px) {
    .index .contact-about .wrapper {
        margin-bottom: 67px;
    }
}

.index .contact-about .wrapper h2 {
    font-size: 26px;
    font-weight: 400;
    color: #2093ee;
    padding: 32px 0 16px 0;
}

.index .contact-about .wrapper p {
    max-width: 237px;
    margin: 0 auto;
}

.index .map {
    height: 647px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-top: 115px;
    margin-bottom: 400px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .map {
        padding-top: 50px;
        margin-bottom: 450px;
    }
}

@media (max-width: 767px) {
    .index .map {
        padding-top: 50px;
        margin-bottom: 550px;
    }
}

@media (max-width: 550px) {
    .index .map {
        margin-bottom: 650px;
    }
}

.index .map .wrapper {
    text-align: center;
}

@media (max-width: 991px) {
    .index .map .wrapper img {
        margin-top: 50px;
    }
}

.index .map .wrapper label {
    display: block;
    opacity: 0.66;
    color: #bdbebf;
    font-size: 13px;
    font-weight: 700;
    padding-top: 25px;
}

.index .map .wrapper p {
    color: white;
    font-size: 26px;
    font-weight: 500;
}

.index .map .map-form {
    display: block;
    max-width: 1020px;
    margin: 80px auto;
    padding-bottom: 50px;
    background-color: #fff;
    box-shadow: 0 32px 76px rgba(0, 0, 0, 0.11);
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .map .map-form {
        max-width: 750px;
    }
}

.index .map .map-form h1 {
    font-size: 42px;
    font-weight: 300;
    padding: 68px 15px 50px 15px;
    text-align: center;
}

.index .map .map-form form {
    padding-left: 106px;
    padding-right: 127px;
}

@media (max-width: 767px) {
    .index .map .map-form form {
        padding: 0 25px;
    }
}

.index .map .map-form form .md-input:last-child {
    margin-bottom: 66px;
}

.index .map .map-form form .md-input input[type="text"], .index .map .map-form form .md-input input[type="password"], .index .map .map-form form .md-input input[type="email"], .index .map .map-form form .md-input input[type="tel"], .index .map .map-form form .md-input select {
    height: 55px;
    line-height: 55px;
    border: 0.5px solid;
    border-color: rgba(151, 151, 151, 0.5);
    border-radius: 4px;
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 500;
    padding-left: 33px;
}

.index .map .map-form form .md-input ::-webkit-input-placeholder {
    font-weight: 500;
    color: #a3a3a3;
}

.index .map .map-form form .md-input ::-moz-placeholder {
    font-weight: 500;
    color: #a3a3a3;
}

.index .map .map-form form .md-input :-ms-input-placeholder {
    font-weight: 500;
    color: #a3a3a3;
}

.index .map .map-form form .md-input input:-moz-placeholder {
    font-weight: 500;
    color: #a3a3a3;
}

.index .map .map-form form .md-input textarea {
    height: 184px;
    border: 0.5px solid;
    border-color: rgba(151, 151, 151, 0.5);
    border-radius: 4px;
    margin-top: 8px;
    margin-bottom: 23px;
    padding-top: 22px;
    padding-left: 33px;
    font-size: 16px;
    font-weight: 500;
}

.index .map .map-form form .md-input .btn, .index .map .map-form form .md-input .plancompare_columns_column_button, .index .map .map-form form .md-input .plancompare_tabs_button {
    width: 100%;
    height: 64px;
    line-height: 64px;
}

@media (max-width: 991px) {
    .index .map .map-form form .md-input img {
        display: block;
        margin: 0 auto;
    }
}

.index .map-footer {
    text-align: center;
    padding: 0 0 90px 0;
}

.index .map-footer h1 {
    font-size: 42px;
    font-weight: 300;
    padding-bottom: 35px;
}

@media (max-width: 767px) {
    .index .map-footer h1 {
        padding: 0 15px 35px 15px;
    }
}

.index .map-footer p {
    display: inline-block;
}

@media (max-width: 767px) {
    .index .map-footer p {
        display: block;
    }
}

.index .map-footer a {
    font-size: 18px;
    font-weight: 300;
    color: #515152;
    border: 1px solid #979797;
}

@media (max-width: 767px) {
    .index .map-footer a {
        display: block;
        max-width: 270px;
        margin: 15px auto;
    }
}

.index .map-footer a:hover {
    color: #ffffff;
    border: 1px solid #dddddd;
    background-color: #1a2833;
}

.index .slider {
    background-color: #FFFFFF;
}

.index .slider h1 {
    text-align: center;
    padding-bottom: 1em;
    font-size: 3em;
    font-weight: 300;
}

@media (max-width: 767px) {
    .index .slider h1 {
        font-size: 2em;
    }
}

.index .slider .carousel-indicators {
    bottom: -15px;
    width: 100%;
    left: 0;
    margin-left: 0;
}

.index .slider .carousel-indicators li {
    position: relative;
    border: 2px solid #2093ee;
    width: 20px;
    height: 20px;
    margin: 0 7px;
    background-color: #ffffff;
}

.index .slider .carousel-indicators li:after {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    background-color: #ffffff;
    border-radius: 50%;
    top: 8px;
    left: 8px;
    transition: all .2s ease-out;
}

.index .slider .carousel-indicators li.active:after {
    width: 10px;
    height: 10px;
    background-color: #2093ee;
    top: 3px;
    left: 3px;
    transition: all .2s ease-in;
}

.index .slider .carousel-inner .item img {
    height: 600px;
    width: auto;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .index .slider .carousel-inner .item img {
        height: auto;
        width: 100%;
    }
}

.index .slider .carousel-control {
    background: none;
    top: 50%;
    margin-top: -15px;
    opacity: 1;
    text-shadow: none;
    color: #2093ee;
}

.index .slider .carousel-control span.fa {
    font-size: 30px;
    background-color: #FFF;
    width: 30px;
    height: 30px;
    border-radius: 15px;
}

.index .slider .carousel-control span.fa.fa-angle-right:before {
    position: relative;
    top: -1px;
    left: 2px;
}

.index .slider .carousel-control span.fa.fa-angle-left:before {
    position: relative;
    top: -1px;
    left: -2px;
}

.index .cta {
    padding: 70px 0;
    background-color: #557eb6;
}

.index .cta .cta-wrapper {
    display: table;
    width: 100%;
}

@media (max-width: 767px) {
    .index .cta .cta-wrapper {
        display: block;
    }
}

.index .cta .cta-wrapper .text {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    color: #ffffff;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 300;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .cta .cta-wrapper .text {
        font-size: 28px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .cta .cta-wrapper .text {
        padding-left: 15px;
    }
}

@media (max-width: 767px) {
    .index .cta .cta-wrapper .text {
        display: block;
        padding: 0 0 60px 0;
        text-align: center;
    }
}

.index .cta .cta-wrapper .text b {
    font-weight: 700;
}

.index .cta .cta-wrapper .button {
    display: table-cell;
    vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .cta .cta-wrapper .button {
        padding-right: 15px;
    }
}

@media (max-width: 767px) {
    .index .cta .cta-wrapper .button {
        display: block;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .index .cta .cta-wrapper .button .btn, .index .cta .cta-wrapper .button .plancompare_columns_column_button, .index .cta .cta-wrapper .button .plancompare_tabs_button {
        display: block;
        padding: 0;
    }
}

.index .cta p {
    color: #ffffff;
}

.index .cta.domain h1 {
    text-align: center;
    font-weight: 400;
    padding-bottom: 40px;
}

.index .cta.domain .search {
    display: block;
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    border-radius: 6px;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .index .cta.domain .search {
        max-width: 1200px;
        margin-left: 20px;
        margin-right: 20px;
    }
}

.index .cta.domain .search input[type="text"] {
    height: 75px;
    width: 100%;
    font-size: 19px;
    font-weight: 600;
    border: 1px solid #d2d2d2;
    background-color: #ffffff;
    padding-right: 280px;
    padding-left: 40px;
    border-radius: 6px 6px 6px 0;
}

@media (max-width: 767px) {
    .index .cta.domain .search input[type="text"] {
        height: 45px;
        padding-right: 90px;
        padding-left: 15px;
        font-size: 14px;
    }
}

.index .cta.domain .search input[type="text"]::-webkit-input-placeholder {
    font-style: italic;
}

.index .cta.domain .search input[type="text"]:-moz-placeholder {
    font-style: italic;
}

.index .cta.domain .search input[type="text"]::-moz-placeholder {
    font-style: italic;
}

.index .cta.domain .search input[type="text"]:-ms-input-placeholder {
    font-style: italic;
}

.index .cta.domain .search button {
    position: absolute;
    top: 0;
    right: 0;
    height: 75px;
    width: 240px;
    background-color: #2093ee;
    border: none;
    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    border-radius: 0 6px 6px 0;
}

@media (max-width: 767px) {
    .index .cta.domain .search button {
        height: 45px;
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
    }
}

.index .cta.domain .search button:hover {
    background-color: #1181da;
}

.index .cta.hosting {
    text-align: center;
}

.index .cta.hosting h1 {
    color: #515152;
    font-size: 36px;
    font-weight: 300;
    padding-bottom: 25px;
}

.index .cta.hosting a {
    display: inline-block;
    height: 60px;
    vertical-align: middle;
    line-height: 60px;
    font-size: 18px;
    font-weight: 500;
}

.index .cta.hosting a.green {
    background-color: #b0d631;
    color: #fff;
}

.index .cta.hosting a i {
    font-size: 18px;
    font-weight: 600;
    padding-left: 15px;
}

.index .templates-content {
    padding: 100px 15px 200px 15px;
    text-align: center;
    background-color: #f9f9f9;
}

@media (max-width: 767px) {
    .index .templates-content {
        padding-bottom: 100px;
    }
}

.index .templates-content p:first-of-type {
    font-size: 20px;
    font-weight: 100;
    padding-bottom: 100px;
}

.index .templates-content .templates .wrapper {
    position: relative;
    display: inline-block;
    min-height: 300px;
    margin: 30px 0;
    background-color: #fff;
    text-align: center;
    width: 100%;
    padding: 30px 0;
    box-shadow: 0 22px 40px rgba(0, 0, 0, 0.08);
}

@media (max-width: 500px) {
    .index .templates-content .templates .wrapper {
        min-height: 400px;
        margin: 30px 0;
    }
}

.index .templates-content .templates .wrapper img {
    max-width: 200px;
    max-height: 150px;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .templates-content .templates .wrapper img {
        max-width: 150px;
    }
}

@media (min-width: 501px) and (max-width: 767px) {
    .index .templates-content .templates .wrapper img {
        max-width: 250px;
    }
}

@media (max-width: 500px) {
    .index .templates-content .templates .wrapper img {
        max-width: 150px;
    }
}

.index .templates-content .templates .wrapper .hover-field {
    display: none;
}

.index .templates-content .templates .wrapper .hover-field h2 {
    color: #ffffff;
    font-size: 50px;
}

.index .templates-content .templates .wrapper .hover-field h3 {
    color: #ffffff;
    font-size: 14px;
    padding-bottom: 20px;
    opacity: 0.6;
}

.index .templates-content .templates .wrapper .hover-field ul {
    position: relative;
    max-width: 160px;
    left: 50%;
    margin-left: -80px;
    text-align: left;
}

.index .templates-content .templates .wrapper .hover-field ul li {
    position: relative;
    color: #ffffff;
    padding: 15px 0;
}

.index .templates-content .templates .wrapper .hover-field ul li:before {
    content: "";
    position: absolute;
    left: -20px;
    top: 18px;
    width: 15px;
    height: 15px;
    background-image: url("http://new1.letshost.ie/wp-content/uploads/2016/09/pricing-list-icon-white.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.index .templates-content .templates .wrapper:hover {
    background-color: #2093ee;
    box-shadow: 0 22px 40px rgba(32, 147, 238, 0.08);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.index .templates-content .templates .wrapper:hover img {
    display: none;
}

.index .templates-content .templates .wrapper:hover .hover-field {
    display: block;
}

.index .templates-content .templates .wrapper:hover .hover-field img {
    display: block;
    position: initial;
    padding-bottom: 15px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .templates-content .templates .col-sm-10 {
        left: 8.33333%;
    }
}

@media (max-width: 767px) {
    .index .templates-content .templates .col-sm-10 {
        left: 0;
    }
}

.index .team {
    padding: 100px 0;
    text-align: center;
}

.index .team h1 {
    font-size: 50px;
    font-weight: 300;
    padding-bottom: 120px;
}

.index .team .btn, .index .team .plancompare_columns_column_button, .index .team .plancompare_tabs_button {
    margin-top: 100px;
}

.index .team .wrapper {
    position: relative;
    margin-bottom: 140px;
    z-index: 99;
}

.index .team .wrapper h2 {
    font-weight: 300;
    font-size: 24px;
    color: #515152;
    padding-top: 20px;
}

.index .team .wrapper h3 {
    opacity: 0.6;
    color: #525252;
    font-size: 14px;
    font-weight: 700;
}

.index .team .wrapper i {
    color: #2093ee;
    font-size: 55px;
}

.index .team .wrapper .user-info {
    position: absolute;
    top: -125px;
    left: 0;
    right: 0;
    padding: 15px 25px;
    background-color: rgba(32, 147, 238, 0.9);
    border-radius: 10px;
    z-index: 9999;
}

@media (max-width: 767px) {
    .index .team .wrapper .user-info {
        top: 0;
    }
}

.index .team .wrapper .user-info h2 {
    color: #ffffff;
}

.index .team .wrapper .user-info h3 {
    color: #ffffff;
}

.index .team .wrapper .user-info p {
    color: #ffffff;
}

.index .team .wrapper .user-bio.vanish {
    opacity: 0;
}

.index .team .wrapper .user-bio.vanish i, .index .team .wrapper .user-bio.vanish h2, .index .team .wrapper .user-bio.vanish h3 {
    opacity: 0;
}

.index .team #fullteam {
    display: none;
}

.index .numbers {
    text-align: center;
    padding: 150px 0 250px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

@media (max-width: 767px) {
    .index .numbers {
        padding: 100px 0;
    }
}

.index .numbers h1 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 300;
    padding-bottom: 150px;
}

@media (max-width: 767px) {
    .index .numbers h1 {
        padding-bottom: 100px;
    }
}

.index .numbers h2 {
    color: #ffffff;
    font-size: 85px;
    font-weight: 300;
}

@media (max-width: 767px) {
    .index .numbers h2 {
        font-size: 55px;
    }
}

.index .numbers h2.percent:after {
    content: "%";
    position: relative;
    display: inline-block;
    font-size: 30px;
}

.index .numbers p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 991px) {
    .index .numbers p {
        padding-bottom: 15px;
    }
}

.index .customers-saying {
    padding: 110px 0 90px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
}

.index .customers-saying h1 {
    color: #515152;
    font-size: 50px;
    font-weight: 300;
    padding-bottom: 90px;
}

.index .customers-saying .autoplay .slick-slide .img-wrapper img {
    margin: 0 auto;
}

.index .customers-saying .autoplay .content {
    padding: 50px 0 65px 0;
}

.index .customers-saying .autoplay .content p {
    color: #515152;
    font-size: 24px;
    font-weight: 300;
    max-width: 650px;
    margin: 0 auto 35px auto;
}

.index .customers-saying .autoplay .content b {
    color: #515152;
    font-size: 14px;
    font-weight: 700;
}

.index .customers-saying .autoplay .slick-dots li button:before {
    content: "";
    width: 10px;
    height: 10px;
    border: 1px solid #7a7a7a;
    border-radius: 50%;
}

.index .customers-saying .autoplay .slick-dots li button:hover:before {
    border-color: #2093ee;
}

.index .customers-saying .autoplay .slick-dots li.slick-active button {
    position: relative;
    border: 1px solid #2093ee;
    border-radius: 50%;
    left: -5px;
    top: -4px;
}

.index .customers-saying .autoplay .slick-dots li.slick-active button:before {
    background-color: #2093ee;
    border: 1px solid #2093ee;
    width: 10px;
    height: 10px;
    top: 4px;
    left: 4px;
}

@media (max-width: 767px) {
    .index .customers-saying .autoplay .slick-dots li {
        margin: 0 15px;
        height: 25px;
        width: 25px;
    }
}

.index .careers-section {
    text-align: center;
    padding: 75px 0 110px 0;
}

.index .careers-section .wrapper {
    padding: 100px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 9px 15px rgba(0, 0, 0, 0.07);
}

@media (max-width: 767px) {
    .index .careers-section .wrapper {
        padding: 100px 15px;
    }
}

.index .careers-section .wrapper h1 {
    font-size: 24px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .index .careers-section .wrapper h1 {
        padding-bottom: 20px;
    }
}

.index .careers-section .wrapper a {
    font-size: 50px;
    font-weight: 300;
    color: #2093ee;
}

@media (max-width: 767px) {
    .index .careers-section .wrapper a {
        font-size: 33px;
    }
}

.index .careers-section .wrapper a:after {
    content: "";
    display: block;
    position: relative;
    height: 3px;
    width: 380px;
    margin: 0 auto;
    background-color: #2093ee;
    bottom: 14px;
}

@media (max-width: 767px) {
    .index .careers-section .wrapper a:after {
        width: 240px;
        bottom: 8px;
    }
}

.index .careers-section.vacancies h1 {
    padding-bottom: 50px;
    color: #515152;
    font-size: 50px;
    font-weight: 300;
}

.index .careers-section.vacancies .wrapper {
    box-shadow: none;
    padding: 100px 0 0 0;
}

.index .careers-section.vacancies .wrapper .md-input {
    position: relative;
    padding: 55px 50px 50px 50px;
    text-align: left;
    border-radius: 5px;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.11);
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .index .careers-section.vacancies .wrapper .md-input {
        padding: 50px 25px;
    }
}

.index .careers-section.vacancies .wrapper .md-input:last-child {
    margin-bottom: 0;
}

.index .careers-section.vacancies .wrapper .md-input h2 {
    color: #2093ee;
    font-size: 30px;
    font-weight: 400;
}

@media (max-width: 991px) {
    .index .careers-section.vacancies .wrapper .md-input h2 {
        text-align: center;
    }
}

.index .careers-section.vacancies .wrapper .md-input p {
    color: #505050;
    font-size: 14px;
    font-weight: 400;
    padding-top: 20px;
}

.index .careers-section.vacancies .wrapper .md-input .btn, .index .careers-section.vacancies .wrapper .md-input .plancompare_columns_column_button, .index .careers-section.vacancies .wrapper .md-input .plancompare_tabs_button {
    position: absolute;
    top: 53px;
    right: 50px;
    height: 48px;
    color: rgba(91, 91, 91, 0.3);
    border: 1px solid rgba(91, 91, 91, 0.3);
    font-size: 16px;
    font-weight: 500;
    background-color: transparent;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.index .careers-section.vacancies .wrapper .md-input .btn:hover, .index .careers-section.vacancies .wrapper .md-input .plancompare_columns_column_button:hover, .index .careers-section.vacancies .wrapper .md-input .plancompare_tabs_button:hover {
    color: #ffffff;
    background-color: #2093ee;
    border: 1px solid #2093ee;
}

.index .careers-section.vacancies .wrapper .md-input .btn:after, .index .careers-section.vacancies .wrapper .md-input .plancompare_columns_column_button:after, .index .careers-section.vacancies .wrapper .md-input .plancompare_tabs_button:after {
    display: none;
}

@media (max-width: 991px) {
    .index .careers-section.vacancies .wrapper .md-input .btn, .index .careers-section.vacancies .wrapper .md-input .plancompare_columns_column_button, .index .careers-section.vacancies .wrapper .md-input .plancompare_tabs_button {
        position: initial;
        margin: 0 auto;
        max-width: 150px;
        display: block;
    }
}

.index .careers-section.vacancies .wrapper .md-input .text h3 {
    padding-top: 65px;
    font-size: 24px;
    font-weight: 400;
}

.index .careers-section.vacancies .wrapper .md-input .text ul {
    padding-top: 20px;
}

.index .careers-section.vacancies .wrapper .md-input .text ul li {
    font-size: 14px;
    font-weight: 400;
    color: #5b5b5b;
    padding: 10px 0;
}

.index .careers-section.vacancies .wrapper .md-input .text ul li:before {
    content: "";
    position: relative;
    top: 0;
    margin-right: 5px;
    display: inline-block;
    width: 7px;
    height: 7px;
    border: 2px solid #2093ee;
    border-radius: 50%;
}

.index .careers-section.vacancies .wrapper .md-input .text .btn, .index .careers-section.vacancies .wrapper .md-input .text .plancompare_columns_column_button, .index .careers-section.vacancies .wrapper .md-input .text .plancompare_tabs_button {
    position: initial;
    margin-top: 65px;
    background-color: #2093ee;
    color: #ffffff;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    -o-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.index .careers-section.vacancies .wrapper .md-input .text .btn:hover, .index .careers-section.vacancies .wrapper .md-input .text .plancompare_columns_column_button:hover, .index .careers-section.vacancies .wrapper .md-input .text .plancompare_tabs_button:hover {
    background-color: #4972af;
}

@media (max-width: 767px) {
    .index .location {
        padding: 15px;
    }
}

.index .location .wrapper {
    height: 200px;
    padding-left: 37%;
    margin-left: -100px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .location .wrapper {
        padding-left: 0;
        margin-left: 25px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .location .wrapper {
        padding-left: 0;
        margin: 0 auto;
        max-width: 450px;
    }
}

@media (max-width: 767px) {
    .index .location .wrapper {
        height: auto;
        text-align: center;
        padding: 25px 0;
        margin: 0;
    }
}

.index .location .wrapper .icon-wrapper {
    display: inline-block;
    height: 200px;
}

@media (max-width: 767px) {
    .index .location .wrapper .icon-wrapper {
        display: block;
        height: 50px;
    }
}

.index .location .wrapper .icon-wrapper i {
    color: #2093ee;
    font-size: 40px;
    padding-right: 30px;
    line-height: 200px;
}

@media (max-width: 767px) {
    .index .location .wrapper .icon-wrapper i {
        line-height: normal;
        padding-right: 0;
    }
}

.index .location .wrapper .icon-wrapper p {
    color: #2093ee;
    font-size: 40px;
    padding-right: 30px;
    line-height: 200px;
}

@media (max-width: 767px) {
    .index .location .wrapper .icon-wrapper p {
        line-height: normal;
        padding-right: 0;
    }
}

.index .location .wrapper .text-wrapper {
    display: inline-block;
    max-width: 360px;
    vertical-align: middle;
}

@media (max-width: 767px) {
    .index .location .wrapper .text-wrapper {
        display: block;
        max-width: none;
    }
}

.index .location .wrapper .text-wrapper h3 {
    color: #7a7a7a;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.4px;
    opacity: 0.66;
}

.index .location .wrapper .text-wrapper h2 {
    font-size: 36px;
    font-weight: 500;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .location .wrapper .text-wrapper h2 {
        font-size: 32px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .location .wrapper .text-wrapper h2 {
        font-size: 28px;
    }
}

@media (max-width: 767px) {
    .index .location .wrapper .text-wrapper h2 {
        font-size: 30px;
    }
}

.index .location .wrapper .text-wrapper a {
    transition: all 0.5s ease;
}

.index .location .wrapper .text-wrapper a:hover h3, .index .location .wrapper .text-wrapper a:hover h2 {
    color: #2093ee;
}

.index .location .GoogleMap > div {
    height: 600px;
}

.index .protection {
    padding: 90px 0 150px 0;
    text-align: center;
}

.index .protection h1 {
    color: #505050;
    font-size: 50px;
    font-weight: 300;
}

.index .protection p {
    color: #505050;
    font-size: 15px;
    font-weight: 600;
    line-height: 28px;
}

.index .protection .title p {
    max-width: 800px;
    margin: 40px auto 100px auto;
}

@media (max-width: 767px) {
    .index .protection .title p {
        padding: 0 15px;
    }
}

.index .protection ul li i {
    color: #2093ee;
    font-size: 50px;
}

.index .protection ul li h2 {
    color: #2093ee;
    font-size: 26px;
    font-weight: 400;
    line-height: 33px;
    padding: 15px 0;
    max-width: 400px;
    margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 991px) {
    .index .protection ul li h2 {
        min-height: 130px;
    }
}

@media (max-width: 767px) {
    .index .protection ul li h2 {
        min-height: unset;
    }
}

.index .protection ul li p {
    font-weight: 300;
    max-width: 400px;
    margin: 0 auto 90px auto;
}

.index.wizard .hero {
    min-height: 260px;
}

.index.wizard .domain-wizard {
    background-color: #e8e8e8;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard {
        height: auto;
    }
}

.index.wizard .domain-wizard .cell p {
    color: #2d2d2d;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.index.wizard .domain-wizard form {
    display: block;
    position: relative;
    top: -30px;
    max-width: 1110px;
    background-color: #ffffff;
    padding: 60px 65px;
    margin: 0 auto;
    border-radius: 5px;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form {
        top: 0;
        padding: 60px 15px;
    }
}

.index.wizard .domain-wizard form h2 {
    display: table-caption;
    padding-left: 15px;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form h2 {
        display: block;
        padding: 0 15px;
        text-align: center;
    }
}

.index.wizard .domain-wizard form .qn {
    display: none;
}

.index.wizard .domain-wizard form .qn.ql2 .cell .md-input {
    display: block;
    padding: 27px 0;
}

.index.wizard .domain-wizard form .qn.ql2 .cell .md-input .text-wrapper {
    right: 80px;
}

.index.wizard .domain-wizard form .qn:first-child {
    position: relative;
    display: table;
    width: 100%;
}

.index.wizard .domain-wizard form .cell {
    display: table-cell;
    width: 49%;
    padding: 0 15px;
    vertical-align: middle;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form .cell {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.index.wizard .domain-wizard form .cell .md-input {
    display: block;
    padding: 21px 0;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form .cell .md-input {
        text-align: center;
    }
}

.index.wizard .domain-wizard form .cell .md-input input[type="radio"], .index.wizard .domain-wizard form .cell .md-input input[type="checkbox"] {
    display: none;
}

.index.wizard .domain-wizard form .cell .md-input input[type="radio"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 17px 0 0;
    vertical-align: middle;
    background: url("http://new1.letshost.ie/wp-content/uploads/2016/08/radio-unchecked.png") left top no-repeat;
    cursor: pointer;
}

.index.wizard .domain-wizard form .cell .md-input input[type="radio"]:checked + label span {
    background: url("http://new1.letshost.ie/wp-content/uploads/2016/08/radio-checked.png") left top no-repeat;
}

.index.wizard .domain-wizard form .cell .md-input label {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: #1a2833;
    text-indent: -35px;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form .cell .md-input label {
        text-indent: 0;
    }
}

.index.wizard .domain-wizard form .cell .md-input .img-wrapper {
    position: absolute;
    top: 55px;
    right: 0;
    width: 450px;
    height: 322px;
    background-color: white;
    box-shadow: 0 24px 44px rgba(0, 0, 0, 0.07);
    padding-top: 55px;
    padding-left: 50px;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form .cell .md-input .img-wrapper {
        position: initial;
        display: block;
        max-width: 450px;
        width: 100%;
        margin: 0 auto;
        padding-left: 0;
    }
}

.index.wizard .domain-wizard form .cell .md-input .img-wrapper img {
    position: absolute;
    width: 341px;
    height: 211px;
    margin: 0 auto;
    z-index: 99;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form .cell .md-input .img-wrapper img {
        position: initial;
        max-width: 341px;
        width: 100%;
    }
}

.index.wizard .domain-wizard form .cell .md-input .img-wrapper img.hide {
    display: none;
}

.index.wizard .domain-wizard form .cell .md-input .img-wrapper img.show {
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
}

.index.wizard .domain-wizard form .cell .md-input .text-wrapper {
    position: absolute;
    top: 55px;
    right: 0;
    width: 412px;
    background-color: #203e56;
    box-shadow: 0 24px 44px rgba(0, 0, 0, 0.07);
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form .cell .md-input .text-wrapper {
        position: initial;
        display: block;
        max-width: 412px;
        width: 100%;
        margin: 25px auto;
    }
}

.index.wizard .domain-wizard form .cell .md-input .text-wrapper p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    padding: 40px 35px;
}

.index.wizard .domain-wizard form .cell .wrapper {
    background-color: #2093ee;
    padding-top: 57px;
    padding-left: 48px;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form .cell .wrapper {
        margin-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.index.wizard .domain-wizard form .cell .wrapper h2 {
    color: white;
    font-size: 39px;
    font-weight: 300;
    padding-bottom: 44px;
    line-height: 47px;
}

@media (max-width: 450px) {
    .index.wizard .domain-wizard form .cell .wrapper h2 {
        font-size: 30px;
    }
}

.index.wizard .domain-wizard form .cell .wrapper .md-input {
    height: 100px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

@media (max-width: 450px) {
    .index.wizard .domain-wizard form .cell .wrapper .md-input {
        height: auto;
        padding-bottom: 20px;
    }
}

.index.wizard .domain-wizard form .cell .wrapper .md-input span {
    display: inline-block;
    max-width: 208px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    padding: 22px 0;
}

@media (max-width: 450px) {
    .index.wizard .domain-wizard form .cell .wrapper .md-input span {
        max-width: unset;
        display: block;
        font-size: 16px;
    }
}

.index.wizard .domain-wizard form .cell .wrapper .md-input a {
    display: inline-block;
    width: 20px;
    line-height: 100px;
    vertical-align: middle;
    float: right;
    padding-right: 53px;
}

@media (max-width: 450px) {
    .index.wizard .domain-wizard form .cell .wrapper .md-input a {
        display: block;
        width: 100%;
        line-height: normal;
        float: none;
    }
}

.index.wizard .domain-wizard form .cell .wrapper .md-input a i {
    color: #ffffff;
    font-size: 25px;
    font-weight: 100;
}

.index.wizard .domain-wizard form .cell .wrapper .md-input a:hover i {
    color: #4972af;
}

.index.wizard .domain-wizard form .form-bottom {
    display: table;
    width: 100%;
    padding-top: 30px;
}

.index.wizard .domain-wizard form .form-bottom p {
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: #a3a3a3;
}

.index.wizard .domain-wizard form .form-bottom p a {
    color: #2093ee;
}

.index.wizard .domain-wizard form .form-bottom .btn, .index.wizard .domain-wizard form .form-bottom .plancompare_columns_column_button, .index.wizard .domain-wizard form .form-bottom .plancompare_tabs_button {
    width: 300px;
    height: 64px;
    float: right;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form .form-bottom .btn, .index.wizard .domain-wizard form .form-bottom .plancompare_columns_column_button, .index.wizard .domain-wizard form .form-bottom .plancompare_tabs_button {
        float: none;
        margin-top: 25px;
    }
}

.index.wizard .domain-wizard form.dns .cell .wrapper .md-input span {
    padding: 0;
}

.index.wizard .domain-wizard form.dns .cell .wrapper .md-input a {
    line-height: 54px;
}

.index.wizard .domain-wizard form .caldera-form-page .single h2 {
    display: block;
    padding: 0 0 15px 0;
}

@media (max-width: 1199px) {
    .index.wizard .domain-wizard form .caldera-form-page .single h2 {
        text-align: center;
    }
}

.index.wizard .domain-wizard form .caldera-form-page .single .cboxes {
    position: relative;
}

.index.wizard .domain-wizard form .caldera-form-page .single .cboxes .radio {
    position: initial !important;
}

.index.wizard .domain-wizard form .caldera-form-page .single .cboxes .radio label {
    font-size: 15px;
    font-weight: 400;
    color: #1a2833;
    padding: 21px 0;
    text-indent: -30px;
}

@media (max-width: 1199px) {
    .index.wizard .domain-wizard form .caldera-form-page .single .cboxes .radio label {
        width: 100%;
        text-align: center;
    }
}

.index.wizard .domain-wizard form .caldera-form-page .single .cboxes .radio label input[type="radio"], .index.wizard .domain-wizard form .caldera-form-page .single .cboxes .radio label input[type="checkbox"] {
    display: none;
}

.index.wizard .domain-wizard form .caldera-form-page .single .cboxes .radio label input[type="radio"] + span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 17px 0 0;
    vertical-align: middle;
    background: url("http://new1.letshost.ie/wp-content/uploads/2016/08/radio-unchecked.png") left top no-repeat;
    cursor: pointer;
}

.index.wizard .domain-wizard form .caldera-form-page .single .cboxes .radio label input[type="radio"]:checked + span {
    background: url("http://new1.letshost.ie/wp-content/uploads/2016/08/radio-checked.png") left top no-repeat;
}

.index.wizard .domain-wizard form .caldera-form-page .single .cboxes .radio img {
    position: absolute;
    top: 0;
    right: 0;
    padding: 40px;
    box-shadow: 0 24px 44px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1199px) {
    .index.wizard .domain-wizard form .caldera-form-page .single .cboxes .radio img {
        position: initial;
        display: block;
        text-align: center;
        max-width: 450px;
        max-height: 300px;
        width: 100%;
        margin: 0 auto;
    }
}

.index.wizard .domain-wizard form .caldera-form-page .form-group.cb {
    position: relative;
}

.index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio {
    position: initial;
    padding: 21px 0;
}

.index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio label {
    width: 50%;
    font-size: 15px;
    font-weight: 400;
    color: #1a2833;
}

@media (max-width: 1199px) {
    .index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio label {
        width: 100%;
        text-align: center;
    }
}

.index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio label input[type="radio"], .index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio label input[type="checkbox"] {
    display: none;
}

.index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio label input[type="radio"] + span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 17px 0 0;
    vertical-align: middle;
    background: url("http://new1.letshost.ie/wp-content/uploads/2016/08/radio-unchecked.png") left top no-repeat;
    cursor: pointer;
}

.index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio label input[type="radio"]:checked + span {
    background: url("http://new1.letshost.ie/wp-content/uploads/2016/08/radio-checked.png") left top no-repeat;
}

.index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio img {
    position: absolute;
    top: 0;
    right: 0;
    padding: 40px;
    box-shadow: 0 24px 44px rgba(0, 0, 0, 0.2);
}

.index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio .text-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 412px;
    background-color: #203e56;
    box-shadow: 0 24px 44px rgba(0, 0, 0, 0.07);
}

@media (max-width: 1199px) {
    .index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio .text-wrapper {
        display: block;
        position: initial;
        margin: 20px auto;
        max-width: 400px;
        width: 100%;
    }
}

.index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio .text-wrapper p {
    color: #ffffff;
    padding: 40px 35px;
}

.index.wizard .domain-wizard form .caldera-form-page .select-text p {
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: #a3a3a3;
}

.index.wizard .domain-wizard form .caldera-form-page .button-wrapper .btn, .index.wizard .domain-wizard form .caldera-form-page .button-wrapper .plancompare_columns_column_button, .index.wizard .domain-wizard form .caldera-form-page .button-wrapper .plancompare_tabs_button {
    width: 300px;
    height: 64px;
    float: right;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form .caldera-form-page .button-wrapper .btn, .index.wizard .domain-wizard form .caldera-form-page .button-wrapper .plancompare_columns_column_button, .index.wizard .domain-wizard form .caldera-form-page .button-wrapper .plancompare_tabs_button {
        float: none;
        display: block;
        margin: 50px auto;
    }
}

.index.wizard .domain-wizard form .caldera-form-page .last_row .btn.prew, .index.wizard .domain-wizard form .caldera-form-page .last_row .prew.plancompare_columns_column_button, .index.wizard .domain-wizard form .caldera-form-page .last_row .prew.plancompare_tabs_button {
    position: relative;
    font-size: 20px;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form .caldera-form-page .last_row .btn.prew, .index.wizard .domain-wizard form .caldera-form-page .last_row .prew.plancompare_columns_column_button, .index.wizard .domain-wizard form .caldera-form-page .last_row .prew.plancompare_tabs_button {
        position: initial;
        display: block;
        margin-bottom: 25px;
    }
}

.index.wizard .domain-wizard form .caldera-form-page .last_row .btn.prew:before, .index.wizard .domain-wizard form .caldera-form-page .last_row .prew.plancompare_columns_column_button:before, .index.wizard .domain-wizard form .caldera-form-page .last_row .prew.plancompare_tabs_button:before {
    content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

.index.wizard .domain-wizard form .caldera-form-page .last_row .btn.prew:hover, .index.wizard .domain-wizard form .caldera-form-page .last_row .prew.plancompare_columns_column_button:hover, .index.wizard .domain-wizard form .caldera-form-page .last_row .prew.plancompare_tabs_button:hover {
    color: #ffffff !important;
    background-color: #1181da !important;
    text-decoration: none;
}

.index.wizard .domain-wizard form .caldera-form-page .last_row input[type="submit"] {
    width: 80%;
    height: 64px;
    float: right;
}

@media (max-width: 991px) {
    .index.wizard .domain-wizard form .caldera-form-page .last_row input[type="submit"] {
        float: none;
        display: block;
        position: initial;
        max-width: 300px;
        margin: 25px auto 0 auto;
    }
}

.index.wizard .domain-wizard form #form_page_1_pg_2 .last_row {
    padding-top: 50px;
}

.index.dns .hero {
    height: 600px;
}

@media (max-width: 767px) {
    .index.dns .hero {
        height: auto;
        padding: 150px 15px;
    }
}

.index.dns .hero h1 {
    font-size: 64px;
    color: #ffffff;
    font-weight: 300;
    text-align: center;
    line-height: 600px;
}

@media (max-width: 767px) {
    .index.dns .hero h1 {
        line-height: normal;
    }
}

.index.dns .domain-wizard {
    background-color: #e8e8e8;
    height: 591px;
}

@media (max-width: 991px) {
    .index.dns .domain-wizard {
        height: auto;
    }
}

.index.dns .domain-wizard .cell p {
    color: #2d2d2d;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.index.dns .domain-wizard form {
    display: block;
    position: relative;
    top: -200px;
    max-width: 1110px;
    background-color: #ffffff;
    padding: 60px 65px;
    margin: 0 auto;
    border-radius: 5px;
}

@media (max-width: 991px) {
    .index.dns .domain-wizard form {
        top: 0;
        padding: 60px 15px;
    }
}

@media (max-width: 450px) {
    .index.dns .domain-wizard form {
        padding: 60px 0;
    }
}

.index.dns .domain-wizard form h2 {
    display: table-caption;
    padding-left: 15px;
}

@media (max-width: 991px) {
    .index.dns .domain-wizard form h2 {
        display: block;
        padding: 0 15px;
        text-align: center;
    }
}

.index.dns .domain-wizard form .qn {
    display: none;
}

.index.dns .domain-wizard form .qn.ql2 .cell .md-input {
    display: block;
    padding: 27px 0;
}

.index.dns .domain-wizard form .qn.ql2 .cell .md-input .text-wrapper {
    right: 80px;
}

.index.dns .domain-wizard form .qn:first-child {
    position: relative;
    display: table;
    width: 100%;
}

.index.dns .domain-wizard form input[type="submit"] {
    display: none;
}

.index.dns .domain-wizard form .cell {
    display: table-cell;
    width: 49%;
    padding: 0 15px;
    vertical-align: middle;
}

@media (max-width: 991px) {
    .index.dns .domain-wizard form .cell {
        display: block;
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 450px) {
    .index.dns .domain-wizard form .cell {
        padding: 0;
    }
}

.index.dns .domain-wizard form .cell .md-input {
    display: block;
    padding: 21px 0;
}

@media (max-width: 991px) {
    .index.dns .domain-wizard form .cell .md-input {
        text-align: center;
    }
}

.index.dns .domain-wizard form .cell .md-input input[type="radio"], .index.dns .domain-wizard form .cell .md-input input[type="checkbox"] {
    display: none;
}

.index.dns .domain-wizard form .cell .md-input input[type="radio"] + label span {
    display: inline-block;
    width: 19px;
    height: 19px;
    margin: -1px 17px 0 0;
    vertical-align: middle;
    background: url("http://new1.letshost.ie/wp-content/uploads/2016/08/radio-unchecked.png") left top no-repeat;
    cursor: pointer;
}

.index.dns .domain-wizard form .cell .md-input input[type="radio"]:checked + label span {
    background: url("http://new1.letshost.ie/wp-content/uploads/2016/08/radio-checked.png") left top no-repeat;
}

.index.dns .domain-wizard form .cell .md-input label {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    color: #1a2833;
    text-indent: -35px;
}

@media (max-width: 991px) {
    .index.dns .domain-wizard form .cell .md-input label {
        text-indent: 0;
    }
}

.index.dns .domain-wizard form .cell .md-input .img-wrapper {
    position: absolute;
    top: 55px;
    right: 0;
    width: 450px;
    height: 322px;
    background-color: white;
    box-shadow: 0 24px 44px rgba(0, 0, 0, 0.07);
    padding-top: 55px;
    padding-left: 50px;
}

@media (max-width: 991px) {
    .index.dns .domain-wizard form .cell .md-input .img-wrapper {
        position: initial;
        display: block;
        max-width: 450px;
        width: 100%;
        margin: 0 auto;
        padding-left: 0;
    }
}

.index.dns .domain-wizard form .cell .md-input .img-wrapper img {
    position: absolute;
    width: 341px;
    height: 211px;
    margin: 0 auto;
    z-index: 99;
}

@media (max-width: 991px) {
    .index.dns .domain-wizard form .cell .md-input .img-wrapper img {
        position: initial;
        max-width: 341px;
        width: 100%;
    }
}

.index.dns .domain-wizard form .cell .md-input .img-wrapper img.hide {
    display: none;
}

.index.dns .domain-wizard form .cell .md-input .img-wrapper img.show {
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
}

.index.dns .domain-wizard form .cell .md-input .text-wrapper {
    position: absolute;
    top: 55px;
    right: 0;
    width: 412px;
    background-color: #203e56;
    box-shadow: 0 24px 44px rgba(0, 0, 0, 0.07);
}

@media (max-width: 991px) {
    .index.dns .domain-wizard form .cell .md-input .text-wrapper {
        position: initial;
        display: block;
        max-width: 412px;
        width: 100%;
        margin: 25px auto;
    }
}

.index.dns .domain-wizard form .cell .md-input .text-wrapper p {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 28px;
    padding: 40px 35px;
}

.index.dns .domain-wizard form .cell .wrapper {
    background-color: #2093ee;
    padding-top: 57px;
    padding-left: 48px;
}

@media (max-width: 991px) {
    .index.dns .domain-wizard form .cell .wrapper {
        margin-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

.index.dns .domain-wizard form .cell .wrapper h2 {
    color: white;
    font-size: 39px;
    font-weight: 300;
    padding-bottom: 44px;
    line-height: 47px;
}

@media (max-width: 450px) {
    .index.dns .domain-wizard form .cell .wrapper h2 {
        font-size: 30px;
    }
}

.index.dns .domain-wizard form .cell .wrapper .md-input {
    height: 100px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

@media (max-width: 450px) {
    .index.dns .domain-wizard form .cell .wrapper .md-input {
        height: auto;
        padding-bottom: 20px;
    }
}

.index.dns .domain-wizard form .cell .wrapper .md-input span {
    display: inline-block;
    max-width: 208px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    padding: 22px 0;
}

@media (max-width: 450px) {
    .index.dns .domain-wizard form .cell .wrapper .md-input span {
        max-width: unset;
        display: block;
        font-size: 16px;
    }
}

.index.dns .domain-wizard form .cell .wrapper .md-input a {
    display: inline-block;
    width: 20px;
    line-height: 100px;
    vertical-align: middle;
    float: right;
    padding-right: 53px;
}

@media (max-width: 450px) {
    .index.dns .domain-wizard form .cell .wrapper .md-input a {
        display: block;
        width: 100%;
        line-height: normal !important;
        float: none;
        padding-right: 0;
        padding-top: 15px;
    }
}

.index.dns .domain-wizard form .cell .wrapper .md-input a i {
    color: #ffffff;
    font-size: 25px;
    font-weight: 100;
}

.index.dns .domain-wizard form .cell .wrapper .md-input a:hover i {
    color: #4972af;
}

.index.dns .domain-wizard form .form-bottom {
    display: table;
    width: 100%;
    padding-top: 30px;
}

.index.dns .domain-wizard form .form-bottom p {
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    color: #a3a3a3;
}

.index.dns .domain-wizard form .form-bottom p a {
    color: #2093ee;
}

.index.dns .domain-wizard form .form-bottom .btn, .index.dns .domain-wizard form .form-bottom .plancompare_columns_column_button, .index.dns .domain-wizard form .form-bottom .plancompare_tabs_button {
    width: 300px;
    height: 64px;
    float: right;
}

@media (max-width: 991px) {
    .index.dns .domain-wizard form .form-bottom .btn, .index.dns .domain-wizard form .form-bottom .plancompare_columns_column_button, .index.dns .domain-wizard form .form-bottom .plancompare_tabs_button {
        float: none;
        margin-top: 25px;
    }
}

.index.dns .domain-wizard form .form-bottom .btn.prew, .index.dns .domain-wizard form .form-bottom .prew.plancompare_columns_column_button, .index.dns .domain-wizard form .form-bottom .prew.plancompare_tabs_button {
    width: 64px;
    opacity: 0.31;
    border: 1px solid rgba(151, 151, 151, 0.5);
    border-radius: 4px;
    background-color: #ffffff;
    text-align: center;
}

@media (max-width: 991px) {
    .index.dns .domain-wizard form .form-bottom .btn.prew, .index.dns .domain-wizard form .form-bottom .prew.plancompare_columns_column_button, .index.dns .domain-wizard form .form-bottom .prew.plancompare_tabs_button {
        display: block;
        margin: 0 auto;
        margin-bottom: 25px;
    }
}

.index.dns .domain-wizard form .form-bottom .btn.prew i, .index.dns .domain-wizard form .form-bottom .prew.plancompare_columns_column_button i, .index.dns .domain-wizard form .form-bottom .prew.plancompare_tabs_button i {
    color: #a3a3a3;
    font-size: 30px;
    font-weight: 500;
    text-indent: -5px;
}

.index.dns .domain-wizard form .form-bottom .btn.prew:hover, .index.dns .domain-wizard form .form-bottom .prew.plancompare_columns_column_button:hover, .index.dns .domain-wizard form .form-bottom .prew.plancompare_tabs_button:hover {
    border: 1px solid #203e56;
}

.index.dns .domain-wizard form .form-bottom .btn.prew:hover i, .index.dns .domain-wizard form .form-bottom .prew.plancompare_columns_column_button:hover i, .index.dns .domain-wizard form .form-bottom .prew.plancompare_tabs_button:hover i {
    color: #203e56;
}

.index.dns .domain-wizard form.dns .cell .wrapper .md-input span {
    padding: 0;
}

.index.dns .domain-wizard form.dns .cell .wrapper .md-input a {
    line-height: 54px;
}

.index.pricing .domain-tier {
    padding-top: 100px;
    padding-bottom: 145px;
}

.index.pricing .domain-tier h1 {
    text-align: center;
    color: #515152;
    font-size: 50px;
    font-weight: 300;
    padding-bottom: 100px;
}

.index.pricing .domain-tier p {
    vertical-align: middle;
    font-size: 16px;
    line-height: 26px;
    color: #2d2d2d;
}

.index.pricing .domain-tier p b, .index.pricing .domain-tier p strong {
    color: #209df0;
    font-weight: 600;
}

.index.pricing .domain-tier ul li {
    position: relative;
    padding: 27px 35px;
    vertical-align: middle;
    font-size: 16px;
    line-height: 26px;
    color: #2d2d2d;
}

.index.pricing .domain-tier ul li b, .index.pricing .domain-tier ul li strong {
    color: #209df0;
    font-weight: 600;
}

.index.pricing .domain-tier ul li:before {
    content: "";
    position: absolute;
    display: block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    left: 0;
    background-image: url("http://new1.letshost.ie/wp-content/uploads/2016/08/pricing-list-icon.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.index.pricing .domain-reg {
    padding: 120px 15px 150px 15px;
}

@media (max-width: 767px) {
    .index.pricing .domain-reg .container {
        padding-left: 0;
        padding-right: 0;
    }
}

.index.pricing .domain-reg h1 {
    text-align: center;
    color: #515152;
    font-size: 50px;
    font-weight: 300;
    padding-bottom: 52px;
}

.index.pricing .domain-reg .search {
    display: block;
    position: relative;
    max-width: 980px;
    margin: 0 auto;
    border-radius: 6px;
    overflow: hidden;
}

@media (max-width: 1199px) {
    .index.pricing .domain-reg .search {
        max-width: 1200px;
        margin-left: 20px;
        margin-right: 20px;
    }
}

.index.pricing .domain-reg .search input[type="text"] {
    height: 75px;
    width: 100%;
    font-size: 19px;
    font-weight: 600;
    border: none;
    background-color: #ffffff;
    padding-right: 280px;
    padding-left: 40px;
}

@media (max-width: 767px) {
    .index.pricing .domain-reg .search input[type="text"] {
        height: 45px;
        padding-right: 90px;
        padding-left: 15px;
        font-size: 14px;
    }
}

.index.pricing .domain-reg .search input[type="text"]::-webkit-input-placeholder {
    font-style: italic;
}

.index.pricing .domain-reg .search input[type="text"]:-moz-placeholder {
    font-style: italic;
}

.index.pricing .domain-reg .search input[type="text"]::-moz-placeholder {
    font-style: italic;
}

.index.pricing .domain-reg .search input[type="text"]:-ms-input-placeholder {
    font-style: italic;
}

.index.pricing .domain-reg .search button {
    position: absolute;
    top: 0;
    right: 0;
    height: 75px;
    width: 240px;
    background-color: #2093ee;
    border: none;
    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
}

@media (max-width: 767px) {
    .index.pricing .domain-reg .search button {
        height: 45px;
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
    }
}

.index.pricing .domain-reg .search button:hover {
    background-color: #1181da;
}

.index.pricing .domain-reg .container-head .domains-checkboxes_header {
    margin: -20px -20px 20px -20px;
    padding: 10px 20px;
    background-color: #7a7a7a;
    color: #ffffff;
    border-radius: 3px 3px 0 0;
}

.index.pricing .domain-reg .container-head form {
    padding: 20px;
    background: #e8e8e8;
    border-radius: 3px;
    margin-bottom: 5px;
}

.index.pricing .domain-reg .container-head form label {
    padding-right: 34px;
    cursor: pointer;
}

.index.pricing .domain-reg .container-head form label input[type="radio"], .index.pricing .domain-reg .container-head form label input[type="checkbox"] {
    display: none;
}

.index.pricing .domain-reg .container-head form label input[type="radio"] + span:before {
    content: '\f0c8';
    font-family: FontAwesome;
    color: #ffffff;
    text-shadow: 0 0 1px #000;
}

.index.pricing .domain-reg .container-head form label input[type="radio"]:checked + span:before {
    content: '\f14a';
    font-family: FontAwesome;
    color: #2093ee;
    text-shadow: none;
}

.index.pricing .domain-reg .container-head form label:hover input[type="radio"] + span:before {
    content: '\f14a';
    color: #7a7a7a;
    text-shadow: none;
}

.index.pricing .domain-reg .container-head form label:hover input[type="radio"]:checked + span:before {
    color: #2093ee;
    text-shadow: none;
}

@media (max-width: 767px) {
    .index.pricing .domain-reg .container-head .domains-checkboxes {
        display: none;
    }
}

@media (max-width: 767px) {
    .index.pricing .domain-reg .container-body {
        padding-top: 0;
    }
}

.index.pricing .domain-reg .container-body table {
    width: 100%;
}

.index.pricing .domain-reg .container-body table tbody tr:first-child td {
    background-color: #7fc1f5;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    border: none;
    border-radius: 0;
}

.index.pricing .domain-reg .container-body table tr td {
    height: 78px;
    width: 20%;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    background-color: #E2E2E2;
    color: #5b5b5b;
    font-size: 18px;
    font-weight: 400;
}

.index.pricing .domain-reg .container-body table tr td:last-child {
    border-right: 0;
}

.index.pricing .domain-reg .container-body table tr td .search input {
    border: none;
    background-color: transparent;
    height: 20px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
}

.index.pricing .domain-reg .container-body table tr td .search input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    opacity: 0.41;
    color: #ffffff;
}

.index.pricing .domain-reg .container-body table tr td .search input::-moz-placeholder {
    /* Firefox 19+ */
    opacity: 0.41;
    color: #ffffff;
}

.index.pricing .domain-reg .container-body table tr td .search input:-ms-input-placeholder {
    /* IE 10+ */
    opacity: 0.41;
    color: #ffffff;
}

.index.pricing .domain-reg .container-body table tr td .search input:-moz-placeholder {
    /* Firefox 18- */
    opacity: 0.41;
    color: #ffffff;
}

.index.pricing .domain-reg .container-body table tr td .search button {
    position: initial;
    background-color: transparent;
    width: 20px;
    height: 20px;
    font-size: 20px;
    color: rgba(255, 255, 255, 0.3);
}

.index.pricing .domain-reg .container-body table tr td b {
    display: block;
    color: #5b5b5b;
    font-size: 20px;
    font-weight: 500;
}

.index.pricing .domain-reg .container-body table tr td p {
    color: #5b5b5b;
    font-size: 18px;
    font-weight: 400;
}

.index.pricing .domain-reg .container-body table tr td b + p {
    color: #575757;
    font-size: 13px;
    font-weight: 300;
}

.index.pricing .domain-reg .container-body table tr td .btn, .index.pricing .domain-reg .container-body table tr td .plancompare_columns_column_button, .index.pricing .domain-reg .container-body table tr td .plancompare_tabs_button {
    height: 34px;
    line-height: 34px;
    font-weight: 400;
}

.index.pricing .domain-reg .container-body table tr td:nth-child(2) {
    color: #1a2833;
    font-size: 20px;
    font-weight: 600;
}

.index.pricing .domain-reg .container-body table tr td:nth-child(2) p {
    color: #4972af;
    font-size: 20px;
    font-weight: 500;
}

.index.pricing .domain-reg .container-body table tr td.domain-type {
    height: 29px;
    line-height: 29px;
    background-color: #edf0f5;
    color: rgba(62, 102, 168, 0.49);
    font-size: 12px;
    font-weight: 600;
    border-bottom: none;
}

.index.pricing .domain-reg .container-body table tr:first-child td {
    background-color: #E2E2E2;
    border-right: 0.3px solid #ffffff;
    border-bottom: none;
    font-size: 20px;
    font-weight: 600;
}

.index.pricing .domain-reg .container-body table tr:first-child td p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
}

.index.pricing .domain-reg .container-body table tr:nth-child(even) td {
    background-color: #E9E9E9;
}

.index.pricing .domain-reg .container-body table.table-mobile {
    margin-top: 100px;
}

.index.pricing .domain-reg .container-body table.table-mobile tbody {
    border-collapse: collapse;
    border-top: 5px solid #f8f8f8;
}

.index.pricing .domain-reg .container-body table.table-mobile tr td,
.index.pricing .domain-reg .container-body table.table-mobile tr td:first-child {
    background-color: #E2E2E2;
    text-align: left;
}

.index.pricing .domain-reg .container-body table.table-mobile tr td table tr td,
.index.pricing .domain-reg .container-body table.table-mobile tr td:first-child table tr td {
    display: block;
    background-color: #E2E2E2;
    width: 100%;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid rgba(151, 151, 151, 0.3);
    padding-left: 15px;
    color: #5b5b5b;
    font-size: 18px;
    font-weight: 400;
    line-height: 78px;
}

@media (max-width: 767px) {
    .index.pricing .domain-reg .container-body table.table-mobile tr td table tr td,
    .index.pricing .domain-reg .container-body table.table-mobile tr td:first-child table tr td {
        font-size: 16px;
    }
}

.index.pricing .domain-reg .container-body table.table-mobile tr td table tr td b,
.index.pricing .domain-reg .container-body table.table-mobile tr td:first-child table tr td b {
    display: inline-block;
}

.index.pricing .domain-reg .container-body table.table-mobile tr td table tr td p,
.index.pricing .domain-reg .container-body table.table-mobile tr td:first-child table tr td p {
    color: #5b5b5b;
    font-size: 18px;
    font-weight: 400;
}

@media (max-width: 767px) {
    .index.pricing .domain-reg .container-body table.table-mobile tr td table tr td p,
    .index.pricing .domain-reg .container-body table.table-mobile tr td:first-child table tr td p {
        font-size: 16px;
    }
}

.index.pricing .domain-reg .container-body table.table-mobile tr td table tr td p.line-norm,
.index.pricing .domain-reg .container-body table.table-mobile tr td:first-child table tr td p.line-norm {
    line-height: normal;
}

.index.pricing .domain-reg .container-body table.table-mobile tr td:first-child table tr:first-child td {
    background-color: #4972af;
    border-bottom: 0.3px solid #95b7e9;
    border-right: 0.3px solid #95b7e9;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    padding-left: 15px;
}

@media (max-width: 767px) {
    .index.pricing .domain-reg .container-body table.table-mobile tr td:first-child table tr:first-child td {
        font-size: 18px;
    }
}

.index.pricing .domain-reg .container-body table.table-mobile tr td:first-child table tr:first-child td p {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    padding-left: 15px;
}

@media (max-width: 767px) {
    .index.pricing .domain-reg .container-body table.table-mobile tr td:first-child table tr:first-child td p {
        font-size: 18px;
    }
}

.index.pricing .domain-reg .container-body table.table-mobile tr td:first-child table tr:first-child td:last-child {
    border-bottom: none;
}

@media (max-width: 767px) {
    .index.hosting .title {
        font-size: 40px;
        padding: 50px 0;
    }
}

.index.hosting .resell.extab h1 {
    color: #515152;
    font-size: 50px;
    font-weight: 300;
}

.index.hosting .resell .tab-container .tab-links li {
    width: 49%;
    height: auto;
}

@media (max-width: 991px) {
    .index.hosting .resell .tab-container .tab-links li {
        width: 100%;
        padding: 15px 0;
    }
}

.index.hosting .resell .tab-container .tab-links li a {
    color: rgba(91, 91, 91, 0.9);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
}

.index.hosting .resell .tab-container .tab-links li a:hover {
    color: #2093ee;
}

.index.hosting .resell .tab-container .tab-links li a i {
    font-size: 30px;
}

.index.hosting .resell .tab-container .tab-links li.active a {
    opacity: 1;
    color: #2093ee;
}

.index.hosting .resell .tab-container .tab-links li.active a i {
    color: #2093ee;
}

.index.hosting .resell .tab-container .tab-content h2 {
    color: #505050;
    font-size: 36px;
    font-weight: 300;
    letter-spacing: -0.85px;
    padding-top: 54px;
    padding-bottom: 10px;
}

@media (max-width: 767px) {
    .index.hosting .resell .tab-container .tab-content h2 {
        font-size: 26px;
    }
}

.index.hosting .resell .tab-container .tab-content p {
    color: #5b5b5b;
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.33px;
}

.index.bundles .hero .content {
    height: 500px;
}

.index.bundles .hero .content .wrapper {
    padding: 0;
}

.index.bundles .hero .content .wrapper h1 {
    font-size: 62px;
    font-weight: 400;
    line-height: 500px;
}

@media (max-width: 767px) {
    .index.bundles .hero .content .wrapper h1 {
        line-height: normal;
        font-size: 60px;
    }
}

.index.email-hosting .hero .content {
    height: 500px;
}

.index.email-hosting .hero .content .wrapper {
    padding: 0;
}

.index.email-hosting .hero .content .wrapper h1 {
    font-size: 62px;
    font-weight: 400;
    line-height: 500px;
}

@media (max-width: 767px) {
    .index.email-hosting .hero .content .wrapper h1 {
        line-height: normal;
        font-size: 60px;
    }
}

.colocation .chouse-package .package-head {
    min-height: 179px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.colocation .chouse-package .package-head h4 {
    font-size: 20px;
    color: #ffffff;
}

.colocation .chouse-package .package-head h5 {
    font-size: 12px;
    color: #ffffff;
    opacity: 0.57;
}

.colocation .chouse-package .package-head h2 {
    font-size: 45px;
    font-weight: 300;
}

.colocation .chouse-package .package-body {
    padding: 40px 15px;
}

.colocation .chouse-package .package-body .wrapper {
    padding-bottom: 25px;
}

.colocation .chouse-package .package-body .wrapper span {
    display: inline-block;
    width: 49%;
    font-size: 14px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .colocation .chouse-package .package-body .wrapper span {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.colocation .chouse-package .package-body .wrapper span + span {
    text-align: right;
    font-weight: 600;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .colocation .chouse-package .package-body .wrapper span + span {
        display: block;
        width: 100%;
        text-align: center;
    }
}

.colocation .chouse-package .package-body .wrapper .percent {
    background-color: #FFFFFF;
    height: 21px;
}

.colocation .chouse-package .package-body .wrapper .percent .background {
    height: 21px;
}

.colocation .chouse-package .col-md-3:first-child .package-head {
    padding: 30px 0 0 0;
}

@media (max-width: 991px) {
    .colocation .chouse-package .package-footer {
        padding-bottom: 150px;
    }
}

.error404 .main-header {
    display: none;
}

.error404 .error {
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.error404 .error .content {
    text-align: center;
    height: 100%;
    padding-top: 100px;
}

.error404 .error .content h2 {
    text-align: center;
    color: white;
    font-size: 27px;
    font-weight: 400;
    padding-bottom: 20px;
}

.error404 .error .content .btn, .error404 .error .content .plancompare_columns_column_button, .error404 .error .content .plancompare_tabs_button {
    width: 278px;
}

.error404 .error .content .img-wrapper {
    text-align: center;
}

.error404 .error .content .img-wrapper.logo404 {
    padding-bottom: 40px;
}

.error404 .error .content .img-wrapper.layers404 img {
    width: 100%;
}

/*#endregion */
/*#region Wordpress Css */
.index.irish-dedicated-servers .hero.reseller-hosting .content .wrapper .domain-list li h3 {
    padding-left: 15px;
}

@media (min-width: 1200px) {
    .index.data-backup .hero {
        padding: 290px 0 200px 0;
    }

    .index.data-backup .hero .content {
        height: auto;
    }

    .index.data-backup .hero .content h1 {
        font-weight: 400;
        font-size: 62px;
    }

    .index.data-backup .hero .content p {
        font-weight: 300;
        font-size: 18px;
    }
}

.index.data-backup .hero.terms .content .wrapper h1 {
    line-height: unset;
}

.index.data-backup .hero.terms .content .wrapper p {
    max-width: 700px;
}

@media (max-width: 767px) {
    .index.data-backup .hero.terms .content .wrapper {
        padding: 150px 0;
    }

    .index.data-backup .hero.terms .content .wrapper h1 {
        padding: 0;
    }
}

.index .package-table .table-tablet tr td p {
    display: inline-block;
}

.index.irish-dedicated-servers .whois.servers .wrapper h1 {
    text-align: left;
}

.index.shared-hosting .chouse-package .package-head {
    padding: 0;
}

.index.ssl .why {
    padding-bottom: 0;
}

.index.ssl .chouse-package.ssl {
    padding-top: 0;
}

.index.data-backup .why {
    padding-bottom: 0;
}

.index.data-backup .chouse-package.ssl {
    padding-top: 0;
}

.index.feedback .form-section form .md-input span {
    display: initial;
    max-width: unset;
    padding: 0;
}

div.wpcf7-response-output {
    border: 2px solid #2093ee;
}

@media (min-width: 1200px) {
    div.wpcf7-response-output {
        margin: 32em 0.5em 1em;
    }
}

@media (max-width: 1199px) {
    div.wpcf7-response-output {
        margin: 32em 0.5em 1em;
    }
}

.index.wizard .caldera-grid .radio label, .caldera-grid .checkbox label {
    padding-left: 0;
}

@media (max-width: 767px) {
    .index.vps .hero .content {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .index.vps .hero .content .wrapper h1 {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .index.enterprise-hosting .hero.terms .content .wrapper {
        padding: 200px 0;
    }

    .index.enterprise-hosting .hero.terms .content .wrapper h1 {
        padding: 0;
    }
}

.index.enterprise-hosting .chouse-package.ssl .package h2 {
    padding-bottom: 0;
}

.index.enterprise-hosting .chouse-package.ssl .package h3 {
    padding-bottom: 50px;
}

.index.enterprise-hosting .chouse-package.ssl .package .wrapper .percent {
    margin-bottom: 20px;
}

.index.enterprise-hosting .whois.servers.vps .wrapper p {
    padding-bottom: 0;
}

.index.enterprise-hosting .whois.servers.vps .wrapper img {
    margin-right: 20px;
}

@media (max-width: 767px) {
    .index.enterprise-hosting .whois {
        padding: 0;
    }
}

.index.enterprise-hosting .resell.extab .tab-container .tab-links li {
    width: 49%;
}

@media (max-width: 991px) {
    .index.enterprise-hosting .resell.extab .tab-container .tab-links li {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .index.business-hosting .hero.terms .content .wrapper {
        padding: 200px 0;
    }

    .index.business-hosting .hero.terms .content .wrapper h1 {
        padding: 0;
    }
}

.index.business-hosting .chouse-package.ssl .package .wrapper .percent {
    margin-bottom: 20px;
}

.index.business-hosting .whois.servers.vps .wrapper p {
    padding-bottom: 0;
}

.index.business-hosting .whois.servers.vps .wrapper img {
    margin-right: 20px;
}

@media (max-width: 767px) {
    .index.business-hosting .whois {
        padding: 0;
    }
}

.index.business-hosting .resell.extab .tab-container .tab-links li {
    width: 49%;
}

@media (max-width: 991px) {
    .index.business-hosting .resell.extab .tab-container .tab-links li {
        width: 100%;
    }
}

.go p {
    font-size: 18px;
}

.go p i {
    color: #b0d631;
    font-size: 28px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
}

.bulk_search,
.index p.bulk_search {
    clear: both;
    padding: 10px;
    color: #ffffff;
    background-color: rgba(0, 20, 50, 0.75);
    margin-left: 0 !important;
    text-align: left;
    font-size: 1em !important;
    border-radius: 0 0 4px 4px;
    display: inline-block;
}

.bulk_search a,
.index p.bulk_search a {
    text-decoration: underline;
}

.index .hero_testimonial_domainsearch_form p.bulk_search {
    background-color: transparent;
}

.domain.index .hero .content .wrapper .search input[type="text"] {
    border-radius: 6px 6px 6px 0;
}

.domain.index .hero .content .wrapper .search button {
    border-radius: 0 6px 6px 0;
}

/*#endregion */
.story {
    margin: 2em 0;
    position: relative;
}

.story.negative_margin_top {
    margin-top: -150px;
}

.story.negative_margin_top .story_column_content {
    background-color: #E5E5E5;
    padding: 2em;
}

.about-us .negative_margin_top .story_column_content {
    min-height: 460px;
}

@media (max-width: 767px) {
    .about-us .negative_margin_top .story_column_content {
        min-height: 1px;
        margin-bottom: 2em;
    }
}

img.aboutus_acc_logo {
    width: auto;
    max-height: 100px;
    display: block;
    margin-bottom: .5em;
}

.table-3col-feature-type-price {
    margin-top: -7em;
    overflow: visible;
}

@media (min-width: 992px) {
    .table-3col-feature-type-price {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .table-3col-feature-type-price {
        width: 100%;
        margin-bottom: 15.75px;
        margin-top: 0;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        overflow-x: auto;
        min-height: 0.01%;
        padding: 0;
        border: none;
    }
}

@media (max-width: 400px) {
    .table-3col-feature-type-price {
        font-size: 12px;
    }
}

.table-3col-feature-type-price table {
    border-collapse: collapse;
    width: 100%;
}

@media (max-width: 767px) {
    .table-3col-feature-type-price table {
        margin-bottom: 0;
        max-width: 100%;
    }
}

.table-3col-feature-type-price td,
.table-3col-feature-type-price th {
    padding: 1em;
    background-color: #E8E8E8;
    border: 1px solid #ffffff;
    vertical-align: top;
    position: relative;
}

@media (max-width: 767px) {
    .table-3col-feature-type-price td,
    .table-3col-feature-type-price th {
        padding: .25em;
    }
}

.table-3col-feature-type-price tr:nth-child(even) td {
    background-color: #EAEAEA;
}

.table-3col-feature-type-price thead th {
    background: #2093ee;
    border-color: #2093ee #67b5f3 #2093ee #2093ee;
    color: #FFF;
}

.table-3col-feature-type-price thead th:nth-child(3) {
    border-right-color: #2093ee;
}

.table-3col-feature-type-price tbody th {
    background-color: #7fc1f5;
    color: #ffffff;
    font-weight: 400;
    border-color: #7fc1f5 #aed8f9 #aed8f9 #7fc1f5;
}

.table-3col-feature-type-price li {
    margin-bottom: 0.75em;
}

.table-3col-feature-type-price li:last-child {
    margin-bottom: 0;
}

.table-3col-feature-type-price tbody tr td:last-child {
    font-style: normal;
    color: #404040;
}

.table-3col-feature-type-price tbody tr td:last-child .frequency {
    color: #999999;
    font-size: .75em;
}

.table-3col-feature-type-price tbody tr td:last-child em {
    font-style: normal;
    font-weight: bold;
}

.table-3col-feature-type-price td .btn, .table-3col-feature-type-price td .plancompare_columns_column_button, .table-3col-feature-type-price td .plancompare_tabs_button {
    display: block;
    max-width: 11.5em;
    margin-top: .5em;
}

.table-3col-feature-type-price td a.description {
    display: inline-block;
    width: 32px;
    overflow: hidden;
    position: absolute;
    right: 0;
    padding-left: 32px;
}

.table-3col-feature-type-price td a.description:before {
    content: '\f059';
    font-family: "Fontawesome";
    position: absolute;
    left: 5px;
    top: 0;
}

.table-3col-feature-type-price .tooltip.in {
    opacity: 1;
    filter: alpha(opacity=100);
}

.table-3col-feature-type-price .tooltip > .tooltip-inner {
    padding: 1em;
    background-color: #FFF;
    color: #2093ee;
    font-size: 15px;
    max-width: 320px;
    width: 80vw;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    text-align: left;
}

.table-3col-feature-type-price .tooltip.top > .tooltip-arrow {
    bottom: -6px;
    left: 50%;
    margin-left: -12px;
    border-width: 12px 8px 0;
    border-top-color: #ffffff;
}

.managed-services .hero,
.additional-services .hero {
    padding-bottom: 7em;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––

Styles for Shared Hosting page and for the Custom Field "Shared Hosting Hero Section"
These define a Hero section, the Planpicker tool and the column comparison layout for hosting plans

––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero_simpleHero,
.heroWithProducttable,
.heroWithProducttable_plan_comparison_columns {
    font-size: 16px;
}

@media (min-width: 1200px) {
    .hero_simpleHero,
    .heroWithProducttable,
    .heroWithProducttable_plan_comparison_columns {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .hero_simpleHero,
    .heroWithProducttable,
    .heroWithProducttable_plan_comparison_columns {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .hero_simpleHero,
    .heroWithProducttable,
    .heroWithProducttable_plan_comparison_columns {
        font-size: 12px;
    }
}

.hero_simpleHero_heroheader,
.heroWithProducttable_heroheader {
    width: 66.6%;
    float: left;
    box-sizing: border-box;
    padding-right: 30px;
}

@media (max-width: 767px) {
    .hero_simpleHero_heroheader,
    .heroWithProducttable_heroheader {
        padding-right: 0;
    }
}

.hero_simpleHero_heroheader p,
.heroWithProducttable_heroheader p {
    text-align: left;
}

.hero_simpleHero_heroheader h2,
.heroWithProducttable_heroheader h2 {
    font-size: 1.75em;
    font-weight: 300;
    margin: 0;
    color: #ffffff;
    text-align: left;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .hero_simpleHero_heroheader h2,
    .heroWithProducttable_heroheader h2 {
        font-size: 1.33em;
    }
}

.hero-usp-list,
.resellerhosting_domain_list {
    padding: 0;
    width: 33.3%;
    float: left;
    margin: 1em 0 2em 0;
    padding-left: 30px;
}

.hero-usp-list i.fa,
.resellerhosting_domain_list i.fa {
    position: absolute;
    margin-top: 3px;
    margin-left: -30px;
    color: #b0d631;
}

@media (max-width: 767px) {
    .hero-usp-list,
    .resellerhosting_domain_list {
        width: 100%;
    }
}

.planselecthelper {
    text-align: left;
    clear: both;
    padding-top: 30px;
}

.planselecthelper_header {
    font-size: 2em;
    font-weight: 300;
    color: #b0d631;
    padding: 0.9em 0;
    border-top: 1px solid #919191;
}

.planselecthelper_selector {
    display: inline-block;
    font-size: 1em;
    line-height: 1;
    color: #ffffff;
    padding: 1em 1.25em;
    border: 1px solid #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    margin-bottom: 4px;
}

.planselecthelper_selector:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.3);
}

.planselecthelper_selector:active, .planselecthelper_selector.clicked {
    color: #2093ee;
    background-color: white;
    border-color: #2093ee;
}

.plancompare_columns {
    margin-top: -200px;
}

.plancompare_columns_column {
    box-sizing: border-box;
    background-color: #E2E2E2;
    float: left;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.33);
    position: relative;
    padding: 0 0 30px;
    transition: transform .5s ease-out;
    border-radius: 10px;
}

.plancompare_columns-wrapper {
    padding: 0 15px;
}

.plancompare_columns_column:first-child {
    z-index: 4;
}

.plancompare_columns_column:nth-child(2) {
    z-index: 3;
}

.plancompare_columns_column:nth-child(3) {
    z-index: 2;
}

.plancompare_columns_column:nth-child(4) {
    z-index: 1;
}

.plancompare_columns_column.col-sm-4 {
    width: 33.3%;
    padding: 0;
}

@media (max-width: 767px) {
    .plancompare_columns_column.col-sm-4 {
        width: 100%;
    }
}

.plancompare_columns_column_selectedpointer {
    display: none;
}

.plancompare_columns_column.plan-selected .plancompare_columns_column_selectedpointer {
    display: block;
}

.plancompare_columns_column_planname {
    font-size: 1.5em;
    font-weight: 500;
    text-align: center;
    padding: 25px 15px 0;
}

.plancompare_columns_column_planprice {
    background-color: #ffffff;
    padding: 20px;
    font-size: 2.75em;
    font-weight: 300;
    text-align: center;
    color: #000000;
    line-height: 1;
    border-radius: 10px;
    min-height: 170px;
}

.plancompare_columns_column_planprice_freq {
    display: block;
    font-size: .33em;
    font-weight: normal;
    color: #7a7a7a;
}

.plancompare_columns_column_planprice .product-old-price {
    display: block;
    font-size: 14px;
    margin: 5px auto 0;
    min-height: 14px;
}

.plancompare_columns_column_planprice_freq.other_price {
    min-height: 20px;
    margin: 20px auto 5px;
    font-size: 16px;
    font-weight: 500;
}

.plancompare_columns_column_planfeaturelist li {
    padding: 0.5em 1em 0.4em 1em;
    border-bottom: 1px solid #ffffff;
}

.plancompare_columns_column_planfeaturelist li p {
    margin: 0;
}

.plancompare_columns_column_features {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.plancompare_columns_column_features_label, .plancompare_columns_column_features_value {
    padding: 0.5em 0 0.4em 1em;
    font-size: 1.125em;
    text-align: left;
    border-bottom: 1px solid #ffffff;
}

.plancompare_columns_column_features_label_standalone {
    text-align: left;
    border-bottom: 1px solid #ffffff;
    font-size: 16px;
    padding: 9px 0 9px 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
}

.plancompare_columns_column_features_value {
    padding-right: 1em;
    padding-left: 0;
    text-align: right;
    font-weight: 700;
}

.plancompare_columns_column_button, .plancompare_tabs_button,
.plancompare_columns_column .plancompare_columns_column_button,
.plancompare_columns_column .plancompare_tabs_button,
.plancompare_columns_column .btn {
    margin: 1em;
    display: block;
    /* padding: 1em 1em 0.75em 1em;
  border: 2px solid $white;
  background-color: $blue;
  color: $white;
  display: block;
  margin: 1em;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.4);
  line-height: 1; */
}

.plancompare_columns_column_additionaltext,
.plancompare_columns_column_additionaltext p {
    text-align: center;
    padding: 0 1em;
    margin: 0;
}

.plancompare_columns_column.column_active {
    background-color: #d8e6ec;
    z-index: 5 !important;
    transform: translateY(-30px);
    transition: transform .5s ease-out;
}

.plancompare_tabs {
    clear: both;
    text-align: left;
    position: relative;
    top: -30px;
    z-index: 5;
}

.plancompare_tabs_tablink {
    border-top: 1px solid #2093ee;
    color: #2093ee;
    font-size: .9em;
    padding: 0.625em 1.25em;
    width: 25%;
    float: left;
    background-color: #E2E2E2;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.33);
    position: relative;
}

.plancompare_tabs_tablink i {
    float: right;
}

.plancompare_tabs_tablink:first-child {
    z-index: 4;
}

.plancompare_tabs_tablink:nth-child(2) {
    z-index: 3;
}

.plancompare_tabs_tablink:nth-child(3) {
    z-index: 2;
}

.plancompare_tabs_tablink:nth-child(4) {
    z-index: 1;
}

.plancompare_tabs_tablink.tablink_active {
    background-color: #d8e6ec;
    z-index: 5;
    font-weight: bold;
    color: #557eb6;
    padding: 0.625em 1.25em;
}

.plancompare_tabs_tablink.tablink_active i {
    display: none;
}

.plancompare_tabs_tab {
    clear: both;
    overflow: auto;
    background: #ffffff;
    padding: 20px;
    border: 20px solid #d8e6ec;
    display: none;
    position: relative;
}

.plancompare_tabs_tab.tab_active {
    display: block;
    z-index: 6;
}

.anchorlink_to_tabs {
    display: none;
}

.plancompare_tabs_tab_description {
    padding: 20px;
    width: 66.6%;
    float: left;
}

.plancompare_tabs_tab_description h1, .plancompare_tabs_tab_description h2, .plancompare_tabs_tab_description h3, .plancompare_tabs_tab_description h4 {
    font-size: 1.625em;
    font-weight: 600;
    margin-bottom: .5em;
}

.plancompare_tabs_tab_description p {
    font-size: 1em;
}

.plancompare_tabs_button {
    margin-left: 0;
    margin-right: auto;
    display: inline-block;
}

.plancompare_tabs_tab_featurelist {
    padding: 20px;
    width: 33.3%;
    float: left;
}

.plancompare_tabs_tab_featurelist_item {
    font-size: 1em;
    padding: 10px 0;
    border-bottom: 1px solid #DDD;
}

.plancompare_tabs_tab_featurelist_item .fa {
    float: left;
    clear: left;
    position: relative;
    top: 3px;
    margin-right: 10px;
    color: #b0d631;
}

.plancompare_tabs_tab_featurelist_item p {
    margin-bottom: 0;
}

.index .hero.heroWithProducttable {
    background-position: center top;
}

.heroWithProducttable .container {
    position: relative;
}

.index .heroWithProducttable .content {
    height: auto;
    padding-bottom: 250px;
}

.index .hero_simpleHero .content {
    height: auto;
}

.index .hero_simpleHero .content .wrapper,
.index .heroWithProducttable .content .wrapper {
    padding: 0;
    display: block;
    margin-top: 120px;
}

.index .hero_simpleHero .content .wrapper .hero_simpleHero_heroheader_head,
.index .heroWithProducttable .content .wrapper .heroWithProducttable_heroheader_head {
    text-align: left;
    font-size: 3em;
    font-weight: 600;
}

.index .hero_simpleHero .content .wrapper .hero_simpleHero_heroheader_subhead,
.index .heroWithProducttable .content .wrapper .heroWithProducttable_heroheader_subhead {
    font-size: 1.75em;
    font-weight: 300;
    text-align: left;
    max-width: 100%;
    margin: 0;
}

.index .hero_simpleHero .content .wrapper .domain-list,
.index .heroWithProducttable .content .wrapper .domain-list {
    margin: 0;
}

.index .hero_simpleHero .content .wrapper .domain-list:before,
.index .heroWithProducttable .content .wrapper .domain-list:before {
    background: transparent;
}

.index .hero_simpleHero .content .wrapper .domain-list li,
.index .heroWithProducttable .content .wrapper .domain-list li {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
}

.index .hero_simpleHero .content .wrapper .domain-list li img,
.index .heroWithProducttable .content .wrapper .domain-list li img {
    position: relative;
    top: 6px;
    margin-right: 10px;
}

.index .hero_simpleHero .content .wrapper .domain-list li h3,
.index .heroWithProducttable .content .wrapper .domain-list li h3 {
    font-size: 1.33em;
    font-weight: 300;
    margin-bottom: 10px;
    color: #ffffff;
}

.index.vps .heroWithProducttable .content .wrapper .domain-list li h3 {
    font-size: 1.25em;
}

@media (max-width: 767px) {
    .index .hero_simpleHero .content .wrapper,
    .index .heroWithProducttable .content .wrapper {
        margin-top: 80px;
    }

    .hero_simpleHero_heroheader,
    .heroWithProducttable_heroheader,
    .hero_usp_list,
    .plancompare_tabs_tab_description,
    .plancompare_tabs_tab_featurelist {
        float: none;
        width: 100%;
    }

    .index .hero_simpleHero .content .wrapper .heroWithProducttable_heroheader_subhead,
    .index .heroWithProducttable .content .wrapper .heroWithProducttable_heroheader_subhead {
        font-size: 1.5em;
        margin-bottom: 1em;
    }

    .index .hero_simpleHero .content .wrapper .domain-list li h3,
    .index .heroWithProducttable .content .wrapper .domain-list li h3 {
        font-size: 1.5em;
        margin-bottom: 0;
    }

    .planselecthelper {
        padding-top: 0;
    }

    .hero_usp_list {
        margin-bottom: 2em;
    }

    .plancompare_columns_column {
        width: 100%;
    }

    .plancompare_columns_column.column_active {
        transform: none;
    }

    .plancompare_tabs {
        top: 30px;
        clear: both;
        margin-top: 30px;
        overflow: auto;
    }

    .plancompare_tabs_tab {
        border-width: 10px;
        padding: 0;
    }

    .anchorlink_to_tabs {
        display: block;
        padding: 1em 1em .75em 1em;
        font-size: 1.25em;
        text-align: center;
        line-height: 1;
        margin: 1em;
        border: 2px solid #2093ee;
    }

    .plancompare_tabs_tablink {
        text-align: center;
        border: none;
        padding: 1.5em 1em .5em;
        min-height: 80px;
        line-height: 1.3;
    }

    .plancompare_tabs_tablink i {
        float: none;
        display: block;
    }

    .plancompare_tabs_tablink.tablink_active {
        padding: 1.5em 1em .5em;
    }

    .plancompare_tabs_tablink.tablink_active i {
        display: block;
        visibility: hidden;
    }
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––

Styles for Reseller Hosting page and for the Custom Field "Reseller Hosting Hero Section"
These are mainly overrides of styles defined in _sharedhosting.scss
The page reuses some styles from the Shared Hosting page as it has a very similar layout.

––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero_resellerhosting,
.reseller_hosting_plan_comparison_columns {
    font-size: 16px;
}

@media (min-width: 1200px) {
    .hero_resellerhosting,
    .reseller_hosting_plan_comparison_columns {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .hero_resellerhosting,
    .reseller_hosting_plan_comparison_columns {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .hero_resellerhosting,
    .reseller_hosting_plan_comparison_columns {
        font-size: 12px;
    }
}

.resellerhosting_heroheader {
    width: 66.6%;
    float: left;
    box-sizing: border-box;
}

.resellerhosting_domain_list {
    padding: 0;
    width: 33.3%;
    float: left;
    top: 20px;
    position: relative;
}

.reseller_hosting_plan_comparison_columns .plancompare_columns_column {
    width: 33.3%;
}

@media (max-width: 767px) {
    .reseller_hosting_plan_comparison_columns .plancompare_columns_column {
        width: 100%;
    }
}

.reseller_hosting_plan_comparison_columns .plancompare_tabs_tablink {
    width: 33.3%;
}

.index .hero.hero_resellerhosting {
    background-position: center top;
}

.hero_resellerhosting .container {
    position: relative;
}

.index .hero_resellerhosting .content {
    height: auto;
    padding-bottom: 300px;
}

.index .hero_resellerhosting .content .wrapper {
    padding: 0;
    display: block;
    margin-top: 120px;
}

.index .hero_resellerhosting .content .wrapper .resellerhosting_heroheader_head {
    text-align: left;
    font-size: 3em;
    font-weight: 600;
    padding-right: 60px;
}

@media (max-width: 767px) {
    .index .hero_resellerhosting .content .wrapper .resellerhosting_heroheader_head {
        padding-right: 0;
    }
}

.index .hero_resellerhosting .content .wrapper .resellerhosting_heroheader_subhead {
    font-size: 1.75em;
    font-weight: 300;
    text-align: left;
    max-width: 100%;
    padding-right: 60px;
    margin: 0;
}

@media (max-width: 767px) {
    .index .hero_resellerhosting .content .wrapper .resellerhosting_heroheader_subhead {
        padding-right: 0;
    }
}

.index .hero_resellerhosting .content .wrapper .domain-list {
    margin: 0;
}

.index .hero_resellerhosting .content .wrapper .domain-list:before {
    background: transparent;
}

.index .hero_resellerhosting .content .wrapper .domain-list li {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 30px;
    box-sizing: border-box;
}

.index .hero_resellerhosting .content .wrapper .domain-list li img {
    position: relative;
    top: 6px;
    margin-right: 10px;
}

.index .hero_resellerhosting .content .wrapper .domain-list li h3 {
    font-size: 1.33em;
    font-weight: 300;
    margin-bottom: 10px;
    color: #ffffff;
}

@media (max-width: 767px) {
    .index .hero_resellerhosting .content .wrapper {
        margin-top: 80px;
    }

    .resellerhosting_heroheader,
    .resellerhosting_domain_list {
        float: none;
        width: 100%;
    }

    .index .hero_resellerhosting .content .wrapper .resellerhosting_heroheader_subhead {
        font-size: 1.5em;
        margin-bottom: 1em;
    }

    .index .hero_resellerhosting .content .wrapper .domain-list li h3 {
        font-size: 1.5em;
        margin-bottom: 0;
    }

    .resellerhosting_domain_list {
        margin-bottom: 2em;
    }
}

.faq_2 {
    margin-bottom: 2em;
    margin-top: 2em;
    font-size: 16px;
}

@media (min-width: 1200px) {
    .faq_2 {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .faq_2 {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .faq_2 {
        font-size: 12px;
    }
}

.faq_header {
    font-size: 3.125em;
    font-weight: 300;
    text-align: center;
}

.faq_block {
    padding: 0;
    background-color: #E6E6E6;
    margin-bottom: 2px;
    transition: background-color .3s linear;
}

.faq_block:hover {
    background-color: #FFF;
}

.faq_block_question {
    font-size: 1.75em;
    color: #2093ee;
    font-weight: 300;
    padding: 0.7em 1.785em .7em 1em;
    position: relative;
    cursor: pointer;
    margin: 0;
}

.faq_block_question:after {
    content: '\f067';
    font-family: FontAwesome;
    position: absolute;
    right: 1em;
    top: .7em;
    font-size: 1em;
    transition: all .2s linear;
}

.faq_block_answer {
    display: none;
    padding: 0 30px 20px 30px;
    font-size: 18px;
    font-weight: 500;
}

.faq_header h1 {
    font-size: 1em;
    font-weight: 300;
    text-align: center;
}

.faq_block_question h2 {
    font-size: 1em;
    color: #2093ee;
    font-weight: 300;
    padding: 0;
    text-align: left;
}

.faq_block_answer p {
    font-size: 1em;
    font-weight: 500;
    padding: 0;
}

.faq_block.faq_block_showanswer {
    background-color: #ffffff;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
    position: relative;
    top: -10px;
    left: -10px;
}

.faq_block.faq_block_showanswer .faq_block_answer {
    display: block;
}

.faq_block.faq_block_showanswer .faq_block_question {
    color: #000000;
}

.faq_block.faq_block_showanswer .faq_block_question:after {
    transform: rotate(45deg);
    color: #000000;
}

@media (max-width: 767px) {
    .faq_block.faq_block_showanswer {
        top: 0;
        left: 0;
    }
}

.banner {
    margin: 0 auto;
    display: table;
    text-align: center;
}

@media (max-width: 767px) {
    .banner {
        display: block;
        overflow: auto;
    }
}

.banner_header {
    text-align: center;
    font-size: 3em;
    font-weight: 300;
    margin: 0.5em auto 0 auto;
    padding: 0 0 1em 0;
}

@media (max-width: 767px) {
    .banner_header {
        font-size: 2em;
    }
}

.banner_who_we_supply {
    display: table-row;
    margin-bottom: 1em;
}

@media (max-width: 767px) {
    .banner_who_we_supply {
        display: block;
    }
}

.banner_who_we_supply_logo_container {
    display: table-cell;
    vertical-align: middle;
    max-width: 200px;
    margin: 0 auto;
    padding: 0 10px;
}

@media (max-width: 767px) {
    .banner_who_we_supply_logo_container {
        display: block;
        width: 33.3%;
        float: left;
    }
}

@media (max-width: 480px) {
    .banner_who_we_supply_logo_container {
        width: 50%;
    }
}

.index .hero.hero_singleproduct {
    margin-bottom: 90px;
}

.index .hero.hero_singleproduct .content {
    height: auto;
}

.index .hero.hero_singleproduct .content .wrapper {
    padding-bottom: 0;
}

.hero_singleproduct_header {
    margin: 3em 0 60px 0;
}

@media (max-width: 767px) {
    .hero_singleproduct_header {
        margin: 0;
    }
}

.index .hero.hero_singleproduct .content .wrapper .hero_singleproduct_title {
    font-size: 3em;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 0.25em;
}

@media (max-width: 767px) {
    .index .hero.hero_singleproduct .content .wrapper .hero_singleproduct_title {
        font-size: 2em;
    }
}

.hero_singleproduct_subhead {
    font-size: 1.75em;
    font-weight: 300;
    margin: 0;
    color: #ffffff;
    text-align: center;
    line-height: 1.5;
}

@media (max-width: 767px) {
    .hero_singleproduct_subhead {
        font-size: 1.33em;
    }
}

.hero_singleproduct_productbox {
    background-color: #e8e8e8;
    padding: 15px;
    overflow: visible;
    min-height: 270px;
    position: relative;
    top: 60px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.hero_singleproduct_productbox > * {
    text-align: left;
}

.hero_singleproduct_productbox_cta p {
    text-align: center !important;
}

@media (max-width: 767px) {
    .hero_singleproduct_productbox_pagelinks {
        display: none;
    }
}

.hero_singleproduct_productbox_pagelinks_header,
.hero_singleproduct_productbox_featurelist h3 {
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 15px;
    margin-bottom: .75em;
}

@media (max-width: 767px) {
    .hero_singleproduct_productbox_pagelinks_header,
    .hero_singleproduct_productbox_featurelist h3 {
        text-align: center;
    }
}

.hero_singleproduct_productbox_pagelinks_linklist_link {
    display: block;
    padding: 5px 20px 5px 0;
    border-bottom: 1px solid #c2c2c2;
    position: relative;
}

.hero_singleproduct_productbox_pagelinks_linklist_link:after {
    content: '\f054';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: .7em;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
}

.hero_singleproduct_productbox_logopricecta {
    text-align: center;
}

.hero_singleproduct_productbox_logo {
    display: block;
    position: relative;
    top: -105px;
    margin: 0 auto -90px auto;
}

@media (max-width: 767px) {
    .hero_singleproduct_productbox_logo {
        width: 130px;
        top: -80px;
        margin-bottom: -65px;
    }
}

.hero_singleproduct_productbox_price_euros {
    font-size: 64px;
    color: #000000;
    font-weight: 400;
    line-height: 1;
}

@media (max-width: 767px) {
    .hero_singleproduct_productbox_price_euros {
        font-size: 54px;
    }
}

.hero_singleproduct_productbox_price_cents {
    font-size: 40px;
    color: #000000;
    font-weight: 500;
    position: relative;
    top: -17px;
}

@media (max-width: 767px) {
    .hero_singleproduct_productbox_price_cents {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .hero_singleproduct_productbox_featurelist {
        padding-top: 1em;
        padding-bottom: 1em;
    }
}

.hero_singleproduct_productbox_featurelist li {
    padding: 5px 0;
    border-bottom: 1px solid #c2c2c2;
}

.hero_singleproduct_productbox_featurelist li p {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: inherit !important;
    font-size: inherit !important;
}

.hero_singleproduct_productbox_featurelist li:before {
    content: "\f05d";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}

.threecolumn_layout_content .container {
    padding-bottom: 3em;
    padding-top: 3em;
    border-bottom: 1px solid #DDD;
}

.threecolumn_layout_content_image {
    width: 100%;
    max-width: 200px;
    height: auto;
    display: block;
    margin: 0 auto 1em auto;
}

.threecolumn_layout_content_headline {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: .5em;
}

@media (max-width: 767px) {
    .threecolumn_layout_content_headline {
        font-size: 30px;
    }
}

.threecolumn_layout_content_column > h3, .threecolumn_layout_content_column > h4 {
    margin-bottom: 0.5em;
    font-weight: bold;
}

.threecolumn_layout_content_column > h3 {
    font-size: 1em;
}

.threecolumn_layout_content_column p {
    margin-bottom: 0.5em;
}

.singleproduct_signoff {
    margin-top: 90px;
}

.singleproduct_signoff_wysiwyg > h3 {
    font-size: 40px;
    font-weight: 300;
    margin-bottom: .5em;
}

@media (max-width: 767px) {
    .singleproduct_signoff_wysiwyg > h3 {
        font-size: 30px;
    }
}

.singleproduct_signoff_cta {
    background-color: #eee;
    padding: 30px;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    max-width: 320px;
}

@media (max-width: 767px) {
    .singleproduct_signoff_cta {
        max-width: 100%;
        width: 100%;
        margin: 8em auto 2em auto;
    }
}

.singleproduct_signoff_cta_pricefreq {
    display: block;
    font-size: 1em;
    margin-bottom: 1em;
}

/* –––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––

Styles for Contact Us Page and Contact form

––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */
body.contact-us {
    background-color: #d8e6ec;
}

.hero_contact {
    font-size: 16px;
}

.hero_contact_head {
    margin: 150px 0 250px 0;
}

@media (max-width: 767px) {
    .hero_contact_head {
        margin-top: 80px;
    }
}

.hero_contact_headline {
    text-align: center;
    font-weight: 900;
    font-size: 3em;
    color: #ffffff;
}

@media (max-width: 767px) {
    .hero_contact_headline {
        font-size: 1.75em;
    }
}

.hero_contact_phone {
    text-align: center;
    font-size: 2.25em;
    color: #ffffff;
    font-weight: 300;
}

@media (max-width: 767px) {
    .hero_contact_phone {
        font-size: 1.3em;
    }
}

.hero_contact_phone a {
    color: #b0d631;
}

.hero_contact_phone:before {
    content: '\f098';
    margin-right: 10px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.contact_form {
    padding: 40px;
    background-color: #ffffff;
    width: 95%;
    max-width: 965px;
    margin: -150px auto 40px auto;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    position: relative;
}

@media (max-width: 767px) {
    .contact_form {
        width: 100%;
        padding: 20px;
    }
}

.contact_form_tab {
    position: absolute;
    top: -50px;
    display: inline-block;
    line-height: 50px;
    padding: 0 20px;
    background-color: #e8e8e8;
    font-size: 1.35em;
    font-weight: 100;
    width: 230px;
    text-align: center;
    border-radius: 3px 3px 0 0;
}

@media (max-width: 767px) {
    .contact_form_tab {
        width: 50%;
        font-size: 1em;
    }
}

.contact_form_tab--active {
    background-color: #ffffff;
    padding-top: 3px;
    top: -53px;
}

.contact_form_tab_sales {
    left: 0;
}

.contact_form_tab_support {
    left: 231px;
}

@media (max-width: 767px) {
    .contact_form_tab_support {
        left: 50%;
    }
}

.contact_form_content {
    display: none;
}

.contact_form_content--active {
    display: block;
}

@media (max-width: 767px) {
    .contact_form_sales_side_wrapper {
        margin-top: 2em;
    }
}

.contact_form_sales_side {
    margin-bottom: 1em;
    position: relative;
    padding-right: 20px;
    left: 25px;
}

.contact_form_sales_side > i {
    position: absolute;
    left: -25px;
    margin-top: 2px;
}

.contact_form_content h3 {
    margin-bottom: 1em;
}

.contact_form_content label {
    color: transparent;
    font-size: 0;
}

@media (max-width: 767px) {
    .contact_form_content label {
        display: block;
    }
}

.contact_form_content input[type="text"],
.contact_form_content input[type="email"],
.contact_form_content textarea {
    padding: 8px 12px;
    background-color: #EBEBEB;
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.15);
    border: 1px solid #CCD;
    height: auto;
    margin: 0 0 1em 0;
}

.contact_form_content_support_box {
    background-color: #EBEBEB;
    padding: 20px;
    text-align: center;
    margin-bottom: .5em;
}

.contact_form_content_support_box h4 {
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: .5em;
}

.contact_form_content_support_box p {
    margin-bottom: .5em;
}

.contact_form_content_support_email_alts {
    display: table;
    width: 100%;
}

.contact_form_content_support_email_alts p {
    background-color: #EBEBEB;
    display: table-cell;
    width: 50%;
    text-align: center;
    padding: 1em;
}

@media (max-width: 767px) {
    .contact_form_content_support_email_alts p {
        display: block;
        width: 100%;
    }
}

.contact_form_content_support_email_alts p a {
    display: block;
}

.contactus-recaptcha {
    margin-bottom: 1em;
}

@media (max-width: 320px) {
    .contactus-recaptcha {
        transform: scale(0.92);
        -webkit-transform: scale(0.92);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}

.hero_testimonial {
    font-size: 16px;
}

@media (min-width: 1200px) {
    .hero_testimonial {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .hero_testimonial {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .hero_testimonial {
        font-size: 12px;
    }
}

.index .hero.hero_testimonial .content {
    height: 80vh;
}

.index .hero.hero_testimonial .content .wrapper {
    vertical-align: top;
}

@media (max-width: 767px) {
    .index .hero.hero_testimonial .content .wrapper {
        padding-top: 80px;
        padding-bottom: 0;
    }
}

.hero_testimonial_header {
    max-width: 850px;
    margin: 0 auto;
}

.hero_testimonial_quote {
    color: #ffffff;
    font-size: 3.8em;
    font-weight: 300;
    line-height: 1.3;
    padding-bottom: 1.2em;
    background: url(../img/speech_line.svg) no-repeat center bottom;
    text-align: left;
}

@media (max-width: 767px) {
    .hero_testimonial_quote {
        font-size: 2em;
        text-align: center;
        max-width: 360px;
        margin: 0 auto;
    }
}

.hero_testimonial_source {
    color: #ffffff;
    font-size: 1.5em;
    font-weight: 300;
    text-align: left;
}

@media (max-width: 767px) {
    .hero_testimonial_source {
        font-size: 1.3em;
        max-width: 360px;
        margin: 0 auto;
    }
}

.hero_testimonial_domainsearch {
    background-color: #001951;
    padding: 1em 0;
    overflow: auto;
}

.hero_testimonial_domainsearch_form {
    position: relative;
    width: 100%;
}

@media (max-width: 991px) {
    .hero_testimonial_domainsearch_form {
        width: 100%;
        float: none;
    }
}

.hero_testimonial_domainsearch input[type="text"] {
    height: 75px;
    width: 100%;
    font-size: 19px;
    font-weight: 600;
    border: none;
    background-color: #ffffff;
    padding-right: 280px;
    padding-left: 1em;
    border-radius: 6px;
}

@media (max-width: 767px) {
    .hero_testimonial_domainsearch input[type="text"] {
        height: 45px;
        padding-right: 90px;
        padding-left: 15px;
        font-size: 14px;
    }
}

.hero_testimonial_domainsearch button {
    position: absolute;
    top: 0;
    right: 0;
    height: 75px;
    width: 170px;
    background-color: #2093ee;
    border: none;
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    border-radius: 0 6px 6px 0;
}

@media (max-width: 767px) {
    .hero_testimonial_domainsearch button {
        height: 45px;
        width: auto;
        padding-left: 15px;
        padding-right: 15px;
        font-size: 16px;
    }
}

.hero_testimonial_domainsearch_domains {
    width: 40%;
    float: right;
    text-align: center;
    padding-top: .5em;
}

.hero_testimonial_domainsearch_domains img {
    max-width: 85%;
}

@media (max-width: 991px) {
    .hero_testimonial_domainsearch_domains {
        width: 100%;
        float: none;
        margin-bottom: 1em;
    }
}

.hero_testimonial_domainsearch .domain-list {
    max-width: 1100px;
    margin: 0 auto 20px auto;
    overflow: hidden;
}

@media (max-width: 767px) {
    .hero_testimonial_domainsearch .domain-list {
        text-align: center;
        margin: 50px auto 10px auto;
    }
}

.hero_testimonial_domainsearch .domain-list li {
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
}

@media (max-width: 767px) {
    .hero_testimonial_domainsearch .domain-list li {
        float: none;
        width: 102px;
    }
}

.hero_testimonial_domainsearch .domain-list li a {
    color: #ffffff;
}

.hero_testimonial_domainsearch .domain-list li a .img-wrapper {
    height: 65px;
    line-height: 65px;
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .hero_testimonial_domainsearch .domain-list li a .img-wrapper img {
        max-width: 70px;
    }
}

.hero_testimonial_domainsearch .domain-list li a span {
    display: block;
    font-size: 15px;
    font-weight: 500;
}

.index .wpcf7-response-output {
    margin: 0 auto !important;
}

.main-footer .textwidget .wpcf7 input[type="submit"] {
    text-indent: -50px;
    background-image: url(http://new1.letshost.ie/wp-content/uploads/2016/09/send-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.index .package-table .table-tablet tr:first-child td {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    max-width: 450px;
    text-align: right;
}

.index .package-table .table-mobile thead tr td {
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding-bottom: 15px;
}

.simple-content {
    padding: 40px 15px 100px 40px;
}

.simple-content h1 {
    text-align: center;
    font-size: 40px;
    font-weight: 300;
    padding-bottom: 20px;
}

.index.shared-hosting .hero .bottom .domain-list li h3 {
    vertical-align: middle;
}

.index.shared-hosting .hero .bottom .domain-list li img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
}

.index.vps .hero .wrapper {
    padding-bottom: 55px;
}

@media (max-width: 767px) {
    .index.vps .hero .content {
        height: auto;
    }

    .index.vps .hero .hero-table {
        margin-top: 50px;
    }

    .index .hero .hero-table tr td img {
        width: 20px;
        height: 20px;
    }

    .index .hero .hero-table tr td h3 {
        font-size: 16px;
    }
}

.index .offer .offer-box .img-wrapper {
    background-position: center;
    background-repeat: no-repeat;
}

.index .offer .offer-box:nth-child(1) img[src$=".gif"] {
    height: 100px;
}

.index .offer .offer-box:nth-child(2) img[src$=".gif"] {
    height: 95px;
}

@media (min-width: 992px) {
    .index .offer .offer-box {
        position: relative;
    }
}

@media (min-width: 1200px) {
    .index .offer .offer-box {
        min-height: 430px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .index .offer .offer-box {
        min-height: 400px;
    }
}

@media (min-width: 992px) {
    .index .offer .offer-box a {
        margin: 0 auto;
        display: block;
        width: 150px;
    }
}

.index .testimonials .bottom-wrapper {
    width: 830px;
}

.index .testimonials .bottom-wrapper .avatars {
    width: 830px;
}

.index .testimonials .videopreviews li:nth-child(2) {
    background-position: center center;
}

.index .testimonials .videopreviews li:nth-child(6) {
    background-position: 50% 20%;
}

@media (max-width: 767px) {
    .index .testimonials .videopreviews {
        height: 550px;
    }

    .index .testimonials .videopreviews li {
        height: 550px;
    }

    .index .testimonials .bottom-wrapper {
        width: 100%;
    }

    .index .testimonials .bottom-wrapper .avatars {
        width: 100%;
        height: auto;
        margin: 0 auto;
        display: block;
        top: -75px;
    }

    .index .testimonials .videopreviews li .container .wrapper {
        bottom: 280px;
    }
}

#fbuilder .field.digits.small {
    width: 100% !important;
    text-indent: 10px;
}

#fbuilder .dfield .slider {
    width: 100% !important;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 0;
}

.ui-slider .ui-slider-handle {
    border-radius: 50%;
    top: -.5em !important;
    outline: none;
}

.caldera_forms_form.cfajax-trigger._tisBound.active {
    display: none;
}

.caldera-grid .alert-success {
    text-align: center;
    padding: 50px 0;
    font-size: 30px;
}

@media (min-width: 768px) {
    .weekly-discounts .hero.discount {
        padding: 350px 0 200px 0;
    }
}

.index .testimonials .videopreviews li .container .testimonialplay:before {
    display: none;
}

.index .why .why-box .img-wrapper {
    height: 70px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.cf-toggle-switch .btn-group-vertical > .btn, .cf-toggle-switch .btn-group-vertical > .plancompare_columns_column_button, .cf-toggle-switch .btn-group-vertical > .plancompare_tabs_button,
.cf-toggle-switch .plancompare_columns_column .btn-group-vertical > .btn, .cf-toggle-switch .btn-group > .btn, .cf-toggle-switch .btn-group > .plancompare_columns_column_button, .cf-toggle-switch .btn-group > .plancompare_tabs_button,
.cf-toggle-switch .plancompare_columns_column .btn-group > .btn {
    float: none !important;
    display: block;
    text-align: left;
    border: none;
}

.cf-toggle-switch .btn-group-vertical > .btn, .cf-toggle-switch .btn-group-vertical > .plancompare_columns_column_button, .cf-toggle-switch .btn-group-vertical > .plancompare_tabs_button,
.cf-toggle-switch .plancompare_columns_column .btn-group-vertical > .btn, .cf-toggle-switch .btn-group > .btn:hover, .cf-toggle-switch .btn-group > .plancompare_columns_column_button:hover, .cf-toggle-switch .btn-group > .plancompare_tabs_button:hover,
.cf-toggle-switch .plancompare_columns_column .btn-group > .btn:hover {
    background-color: #fff;
    color: #cccccc;
    border: none;
}

.domain-search .btn.blue, .domain-search .blue.plancompare_columns_column_button, .domain-search .blue.plancompare_tabs_button {
    background-color: #1181da;
    float: right;
    padding: 12px 24px;
}

@media (max-width: 991px) {
    .domain-search .btn.blue, .domain-search .blue.plancompare_columns_column_button, .domain-search .blue.plancompare_tabs_button {
        float: none;
    }
}

@media (max-width: 991px) {
    .domain-search {
        text-align: center;
        padding-top: 25px;
    }
}

.text-wrapper .form-control {
    background-color: #203e56 !important;
    color: #fff !important;
    padding: 35px 15px 0 15px !important;
    overflow: visible;
    min-height: 200px;
}

.text-wrapper .form-control::-webkit-scrollbar {
    width: 12px;
}

.text-wrapper .form-control::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.text-wrapper .form-control::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

@media (max-width: 991px) {
    .wsm6p {
        text-align: center;
        padding: 15px;
    }
}

.index.wizard .domain-wizard form .caldera-form-page .form-group.cb .radio label {
    width: auto;
}

section#main-menu {
    padding-top: 91px !important;
    background-color: #001951 !important;
}

header.main-header, .home-shortcuts {
    background-color: #1181da !important;
}

.main-header.sticky .navbar-default {

    background-color: #1a2833 !important;
}

section#main-menu nav#nav.navbar {
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    background-color: #1181da !important;
}

.home-shortcuts li p, .home-shortcuts li p, #home-banner p, .home-shortcuts .lead, section#home-banner h2 {
    color: #fff !important;
}

section#home-banner {
    background-color: #1a2833 !important;
}

.home-shortcuts li {
    border-color: #000 !important;
}

.main-header .navbar-nav > li > a {
    padding-top: 34.5px !important;
    padding-bottom: 34.5px !important;
}

.main-header .navbar-nav > li.login > a,
.main-header .navbar-nav > li.cart > a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}

.main-header .navbar-default .navbar-nav > li.login a,
.main-header .navbar-default .navbar-nav > li.cart a {
    line-height: 15px !important;
}

#order-standard_cart .btn-checkout {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body #order-standard_cart .empty-cart .btn,
body #order-standard_cart .view-cart-items-header,
body #order-standard_cart .order-summary,
body a.list-group-item.active, a.list-group-item.active:focus,
body a.list-group-item.active:hover {
    background-color: #1a2833 !important;
}

body .main-header .header-wrapper {
    border-bottom: none !important;
}

#menu-main-menu li {
    position: static !important;
}

.navbar-default .navbar-collapse {
    position: relative !important;
    border: none !important;
    z-index: 10;
}

@media (max-width: 991px) {
    .navbar-default .navbar-collapse {

        background-color: #1a2833 !important;
    }

    div.vt p input[type='button'] {
        margin-bottom: 15px;
    }

}

input.form-control {
    border: 1px solid #ccc;
}

.main-footer {
    margin-top: 0 !important;
}

.domain-step-options, .main-content {
    min-height: 0 !important;
    margin-bottom: 0 !important;

}

section#main-body {
    min-height: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

.input-group-btn .btn-success {
    margin-right: 5px !important;
}

.TM-pricing-tables-container .pricing-table-6 .contents {
    min-height: 120px !important;
    max-height: 120px !important;
}

.TM-pricing-tables-container .pricing-table-6 [class*=col-]:first-child {
    height: 151px !important;
}

.TM-pricing-tables-container .pricing-table-6 [class*=col-]:last-child .btn {
    top: 185% !important;
}

#Secondary_Navbar-Account-Register {
    display: none !important;
}

.navbar-default .navbar-toggle {
    border: none !important;
}

#menu-main-menu li:after {

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 13.0px 7.5px;
    border-color: transparent transparent #fff transparent;

}

/*.arrow_box {
    position: relative;
    background: #fff;
    border: 4px solid #fff;
}
.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 7px;
    margin-left: -7px;
}
.arrow_box:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 13px;
    margin-left: -13px;
}*/
#menu-main-menu li div.menu {
    display: none;
    opacity: 0;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    border: none !important;
    margin: auto !important;
    background-color: #fff !important;
    position: absolute;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    position: relative !important;
}

.main-header .navbar-right {
    position: static !important;
}

#menu-main-menu li:hover div.menu {
    display: block;
    opacity: 1;
    position: absolute;
    top: 86px;
    left: 0 !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.container, .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.main-content > p:last-child {
    display: none !important;
}

.sidebar {
    margin-top: 25px !important;
    clear: left;
}

.header-lined {
    margin-top: 25px !important;
}

.sidebar .panel.panel-actions, .sidebar .panel[menuitemname="Virtualizor"], .panel[menuitemname='Announcements Months'],
.panel[menuitemname='Support Knowledgebase Categories'] {
    margin-bottom: 0 !important;
}

.panel[menuitemname='Support'] {
    margin-top: 0 !important;
}

#order-standard_cart .btn {
    width: auto !important;
}

form.stk, div.spt, div.vt {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

form.stk fieldset {
    border: none !important;
    padding: 0 !important;
}

form.stk .row {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f5f5f5;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0 !important;
}

div.vt .ticketmsgs {
    padding: 10px;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

}

.vt h2 {
    text-align: left;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
    margin-bottom: 20px;


}

form.stk .control-label {
    padding-bottom: 10px;
    padding-top: 15px;
}

form.stk .controls-group {
    float: left;
    width: 100%;
    clear: both;

}

div.spt .input-append input {
    border: 1px solid #DDD;
    margin-bottom: 20px;
}

form.stk .controls-group textarea {
    border: 1px solid #DDD;
    min-height: 169px;
}

form.stk .control-group select, div.spt .recordslimit select {
    vertical-align: top;
    border: 1px solid #DDD;
    display: -moz-inline-stack;
    display: inline-block;
    color: #626262;
    outline: 0;
    background: #fff;
    height: 36px;
    width: 100%;
    border-radius: 3px;
    font-size: 13px;
    max-width: 270px;
}

form.stk .control-group input[type='text'] {
    border: 1px solid #DDD;
    max-width: 350px;
}

form.stk .form-actions {
    text-align: center;
}

form.stk #subject {
    min-width: 80% !important;
}

div.spt div.searchbox {
    padding-bottom: 15px;
}

.spt div.pagination, .spt ul.pagination {
    width: 100%;
}

.spt div.pagination li.prev {
    float: left;
}

.spt div.pagination li.next {
    float: right;
}

.vt .ticketdetailscontainer .col4 .detail {
    width: 70%;
    float: right;

}

.vt .ticketdetailscontainer {
    padding-bottom: 20px;
}

.vt .ticketdetailscontainer .col4 {
    padding-bottom: 10px;
}

#replycont #message, #replycont2 #message {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    min-height: 169px;
}

#replycont fieldset, #replycont2 fieldset {
    padding: 0 !important;
    border: none !important;
    margin: 15px 0 !important;
}

#replycont .row, #replycont2 .row {
    margin: 0 !important;
}

#replycont .row input[type='text'], #replycont2 .row input[type='text'] {
    border: 1px solid #ddd !important;
    margin: 15px 0 !important;
}

.navbar-header {
    position: relative;
    z-index: 10000;
}

div[menuitemname="Register a New Domain"] .input-group-btn .btn {
    height: 40px !important;
}

.domain-checker-bg {
    background-color: #1181da !important;
    border-radius: 10px !important;
}

.product-icon h3 {
    font-size: 32px !important;
}

.product-icon h4 {
    display: none;
}

div .control-group {
    margin-bottom: 5px;
}

.important_note h2 {
    font-size: 2.5rem;
    line-height: 2.5rem;
    text-align: left;
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(100%);
        opacity: 0.5;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideInFromBottomReverse {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        opacity: 0.5;
    }
}

#cookie-popup {
    animation: 0.5s ease-out 0s 1 slideInFromBottom;
    position: fixed;
    bottom: 0;
    left: 0;
    vertical-align: middle;
    z-index: 1001;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    padding: 20px 15px;
    box-shadow: 0 0px 25px rgba(0, 0, 0, 0.2);
    text-align: left;
    z-index: 300;
}

@media only screen and (min-width: 768px) {
    #cookie-popup {
        padding: 30px 0px;
    }
}

#cookie-popup.off {
    animation: 0.25s ease-out 0s 1 forwards slideInFromBottomReverse;
}

#cookie-popup .step1,
#cookie-popup .step2 {
    text-align: center;
}

@media only screen and (min-width: 768px) {
    #cookie-popup .step1,
    #cookie-popup .step2 {
        display: grid;
        grid-template-columns: 2fr 1fr;
        justify-content: center;
        align-items: center;
        text-align: left;
    }

    #cookie-popup .step1 div:last-child,
    #cookie-popup .step2 div:last-child {
        text-align: right;
    }
}

#cookie-popup p.title {
    border-bottom: 1px solid #ebebeb;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 0 0 7px 0;
}

#cookie-popup p {
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 15px;
    line-height: 1.4em;
}

@media only screen and (min-width: 768px) {
    #cookie-popup p {
        font-size: 16px;
    }
}

#cookie-popup a {
    color: #0573CB;
    font-weight: normal;
    text-decoration: underline;
}

#cookie-popup a:hover {
    text-decoration: none;
}

#cookie-popup ul li {
    display: inline-block;
    margin: 0 5px;
}

#cookie-popup .btn {
    background: #0573CB !important;
    border-radius: 4px;
    border: 2px solid #0573CB;
    color: #fff !important;
    display: inline-block;
    font-family: "Open Sans", helvetica, sans-serif;
    font-size: 16px;
    font-weight: 600;
    max-width: initial;
    overflow: hidden;
    padding: 10px 20px;
    text-align: center;
    width: 100%;
    cursor: pointer;
}

#cookie-popup .btn:hover {
    background: #045fa8 !important;
    border: 2px solid #045fa8;
}

@media only screen and (min-width: 768px) {
    #cookie-popup .btn {
        padding: 10px 20px;
    }
}

#cookie-popup .btn-outline {
    background: #fff !important;
    border: 2px solid #0573CB;
    color: #0573CB !important;
}

#cookie-popup .btn-outline:hover {
    border: 2px solid #045fa8;
    color: white !important;
}

#cookie-popup .hidden {
    display: none !important;
    visibility: hidden;
}

.nav-item.sale::before {
    display: block;
    content: "SALE";
    width: 30px;
    color: #000;
    font-size: 10px;
    height: 12px;
    background-color: #bcf11d;
    border-radius: 3px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0;
    text-align: center;
}

@media (min-width: 995px) {
    .nav-item.sale::before {
        position: absolute;
        margin-left: 1%;
        top: 20px;
    }
}

@media (max-width: 994px) {
    .nav-item.sale::before {
        float: right;
        margin-top: 35px;
    }
}

.email::before {
    content: "NEW";
    background-color: white;
}

.div-service-item {
    width: 100%;
}

.panel-heading-wide {
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.panel-heading-wide .panel-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.pull-right {
    padding-left: 10px;
}

.table-list > tbody > tr td,
.table-list > tbody > tr {
    transition: all 0.1s linear;
}

.table-list > tbody > tr:hover {
    box-shadow: rgba(17, 17, 26, 0.1) 0 1px 0;
}

.table-list > tbody > tr:hover td {
    background: #eceff3;
}

table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting:after{
    top: initial !important;
    bottom: 8px;
}
input.is-invalid,
select.is-invalid,
textarea.is-invalid {
    border: 1px solid #dc3545 ;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.feature-sale-heading {
    top: -49px;
    width: 100%;
    font-size: 18px;
    letter-spacing:3px;
    padding: 10px 0 0 0;
    background-color: transparent;
    color: #fff;
    text-align: center;
    border-radius: 10px 10px 0 0;
    position: absolute;
}

.feature-sale-colored {
    background-color:#d62246;
    min-height: 50px;
}

.featured-products {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 45px;
}

@media( max-width: 991px ) {
    .plancompare_columns_column,
    .feature-sale-heading {
        border-radius: 0;
        box-shadow: none;
        margin-top: 30px;
        margin-bottom: 12px;
        top: -64px;
    }
    .plancompare_columns_column_planname {
        padding: 25px 15px 0;
    }
    .plancompare_columns_column:has(> .feature-sale-heading:not(.feature-sale-colored)) {
        margin-top: 0;
    }
    .plancompare_columns_column_selectedpointer {
        height: auto;
        padding-bottom: 15px;
    }
}

.panel-heading-btn__icon {
    padding-right: 8px;
}

.panel-heading-btn {
    padding: 0 30px;
}
.panel .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
    background-color: #0074cf;
}

@media( max-width: 767px ) {

    .main-footer .legal p {
        padding: 0 15px;
    }

    body:after {
        content: none !important;
    }

    .main-footer .contact-box form input#email {
        width: calc(100% - 30px);
        margin: 15px auto 0;
    }

    .main-footer .contact-box form button {
        top: 40px;
        right: 15px;
    }
}

.lh-homepage {
    padding-left: 50px;
}

.bottom-indent {
    margin-bottom: 15px;
}

.main-footer .social {
    display: inline-flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 2px;
    padding-top: 30px;
    width: 100%;
}

.main-footer .social a {
    transition: all 0.5s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-basis: 60px;
    height: 60px;
    font-size: 35px;
    opacity: 1;
    padding: 0 6px;
    margin: 0 3px;
    border: none;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    position: relative;
    text-align: center;
}
.main-footer .social a i {
    line-height: 24px;
    vertical-align: middle;
}

.main-footer .social a:hover {
    opacity: 1;
    background-color: #b3cc49;
    color: #000;
    transform: translateY(-5px);
    box-shadow: 0 0 5px #000;
}

@media(max-width: 767px) {
    .main-footer .social {
        justify-content: center;
    }
}
@media(max-width: 400px) {
    .main-footer .social a {
        height: 40px;
        width: 40px;
        flex-basis: 40px;
        font-size: 20px;
    }
}

.cart-items__number {
    font-family: sans-serif;
    font-size: 14px;
    padding-left: 5px;
}

.mt-1 {
    margin-top: 10px !important;
}

.usage-dial {
    margin-left: 62px !important;
    margin-top:  10px !important;
}

@media( min-width: 991px ) {
    .cart.cart-mobile {
        display: none;
    }
}
@media( max-width: 991px ) {
    .usage-dial {
        margin-left: 44% !important;
    }
}

.cart-input {
    flex: 1 1 0;
    margin: 0 15px;
}

.cart-input__wrapper {
    clear: both;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.swal2-popup {
    font-size: 16px;
}

.swal2-styled {
    padding: 10px 15px !important;
}

.mt-10 {
    margin-top: 10px;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.my-20 {
    margin: 20px auto;
}
@media (min-width: 768px) {
    .submenu-split-heading h3 {
        font-size: 1.5em;
        text-align: left;
        font-weight: normal;
    }
    .submenu-split-heading {
        margin-bottom: 20px;
    }
}
@media (min-width: 992px) {
    .submenu-split-heading h3 {
        padding-left: 60px;
        margin-bottom: 5px;
    }
}
@media(max-width:768px) {
    .submenu-split-heading h3 {
        padding-top: 30px;
    }
}

.gdpr-checkboxes {
    margin: 10px 0 10px 0;
    padding-left: 25%;
}

.header-account-icon {
    width: 20px;
    height: auto;
    position: relative;
    top: -1px;
    left: -5px;
}

.btn-update-whois-info {
    max-width: 100%;
    padding: 0 10px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 0 15px;
}

.domain-ownership-info__wrapper {
    display: flex;
}

.domain-ownership-info__block {
    float: none;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.no-border {
    border: none !important;
}

.promotional-panel__text {
    display: block;
    padding-bottom:10px;
    margin-top:15px;
}

.promotional-panel__img {
    float:left;
    width:160px;
}

.panel-body.promotional-panel__body {
    padding-top:0;
}

.promotional-panel__wrapper {
    padding: 0 9px 0 0;
}

.p-0 {
    padding: 0;
}

.m-0 {
    margin: 0;
}

.password-preview-wrapper {
    position: relative;
}

input.password-preview {
    padding-right: 60px;
    font-size: 16px;
}

.password-toggle-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 14px;
    padding: 5px;
    background-color: transparent;
    border: none;
    color: #555;
}

@media (max-width: 600px) {
    .promotional-panel__wrapper,
    .col-xs-12:has(.promotional-panel__img) {
        width: 48%;
    }
    .client-home-panels .panel > .panel-body.promotional-panel__body {
        max-height: none;
    }
}
.infobox {
    background-image: url('./img/info.png');
    background-repeat: no-repeat;
    background-position: 15px;
    margin: 10px 0;
    padding: 6px 10px 6px 60px;
    min-height: 28px;
    background-color: #FAF6D4;
    border: 1px solid #E6C26E;
    color: #000;
    text-align: left;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.infobox span.title {
    color: #BE8007;
}