/* CSS Document ALL COLOR
Warm Colors (Reds, Oranges, Yellows)
Reds:
#da532c, #590202, #d10101, #f40101, #d40000, #d6252b, #a41c21, #ce1126, #ea132b, #d50d24, #bb121a, #d1151e, #990f16, #ec1b33, #cf2e65, #a94442, #843534, #c7254e, #d9534f, #d43f3a, #c9302c, #761c19, #ac2925

Oranges:
#ee5a00, #f38f00, #dd6a05, #f8b64b, #f9bc0b, #ff6c2c, #ff4e01, #e16b53, #dc5034, #f0ad4e, #eea236, #ec971f, #985f0d, #d58512, #ffd522, #ffd520

Yellows:
#ffeb00, #f2af00, #ffbd13, #faf2cc, #f7ecb5, #f7e1b5, #faebcc

Cool Colors (Blues, Greens, Teals)
Blues:
#5bbad5, #176ea5, #004a80, #0085c3, #43a4c4, #0392a2, #619bbc, #03a8eb, #125986, #87a8c4, #0091d6, #006a9c, #3192d1, #259ce3, #009ce5, #4791d2, #152768, #337ab7, #23527c, #286090, #31708f, #245269, #2e6da4, #122b40, #204d74, #5cb85c, #4cae4c, #449d44, #255625, #398439, #5bc0de, #46b8da, #31b0d5, #1b6d85, #269abc, #00accd, #bce8f1, #a6e1ec, #c7ddef

Greens:
#00a388, #45c300, #679a23, #6f8620, #96ca2d, #7ab800, #91db00, #6c6c6c, #5a5a5a, #2b542c, #3c763d, #66afe9, #67b168, #dff0d8, #c1e2b3, #d0e9c6, #d6e9c6, #c9e2b3

Teals:
#00a388, #0392a2, #0091d6, #00accd

Neutral Colors (Grays, Blacks, Whites)
Grays:
#2e2e2e, #343434, #626262, #1f1f1f, #6c6c6c, #222222, #b4b4b4, #979797, #5a5a5a, #bed7e4, #edefee, #dadada, #2d2d2d, #eeeeee, #a0a0a0, #323232, #303030, #c0c0c0, #8c8c8c, #adadad, #d4d4d4, #737373, #e6e6e6, #262626, #5e5e5e, #9d9d9d, #d5d5d5, #e3e3e3, #f7f7f7, #ebebeb, #505050, #282828, #383838, #1e1e1e, #3e3e3e, #ececec, #272727, #d6d6d6, #869791

Blacks:
#000000, #111111, #171717, #181818, #0a0a0a, #162029, #080808, #101010

Whites:
#ffffff, #f9f9f9, #e5e5e5, #f5f5f5, #fcf8e3, #f9f2f4, #ededed, #e8e8e8, #f8f8f8, #e7e7e7, #f7f7f7, #ebebeb, #ececec

Purples and Pinks
Purples:
#6e2585, #872da3, #b7295a, #cf2e65, #c7254e, #ebccd1, #e4b9c0

Pinks:
#b7295a, #cf2e65, #c7254e, #ebccd1, #e4b9c0

Browns and Earth Tones
Browns:
#604800, #8a6d3b, #66512c, #c0a16b, #ce8483, #985f0d, #d58512

Miscellaneous
Light Blues:
#9ee0ff, #c4e3f3, #afd9ee, #d9edf7

Light Greens:
#dff0d8, #c1e2b3, #d0e9c6, #d6e9c6, #c9e2b3 

@font-face {
    font-family: 'CUSTOMFONTS';
    src: url('../fonts/fty.ttf') format('truetype'), 
         url('https://cdn.underhost.com/fonts/fty.ttf') format('truetype'); 
    font-display: swap;
}

*/
.footerlogo {
    display: block;
    max-width: 180px;
    height: auto;
    transition: transform 0.3s ease, filter 0.3s ease, opacity 0.8s ease-out;
    opacity: 0;
    transform: translateY(-10px);
    animation: fadeInFooterLogo 0.8s ease-out forwards;
}
.footerlogo:hover {
    transform: scale(1.1);
    filter: drop-shadow(0px 0px 10px rgba(0, 123, 255, 0.5));
}
@keyframes fadeInFooterLogo {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@media (max-width: 768px) {
    .footerlogo {
        max-width: 140px;
    }
}
@media (max-width: 480px) {
    .footerlogo {
        max-width: 120px;
    }
}
.flag-toggle {
    display: flex;
    justify-content: center;
    gap: 6px;
}
.flag-btn {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border: 1.5px solid #ccc;
    border-radius: 15px;
    background-color: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.flag-btn img {
    width: 17px;
    height: 11px;
    border-radius: 2px;
    transition: opacity 0.3s ease;
}
.flag-btn span {
    font-size: 12px;
    font-weight: 500;
    color: #333;
    transition: color 0.3s ease;
}
.flag-btn.active {
    border-color: #007bff;
    background-color: #007bff;
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.3);
}
.flag-btn.active span {
    color: #fff;
}
.flag-btn.active img {
    opacity: 0.9;
}
.flag-btn:hover {
    border-color: #0056b3;
    background-color: #0056b3;
    box-shadow: 0 2px 8px rgba(0, 86, 179, 0.3);
}
.flag-btn:hover span {
    color: #fff;
}
.flag-btn:hover img {
    opacity: 0.9;
}
@keyframes smooth-fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}
.flag-btn.active {
    animation: smooth-fade 3s ease-in-out infinite;
}
@keyframes gradientBMG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.server-category {
    margin-bottom: 40px;
}
.text-center {
    text-align: center;
}
.planbox {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.planbox:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.planbody i {
    font-size: 3rem;
    margin-bottom: 15px;
}
.server-category h2 {
    margin-bottom: 20px;
}
.server-category h3 {
    font-size: 1.8rem;
    color: #333;
    margin-bottom: 20px;
}
.server-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.server-card {
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 300px;
    flex: 1 1 calc(33.33% - 20px);
    padding: 20px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.server-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}
.server-card img {
    width: 100px;
    height: auto;
    margin-bottom: 15px;
}
.server-card h4 {
    font-size: 1.2rem;
    color: #176ea5;
    font-weight: 700;
    margin-bottom: 15px;
}
.server-card p {
    font-size: 1rem;
    color: #555;
    line-height: 1.5;
    margin-bottom: 20px;
}
.server-card a.btn {
    display: inline-block;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 5px;
    background: #176ea5;
    color: #ffffff;
    font-weight: bold;
    font-size: 1rem;
    transition: background 0.3s ease;
}
.server-card a.btn:hover {
    background: #004a80;
}
.server-card a.btn i {
    margin-right: 8px;
}
.server-option-img-container {
    display: flex;
    justify-content: center;
    gap: 10px;
}
.server-option-img-container img {
    width: 80px;
    height: auto;
}
.server-selection {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.server-option {
    margin: 20px;
    text-align: center;
    width: calc(100% - 40px);
}
.server-option img {
    width: 35px;
    height: auto;
}
.server-option a {
    display: inline-block;
    text-decoration: none;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 5px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}
.server-option a:hover {
    background-color: #ddd;
    color: #000;
}
.server-option a p {
    color: #176ea5;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    margin: 0;
    padding-top: 10px;
}
body {
    font-family: "Roboto", sans-serif;
    color: #2e2e2e;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #343434;
}
p {
    color: #626262;
}
div,
a,
h3,
span {
    transition: all 0.5s ease;
}
.greybg {
    background-color: #1f1f1f;
}
.greybg2 {
    background-color: #f9f9f9;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.whitebg {
    background-color: rgba(255, 255, 255, 1) !important;
}
.blackbg {
    background-color: #111111;
}
.blackbg2 {
    background-image: url(https://cdn.underhost.com/images/blacklines.jpg);
}
.bluebg {
    background-color: #176ea5;
}
.bluebg2 {
    background-image: url(https://cdn.underhost.com/images/bluelines.jpg);
}
.redbg {
    background-color: #590202;
}
.text28 {
    font-size: 28px;
}
.text42 {
    font-size: 42px;
}
.text50 {
    font-size: 42px !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 800 !important;
}
.text60 {
    font-size: 60px;
}
.w700 {
    font-weight: 700;
}
.w600 {
    font-weight: 600;
}
.bluetext {
    color: #176ea5;
}
.text28 {
    font-size: 28px;
}
.w300 {
    font-weight: 300;
}
.w500 {
    font-weight: 500;
}
.text18 {
    font-size: 18px;
}
.text16 {
    font-size: 16px;
}
.text10 {
    font-size: 10px;
}
.text6 {
    font-size: 6px;
}
.text8 {
    font-size: 8px;
}
.text20 {
    font-size: 20px;
}
.text22 {
    font-size: 22px;
}
.w400 {
    font-weight: 400 !important;
}
.text18 {
    font-size: 18px;
}
.text18w700 {
    font-size: 18px;
    font-weight: 700;
}
.text40 {
    font-size: 40px;
}
.text35 {
    font-size: 35px;
}
.text15 {
    font-size: 15px;
}
.ln25 {
    line-height: 25px;
}
.ln30 {
    line-height: 30px;
}
.ln22 {
    line-height: 22px;
}
.whitetext {
    color: #ffffff;
}
.redtext {
    color: #d10101;
}
.orangetext {
    color: #ee5a00;
}
.greentext {
    color: #00a388;
}
.greentext2 {
    color: #45c300;
}
.topmargin10 {
    margin-top: 10px;
}
.topmargin30 {
    margin-top: 30px;
}
.topmargin5 {
    margin-top: 5px !important;
}
.topmargin2 {
    margin-top: 2px !important;
}
.toppadding10 {
    padding-top: 10px;
}
.bottommargin10 {
    padding-bottom: 10px;
}
.bottompadding10 {
    padding-bottom: 10px;
}
.bottompadding30 {
    padding-bottom: 30px;
}
.bottommargin0 {
    margin-bottom: 0px;
}
.padding30 {
    padding: 30px;
}
.topmargin0 {
    margin-top: 0px;
}
.toppadding30 {
    padding-top: 30px;
}
.toppadding50 {
    padding-top: 50px;
}
.img-responsive {
    display: inline-block;
}
.text30 {
    font-size: 30px;
}
.w700 {
    font-weight: 700;
}
.w300 {
    font-weight: 300;
}
.w100 {
    font-weight: 100;
}
.lightgrey {
    color: #6c6c6c;
}
.text24 {
    font-size: 24px;
}
.topbottompadding50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.topbottompadding80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.nomargin {
    margin: 0px;
}
.rightmargin20 {
    margin-right: 20px;
}
.leftpadding25 {
    padding-left: 25px;
}
.leftmargin25 {
    margin-left: 25px;
}
.leftmargin10 {
    margin-left: 10px;
}
.list18 {
    padding: 0px;
    margin: 0px;
}
.list18 li {
    font-size: 18px;
    padding: 6px 20px;
    list-style: none;
    font-weight: 300;
    background-image: url(https://cdn.underhost.com/images/yes.png);
    background-repeat: no-repeat;
    background-position: left 13px;
}
.list18-2 {
    padding: 0px;
    margin: 0px;
}
.whitelist {
    padding: 0px;
    margin: 0px;
}
.whitelist li {
    font-size: 18px;
    padding: 6px 20px;
    list-style: none;
    font-weight: 300;
    background-image: url(https://cdn.underhost.com/images/bullet2.png);
    background-repeat: no-repeat;
    background-position: left 15px;
    color: #ffffff;
}
.bluelist {
    padding: 0px;
    margin: 0px;
}
.bluelist li {
    font-size: 14px;
    padding: 6px 20px;
    list-style: none;
    font-weight: 400;
    background-image: url(https://cdn.underhost.com/images/bullet3.png);
    background-repeat: no-repeat;
    background-position: left 12px;
}
.list18-2 li {
    font-size: 18px;
    padding: 10px 0px;
    list-style: none;
    font-weight: 300;
}
.list16 {
    padding: 0px;
    margin: 0px;
}
.list16 li {
    font-size: 16px;
    padding-left: 25px;
    list-style: none;
    font-weight: 400;
    background-image: url(https://cdn.underhost.com/images/yes.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    margin-bottom: 8px;
}
.nolist {
    padding: 0px;
    margin: 0px;
}
.nolist li {
    font-size: 16px;
    padding-left: 20px;
    list-style: none;
    font-weight: 400;
    background-image: url(https://cdn.underhost.com/images/no.png);
    background-repeat: no-repeat;
    background-position: left 5px;
    margin-bottom: 8px;
}
.numberlist {
    padding-left: 15px;
    margin: 0px;
}
.numberlist li {
    font-size: 16px;
    list-style: decimal;
    font-weight: 400;
    margin-bottom: 6px;
}
.list16-2 {
    padding: 0px;
    margin: 0px;
}
.list16-2 li {
    font-size: 16px;
    list-style: none;
    font-weight: 400;
    margin-bottom: 8px;
}
.list16thumb {
    padding: 0px;
    margin: 0px;
}
.list16thumb li {
    font-size: 16px;
    padding-left: 25px;
    list-style: none;
    font-weight: 400;
    background-image: url(https://cdn.underhost.com/images/thumbsup.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    margin-bottom: 8px;
}
.list16redarrow {
    padding: 0px;
    margin: 0px;
}
.list16redarrow li {
    font-size: 16px;
    padding-left: 25px;
    list-style: none;
    font-weight: 400;
    background-image: url(https://cdn.underhost.com/images/redarrow.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    margin-bottom: 8px;
}
.list16cloud {
    padding: 0px;
    margin: 0px;
}
.list16cloud li {
    font-size: 16px;
    padding-left: 25px;
    list-style: none;
    font-weight: 400;
    background-image: url(https://cdn.underhost.com/images/cloudicon.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    margin-bottom: 8px;
}
a {
    color: #d10101;
    text-decoration: none;
    font-weight: 400;
}
a:hover {
    color: inherit;
    text-decoration: underline;
}
.underline {
    text-decoration: underline !important;
}
.radius40 {
    border-radius: 40px;
}
.nopadding {
    padding: 0px;
}
.bottommargin0 {
    margin-bottom: 0px;
}
.rightborder2 {
    border-right: 2px solid rgba(255, 255, 255, 1);
}
@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
#topbar {
    padding: 0px;
    background: linear-gradient(-45deg, #0085c3, #0091d6, #434cc5, #87a8c4, #0085c3);
    background-size: 400% 400%;
    animation: gradientBG 15s ease infinite;
}
#topbar ul {
    padding: 0px;
    margin: 0px;
}
#topbar ul li {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    padding: 6px 0px;
}
#topbar ul li:last-child {
    margin-right: 0px;
}
#topbar ul li a {
    color: #ffffff;
}
#topbar ul.pull-right li {
    padding: 7px 0px;
    margin-top: 2px;
}
.topbuttons {
    float: right;
    margin-left: 20px !important;
}
#topbar ul li ul li {
    padding: 0px !important;
}
#topbar ul li ul li a {
    color: rgba(45, 45, 45, 1);
}
.phone {
    background-image: url(https://cdn.underhost.com/images/call.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 28px !important;
    margin-right: 10px !important;
    font-weight: 300 !important;
}
.blog {
    background-image: url(https://cdn.underhost.com/images/blog.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 30px !important;
    margin-right: 10px !important;
    font-weight: 300 !important;
}
.cart {
    background-image: url(https://cdn.underhost.com/images/shoppingcart.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 27px !important;
    margin-right: 10px !important;
    font-weight: 300 !important;
}
.chat {
    background-image: url(https://cdn.underhost.com/images/livechat.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 32px !important;
    margin-right: 10px !important;
    font-weight: 300 !important;
}
.support {
    background-image: url(https://cdn.underhost.com/images/support.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 22px !important;
    margin-right: 10px !important;
    font-weight: 300 !important;
}
.clientlogin {
    background-image: url(https://cdn.underhost.com/images/clientlogin.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    padding-left: 22px !important;
    margin-right: 10px !important;
    font-weight: 300 !important;
}
.btn-blue4 {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    background: #43a4c4;
    padding: 9px 30px;
    text-decoration: none;
}
.btn-blue4:hover,
.btn-blue4:focus {
    background-color: #0392a2;
    color: #ffffff;
    text-decoration: none;
}
.btn-livechat {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 13px;
    background: #d10101;
    padding: 3px 20px;
    text-decoration: none;
    background-image: url(https://cdn.underhost.com/images/livechat.png);
    background-repeat: no-repeat;
    background-position: 8px center;
    padding-left: 31px !important;
}
.btn-livechat:hover,
.btn-livechat:focus {
    background-color: #f40101;
    color: #ffffff;
    text-decoration: none;
}
#menu {
    padding: 10px;
    position: relative;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.9);
}
.logo {
    padding: 0px 0px;
    float: left;
}
.menubutton {
    float: right;
}
#desktopmenu {
    float: right;
    margin-top: 32px;
}
#desktopmenu ul {
    margin-bottom: 0px;
    margin: 0px;
    padding: 0px;
}
#desktopmenu ul li {
    list-style: none;
    display: inline-block;
    margin-left: 0px !important;
}
#desktopmenu ul li a {
    color: #000000;
    padding: 17px 25px;
    display: block;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
#desktopmenu ul li a:hover {
    color: #176ea5;
    text-decoration: none;
}
#desktopmenu ul li ul li a {
    color: #222222;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
}
#desktopmenu ul li ul li {
    margin-top: 0px !important;
}
.contactusbtn {
    padding: 0px;
    margin-top: 23px;
    margin-left: 30px;
    float: right;
}
.contactusbtn li {
    list-style: none;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700 !important;
}
.contactusbtn li a {
    font-size: 16px;
    color: #ffffff;
    background-color: #000000;
    font-weight: 700 !important;
    padding: 11px 30px;
    display: block;
}
.contactusbtn li a:hover {
    text-decoration: none !important;
    color: #ffffff;
    background-color: #62232e;
}
.headertop {
    position: fixed !important;
    width: 100%;
    z-index: 99999 !important;
    background-color: rgba(255, 255, 255, 0.9) !important;
    top: 0 !important;
    animation: fadeInDown 0.5s linear;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
    padding: 0px !important;
}
header.headertop {
    margin-top: 0px !important;
}
.headertop .logo {
    padding: 5px;
    width: 161px;
}
.headertop .contactusbtn {
    display: none;
}
.headertop .anniversarylogo {
    display: none;
}
.headertop #desktopmenu {
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
}
.headertop #desktopmenu ul {
    margin-top: 0px;
}
.headertop #desktopmenu ul li {
    margin-top: 0px;
}
.headertop .phone2 {
    display: none;
}
.headertop,
.headertop .topmenu,
.headertop .topsocialcontacts {
    display: none;
}
.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
.dropdown-menu {
    margin-top: -2px !important;
    left: 5px;
    text-align: left !important;
    overflow: hidden;
}
.dropdown-last {
    left: -55px;
}
.dropdown-menu li {
    display: block !important;
    border-bottom: 1px solid rgba(235, 235, 235, 1);
    margin-left: 0px !important;
}
.dropdown-menu li:last-child {
    border: none;
}
.dropdown-menu li a {
    padding: 10px 20px !important;
}
.btn-transparent {
    -webkit-border-radius: 100;
    -moz-border-radius: 100;
    border-radius: 100px;
    color: #619bbc !important;
    font-size: 16px;
    background: #ffffff;
    padding: 10px 40px;
    text-decoration: none;
    font-weight: 400;
    font-family: "Rubik", sans-serif;
    margin-top: 20px;
    border: 2px solid #619bbc;
}
.btn-transparent:hover,
.btn-transparent:focus {
    background-color: #619bbc;
    color: #ffffff !important;
    text-decoration: none;
}
#mainslider .item,
.mainbanner .carousel {
    height: 950px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#mainslider .item,
.mainbanner .carousel .carousel-caption {
    width: 100%;
    right: 0;
    left: 0;
    bottom: 55%;
}
.mainbanner .carousel-inner {
    position: absolute;
}
.mainbanner {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    margin-top: -138px;
}
.slidertextholder {
    position: absolute;
    bottom: 35%;
    right: 0;
    left: 0;
    z-index: 3;
}
.maintextholder {
    width: 100%;
}
.maintextbg {
    opacity: 1 !important;
    transition: none !important;
    padding: 30px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
}
.maintextbg h1 {
    font-size: 75px;
    font-weight: 500;
    margin: 0px;
    color: #ffffff;
    text-shadow: 1px 1px rgba(0, 0, 0, 1);
    margin-top: 0px;
}
.maintextbg h2 {
    font-size: 70px;
    font-weight: 700;
    color: #ffffff;
    margin: 10px 0 0 0;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8), 2px 2px 5px rgba(35, 108, 255, 0.8);
}
.maintextbg p {
    font-size: 50px;
    font-weight: 300;
    margin: 15px 0 0 0;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3), 0px 0px 5px rgba(255, 255, 255, 0.2);
}
.hl1 {
    background-color: #ffeb00;
    padding: 5px 20px;
}
.hl2 {
    background-color: #000000;
    padding: 10px 20px;
    display: block;
}
.greyhl {
    background-color: #b4b4b4;
    padding: 3px 5px;
    color: black;
}
.yellowhl {
    background-color: #f38f00;
    padding: 3px 5px;
    color: black;
}
.redhl {
    background-color: #d40000;
    padding: 3px 5px;
    color: white !important;
}
.greenhl {
    background-color: #679a23;
    padding: 3px 5px;
    color: white;
}
.maintextbg h3 {
    font-size: 65px;
    font-weight: 700;
    color: #03a8eb;
    margin: 0px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.38);
    text-transform: uppercase;
    margin-top: 10px;
}
.maintextbg h4 {
    font-size: 60px;
    font-weight: 700;
    color: #62232e;
    margin: 0px;
    text-transform: uppercase;
    text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 5px, rgba(255, 255, 255, 0.9) 0px 0px 10px, rgb(255, 255, 255) 3px 0px 0px, rgb(255, 255, 255) 2.83487px 0.981584px 0px, rgb(255, 255, 255) 2.35766px 1.85511px 0px,
        rgb(255, 255, 255) 1.62091px 2.52441px 0px, rgb(255, 255, 255) 0.705713px 2.91581px 0px, rgb(255, 255, 255) -0.287171px 2.98622px 0px, rgb(255, 255, 255) -1.24844px 2.72789px 0px, rgb(255, 255, 255) -2.07227px 2.16926px 0px,
        rgb(255, 255, 255) -2.66798px 1.37182px 0px, rgb(255, 255, 255) -2.96998px 0.42336px 0px, rgb(255, 255, 255) -2.94502px -0.571704px 0px, rgb(255, 255, 255) -2.59586px -1.50383px 0px, rgb(255, 255, 255) -1.96093px -2.27041px 0px,
        rgb(255, 255, 255) -1.11013px -2.78704px 0px, rgb(255, 255, 255) -0.137119px -2.99686px 0px, rgb(255, 255, 255) 0.850987px -2.87677px 0px, rgb(255, 255, 255) 1.74541px -2.43999px 0px, rgb(255, 255, 255) 2.44769px -1.73459px 0px,
        rgb(255, 255, 255) 2.88051px -0.838247px 0px;
}
.maintextbg h4 a {
    color: #62232e;
}
.maintextbg h4 a:hover {
    text-decoration: none;
}
.highlight_yellow {
    background-color: #f8b64b;
    padding: 2px 10px;
}
.blacktext {
    color: #000000;
}
.mainbannermobile .maintextbg {
    margin-top: 0px;
}
.btn-yellow {
    background-color: #f9bc0b;
    color: #ffffff !important;
    font-size: 14px;
    padding: 12px 30px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 0px;
    text-transform: uppercase;
}
.btn-yellow:hover,
.btn-yellow:focus {
    background-color: #dd6a05;
    color: #ffffff !important;
    text-decoration: none;
}
:root {
    --primary-red5: #d6252b;
    --hover-red5: #a41c21;
    --white: #ffffff;
    --transition-speed: 0.3s;
}
.btn-red5 {
    background-color: var(--primary-red5);
    color: var(--white) !important;
    font-size: 1rem;
    padding: 1rem 2.5rem;
    text-decoration: none;
    font-weight: 700;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    transition: background-color var(--transition-speed) ease, transform var(--transition-speed) ease;
    display: inline-block;
    text-align: center;
}
.btn-red5:hover,
.btn-red5:focus {
    background-color: var(--hover-red5);
    color: var(--white) !important;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.btn-red5:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.btn-red5:focus {
    outline: 3px solid var(--hover-red5);
    outline-offset: 2px;
}
.btn-red {
    background-color: #d6252b;
    color: #ffffff !important;
    font-size: 14px;
    padding: 12px 35px;
    text-decoration: none;
    font-weight: 700;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
}
.btn-red:hover,
.btn-red:focus {
    background-color: #a41c21;
    text-decoration: none;
    color: #ffffff !important;
}
.btn-black {
    background-color: #000000;
    color: #ffffff !important;
    font-size: 14px;
    padding: 12px 30px;
    text-decoration: none;
    font-weight: 700;
    border-radius: 0px;
}
.btn-black:hover,
.btn-black:focus {
    background-color: #171717;
    text-decoration: none;
    color: #ffffff !important;
}
.btn-blue {
    background-color: #176ea5;
    color: #ffffff !important;
    font-size: 15px;
    padding: 12px 30px;
    text-decoration: none;
    font-weight: 600;
    border-radius: 0px;
}
.btn-blue:hover,
.btn-blue:focus {
    background-color: #125986;
    text-decoration: none;
    color: #ffffff !important;
}
.subpagebanner {
    padding-bottom: 70px;
    padding-top: 200px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
    margin-top: -138px;
}
.subpagebanner .maintextbg {
    margin-top: 0px;
}
.maintextbg2 {
    padding: 30px;
    background: linear-gradient(-45deg, #0d1b2a, #111827, #181818, #1f1f1f) !important;
    color: white;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7), 0px 0px 12px rgba(255, 255, 255, 0.3), 0px 0px 20px rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.formholder {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -150px;
}
.formbg {
    padding: 25px;
}
.formbg label {
    font-size: 14px;
    font-weight: 700;
    color: white;
}
:root {
    --primary-red: #ce1126;
    --hover-red: #ea132b;
    --focus-red: #d50d24;
    --primary-blue: #0085c3;
    --hover-blue: #006a9c;
    --focus-blue: #004a80;
    --primary-orange: #fd7e14;
    --hover-orange: #e66a00;
    --focus-orange: #cc5c00;
    --primary-purple: #6f42c1;
    --hover-purple: #5a32a3;
    --focus-purple: #472c82;
    --white: #ffffff;
    --transition-speed: 0.3s;
    --btn-border-radius: 8px;
    --btn-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    --btn-active-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    --btn-outline-offset: 3px;
}
.btn.btn-red3 {
    color: var(--white) !important;
}
.btn3,
.btn4 {
    color: var(--white);
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    transition: background-color var(--transition-speed) ease, transform var(--transition-speed) ease, box-shadow var(--transition-speed) ease;
    display: inline-block;
    text-align: center;
    border-radius: var(--btn-border-radius);
}
.btn3 {
    font-size: 1.25rem;
    padding: 1.125rem 3.75rem;
}
.btn4 {
    font-size: 1.5rem;
    padding: 1.5rem 3.75rem;
    font-weight: 600;
}
.btn3:hover,
.btn4:hover,
.btn3:focus,
.btn4:focus {
    color: var(--white);
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: var(--btn-box-shadow);
}
.btn3:active,
.btn4:active {
    transform: translateY(0);
    box-shadow: var(--btn-active-shadow);
}
.btn3:focus,
.btn4:focus {
    outline: 3px solid;
    outline-offset: var(--btn-outline-offset);
}
.btn-red3,
.btn-red4 {
    background-color: var(--primary-red);
}
.btn-red3:hover,
.btn-red4:hover,
.btn-red3:focus,
.btn-red4:focus {
    background-color: var(--hover-red);
}
.btn-red3:focus,
.btn-red4:focus {
    outline-color: var(--focus-red);
}
.btn-blue3,
.btn-blue4 {
    background-color: var(--primary-blue);
}
.btn-blue3:hover,
.btn-blue4:hover,
.btn-blue3:focus,
.btn-blue4:focus {
    background-color: var(--hover-blue);
}
.btn-blue3:focus,
.btn-blue4:focus {
    outline-color: var(--focus-blue);
}
.btn-orange3,
.btn-orange4 {
    background-color: var(--primary-orange);
}
.btn-orange3:hover,
.btn-orange4:hover,
.btn-orange3:focus,
.btn-orange4:focus {
    background-color: var(--hover-orange);
}
.btn-orange3:focus,
.btn-orange4:focus {
    outline-color: var(--focus-orange);
}
.btn-purple3,
.btn-purple4 {
    background-color: var(--primary-purple);
}
.btn-purple3:hover,
.btn-purple4:hover,
.btn-purple3:focus,
.btn-purple4:focus {
    background-color: var(--hover-purple);
}
.btn-purple3:focus,
.btn-purple4:focus {
    outline-color: var(--focus-purple);
}
#domainsearch {
    padding: 25px 0px;
}
.domainbox {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 8px;
    border: 3px solid #d3d3d3;
}
.domainbox .input-group-addon {
    padding: 0px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #ffffff;
    border: none;
    border-radius: 4px;
}
.domainbox .form-control {
    display: block;
    width: 100%;
    height: 60px;
    padding: 6px 12px;
    font-size: 17px;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: none;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.domainbox select {
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-bottom: none;
    border-top: none;
    height: 60px;
    min-width: 100px;
    padding: 0px 7px;
    font-size: 17px;
}
.btn-transfer {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    background: #d10101;
    padding: 8px 20px;
    text-decoration: none;
    background-image: url(https://cdn.underhost.com/images/transfer.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    padding-left: 50px !important;
    margin: 5px;
}
.btn-transfer:hover,
.btn-transfer:focus {
    background-color: #f40101;
    color: #ffffff;
    text-decoration: none;
}
.btn-bulktransfer {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    background: #d10101;
    padding: 8px 20px;
    text-decoration: none;
    background-image: url(https://cdn.underhost.com/images/builktransfer.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    padding-left: 50px !important;
    margin: 5px;
}
.btn-bulktransfer:hover,
.btn-bulktransfer:focus {
    background-color: #f40101;
    color: #ffffff;
    text-decoration: none;
}
.btn-bulkregister {
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    background: #d10101;
    padding: 8px 20px;
    text-decoration: none;
    background-image: url(https://cdn.underhost.com/images/bulkregister.png);
    background-repeat: no-repeat;
    background-position: 12px center;
    padding-left: 50px !important;
    margin: 5px;
}
.btn-bulkregister:hover,
.btn-bulkregister:focus {
    background-color: #f40101;
    color: #ffffff;
    text-decoration: none;
}
#domainsearch2 {
    padding-top: 15px;
}
#domainsearch2 input {
    height: 45px;
    width: 60%;
    float: left;
    border: none;
    padding-left: 10px;
}
#domainsearch2 select {
    height: 45px;
    float: left;
    border-left: 1 solid rgba(221, 221, 221, 1);
    padding: 0px 10px;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
}
#domainsearch2 button {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    background: #d10101;
    padding: 9px 30px;
    text-decoration: none;
    height: 45px;
    border-radius: 0px;
}
#domainsearch2 button:hover,
#domainsearch2 button:focus {
    background-color: #f40101;
    color: #ffffff;
    text-decoration: none;
}
.breadcrumbs {
    padding: 10px 0px;
    background-color: rgba(240, 240, 240, 1);
}
.breadcrumbs ul {
    padding: 0px;
    margin: 0px;
}
.breadcrumbs ul li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 400;
}
.breadcrumbs ul li a {
    color: #ea132b;
}
.breadcrumbs ul li span:after {
    font-family: "Glyphicons Halflings";
    content: "\e258";
    font-size: 12px;
    color: rgba(171, 171, 171, 1);
}
.whitebox {
    border-radius: 0px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    padding: 20px;
}
.sitemapsocial {
    padding: 0px;
    margin: 0px;
}
.sitemapsocial li {
    list-style: none;
    font-size: 16px;
    margin-bottom: 5px;
}
.sitemapsocial li a {
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
}
.facebook {
    background-image: url(https://cdn.underhost.com/images/facebook2.jpg);
}
.twitter {
    background-image: url(https://cdn.underhost.com/images/twitter2.jpg);
}
.google {
    background-image: url(https://cdn.underhost.com/images/g + 2jpg);
}
.instagram {
    background-image: url(https://cdn.underhost.com/images/instagram2.jpg);
}
.linkedin {
    background-image: url(https://cdn.underhost.com/images/in2.jpg);
}
.idprotectionbox {
    background-color: rgba(243, 243, 243, 1);
    border: 1px solid rgba(225, 225, 225, 1);
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
}
.idprotectiontop {
    padding: 12px;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: 10px;
}
.top1 {
    background-color: #68b12c;
}
.top3 {
    background-color: #bb121a;
}
#maintabs {
    background-image: url(https://cdn.underhost.com/images/redbg.jpg);
    background-repeat: repeat-x;
    background-color: #f5f5f5;
}
#maintabs .nav {
    padding-top: 0px;
}
#maintabs .nav-tabs {
    border-bottom: none;
}
#maintabs .nav-tabs > li > a {
    margin-right: 0px;
    line-height: none;
    border: none;
    border-radius: 0px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
}
#maintabs .nav > li > a {
    position: relative;
    display: block;
    padding: 13px 38px;
}
#maintabs .nav-tabs > li > a:hover {
    background-color: #d1151e;
    color: #ffffff;
}
#maintabs .nav-tabs > li.active > a {
    background-color: #990f16;
    color: #ffffff;
}
#maintabs .nav-tabs > li.active:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(150, 202, 45, 0);
    border-top-color: #990f16;
    border-width: 12px;
    margin-left: -12px;
}
#maintabs .panel-default > .panel-heading {
    color: #ffffff;
    background-color: #96ca2d;
    border-color: transparent;
}
#maintabs .tab-content {
    padding: 50px 0px;
}
.domaintabs .nav-tabs > li {
    float: none;
    margin-bottom: -1px;
    display: inline-block;
}
.domaintabs .nav-tabs > li > a {
    margin-right: 5px;
    line-height: normal;
    font-size: 15px;
    background-color: rgba(0, 58, 95, 1) !important;
    color: white;
    border: 1px solid transparent;
    border-radius: 8px 8px 0 0;
    padding: 10px 35px;
}
.domaintabs .nav-tabs > li > a:hover {
    background-color: rgba(34, 34, 34, 1) !important;
}
.domaintabs .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: #ffffff !important;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.domaintabs .tab-content {
    background-color: rgba(255, 255, 255, 1);
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-top: 30px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.planboxbg {
    background-color: rgba(242, 242, 242, 0.77);
    margin-top: -170px;
    padding-bottom: 30px;
    z-index: 3;
    position: relative;
}
.planbox {
    border-radius: 0px;
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    padding-bottom: 20px;
    position: relative;
}
.planbox:hover {
    -webkit-box-shadow: 0 0px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.15);
}
.sale {
    background-image: url(https://cdn.underhost.com/images/sale.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 150px;
    height: 150px;
    position: absolute;
    top: -9px;
    right: -9px;
    z-index: 2;
}
.sale2 {
    background-image: url(https://cdn.underhost.com/images/sale.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 2;
}
.blackfridaysale {
    background-image: url(https://cdn.underhost.com/images/bfsale.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 132px;
    height: 180px;
    position: absolute;
    top: -1px;
    right: 26%;
    z-index: 2;
}
.blackfridaysale2 {
    background-image: url(https://cdn.underhost.com/images/bfsale2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 47px;
    height: 105px;
    position: absolute;
    top: -11px;
    right: 10px;
    z-index: 2;
}
.christmassale {
    background-image: url(https://cdn.underhost.com/images/christmassale.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 208px;
    height: 200px;
    position: absolute;
    top: -10px;
    right: 26%;
    z-index: 2;
}
.christmassale2 {
    background-image: url(https://cdn.underhost.com/images/christmassale3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 45px;
    height: 120px;
    position: absolute;
    top: -22px;
    right: 10px;
    z-index: 2;
}
.noborder {
    border: none !important;
}
.planbody {
    padding: 0px 15px;
}
.plantop {
    padding: 15px;
    margin-bottom: 20px;
}
.yellowtop {
    background-color: #f2af00;
}
.bluetop {
    background-color: #0085c3;
}
.redtop {
    background-color: #ce1126;
}
.orangetop {
    background-color: #ff6c2c;
}
.purpletop {
    background-color: #b7295a;
}
.greentop {
    background-color: #7ab800;
}
.pinktop {
    background-color: #dc5034;
}
.purpletop2 {
    background-color: #6e2585;
}
.top2 {
    height: 12px;
    margin-bottom: 15px;
}
.planbox hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    border-top: 1px solid #e1e1e1;
}
.planbox p {
    text-shadow: none !important;
}
.planprice {
    font-size: 40px;
    line-height: 40px;
}
.planprice sub {
    font-size: 20px;
    line-height: normal;
    bottom: 0;
    font-weight: 400;
}
.btn-blue {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    background: #0085c3;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    border-radius: 0px;
    text-transform: uppercase;
    width: 100%;
}
.btn-blue:hover,
.btn-blue:focus {
    background-color: #0091d6;
    color: #ffffff;
    text-decoration: none;
}
.btn-yellow {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    background: #f2af00;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    border-radius: 0px;
    text-transform: uppercase;
    width: 100%;
}
.btn-yellow:hover,
.btn-yellow:focus {
    background-color: #ffbd13;
    color: #ffffff;
    text-decoration: none;
}
.btn-red2 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    background: #ce1126;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    border-radius: 0px;
    text-transform: uppercase;
    width: 100%;
}
.btn-red2:hover,
.btn-red2:focus {
    background-color: #ec1b33;
    color: #ffffff;
    text-decoration: none;
}
.btn-orange {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    background: #ff6c2c;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    border-radius: 0px;
    text-transform: uppercase;
    width: 100%;
}
.btn-orange:hover,
.btn-orange:focus {
    background-color: #ff4e01;
    color: #ffffff;
    text-decoration: none;
}
.btn-purple {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    background: #b7295a;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    border-radius: 0px;
    text-transform: uppercase;
    width: 100%;
}
.btn-purple:hover,
.btn-purple:focus {
    background-color: #cf2e65;
    color: #ffffff;
    text-decoration: none;
}
.btn-green {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    background: #7ab800;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    border-radius: 0px;
    text-transform: uppercase;
    width: 100%;
}
.btn-green:hover,
.btn-green:focus {
    background-color: #91db00;
    color: #ffffff;
    text-decoration: none;
}
.btn-green2 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    background: #7ab800;
    padding: 9px 30px;
    text-decoration: none;
    border-radius: 0px;
    text-transform: uppercase;
}
.btn-green2:hover,
.btn-green2:focus {
    background-color: #91db00;
    color: #ffffff;
    text-decoration: none;
}
.btn-pink {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    background: #dc5034;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    border-radius: 0px;
    text-transform: uppercase;
    width: 100%;
}
.btn-pink:hover,
.btn-pink:focus {
    background-color: #e16b53;
    color: #ffffff;
    text-decoration: none;
}
.btn-purple2 {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    background: #6e2585;
    padding-top: 9px;
    padding-bottom: 9px;
    text-decoration: none;
    border-radius: 0px;
    text-transform: uppercase;
    width: 100%;
}
.btn-purple2:hover,
.btn-purple2:focus {
    background-color: #872da3;
    color: #ffffff;
    text-decoration: none;
}
.btn-blue3 {
    -webkit-border-radius: 100;
    -moz-border-radius: 100;
    border-radius: 100px;
    color: #ffffff;
    font-size: 15px;
    background: #176ea5;
    padding: 6px 20px;
    text-decoration: none;
    text-transform: uppercase;
}
.btn-blue3:hover,
.btn-blue3:focus {
    background-color: #3192d1;
    color: #ffffff;
    text-decoration: none;
}
#awardwinning {
}
.blacktexture {
    background-image: url(https://cdn.underhost.com/images/blacklines.jpg);
}
#news .planbox a {
    color: #d10101;
}
.flexparent {
    display: table;
}
.flexchild {
    display: table-cell;
}
.historyine {
    background-image: url(https://cdn.underhost.com/images/historyline.jpg);
    background-position: top center;
    background-repeat: repeat-y;
}
.historybox {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
    border: 1px solid rgba(227, 227, 227, 1);
}
.arrowleft:after {
    right: 0;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-right-color: #979797;
    border-width: 11px;
    margin-top: -11px;
}
.arrowright:after {
    left: 0;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #979797;
    border-width: 11px;
    margin-top: -11px;
}
.leftmargin20 {
    margin-left: 20px;
}
#importantnote .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 0px;
}
#importantnote .panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
    padding: 12px 15px;
    display: block;
}
#importantnote .panel-heading a:after {
    font-family: "Glyphicons Halflings";
    content: "\2212";
    color: #5a5a5a;
    position: absolute;
    top: 10px;
    right: 29px;
}
#importantnote .panel-heading a.collapsed:after {
    content: "\002b";
}
.migrationbg {
    background-image: url(https://cdn.underhost.com/images/earth.jpg), url(https://cdn.underhost.com/images/blacklines.jpg);
    background-repeat: repeat-x, repeat;
    background-position: bottom center, center center;
    padding-top: 80px;
    padding-bottom: 31px;
}
.supporttextholder {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 30px;
    border-radius: 10px;
}
.purecanadian {
    background-image: url(https://cdn.underhost.com/images/purecanadian2.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 80px;
    min-height: 75px;
    padding-top: 10px;
}
.candiandollar {
    background-image: url(https://cdn.underhost.com/images/candiandollar.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 65px;
    min-height: 75px;
    padding-top: 10px;
}
.canadianstaff {
    background-image: url(https://cdn.underhost.com/images/canadianstaff.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 80px;
    min-height: 75px;
    padding-top: 10px;
}
.safe2 {
    background-image: url(https://cdn.underhost.com/images/safe2.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 80px;
    min-height: 75px;
    padding-top: 10px;
}
.trust {
    background-image: url(https://cdn.underhost.com/images/trust.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 100px;
    min-height: 75px;
    padding-top: 10px;
}
.bluehr {
    border-top: 2px solid #bed7e4;
}
#featuredclients {
    background-color: #edefee;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
#featuredclients .owl-carousel .owl-item,
#tlds .owl-carousel .owl-item {
    text-align: center;
    cursor: move;
}
#featuredclients .owl-carousel .owl-item img,
#tlds .owl-carousel .owl-item img {
    display: inline-block;
    width: auto;
    -webkit-transform-style: preserve-3d;
}
.comparisontablewithcollapse .panel-title > a,
.panel-title > a:active {
    display: block;
    padding: 15px 20px;
}
.comparisontablewithcollapse .panel-heading a:before {
    font-family: "Glyphicons Halflings";
    content: "\e080";
    float: right;
    transition: all 0.5s;
}
.comparisontablewithcollapse .panel-heading.active a:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}
.comparisontablewithcollapse .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    background-color: #0085c3;
    color: #ffffff !important;
}
.comparisontablewithcollapse .panel-title a:hover {
    text-decoration: none;
    color: #ffffff !important;
    background-color: #006a9c;
}
.comparisontablewithcollapse .panel-heading {
    padding: 0px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
table.comparisontable {
    background-color: #ffffff;
}
.tabletop {
    background-color: #2d2d2d;
    text-align: center;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 1);
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}
.tablesubtitle {
    background-color: #5f9bb9;
    font-size: 22px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 1) !important;
}
.nobg {
    background-color: transparent !important;
}
th.noborder,
td.noborder {
    border-top: none !important;
}
.comparisontable td {
    vertical-align: middle !important;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}
.comparisontable th {
    padding: 13px 0px;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}
.comparisontable td:first-child,
#comparisontable th:first-child {
    padding-left: 30px;
    text-align: left !important;
}
.comparisontable .table-responsive {
    border: none !important;
}
.comparisontable .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #eeeeee;
}
.tabletop2 {
    font-size: 17px !important;
    color: #000000;
    background-color: #9ee0ff;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
.tabletitle {
    font-size: 20px !important;
    font-weight: 700 !important;
    padding: 10px 0px;
    background-color: #162029 !important;
    color: #ffffff !important;
    border: none !important;
}
.visiblecolumn2 tr td:nth-child(3),
.visiblecolumn2 tr td:nth-child(4),
.visiblecolumn2 tr td:nth-child(5) {
    display: none;
}
.visiblecolumn3 tr td:nth-child(2),
.visiblecolumn3 tr td:nth-child(4),
.visiblecolumn3 tr td:nth-child(5) {
    display: none;
}
.visiblecolumn4 tr td:nth-child(2),
.visiblecolumn4 tr td:nth-child(3),
.visiblecolumn4 tr td:nth-child(5) {
    display: none;
}
.visiblecolumn5 tr td:nth-child(2),
.visiblecolumn5 tr td:nth-child(3),
.visiblecolumn5 tr td:nth-child(4) {
    display: none;
}
#partners {
    background: linear-gradient(-45deg, #0085c3, #0091d6, #434cc5, #87a8c4, #0085c3);
    background-size: 300% 300%;
    animation: gradientBGPA 10s ease infinite;
    padding: 30px 0;
    text-align: center;
    transition: background 0.3s ease-in-out;
}
@keyframes gradientBGPA {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.partners-carousel {
    display: flex;
    align-items: center;
    justify-content: center;
}
.partners-carousel img {
    width: 150px;
    height: 50px;
    object-fit: contain;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 5px;
    border-radius: 5px;
    display: block;
    margin: 10px auto;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.partners-carousel img:hover {
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.3);
    transform: scale(1.05);
}
#partners img,
.partners2 img {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    width: 150px;
    height: 50px;
    object-fit: contain;
}
footer {
    background-color: #181818;
    padding-top: 40px;
    padding-bottom: 30px;
}
footer hr {
    border-top: 1px solid rgba(95, 95, 95, 1);
}
footer h3 {
    color: #259ce3;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
footer a {
    color: #a0a0a0;
}
footer a:hover {
    color: #0085c3;
}
footer ul {
    padding: 0px;
}
footer ul li {
    list-style: none;
    font-size: 14px;
    color: #ffffff;
    font-weight: 300;
    padding: 3px 0px;
}
.footerlinks {
    width: 215px;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
}
.copyright {
    background: linear-gradient(-45deg, #0d1b2a, #111827, #1c1c1c, #2a2a2a, #0d1b2a);
    background-size: 200% 200%;
    animation: gradientBMG 12s ease infinite;
    padding: 10px 0px;
}
.copyright p {
    margin-bottom: 0px;
    margin-top: 8px;
    color: white;
}
.copyright a {
    margin-bottom: 0px;
    margin-top: 8px;
    color: rgba(213, 213, 213, 1);
}
.phone2 {
    background-image: url(https://cdn.underhost.com/images/phone2.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    padding-left: 22px;
}
.social img {
    margin-right: 10px;
    margin-top: 5px;
}
.app {
    width: 175px;
    display: inline-table;
    text-align: center;
    margin-top: 15px;
}
.reason {
    width: 250px;
    display: inline-table;
    text-align: center;
    margin-top: 15px;
}
.reason img {
    margin-bottom: 10px;
}
#testimonials .item {
    height: 210px;
}
#testimonials .carousel-control {
    background: none;
    width: 5%;
}
#testimonials .carousel-caption {
    right: 7%;
    left: 7%;
    padding-bottom: 30px;
}
.testimonialsbg {
    background-image: url(https://cdn.underhost.com/images/testimonialsbg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.testimonialbox {
    background-color: #ffffffff;
    padding-top: 50px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
    margin-top: 50px;
    text-align: left;
    margin-right: 15px;
    margin-left: 15px;
}
.quote {
    background-image: url(https://cdn.underhost.com/images/testimonialsicon.png);
    width: 71px;
    height: 68px;
    background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    right: 30px;
}
#faqs .panel {
    border: none;
    margin-top: 10px;
}
#faqs .panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}
#faqs .panel-default > .panel-heading {
    color: #ffffff;
    background-color: #323232;
    position: relative;
    padding-right: 30px;
}
#faqs .panel-default > .panel-heading h4 a {
    font-size: 20px;
    display: block;
}
#faqs .panel-default > .panel-heading h4 a:hover {
    text-decoration: none;
}
#faqs .panel-heading .accordion-toggle:after {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    color: #ffffff;
    position: absolute;
    top: 7px;
    right: 10px;
}
#faqs .panel-heading .accordion-toggle.collapsed:after {
    content: "\e080";
}
#cacertified {
    position: relative;
}
.cacertifiedimg {
    float: right;
    width: 218px;
    height: 88px;
    margin-top: -50px;
}
.cacertifiedtext {
    margin-top: -50px;
}
.features {
    padding: 150px 0px;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}
.features3text {
    margin-top: 20px;
}
.modernimg {
    background-image: url(https://cdn.underhost.com/images/cpanelscreen.png);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto 100%;
    height: 507px;
}
.btn-blue2 {
    background: linear-gradient(145deg, #007bff, #005bb5, #007bff);
    color: #fff !important;
    font-size: 16px;
    padding: 15px 40px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), 0 2px 4px rgba(255, 255, 255, 0.3) inset;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    animation: btnblue 3s infinite linear;
}
.btn-blue2:hover,
.btn-blue2:focus {
    background: linear-gradient(145deg, #009ce5, #007bff);
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(255, 255, 255, 0.4) inset;
    transform: translateY(-2px);
}
.btn-blue2:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(255, 255, 255, 0.3) inset;
}
@keyframes btnblue {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
#modern .col-md-10 {
    padding-top: 100px;
    padding-left: 35px;
}
#modern {
    padding-top: 80px;
}
#tos h4:before {
    content: "";
    display: block;
    height: 60px;
    margin: -60px 0 0;
}
.cpanelwhm {
    background-image: url(https://cdn.underhost.com/images/cpanelwhm.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 35px;
    padding-left: 290px;
}
.partners {
    background-color: #303030;
    padding-top: 20px;
    padding-bottom: 20px;
}
.partners img {
    margin: 15px 10px;
}
#bottombar {
    background-color: #ce1126;
    padding-top: 25px;
    padding-bottom: 20px;
}
#bottombar p,
#bottombar a {
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
    margin-bottom: 5px;
    background-repeat: no-repeat;
    background-position: left 0px;
    padding-top: 2px;
    display: block;
}
.bottomphone {
    background-image: url(https://cdn.underhost.com/images/phone2.png);
    padding-left: 22px;
    height: 27px;
}
.questions {
    background-image: url(https://cdn.underhost.com/images/email2.png);
    padding-left: 35px;
    height: 27px;
}
.livesales {
    background-image: url(https://cdn.underhost.com/images/chat2.png);
    padding-left: 45px;
    height: 27px;
}
.support2 {
    background-image: url(https://cdn.underhost.com/images/help2.png);
    padding-left: 32px;
    height: 27px;
}
.emailus {
    background-image: url(https://cdn.underhost.com/images/emailus.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 65px;
}
.callus {
    background-image: url(https://cdn.underhost.com/images/callus.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 65px;
}
#freedomain {
    padding-top: 30px;
    padding-bottom: 20px;
}
.slidertext2 {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    margin-top: 30px;
}
.relativecell {
    position: relative;
}
.responsive-tabs-container .tab-pane {
    margin-bottom: 15px;
}
.responsive-tabs-container .accordion-link {
    display: none;
    margin-bottom: 10px;
    padding: 10px 15px;
    background-color: #176ea5;
    border-radius: 3px;
    border: 1px solid #ddd;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    background-image: url(https://cdn.underhost.com/images/tabsarrow.png);
    background-position: center right 10px;
    background-repeat: no-repeat;
}
@media (max-width: 767px) {
    .responsive-tabs-container.accordion-xs .nav-tabs {
        display: none;
    }
    .responsive-tabs-container.accordion-xs .accordion-link {
        display: block;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .responsive-tabs-container.accordion-sm .nav-tabs {
        display: none;
    }
    .responsive-tabs-container.accordion-sm .accordion-link {
        display: block;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .responsive-tabs-container.accordion-md .nav-tabs {
        display: none;
    }
    .responsive-tabs-container.accordion-md .accordion-link {
        display: block;
    }
}
@media (min-width: 1200px) {
    .responsive-tabs-container.accordion-lg .nav-tabs {
        display: none;
    }
    .responsive-tabs-container.accordion-lg .accordion-link {
        display: block;
    }
}
@media (min-width: 1331px) {
    .container {
        width: 1300px;
    }
}
@media only screen and (max-width: 1400px) {
    #desktopmenu ul li a {
        padding: 17px 18px;
    }
}
@media only screen and (max-width: 1300px) {
    #desktopmenu ul li a {
        padding: 17px 12px;
        font-size: 14px;
    }
    .maintextbg p {
        font-size: 41px;
    }
    .maintextbg h1 {
        font-size: 70px;
    }
}
@media only screen and (max-width: 1199px) {
    header .logo {
        width: 250px;
    }
    .mainbanner h1 {
        font-size: 40px;
    }
    .mainbanner p {
        line-height: normal;
        font-size: 35px;
    }
    .mainbanner,
    .subpagebanner {
        margin-top: 0px;
    }
    .subpagebanner .maintextholder {
        background-color: rgba(0, 0, 0, 0.5);
        padding: 30px;
    }
    .subpagebanner {
        padding-bottom: 70px;
        padding-top: 70px;
    }
}
@media only screen and (max-width: 991px) {
    #domainsearch {
        padding: 25px 0px;
        margin-top: 0px;
    }
    .sm-center {
        text-align: center;
    }
    #mainslider .item,
    .mainbanner .carousel {
        height: 750px;
    }
    .maintextbg {
        margin-top: 0px;
    }
    .mainbanner h1 {
        font-size: 45px;
        line-height: normal;
    }
    .mainbanner p {
        font-size: 30px;
    }
    .planboxbg {
        margin-top: 50px;
    }
    .planbox {
        margin-top: 30px;
    }
    .sm-bottompadding30 {
        padding-bottom: 30px;
    }
    .plansheader {
        background-image: none !important;
        background-color: rgba(229, 229, 229, 1);
        padding: 70px 0px !important;
    }
    .plansheader .maintextbg2 {
        padding: 30px;
        background-color: rgba(0, 0, 0, 1);
    }
    .blackfridaysale {
        width: 70px;
        height: 95px;
        top: -1px;
        right: 5px;
    }
    .christmassale {
        background-image: url(https://cdn.underhost.com/images/christmassale.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 104px;
        height: 100px;
        position: absolute;
        top: -10px;
        right: -5px;
    }
    .saletitle {
        padding-right: 50px;
    }
}
@media only screen and (max-width: 767px) {
    #mainslider .item,
    .mainbanner .carousel {
        height: 550px;
    }
    .mainbanner h1 {
        font-size: 45px;
    }
    .mainbanner p {
        font-size: 22px;
    }
    .slidertext {
        padding: 15px;
    }
    .domainbox {
        margin: 0 15px;
    }
    .domainbox .form-control {
        border: 1px solid #d3d3d3;
    }
    .domainbox select {
        border: 1px solid #d3d3d3;
    }
    .footerlinks {
        width: 140px;
        float: left;
        padding-right: 15px;
        padding-left: 15px;
    }
    .modernimg {
        background-position: center center;
        height: 268px;
    }
    .cpanelwhm {
        background-image: url(https://cdn.underhost.com/images/cpanelwhm.png);
        background-repeat: no-repeat;
        background-position: top center;
        height: 35px;
        padding-left: 0px;
        padding-top: 35px;
        background-size: 100%;
    }
    .text50 {
        font-size: 40px;
    }
    .arrowleft:after {
        border-right: none;
    }
    .arrowright:after {
        border-left: none;
    }
    .leftmargin20,
    .rightmargin20 {
        margin: 0px 15px;
    }
}
@media only screen and (max-width: 560px) {
    .text50 {
        font-size: 35px;
    }
    .comparisontable td:first-child,
    #comparisontable th:first-child {
        padding-left: 5px;
    }
}
@media only screen and (max-width: 480px) {
    .mainbanner h1 {
        font-size: 32px;
    }
    .mainbanner p {
        font-size: 20px;
        line-height: normal;
    }
    #testimonials .item {
        height: 438px;
    }
    @media only screen and (max-width: 991px) {
        .drawer {
            background: linear-gradient(-45deg, #0d1b2a, #111827, #1c1c1c, #2a2a2a, #0d1b2a);
            background-size: 200% 200%;
            animation: gradientBMG 15s ease infinite;
        }
        .drawer-nav {
            background: linear-gradient(-45deg, #0085c3, #0091d6, #434cc5, #87a8c4) !important;
        }
        .panel-group {
            background: transparent !important;
        }
        .drawer-menu-item {
            color: white !important;
        }
        .mobileogo {
            background: transparent !important;
            padding: 10px;
        }
    }
    .mobile-menu {
        float: none !important;
        margin: auto !important;
        text-align: center;
        padding-top: 10px;
    }
    #maintabs .nav > li > a {
        padding: 13px 13px;
    }
}
@media only screen and (max-width: 350px) {
    .mainbanner h1 {
        font-size: 29px;
    }
    #maintabs .nav > li > a {
        padding: 15px 12px;
        font-size: 16px;
    }
}
.aniiconbox {
    display: inline-block;
    text-align: left;
    padding-top: 20px;
    background-repeat: no-repeat;
    background-position: 0px 17px;
    position: relative;
    transition: all 0.5s ease;
}
.aniiconbox span {
    font-size: 18px;
    font-weight: 700;
    color: white;
    margin-left: 45px;
}
.aniiconbox .more {
    position: absolute;
    top: 23px;
    right: 0px;
    background: #fff;
    border-radius: 2px;
    padding: 0 2px;
    color: #4791d2;
    vertical-align: top;
    font-size: 12px;
    font-weight: 700;
}
.aniiconbox p {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    color: white;
    margin-top: 6px;
}
.aniiconbox:hover {
    text-decoration: none;
    background-position: 0px 0px;
}
.aniiconbox:hover .more {
    background-color: rgba(232, 232, 232, 1);
    transition: all 0.5s ease;
}
.bestseller {
    background-image: url(https://cdn.underhost.com/images/bestseller.png);
    width: 120px;
    height: 121px;
    background-size: 100% 100%;
    position: absolute;
    top: -3px;
    left: 4px;
}
.bestseller2 {
    background-image: url(https://cdn.underhost.com/images/bestseller2.png);
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -30px;
    z-index: 100;
}
.bestseller3 {
    background-image: url(https://cdn.underhost.com/images/bestseller3.png);
    width: 100%;
    height: 33px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: -20px;
    left: 0;
    z-index: 100;
}
.bestseller4 {
    background-image: url(https://cdn.underhost.com/images/bestseller4.png);
    width: 100%;
    height: 33px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 100;
}
.bestseller5 {
    background-image: url(https://cdn.underhost.com/images/bestseller5.png);
    width: 112px;
    height: 69px;
    background-size: 100% 100%;
    position: absolute;
    top: -7px;
    left: -22px;
}
@media only screen and (max-width: 1200px) {
    .bestseller5 {
        left: -40px;
    }
}
@media only screen and (max-width: 991px) {
    .bestseller5 {
        left: -48px;
    }
}
@media only screen and (max-width: 767px) {
    .bestseller {
        top: -13px;
    }
    .bestseller5 {
        left: -50px;
    }
}
@media (max-width: 768px) {
    .server-card {
        flex: 1 1 calc(50% - 20px);
    }
}
@media (max-width: 480px) {
    .server-card {
        flex: 1 1 100%;
    }
}
@media only screen and (min-width: 768px) {
    .server-option {
        width: calc(50% - 40px);
    }
}
@media only screen and (min-width: 800px) {
    .server-option {
        width: calc(33.33% - 40px);
    }
}