File: /python/moda/public_html/tech/old/templates/hostx/css/main-style.css
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
a:focus {
outline: 0
}
button,
input[type=submit] {
cursor: pointer
}
.header {
position: relative
}
.header .logo {
padding-top: 18px;
float: left
}
.header .right .right_navi li {
float: left
}
.header .right .right_navi li a {
color: #000;
padding: 24px;
font-size: 14px;
font-weight: 600;
float: left;
border-right: 1px solid #f0f3f6
}
.header .right .right_navi li a .fa-sort-desc {
font-size: 18px;
line-height: normal;
position: relative;
bottom: 2px
}
.header .right .right_navi li .dropdown-menu a {
padding: 8px 15px;
font-size: 14px
}
.header .right .right_navi li .dropdown-menu a:focus,
.header .right .right_navi li .dropdown-menu a:hover {
background-color: #f51322;
color: #fff
}
.header .right .right_navi li .flag_drop a:focus,
.header .right .right_navi li .flag_drop a:hover {
background-color: #fff;
color: #212529;
opacity: .5
}
.header .right .right_navi li .flag_drop a .fa {
display: none !important
}
.header .right .right_navi li:last-child a,
.header .right .right_navi li:nth-last-child(2) a {
color: #b4b4b4;
font-size: 20px;
position: relative;
bottom: 2px
}
.header .right .right_navi li:nth-last-child(4) a {
font-weight: 400
}
.header .right .right_navi li:first-child a {
font-weight: 700;
border: none
}
.header .right .right_navi li:first-child a .fa {
color: #f51322;
font-size: 16px
}
.header .right .right_navi li:first-child a .fa.fa-phone {
color: #000
}
.header .right .right_navi li.hover:hover a {
background-color: #d10c19
}
.header .right .right_navi li.hover:hover a .fa {
color: #fff
}
.email-verification {
margin: 0 15px 20px;
width: 100%;
background-color: #f1eeee
}
.hc-offcanvas-nav li.nav-back a:hover,
.hc-offcanvas-nav li.nav-close a:hover {
background: #f51322
}
@media (max-width:350px) {
div#promotions-slider .promo-banner.promo-banner-rounded button {
padding: 4px 15px 15px !important
}
}
@media (min-width:351px) and (max-width:991px) {
div#promotions-slider .promo-banner.promo-banner-rounded button {
padding: 10px 15px 10px !important
}
}
@media (max-width:991px) {
#searchDomainInfo .domain-available .domain-price button.button01.btn-add-to-cart {
width: auto !important;
}
body .landing-page.marketgoo .faqs .faq {
padding: 0 0
}
body .landing-page.ssl .ssl-benefits i {
font-size: 2em
}
.clientareaproductdetails .product-details.clearfix .row .col-md-5 {
padding: 0
}
#paymentGatewaysContainer .Pcheckout {
width: 100%
}
#paymentGatewaysContainer .Pcheckout label {
display: initial
}
html body .clientareaproductdetails .tab-content .product-details .active-domain {
padding: 20px 15px 25px;
min-height: auto;
border-right: 0
}
.clientareaproductdetails .product-details .col-md-5,
.clientareaproductdetails .product-details .col-md-7 {
max-width: 100%
}
html body .clientareaproductdetails .tab-content .product-details .manage-detail {
padding: 30px 25px
}
.clientareaproductdetails .tab-content .product-details .active-domain img {
width: 40px
}
div#promotions-slider .promo-banner.promo-banner-rounded {
background-size: cover
}
#promotions-slider .promo-banner .icon-left {
max-width: 100%;
text-align: center;
width: 100%;
margin-bottom: 15px
}
#promotions-slider .promo-banner .icon-left img {
width: 150px
}
.clientareaproductdetails .tab-content .product-details .manage-detail p img {
position: absolute;
left: auto
}
.clientareaproductdetails .tab-content .product-details .manage-detail span {
padding-left: 22px
}
html body .clientareaproductdetails .tab-content .product-details .manage-detail {
padding: 20px 0
}
div#promotions-slider .promo-banner.promo-banner-rounded button {
height: 65px;
line-height: 17px;
font-size: 13px !important;
word-break: break-word;
white-space: normal
}
.header .navbar-toggler {
position: absolute;
right: 0;
top: calc(50% - 19px)
}
}
@media (max-width:767px) {
.why-choose .top h2,
body .frequently-questions .frequently-questions-row h2,
body .ssl-effect-site .ssl-effect-site-row h4 {
font-size: 20px;
line-height: 28px
}
html body .landing-page.marketgoo .hero .logo {
margin: auto !important;
text-align: center
}
body .landing-page.marketgoo .hero h2 {
text-align: center
}
.feature.world h2,
.landing-page.sitelockvpn .all-plans h2 {
font-size: 24px;
font-weight: 600
}
body .landing-page.sitelockvpn .feature.world em {
margin: 0 0 25px
}
body .landing-page.sitelockvpn .hero h1 {
font-size: 2em
}
.clientareadetails .form-group h3 {
width: 100%;
clear: both
}
.header .logo img {
width: 140px
}
.header .right {
padding-right: 10px
}
.header .right .nav li {
display: none
}
.header .right .nav li a {
border: none
}
.header .right .nav li:last-child {
display: block
}
.header .navbar-toggler {
top: calc(50% - 16px)
}
}
.nav_bar {
background-color: #fff;
border-top: 1px solid #e7e7e7
}
.nav_bar .navbar-nav>li {
float: left
}
.nav_bar .navbar-nav>li>a {
font-size: 16px;
font-weight: 600;
color: #000;
float: left;
padding: 15px 15px 17px 15px;
border-top: 3px solid transparent
}
.nav_bar .navbar-nav>li a.active,
.nav_bar .navbar-nav>li a:focus,
.nav_bar .navbar-nav>li>a:hover {
background-color: #fff;
color: #f51322;
border-top-color: #f51322
}
.nav_bar .navbar-nav>li.menu-last-btn a {
background-color: #f51322;
color: #fff
}
@media (max-width:1199px) {
.nav_bar .navbar-nav li a {
font-size: 14px;
float: left;
width: 100%
}
body #order-standard_cart .checkoutDiv .showMarketingEmail {
background-size: 100% 40%
}
}
@media (min-width:992px) {
.nav_bar .navbar-toggler {
display: none
}
.wgs-new-header-top~.nav_bar {
box-shadow: 0 3px 4px -2px rgb(44 40 37 / 15%);
z-index: 9999
}
header.header.wgs-new-header-top {
z-index: 99999
}
}
.banner {
background-position: center;
background-image: none;
background-color: #eef5f7;
background-size: cover;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 58px
}
.banner .big_col {
min-width: 570px;
border: 2px solid #17494d;
float: left
}
.banner .big_col h1 {
font-size: 30px;
color: #000;
font-weight: 800;
text-transform: uppercase;
padding: 28px 15px;
line-height: 39px;
width: calc(100% - 160px);
float: right
}
.banner .big_col .big_col_in {
background-image: -moz-linear-gradient(128deg, #17494d 0, #17494d 50%, #f51322 50%, #f51322 100%);
background-image: -webkit-linear-gradient(128deg, #17494d 0, #17494d 50%, #f51322 50%, #f51322 100%);
background-image: -ms-linear-gradient(128deg, #17494d 0, #17494d 50%, #f51322 50%, #f51322 100%);
min-width: 160px;
text-align: center;
float: left;
min-height: 144px;
padding: 8px
}
.banner .big_col .big_col_in h4 {
font-size: 70px;
color: #fff;
font-weight: 800;
margin: 0;
padding: 0
}
.banner .big_col .big_col_in small {
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
color: #fff;
float: left;
margin: -1px 0 0 0;
text-align: center;
width: 100%;
padding: 0
}
.banner .banner_bottom .button02 {
font-size: 14px;
color: #fff;
border: 1px solid #f51322;
background-color: #f51322;
padding: 15px;
margin-top: 30px;
text-transform: uppercase;
float: left
}
.banner .banner_bottom .button02:hover {
background-color: #fff;
color: #f51322
}
.banner .banner_bottom h3 {
font-size: 18px;
font-weight: 600;
margin-top: 40px;
color: #000;
font-style: italic;
position: relative;
padding: 0 0 6px 0
}
.banner .banner_bottom h3:after {
content: "";
border-bottom: 2px solid #f51322;
width: 230px;
position: absolute;
bottom: 0;
left: 0
}
.banner .banner_bottom h3 b {
font-size: 27px
}
.banner .banner_bottom ul {
width: 445px;
padding: 0;
margin: 0
}
.banner .banner_bottom ul li {
width: calc(50% - 20px);
margin-right: 20px;
margin-top: 15px;
margin-bottom: 5px;
float: left
}
.banner .banner_bottom ul li a {
color: #708096
}
.banner .banner_bottom ul li a embed {
position: absolute;
top: calc(50% - 9px);
left: 15px
}
.banner .banner_bottom ul li a embed svg * {
fill: red !important
}
@media (max-width:767px) {
.banner .big_col {
min-width: 100%
}
.banner .big_col .big_col_in {
width: 100%;
padding: 5px;
text-align: center;
min-height: inherit
}
.banner .big_col .big_col_in h4 {
font-size: 20px
}
.banner .big_col h5 {
width: 100%;
text-align: center;
line-height: normal;
padding: 10px;
font-size: 18px
}
.banner .banner_bottom ul {
width: 100%
}
.banner .banner_bottom ul li {
width: 100%
}
.banner .banner_bottom h3 {
font-size: 14px;
margin-top: 10px
}
.banner .banner_bottom h3 b {
font-size: 17px
}
}
.banner1 {
background-position: center;
background-image: url(../images/banner1.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-top: 50px;
padding-bottom: 58px
}
.banner1 .banner_info {
display: flex;
align-self: center;
min-height: 480px;
align-self: center;
width: 500px;
flex-direction: column;
justify-content: center
}
.banner1 .banner_info h6 {
margin: 0;
padding: 0;
text-transform: uppercase;
color: #000;
font-size: 16px;
font-weight: 800
}
.banner1 .banner_info h2 {
margin: 10px 0;
padding: 0;
font-size: 42px;
color: #000;
text-transform: uppercase;
font-weight: 700
}
.banner1 .banner_info p {
font-size: 14px;
color: #565656;
line-height: 28px
}
@media (max-width:767px) {
div#feature h1 {
text-align: center
}
.banner1 {
background-position: center
}
.banner1 .banner_info {
min-height: initial;
width: 100%;
display: block
}
.banner1 .banner_info h6 {
font-size: 14px
}
.banner1 .banner_info h2 {
font-size: 20px
}
.banner1 .banner_info p {
font-size: 14px;
line-height: 25px
}
}
.banner .banner2 h1 {
margin: 0;
padding: 0;
font-size: 38px;
color: #000;
font-weight: 800
}
.banner .banner2 h1 span {
color: #f51322
}
.banner .banner2 h6 {
font-size: 14px;
color: #000;
border: 1px solid #ccc;
padding: 10px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
-ms-border-radius: 25px;
border-radius: 25px;
text-align: center;
float: left;
width: auto;
min-width: 334px;
margin-top: 30px
}
.banner .banner2 .banner_list {
width: 400px;
float: left;
margin: 15px 0 0 0;
padding: 0
}
.banner .banner2 .banner_list li {
float: left;
width: 50%;
padding: 5px
}
.banner .banner2 .banner_list li a {
float: left;
width: 100%;
position: relative;
font-size: 14px;
color: #000;
font-weight: 700;
padding-left: 26px
}
.banner .banner2 .banner_list li a:before {
content: "";
background-image: url(../images/check1.svg);
width: 15px;
height: 12px;
position: absolute;
left: 0;
top: calc(50% - 5px)
}
.banner .banner2 .button02 {
font-size: 14px;
color: #fff;
border: 1px solid #f51322;
background-color: #f51322;
padding: 15px;
margin-top: 30px;
text-transform: uppercase;
float: left
}
.banner .banner2 .button02:hover {
background-color: #fff;
color: #f51322
}
@media (max-width:767px) {
.banner .banner2 h1 {
font-size: 20px
}
.banner .banner2 h6 {
width: 100%;
min-width: 100%
}
.banner .banner2 .banner_list {
width: 100%
}
.banner .banner2 .banner_list li {
width: 100%
}
}
.banner3 {
float: left;
width: 100%;
background-image: url(../images/banner02.jpg)
}
.banner3 .banner_info {
width: 600px;
max-width: 100%
}
.banner3 .banner_info h6 {
font-size: 28px;
text-transform: none;
font-weight: 500
}
.banner3 .banner_info h2 {
text-transform: none;
font-size: 38px
}
.banner3 .banner_info .button03 {
width: auto;
background-color: #f51322;
max-width: 172px
}
.banner-bottombar {
float: left;
width: 100%;
background-color: #f51322;
padding-top: 19px;
padding-bottom: 19px
}
.banner-bottombar .cols {
font-size: 16px;
color: #fff;
display: flex;
align-items: center;
font-weight: 700
}
.banner-bottombar .cols img {
margin: 0 15px 0 0;
display: inline-block
}
@media (max-width:767px) {
body .simple-steps>h2 {
margin-bottom: 20px
}
.banner3 .banner_info h6 {
font-size: 20px
}
.banner3 .banner_info h2 {
font-size: 22px
}
.banner-bottombar .cols {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 20px;
font-size: 15px
}
.banner-bottombar .cols:last-child {
margin-bottom: 0
}
}
.pricing_section {
padding-bottom: 83px
}
.pricing_section .custom_tabs {
background-color: #6747d5
}
.pricing_section .custom_tabs .tab {
float: left;
margin: 0;
padding: 0
}
.pricing_section .custom_tabs .tab li {
float: left
}
.pricing_section .custom_tabs .tab li a {
float: left;
font-size: 14px;
color: #fff;
font-weight: 700;
padding: 25px;
border-right: 1px solid #917bde
}
.pricing_section .custom_tabs .tab li a.active,
.pricing_section .custom_tabs .tab li a:hover {
color: #000;
background-color: #fff
}
.pricing_section .custom_tabs .tab li a .fa {
font-size: 20px;
font-weight: 400;
float: left;
margin-right: 8px
}
.pricing_section .price_top {
text-align: center;
padding-top: 60px
}
.pricing_section .price_top h2 {
font-size: 40px;
color: #000;
font-weight: 700
}
.pricing_section .price_top p {
font-size: 15px;
line-height: 23px;
color: #363636;
margin: 15px 0 30px;
letter-spacing: 0
}
.pricing_section .price_top .dropdown button {
margin-top: 10px;
border: 1px solid rgba(0, 0, 0, .06);
font-size: 14px;
color: #464646;
background-color: transparent;
box-shadow: 0 -3px 5px 0 rgba(0, 0, 0, .06);
padding: 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0
}
.pricing_section .price_top .dropdown button:after {
border-top: .5em solid;
border-right: .4em solid transparent;
border-bottom: 0;
border-left: .4em solid transparent
}
.pricing_section .price_top .dropdown button b {
color: #f51322;
margin-left: 5px;
margin-right: 10px
}
.pricing_section .price_top .dropdown button img {
width: 20px;
position: relative;
bottom: 2px
}
.pricing_section .price_top ul.months-ul {
padding: 0;
margin: 30px 0 0 0
}
div#pricing ul.months-ul {
display: flex;
height: auto;
padding: 0;
width: 70%;
margin: 0 auto;
float: none
}
.pricing_section .price_top ul.months-ul li {
width: auto;
text-align: center;
flex: auto;
float: none
}
.pricing_section .price_top ul.months-ul li a {
float: left;
width: 100%;
font-size: 13px;
color: #464646;
padding: 8px 0 8px;
font-weight: 600
}
.pricing_section .price_top ul.months-ul li a span {
color: #f51322
}
.pricing_section .price_group {
display: flex;
margin-top: 30px
}
.pricing_section .price_group .owl-item .price_sect {
width: calc(25% - 20px);
float: left;
text-align: center;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .06);
background-color: #fff;
padding: 15px 30px 0 30px;
margin: 0 10px
}
.pricing_section .price_group .owl-item .price_sect h2 {
margin: 14px 0 0 0;
padding: 0;
font-weight: 700;
font-size: 18px;
color: #222;
text-transform: capitalize
}
.pricing_section .price_group .owl-item .price_sect p {
margin: 7px 0 15px 0;
padding: 0;
font-size: 13px;
color: #333;
font-weight: 400;
float: none;
line-height: 22px
}
.pricing_section .price_group .owl-item .price_sect h1 p {
margin-bottom: 2px
}
.pricing_section .price_group .owl-item .price_sect h1 {
margin: 16px 0 0 0;
padding: 0;
font-size: 32px;
color: #000;
font-weight: 300
}
.pricing_section .price_group .owl-item .price_sect h1 small {
font-size: 18px;
color: #000;
font-weight: 600;
margin: 0
}
.pricing_section .price_group .owl-item .price_sect h1 span {
font-size: 14px;
color: #000;
font-weight: 300
}
.pricing_section .price_group .owl-item .price_sect ul.list {
margin: 10px 0 0 0;
padding: 18px 0 0 0;
border-top: 1px solid #f5f5f5;
display: inline-block
}
.pricing_section .price_group .owl-item .price_sect ul.list li {
text-align: left;
font-size: 14px;
color: #000;
position: relative;
padding-left: 21px;
margin-bottom: 16px;
word-break: break-word
}
.pricing_section .price_group .owl-item .price_sect ul.list li:before {
content: "";
mask: url(../images/check.svg);
width: 11px;
height: 8px;
float: left;
background-color: #6747d5;
position: absolute;
left: 0;
top: calc(50% - 3px)
}
.pricing_section .price_group .owl-item .price_sect .bottom_sect {
margin: 20px -15px 0;
background-color: #faf8ff;
padding: 20px;
margin-bottom: 15px
}
.pricing_section .price_group .owl-item .price_sect .bottom_sect h4 {
margin: 0;
padding: 0;
font-size: 16px;
color: #000;
word-break: break-word
}
.pricing_section .price_group .owl-item .price_sect .bottom_sect .button03 {
margin-top: 20px
}
.pricing_section .price_group .owl-item:nth-child(2) .price_sect ul.list li:before {
background-color: #fec310
}
.pricing_section .price_group .owl-item:nth-child(2) .price_sect .bottom_sect {
background-color: #fffbee
}
.pricing_section .price_group .owl-item:nth-child(2) .price_sect .bottom_sect .button03 {
background-color: #000
}
.pricing_section .price_group .owl-item:nth-child(2) .price_sect .bottom_sect .button03:hover {
background-color: #000
}
.pricing_section .price_group .owl-item:nth-child(3) .price_sect ul.list li:before {
background-color: #17494d
}
.pricing_section .price_group .owl-item:nth-child(3) .price_sect .bottom_sect .button03 {
background-color: #000
}
.pricing_section .price_group .owl-item:nth-child(3) .price_sect .bottom_sect .button03:hover {
background-color: #17494d
}
.pricing_section .price_group .owl-item:nth-child(4) .price_sect ul.list li:before {
background-color: #fe7760
}
.pricing_section .price_group .owl-item:nth-child(4) .price_sect .bottom_sect {
background-color: #fffbee
}
.pricing_section .price_group .owl-item:nth-child(4) .price_sect .bottom_sect .button03 {
background-color: #000
}
.pricing_section .price_group .owl-item:nth-child(4) .price_sect .bottom_sect .button03:hover {
background-color: #fe7760
}
.pricing_section .vat_col {
float: left;
width: 100%;
text-align: center;
font-size: 14px;
color: #000;
margin-top: 54px;
padding-bottom: 20px
}
.pricing_section .vat_col b {
border-bottom: 2px solid #f51322;
text-transform: uppercase
}
.button03 {
font-size: 14px;
color: #fff;
background-color: #000;
display: inline-block;
max-width: 195px;
text-transform: uppercase;
min-height: 47px;
line-height: 37px;
font-weight: 700;
text-align: center;
padding: 5px 12px;
width: 100%
}
.button03:hover {
background-color: #6747d5;
color: #fff;
opacity: .8
}
@media (max-width:767px) {
.pricing_section .custom_tabs .nav {
margin: 10px 0;
width: 100%;
flex: 0 0 100%
}
.pricing_section .custom_tabs .nav li {
width: 100%;
float: left
}
.pricing_section .custom_tabs .nav li a {
width: 100%;
float: left;
padding: 5px 10px;
border-right: none
}
.pricing_section .price_top {
padding-top: 15px
}
.pricing_section .price_top h2 {
font-size: 18px
}
.pricing_section .price_top p br {
display: none
}
.pricing_section .price_top ul.months-ul li {
width: 100%
}
.pricing_section .price_group .price_sect {
width: 100%;
margin-bottom: 15px
}
}
.features-option2 {
background-color: #f9f9f9;
padding-top: 70px
}
.features-option2 .top {
text-align: center;
margin-bottom: 60px
}
.features-option2 .top h2 {
margin: 0;
padding: 0;
font-size: 36px;
font-weight: 700;
color: #222
}
.features-option2 .top p {
font-size: 15px;
color: #363636;
line-height: 22px;
margin: 0;
padding: 0;
line-height: 22px
}
.features-option2 .features-col {
text-align: center;
margin: 20px 0
}
.features-col {
height: 95%;
padding: 20px;
transition: all .5s ease
}
.features-col:hover {
-webkit-box-shadow: 0 14px 45px 0 rgba(205, 205, 205, .35);
box-shadow: 0 14px 45px 0 rgba(205, 205, 205, .35)
}
.features-option2 .features-col .img-box {
width: 69px;
height: 69px;
text-align: center;
background-color: #e8e6e6;
margin: 0 auto;
display: flex;
align-content: center;
align-items: center;
align-self: center;
flex-direction: column;
justify-content: center;
transition: all .5s ease
}
.features-option2 .features-col .img-box .box-svg {
height: 37px !important
}
.features-option2 .features-col .img-box .box-svg path {
fill: transparent !important;
stroke: #393939 !important
}
.features-option2 .features-col .img-box .raid tspan {
fill: #fff !important
}
.features-option2 .features-col .img-box img,
.features-option2 .features-col .img-box svg {
width: 50px;
height: 50px
}
.features-option2 .features-col .img-box img path,
.features-option2 .features-col .img-box svg path {
fill: #393939;
stroke: transparent;
stroke-width: 2px
}
.features-option2 .features-col .img-box img tspan,
.features-option2 .features-col .img-box svg tspan {
fill: #393939;
stroke: transparent
}
.features-option2 .features-col h3 {
margin: 30px 0 0 0;
padding: 0;
font-size: 16px;
color: #414141;
text-transform: uppercase;
font-weight: 700
}
.features-option2 .features-col p {
font-size: 13px;
color: #6e6e6e;
line-height: 24px;
padding: 0;
margin: 10px 0 0 0
}
.features-option2 .features-col:hover .img-box {
background-color: #f51322
}
.features-option2 .features-col:hover .img-box img path,
.features-option2 .features-col:hover .img-box svg path {
fill: #fff;
stroke: transparent;
stroke-width: 2px
}
.features-option2 .features-col:hover .img-box img tspan,
.features-option2 .features-col:hover .img-box svg tspan {
fill: #fff;
stroke: transparent
}
.features-option2 .features-col:hover .box-svg path {
fill: transparent !important;
stroke: #fff !important
}
.features-option2 .features-col:hover .raid tspan {
fill: #393939 !important
}
.features-option2 .choose_section {
background: 0 0;
padding-top: 10px
}
.about-why-choose-us,
.about-why-choose-us .choose-us-row-two .why-choose-inner-abt,
.bandwidth,
.banner,
.banner .banner_bottom,
.banner .banner_bottom ul li a,
.banner1,
.cloud_hosting,
.cloud_hosting .left .hosting_list,
.copyright,
.customers,
.dedicated-server,
.dedicated_servers,
.dedicated_servers .dedicated_servers_top,
.dedicated_servers .left .filters_box,
.dedicated_servers .left .filters_box .custom_checkbox,
.dedicated_servers .left .filters_box .radio_input,
.dedicated_servers .left .filters_box .range_slider,
.dedicated_servers .right .results,
.dedicated_servers .right .results_box,
.dedicated_servers .right .results_box .col1 i,
.features-option2,
.features-option2 .features-col,
.features-option2 .top,
.float_w,
.footer,
.footer .footer_col,
.frequbntly_asked,
.frequently-questions,
.frequently-questions .frequently-questions-row h2,
.get_started,
.great-service,
.great-service .great-service-row .maintenance-inner-img ul,
.great-service .great-service-row h2,
.header,
.hosting_feature,
.hosting_feature .hosting_sections,
.nav_bar,
.operating-system,
.operating-system .operating-table,
.operating-system .operating-table table td span,
.pricing_section,
.pricing_section .custom_tabs,
.pricing_section .price_group,
.pricing_section .price_group .owl-item .price_sect h1 span,
.pricing_section .price_group .owl-item .price_sect ul.list li,
.pricing_section .price_top,
.pricing_section .price_top p,
.pricing_section .price_top ul.months-ul,
.recent-changes-effact .ssl-effect-site-row p span,
.see-our-story-about,
.see-our-story-about .about-metus-row p span,
.see-our-story-about .about-metus-row ul,
.see-our-story-about .scnd-frst-row h5 span,
.ssl-banner .left .view-plan,
.ssl-effect-site,
.ssl-effect-site .ssl-effect-site-row ul,
.website-rating,
.website-rating .choose-us-row .rating-box,
.wetackcareforupgrade,
.wetackcareforupgrade .maintenance-inner-text-row p span,
.wetackcareforupgrade .maintenance-inner-text-row ul,
.why-choose,
.why-choose .top {
float: left;
width: 100%
}
.m_p {
padding: 0;
margin: 0
}
body {
font-family: "Open Sans", sans-serif;
background-color: #fff
}
a {
text-decoration: none
}
a:focus,
a:hover {
text-decoration: none;
outline: 0
}
li {
list-style: none
}
.middle-box {
display: flex;
flex-direction: row;
align-items: center;
vertical-align: middle
}
.bandwidth {
background-color: #17494d
}
.bandwidth .bandwidth_in {
display: flex;
align-self: center;
width: 100%;
min-height: 255px
}
.bandwidth .bandwidth_in .row {
width: 100%
}
.bandwidth .bandwidth_in .row .left {
display: flex;
flex-direction: column;
align-content: center;
align-self: center
}
.bandwidth .bandwidth_in .row .left h2 {
margin: 0;
padding: 0;
font-size: 30px;
color: #fff;
font-weight: 700
}
.bandwidth .bandwidth_in .row .left p {
font-size: 18px;
color: #fff;
font-weight: 300;
padding: 0;
margin: 6px 0 0 0
}
@media (max-width:767px) {
.bandwidth .bandwidth_in {
padding: 15px 0
}
.bandwidth .bandwidth_in h2 {
font-size: 20px !important
}
.bandwidth .bandwidth_in .row {
width: auto
}
.bandwidth .left {
text-align: center;
width: 100%
}
.bandwidth .left img {
width: 100%
}
}
.hosting_feature {
padding-top: 65px;
padding-bottom: 105px
}
.hosting_feature h2 {
margin: 0;
padding: 0;
font-size: 36px;
color: #000;
font-weight: 800;
text-align: center
}
.hosting_feature P {
padding: 0;
margin: 20px 0 35px 0;
font-size: 15px;
line-height: 22px;
color: #363636;
text-align: center
}
.hosting_feature .hosting_sections .hosting_box {
text-align: left;
border: 1px solid #eceff7;
padding: 15px;
height: 100%;
position: relative;
padding-left: 87px;
transition: all .5s ease
}
.hosting_feature .hosting_sections .hosting_box:hover {
border-color: #f51322;
-webkit-box-shadow: 0 14px 45px 0 rgba(205, 205, 205, .35);
box-shadow: 0 14px 45px 0 rgba(205, 205, 205, .35)
}
.hosting_feature .hosting_sections .hosting_box:hover span {
background-color: #f51322
}
.hosting_feature .hosting_sections .hosting_box:hover span img path,
.hosting_feature .hosting_sections .hosting_box:hover span img polygon,
.hosting_feature .hosting_sections .hosting_box:hover span svg path,
.hosting_feature .hosting_sections .hosting_box:hover span svg polygon {
fill: #fff
}
.hosting_feature .hosting_sections .hosting_box span {
justify-content: center;
position: absolute;
left: 15px;
top: 15px;
width: 49px;
height: 50px;
border: 1px solid #eceff7;
display: flex;
align-items: center;
align-content: center;
transition: all .5s ease
}
.hosting_feature .hosting_sections .hosting_box span img,
.hosting_feature .hosting_sections .hosting_box span svg {
width: 25px;
height: 25px
}
.hosting_feature .hosting_sections .hosting_box span img path,
.hosting_feature .hosting_sections .hosting_box span img polygon,
.hosting_feature .hosting_sections .hosting_box span svg path,
.hosting_feature .hosting_sections .hosting_box span svg polygon {
fill: #f51322
}
.hosting_feature .hosting_sections .hosting_box h3 {
margin: 0;
padding: 0 0 8px 0;
font-size: 16px;
color: #000;
font-weight: 600;
position: relative
}
.hosting_feature .hosting_sections .hosting_box h3:before {
content: "";
width: 61px;
height: 2px;
background-color: #f51322;
position: absolute;
bottom: 0;
left: 0
}
.hosting_feature .hosting_sections .hosting_box p {
text-align: left;
font-size: 13px;
line-height: 21px;
font-weight: 400;
color: #5c5c5c;
margin: 10px 0 0 0;
padding: 0
}
@media (max-width:767px) {
.hosting_feature {
padding-top: 20px;
padding-bottom: 25px
}
.hosting_feature h2 {
font-size: 20px
}
.hosting_feature p {
font-size: 14px;
margin-bottom: 10px
}
.hosting_feature p br {
display: none
}
.hosting_feature .hosting_sections .col-sm-4 {
flex: 0 0 100%;
-ms-flex: 0 0 100%;
max-width: 100%
}
}
.choose_section {
float: left;
width: 100%;
background-image: url(../images/bg-1.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-top: 66px
}
.choose_section h2 {
margin: 0;
padding: 0;
font-size: 36px;
color: #000;
font-weight: 800
}
.choose_section P {
padding: 0;
margin: 20px 0 35px 0;
font-size: 15px;
color: #363636
}
.choose_section .tab {
justify-content: center;
float: none
}
.choose_section .tab li {
float: left
}
.choose_section .tab li a {
float: left;
font-size: 14px;
border-right: 2px solid #17494d;
color: #fff;
background-color: #17494d;
border-bottom: 3px solid #17494d;
padding: 20px 25px;
font-weight: 700;
text-transform: uppercase
}
.choose_section .tab li a img,
.choose_section .tab li a svg {
fill: #fff;
width: 21px;
height: 21px;
margin-right: 5px
}
.choose_section .tab li a img path,
.choose_section .tab li a svg path {
fill: #fff;
stroke: #fff;
stroke-width: .5px
}
.choose_section .tab li a.active {
background-color: #fff;
color: #17494d;
position: relative
}
.choose_section .tab li a.active:after {
content: "";
border-top: 9px solid #17494d;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
position: absolute;
bottom: -12px;
left: 24px
}
.choose_section .tab li a.active img path,
.choose_section .tab li a.active svg path {
fill: #17494d;
stroke: #17494d;
stroke-width: .5px
}
.choose_section .tab li:last-child a {
border-right: none
}
@media (max-width:1199px) {
.choose_section .tab li a {
font-size: 12px
}
.choose_section .tab li a svg {
width: 18px;
height: 18px
}
}
@media (max-width:767px) {
.choose_section h1 {
font-size: 20px
}
.choose_section p {
font-size: 14px
}
.choose_section p br {
display: none
}
.choose_section .tab {
width: 100%
}
.choose_section .tab li {
width: 100%;
border: none
}
.choose_section .tab li a {
width: 100%;
border: none
}
}
.cloud_hosting {
margin-top: 0;
background-image: url(../images/hosting_bg.jpg);
background-size: cover;
background-repeat: no-repeat
}
.cloud_hosting .cloud_hosting_in {
display: flex;
align-self: center;
align-content: center;
justify-content: center;
flex-direction: column;
min-height: 627px;
float: left
}
.cloud_hosting .left h2 {
font-size: 36px;
color: #000;
font-weight: 800;
margin: 0;
padding: 0
}
.cloud_hosting .left p {
font-size: 16px;
color: #2f2f2f;
margin: 8px 0 0 0;
padding: 0;
text-align: left
}
.cloud_hosting .left .hosting_list {
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .08);
border: 1px solid #dcdcdc;
background-color: #fff;
margin-top: 27px
}
.cloud_hosting .left .hosting_list ul {
float: left;
width: 50%;
padding: 0
}
.cloud_hosting .left .hosting_list ul li {
float: left;
width: 100%;
font-size: 12px;
color: #525252;
position: relative;
padding: 12px 10px 12px 40px;
font-weight: 600
}
.cloud_hosting .left .hosting_list ul li:after {
content: "";
width: 9px;
height: 9px;
border: 1px solid #b0b0b0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
float: left;
position: absolute;
top: calc(50% - 4px);
left: 20px
}
.cloud_hosting .left .hosting_list ul li:nth-child(2n+2) {
background-color: #fafafa
}
.cloud_hosting .right .hosting_box {
float: left;
width: 100%;
position: relative;
flex: 0 0 100%;
text-align: center;
min-height: 194px;
border: 1px solid #fff;
display: flex;
align-self: center;
align-content: center;
justify-content: center;
flex-direction: column
}
.cloud_hosting .right .hosting_box h2 {
margin: 5px 0 0 0;
padding: 0;
font-size: 14px;
color: #fff;
text-transform: uppercase;
font-weight: 700;
position: relative;
padding-bottom: 8px
}
.cloud_hosting .right .hosting_box h2:after {
content: "";
width: 26px;
border-bottom: 1px solid #fff;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
float: none
}
.cloud_hosting .right .hosting_box p {
font-size: 13px;
color: #fff;
margin-top: 13px
}
@media (max-width:767px) {
.cloud_hosting {
margin-top: 0;
padding-top: 0
}
.cloud_hosting .cloud_hosting_in .right {
margin-top: -20px
}
.cloud_hosting .cloud_hosting_in .col-sm-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
padding: 8px 15px !important
}
}
.customers {
background-color: #f0f3f6;
padding-top: 46px;
padding-bottom: 66px
}
.customers .container {
padding: 0 200px
}
.customers h2 {
text-align: center;
margin: 0 0 40px 0;
padding: 0;
font-size: 22px;
color: #000;
text-transform: uppercase;
font-weight: 600
}
.customers .customers_box {
text-align: center;
padding: 26px 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0
}
.customers .customers_box img {
box-shadow: 0 1px 1px rgba(0, 0, 0, .3);
border: 1px solid transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
padding: 5px;
background-color: #fff
}
.customers .customers_box h2 {
margin: 14px 0 0 0;
padding: 0;
font-size: 13px;
font-weight: 800;
color: #7a7a7a;
text-transform: uppercase
}
.customers .customers_box p {
margin: 8px 0 0 0;
font-size: 13px;
color: #7a7a7a
}
.customers .owl-item.active .customers_box {
background-color: #fff
}
.customers .owl-item.active .customers_box img {
border-color: #02a7df
}
.customers .owl-item.active .customers_box h2 {
color: #f51322
}
.customers .data_box {
font-size: 18px;
color: #000;
line-height: 33px;
text-align: center;
font-style: italic;
margin-top: 25px
}
.customers .data_box:before {
content: "";
background-image: url(../images/icon01.png);
width: 25px;
height: 21px;
display: inline-block;
margin-right: 30px
}
.customers .data_box:after {
content: "";
background-image: url(../images/icon02.png);
width: 25px;
height: 21px;
display: inline-block;
margin-left: 30px
}
@media (max-width:767px) {
.customers .container {
padding-left: 15px;
padding-right: 15px
}
}
.get_started {
background-color: #f51322;
text-align: center;
padding: 20px 0
}
.get_started h2 {
font-size: 19px;
color: #fff;
margin: 0;
padding: 0;
display: inline-block
}
.get_started .button01 {
margin-left: 38px;
cursor: pointer;
display: inline-block;
font-size: 14px;
color: #fff;
border: 1px solid #fff;
min-height: 54px;
min-width: 200px;
text-align: center;
background-color: transparent;
font-weight: 600;
line-height: 50px
}
.get_started .button01:hover {
background-color: #fff;
color: #f51322;
border-color: #f51322
}
.footer {
background-color: #262626;
padding-top: 62px;
padding-bottom: 110px
}
.footer .footer_col h1 {
position: relative;
font-size: 16px;
color: #fff;
text-transform: uppercase;
margin: 0;
padding: 0 0 14px 0;
font-weight: 600;
margin-bottom: 25px
}
.footer .footer_col h1:after {
content: "";
border-bottom: 1px solid #fff;
position: absolute;
bottom: 0;
left: 0;
width: 56px
}
.footer .footer_col p {
font-size: 14px;
color: #bcbcbc;
margin: 0;
padding: 0
}
.footer .footer_col .button03 {
background-color: #f51322;
margin-top: 47px;
color: #fff
}
.footer .footer_col .button03:hover {
text-decoration: none !important
}
.footer .footer_col a {
font-size: 14px;
color: #bcbcbc
}
.footer .footer_col h4 {
font-size: 18px;
color: #fff;
margin-bottom: 20px;
text-transform: uppercase;
}
.footer .footer_col .color_white {
color: #fff;
word-break: break-word;
}
.footer .footer_col ul.socil_icon {
float: left;
padding: 0;
margin: 8px 0 0 0;
width: 100%
}
.footer .footer_col ul.socil_icon li {
float: left;
margin: 0 7px 0 0;
padding: 0
}
.footer .footer_col ul.socil_icon li a {
float: left
}
.footer .footer_col ul.socil_icon li a:hover {
opacity: .7
}
.footer .footer_col ul.socil_icon li a .fa {
float: left;
width: 21px;
height: 21px;
border-radius: 50%;
text-align: center;
color: #fff;
background-color: #4d70a8;
font-size: 13px;
line-height: 21px
}
.footer .footer_col ul.socil_icon li a .fa-instagram {
background-color: #444
}
.footer .footer_col ul.socil_icon li a .fa-pinterest {
background-color: #ca3737
}
.footer .footer_col ul.socil_icon li a .fa-linkedin {
background-color: #1686b0
}
.footer .footer_col ul.socil_icon li a .fa-twitter {
background-color: #1cb7eb
}
.footer .footer_col ul.footer_links {
float: left;
margin: 0;
padding: 0
}
.footer .footer_col ul.footer_links li {
float: left;
width: 50%;
margin-bottom: 15px
}
.footer .footer_col ul.footer_links li a {
float: left;
padding-right: 5px;
font-size: 14px;
color: #bcbcbc
}
.footer .footer_col a:hover {
text-decoration: underline;
color: #fff
}
.copyright {
background-color: #1a1a1a;
text-align: center;
color: #bcbcbc;
font-size: 13px;
padding: 11px
}
.copyright a {
color: #bcbcbc;
text-decoration: underline
}
.copyright a:hover {
color: #bcbcbc
}
@media (max-width:767px) {
.container {
max-width: 100%
}
.footer {
padding-bottom: 10px;
padding-top: 30px
}
.footer .footer_col {
margin-bottom: 20px
}
.footer .footer_col .button03 {
margin-top: 15px !important
}
}
.dedicated_servers {
margin-top: 52px;
margin-bottom: 80px
}
.dedicated_servers .dedicated_servers_top {
text-align: center;
margin-bottom: 40px
}
.dedicated_servers .dedicated_servers_top h2 {
margin: 0;
padding: 0;
font-size: 36px;
color: #000;
font-weight: 800
}
.dedicated_servers .dedicated_servers_top p {
margin: 15px 0 0;
padding: 0;
font-size: 14px;
color: #464646
}
.dedicated_servers .left .filters_box {
margin-bottom: 20px
}
.dedicated_servers .left .filters_box .link {
font-size: 12px;
color: #404040;
text-decoration: underline
}
.dedicated_servers .left .filters_box .irs-line {
top: 33px
}
.dedicated_servers .left .filters_box .range_slider {
margin-top: 10px
}
.dedicated_servers .left .filters_box .range_slider .irs-line {
height: 5px;
background: #6c6c6c;
border: none
}
.dedicated_servers .left .filters_box .range_slider .irs-slider {
width: 18px;
height: 18px;
background: #fff;
cursor: pointer
}
.dedicated_servers .left .filters_box .range_slider .irs-bar {
height: 5px;
border: none;
background: #f51322
}
.dedicated_servers .left .filters_box .custom_checkbox {
margin-top: 10px
}
.dedicated_servers .left .filters_box .radio_input {
margin-top: 2px
}
.dedicated_servers .left .filters_box h2 {
margin: 0 0 8px 0;
float: left;
width: 100%;
padding: 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
color: #000
}
.dedicated_servers .left .filters_box .dropdown .dropdown-toggle {
border-radius: 0;
height: 37px;
position: relative;
font-size: 13px;
color: #404040;
background-color: #fff;
width: 100%;
float: left;
text-align: left;
border: 1px solid #dbd8d8
}
.dedicated_servers .left .filters_box .dropdown .dropdown-toggle:after {
position: absolute;
right: 14px;
top: calc(50% - 3px);
border-top: 7px solid;
border-right: 7px solid transparent;
border-bottom: 0;
border-left: 7px solid transparent
}
.dedicated_servers .left .filters_box .dropdown .dropdown-toggle img {
width: 21px
}
.dedicated_servers .right .results {
font-size: 14px;
color: #565656;
margin-bottom: 9px;
font-weight: 700
}
.dedicated_servers .right .results a {
font-weight: 700;
color: #000;
text-decoration: underline
}
.dedicated_servers .right .results_box {
display: flex;
border: 0 solid #d7dfe0;
flex-wrap: wrap;
margin-bottom: 12px;
background: #f7f7f7
}
.dedicated_servers .right .results_box .col1 {
flex: 0 0 17%;
padding: 25px 10px
}
.dedicated_servers .right .results_box .col1 h5 {
margin: 0;
padding: 0;
font-size: 14px;
color: #404040;
font-weight: 700
}
.dedicated_servers .right .results_box .col1 .sata_button {
font-size: 10px;
color: #444;
border: 0 solid #f51322;
text-align: center;
padding: 2px 6px;
margin-top: 8px;
float: left;
background: #fff;
font-weight: 600
}
#result-container .results_box li {
margin-bottom: 8px;
font-size: 12px
}
.dedicated_servers .right .results_box .col1 .sata_button:hover {
background-color: #000;
color: #fff
}
.dedicated_servers .right .results_box:hover {
box-shadow: 0 2px 3px #dedede
}
.dedicated_servers .right .results_box .col1 i {
font-size: 14px;
color: #404040;
margin-bottom: 8px;
font-weight: 700;
font-style: normal
}
.dedicated_servers .right .results_box .col1:first-child {
background: #ececec
}
.dedicated_servers .right .results_box .col1 p {
font-size: 11px;
color: #404040;
margin: 0;
padding: 0 0 5px 0;
font-weight: 700
}
.dedicated_servers .right .results_box .col1 .flag_text {
position: relative;
padding-left: 30px;
font-size: 12px;
color: #404040;
margin-bottom: 6px
}
.dedicated_servers .right .results_box .col1 .flag_text img {
position: relative;
top: 0;
left: 0;
margin: 0 10px 0 0
}
.dedicated_servers .right .results_box .col1 h2 {
margin: 0;
font-size: 24px;
color: #404040;
padding: 0;
font-weight: 800
}
.dedicated_servers .right .results_box .col1 .button02 {
background-color: #454545;
font-size: 11px;
color: #fff;
padding: 5px 8px;
border: none;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .5px
}
.dedicated_servers .right .results_box .col1 .dropdown {
font-size: 14px;
color: #000;
float: none;
margin-top: 7px;
display: inline-block
}
.dedicated_servers .right .results_box .col1 .dropdown .dropdown-toggle {
background-color: transparent;
border: none;
font-size: 14px;
color: #000;
padding: 0
}
.dedicated_servers .right .results_box .col1 .dropdown .dropdown-toggle:focus {
border: none;
outline: 0;
box-shadow: none
}
.dedicated_servers .right .results_box .col1 ul.list {
margin: 0;
padding: 0;
list-style: none
}
.dedicated_servers .right .results_box .col1 ul.list li {
float: left;
position: relative;
padding-left: 24px;
font-size: 12px;
color: #404040;
margin-bottom: 5px
}
.dedicated_servers .right .results_box .col1 ul.list li img,
.dedicated_servers .right .results_box .col1 ul.list li svg {
position: absolute;
top: 4px;
left: 0
}
.dedicated_servers .right .results_box .col1 ul.list li img path,
.dedicated_servers .right .results_box .col1 ul.list li svg path {
fill: #0c0c0c;
stroke: transparent
}
.dedicated_servers .right .results_box .col2 {
flex: 0 0 32%
}
.dedicated_servers .right .results_box .col1:last-child {
border-right: none;
align-items: center
}
@media (max-width:1199px) {
.dedicated_servers .right .results_box .col1 {
flex: 0 0 16.5%
}
.dedicated_servers .right .results_box .col1.col2 {
flex: 0 0 32%
}
}
.custom_checkbox {
position: relative;
padding-left: 24px;
font-size: 13px;
color: #404040;
line-height: 16px;
font-weight: 600
}
.custom_checkbox input {
display: none
}
.custom_checkbox input:checked+span:after {
content: "";
background-image: url(../images/checked.svg);
width: 14px;
height: 14px;
position: absolute;
top: -4px;
left: 1px;
background-size: 10px;
background-position: center;
background-repeat: no-repeat
}
.custom_checkbox span {
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
border: 1px solid #082644;
float: left
}
.radio_input {
font-size: 13px;
color: #404040;
position: relative;
padding-left: 19px
}
.radio_input input {
display: none
}
.radio_input span {
width: 13px;
height: 13px;
border: 1px solid #333;
border-radius: 50%;
float: left;
position: absolute;
left: 0;
top: calc(50% - 6px)
}
.radio_input input:checked+span:after {
content: "";
height: 7px;
width: 7px;
position: absolute;
top: 6px;
float: left;
background-color: #333;
border-radius: 50%;
left: 1px;
right: 0;
text-align: center;
margin: 0 auto
}
.operating-system {
background-color: #fcfcfc;
padding-top: 80px;
padding-bottom: 100px
}
.operating-system .left h1 {
font-size: 36px;
color: #222223;
font-weight: 600;
margin: 0;
padding: 0
}
.operating-system .left p {
font-size: 18px;
color: #848485;
line-height: 34px;
margin: 7px 0 0 0;
padding: 0
}
.operating-system .operating-table {
margin-top: 50px
}
.operating-system .operating-table table {
width: 100%
}
.operating-system .operating-table table td {
text-align: center;
border: 1px solid #ccc;
padding: 10px;
font-size: 17px;
color: #454546;
font-weight: 700
}
.operating-system .operating-table table td span {
color: #848485;
margin-top: 8px;
font-weight: 400
}
.why-choose {
background-image: url(../images/bg-2.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-top: 60px;
padding-bottom: 90px
}
.why-choose .top {
text-align: center;
margin-bottom: 68px
}
.why-choose .top h2 {
margin: 0;
padding: 0;
font-size: 36px;
color: #fff;
font-weight: 700
}
.why-choose .top p {
font-size: 15px;
color: #fff;
margin-top: 10px;
line-height: 22px
}
.why-choose .choose-col {
text-align: left
}
.why-choose .choose-col h2 {
margin: 10px 0 0 0;
padding: 0;
font-size: 16px;
color: #fff;
font-weight: 700;
text-transform: uppercase
}
.why-choose .choose-col p {
font-size: 13px;
color: #fff;
margin-top: 15px
}
.frequbntly_asked {
padding-top: 33px;
padding-bottom: 58px
}
.frequbntly_asked .top {
text-align: center;
margin-bottom: 38px;
float: left;
width: 100%
}
.frequbntly_asked .top h5 {
margin: 0;
padding: 0;
font-size: 2em;
font-weight: 700;
color: #717171
}
.frequbntly_asked .top h2 {
margin: 0 0 15px 0;
padding: 0;
font-size: 36px;
color: #222;
font-weight: 700;
margin-top: 13px;
float: left;
width: 100%;
text-align: center
}
.frequbntly_asked .question_answers {
position: relative;
padding-left: 60px;
border-top: 1px solid #eaeaea;
padding-bottom: 22px;
padding-top: 22px;
float: left;
width: 100%
}
.frequbntly_asked .question_answers>span {
font-size: 21px;
color: #17494d;
font-weight: 700;
position: absolute;
left: 0
}
.frequbntly_asked .question_answers .question {
float: left;
width: 100%;
font-size: 18px;
color: #443a44;
font-weight: 700;
position: relative;
padding-right: 50px
}
.frequbntly_asked .question_answers .question span img,
.frequbntly_asked .question_answers .question span svg {
width: 15px;
position: absolute;
right: 0;
top: 5px;
height: 15px
}
.frequbntly_asked .question_answers .question span img path,
.frequbntly_asked .question_answers .question span svg path {
stroke: transparent;
fill: #5c535c
}
.frequbntly_asked .question_answers a[aria-expanded=true] span img,
.frequbntly_asked .question_answers a[aria-expanded=true] span svg {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.frequbntly_asked .question_answers .collapse {
font-size: 14px;
line-height: 27px;
color: #443a44;
margin-top: 10px;
float: left;
width: 100%
}
.frequbntly_asked1 {
padding-top: 60px
}
.frequbntly_asked1 .top h5 {
font-weight: 700;
position: relative;
padding-bottom: 15px;
margin-bottom: 10px;
color: #000000;
}
.frequbntly_asked1 .top h5:before {
content: "";
width: 30px;
height: 2px;
background-color: #f70;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto
}
.frequbntly_asked1 .question_answers {
border-top: none !important;
border-bottom: 1px solid #eaeaea;
padding-left: 20px
}
.frequbntly_asked1 .question_answers span svg path {
fill: #2b2b2b !important
}
.frequbntly_asked1 .question_answers .question {
text-transform: none !important;
font-weight: 600
}
.frequbntly_asked1 .question_answers:last-child {
border-bottom: none !important
}
.dedicated-server {
text-align: center;
background-image: url(../images/bg-3.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 70px 0
}
.dedicated-server h2 {
margin: 10px 0 0 0;
padding: 0;
font-weight: 600;
font-size: 28px;
color: #fff;
float: left;
width: 100%
}
.dedicated-server p {
padding: 0;
margin: 15px 0 25px 0;
float: left;
width: 100%;
text-align: center;
font-size: 14px;
color: #fff
}
.dedicated-server .dedicated_box {
max-width: 720px;
overflow: hidden;
align-items: center;
padding: 26px 0;
margin: 0 auto;
background-color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
display: flex;
flex-wrap: wrap
}
.dedicated-server .dedicated_box .dedicated_box_col {
width: 28%;
text-align: left
}
.dedicated-server .dedicated_box .dedicated_box_col h5 {
margin: 0;
padding: 0;
font-size: 18px;
color: #000;
font-weight: 700
}
.dedicated-server .dedicated_box .dedicated_box_col h6 {
font-size: 16px;
font-weight: 600;
color: #000;
margin: 7px 0;
padding: 0
}
.dedicated-server .dedicated_box .dedicated_box_col h6 span {
font-size: 14px;
color: #8e8c8c;
font-weight: 400
}
.dedicated-server .dedicated_box .dedicated_box_col .gol {
width: 66px;
position: relative;
left: -10px;
height: 66px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: #f51322
}
.dedicated-server .dedicated_box .dedicated_box_col .button02 {
font-size: 14px;
color: #fff;
text-transform: uppercase;
padding: 8px 26px;
background-color: #f51322;
float: left;
margin-top: 5px
}
.dedicated-server .dedicated_box .dedicated_box_col .button02:hover {
opacity: .7
}
.dedicated-server .dedicated_box .dedicated_box_col:first-child {
width: 16%
}
.dedicated-server .packages {
float: left;
margin-top: 30px;
width: 100%;
text-align: center;
font-size: 15px;
color: #fff;
font-weight: 600
}
.dedicated-server .packages a {
color: #f51322;
text-decoration: underline
}
.dedicated-server .owl-buttons {
position: absolute;
top: calc(50% - 15px);
left: 0;
right: 0
}
.dedicated-server .owl-controls {
display: block !important
}
.dedicated-server .owl-controls .owl-prev {
background-color: #fff;
-webkit-mask: url(../images/left-arro.svg);
mask: url(../images/left-arro.svg);
color: transparent;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 18px;
height: 35px;
float: left;
mask-size: 18px 35px;
-webkit-mask-size: 18px 35px
}
.dedicated-server .owl-controls .owl-next {
background-color: #fff;
-webkit-mask: url(../images/right-arro.svg);
mask: url(../images/right-arro.svg);
color: transparent;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 18px;
height: 35px;
float: right;
mask-size: 18px 35px;
-webkit-mask-size: 18px 35px
}
.features-option3 {
background-color: #fff;
padding-bottom: 90px
}
.features-option3 .features-col {
padding: 15px;
position: relative;
margin: 5px 0;
height: 100%;
transition: all .3s ease-in
}
.features-option3 .features-col:hover:after {
content: "";
border-top: 1px solid #f51322;
position: absolute;
top: 0;
left: 0;
width: 62px
}
.features-option3 .features-col:hover:before {
content: "";
border-bottom: 1px solid #f51322;
position: absolute;
bottom: 0;
right: 0;
width: 62px
}
.features-option3 .features-col:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
background-color: #fff
}
.features-option3 .features-col.active .img-box,
.features-option3 .features-col:hover .img-box {
background-color: transparent
}
.features-option3 .features-col.active .img-box svg path,
.features-option3 .features-col:hover .img-box svg path {
fill: #f51322
}
.features-option3 .features-col .img-box {
background-color: transparent
}
.features-option3 .features-col .img-box svg path {
fill: #f51322
}
.features-option3 .features-col .img-box .box-svg path {
fill: transparent !important;
stroke: #f51322 !important
}
.testimonials-1 {
float: left;
width: 100%;
background-color: #f8f8f8;
padding: 60px 0;
text-align: center
}
.testimonials-1 h2 {
margin: 0 0 10px 0;
padding: 0;
font-size: 36px;
font-weight: 800;
color: #000
}
.testimonials-1 p {
margin: 0;
padding: 0;
margin: 20px 0 35px 0;
font-size: 15px;
color: #7e7e7e;
line-height: 22px
}
.testimonials-1 .testimonials_box {
float: left;
width: 100%;
padding: 14px;
text-align: center;
margin-top: 40px
}
.testimonials-1 .testimonials_box h2 {
margin: 10px 0 0 0;
float: left;
width: 100%;
font-size: 18px;
color: #f51322;
font-weight: 700
}
.testimonials-1 .testimonials_box h2 span {
color: #41b656;
font-size: 14px;
font-weight: 400
}
.testimonials-1 .testimonials_box p {
position: relative;
padding-top: 25px;
float: left;
width: 100%;
padding-bottom: 0;
margin-top: 23px;
font-size: 14px
}
.testimonials-1 .testimonials_box p:after {
content: "";
background-image: url(../images/arro.png);
float: left;
width: 26px;
height: 21px;
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
margin: 0 auto 0
}
.price_list {
float: left;
width: 100%;
background: #f1f1f1;
padding-top: 60px;
padding-bottom: 70px
}
.price_list .price_grid_last1 {
padding-bottom: 0 !important
}
.price_list .col-sm-3 {
padding-left: 10px;
padding-right: 10px
}
.price_list h2 {
font-size: 36px;
font-weight: 800;
color: #000;
margin: 0;
padding: 0;
text-align: center
}
.price_list p {
margin: 0;
padding: 0;
margin: 20px 0 40px 0;
font-size: 15px;
color: #363636;
text-align: center;
line-height: 22px
}
.footcaptionhfirstbox h6 {
font-weight: 600
}
.price_list .price_grid {
float: left;
width: 100%;
background-color: #fff;
border: 1px solid #dadada;
text-align: center;
padding-bottom: 28px;
overflow: hidden
}
.price_list .price_grid>h6 {
margin: 0;
padding: 20px 0 0 0
}
.price_list .price_grid>p {
color: #9e9d9d;
font-size: 13px;
margin: 5px 0 0 0;
padding: 0
}
.price_list .price_grid .button03 {
margin-top: 25px;
background-color: #f51322
}
body .price_list .price_grid h2 {
margin: 0;
padding: 20px 0;
text-transform: uppercase;
font-size: 20px;
font-weight: 700;
text-align: center;
color: #343638
}
.price_list .price_grid .price_box {
background-color: #f9f9f9;
position: relative;
text-align: center;
padding-bottom: 12px;
float: left;
width: 100%;
padding-top: 24px
}
.price_list .price_grid .price_box:after {
position: absolute;
bottom: -31px;
left: 0;
right: 0;
content: "";
border-top: 31px solid #f9f9f9;
width: 0;
border-left: 10.2em solid transparent;
border-right: 10.2em solid transparent
}
.price_list .price_grid .price_box .custom_paln {
padding: 0 20px;
line-height: 29px
}
.price_list .price_grid .price_box .tag {
display: inline-block;
font-size: 14px
}
.price_list .price_grid .price_box .tag img,
.price_list .price_grid .price_box .tag svg {
width: 17px;
display: inline-block;
height: 17px
}
.price_list .price_grid .price_box h4 {
margin: 10px 0 0 0;
padding: 0;
font-size: 35px;
font-weight: 700;
float: left;
width: 100%
}
.price_list .price_grid .price_box h4 span {
font-weight: 400;
position: relative;
left: 6px
}
.price_list .price_grid .price_box h4 small {
font-size: 16px;
font-weight: 700
}
.price_list .price_grid .price_grid_list {
margin: 50px 0 0 0;
padding: 0;
width: 100%;
text-align: center;
float: left;
width: 100%;
min-height: 166px
}
.price_list .price_grid .price_grid_list li {
margin: 0;
padding: 0 0 12px 0;
font-size: 13px;
list-style: none
}
.price_list .price_grid .price_grid_last {
background-color: #f51322;
float: left;
width: 100%;
padding-top: 54px;
margin-top: 16px;
padding-bottom: 26px
}
.price_list .price_grid .price_grid_last h5 {
margin: 0;
padding: 0;
font-size: 16px;
color: #fff;
font-weight: 700
}
.price_list .price_grid .price_grid_last p {
margin: 10px 0 0 0;
padding: 0
}
.price_list .price_grid .price_grid_last .button03 {
background-color: #fff;
color: #000;
margin-top: 54px
}
.price_list .price_grid:hover {
border: 1px solid #f51322
}
.price_list .price_grid:hover .price_box {
background-color: #f51322
}
.price_list .price_grid:hover .price_box h4 {
color: #fff
}
.price_list .price_grid:hover .price_box .tag {
color: #fff !important
}
.price_list .price_grid:hover .price_box:after {
border-top: 31px solid #f51322
}
.features-option2 {
background-color: #fff;
padding-bottom: 50px
}
.features-option2 .top p {
margin-top: 15px;
float: left;
width: 100%
}
.features-option4 {
padding-bottom: 50px
}
.features-option4 .top {
margin-bottom: 30px
}
.features-option4 .features-col .svg path {
fill: #f51322 !important
}
.features-option4 .features-col:hover .svg path {
fill: #fff !important
}
.features-option4 .features-col.active:after,
.features-option4 .features-col:hover:after {
content: "";
border-top: 1px solid #f51322;
position: absolute;
top: 0;
width: 20px;
left: 0;
border-left: 1px solid #f51322;
height: 20px
}
.features-option4 .features-col.active:before,
.features-option4 .features-col:hover:before {
content: "";
border-top: 1px solid #f51322;
position: absolute;
top: 0;
width: 20px;
right: 5px;
border-right: 1px solid #f51322;
height: 20px
}
.features-option4 .features-col.active .features-option4_border:before,
.features-option4 .features-col:hover .features-option4_border:before {
content: "";
border-bottom: 1px solid #f51322;
position: absolute;
bottom: 5px;
width: 20px;
right: 5px;
border-right: 1px solid #f51322;
height: 20px
}
.features-option4 .features-col.active .features-option4_border:after,
.features-option4 .features-col:hover .features-option4_border:after {
content: "";
border-bottom: 1px solid #f51322;
position: absolute;
bottom: 5px;
width: 20px;
left: 0;
border-left: 1px solid #f51322;
height: 20px
}
.features-option4 .features-col.active .img-box {
background-color: #f51322
}
.features-option4 .features-col.active .img-box svg path {
fill: #fff !important
}
.vps-hosting {
float: left;
width: 100%;
background-color: #faf8ff;
padding-top: 70px;
padding-bottom: 70px
}
.vps-hosting h2 {
font-size: 36px;
color: #000;
text-align: center;
margin: 0 0 10px 0;
padding: 0;
font-weight: 700;
float: left;
width: 100%
}
.vps-hosting .vps-hosting-list {
margin-top: 35px;
clear: both;
float: left;
width: 100%
}
.vps-hosting .vps-hosting-list .left {
text-align: right
}
.vps-hosting .vps-hosting-list .right h2 {
font-size: 22px;
color: #222;
font-weight: 700;
margin: 8px 0 0 0;
padding: 0;
text-align: left
}
.vps-hosting .vps-hosting-list .right p {
margin: 12px 0 0 0;
padding: 0;
font-size: 14px;
color: #000;
line-height: 24px;
clear: both;
display: inline-block;
width: 100%
}
@media (max-width:767px) {
.vps-hosting {
padding-top: 40px;
padding-bottom: 40px
}
.vps-hosting h1 {
font-size: 20px
}
.vps-hosting .vps-hosting-list {
margin-top: 30px;
text-align: center
}
.vps-hosting .vps-hosting-list .left {
text-align: center
}
.vps-hosting .vps-hosting-list .right h2 {
font-size: 18px
}
}
.best-vps-server {
float: left;
width: 100%;
background-color: #f51322;
padding-top: 50px;
padding-bottom: 110px
}
.best-vps-server>h2 {
margin: 0 0 25px 0;
padding: 0;
font-size: 36px;
text-align: center;
color: #fff
}
.best-vps-server .cols {
margin-top: 50px
}
.best-vps-server .cols h3 {
margin: 22px 0 0 0;
padding: 0;
font-size: 20px;
color: #fff;
font-weight: 700
}
.best-vps-server .cols p {
padding: 0;
margin: 8px 0 0 0;
line-height: 28px;
font-size: 16px;
color: #fff
}
@media (max-width:767px) {
.best-vps-server {
padding-bottom: 60px
}
.best-vps-server h2 {
font-size: 20px
}
.best-vps-server .cols {
text-align: center
}
.best-vps-server .cols h3 {
font-size: 18px
}
}
.free-trial {
float: left;
width: 100%;
padding-top: 57px;
padding-bottom: 85px
}
.free-trial .free-trial-col {
position: relative;
padding-left: 172px;
min-height: 140px
}
.free-trial .free-trial-col img {
position: absolute;
top: 0;
left: 0
}
.free-trial .free-trial-col h2 {
margin: 3px 0 10px 0;
padding: 0;
font-size: 36px;
color: #222;
font-weight: 700;
float: left;
width: 100%
}
.free-trial .free-trial-col p {
padding: 0;
margin: 15px 0 0 0;
font-size: 18px;
color: #6a6969;
float: left;
width: 100%;
clear: both;
line-height: 30px
}
@media (max-width:767px) {
.free-trial {
padding-bottom: 55px
}
.free-trial .free-trial-col {
text-align: center;
padding: 0
}
.free-trial .free-trial-col img {
position: static
}
body .free-trial .free-trial-col h2 {
font-size: 20px;
margin-top: 15px
}
}
.technical-specifications {
background-color: #17494d;
float: left;
width: 100%;
clear: both;
padding-top: 54px;
padding-bottom: 67px
}
.technical-specifications>h2 {
margin: 0 0 40px 0;
padding: 0;
font-size: 40px;
color: #fff;
font-weight: 700;
text-align: center
}
.technical-specifications .row {
margin-left: -10px;
margin-right: -10px
}
.technical-specifications .row .col-sm-6 {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px
}
.technical-specifications .cols {
height: 100%;
position: relative;
padding: 23px;
padding-left: 149px;
background-color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
transition: all .3s ease-in;
min-height: 155px
}
.technical-specifications .cols:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}
.technical-specifications .cols span {
width: 111px;
height: 111px;
background-color: #17494d;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
text-align: center;
position: absolute;
top: 23px;
left: 23px;
line-height: 111px
}
.technical-specifications .cols h3 {
margin: 0;
padding: 0;
font-size: 20px;
color: #222;
font-weight: 700
}
.technical-specifications .cols p {
padding: 6px 0 0 0;
font-size: 14px;
color: #666;
line-height: 26px;
clear: both;
margin-bottom: 0
}
@media (max-width:767px) {
.technical-specifications h1 {
font-size: 22px
}
.technical-specifications .cols {
padding: 10px;
text-align: center
}
.technical-specifications .cols span {
position: static;
display: inline-block
}
.technical-specifications .cols h3 {
font-size: 20px;
margin-top: 10px
}
}
.domain {
float: left;
width: 100%;
background-color: #eef5f7;
padding-bottom: 50px;
padding-top: 50px
}
.domain .top h5 {
margin: 0;
padding: 0;
font-size: 14px;
color: #000;
text-transform: uppercase;
font-weight: 700
}
.domain .top h2 {
margin: 10px 0 10px 0;
padding: 0;
font-size: 38px;
color: #000;
font-weight: 700
}
.domain .top p {
margin: 0;
padding: 0;
font-size: 15px;
line-height: 22px;
color: #363636;
font-weight: 500
}
.testimonials-1 h6 {
color: #363636;
font-size: 15px;
line-height: 22px
}
.domain .search_box {
float: left;
min-width: 900px;
max-width: 100%;
position: relative;
border-style: solid;
border-width: 1px;
border-color: #d9d9d9;
background-color: #fff;
padding: 7px;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .17);
padding-left: 60px;
margin-top: 30px
}
.domain .search_box>img {
position: absolute;
left: 24px;
top: calc(50% - 9px)
}
.domain .search_box .search_input {
border: none;
position: absolute;
top: 0;
bottom: 0;
left: 61px;
right: 200px;
height: 100%;
width: calc(100% - 270px);
font-size: 17px;
color: #5c5c5c
}
.domain .search_box .submit {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: none;
font-weight: 700;
float: right;
min-height: 56px;
min-width: 186px;
background-color: #f51322;
font-size: 16px;
color: #fff;
text-align: center;
text-transform: uppercase
}
.domain .search_box .submit:hover {
opacity: .8
}
.domain ul.domain-options {
margin: 16px 0 0 0;
padding: 0;
float: left;
width: 100%
}
.domain ul.domain-options li {
margin: 0;
padding: 0;
font-size: 14px;
font-weight: 700;
color: #000;
float: left;
text-transform: uppercase;
margin-bottom: 10px
}
.domain ul.domain-options li span {
float: left;
width: 100%;
font-size: 12px;
color: #444;
font-weight: 400;
text-transform: none;
margin-top: 5px
}
.domain .domain-companys {
float: left;
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 48px
}
.domain .domain-companys .domain-companys-col {
background-color: #fff;
text-align: center;
padding: 15px;
min-height: 155px;
min-width: 190px;
padding-top: 30px;
margin-right: 5px;
margin-bottom: 5px
}
.domain .domain-companys .domain-companys-col:hover {
background-color: #e8e8e8;
cursor: pointer
}
.domain .domain-companys .domain-companys-col h3 {
font-size: 16px;
color: #6b6b6b;
font-weight: 400;
margin-top: 20px;
margin-bottom: 0
}
.domain .domain-companys .domain-companys-col h3 em {
font-style: normal;
font-size: 20px;
color: #232323;
vertical-align: top;
font-weight: 700;
position: relative;
top: 5px
}
.domain .domain-companys .domain-companys-col h3 b {
font-size: 28px;
color: #232323;
font-weight: 700
}
.domain .domain-companys .domain-companys-col h3 span {
color: #232323
}
.title_box5 {
float: left;
width: 100%;
padding: 10px;
font-size: 18px;
font-weight: 600;
text-align: center;
color: red;
border: 1px solid red;
border-right: 0;
border-left: 0
}
.tlds {
float: left;
width: 100%;
background-color: #17494d;
padding-top: 70px;
padding-bottom: 98px
}
.tlds .top {
margin-bottom: 40px;
float: left;
width: 100%
}
.tlds .top h2 {
margin: 0;
padding: 0;
font-size: 32px;
color: #fff;
font-weight: 800;
text-align: center;
float: left;
width: 100%
}
.tlds .top p {
font-size: 15px;
color: #fff;
line-height: 25px;
margin: 12px 0 0 0;
padding: 0;
text-align: center;
float: left;
width: 100%
}
.tlds .left h4 {
margin: 0 0 10px 0;
padding: 0;
font-size: 20px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
text-align: center
}
.tlds .left table {
width: 100%;
border-spacing: 0 5px;
border-collapse: separate
}
.tlds .left table tr th {
background-color: #efefef;
font-size: 13px;
color: #000;
padding: 8px;
font-weight: 400;
text-align: center
}
.tlds .left table tr td:first-child {
padding-left: 46px
}
.tlds .left table tr td {
box-shadow: 2.394px 6.578px 7px 0 rgba(0, 0, 0, .1);
background-color: #fff;
position: relative;
vertical-align: middle;
padding: 5px 13px
}
.tlds .left table tr td span {
background-color: #6747d5;
position: absolute;
top: 0;
left: 0;
bottom: 0;
overflow: hidden
}
.tlds .left table tr td h6 {
font-size: 16px;
color: #000;
font-weight: 600;
margin: 0
}
.tlds .left table tr td svg {
width: 20px;
height: 20px
}
.tlds .left table tr td svg path {
fill: #2bd588
}
.tlds .left table tr td small {
font-size: 11px;
color: #287bb3
}
.tlds .left table tr td:last-child h6 {
margin: 0 0 -4px 0;
padding: 0
}
.certificate {
float: left;
width: 100%;
background-image: url(../images/bg-2a.jpg);
padding-top: 75px;
padding-bottom: 75px;
background-repeat: no-repeat;
background-size: cover
}
.certificate .left img {
max-width: 95%
}
.certificate .right {
margin-top: 34px
}
.certificate .right h4 {
margin: 0;
padding: 0;
font-size: 36px;
color: #fff;
font-weight: 300
}
.certificate .right h2 {
font-size: 36px;
color: #fff;
font-weight: 800;
margin: 8px 0 0 0;
padding: 0;
text-transform: uppercase;
text-align: left
}
.certificate .right p {
font-size: 14px;
color: #fff;
margin-top: 20px
}
.certificate .right .button03 {
background-color: #fff;
color: #27ae60;
margin-top: 20px
}
@media (max-width:575px) {
.certificate .left {
text-align: center !important
}
.certificate .right {
text-align: center
}
}
.secure_col {
width: 100%;
float: left;
background-image: url(../images/img005A.jpg);
background-repeat: no-repeat;
background-size: cover;
padding-top: 100px;
padding-bottom: 50px;
background-position: center
}
.secure_col h2 {
margin: 57px 0 0 0;
padding: 0;
font-size: 29px;
color: #fff;
font-weight: 600
}
.secure_col p {
margin: 16px 0 0 0;
padding: 0;
font-size: 15px;
color: #fff;
line-height: 26px
}
.secure_col h5 {
margin: 44px 0 0 0;
padding: 0;
color: #fff;
font-size: 22px
}
.secure_col h4 {
margin: 12px 0 0 0;
padding: 0;
color: #fff;
font-size: 25px;
font-weight: 600
}
.secure_col .secure-box {
float: left;
width: 100%;
display: flex;
flex-wrap: wrap
}
.secure_col .secure-box .secure-box1 {
float: left;
width: calc(33.33% - 5px);
min-height: 165px;
background-color: #6747d5;
margin-right: 5px;
text-align: center;
align-self: center;
display: flex;
align-items: center;
cursor: pointer;
flex-wrap: wrap;
flex-direction: column;
justify-content: center
}
.secure_col .secure-box .secure-box1 svg path {
stroke: transparent
}
.secure_col .secure-box .secure-box1 h6 {
color: #fff;
font-weight: 500;
margin-top: 15px
}
.secure_col .secure-box .secure-box1:hover {
background-color: #4b17fd
}
.secure_col .secure-box1:nth-child(2) {
background-color: #ffc410
}
.secure_col .secure-box1:nth-child(2):hover {
background-color: #ecb407
}
.secure_col .secure-box1:nth-child(3) {
background-color: #fe7760
}
.secure_col .secure-box1:nth-child(3):hover {
background-color: #f54729
}
@media (max-width:767px) {
.secure_col {
padding-top: 20px;
padding-bottom: 20px
}
.secure_col h2 {
font-size: 19px;
margin-top: 30px
}
.secure_col p {
font-size: 14px;
line-height: normal
}
.secure_col h5 {
font-size: 18px;
margin-top: 25px
}
.secure_col h4 {
font-size: 16px
}
.secure_col .secure-box {
margin-top: 10px
}
.secure_col .secure-box .secure-box1 {
width: 100%;
margin-top: 10px;
min-height: inherit;
padding: 10px
}
.secure_col [class*=col-] {
width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}
.perfect-domain {
float: left;
width: 100%;
background-color: #f4f4f4;
text-align: center;
padding-top: 50px;
padding-bottom: 50px
}
.perfect-domain h1 {
font-size: 32px;
color: #000;
font-weight: 500;
line-height: 50px
}
.perfect-domain p {
margin: 20px 0 0 0;
padding: 0;
font-size: 20px
}
.perfect-domain .button03 {
margin-top: 50px;
background-color: #f51322;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0
}
.simple-steps {
float: left;
width: 100%;
padding-top: 60px;
padding-bottom: 70px
}
.simple-steps>h2 {
font-size: 35px;
color: #000;
font-weight: 700;
text-align: center;
margin-bottom: 60px
}
.simple-steps .simple-col {
text-align: center;
display: inline-block;
padding: 20px 15px 25px;
transition: all .3s ease-in
}
.simple-steps .simple-col img {
max-width: 100%
}
.simple-steps .simple-col h3 {
margin: 15px 0 0 0;
padding: 0;
font-size: 18px;
color: #000;
font-weight: 700
}
.simple-steps .simple-col p {
font-size: 15px;
margin: 12px 0 0 0;
padding: 0;
float: left;
width: 100%
}
.toll-free {
float: left;
width: 100%;
background-color: #b91c25
}
.toll-free .row {
min-height: 165px;
justify-content: center;
align-self: center;
align-items: center
}
.toll-free .toll-free-col {
position: relative;
padding-left: 130px;
min-height: 93px
}
.toll-free .toll-free-col img,
.toll-free .toll-free-col svg {
position: absolute;
top: 0;
left: 0
}
.toll-free .toll-free-col h6 {
margin: 0;
padding: 0;
font-size: 16px;
color: #fff;
text-transform: uppercase;
font-weight: 400
}
.toll-free .toll-free-col h5 {
margin: 3px 0;
padding: 0;
font-size: 24px;
color: #fff
}
.toll-free .toll-free-col span {
font-size: 15px;
color: #b6b5b3
}
.install {
float: left;
width: 100%;
background-color: #eaeff2;
padding-top: 95px;
padding-bottom: 110px
}
.install .left img {
max-width: 100%
}
.install .right {
padding-top: 30px
}
.install .right h2 {
margin: 0;
padding: 0;
font-size: 32px;
color: #000
}
.install .right p {
margin: 14px 0 0 0;
padding: 0;
font-size: 16px;
color: #48484a;
line-height: 28px
}
.install .right a {
font-size: 14px;
color: #5c4f95;
text-decoration: underline;
font-weight: 700;
margin-top: 23px;
float: left
}
@media (max-width:767px) {
.install {
padding-top: 45px;
padding-bottom: 45px
}
.install div[class*=col-] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
text-align: center
}
.install .left,
.install .right {
text-align: center
}
.install .right h2 {
font-size: 18px
}
.install .right p {
font-size: 14px;
line-height: 22px
}
.install .right a {
float: none;
display: inline-block;
font-size: 14px
}
}
.business-row {
float: left;
width: 100%;
background-image: url(../images/banner03.jpg);
background-size: cover;
background-repeat: no-repeat;
padding-top: 88px;
padding-bottom: 113px;
background-position: center
}
.business-row .left h2 {
margin: 0;
padding: 0;
color: #222;
font-weight: 700;
line-height: 45px
}
.business-row .left p {
margin: 0;
padding: 0;
color: #222;
margin-top: 15px;
margin-bottom: 20px;
font-size: 15px;
line-height: 28px;
font-weight: 400
}
.business-row .left .button03 {
background-color: #f51322;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin-top: 10px
}
.nav_bar {
position: relative
}
.nav_bar ul.navbar-nav li {
position: static
}
.nav_bar .megamenu {
width: 100%;
left: 0;
right: 0;
top: 57px !important;
padding: 0 0;
transform: translate3d(0, 0, 0) !important
}
.nav_bar .megamenu .drow_menu {
margin-top: 50px;
padding-bottom: 15px
}
.nav_bar .megamenu .drow_menu>h3 {
margin: 0 0 10px 0;
padding: 0;
font-size: 25px;
font-weight: 700
}
.nav_bar .megamenu .drow_menu a {
color: #000 !important
}
.nav_bar .megamenu .drow_menu a:hover {
color: #f51322 !important;
background: #eee
}
.nav_bar .megamenu .drow_menu h5 {
position: relative;
display: block;
width: 100%;
padding-bottom: 5px;
margin-left: 17px
}
.nav_bar .megamenu .drow_menu h5:after {
content: "";
border-bottom: 2px solid #c71d22;
width: 50%;
position: absolute;
bottom: 0;
left: 0
}
.nav_bar .megamenu .drow_menu img {
margin-right: 7px
}
.nav_bar .megamenu .drow_menu .nav li a {
padding: .5rem 1rem;
border: none
}
.nav_bar .megamenu .register {
background: #fff;
padding: 30px;
box-shadow: 0 5px 15px #ddd
}
.nav_bar .megamenu .register h2 {
color: #17494d
}
.nav_bar .megamenu .register h1,
.nav_bar .megamenu .register h2.tld-list-show-price {
color: #f51322;
border-bottom: 2px solid #f51322;
padding-bottom: 4px
}
.nav_bar .megamenu .learn_btn {
border-radius: 0;
border: 3px solid #ddd;
padding: 5px 25px;
background: 0 0;
color: #000
}
.nav_bar .megamenu .carousel-control-next,
.nav_bar .megamenu .carousel-control-prev {
display: none
}
.nav_bar .megamenu .carousel-indicators li:after {
position: absolute;
bottom: -10px;
left: 8px;
display: inline-block;
padding: 4px;
content: "";
border-radius: 50%;
width: 4px;
border: 1px solid #999
}
.nav_bar .megamenu .menu_bottom {
border-top: 1px solid #ddd;
padding-top: 15px;
float: left;
padding-bottom: 12px
}
.nav_bar .megamenu .menu_bottom span {
border-right: 1px solid #616161;
padding-right: 25px;
float: left
}
.nav_bar .megamenu .menu_bottom a {
color: #000 !important;
padding: 0;
padding-left: 25px
}
.nav_bar .megamenu .menu_bottom i {
margin-right: 8px;
color: #616161
}
.nav_bar .megamenu .carousel-indicators li {
position: relative !important
}
@media (max-width:1199px) {
.nav_bar .megamenu {
top: 53px !important
}
.nav_bar .megamenu .register h1 {
font-size: 18px
}
.nav_bar .megamenu .drow_menu .nav li a {
font-size: 13px
}
.nav_bar .megamenu .menu_bottom span {
font-size: 12px
}
.nav_bar .megamenu .menu_bottom a {
float: left;
width: auto;
font-size: 12px
}
}
@media (max-width:767px) {
.nav_bar .megamenu .drow_menu h3 {
font-size: 18px
}
.nav_bar .megamenu .drow_menu p {
font-size: 13px
}
.nav_bar .megamenu .drow_menu h5 {
font-size: 15px
}
}
@media (max-width:1199px) {
.domain .top h2 {
font-size: 28px
}
.domain .top p {
font-size: 15px
}
.domain .top p br {
display: none
}
.domain .domain-companys .domain-companys-col {
width: calc(20% - 5px);
min-width: inherit;
float: left
}
.price_list .price_grid .price_box {
padding-top: 10px
}
.price_list .price_grid .price_box:after {
display: none
}
.price_list .price_grid .price_grid_list {
margin-top: 20px
}
}
@media (max-width:767px) {
.dedicated_servers {
margin-top: 30px;
margin-bottom: 20px
}
body .dedicated_servers .dedicated_servers_top h2 {
font-size: 20px
}
.dedicated_servers .right .results_box .col1,
.dedicated_servers .right .results_box .col1.col2 {
flex: 0 0 50%;
width: 50%;
border-bottom: 1px solid #ccc
}
.dedicated_servers .right .results_box .col1:last-child {
flex: 0 0 100% !important;
width: 100%;
border-bottom: none !important
}
.features-option2 {
padding-top: 20px;
padding-bottom: 20px
}
.features-option2 .top {
margin-bottom: 15px
}
.features-option2 .top h2 {
font-size: 22px
}
.features-option2 .features-col {
margin: 30px 0
}
.operating-system {
padding: 30px 0
}
.operating-system .left {
text-align: center
}
.operating-system .left h1 {
font-size: 22px
}
.operating-system .left p {
font-size: 14px;
line-height: 24px
}
.operating-system .left p br {
display: none
}
.operating-system .operating-table table td {
font-size: 13px
}
.why-choose {
padding: 30px 0;
text-align: center
}
.why-choose .top {
margin-bottom: 20px
}
.why-choose .top h2 {
font-size: 22px
}
.why-choose .top p {
font-size: 14px
}
.why-choose .choose-col {
text-align: center;
margin-bottom: 15px
}
.frequbntly_asked .top h5 {
font-size: 20px
}
.frequbntly_asked .top h2 {
font-size: 20px
}
.frequbntly_asked .question_answers {
padding-left: 30px;
padding-top: 10px;
padding-bottom: 10px
}
.frequbntly_asked .question_answers>span {
font-size: 12px
}
.frequbntly_asked .question_answers .question {
font-size: 12px;
padding-right: 22px
}
.frequbntly_asked .question_answers .collapse {
font-size: 13px;
line-height: normal
}
.dedicated-server {
padding: 20px 0
}
.dedicated-server .item>img {
max-width: 100%
}
.dedicated-server .item h2 {
font-size: 22px
}
.dedicated-server .item p {
font-size: 13px
}
.dedicated-server .item p br {
display: none
}
.dedicated-server .item .dedicated_box {
width: 100%;
max-width: 100%
}
.dedicated-server .item .dedicated_box .dedicated_box_col {
width: 100%;
text-align: center;
margin-top: 10px
}
.dedicated-server .item .dedicated_box .dedicated_box_col .gol {
margin: 0 auto
}
.dedicated-server .item .dedicated_box .dedicated_box_col .button02 {
float: none;
margin: 10px auto 0;
display: inline-block
}
.domain {
padding: 40px 0
}
.domain .top h2 {
font-size: 20px
}
body .domain .search_box {
padding: 10px
}
.domain .search_box>img {
display: none
}
.domain .search_box .search_input {
width: 100%;
height: 40px;
position: static
}
.domain .search_box .submit {
width: 100%;
min-height: 40px;
margin-top: 10px
}
.domain ul.domain-options li {
width: 50%;
margin-bottom: 5px;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 10px
}
.domain .domain-companys {
margin-top: 10px
}
.domain .domain-companys .domain-companys-col {
width: 100%
}
.tlds {
padding: 30px 0
}
.tlds .top h2 {
font-size: 22px
}
.tlds .left {
margin-bottom: 10px
}
.tlds div[class*=col-] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.tlds div.offset-sm-1 {
margin-left: 0
}
.perfect-domain {
padding: 20px 10px
}
.simple-steps .row {
display: block
}
.simple-steps h1 {
font-size: 20px;
margin-bottom: 25px
}
.simple-steps .simple-col {
margin-bottom: 24px;
float: left;
width: 100%
}
.simple-steps div[class*=col-] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.toll-free {
padding-top: 20px;
padding-bottom: 10px
}
.toll-free .toll-free-col {
padding-left: 60px;
margin-bottom: 15px;
min-height: initial
}
.toll-free .toll-free-col svg {
width: 50px;
height: 50px
}
.business-row .left h2 {
font-size: 20px
}
.business-row .left p {
font-size: 14px;
line-height: 25px
}
.price_list {
padding: 40px 0
}
.price_list h2 {
font-size: 22px
}
.price_list div[class*=col-] {
-ms-flex: 0 0 100% !important;
flex: 0 0 100% !important;
max-width: 100% !important
}
}
#main-body .left .navbar-toggler {
float: right;
font-size: 28px;
margin-right: -14px;
padding: 5px;
outline: 0
}
@media (min-width:992px) {
.header .navbar-toggler,
.header .navbar-toggler.hc-nav-trigger.hc-nav-1 {
display: none
}
#main-body .left .navbar-toggler {
display: none
}
}
@media (max-width:993px) {
#main-body .left .sideLinks {
display: none
}
#main-body .left .side_menu {
margin-bottom: 15px
}
#main-body .left .side_menu .dropdown_top {
width: 100%
}
}
.w100p {
width: 100% !important
}
.button04 {
background-color: #f51322;
border: 1px solid #f51322;
font-size: 14px;
padding: 15px;
color: #fff;
float: left;
text-transform: uppercase
}
.button04:hover {
background-color: #fff;
color: #f51322
}
.cpanel_banner {
float: left;
width: 100%;
background-color: #eef5f7;
background-image: url(../images/cpanel-back.png);
background-repeat: no-repeat;
background-position: right bottom;
padding: 75px 0
}
.cpanel_banner .left {
padding-top: 45px
}
.cpanel_banner .left h2 {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 37px;
color: #000;
text-transform: uppercase
}
.cpanel_banner .left h2 span {
color: #f51322
}
.cpanel_banner .left h6 {
margin: 16px 0 0 0;
padding: 0;
font-size: 18px;
color: #000;
font-style: italic;
font-weight: 700
}
.cpanel_banner .left p {
margin: 20px 0 0 0;
padding: 0;
font-size: 16px;
color: #4b4949;
line-height: 27px
}
.cpanel_banner .right img {
max-width: 100%
}
.developer_friendly {
background-image: url(../images/developer_friendly_back.png);
background-color: #fff;
padding-bottom: 40px
}
.developer_friendly .left {
padding-top: 0
}
.enterprise_servers {
background-image: none;
background-color: #fafcfd
}
@media (max-width:575px) {
#order-standard_cart div#domainRegistrantInputFields .col-sm-6 {
padding-right: 0
}
.cpanel_banner {
padding: 20px 0
}
.cpanel_banner .left {
padding-top: 0
}
.cpanel_banner .left h2 {
font-size: 20px
}
.cpanel_banner .left h6 {
font-size: 14px
}
.cpanel_banner .left p {
font-size: 13px;
line-height: normal
}
.cpanel_banner .right {
margin-top: 15px;
text-align: center
}
.developer_friendly,
.wordpress_banner {
background-image: none !important
}
.wordpress_banner {
padding-bottom: 0 !important
}
.wordpress_banner .col-sm-6 {
padding-bottom: 0 !important
}
}
.register-domain-banner {
float: left;
width: 100%;
background-color: #464646;
padding: 75px 0
}
.register-domain-banner h1 {
margin: 0;
padding: 0;
font-size: 42px;
color: #fff;
font-weight: 700;
text-transform: uppercase
}
.register-domain-banner p {
margin: 13px 0 0 0;
padding: 0;
font-size: 16px;
color: #fff
}
.register-domain-section {
clear: both;
float: left;
width: 100%;
padding-top: 25px;
padding-bottom: 25px
}
.register-domain-section .panel-sidebar {
margin-bottom: 19px
}
.register-domain-section .panel-sidebar .panel-heading {
padding: 0
}
.register-domain-section .panel-sidebar .panel-heading .panel-title {
margin: 0;
padding: 11px 0 12px 0;
background-color: #545454;
font-size: 14px;
color: #fff;
font-weight: 700;
position: relative;
padding-left: 30px
}
.register-domain-section .panel-sidebar .panel-heading .panel-title .fa {
position: absolute;
top: 14px;
left: 11px;
color: #fff;
font-size: 13px
}
.register-domain-section .panel-sidebar .list-group {
padding: 0 14px;
margin: 0;
border: 1px solid #dbd8d8
}
.register-domain-section .panel-sidebar .list-group a {
border: none;
padding: 10px 0;
margin: 0;
font-size: 13px;
color: #404040;
border-bottom: 1px dashed #ececec;
padding-left: 18px;
position: relative
}
.register-domain-section .panel-sidebar .list-group a>.fa {
position: absolute;
left: 0;
top: 13px
}
.register-domain-section .panel-sidebar .list-group a:last-child {
border-bottom: none
}
.register-domain-section .panel-sidebar .list-group label {
border: none;
padding: 10px 0;
margin: 0;
font-size: 13px;
color: #404040;
border-bottom: 1px dashed #ececec;
padding-left: 18px;
position: relative
}
.register-domain-section .panel-sidebar .list-group label input {
position: absolute;
left: 0;
top: 14px
}
.register-domain-section .right {
float: left;
width: 100%
}
.register-domain-section .right .search_domain {
float: left;
width: 100%;
border: 1px solid #dcd9d9;
background-color: #fbfbfb;
padding: 23px 25px 25px 25px
}
.register-domain-section .right .search_domain h2 {
margin: 0;
padding: 0;
font-size: 18px;
color: #000;
font-weight: 700
}
.register-domain-section .right .search_domain .search_domain_in {
float: left;
width: 100%;
background-color: #e0e0e0;
padding: 13px;
position: relative;
margin-top: 9px
}
.register-domain-section .right .search_domain .search_domain_in .form-control {
height: 74px !important;
min-height: 74px;
border: 1px solid #dbd8d8;
background-color: #fff;
box-shadow: none;
border-radius: 0;
font-size: 18px;
color: #b0b0b0;
padding-right: 178px
}
.register-domain-section .right .search_domain .search_domain_in .btn {
background-image: url(../images/search-icon1.png);
background-repeat: no-repeat;
background-position: calc(100% - 32px);
padding-right: 40px;
font-weight: 700;
height: 74px;
width: 175px;
font-size: 18px;
color: #fff;
text-transform: uppercase;
position: absolute;
top: 13px;
right: 13px;
background-color: #f51322;
border-radius: 0
}
.register-domain-section .right .domain_row {
float: left;
width: 100%;
margin-top: 30px
}
.register-domain-section .right .domain_row .row {
margin-right: -10px;
margin-left: -10px
}
.register-domain-section .right .domain_row .domain_colos {
float: left;
box-shadow: 0 0 19px 0 rgba(0, 0, 0, .09);
text-align: center;
width: calc(20% - 20px);
margin: 0 10px;
padding: 15px 0;
background-repeat: no-repeat;
background-position: right top;
background: #fbfbfb
}
.domain_row .featured-tlds-container {
width: 100%
}
.register-domain-section .right .spotlight-tlds-container .domain_row .domain_colos {
box-shadow: none;
text-align: center;
width: 100%;
margin: 0;
display: inline-block;
background: #fbfbfb
}
.register-domain-section .right .domain_row .domain_colos h2 {
margin: 0;
padding: 0;
font-size: 19px;
font-weight: 700;
color: #000;
float: left;
width: 100%
}
.domain_colos .img-container img {
height: 25px !important
}
.register-domain-section .right .domain_row .domain_colos h2 small {
font-size: 17px;
color: grey;
font-weight: 700
}
.register-domain-section .right .domain_row .domain_colos .small-button {
font-size: 12px;
border: 1px solid #f51322;
background: #fff;
padding: 3px;
min-width: 83px;
color: #f51322;
text-align: center;
display: inline-block;
margin-top: 9px
}
.register-domain-section .right .domain_row .domain_colos .small-button:hover {
background-color: #f51322;
color: #fff
}
.register-domain-section .right .domain_row .domain_colos .d-small-button {
background-color: #b0b0b0;
color: #fafafa;
border-color: #b0b0b0;
pointer-events: none
}
.domainResultsWithProducts button.btn.unavailable {
background-color: rgb(176, 176, 176);
color: rgb(250, 250, 250);
border-color: rgb(176, 176, 176);
pointer-events: none;
border-radius: 0;
padding: 3px;
font-size: 12px;
}
.register-domain-section .right .domain_row .new {
background-image: url(../images/new_bar.png)
}
.register-domain-section .right .domain_row .hot {
background-image: url(../images/hot_bar.png)
}
.register-domain-section .right .domain_row .sale {
background-image: url(../images/sale_bar.png)
}
.register-domain-section .right .domain_row .domain_colos:nth-child(1) h2 {
color: #f51322
}
.register-domain-section .right .domain_row .domain_colos:nth-child(3) h2 {
color: #c0392b
}
.register-domain-section .right .domain_row .domain_colos:nth-child(4) h2 {
color: #ff4757
}
.register-domain-section .right .domain_row .domain_colos:nth-child(5) h2 {
color: #9a5db4
}
.register-domain-section .browse_extensions {
float: left;
margin-top: 57px;
width: 100%
}
.register-domain-section .browse_extensions>h2 {
margin: 0;
padding: 0;
font-size: 18px;
color: #000;
font-weight: 700
}
.register-domain-section .browse_extensions ul.nav {
margin-top: 19px
}
.register-domain-section .browse_extensions ul.nav li a {
font-size: 13px;
color: #2a2a2a;
background-color: #f3f3f3;
border-top: 4px solid transparent;
padding: 14px 25px 18px 25px;
text-transform: uppercase;
border-right: 1px solid #dbdbdb;
position: relative
}
.register-domain-section .browse_extensions ul.nav li a:after {
content: "";
border-right: 1px solid #fefefe;
position: absolute;
top: 0;
right: 0;
bottom: 0
}
.register-domain-section .browse_extensions ul.nav li:last-child a {
border-right: none
}
.register-domain-section .browse_extensions ul.nav li:last-child a:after {
display: none
}
.register-domain-section .browse_extensions ul.nav a.active {
border-top: 4px solid #f51322;
color: #f51322
}
.register-domain-section .browse_extensions .domain_table {
width: 100%;
float: left;
margin-top: 15px
}
.register-domain-section .browse_extensions .domain_table table {
width: 100%;
border-collapse: separate;
border-spacing: 0 10px
}
.register-domain-section .browse_extensions .domain_table table tr th {
padding: 10px 20px
}
.register-domain-section .browse_extensions .domain_table table tr td {
font-size: 16px;
color: #404040;
font-weight: 700;
padding: 25px 20px;
border: 1px solid #d9e0e2;
border-right: none;
border-left: none
}
.register-domain-section .browse_extensions .domain_table table tr td small {
font-size: 15px;
color: #404040
}
.register-domain-section .browse_extensions .domain_table table tr:first-child {
border: none
}
.register-domain-section .browse_extensions .domain_table table tr:first-child th {
padding-bottom: 0;
font-size: 14px;
color: grey;
font-weight: 700
}
.register-domain-section .browse_extensions .domain_table table tr td:first-child {
border-left: 1px solid #d9e0e2;
background-repeat: no-repeat
}
.register-domain-section .browse_extensions .domain_table table tr td:last-child {
border-right: 1px solid #d9e0e2
}
.register-domain-section .browse_extensions .domain_table table tr.hot td:first-child {
background-image: url(../images/hot_bar_left.png)
}
.register-domain-section .browse_extensions .domain_table table tr.new td:first-child {
background-image: url(../images/new_bar_left.png)
}
.register-domain-section .browse_extensions .domain_table table tr.sale td:first-child {
background-image: url(../images/sale_bar_left.png)
}
#domainSuggestions .domain-suggestion.list-group-item.clone,
.register-domain-section .browse_extensions .domain_table li {
padding: 14px 20px 14px 20px
}
.register-domain-section .browse_extensions .domain_table li .domain {
font-size: 16px;
color: #404040;
font-weight: 600;
padding: 0;
border: none;
float: inherit;
width: auto;
background-color: inherit
}
.domain-name .extension,
.register-domain-section .browse_extensions .domain_table li .extension, .domainResultsWithProducts .domain-suggestion .domain {
font-size: 16px;
color: #404040;
font-weight: 600 !important;
padding: 0;
border: none;
float: inherit;
width: auto;
background-color: inherit
}
.register-domain-section .browse_extensions .domain_table li .price,
.wgs-domains .price {
font-size: 16px;
font-weight: bolder;
color: #404040
}
.register-domain-section .browse_extensions .domain_table li.hot {
background-image: url(../images/hot_bar_left.png);
background-repeat: no-repeat
}
.register-domain-section .browse_extensions .domain_table li.new {
background-image: url(../images/new_bar_left.png);
background-repeat: no-repeat
}
.register-domain-section .browse_extensions .domain_table li.sale {
background-image: url(../images/sale_bar_left.png);
background-repeat: no-repeat
}
.register-domain-section .add_web_hosting {
float: left;
width: 100%;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, .1);
padding: 35px;
margin-top: 20px
}
.register-domain-section .add_web_hosting .box {
text-align: center
}
.register-domain-section .add_web_hosting .box h2 {
margin: 23px 0 0 0;
padding: 0;
font-size: 16px;
color: #414141;
text-transform: uppercase;
font-weight: 700
}
.register-domain-section .add_web_hosting .box p {
margin: 9px 0 0 0;
padding: 0;
font-size: 13px;
color: #6e6e6e
}
.register-domain-section .add_web_hosting .box .button01 {
font-size: 14px;
background-color: #f51322;
border: 1px #f51322 solid;
min-height: 51px;
min-width: 178px;
line-height: 35px;
color: #fff;
padding: 7px 15px;
display: inline-block;
margin-top: 21px
}
.register-domain-section .add_web_hosting .box .button01:hover {
background-color: transparent;
color: #f51322
}
.register-domain-section .add_web_hosting .col-sm-6:last-child {
position: relative
}
.register-domain-section .add_web_hosting .col-sm-6:last-child:after {
content: "";
width: 1px;
background-color: #e5e5e5;
display: inline-block;
top: 0;
bottom: 0;
position: absolute
}
.register-domain-section .add_web_hosting .col-sm-6:last-child .button01 {
background-color: #17494d;
border: 1px solid #17494d
}
.register-domain-section .add_web_hosting .col-sm-6:last-child .button01:hover {
background-color: transparent;
color: #17494d
}
.register-domain-banner2 {
background-repeat: no-repeat;
background-size: cover
}
.register-domain-banner2 h1 {
color: #f51322
}
.register-domain-banner2 p {
color: #000
}
.domain_table1 {
margin-top: 0 !important;
margin-bottom: 30px
}
.domain_table1>p {
margin: 0;
padding: 0
}
.domain_table1 .button01 {
background-color: #f51322;
color: #fff;
font-size: 13px;
color: #fff;
padding: 10px 16px;
display: inline-block;
font-weight: 500;
border: none;
white-space: nowrap;
min-width: 82px;
width: auto !important
}
.domain_table1 table tr td {
padding-top: 15px !important;
padding-bottom: 15px !important
}
.domain_table1 table tr td b {
font-size: 24px
}
.domain_table1 .suggestions_button {
font-size: 14px;
background-color: #ffc410;
color: #fff;
padding: 12px 20px;
display: table;
font-weight: 700;
text-transform: uppercase;
margin-top: 25px;
margin-bottom: 20px
}
.inner-content-area .form-group {
margin-bottom: 20px;
}
@media (max-width:1199px) {
.register-domain-section .right .domain_row .domain_colos h2 {
font-size: 15px
}
.register-domain-section .right .domain_row .domain_colos h2 small {
font-size: 13px
}
}
@media (max-width:767px) {
.register-domain-banner {
padding: 25px 0
}
.register-domain-banner h1 {
font-size: 20px
}
.register-domain-banner p {
font-size: 14px
}
.register-domain-banner p br {
display: none
}
.register-domain-section {
padding-top: 22px;
padding-bottom: 30px
}
.register-domain-section .right .search_domain {
padding: 5px
}
.register-domain-section .right .search_domain h2 {
font-size: 14px
}
.register-domain-section .right .search_domain .search_domain_in {
padding: 5px
}
.register-domain-section .right .search_domain .search_domain_in .form-control {
padding: 5px;
font-size: 14px
}
.register-domain-section .right .search_domain .search_domain_in .btn {
position: static;
width: 100%;
float: left;
margin-top: 10px;
font-size: 14px
}
.register-domain-section .right .domain_row .domain_colos {
width: 100%;
margin-bottom: 20px
}
.register-domain-section .browse_extensions {
margin-top: 18px
}
.register-domain-section .browse_extensions .nav li {
float: left;
width: 100%;
margin-bottom: 10px
}
.register-domain-section .browse_extensions .nav li a {
float: left;
width: 100%;
padding: 10px
}
.register-domain-section .browse_extensions .domain_table {
overflow-y: hidden;
overflow-x: scroll
}
.register-domain-section .browse_extensions .domain_table table tr td,
.register-domain-section .browse_extensions .domain_table table tr th {
font-size: 13px
}
}
.choose-more-product {
float: left;
width: 100%;
padding: 15px 0 30px 0
}
.choose-more-product .slick-slide {
padding-top: 15px;
padding-bottom: 15px
}
.choose-more-product .top {
float: left;
width: 100%;
margin-bottom: 22px
}
.choose-more-product .top h3 {
margin: 0;
padding: 0;
font-size: 18px;
color: #000;
font-weight: 700;
padding-left: 24px;
position: relative;
float: left
}
.choose-more-product .top h3>i {
position: absolute;
top: 4px;
left: 0
}
.choose-more-product .top .right-links a {
font-size: 14px;
color: #616161;
padding-left: 23px;
margin-left: 22px;
position: relative
}
.choose-more-product .top .right-links a i {
position: absolute;
left: 0;
top: 4px
}
.choose-more-product .more-product-col {
flex-direction: column;
min-height: 170px;
display: flex;
flex-wrap: wrap;
align-items: center;
align-self: center;
align-content: center;
justify-content: center;
float: left;
width: 100%;
background-color: #fff;
box-shadow: 0 0 17px 0 rgba(0, 0, 0, .14);
text-align: center;
border-bottom: 3px solid #6747d5
}
.choose-more-product .more-product-col h3 {
margin: 16px 0 0 0;
padding: 0;
font-size: 16px;
color: #000;
float: left
}
.choose-more-product .row {
margin-left: -7px;
margin-right: -7px
}
.choose-more-product .row>div[class*=col-] {
padding-left: 7px;
padding-right: 7px;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.choose-more-product .col-sm-2:nth-child(1) .more-product-col {
border-bottom: 3px solid #ac9ae8
}
.choose-more-product .col-sm-2:nth-child(2) .more-product-col {
border-bottom: 3px solid #fee494
}
.choose-more-product .col-sm-2:nth-child(3) .more-product-col {
border-bottom: 3px solid #9b93bf
}
.choose-more-product .col-sm-2:nth-child(4) .more-product-col {
border-bottom: 3px solid #feb4a8
}
.choose-more-product .col-sm-2:nth-child(5) .more-product-col {
border-bottom: 3px solid #74cfed
}
@media (max-width:767px) {
.choose-more-product .top h3 {
float: left;
width: 100%;
margin-bottom: 10px
}
.choose-more-product .top .right-links {
float: left !important
}
.choose-more-product .top .right-links a {
margin-left: 0;
margin-right: 6px
}
.choose-more-product .row {
margin-left: -7px;
margin-right: -7px
}
.choose-more-product .row>div[class*=col-] {
padding-left: 7px;
padding-right: 7px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.choose-more-product .row>div[class*=col-] .more-product-col {
margin-bottom: 15px
}
}
.submitticketstepone p {
width: 100%;
padding: 25px 0 10px 0;
float: left
}
.submitticketstepone .col-md-4 {
max-width: 30.333333% !important;
line-height: 30px
}
.submitticketstepone span {
color: #ccc
}
.submitticketstepone .ticketh3 {
font-weight: 700;
margin-top: 25px;
float: left;
width: 100%
}
.shared-hosting {
float: left;
width: 100%;
padding: 57px 0
}
.shared-hosting .left .row {
margin-left: -7.5px;
margin-right: -7.5px
}
.shared-hosting .left .row div[class*=col-] {
padding-left: 7.5px;
padding-right: 7.5px
}
.shared-hosting .left .heding {
font-size: 18px;
font-weight: 700;
color: #000;
margin: 0;
padding: 0 0 18px 0;
border-bottom: 2px dashed #e3e3e3
}
.shared-hosting .left .personal_section {
float: left;
width: 100%;
padding: 40px 26px 35px 26px
}
.shared-hosting .left .personal_section h2 {
margin: 0;
padding: 0;
font-size: 18px;
color: #6747d5;
font-weight: 700
}
.shared-hosting .left .personal_section p {
margin: 5px 0 0 0;
padding: 0;
font-size: 13px;
color: #9a9a9a;
font-weight: 300
}
.shared-hosting .left .personal_section ul {
float: left;
width: calc(33.333% - 10px);
margin: 30px 0 0 0;
padding: 0;
margin-right: 10px
}
.shared-hosting .left .personal_section ul li {
float: left;
width: 100%;
margin: 0 0 5px 0;
padding: 0
}
.shared-hosting .left .personal_section ul li a {
margin: 0;
padding: 0;
font-size: 13px;
color: #414141;
position: relative;
padding-left: 20px
}
.shared-hosting .left .personal_section ul li a:before {
mask: url(../images/check.svg);
-moz-mask: url(../images/check.svg);
content: "";
-webkit-mask: url(../images/check.svg);
width: 11px;
height: 8px;
background-color: #00f;
position: absolute;
left: 0;
top: calc(50% - 3px)
}
.shared-hosting .left .additional_info {
float: left;
width: 100%;
padding-top: 29px
}
.shared-hosting .left .additional_info h3 {
margin: 0 0 13px 0;
padding: 0;
font-size: 18px;
color: #f51322;
font-weight: 700
}
.shared-hosting .left .assistance {
font-size: 14px;
color: #a4a4a4
}
.shared-hosting .left .assistance a {
color: #f51322;
text-decoration: underline
}
.shared-hosting .right {
float: left;
width: 100%
}
.shared-hosting .right h1 {
margin: 0;
padding: 0;
font-size: 20px;
color: #000;
font-weight: 700
}
.shared-hosting .right .order_summary {
border: 1px solid #dbd8d8;
float: left;
width: 100%;
margin-top: 19px
}
.shared-hosting .right ul.subtotal {
margin: 0;
float: left;
width: 100%
}
.shared-hosting .right ul.subtotal li {
float: left;
width: 100%;
font-size: 15px;
color: #000;
margin-bottom: 15px
}
.shared-hosting .right ul.subtotal li b {
float: right;
font-size: 20px;
font-weight: 600;
color: #404040
}
.shared-hosting .right ul.subtotal li small {
float: right;
font-size: 13px;
color: #3a3a3a
}
.shared-hosting .right .promo_code {
border-bottom: 2px dashed #e0e0e0;
border-top: 2px dashed #e0e0e0;
float: left;
width: 100%
}
.shared-hosting .right .promo_code label {
font-size: 15px;
color: #000;
font-weight: 400
}
.shared-hosting .right .promo_code .promo_box {
position: relative
}
.shared-hosting .right .promo_code .promo_box .input {
border: 1px dashed #bdbdbd;
font-size: 14px;
color: #a0a0a0;
min-height: 38px;
padding: 10px;
padding-right: 90px;
width: 100%
}
.shared-hosting .right .promo_code .promo_box input[type=submit] {
width: 84px;
background-color: #17494d;
font-size: 14px;
color: #fff;
text-align: center;
min-height: 43px;
border: none;
top: 0;
position: absolute;
right: 0;
border-radius: 0
}
.shared-hosting .right .total_due_today {
float: left;
width: 100%
}
.shared-hosting .right .total_due_today h3 {
margin: 0;
padding: 0;
font-size: 16px;
color: #000;
font-weight: 700
}
.shared-hosting .right .total_due_today h3 b {
float: right;
font-size: 26px;
color: #17494d;
font-weight: 600
}
.shared-hosting .right .total_due_today .big_button {
width: 100%;
font-size: 18px;
color: #fff;
border: 1px solid #f51322;
background-color: #f51322;
text-align: center;
float: left;
border-radius: 0;
padding: 12px 10px;
margin-top: 16px
}
.shared-hosting .right .total_due_today .big_button:hover {
background-color: transparent;
color: #f51322
}
.shared-hosting .right .promo_code,
.shared-hosting .right .subtotal,
.shared-hosting .right .total_due_today {
padding: 25px 28px
}
.shared-hosting .form-group label {
font-size: 13px;
color: #919191;
font-weight: 300
}
.shared-hosting .form-group .form-control {
height: 50px !important;
border-color: #c5c5c5;
box-shadow: none;
border-radius: 0;
font-size: 14px;
color: #000
}
.shared-hosting .form-group select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(../images/select-icon.png) !important;
background-repeat: no-repeat !important;
padding-right: 33px;
background-position: calc(100% - 13px) !important
}
.shared-hosting .form-group select::-ms-expand {
display: none
}
.shared-hosting .form-group textarea.form-control {
height: 120px !important
}
.shared-hosting .custom_checkbox,
.shared-hosting .radio_input {
font-size: 14px !important;
color: #404040 !important;
font-weight: 600 !important;
padding-left: 0
}
.shared-hosting .radio_input span {
display: none
}
.shared-hosting .radio_input span:after {
height: 9px !important;
width: 9px !important;
top: 3px !important;
display: none !important
}
.shared-hosting .radio_input {
line-height: 20px
}
.shared-hosting .custom_checkbox span {
display: none
}
.shared-hosting .custom_checkbox span:after {
display: none
}
a,
button input[type=submit] {
transition: all ease .5s;
-moz-transition: all ease .5s;
-webkit-transition: all ease .5s
}
@media (max-width:1200px) {
.shared-hosting .right .total_due_today h3 {
font-size: 14px
}
.shared-hosting .right .total_due_today h3 b {
font-size: 15px
}
}
@media (max-width:767px) {
.shared-hosting {
padding: 30px 0
}
.shared-hosting .left .personal_section ul {
width: 100%
}
}
.choose_a_domain {
float: left;
width: 100%
}
.choose_a_domain .domain-selection-options .option {
margin: 0;
padding: 0;
background-color: #fff;
border-style: solid;
border-width: 1px;
border-color: #f1f1f1;
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 9px 0 rgba(0, 0, 0, .12)
}
.choose_a_domain .domain-selection-options .option .option_top {
float: left;
width: 100%;
border-bottom: 1px dashed #e3e3e3;
font-size: 15px;
color: #000;
font-weight: 700
}
.register_page .min_box {
float: left;
width: 100%;
box-shadow: 0 0 16px 0 rgba(0, 0, 0, .12);
padding: 54px;
margin-top: 23px
}
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-label {
display: inline-block
}
@media (max-width:1400px) {
.register_page {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width:1080px) {
.register_page .left {
width: 200px
}
.register_page .left>img {
width: 100%
}
.register_page .right {
width: calc(100% - 200px)
}
}
@media (max-width:767px) {
.register_page {
padding-left: 0;
padding-right: 0;
background-image: none;
border-top: 1px solid #ccc;
padding-top: 20px
}
.register_page .right>h1 {
width: 100%;
text-align: center;
font-size: 18px !important;
margin-bottom: 10px !important
}
.register_page .right .personal_information_form [class*=col-] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.register_page .right .personal_information_form .form-group {
margin-bottom: 20px
}
.register_page .right .nav {
width: 100%
}
.register_page .right .nav li {
float: left;
width: 100%
}
.register_page .right .nav li a {
float: left;
width: 100%;
text-align: center
}
.register_page .min_box {
padding-top: 5px
}
.register_page .min_box .button03 {
width: 100%;
min-width: inherit
}
}
#order-standard_cart .configureDomainsDiv .panel-addon {
box-shadow: 0 0 19px 0 rgba(0, 0, 0, .09);
border: none;
padding: 10px 10px 40px 10px;
min-height: 312px
}
#order-standard_cart .configureDomainsDiv .panel-addon .panel-body {
font-size: 14px;
color: grey;
line-height: 22px;
padding: 35px 15px 30px 15px
}
#order-standard_cart .configureDomainsDiv .panel-addon .panel-body label {
font-size: 18px !important;
line-height: 19px;
color: #545454 !important;
font-weight: 700 !important;
text-align: center;
margin-bottom: 20px
}
#order-standard_cart .configureDomainsDiv .panel-addon .panel-body .icheckbox_square-blue {
display: none
}
#order-standard_cart .configureDomainsDiv .panel-addon .panel-price {
background: 0 0 !important;
font-size: 22px;
color: #404040 !important
}
#order-standard_cart .configureDomainsDiv .panel-addon .panel-price span {
font-size: 14px !important
}
#order-standard_cart .configureDomainsDiv .panel-addon .panel-add {
background-color: #f51322;
color: #fff;
font-size: 13px;
border-radius: 0;
padding: 10px 16px;
max-width: 200px;
margin: 15px auto 0 auto
}
#order-standard_cart .configureDomainsDiv .panel-addon-selected .panel-add {
background-color: #ffc30f
}
#order-standard_cart .configureDomainsDiv .sub-heading {
margin-bottom: 13px;
border-top: 1px dashed #ccc !important;
padding-top: 28px;
padding-bottom: 8px;
width: 100%
}
#order-standard_cart .configureDomainsDiv .sub-heading span {
font-size: 18px !important;
line-height: 25px;
color: #000 !important;
font-weight: 700;
background: 0 0
}
form#frmConfigureDomains h2 {
font-size: 18px;
padding-top: 20px
}
#order-standard_cart .form-control {
box-shadow: none !important;
border-radius: 0 !important;
height: 45px !important
}
#order-standard_cart .field-help-text {
margin-top: 0 !important
}
#order-standard_cart .registrationPeriod {
border: 1px solid #ccc;
float: left;
width: 100%;
margin: 15px 0 25px 0;
padding: 20px 0;
line-height: 30px
}
#order-standard_cart .configureDomainsDiv .row .col-sm-4 {
padding: 0
}
.configureDomainsDiv.col-md-12 {
padding: 0 30px
}
#order-standard_cart .configureDomainsDiv .row .col-sm-4 .form-group {
padding-right: 15px;
margin-top: 15px
}
#order-standard_cart .registrationPeriod .col-sm-3 label {
font-size: 15px;
color: grey;
font-weight: 700
}
#order-standard_cart .registrationPeriod .col-sm-6 {
color: #000
}
#order-standard_cart .registrationPeriod .col-sm-6 span {
color: #000
}
#order-standard_cart .registrationPeriod .col-sm-6 .button03 {
background-color: #f51322;
color: #fff;
font-size: 13px;
border-radius: 0;
padding: 0;
min-height: 38px;
line-height: 37px;
min-width: 130px;
margin-bottom: 16px;
margin-left: 15px
}
#order-standard_cart .configureDomainsBtn {
background-color: transparent;
border: 1px solid #17494d;
font-size: 18px;
color: #fff;
background: #17494d;
margin-top: 20px;
padding: 7px 20px;
min-width: 178px;
min-height: 51px
}
#order-standard_cart .viewCartDiv {
color: #000
}
#order-standard_cart .viewCartDiv .order-summary {
border: none;
padding: 0;
margin: 0
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd {
border: 1px solid #ccc;
padding-top: 20px;
float: left;
width: 100%;
background-color: #fff
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd .summary-container {
padding: 0
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd .subtotal {
border-bottom: none;
font-size: 17px;
padding: 0 20px 5px 20px
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd .bordered-totals {
border-bottom: none;
font-size: 18px;
padding: 5px 20px 5px 20px
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd .recurring-totals {
font-size: 17px;
padding: 0 20px
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd .recurring-charges {
font-style: normal;
font-size: 12px;
color: #000
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd #taxTotal1 {
font-size: 15px
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd .total-due-today {
float: left;
border-top: 1px dashed #ccc;
width: 100%;
padding: 15px 20px 0 20px
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd .total-due-today span {
float: left;
font-size: 18px;
line-height: 36px;
color: #000;
font-weight: 700
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd .total-due-today .amt {
font-size: 22px;
color: #17494d;
float: right
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd .btn-checkout {
background: #f51322;
border: 1px solid #d42834;
font-size: 15px;
font-weight: 700;
margin-bottom: 30px;
padding: 10px 110px;
width: 100%
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd #applyPromoDiv {
border-top: 1px dashed #ccc;
margin: 25px 0 0 0;
padding: 25px 20px 0 20px;
float: left;
width: 100%
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd #applyPromoDiv .alert-info {
color: #585858 !important;
background-color: #fff !important;
border-color: #5cb85c !important;
font-size: 13px;
position: relative
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd #applyPromoDiv .alert-info:after {
position: absolute;
left: -5px;
top: -8px;
content: "\f058";
font-size: 19px;
font-family: FontAwesome;
color: #5cb85c;
z-index: 999;
background: #fff;
border-radius: 58%;
height: 19px;
width: 17px
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd #applyPromoDiv .plable {
color: #000;
font-weight: 600;
padding-bottom: 5px
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd #applyPromoDiv .form-group {
width: 60%;
float: left
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd #applyPromoDiv .form-group i {
color: #000
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd #applyPromoDiv .form-group input {
border: 1px dashed #000;
border-right: none;
color: #000;
border-radius: 0;
height: 45px;
padding-left: 14px;
padding-right: 14px
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd #applyPromoDiv .btn-block {
float: left;
width: 40%;
background: #17494d;
color: #fff;
line-height: 26px;
border-radius: 0;
height: 45px;
word-break: break-word;
white-space: inherit;
line-height: inherit
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd #applyPromoDiv .alert-info {
color: #fff;
background-color: #2daf4b;
border-color: #5cb85c
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd #applyPromoDiv .btn-default {
background: #e43542;
color: #fff;
border: 1px solid #e21626;
padding: 5px 15px;
border-radius: 0;
margin-top: 5px
}
#order-standard_cart .viewCartDiv .order-summary h2 {
font-size: 18px;
color: #000;
font-weight: 700;
padding: 0 0 10px 0
}
#order-standard_cart .viewCartDiv .view-cart-items-header {
font-size: 15px;
line-height: 45px;
color: #404040;
font-weight: 700;
background: 0 0;
border-top: 1px dashed #ccc;
padding: 10px 0 0
}
#order-standard_cart .viewCartDiv .view-cart-items {
border-bottom: none
}
#order-standard_cart .viewCartDiv .view-cart-items .item {
border: 1px solid #ccc;
background: #fff !important;
margin-bottom: 15px;
padding: 10px 0 10px 20px
}
#order-standard_cart .viewCartDiv .view-cart-items .item .dropdown {
width: 95px;
padding: 0;
border-radius: 0
}
#order-standard_cart .viewCartDiv .view-cart-items .item .dropdown .dropdown-toggle {
width: 100%;
border-radius: 0;
position: relative;
text-align: left;
padding: 2px 7px;
font-size: 13px;
margin: 5px 0
}
#order-standard_cart .viewCartDiv .view-cart-items .item .dropdown .dropdown-toggle::after {
display: none
}
#order-standard_cart .viewCartDiv .view-cart-items .item .btn-remove-from-cart {
border: 1px solid #e65f5f;
color: #e65f5f;
padding: 0 10px
}
#order-standard_cart .viewCartDiv .view-cart-items .item .edit-from-cart {
border: 1px solid #17494d;
color: #17494d;
padding: 0 10px
}
#order-standard_cart .viewCartDiv .view-cart-items .item .cartAction {
float: right;
text-align: right
}
#order-standard_cart .viewCartDiv .view-cart-items .item .item-price {
text-align: left
}
#order-standard_cart .viewCartDiv .view-cart-items .item .item-qty .form-control {
width: 51%;
padding: 0;
height: 21px !important
}
#order-standard_cart .viewCartDiv .view-cart-items .item .item-qty .btn {
background: #17494d;
color: #fff;
border-radius: 0
}
#order-standard_cart .viewCartDiv .view-cart-items .item .cycle {
color: grey;
font-size: 12px;
font-weight: 600
}
#order-standard_cart .viewCartDiv .view-cart-items .item .item-group {
color: grey;
font-size: 13px
}
#order-standard_cart .viewCartDiv .view-cart-items .item .item-domain {
color: grey;
font-size: 13px
}
#order-standard_cart .viewCartDiv .empty-cart {
text-align: left;
margin: 0
}
#order-standard_cart .viewCartDiv .btn-continue-shopping {
background: 0 0 !important;
color: #000 !important;
font-weight: 600;
padding: 0 !important
}
#order-standard_cart .viewCartDiv #btnEmptyCart {
border: 1px solid #17494d;
background: 0 0;
color: #17494d;
border-radius: 0;
float: right;
padding: 2px 10px
}
#order-standard_cart .viewCartDiv .view-cart-empty {
border: 1px solid #ccc
}
#order-standard_cart .viewCartDiv .cartreview {
font-size: 18px;
color: #000;
font-weight: 700;
padding: 0 0 6px 0
}
body #order-standard_cart .checkoutDiv {
margin-top: 25px
}
body #order-standard_cart .checkoutDiv .sub-heading {
border-top: 1px dashed #e7e7e7 !important;
padding-top: 25px
}
body #order-standard_cart .checkoutDiv .prepend-icon .field-icon {
display: none !important;
border-radius: 0
}
body #order-standard_cart .checkoutDiv .prepend-icon .field {
padding: 0 15px;
height: 45px;
border-radius: 0;
color: #000;
font-weight: 600;
margin-bottom: 5px
}
body #order-standard_cart .checkoutDiv .notetext {
border-radius: 0;
padding: 10px;
color: #000
}
body #order-standard_cart .checkoutDiv select {
padding: 0 10px;
height: 45px;
color: #000;
font-weight: 600
}
body #order-standard_cart .checkoutDiv #inputPhone {
height: 45px;
color: #000;
font-weight: 600
}
body #order-standard_cart .checkoutDiv .text-muted {
font-size: 13px;
text-align: justify !important;
margin: 5px 0 25px
}
body #order-standard_cart .checkoutDiv #paymentGatewaysContainer .radio-inline {
padding: 0 20px 0 0
}
body #order-standard_cart .checkoutDiv #containerNewUserSecurity .progress {
height: 20px;
background-color: #fff;
border-radius: 0;
border: 1px solid #ccc;
box-shadow: none
}
body #order-standard_cart .checkoutDiv #containerNewUserSecurity .progress-bar {
background-color: gold;
min-width: 10%
}
body #order-standard_cart .checkoutDiv #containerNewUserSecurity .progress-bar-striped {
background-image: none;
background-size: 0
}
body #order-standard_cart .checkoutDiv .already-registered .btn {
background: #f51322;
border: 1px solid #f51322;
color: #fff
}
#order-standard_cart .checkoutDiv .showMarketingEmail {
border: 1px solid #ccc;
float: left;
width: 100%;
margin-top: 30px;
width: 100%;
background-image: url(../images/marketingemailbg.jpg);
background-repeat: no-repeat;
background-size: 100% 45%
}
body #order-standard_cart .checkoutDiv .showMarketingEmail .marketing-email-optin {
background-color: transparent;
margin-bottom: 10px;
display: block !important
}
body #order-standard_cart .checkoutDiv .showMarketingEmail .p10 {
padding-top: 10px
}
body #order-standard_cart .checkoutDiv .showMarketingEmail h4 {
font-size: 21px;
letter-spacing: 0;
line-height: 26px;
color: #000;
font-weight: 700;
text-align: center;
margin-top: 80px
}
body #order-standard_cart .checkoutDiv .showMarketingEmail p {
width: 312px;
height: 96px;
font-size: 14px;
letter-spacing: 0;
line-height: 23px;
color: #000;
text-align: center
}
body #order-standard_cart .checkoutDiv .showMarketingEmail .bootstrap-switch {
background: #f51322;
border-radius: 100px;
margin-top: 15px;
padding-bottom: 4px
}
body #order-standard_cart .checkoutDiv .showMarketingEmail .bootstrap-switch-label {
background: #fff;
border-radius: 0
}
body #order-standard_cart .checkoutDiv .showMarketingEmail .bootstrap-switch-handle-on {
background: 0 0;
font-size: 15px
}
body #order-standard_cart .checkoutDiv .showMarketingEmail .bootstrap-switch-handle-off {
color: #fff;
background: 0 0;
font-size: 15px
}
body #order-standard_cart .checkoutDiv #btnCompleteOrder {
background: #f51322;
border: 1px solid #d42834;
font-size: 15px;
font-weight: 700;
padding: 11px 90px
}
.completeOrder {
border: 1px solid #ccc;
margin-top: 140px;
text-align: center;
padding: 0 0 50px 0
}
.completeOrder .completeOrderImg {
margin-top: -75px
}
.completeOrder .order-confirmation {
border: none;
border-top: 2px dashed #ccc;
background: 0 0;
font-size: 23px;
color: #404040
}
.completeOrder .order-confirmation span {
font-size: 32px;
color: #f51322
}
.completeOrder .btn {
background: #ffc410;
color: #fff;
border: 1px solid #eac144;
padding: 10px 25px;
border-radius: 0;
font-size: 15px
}
.completeOrder p {
padding: 30px 110px 30px 110px
}
.clientarea {
float: left;
width: 100%;
padding-top: 85px;
background-color: #f0f4f6
}
.clientarea .left {
float: left;
width: 100%
}
.clientarea .left .dropdown_top {
display: none;
float: left;
width: 150%;
box-shadow: 0 0 23px 0 rgba(0, 0, 0, .14);
border-radius: 0;
padding: 15px;
position: absolute;
background-color: #fff;
left: 0;
right: 0;
top: 63px;
z-index: 9
}
.clientarea .left .dropdown_top:after {
content: "";
border-top: 10px solid transparent;
border-bottom: 10px solid #fcfcfc;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
top: -18px;
left: 172px
}
.clientarea .left .dropdown_top h3 {
margin: 0;
padding: 0 0 8px 0;
font-size: 15px;
color: #525152;
font-weight: 400;
border-bottom: 1px solid #e6e8eb;
position: relative
}
.clientarea .left .dropdown_top h3 span {
float: right;
font-size: 14px;
color: #9b9b9b
}
.clientarea .left .dropdown_top h3:after {
content: "";
border-bottom: 4px solid red;
width: 30px;
float: left;
position: absolute;
bottom: -4px;
left: 0
}
.clientarea .left .dropdown_top ul {
float: left;
margin: 0;
padding: 0;
width: 100%
}
.clientarea .left .dropdown_top ul li {
float: left;
width: 100%;
margin: 20px 0 5px 0;
padding: 0
}
.clientarea .left .dropdown_top ul li a {
float: left;
width: 100%;
position: relative;
padding-left: 41px;
min-height: 36px
}
.clientarea .left .dropdown_top ul li a i {
width: 32px;
height: 32px;
border-radius: 50%;
background-color: #eef2f4;
color: #f37661;
position: absolute;
top: 4px;
left: 0;
text-align: center;
line-height: 29px
}
.clientarea .left .dropdown_top ul li a p {
float: left;
margin: 0;
padding: 0 0 0 12px;
font-size: 13px;
color: #525152;
position: relative
}
.clientarea .left .dropdown_top ul li a p small {
float: left;
width: 100%;
font-size: 11px;
color: #9b9b9b
}
.clientarea .left .dropdown_top ul li a p:after {
content: ""
}
.clientarea .left .dropdown_top ul li a p:after {
content: "";
position: absolute;
left: 0;
border-left: 1px solid #ccc;
top: 6px;
bottom: 1px
}
.clientarea .left .dropdown_top.active {
display: block
}
.clientarea .left ul.side_menu {
float: left;
width: 90%;
padding: 0;
margin: 0
}
.clientarea .left ul.side_menu>.sidebarMn>a {
padding-right: 0
}
.clientarea .left ul.side_menu>.sidebarMn>a>i {
position: absolute;
left: 9px;
color: #6746d4;
font-size: 17px
}
.clientarea .left ul.side_menu>li:first-child {
position: relative
}
.clientarea .left ul.side_menu>li:first-child>a {
background-color: #f51322;
color: #fff;
box-shadow: 0 0 24px 0 rgba(0, 0, 0, .14)
}
.clientarea .left ul.side_menu>li:first-child>a span {
width: 21px;
height: 21px;
border: 1px solid #fff;
border-radius: 50%;
float: right;
text-align: center;
font-size: 12px
}
.clientarea .left ul.side_menu>li:last-child {
border-bottom: none
}
.clientarea .left ul.side_menu>li:first-child>a:before {
display: none
}
.clientarea .left ul.side_menu>li:first-child>a:after {
content: "";
border-left: 25px solid #f51322;
border-right: 25px solid transparent;
border-top: 35px solid transparent;
border-bottom: 35px solid transparent;
width: 0;
height: 0;
position: absolute;
right: -50px;
top: 0
}
.clientarea .left ul.side_menu>li.active>a {
color: #f51322
}
.clientarea .left ul.side_menu>li.active>a:before {
transform: rotate(90deg);
color: #f51322 !important
}
.clientarea .left ul.side_menu>li.active>ul.side_menu_sub {
display: block
}
.clientarea .left ul.side_menu>li {
float: left;
width: 100%;
border-bottom: 1.5px dotted #c9cacb
}
.clientarea .left ul.side_menu>li>a {
font-size: 14px;
position: relative;
color: #2a2a2a;
position: relative;
padding-left: 48px;
float: left;
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
padding-right: 36px
}
.clientarea .left ul.side_menu>li>a>.img-icon {
background-position: -7px -7px;
background-image: url(../images/sidebar_icon.png);
float: left;
background-repeat: no-repeat;
width: 22px;
height: 20px;
position: absolute;
left: 14px;
top: calc(50% - 10px)
}
.clientarea .left ul.side_menu>li>a .img-icon02 {
background-position: -44px -7px
}
.clientarea .left ul.side_menu>li>a .img-icon03 {
background-position: -82px -7px
}
.clientarea .left ul.side_menu>li>a .img-icon04 {
background-position: -121px -7px
}
.clientarea .left ul.side_menu>li>a .img-icon05 {
background-position: -162px -7px
}
.clientarea .left ul.side_menu>li>a .img-icon06 {
background-position: -202px -7px
}
.clientarea .left ul.side_menu>li>a.pmenua:before {
content: "\f105";
font-family: FontAwesome;
position: absolute;
right: 20px;
top: calc(50% - 13px);
font-size: 18px;
color: #8c8f90
}
.clientarea .left ul.side_menu>li ul.side_menu_sub {
float: left;
padding: 0 0 0 48px;
margin: -5px 0 8px 0;
display: none
}
.clientarea .left ul.side_menu>li ul.side_menu_sub li {
float: left;
width: 100%;
margin-bottom: 11px
}
.clientarea .left ul.side_menu>li ul.side_menu_sub li a {
float: left;
width: 100%;
font-size: 13px;
color: #2a2a2a;
position: relative;
padding-left: 23px
}
.clientarea .left ul.side_menu>li ul.side_menu_sub li a i {
position: absolute;
left: 0;
top: calc(50% - 5px);
color: #2a2a2a
}
.clientarea .left ul.side_menu>li ul.side_menu_sub li a:before {
display: none
}
.clientarea .right .top {
float: left;
width: 100%
}
.clientarea .right .top h2 {
float: left;
width: 100%;
margin: 0;
padding: 0;
font-size: 37px;
color: #000;
font-weight: 600
}
.clientarea .right .top h2 span {
color: #f51322
}
.clientarea .right .top ul.page_navi {
float: left;
width: 100%;
margin: 10px 0 0 0;
padding: 0
}
.clientarea .right .top ul.page_navi li {
float: left;
font-size: 12px;
color: #b9b9b9;
margin: 0 2px;
padding: 0;
position: relative
}
.clientarea .right .top ul.page_navi li:before {
content: "/";
margin-left: 4px
}
.clientarea .right .top ul.page_navi li a {
font-size: 12px;
color: #000;
float: left
}
.clientarea .right .top ul.page_navi li:last-child:before {
display: none
}
.services_list {
float: left;
width: 100%
}
.services_list .row {
margin-left: -5px;
margin-right: -5px
}
.services_list .row div[class*=col-] {
padding-left: 10px;
padding-right: 10px
}
.services_list .services_list_in {
border: 1px solid transparent;
float: left;
width: 100%;
min-height: 175px;
position: relative;
background-color: #fff;
border-radius: 0;
text-align: center;
display: flex;
align-self: center;
flex-direction: column;
align-items: center;
align-content: center;
justify-content: center;
padding-bottom: 25px;
transition: all ease 1s;
-moz-transition: all ease 1s;
-webkit-transition: all ease 1s
}
.services_list .services_list_in h3 {
margin: 0;
padding: 0;
font-size: 55px;
color: #525152;
font-weight: 300
}
.services_list .services_list_in small {
margin: 0;
padding: 0;
font-size: 13px;
color: #525152
}
.services_list .services_list_in:before {
content: "";
mask: url(../images/bottom_mask.svg);
width: 102px;
height: 45px;
-moz-mask: url(../images/bottom_mask.svg);
-webkit-mask: url(../images/bottom_mask.svg);
position: absolute;
bottom: 0;
right: 0;
background-color: #fec31b
}
.services_list .services_list_in img {
position: absolute;
right: 7px;
bottom: 7px
}
.services_list .services_list_in:hover {
border-color: #fec31b;
box-shadow: 0 3px 46px 0 rgba(0, 0, 0, .11)
}
.services_list .row div[class*=col-]:nth-child(2) .services_list_in:before {
background-color: #f37661
}
.services_list .row div[class*=col-]:nth-child(2) .services_list_in:hover {
border-color: #f37661;
box-shadow: 0 3px 46px 0 rgba(0, 0, 0, .11)
}
.services_list .row div[class*=col-]:nth-child(3) .services_list_in:before {
background-color: #6ebe44
}
.services_list .row div[class*=col-]:nth-child(3) .services_list_in:hover {
border-color: #6ebe44;
box-shadow: 0 3px 46px 0 rgba(0, 0, 0, .11)
}
.services_list .row div[class*=col-]:nth-child(4) .services_list_in:before {
background-color: #179ad0
}
.services_list .row div[class*=col-]:nth-child(4) .services_list_in:hover {
border-color: #179ad0;
box-shadow: 0 3px 46px 0 rgba(0, 0, 0, .11)
}
.search_opt1 {
float: left;
width: 100%;
position: relative;
padding-right: 212px;
margin-top: 32px
}
.search_opt1 .form-control {
border-style: solid;
border-width: 1px;
background-image: url(../images/search-icon11.png);
background-repeat: no-repeat;
background-position: 25px;
padding-left: 56px;
border-color: #e5e5e5;
border-radius: 0;
background-color: #fff;
min-height: 57px;
font-size: 15px;
color: #525152;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .05)
}
.search_opt1 .btn {
background-color: #f51322;
color: #fff;
width: 194px;
height: 57px;
text-align: center;
text-transform: uppercase;
border-radius: 0;
font-size: 15px;
position: absolute;
top: 0;
right: 0
}
.search_opt1 .btn:hover {
border: 1px solid #f51321;
color: #f51322;
background-color: #fff
}
.support_tickets {
float: left;
width: 100%;
margin-top: 30px;
padding-bottom: 30px
}
.support_tickets .support_tickets_col {
float: left;
width: 100%;
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
margin-bottom: 24px
}
.support_tickets .support_tickets_col .list-group,
.support_tickets .support_tickets_col .panel-head-home {
padding: 8px 17px
}
.support_tickets .support_tickets_col .top {
padding-left: 0;
position: relative;
font-size: 15px;
color: #525152;
font-weight: 700;
border-bottom: 1px solid #e6e8eb;
padding-bottom: 12px;
margin-bottom: 10px
}
.support_tickets .support_tickets_col .top:after {
content: "";
border-bottom: 4px solid red;
width: 30px;
float: left;
position: absolute;
bottom: -4px;
left: 0
}
.support_tickets .support_tickets_col .top>img {
position: absolute;
top: calc(50% - 13px);
left: 0
}
.support_tickets .support_tickets_col .top a {
float: right;
font-size: 12px;
color: #9b9b9b
}
.support_tickets .support_tickets_col .list-group {
float: left;
width: 100%;
border: none;
line-height: 24px
}
.support_tickets .support_tickets_col .list-group .list-group-item {
border: none;
border-bottom: 1px solid #ccc;
margin: 0;
padding: .75rem 0;
color: #8a8a8a
}
.support_tickets .support_tickets_col .list-group .list-group-item:hover {
background-color: inherit
}
.support_tickets .support_tickets_col .list-group .list-group-item:last-child {
border-bottom: none !important
}
.support_tickets .support_tickets_col .panel-body {
padding: 50px 0 0 0
}
.support_tickets .support_tickets_col .panel-body p {
margin-bottom: 0
}
.support_tickets .support_tickets_col .shared_hosting {
margin-left: -17px;
margin-right: -17px;
display: inline-block;
padding: 0;
margin-bottom: 0;
margin-top: 8px
}
.support_tickets .support_tickets_col .shared_hosting li {
float: left;
width: 100%;
font-size: 14px;
color: #525152;
border-bottom: 1px solid #edeff1;
padding: 17px
}
.support_tickets .support_tickets_col .shared_hosting li span {
float: right;
color: #f51322;
font-weight: 500
}
.support_tickets .support_tickets_col .shared_hosting li:last-child {
border-bottom: none;
padding-bottom: 0
}
.support_tickets .support_tickets_col ul.recent_news_li {
float: left;
margin: 0;
padding: 0;
width: 100%
}
.support_tickets .support_tickets_col ul.recent_news_li li {
float: left;
width: 100%;
margin: 20px 0 5px 0;
padding: 0
}
.support_tickets .support_tickets_col ul.recent_news_li li a {
float: left;
width: 100%;
position: relative;
padding-left: 41px;
min-height: 36px
}
.support_tickets .support_tickets_col ul.recent_news_li li a i {
width: 32px;
height: 32px;
border-radius: 50%;
background-color: #eef2f4;
color: #f37661;
position: absolute;
top: 4px;
left: 0;
text-align: center;
line-height: 29px
}
.support_tickets .support_tickets_col ul.recent_news_li li a p {
float: left;
margin: 0;
padding: 0 0 0 12px;
font-size: 13px;
color: #525152;
position: relative
}
.support_tickets .support_tickets_col ul.recent_news_li li a p small {
float: left;
width: 100%;
font-size: 11px;
color: #9b9b9b
}
.support_tickets .support_tickets_col ul.recent_news_li li a p:after {
content: ""
}
.support_tickets .support_tickets_col ul.recent_news_li li a p:after {
content: "";
position: absolute;
left: 0;
border-left: 1px solid #ccc;
top: 6px;
bottom: 1px
}
.support_tickets .support_tickets_col ul.recent_news_li li a p span {
color: #f51322
}
.support_tickets .support_tickets_col .recent_info {
float: left;
margin: 13px 0 0 0;
padding: 0;
font-size: 14px;
color: #525152
}
.support_tickets .support_tickets_col .register_a_new_domain {
float: left;
width: 100%
}
.support_tickets .support_tickets_col .register_a_new_domain h1 {
margin: 0;
padding: 0;
text-align: center;
font-size: 20px;
color: #f51322;
font-weight: 700
}
.support_tickets .support_tickets_col .register_a_new_domain h1 img {
margin: 0
}
.support_tickets .support_tickets_col .register_a_new_domain .form-control {
height: 67px;
background-color: #f0f4f6;
font-size: 16px;
color: #b0b0b0;
text-align: center;
margin-top: 15px
}
.support_tickets .support_tickets_col .register_a_new_domain .bottom_button {
float: left;
width: 100%;
margin-top: 10px
}
.support_tickets .support_tickets_col .register_a_new_domain .bottom_button input[type=submit] {
border: none;
width: 49%;
float: left;
min-height: 51px;
background-color: #6746d4;
border-radius: 0;
text-align: center;
font-size: 14px;
color: #fff;
text-transform: uppercase
}
.support_tickets .support_tickets_col .register_a_new_domain .bottom_button input[type=submit].btn_search {
float: right;
background-color: #f51322;
background-image: url(../images/search-icon1.png);
background-repeat: no-repeat;
background-position: 85%;
background-size: 15px
}
.support_tickets .support_tickets_col .register_a_new_domain small {
text-align: center;
font-size: 13px;
color: #525152;
margin-top: 10px;
float: left;
width: 100%
}
.support_tickets .regis .panel-body {
padding: 30px 0 0 0
}
.support_tickets .regis .panel-title {
font-size: 20px;
color: #f51322;
font-weight: 700
}
.support_tickets .regis .top {
border: none;
padding: 0;
margin: 0
}
.support_tickets .regis .top:after {
display: none
}
.support_tickets .regis .form-control {
height: 67px;
border: 1px solid #e3e3e3;
background-color: #f0f4f6;
font-size: 16px;
color: #b0b0b0;
text-align: left
}
.support_tickets .regis .input-group-btn {
width: 100%;
margin-top: 10px
}
.support_tickets .regis .input-group-btn .btn {
background-color: #f51322;
background-position: 85%;
background-size: 15px;
border: none;
width: 49%;
float: right;
min-height: 51px;
border-radius: 0;
text-align: center;
font-size: 14px;
color: #fff;
text-transform: uppercase
}
.support_tickets .regis .input-group-btn .btn-success {
border: none;
width: 49%;
float: left;
min-height: 51px;
background-color: #6746d4;
border-radius: 0;
text-align: center;
font-size: 14px;
color: #fff;
text-transform: uppercase
}
.support_tickets .regis .margin-10 {
margin: 0
}
.support_tickets .activ .list-group-item {
line-height: 22px
}
.support_tickets .activ .text-domain {
font-size: 14px;
color: #f51322;
font-weight: 500
}
.support_tickets .recen .label {
background-color: transparent !important;
color: #f51322;
font-size: 100%
}
.support_tickets .recen small {
font-size: 100%
}
a,
button,
input[type=submit] {
transition: all ease 1s;
-moz-transition: all ease 1s;
-webkit-transition: all ease 1s
}
@media (max-width:767px) {
.clientarea .left ul.side_menu li:first-child a:after {
display: none
}
.clientarea .right .top h2 {
font-size: 19px
}
.clientarea .right .services_list .row>div[class*=col-] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.clientarea .right .services_list .row>div[class*=col-] .services_list_in {
margin-bottom: 15px
}
.clientarea .right .services_list .services_list_in h3 {
font-size: 30px
}
.clientarea .right .support_tickets .row>div[class*=col-] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.clientarea .right .search_opt1 {
padding: 0
}
.clientarea .right .search_opt1 .btn {
position: static;
width: 100%;
margin-top: 15px
}
}
.tab-content .btn.dropdown-toggle {
padding: 8px 20px;
background: #ffff;
box-shadow: none;
border-radius: 0
}
.tab-content .btn.dropdown-toggle:after {
display: none
}
.table-container {
padding-bottom: 0
}
.table-container .dataTables_wrapper {
margin-top: 32px;
width: 100%
}
.table-container .dataTables_wrapper .dataTables_filter {
float: left;
width: 100%
}
.table-container .dataTables_wrapper .dataTables_filter label {
border-style: solid;
border-width: 1px;
border-color: #e5e5e5;
border-radius: 0;
background-color: #fff;
min-height: 57px;
font-size: 15px;
color: #525152;
box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .05);
text-align: left;
float: left;
width: 100%;
padding: 10px 0 0 0;
display: inherit
}
.table-container .dataTables_wrapper .dataTables_filter label .form-control {
padding: 0;
border: none;
box-shadow: none;
padding-left: 45px;
width: 100%;
margin: 0
}
.table-container .dataTables_wrapper .dataTables_info {
background-color: transparent;
color: #000;
border: 0;
width: 100%;
clear: both;
padding: 20px 0 !important
}
.table-container .table {
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
padding: 10px 18px 18px 18px;
float: left;
width: 100%;
margin-top: 38px
}
.table-container .table th {
font-size: 14px;
vertical-align: top;
color: #383838;
text-transform: uppercase;
font-weight: 700 !important;
border: none !important;
background-color: transparent !important;
text-align: left;
padding-bottom: 15px;
padding-left: 30px;
padding-right: 0 !important
}
.table-container .table th:after {
left: 5px !important
}
.table-container .table td {
font-size: 14px;
padding: .75rem;
color: #505050;
border-top: 1px solid #edeff1;
border-bottom: none;
vertical-align: middle;
font-weight: 500;
background-color: transparent !important;
text-align: left !important
}
.table-container .table td span {
color: #f51322
}
.table-container .table td strong {
font-weight: 600
}
.table-container .table td a {
color: #f51322
}
.table-container .table td .status {
font-size: 13px;
color: #f51322;
border-radius: 0;
border: 1px solid #f51322;
padding: 2px 12px;
display: inline-block;
min-width: 90px;
text-align: center;
font-weight: 400
}
.table-container .table td .status:hover {
background-color: #f51322;
color: #fff !important
}
.table-container .table td .status .textgreen {
color: inherit
}
.table-container .table td .status .textred {
color: inherit
}
.table-container .table td .status-active {
border-color: #53b661;
color: #53b661
}
.table-container .table td .status-active:hover {
background-color: #53b661;
color: #fff !important
}
.table-container .table td .status-paid {
border-color: #53b661;
color: #53b661
}
.table-container .table td .status-paid:hover {
background-color: #53b661;
color: #fff !important
}
.table-container .table td .btn.dropdown-toggle {
padding: 8px 8px
}
.table-container .table td .btn-default>.fa-wrench {
padding-top: 8px
}
.table-container .dataTables_paginate {
width: 100%;
padding: 30px 0 0 0
}
.table-container .dataTables_paginate .pagination {
border-style: solid;
border-width: 1px;
border-color: #e2e2e2;
border-radius: 0;
background-color: rgba(214, 78, 63, 0);
float: right;
width: auto;
background-color: #fff;
margin-top: 30px;
border-radius: 0;
overflow: hidden
}
.table-container .dataTables_paginate .pagination li {
font-size: 12px;
color: #242625;
border-right: 1px solid #e3e3e3;
margin-right: 2px
}
.table-container .dataTables_paginate .pagination li a {
font-size: 12px;
color: #242625;
padding: 8px 10px;
float: left;
min-width: 35px;
text-align: center;
border: 0
}
.table-container .dataTables_paginate .pagination li.active a {
color: #f51322;
background-color: transparent;
border-color: #ccc
}
.table-container .dataTables_paginate .pagination li:last-child {
border-right: none
}
.table-container .dataTables_paginate .pagination li:last-child a {
border-radius: 0
}
.table-container .dataTables_length {
display: none
}
@media (max-width:767px) {
.table-container .data_table {
overflow: auto
}
.table-container .data_table .table {
width: auto
}
}
.view_ticket {
padding-bottom: 90px
}
.view_ticket .view_ticket_col .reply_col {
float: left;
width: 100%;
border: 2px solid #f2a7ae;
font-size: 15px;
color: #505050;
position: relative;
padding: 11px 12px 13px 45px;
border-radius: 0;
margin-top: 33px
}
.view_ticket .view_ticket_col .reply_col i {
position: absolute;
left: 19px;
top: calc(50% - 7px);
color: #f51322
}
.view_ticket .view_ticket_col .reply_col:before {
content: "\f067";
font-family: FontAwesome;
position: absolute;
right: 20px;
top: calc(50% - 11px)
}
.view_ticket .view_ticket_col .view_ticket_box {
float: left;
padding: 18px;
width: 100%;
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
margin-top: 30px
}
.view_ticket .view_ticket_col .view_ticket_box .top {
position: relative;
padding-left: 44px;
font-size: 18px;
color: #000;
border-bottom: 1px solid #edeff1;
padding-bottom: 8px;
margin-bottom: 17px
}
.view_ticket .view_ticket_col .view_ticket_box .top:before {
content: "";
border-bottom: 4px solid red;
width: 30px;
float: left;
position: absolute;
bottom: -4px;
left: 0
}
.view_ticket .view_ticket_col .view_ticket_box .top small {
font-size: 13px;
color: grey
}
.view_ticket .view_ticket_col .view_ticket_box .top span {
float: right;
font-size: 12px;
color: grey;
font-weight: 300
}
.view_ticket .view_ticket_col .view_ticket_box .top>img {
position: absolute;
top: 0;
left: 0
}
.view_ticket .view_ticket_col .view_ticket_box p {
font-size: 14px;
color: #505050;
line-height: 23px
}
.view_ticket .view_ticket_col .view_ticket_box .attachments {
float: left;
width: 100%;
border-top: 1px dashed #ccc;
padding-top: 15px
}
.view_ticket .view_ticket_col .view_ticket_box .attachments strong {
float: left;
font-size: 13px;
color: grey;
font-weight: 400
}
.view_ticket .view_ticket_col .view_ticket_box .attachments ul {
float: left;
margin: 0 0 0 13px;
padding: 0
}
.view_ticket .view_ticket_col .view_ticket_box .attachments ul li {
float: left
}
.view_ticket .view_ticket_col .view_ticket_box .attachments ul li a {
float: left;
position: relative;
padding-left: 23px;
font-size: 13px;
color: #505050
}
.view_ticket .view_ticket_col .view_ticket_box .attachments ul li a i {
position: absolute;
left: 0;
top: 2px;
color: #f74a55;
font-size: 18px
}
.view_ticket .attachments_col {
float: left;
width: 100%;
position: relative;
padding-right: 167px
}
.view_ticket .attachments_col .button01 {
min-width: 145px;
height: 48px;
border: 1px solid #17494d;
border-radius: 0;
font-size: 13px;
color: #17494d;
text-transform: uppercase;
text-align: center
}
.view_ticket .attachments_col .attachments_col_left {
float: left;
width: 100%
}
.view_ticket .attachments_col .attachments_col_left input[type=file] {
display: none
}
.view_ticket .attachments_col .attachments_col_left .attachments_col_box {
float: left;
width: 100%
}
.view_ticket .attachments_col .attachments_col_left .attachments_col_box span {
width: 152px;
font-size: 14px;
color: #000;
text-align: center;
float: left;
background-color: #fff;
border: 1px solid #c5c5c5;
height: 48px;
border-radius: 0
}
.view_ticket .attachments_col .attachments_col_left .attachments_col_box .file_name {
float: left;
width: calc(100% - 152px);
float: right;
height: 48px;
border: 1px dashed #a1a4a5
}
.open_ticket .right .shared-hosting {
padding-top: 40px
}
.open_ticket .right .shared-hosting .row {
margin-left: -6px;
margin-right: -6px
}
.open_ticket .right .shared-hosting .row>div[class*=col-] {
padding-left: 6px;
padding-right: 6px
}
.open_ticket .right .shared-hosting .row>div[class*=col-] .form-group {
margin-bottom: 24px
}
.register_page {
margin: 0 auto;
max-width: 1200px;
width: 100%;
padding: 0;
background-image: url(../images/register_back.png);
background-position: bottom right;
background-repeat: no-repeat;
padding-top: 30px
}
.register_page .left {
float: left;
width: 365px
}
.register_page .right {
float: right;
width: calc(100% - 365px);
padding-top: 30px;
}
.register_page .right>h1 {
float: left;
margin: 0;
padding: 0 0 0 36px;
font-size: 35px;
color: #2f2f2f;
font-weight: 700
}
.register_page .right>h1 span {
color: #f51322
}
.register_page .right .nav {
float: right
}
.register_page .right .nav li a {
font-size: 14px;
color: #848484;
text-transform: uppercase;
border-bottom: 2px solid transparent
}
.register_page .right .nav li a.active {
color: #f51322;
border-bottom-color: #f51322
}
.register_page .min_box {
padding: 47px 54px;
}
.register_page .min_box .register_tab {
float: left;
width: 100%
}
.register_page .min_box .register_tab .nav {
float: left
}
.register_page .min_box .register_tab .nav li {
margin-right: 20px
}
.register_page .min_box .register_tab .nav li a {
font-size: 16px;
color: #b6b6b6;
font-weight: 700;
padding: 10px 20px 10px 20px;
border-bottom: 3px solid #b6b6b6
}
.register_page .min_box .register_tab .nav li a.active {
color: #f51322;
border-color: #f51322
}
.register_page .personal_information_form {
float: left;
width: 100%;
margin-top: 40px
}
.register_page .personal_information_form .row {
margin-left: -7px;
margin-right: -7px
}
.register_page .personal_information_form .row div[class*=col-] {
padding-left: 7px;
padding-right: 7px
}
.register_page .personal_information_form .form-group {
margin-bottom: 25px
}
.register_page .personal_information_form .form-group label {
font-size: 13px;
color: #919191;
font-weight: 400
}
.register_page .personal_information_form .form-group .form-control {
font-size: 14px;
color: #000;
height: 44px;
border-color: #c5c5c5;
font-weight: 600 box-shadow: none;
border-radius: 0
}
#modalBillingAddress form#billingContactForm .form-group .form-control,
.form-control {
box-shadow: none;
border-radius: 0
}
.register_page .personal_information_form .form-group .captcha0 {
margin-top: 13px;
position: relative;
top: 7px;
max-width: 100%
}
.register_page .personal_information_form .custom_checkbox {
padding-left: 35px;
font-size: 14px;
color: #636363
}
.register_page .personal_information_form .custom_checkbox>span {
width: 23px;
height: 23px;
border-color: #d5d8de;
border-radius: 0;
top: -3px
}
.register_page .personal_information_form .custom_checkbox>span:after {
top: 1px
}
.register_page .personal_information_form .button03 {
border: none;
min-width: 300px;
min-height: 54px;
text-align: center;
font-size: 18px;
background-color: #f51322;
margin-top: 22px
}
.col-sm-12.wgs-alert-invc {
margin-bottom: 10px
}
div#containerExistingUserSignin .col-sm-6:nth-child(odd) {
padding-left: 0
}
div#containerExistingUserSignin .col-sm-6:nth-child(even) {
padding-right: 0
}
button#btnExistingLogin {
background: #535353;
border: none;
padding: 5px 20px;
float: left
}
@media (max-width:1400px) {
.register_page {
padding-left: 30px;
padding-right: 30px
}
}
@media (max-width:1080px) {
.register_page .left {
width: 200px
}
.register_page .left>img {
width: 100%
}
.register_page .right {
width: calc(100% - 200px)
}
}
@media (max-width:767px) {
.register_page {
padding-left: 0;
padding-right: 0;
background-image: none;
border-top: 1px solid #ccc;
padding-top: 20px
}
.register_page .right>h1 {
width: 100%;
text-align: center;
font-size: 18px !important;
margin-bottom: 10px !important
}
.register_page .right .personal_information_form [class*=col-] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.register_page .right .personal_information_form .form-group {
margin-bottom: 20px
}
.register_page .right .nav {
width: 100%
}
.register_page .right .nav li {
float: left;
width: 100%
}
.register_page .right .nav li a {
float: left;
width: 100%;
text-align: center
}
.register_page .min_box {
padding-top: 5px
}
.register_page .min_box .button03 {
width: 100%;
min-width: inherit
}
}
.table-container .form-inline {
display: inline-flex
}
.knowledgebaseDiv {
float: left;
margin-top: 30px;
width: 100%
}
.knowledgebaseDiv h2 {
font-size: 17px;
font-weight: 600;
padding: 15px 0;
float: left
}
.knowledgebaseDiv .inner_bx_area {
float: left;
width: 100%;
border: 1px solid #d4dcde;
padding: 20px 20px;
margin-bottom: 15px;
background: #fff
}
.knowledgebaseDiv .inner_bx_area i {
font-size: 14px;
color: #f51322;
background-color: #eef2f4;
height: 30px;
width: 30px;
border-radius: 100px;
text-align: center;
line-height: 29px;
float: left;
margin-right: 15px
}
.knowledgebaseDiv .inner_bx_area h4 {
font-size: 16px;
color: #000;
margin-top: 5px
}
.knowledgebaseDiv .inner_bx_area h4:hover {
color: #f51322
}
.knowledgebaseDiv .inner_bx_area p {
font-size: 14px;
color: #505050;
float: left;
width: 100%;
line-height: 23px;
margin-top: 3px;
font-weight: 400
}
.knowledgebaseDiv .kbcategories {
width: 100%;
float: left;
clear: both
}
.knowledgebaseDiv .kbcategories .kbcat {
font-size: 13px;
color: #2a2a2a;
background-color: #f3f3f3;
border-top: 4px solid transparent;
padding: 14px 25px 18px 25px;
text-transform: uppercase;
border: 1px solid #dbdbdb;
position: relative
}
.knowledgebaseDiv .kbcategories .kbcat p {
margin-bottom: 0
}
.knowledgebaseDiv .kbcategories .kbcat a {
color: #2a2a2a
}
.knowledgebaseDiv .kbcategories .kbcat a:hover {
color: #f51322
}
.knowledgebaseDiv .top_searchbar {
background: #e70000;
padding: 34px 34px;
border-radius: 0;
margin-bottom: 20px;
background-size: cover;
background-image: url(../images/top_search-back.png)
}
.knowledgebaseDiv .top_searchbar label {
background: #fff;
padding: 20px
}
.knowledgebaseDiv .top_searchbar input {
border: none;
box-shadow: none;
height: 42px
}
.knowledgebaseDiv .top_searchbar .btn {
background-color: #f51322;
border-radius: 0;
padding: 0 55px;
font-size: 18px;
font-size: 18px;
min-height: 51px;
min-width: 178px
}
.knowledgebaseDiv .kb-rate-article {
background-color: #fff;
border: 1px solid #ccc
}
.knowledgebaseDiv .kb-article-content {
background: #fff;
padding: 20px 20px 0 20px;
clear: both;
border: 1px solid #ccc
}
.knowledgebaseDiv .kb-article-details {
font-size: 17px;
font-weight: 600;
color: #333
}
.knowledgebaseDiv .kb-article-title {
margin: -10px 0 0 0
}
.knowledgebaseDiv .alert-success {
float: left;
float: left;
width: 100%
}
.clientareadetails form .row {
display: inline-table !important;
width: 100%;
float: left;
margin: 0
}
.clientareadetails .row .form-group {
width: 31.5%;
float: left;
margin-left: 2.75%;
margin-top: 15px
}
.clientareadetails .row .form-group:nth-child(3n+1) {
margin-left: 0
}
.clientareadetails .row .form-group label {
color: #3a3838;
font-weight: 400;
font-size: 13px;
}
.clientareadetails .row .form-group input,
.inner-content-area .form-group input.form-control,
.inner-content-area .form-group select.form-control {
height: 45px;
border-radius: 0;
color: #000;
font-weight: 600;
margin-bottom: 5px;
box-shadow: none
}
.inner-content-area table.table.table-striped .btn-default {
border: 1px solid #ced4da;
background: transparent;
font-size: 13px;
color: #000;
font-weight: 600;
padding: 6px 10px;
}
.clientareadetails .row .form-group select {
height: 45px;
border-radius: 0;
color: #000;
font-weight: 600;
margin-bottom: 5px;
box-shadow: none;
background-color: #fff;
-webkit-appearance: none;
background: #fff url(../images/bottom-arro.svg);
background-repeat: no-repeat;
background-position: 96% center;
background-size: 10px
}
.clientareadetails .row .form-group #inputSubaccountActivate {
height: auto
}
.clientareadetails #subacct-container {
float: left;
clear: both;
background: #fff;
width: 98%;
box-shadow: none;
border-radius: 0
}
.clientareadetails #subacct-container .pwstrengthcm .alert-info {
display: none
}
.clientareadetails #subacct-container .pwstrengthcm .progress {
height: 20px;
background-color: #fff;
border-radius: 0;
border: 1px solid #ccc;
box-shadow: none;
margin-top: 16px
}
.clientareadetails #subacct-container .pwstrengthcm .progress-bar {
background-color: gold;
min-width: 5%
}
.clientareadetails #subacct-container .btn-check-all {
background-color: #17494d;
border: 1px solid #17494d;
color: #fff;
border-radius: 0;
padding: 5px 15px;
margin-left: 15px;
min-height: 51px;
min-width: 178px;
font-size: 14px
}
.clientareadetails .gobtn .btn-default {
width: 50%;
margin: 0 0 0 15px;
height: 44px
}
.clientareadetails .alert-success {
float: left;
width: 100%;
margin-top: 15px;
margin-bottom: 0
}
.clientareadetails .alert-error {
float: left;
width: 100%;
margin-top: 15px;
margin-bottom: 0
}
.clientareadetails .marketing-email-optin {
width: 100%;
float: left;
border-radius: 0;
background: #fff;
border: 1px solid #ccc;
padding: 10px 19px 16px
}
.clientareadetails .marketing-email-optin h4 {
font-size: 17px;
color: #000;
font-weight: 600;
padding: 7px 0
}
.clientareadetails .marketing-email-optin .bootstrap-switch {
background: #f51322;
border-radius: 100px;
padding-bottom: 2px
}
.clientareadetails .marketing-email-optin .bootstrap-switch-label {
background: #fff;
border-radius: 50px;
left: 4px;
position: relative
}
.clientareadetails .marketing-email-optin .bootstrap-switch-handle-on {
background: 0 0;
font-size: 15px
}
.clientareadetails .marketing-email-optin .bootstrap-switch-handle-off {
color: #fff;
background: 0 0;
font-size: 15px
}
.clientareadetails .btn-primary {
font-size: 14px;
background-color: #f51322;
border: 1px #f51322 solid;
color: #fff;
padding: 7px 20px;
border-radius: 0;
min-width: 178px;
min-height: 51px
}
.clientareadetails .btn-default {
font-size: 14px;
background-color: #17494d;
border: 1px solid #17494d;
color: #fff;
padding: 7px 20px;
border-radius: 0;
min-width: 178px;
min-height: 51px
}
.clientareadetails .btn-danger {
font-size: 14px;
color: #fff;
padding: 12px 20px;
border-radius: 0;
min-width: 178px;
min-height: 51px
}
.announcements .view_ticket_box {
float: left;
padding: 18px;
width: 100%;
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
margin-top: 30px
}
.announcements .view_ticket_box .top {
position: relative;
padding-left: 44px;
font-size: 18px;
color: #000;
border-bottom: 1px solid #edeff1;
padding-bottom: 8px;
margin-bottom: 17px
}
.announcements .view_ticket_box .top:before {
content: "";
border-bottom: 4px solid red;
width: 30px;
float: left;
position: absolute;
bottom: -4px;
left: 0
}
.announcements .view_ticket_box .top small {
font-size: 13px;
color: grey
}
.announcements .view_ticket_box .top span {
float: right;
font-size: 12px;
color: grey;
font-weight: 300
}
.announcements .view_ticket_box .top>img {
position: absolute;
top: 0;
left: 0
}
.announcements .view_ticket_box p {
font-size: 14px;
color: #505050;
line-height: 23px
}
.announcements .view_ticket_box .attachments {
float: left;
width: 100%;
border-top: 1px dashed #ccc;
padding-top: 15px
}
.announcements .view_ticket_box .attachments strong {
float: left;
font-size: 13px;
color: grey;
font-weight: 400
}
.announcements .view_ticket_box .attachments ul {
float: left;
margin: 0 0 0 13px;
padding: 0
}
.announcements .view_ticket_box .attachments ul li {
float: left
}
.announcements .view_ticket_box .attachments ul li a {
float: left;
position: relative;
padding-left: 23px;
font-size: 13px;
color: #505050
}
.announcements .view_ticket_box .attachments ul li a i {
position: absolute;
left: 0;
top: 2px;
color: #f74a55;
font-size: 18px
}
.announcements .view_ticket_box .label-warning {
background-color: transparent;
color: #f51322;
padding: 0
}
.announcements .pagerow {
margin-left: -15px;
margin-top: 15px;
width: 100%;
float: left
}
.announcements .pagerow .form-control {
height: 31px;
padding: 6px 0;
font-size: 14px
}
.emptycredit-card {
float: left;
padding: 35px 50px 35px 50px;
width: 100%;
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
margin-top: 30px;
text-align: center;
font-size: 16px;
font-weight: 600
}
.credit-card-div {
float: left;
padding: 25px 0;
width: 100%;
background-color: #fff !important;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
border: none !important;
border-radius: 0 !important;
margin: 30px 0 0 0 !important;
text-align: center;
max-width: 100% !important
}
.credit-card-div .divInnerBox {
width: 60%;
margin: 0 auto
}
.credit-card-div .divInnerBox .card-number {
background: 0 0;
border-bottom: 1px dotted #ccc;
font-size: 23px;
line-height: 38px;
color: #525152;
font-weight: 700
}
.credit-card-div .divInnerBox .card-number .fa-2x {
font-size: 36px;
position: absolute;
margin: 0 0 0 15px
}
.credit-card-div .divInnerBox .card-start {
padding: 16px 0 0 75px;
color: #939393;
font-size: 16px
}
.credit-card-div .divInnerBox .card-expiry {
padding: 15px 45px 0 0;
color: #939393;
font-size: 16px;
height: auto
}
.cardInfoDiv {
float: left;
padding: 35px 50px 35px 50px;
width: 100%;
border-radius: 0;
background-color: #fff;
box-shadow: 0 0 13px 0 rgba(0, 0, 0, .1);
margin-top: 30px
}
.cardInfoDiv .form-control {
padding-left: 15px;
height: 45px;
border-radius: 0;
color: #000;
font-weight: 600;
margin-bottom: 15px;
box-shadow: none;
margin-top: 8px
}
.cardInfoDiv .control-label {
font-size: 13px;
color: #919191;
font-weight: 300
}
.cardInfoDiv h3 {
font-size: 18px;
color: #000;
border-bottom: 1px solid #edeff1;
padding-bottom: 18px;
margin-bottom: 17px
}
.cardInfoDiv h3 i {
position: absolute;
left: 66px;
padding-top: 3px
}
.cardInfoDiv h3:after {
content: "";
border-bottom: 4px solid red;
width: 30px;
float: left;
position: relative;
top: 35px
}
.cardInfoDiv .btn-primary {
font-size: 14px;
background-color: #f51322;
border: 1px #f51322 solid;
color: #fff;
padding: 7px 20px;
border-radius: 0;
min-width: 178px;
min-height: 51px
}
.cardInfoDiv .btn-default {
font-size: 14px;
background-color: #17494d;
border: 1px solid #17494d;
color: #fff;
padding: 7px 20px;
border-radius: 0;
min-width: 178px;
min-height: 51px
}
.cardInfoDiv .mrg36 {
margin-right: 33px
}
.cardInfoDiv .fa-question-circle-o {
right: 26px;
margin: 0;
position: absolute;
top: 48px;
font-size: 20px;
color: #666;
cursor: pointer
}
.clientareaemails .btn-sm {
border-color: #53b661;
color: #53b661;
background: 0 0;
box-shadow: none
}
.clientareaemails .btn-sm:hover {
background-color: #53b661;
color: #fff !important
}
.domaintransfer h1 {
font-size: 18px;
line-height: 60px;
color: #000;
font-weight: 700
}
.domaintransfer .tDomain {
width: 100%;
border-radius: 0;
box-shadow: 0 0 9px rgba(0, 0, 0, .12);
background-color: #fff;
border: 3px solid rgba(245, 19, 34, .15);
padding: 35px 40px;
float: left
}
.domaintransfer .tDomain h2 {
font-size: 18px !important;
color: #000 !important;
font-weight: 700 !important
}
.domaintransfer .tDomain p {
font-size: 14px;
color: #9a9a9a
}
.domaintransfer .tDomain .form-control {
font-size: 14px;
letter-spacing: 1px;
color: #000 !important;
font-weight: 700
}
.domaintransfer .tDomain a {
color: #919191
}
.domaintransfer .tDomain .col-sm-5 p {
padding-top: 4px;
font-size: 12px
}
.domaintransfer .tDomain .text-left {
padding-bottom: 16px
}
.domaintransfer .tDomain .btn-transfer {
font-size: 14px;
background-color: #f51322;
border: 1px #f51322 solid;
color: #fff;
border-radius: 0;
width: 100%;
line-height: 35px;
margin-top: 22px
}
.domaintransfer .tDomain .btn-transfer:active,
.domaintransfer .tDomain .btn-transfer:focus {
background-color: #f51322;
color: #fff;
border: 1px #f51322 solid;
box-shadow: 0 0 0 0 rgba(0, 123, 255, .5) !important
}
.domaintransfer .tDomain .panel-body {
padding: 10px 0
}
.domaintransfer .tDomain .default-captcha {
background: #fff !important;
width: 100% !important;
clear: both;
border: none !important;
box-shadow: none !important
}
.domaintransfer .tDomain .default-captcha input {
height: 20px !important;
margin-top: 5px;
max-height: 20px !important
}
.domaintransfer .tDomain .slim-alert {
padding: 10px;
text-align: left
}
.addons .right h1 {
font-size: 18px;
line-height: 26px;
color: #000;
font-weight: 700;
margin-top: 15px
}
.addons .right .products .product {
border-radius: 0 !important;
box-shadow: 0 0 9px rgba(0, 0, 0, .12);
background-color: #fff !important;
border: 1px solid #f1f1f1 !important;
padding: 30px 30px 25px 30px !important
}
.addons .right .products .product header {
width: 100%;
background: 0 0 !important;
font-size: 18px;
color: #000;
font-weight: 700;
padding: 0 10px !important
}
.addons .right .products .product .product-desc {
width: 100% !important;
font-size: 14px !important;
color: #9a9a9a
}
.addons .right .products .product .product-desc p {
height: 30px
}
.addons .right .products .product .product-desc select {
height: 45px !important;
border-radius: 0 !important;
color: #000 !important;
font-weight: 600;
margin-bottom: 5px;
box-shadow: none;
padding: 0 10px;
margin-top: 10px
}
.addons .right .products .product footer {
width: 100% !important;
margin: 0 !important
}
.addons .right .products .product footer .product-pricing {
margin-bottom: 10px;
width: 50%;
float: left;
text-align: left;
padding: 0;
font-size: 24px !important;
color: #17494d;
font-weight: 500;
letter-spacing: -1px;
margin-top: 10px
}
.addons .right .products .product footer .product-pricing span {
font-size: 20px !important;
color: #17494d;
font-weight: 600;
letter-spacing: -1px
}
.addons .right .products .product footer .btn-success {
border-radius: 0;
background-color: #f51321;
height: 51px;
min-width: 178px;
font-size: 14px;
border: 1px solid #f51321;
box-shadow: none;
padding: 8px 10px;
float: right;
margin-right: 0
}
.addons .right .products .product footer .btn-success i {
color: #fff
}
.domain-renewals {
margin: 0 !important;
border-top: 0 !important;
background-color: transparent !important;
clear: both
}
.domain-renewals #domainRenewals .domain-renewal {
border-radius: 0 !important;
box-shadow: 0 0 9px rgba(0, 0, 0, .12);
background-color: #fff !important;
border: 1px solid #f1f1f1 !important;
padding: 30px 30px 25px 30px !important;
margin-bottom: 25px
}
.domain-renewals #domainRenewals .domain-renewal h3, h1.domainrenewalHeading {
font-size: 20px;
color: #000;
font-weight: 700
}
h1.domainrenewalHeading {
margin-bottom: 11px;
margin-top: 16px;
}
.domain-renewals #domainRenewals .domain-renewal p {
font-size: 14px;
color: #9a9a9a;
padding: 5px 0
}
.domain-renewals #domainRenewals .domain-renewal .label-success {
border-radius: 0;
background-color: #abcf97;
border: 1px solid #abcf97;
font-size: 14px;
color: #fff;
font-weight: 400
}
.domain-renewals #domainRenewals .domain-renewal select {
font-size: 14px;
color: #000;
font-weight: 700
}
.domain-renewals #domainRenewals .domain-renewal .btn-add-renewal-to-cart {
font-size: 14px;
background-color: #f51322;
border: 1px #f51322 solid;
color: #fff;
border-radius: 0;
width: 100%;
line-height: 37px
}
.domain-renewals .order-summary {
border: none !important;
padding: 0 !important;
margin: 0 !important
}
.domain-renewals .order-summary .orderSummaryCd {
border: 1px solid #ccc;
padding-top: 20px;
float: left;
width: 100%
}
.domain-renewals .order-summary .orderSummaryCd .summary-container {
padding: 0
}
.domain-renewals .order-summary .orderSummaryCd .total-due-today {
float: left;
width: 100%;
padding: 15px 25px 25px 25px;
border-top: 2px dashed #ccc;
margin-top: 20px
}
.domain-renewals .order-summary .orderSummaryCd .total-due-today span {
float: left;
font-size: 15px;
line-height: 36px;
color: #000;
font-weight: 700
}
.domain-renewals .order-summary .orderSummaryCd .total-due-today .amt {
font-size: 22px !important;
color: #17494d;
float: right
}
/*.domain-renewals .order-summary .orderSummaryCd .btn-primary {
background: #f51322;
border: 1px solid #d42834;
font-size: 15px;
font-weight: 700;
margin-bottom: 30px;
padding: 10px 102px
}
*/
.domain-renewals .order-summary .orderSummaryCd .btn-primary {
background: #f51322;
border: 1px solid #d42834;
font-size: 15px;
font-weight: 700;
margin-bottom: 30px;
padding: 10px 0;
width: auto;
margin: 0px 25px 20px;
display: inherit;
}
.domain-renewals .order-summary .orderSummaryCd .btn-primary i {
display: none
}
.domain-renewals .order-summary .summary-totals {
border: none !important;
padding: 0 26px !important
}
.domain-renewals .order-summary .summary-totals .pull-left {
font-size: 15px;
color: #000
}
.domain-renewals .order-summary .summary-totals .pull-right {
font-size: 20px;
color: #404040
}
.domain-renewals .order-summary h2 {
font-size: 20px !important;
font-weight: 700 !important;
color: #000 !important;
margin-bottom: 0 !important;
margin-top: 12px !important
}
.clientareaproductdetails .row {
display: flow-root !important;
clear: both !important
}
.clientareaproductdetails .tab-content {
float: left;
width: 100%
}
.clientareaproductdetails .tab-content .product-details {
margin: 40px 0 22px;
padding: 0;
width: 100%;
border: 1px solid #fedcde;
background: #fff;
float: left
}
.clientareaproductdetails .tab-content .product-details .active-domain {
background: #fbfdfa;
margin: 0;
padding: 78px 20px;
border-right: 1px dashed #ccc;
text-align: center;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
align-content: center;
min-height: 377px;
height: 100%
}
.clientareaproductdetails .product-details.clearfix .row {
display: flex !important
}
.clientareaproductdetails .tab-content .product-details .active-domain h2 {
margin: 15px auto 0;
text-align: center;
padding: 0;
width: 100%;
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 30px;
color: #000;
line-height: 30px
}
.clientareaproductdetails .tab-content .product-details .active-domain img {
margin: 0 auto;
text-align: center;
padding: 0
}
.clientareaproductdetails .tab-content .product-details .active-domain p {
margin: 18px auto 0;
text-align: center;
padding: 0;
width: 100%;
color: #72c04a;
font-size: 16px;
font-weight: 700
}
.clientareaproductdetails .tab-content .product-details .active-domain p span {
color: #000;
font-weight: 400
}
.clientareaproductdetails .tab-content .product-details .request {
margin: 15px 0 0;
padding: 0;
color: #f51322;
font-size: 13px;
font-weight: 400;
text-align: center;
width: 100%
}
.clientareaproductdetails .tab-content .product-details .upgrade {
color: #72c04a
}
.clientareaproductdetails .tab-content .product-details .active-domain h5 {
width: 100%;
text-align: center;
margin: 5px 0 0;
font-weight: 600;
color: #000;
font-size: 18px
}
.clientareaproductdetails .tab-content .product-details .manage-detail {
margin: 0;
padding: 75px 0
}
.clientareaproductdetails .tab-content .product-details .manage-detail p {
padding: 0 0 30px;
width: 100%;
color: #000;
font-size: 15px;
font-weight: 600;
margin: 0;
letter-spacing: .04em
}
.clientareaproductdetails .tab-content .product-details .manage-detail p:last-child {
padding-bottom: 0
}
.clientareaproductdetails .tab-content .product-details .manage-detail span {
color: #9a9a9a;
font-weight: 400
}
.clientareaproductdetails .tab-content .product-details .manage-detail img {
margin-right: 12px
}
.clientareaproductdetails .tab-content .product-details .today-text {
color: #000;
font-size: 18px;
font-weight: 700
}
.clientareaproductdetails .tab-content .product-details .pending>p {
color: #f82f3c !important
}
.clientareaproductdetails .tab-content .product-details .suspended>p {
color: #f82f3c !important
}
.clientareaproductdetails .tab-content .product-details .terminated>p {
color: #f82f3c !important
}
.clientareaproductdetails .tab-content .product-details .cancelled>p {
color: #f82f3c !important
}
.clientareaproductdetails .tab-content .product-details .fraud>p {
color: #f82f3c !important
}
.clientareaproductdetails .nav-tabs {
margin-bottom: 25px;
border-bottom: none;
background: #ecebeb
}
.clientareaproductdetails .nav-tabs li a {
border: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-right: 1px solid #dbdbdb;
text-transform: uppercase;
font-size: 13px;
padding: 20px 30px;
color: #2a2a2a;
font-weight: 600
}
.clientareaproductdetails .nav-tabs li a:hover {
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
color: #f82f3c !important;
box-shadow: 0 4px 0 #f82f3c inset;
border-left: none
}
.clientareaproductdetails .nav-tabs li.active a {
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff;
color: #f82f3c !important;
box-shadow: 0 4px 0 #f82f3c inset;
border-left: none
}
.clientareaproductdetails .product-details-tab-container {
border: 1px solid #ddd !important;
background: #fff
}
.clientareaproductdetails .form-control {
height: 45px;
border-radius: 0;
color: #000;
font-weight: 600;
margin-bottom: 5px;
box-shadow: none
}
.clientareaproductdetails .btn-primary {
font-size: 13px;
background-color: #f51322;
border: 1px #f51322 solid;
color: #fff;
padding: 7px 20px;
border-radius: 0
}
.clientareaproductdetails .btn-warning {
font-size: 13px;
background-color: #17494d;
border: 1px solid #17494d;
color: #fff;
padding: 7px 20px;
border-radius: 0
}
.clientareaproductdetails .panel-heading {
background-color: transparent;
border-color: transparent
}
.clientareaproductdetails .btn-default {
font-size: 13px;
background-color: #f51322;
border: 1px #f51322 solid;
color: #fff;
padding: 7px 20px;
border-radius: 0
}
.clientareaproductdetails #tabChangepw .control-label {
font-size: 13px;
color: #919191;
font-weight: 300
}
.clientareaproductdetails #tabChangepw #passwordStrengthBar {
height: 20px;
background-color: #fff;
border-radius: 0;
border: 1px solid #ccc;
box-shadow: none
}
.clientareaproductdetails #tabChangepw .glyphicon {
display: none !important
}
.clientareaproductdetails #tabChangepw #inputNewPassword2Msg {
height: 60px
}
.clientareacancelrequest input.btn.btn-danger {
font-size: 14px;
background-color: #f51322;
border: 1px #f51322 solid;
color: #fff;
padding: 7px 20px;
border-radius: 0;
min-width: 178px;
min-height: 51px
}
.clientareacancelrequest a.btn.btn-default {
font-size: 13px;
background-color: #17494d;
border: 1px solid #17494d;
color: #fff;
padding: 7px 20px;
border-radius: 0;
margin-left: 3px
}
.clientareacancelrequest select#type {
height: 45px;
border-radius: 0;
color: #000;
font-weight: 600;
margin-bottom: 5px;
box-shadow: none;
min-width: 280px
}
.clientareacancelrequest a.cencel-btn-bottom {
font-size: 13px;
background-color: #17494d;
border: 1px solid #17494d;
color: #fff;
padding: 6px 20px 9px;
border-radius: 0;
margin-left: 3px
}
.clientareacancelrequest .form-group label {
color: #b9b9b9;
font-weight: 400;
font-size: 11px;
float: left;
width: 100%;
text-align: left !important;
display: unset;
margin-bottom: 6px
}
.clientareacancelrequest .alert.alert-info.text-center {
height: 42px;
padding: 10px !important;
display: inline-block;
width: 100%;
margin-top: 20px;
text-align: left !important
}
.clientareacancelrequest .btn-input-container .form-group {
float: left;
width: 50%
}
.clientareacancelrequest .form-group.btn-group-sub-cencel .form-inline {
text-align: right;
display: unset
}
.clientareacancelrequest .form-group.btn-group-sub-cencel {
text-align: right
}
.clientareacancelrequest .form-group.btn-group-sub-cencel {
text-align: right;
margin-top: 23px
}
.clientareacancelrequest .form-group textarea {
resize: none;
border-radius: 0;
box-shadow: 0 0 0 0 #007bff !important
}
.clientareacancelrequest textarea#cancellationreason:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0 #007bff !important
}
.configureproduct .addon-products {
display: block;
margin-top: 30px;
clear: both;
float: left
}
.configureproduct .panel-addon {
box-shadow: 0 0 19px 0 rgba(0, 0, 0, .09);
border: none;
padding: 10px 10px 40px 10px;
min-height: 312px
}
.configureproduct .panel-addon .panel-body {
font-size: 14px;
color: grey;
line-height: 22px;
padding: 35px 15px 30px 15px
}
.configureproduct .panel-addon .panel-body label {
font-size: 18px !important;
line-height: 19px;
color: #545454 !important;
font-weight: 700 !important;
text-align: center;
margin-bottom: 20px
}
.configureproduct .panel-addon .panel-body .icheckbox_square-blue {
display: none
}
.configureproduct .panel-addon .panel-price {
background: 0 0 !important;
font-size: 22px;
color: #404040 !important
}
.configureproduct .panel-addon .panel-price span {
font-size: 14px !important
}
.configureproduct .panel-addon .panel-add {
background-color: #f51322 !important;
color: #fff !important;
font-size: 13px;
border-radius: 0 !important;
padding: 10px 16px !important;
width: 200px;
margin: 15px auto 0 auto
}
.configureproduct .panel-addon-selected .panel-add {
background-color: #ffc30f !important
}
.viewcart .accepttos {
padding: 15px 0
}
.viewcart .accepttos .checkbox-inline {
padding-left: 0;
font-size: 15px !important
}
.viewcart .accepttos .checkbox-inline a {
color: #f51322 !important;
font-weight: 600
}
.register_tab .accepttos {
padding-left: 24px !important;
margin-bottom: 15px !important
}
.register_tab .accepttos a {
color: #f51322 !important
}
.register_tab .accepttos .custom_checkbox input:checked+span:after {
top: 2px !important;
left: 1px !important
}
.modal-dialog {
top: 50%;
left: 50%;
margin-left: -250px;
margin-top: -130px
}
.modal-dialog .modal-title i {
color: #f51321;
border: 1px solid red;
width: 70px;
height: 70px;
border-radius: 50%;
padding: 18px !important;
font-size: 30px;
margin: 23px auto 0
}
.modal-dialog .modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: 6px;
outline: 0
}
.modal-dialog .cfms {
color: #3d3d3d;
font-size: 17px;
font-weight: 600;
max-width: 347px;
margin: 0 auto
}
.modal-dialog .dismiss-no {
width: 125px;
height: 46px;
border-radius: 0;
background-color: #17494d;
border: 1px solid #17494d;
color: #fff;
font-size: 13px;
font-weight: 700
}
.modal-dialog .btn.btn-primary.dismiss-yes {
width: 125px;
height: 46px;
border-radius: 0;
color: #fff;
font-size: 13px;
font-weight: 700;
background-color: #f51321;
border: 1px solid #f51321
}
.modal-dialog .modal-footer {
text-align: center;
display: inline-block
}
.modal-dialog .modal-header {
text-align: center;
display: inline-block;
}
.modal-dialog .modal-header i {
color: #f51321
}
.modal-dialog .modal-header span {
display: none
}
.modal-backdrop.in {
opacity: .5
}
.side_menu .lficnmn {
color: #f51322;
font-size: 20px;
position: absolute;
left: 13px
}
.side_menu li:nth-child(1) .lficnmn {
color: #179ad0
}
.side_menu li:nth-child(2) .lficnmn {
color: #f37661
}
.side_menu li:nth-child(3) .lficnmn {
color: #6ebe44
}
.side_menu li:nth-child(4) .lficnmn {
color: #fec31b
}
.side_menu li:nth-child(5) .lficnmn {
color: #179ad0
}
.side_menu li:nth-child(6) .lficnmn {
color: #f37661
}
.side_menu li:nth-child(7) .lficnmn {
color: #6ebe44
}
.side_menu li:nth-child(8) .lficnmn {
color: #fec31b
}
.side_menu li:nth-child(9) .lficnmn {
color: #179ad0
}
.side_menu li:nth-child(10) .lficnmn {
color: #f37661
}
.side_menu li:nth-child(11) .lficnmn {
color: #6ebe44
}
.side_menu li:nth-child(12) .lficnmn {
color: #fec31b
}
.ddnavbar .submenu {
display: none;
position: absolute;
background: #fff;
margin: 0;
padding: 0;
margin-top: 59px;
z-index: 99999;
min-width: 220px;
box-shadow: 0 0 10px #cec8c8
}
.ddnavbar .childsubmenu {
display: none;
position: absolute;
margin-left: 221px;
padding-left: 0;
min-width: 220px;
box-shadow: 0 0 10px #cec8c8;
background-color: #fff
}
.ddnavbar .submenu i {
position: absolute;
left: 19px;
line-height: 25px;
font-size: 10px;
top: 5px
}
.ddnavbar .childsubmenu i {
left: 20px
}
.ddnavbar ul li a {
font-size: 13px;
color: #000;
padding: 0 40px;
line-height: 15px;
width: 100%;
font-weight: 600;
max-width: 220px
}
.ddnavbar>li:hover>ul {
display: block
}
.ddnavbar>li li:hover>ul {
display: block
}
.ddnavbar .submenu li a {
padding-top: 10px;
padding-bottom: 10px;
float: left;
position: relative
}
.ddnavbar .submenu li a.pmenua:before {
content: "\f105";
font-family: FontAwesome;
position: absolute;
right: 20px;
font-size: 14px
}
.ddnavbar .submenu li a:hover {
background: #f8f8f8 !important;
color: #434343 !important
}
.ddnavbar .childsubmenu li a {
padding-top: 10px;
padding-bottom: 10px;
float: left;
font-size: 13px;
color: #434343 !important;
padding-right: 2rem !important;
padding-left: 42px !important;
font-weight: 500;
border-bottom: 0
}
.ddnavbar .submenu li:nth-child(3) ul {
top: 92px
}
.ddnavbar .submenu li:nth-child(2) ul {
top: 47px
}
.ddnavbar .submenu li:nth-child(4) ul {
top: 141px
}
.ddnavbar .submenu li:nth-child(5) ul {
top: 188px
}
.ddnavbar .submenu li:nth-child(6) ul {
top: 234px
}
.ddnavbar .submenu li:nth-child(7) ul {
top: 282px
}
.ddnavbar .submenu li:nth-child(8) ul {
top: 330px
}
.ddnavbar .submenu li:nth-child(9) ul {
top: 376px
}
.messagesicn {
width: 32px;
height: 32px;
border-radius: 50%;
background-color: #eef2f4;
color: #f37661;
position: absolute;
top: 20px;
left: 7px;
text-align: center;
line-height: 33px
}
.supportticketsubmit-steptwo .file-upload-box {
background: #f0f4f6;
border: 1px dashed #c0c3c5;
display: inline-block;
width: 100%
}
.supportticketsubmit-steptwo .up-file-field {
position: relative
}
.supportticketsubmit-steptwo .waves-effect {
position: relative;
cursor: pointer;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
background-color: #f51322 !important;
color: #fff !important;
border-radius: 0;
padding: 10px 30px;
margin: 5px;
font-family: arial;
float: right !important
}
.supportticketsubmit-steptwo .up-file-field span {
cursor: pointer
}
.supportticketsubmit-steptwo .up-file-field input[type=file] {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
margin: 0;
padding: 0;
cursor: pointer;
opacity: 0
}
.supportticketsubmit-steptwo .up-file-text-img {
float: left;
margin: 14px 12px 0
}
.supportticketsubmit-steptwo .up-r-btn {
float: right
}
.supportticketsubmit-steptwo .up-r-btn button.btn.btn-default.btn-block {
background: #17494d;
border: none;
color: #fff;
padding: 12px 22px;
font-size: 14px;
margin: 0;
letter-spacing: .04em;
border-radius: 0
}
.viewticket .file-upload-box {
background: #f0f4f6;
border: 1px dashed #c0c3c5;
display: inline-block;
width: 100%
}
.viewticket .up-file-field {
position: relative
}
.viewticket .waves-effect {
position: relative;
cursor: pointer;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
background-color: #f51322 !important;
color: #fff !important;
border-radius: 0;
padding: 10px 30px;
margin: 5px;
font-family: arial;
float: right !important
}
.viewticket .up-file-field span {
cursor: pointer
}
.viewticket .up-file-field input[type=file] {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
margin: 0;
padding: 0;
cursor: pointer;
opacity: 0
}
.viewticket .up-file-text-img {
float: left;
margin: 14px 12px 0
}
.viewticket .up-r-btn {
float: right
}
.viewticket .up-r-btn button.btn.btn-default.btn-block {
background: #17494d;
border: none;
color: #fff;
padding: 12px 22px;
font-size: 14px;
margin: 0;
letter-spacing: .04em;
border-radius: 0
}
.selectedImg {
font-weight: 600 !important;
color: #404040 !important
}
#mainNavbarCollapse .red-sp-d {
color: #f51322
}
#mainNavbarCollapse .container-domain .row {
background: url(../images/background-img.png);
max-width: 1220px;
width: 100%;
background-size: cover;
padding-bottom: 40px
}
#mainNavbarCollapse .banner-col-7 {
float: left;
width: 65%
}
#mainNavbarCollapse .domain-name-ul li {
display: inline
}
#mainNavbarCollapse .form-control.input-domain {
max-width: 364px;
float: left
}
#mainNavbarCollapse .domain-name-cintainer-inner label {
margin-bottom: 0;
padding: 14px 20px 15px 10px
}
#mainNavbarCollapse .domain-name-cintainer {
box-shadow: 0 0 30.8px 9.2px rgba(0, 0, 0, .08);
height: 76px;
padding: 10px;
background: #fff
}
#mainNavbarCollapse .container-domain h2 {
font-size: 27px;
font-weight: 800;
padding: 70px 0 25px
}
#mainNavbarCollapse .domain-name-cintainer-inner label {
margin-bottom: 0;
padding: 14px 18px 15px 10px;
float: left
}
#mainNavbarCollapse .form-control.input-domain {
max-width: 500px;
float: left;
border: 0;
border-left-color: currentcolor;
border-left-style: none;
border-left-width: 0;
height: 42px;
padding: 0 20px 0 20px;
border-left: 1px solid #e6e6e6;
border-radius: 0;
margin-top: 8px;
box-shadow: none;
outline: 0
}
#mainNavbarCollapse .form-control.input-domain:focus {
box-shadow: 0 0 0 0 rgba(0, 123, 255, .25)
}
#mainNavbarCollapse .domain-name-ul li img {
vertical-align: middle
}
#mainNavbarCollapse .domain-name-ul li span {
font-size: 17px;
color: #4a4141;
font-weight: 600;
padding-left: 14px;
position: relative;
top: 1px
}
#mainNavbarCollapse .domain-name-ul {
padding-left: 0;
padding-top: 20px;
display: flex;
overflow-x: auto
}
#mainNavbarCollapse .domain-name-ul li {
padding-right: 19px;
position: relative !important
}
#mainNavbarCollapse .domain-name-ul li::after {
content: "";
position: relative;
background: #ccd2fe;
height: 18px;
position: absolute;
width: 1px;
top: 3px;
right: -9px
}
#mainNavbarCollapse .container-domain .col-sm-4 {
padding-right: 0
}
#mainNavbarCollapse .domain-name-ul li:last-child::after {
content: none
}
#mainNavbarCollapse .domain-name-ul li:last-child {
padding-right: 0 !important
}
#mainNavbarCollapse .domain-name-ul li {
padding-left: 25px;
padding-bottom: 8px
}
#mainNavbarCollapse .banner-right-domain-img img {
padding-top: 16%;
padding-left: 12%
}
#mainNavbarCollapse .container-domain .row {
margin: 0
}
#mainNavbarCollapse .btn.btn-default.domain-search-bn {
background: #f51322;
color: #fff;
border-radius: 0;
float: right;
height: 57px;
width: 125px;
margin-left: auto
}
#mainNavbarCollapse .container-domain .dropbtn {
background-color: transparent;
color: #000;
padding: 16px;
font-size: 16px;
border: none;
cursor: pointer;
font-weight: 600;
position: relative
}
#mainNavbarCollapse .container-domain .dropbtn::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid #f51322;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent
}
#mainNavbarCollapse .container-domain .dropdown {
position: relative;
display: inline-block;
width: 84px
}
#mainNavbarCollapse .container-domain .dropdown-content {
display: none;
position: absolute;
background-color: #f1f1f1;
min-width: 160px;
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
z-index: 1
}
#mainNavbarCollapse .container-domain .dropdown-content a {
color: #000;
padding: 12px 16px;
text-decoration: none;
display: block
}
#mainNavbarCollapse .container-domain .dropdown-content a:hover {
background-color: #ddd
}
#mainNavbarCollapse .container-domain .show {
display: block
}
.button04 {
width: 192px;
text-align: center
}
.about-us-banner {
background-image: url(../images/about-usbg.png);
background-repeat: no-repeat;
padding: 75px 0 0
}
.about-us-banner .left {
padding-top: 45px
}
.about-us-banner .left h2 {
margin: 0;
padding: 0;
font-weight: 800;
font-size: 30px;
color: #f51322;
text-transform: uppercase
}
.about-us-banner .left p {
font-size: 15px;
color: #777;
line-height: 27px
}
.about-us-banner .right {
padding-top: 45px
}
.about-us-banner .right img {
float: right
}
.see-our-story-about .abt-frst-row h4 {
font-size: 23px;
letter-spacing: 0;
line-height: 39px;
color: #303030;
max-width: 830px;
margin: 80px auto;
text-align: center
}
.see-our-story-about .abt-frst-row h4 span {
color: #f51322
}
.see-our-story-about .abt-frst-row h4 img {
position: relative;
top: -12px;
right: 5px;
width: 27px
}
.see-our-story-about .scnd-frst-row h5 {
font-size: 60px;
letter-spacing: 1px;
line-height: 39px;
color: #151515;
font-weight: 700;
text-transform: uppercase;
position: relative
}
.see-our-story-about .scnd-frst-row h5 span {
font-size: 19px;
letter-spacing: 6px;
color: #949494;
font-weight: 400;
margin-left: 4px
}
.see-our-story-about .scnd-frst-row h5:after {
position: absolute;
content: "";
background-color: #e8e8e8;
height: 78px;
width: 3px;
top: 10px;
right: 62px
}
.see-our-story-about .scnd-frst-row p {
color: #777;
padding-top: 22px;
margin-bottom: 0;
font-size: 13px;
line-height: 23px
}
.see-our-story-about .about-metus-row {
margin-top: 45px
}
.see-our-story-about .about-metus-row h4 {
font-size: 22px;
line-height: 54px;
color: #2b3e4d;
font-weight: 800
}
.see-our-story-about .about-metus-row p {
font-size: 15px;
letter-spacing: 0;
line-height: 25px;
color: #777
}
.see-our-story-about .about-metus-row p span {
margin-top: 20px
}
.see-our-story-about .about-metus-row ul {
padding-left: 27px;
padding-top: 25px
}
.see-our-story-about .about-metus-row ul li {
font-size: 15px;
line-height: 35px;
color: #777;
font-weight: 600;
list-style-image: url(../images/li-about-img.png)
}
.about-why-choose-us {
background-color: #17494d;
padding: 80px 0;
margin: 90px 0
}
.about-why-choose-us .choose-us-row h2 {
font-size: 36px;
color: #fff;
text-align: center;
font-weight: 700
}
.about-why-choose-us .choose-us-row p {
color: #f51322;
font-size: 15px;
line-height: 25px;
color: #fff;
text-align: center
}
.about-why-choose-us .choose-us-row-two {
text-align: center
}
.about-why-choose-us .choose-us-row-two .border-yellow {
border-bottom: 2px solid #fee494
}
.about-why-choose-us .choose-us-row-two .border-light-yellow {
border-bottom: 2px solid #feb4a8
}
.about-why-choose-us .choose-us-row-two .border-light-blue {
border-bottom: 2px solid #6747d5
}
.about-why-choose-us .choose-us-row-two .why-choose-inner-abt {
background-color: #fff;
min-height: 320px;
padding: 56px 29px;
margin-top: 45px
}
.about-why-choose-us .choose-us-row-two .why-choose-inner-abt h5 {
font-size: 18px;
color: #000;
font-weight: 700;
padding: 25px 0 10px
}
.about-why-choose-us .choose-us-row-two .why-choose-inner-abt p {
font-size: 14px;
color: #868686
}
.wetackcareforupgrade .maintenance-inner-text-row h4 {
color: #2b3e4d;
font-weight: 800;
font-size: 36px;
line-height: 48px;
margin-top: 40px
}
.wetackcareforupgrade .maintenance-inner-text-row h4 span {
color: #f51322;
margin-top: 20px
}
.wetackcareforupgrade .maintenance-inner-text-row p {
font-size: 15px;
color: #777;
padding-right: 30px;
margin-top: 25px
}
.wetackcareforupgrade .maintenance-inner-text-row p span {
margin-top: 20px
}
.wetackcareforupgrade .maintenance-inner-text-row ul {
padding-left: 27px;
padding-top: 25px
}
.wetackcareforupgrade .maintenance-inner-text-row ul li {
font-size: 15px;
line-height: 35px;
color: #777;
font-weight: 600;
list-style-image: url(../images/li-about-img.png)
}
.great-service {
padding: 440px 0 80px
}
.great-service .great-service-row {
text-align: center
}
.great-service .great-service-row h2 {
font-size: 32px;
color: #2b3e4d;
font-weight: 800;
padding-bottom: 50px
}
.great-service .great-service-row h2 span {
color: #f51322
}
.great-service .great-service-row .maintenance-inner-img {
height: 247px;
background-color: #fff;
padding: 30px;
cursor: pointer;
transition: all .3s ease-in-out 0s;
margin-bottom: 20px
}
.great-service .great-service-row .maintenance-inner-img:hover {
box-shadow: 0 0 27px rgba(0, 0, 0, .14)
}
.great-service .great-service-row .maintenance-inner-img:hover ul {
display: block
}
.great-service .great-service-row .maintenance-inner-img h5 {
font-size: 20px;
margin-bottom: 0;
color: #454549;
font-weight: 700;
padding-top: 25px
}
.great-service .great-service-row .maintenance-inner-img p {
font-size: 14px;
color: #a1a1a1;
margin-bottom: 0;
padding: 6px 0 7px
}
.great-service .great-service-row .maintenance-inner-img ul {
display: none;
transition: all .3s ease-in-out 0s
}
.great-service .great-service-row .maintenance-inner-img ul i {
color: #97a7b2;
font-size: 20px;
transition: all .3s ease-in-out 0s
}
.frequently-questions {
background-color: #f4f8f9;
padding: 80px 0 40px
}
.frequently-questions .frequently-questions-row h2 {
font-size: 40px;
color: #0e2034;
font-weight: 700;
text-align: center;
margin-bottom: 40px
}
.frequently-questions .frequently-questions-row h2 span {
color: #f51322
}
.frequently-questions .frequently-questions-row .accordion-container-main {
max-width: 800px;
margin: 0 auto
}
.frequently-questions .frequently-questions-row .accordion-container-main .card {
border: 0 solid rgba(0, 0, 0, .125);
background-color: #f4f8f9;
position: relative
}
.frequently-questions .frequently-questions-row .accordion-container-main .card:before {
position: absolute;
left: 6px;
width: 17px;
overflow: hidden;
top: 20px;
transition: all 1s ease-in-out 1s;
content: "\f067";
font-family: FontAwesome;
color: #f51322
}
.frequently-questions .frequently-questions-row .accordion-container-main .card .card-header {
background-color: #f4f8f9;
padding: 1.2rem .5rem;
padding-left: 37px
}
.frequently-questions .frequently-questions-row .accordion-container-main .card .card-header a {
font-size: 16px;
letter-spacing: 1px;
color: #000;
transition: all 0s ease-in-out 0s
}
.frequently-questions .frequently-questions-row .accordion-container-main .card .card-header a h5 img {
margin-right: 10px
}
.frequently-questions .frequently-questions-row .accordion-container-main .card .card-body {
padding-left: 40px;
padding-top: 5px;
line-height: 22px;
letter-spacing: .3px;
color: #6f6f6f;
font-size: 13px
}
.frequently-questions .frequently-questions-row .accordion-container-main .current {
position: relative
}
.frequently-questions .frequently-questions-row .accordion-container-main .current:before {
position: absolute;
left: 6px;
width: 17px;
overflow: hidden;
top: 20px;
transition: all .3s ease-in-out 0s;
transition: all 1s ease-in-out 1s;
content: "\f068";
color: #f51322
}
.frequently-questions .frequently-questions-row .accordion-container-main .current .card-header a {
color: #f51322
}
.button05 {
float: none;
display: inline-block;
width: 243px;
font-weight: 600;
font-size: 18px
}
.website-rating {
background: url(../images/wesite-reating-bg.png);
background-size: 100%;
height: 480px
}
.website-rating .choose-us-row .rating-box .line-1sh {
box-shadow: 0 0 41px rgba(0, 0, 0, .22);
max-width: 100%;
margin: 0 auto;
z-index: 0;
position: absolute;
bottom: -792px;
width: 576px;
height: 626px;
left: 50%;
margin-left: -287px;
background: #fff
}
.website-rating .choose-us-row .rating-box .line-2sh {
box-shadow: 0 0 41px rgba(0, 0, 0, .22);
max-width: 100%;
margin: 0 auto;
position: absolute;
bottom: -810px;
width: 534px;
height: 626px;
left: 50%;
margin-left: -266px;
background: #fff;
z-index: -1
}
.website-rating .choose-us-row .rating-box .ratinginner {
padding: 75px 0;
text-align: center;
max-width: 100%;
width: 625px;
top: 150px;
height: 626px;
box-shadow: 0 0 41px rgba(0, 0, 0, .22);
background-color: #fff;
position: absolute;
left: 50%;
margin-left: -312px
}
.website-rating .choose-us-row .rating-box .ratinginner h4 {
font-size: 36px;
line-height: 51px;
color: #424242;
padding: 30px 0 0
}
.website-rating .choose-us-row .rating-box .ratinginner h2 {
font-size: 155px;
color: #424242;
font-weight: 300;
line-height: 160px
}
.website-rating .choose-us-row .rating-box .ratinginner h5 {
font-size: 25px;
color: #424242;
font-weight: 600
}
.website-rating .choose-us-row .rating-box .ratinginner img.star-im {
display: inline-block;
padding-bottom: 25px
}
@media (max-width:1300px) {
.see-our-story-about .scnd-frst-row h5:after {
right: 33px
}
.see-our-story-about .about-metus-row ul li {
font-size: 13px;
line-height: 19px;
margin-bottom: 13px
}
.see-our-story-about .about-metus-row img {
width: 100%
}
.about-why-choose-us {
padding: 60px 0;
margin: 60px 0
}
.wetackcareforupgrade {
margin-bottom: 40px
}
.wetackcareforupgrade .maintenance-inner-text-row h4 {
font-size: 28px;
line-height: 38px
}
.wetackcareforupgrade .maintenance-inner-text-row p {
font-size: 14px
}
.wetackcareforupgrade .maintenance-inner-text-row ul li {
font-size: 13px;
line-height: 19px;
margin-bottom: 13px
}
.wetackcareforupgrade .maintenance-inner-text-row .maintenance-inner-img img {
width: 100%
}
.wetackcareforupgrade .maintenance-inner-text-row .m-i-img img {
position: relative;
bottom: -40px
}
.great-service .great-service-row .maintenance-inner-img {
height: 240px;
padding: 30px 15px
}
.great-service .great-service-row .maintenance-inner-img h5 {
font-size: 18px
}
.great-service .great-service-row .maintenance-inner-img p {
font-size: 13px
}
}
@media (max-width:767px) {
.about-us-banner {
background-image: none;
padding: 0 0 0
}
.see-our-story-about .abt-frst-row h4 {
margin: 40px auto;
line-height: 34px
}
.see-our-story-about .scnd-frst-row h5 {
text-align: center;
margin: 0 auto 25px
}
.see-our-story-about .scnd-frst-row h5:after {
content: none
}
.see-our-story-about .about-metus-row img {
width: 100%
}
.see-our-story-about .about-metus-row h4 {
font-size: 20px
}
.see-our-story-about .about-metus-row ul li {
line-height: 22px;
margin-bottom: 15px
}
.about-why-choose-us {
padding: 50px 0;
margin: 35px 0
}
.about-why-choose-us .choose-us-row-two .why-choose-inner-abt {
max-height: auto;
min-height: auto;
padding: 56px 30px
}
.wetackcareforupgrade .maintenance-inner-text-row h4 {
font-size: 22px;
line-height: 36px;
margin-top: 0
}
.wetackcareforupgrade .maintenance-inner-text-row .maintenance-inner-img img {
width: 100%
}
.wetackcareforupgrade .maintenance-inner-text-row ul li {
font-size: 13px;
line-height: 22px;
margin-bottom: 10px
}
.website-rating .choose-us-row .rating-box .line-1sh {
display: none
}
.website-rating .choose-us-row .rating-box .line-2sh {
display: none
}
.website-rating .choose-us-row .rating-box .ratinginner {
position: unset;
margin-left: 0;
height: 453px;
padding: 43px 0;
max-width: 500px;
margin: 120px auto auto
}
.website-rating .choose-us-row .rating-box .ratinginner h4 {
font-size: 25px;
line-height: 4px
}
.website-rating .choose-us-row .rating-box .ratinginner h2 {
font-size: 70px;
line-height: 100px
}
.website-rating .choose-us-row .rating-box .ratinginner h5 {
font-size: 16px
}
.website-rating .choose-us-row .rating-box .ratinginner img.star-im {
display: inline-block;
padding-bottom: 25px
}
.great-service {
padding: 173px 0 60px
}
.great-service .great-service-row h2 {
font-size: 26px
}
.frequently-questions {
background-color: #f4f8f9;
padding: 80px 0
}
.frequently-questions .frequently-questions-row h2 {
font-size: 24px
}
.frequently-questions .frequently-questions-row .accordion-container-main .card .card-header a h5 {
font-size: 17px
}
}
.ssl-banner {
background-image: none
}
.ssl-banner .left h2 {
color: #f51322;
font-size: 30px;
font-weight: 800
}
.ssl-banner .left h3 {
font-size: 18px;
line-height: 29px;
color: #000;
font-weight: 700;
font-style: italic;
position: relative;
margin-top: 10px
}
.ssl-banner .left h3:after {
position: absolute;
content: "";
background-color: #f51322;
width: 243px;
height: 3px;
left: 0;
bottom: -3px
}
.ssl-banner .left ul {
margin-top: 20px
}
.ssl-banner .left ul li {
font-size: 14px;
color: #464646;
font-weight: 700;
border-bottom: 1px solid #d8e1e5;
padding: 14px 0;
width: 100%
}
.ssl-banner .left ul li img {
vertical-align: unset;
margin-right: 9px
}
.ssl-banner .left ul li b {
font-weight: 700;
width: 400px;
width: 50%;
float: left
}
.ssl-banner .left ul li b img {
vertical-align: unset;
margin-right: 9px
}
.ssl-banner .left .view-plan h6 {
font-size: 17px;
color: #000;
font-weight: 400;
font-style: normal
}
.ssl-banner .left .view-plan h5 {
font-size: 46px;
color: #323335;
font-weight: 700;
float: left;
margin-right: 40px
}
.ssl-banner .left .view-plan h5 span {
font-weight: 300
}
.ssl-banner .left .view-plan h5 sup {
font-size: 13px;
font-weight: 700;
top: -16px;
right: -1px
}
.ssl-banner .left .view-plan .button-7 {
font-weight: 500;
font-size: 13px;
width: 121px;
height: 39px;
padding: 10px
}
.sslpricing_section {
padding-top: 23px
}
.sslpricing_section .price_top {
padding-top: 0
}
.sslpricing_section .price_top .price_group .price_sect h2 {
height: 100px
}
.sslpricing_section .price_top .price_group .price_sect h2 small {
margin: 0
}
.sslpricing_section .price_top .price_group .price_sect p {
font-size: 13px;
color: #000;
font-weight: 400
}
.sslpricing_section .price_top .price_group .price_sect p span {
font-size: 12px;
color: #fff;
font-weight: 600;
width: 67px;
height: 18px;
background-color: #f51322;
padding: 0 6px;
margin-left: 15px;
position: relative
}
.sslpricing_section .price_top .price_group .price_sect p span:after {
border-color: #f63f61 transparent;
border-style: solid;
border-width: 0 5px 6px 3px;
content: "";
margin-top: -3px;
position: absolute;
left: -4px;
top: 7px;
transform: rotate(45deg)
}
.sslpricing_section .price_top .price_group .price_sect ul li:before {
-webkit-mask-image: url(../images/check.svg);
mask-image: url(../images/check.svg)
}
.ssl-effect-site {
background-color: #f4f8f9;
padding: 30px 0 75px
}
.ssl-effect-site .ssl-effect-site-row {
margin-top: 45px
}
.ssl-effect-site .ssl-effect-site-row h4 {
font-size: 36px;
line-height: 54px;
color: #222;
font-weight: 700;
padding-right: 10px;
margin-top: 55px;
max-width: 96%
}
.ssl-effect-site .ssl-effect-site-row p {
font-size: 15px;
letter-spacing: 0;
line-height: 22px;
color: #363636
}
.ssl-effect-site .ssl-effect-site-row ul {
padding-left: 27px;
padding-top: 25px
}
.ssl-effect-site .ssl-effect-site-row ul li {
font-size: 15px;
line-height: 35px;
color: #777;
font-weight: 600;
list-style-image: url(../images/li-about-img.png);
float: left;
width: 50%;
padding-right: 25px
}
.ssl-certification {
margin: 0;
padding-top: 70px
}
.ssl-certification div[class*=col-] .why-choose-inner-abt {
padding: 34px 24px;
min-height: 270px;
max-height: 270px;
position: relative
}
.ssl-certification div[class*=col-] .why-choose-inner-abt span {
font-size: 23px;
color: #3f4e6f;
font-weight: 800;
text-align: center;
background-color: #fee5e7;
position: absolute;
left: 0;
top: 0;
width: 43px;
height: 47px;
padding-top: 6px
}
.ssl-certification div[class*=col-] .sky-blue-border {
border-bottom: 2px solid #74cfed
}
.recent-changes-effact {
background-color: #fff;
padding-bottom: 90px
}
.recent-changes-effact .ssl-effect-site-row .http-image-box {
border-radius: 0;
box-shadow: 0 0 11px rgba(0, 0, 0, .22);
background-color: #fff;
padding: 16px 10px;
margin-top: 20px
}
.recent-changes-effact .ssl-effect-site-row .http-image-box img {
width: 100%
}
.recent-changes-effact .ssl-effect-site-row p {
padding-right: 17%
}
.recent-changes-effact .ssl-effect-site-row p span {
margin-top: 20px
}
.recent-changes-effact .ssl-effect-site-row h4 {
line-height: 48px;
color: #222;
margin-top: 10px;
margin-bottom: 14px
}
@media (max-width:1200px) {
.ssl-banner {
padding: 0 0 55px
}
.ssl-banner .left {
margin-top: 0
}
.ssl-banner .left ul li {
font-size: 13px
}
.ssl-banner .right img {
margin-top: 13%
}
.ssl-effect-site .ssl-effect-site-row img {
width: 100%
}
.ssl-effect-site .ssl-effect-site-row h4 {
font-size: 30px;
line-height: 40px;
margin-top: 0
}
.ssl-effect-site .ssl-effect-site-row ul li {
font-size: 14px
}
.ssl-certification {
padding-bottom: 80px
}
}
@media (max-width:991px) {
.register-domain-section>.container>.row div[class*=col-] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.register-domain-section .add_web_hosting .col-sm-6:last-child:after {
display: none
}
.register-domain-section .add_web_hosting .box {
margin-bottom: 0
}
.nav_bar .megamenu .container .row {
display: block
}
.nav_bar .megamenu .container .row .drow_menu {
margin-top: 15px
}
.nav_bar .megamenu .container .row .drow_menu h5 {
margin-left: 0
}
.nav_bar .megamenu .container .row div[class*=col-] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.nav_bar .megamenu .menu_bottom {
width: 100%
}
.nav_bar .megamenu .menu_bottom span {
width: 100%;
border: none
}
.nav_bar .megamenu .menu_bottom a {
width: 100%;
margin-top: 10px;
padding-left: 0
}
.dedicated_servers .container>.row>.col-sm-3,
.dedicated_servers .container>.row>.col-sm-9 {
max-width: 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.dedicated_servers .results_box {
margin-top: 15px
}
.get_started .button01 {
margin-top: 10px;
margin-left: 0
}
.customers .container {
padding: 0 0
}
.customers .owl-buttons {
display: none
}
.cloud_hosting .left {
padding: 15px 0;
float: left;
width: 100%
}
.cloud_hosting .left h1 {
font-size: 25px
}
.cloud_hosting .left .hosting_list ul {
width: 100%
}
.cloud_hosting .right {
padding: 15px 0
}
.choose_section .tab li a {
font-size: 11px;
padding: 13px 15px
}
.hosting_feature .hosting_sections .col-sm-4 {
flex: 0 0 50%;
-ms-flex: 0 0 50%;
max-width: 50%
}
.pricing_section .price_group {
flex-wrap: wrap
}
.pricing_section .price_group .price_sect {
width: calc(50% - 20px);
margin-bottom: 20px
}
.operating-system .operating-table {
width: 100%;
overflow-y: hidden;
overflow-x: scroll;
border: 1px solid #ccc
}
.domain .search_box {
width: 100%;
min-width: 100%
}
.domain .domain-companys .domain-companys-col {
width: calc(33.333% - 5px);
margin-bottom: 5px
}
.perfect-domain {
padding: 40px 0
}
.perfect-domain h1 {
font-size: 22px;
line-height: normal
}
.perfect-domain p {
font-size: 15px
}
.perfect-domain p br {
display: none
}
.simple-steps {
padding: 40px 0
}
.simple-steps h1 {
font-size: 25px
}
.simple-steps .simple-col h3 {
font-size: 16px
}
.simple-steps .simple-col p {
font-size: 14px
}
.toll-free .toll-free-col h6 {
font-size: 14px
}
.toll-free .toll-free-col h5 {
font-size: 17px
}
.business-row {
padding: 40px 0
}
.business-row .left h2 {
font-size: 22px;
line-height: normal
}
.business-row .left h2 br {
display: none
}
.price_list .container>.row .col-sm-3 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.price_list .container>.row .col-sm-3 .price_grid {
margin-bottom: 15px
}
.shared-hosting .row>div[class*=col-] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.shared-hosting .right {
margin-top: 20px
}
.register_page {
margin-bottom: 50px
}
.register_page .min_box {
padding: 20px
}
.register_page .left {
display: none
}
.register_page .right {
width: 100%
}
.register_page .right>h1 {
padding-left: 0;
font-size: 28px
}
.register_page .right .personal_information_form {
padding-left: 0 !important
}
.clientarea {
padding-top: 30px
}
.clientarea .container>.row>div[class*=col-] {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.clientarea .left ul.side_menu {
width: 100%
}
.clientarea .right {
margin-top: 30px
}
.register_page {
margin-bottom: 50px
}
.register_page .min_box {
padding: 20px
}
.register_page .left {
display: none
}
.register_page .right {
width: 100%
}
.register_page .right>h1 {
padding-left: 0;
font-size: 28px
}
.register_page .right .personal_information_form {
padding-left: 0 !important
}
.about-us-banner .pt-5 {
padding-top: 1rem !important
}
.about-us-banner {
padding: 14px 0 0
}
.see-our-story-about .scnd-frst-row h5:after {
content: none
}
.see-our-story-about .about-metus-row h4 {
font-size: 20px;
line-height: 22px
}
.see-our-story-about .about-metus-row ul li {
font-size: 13px;
line-height: 19px;
margin-bottom: 13px
}
.see-our-story-about .about-metus-row img {
width: 100%
}
.about-why-choose-us {
padding: 60px 0;
margin: 60px 0
}
.about-why-choose-us .choose-us-row-two .why-choose-inner-abt {
padding: 56px 15px
}
.about-why-choose-us .choose-us-row-two .why-choose-inner-abt h5 {
font-size: 19px
}
.wetackcareforupgrade {
margin-bottom: 40px
}
.wetackcareforupgrade .maintenance-inner-text-row h4 {
font-size: 22px;
line-height: 30px
}
.wetackcareforupgrade .maintenance-inner-text-row p {
font-size: 14px
}
.wetackcareforupgrade .maintenance-inner-text-row ul li {
font-size: 13px;
line-height: 19px;
margin-bottom: 13px
}
.wetackcareforupgrade .maintenance-inner-text-row .maintenance-inner-img img {
width: 100%
}
.wetackcareforupgrade .maintenance-inner-text-row .m-i-img img {
position: relative;
bottom: -152px
}
.great-service .great-service-row .maintenance-inner-img {
height: 240px;
padding: 30px 15px
}
.great-service .great-service-row .maintenance-inner-img h5 {
font-size: 18px
}
.great-service .great-service-row .maintenance-inner-img p {
font-size: 13px
}
.ssl-banner {
padding: 0 0 55px
}
.ssl-banner .row .left {
margin-top: 0
}
.ssl-banner .row .left h3 {
font-size: 15x;
line-height: 22px
}
.ssl-banner .row .left h3:after {
content: none
}
.ssl-banner .row .left ul li {
border-bottom: 0;
padding: 0
}
.ssl-banner .row .left ul li b {
width: 100%;
padding-bottom: 6px
}
.ssl-banner .row .left ul li span {
padding-bottom: 6px;
float: left
}
.ssl-banner .row .right img {
margin-top: 40%
}
.ssl-certification div[class*=col-] .why-choose-inner-abt {
padding: 34px 8px;
min-height: 290px;
max-height: 290px
}
.ssl-effect-site .ssl-effect-site-row img {
width: 100%;
margin-top: 40%
}
.ssl-effect-site .ssl-effect-site-row ul li {
width: 100%
}
.ssl-effect-site .ssl-effect-site-row h4 {
margin-top: 0;
font-size: 33px;
line-height: 41px;
margin-bottom: 20px
}
.recent-changes-effact .ssl-effect-site-row .http-image-box {
margin-top: 40%
}
.recent-changes-effact .ssl-effect-site-row .http-image-box img {
margin-top: 0
}
}
@media (max-width:767px) {
.great-service .great-service-row h2 {
padding: 0 15px
}
.ssl-banner {
padding: 30px 0 55px
}
.ssl-banner .row {
flex-direction: column-reverse
}
.ssl-banner .row .left h3 {
font-size: 15x;
line-height: 22px
}
.ssl-banner .row .left h3:after {
content: none
}
.ssl-banner .row .left ul li {
border-bottom: 0;
padding: 0
}
.ssl-banner .row .left ul li b {
width: 100%;
padding-bottom: 6px
}
.ssl-banner .row .left ul li span {
padding-bottom: 6px;
float: left
}
.ssl-banner .row .right img {
margin-top: 4%
}
.ssl-effect-site {
padding: 50px 0
}
.ssl-effect-site .ssl-effect-site-row {
margin-top: 0
}
.ssl-effect-site .ssl-effect-site-row img {
width: 100%;
margin-top: 0
}
.ssl-effect-site .ssl-effect-site-row h4 {
margin-bottom: 20px
}
.ssl-effect-site .ssl-effect-site-row ul li {
width: 100%
}
.ssl-certification div[class*=col-] {
padding-right: 15px;
width: 100%
}
.recent-changes-effact {
padding-bottom: 70px
}
.recent-changes-effact .ssl-effect-site-row p {
padding-right: 0
}
.recent-changes-effact .ssl-effect-site-row .http-image-box {
margin-top: 7%
}
.recent-changes-effact .ssl-effect-site-row .http-image-box img {
margin-top: 0
}
}
.customers .owl-prev {
background-color: #807878;
-webkit-mask: url(../images/left-arro.svg);
mask: url(../images/left-arro.svg);
color: transparent;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 18px;
height: 35px;
float: left;
mask-size: 18px 35px;
-webkit-mask-size: 18px 35px;
margin-left: -30px;
margin-top: -20px;
position: absolute;
top: 50%
}
.customers .owl-next {
background-color: #807878;
-webkit-mask: url(../images/right-arro.svg);
mask: url(../images/right-arro.svg);
color: transparent;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
width: 18px;
height: 35px;
float: right;
mask-size: 18px 35px;
-webkit-mask-size: 18px 35px;
margin-right: -30px;
margin-top: -20px;
position: absolute;
top: 50%;
right: 0
}
.offers-banner {
background: -webkit-linear-gradient(to right, #ff4b2b, #ff416c);
background: linear-gradient(to right, #ff4b2b, #ff416c)
}
.offer-view-plan {
width: 100%;
display: flex;
justify-content: center
}
.offers-banner .offers-banner-inner h2 {
color: #fff;
font-weight: 700;
text-align: center;
font-size: 36px;
margin-bottom: 5px
}
.offers-banner .offers-banner-inner p.deals_end {
font-size: 30px;
margin-top: 20px
}
.offers-banner .offers-banner-inner ul {
text-align: center;
padding: 20px 0
}
.offers-banner .offers-banner-inner ul li b {
color: #000;
background-color: #eee;
padding: 9px 20px;
border-radius: 0;
position: relative;
display: block;
font-size: 32px
}
.offers-banner .offers-banner-inner .offer-view-plan .get-started-box-offers a {
border-radius: 0;
color: #000;
background-color: #eee;
padding: 14px;
width: 216px;
font-size: 15px;
font-weight: 700
}
.offers-banner {
margin: 0;
padding: 70px 0;
float: left;
width: 100%
}
.offers-banner .offers-banner-inner p {
color: #fff;
font-weight: 700;
text-align: center;
font-size: 18px
}
.offers-banner .offers-banner-inner h5 {
color: #ffda69;
font-weight: 700;
text-align: center;
font-size: 18px
}
.offers-banner .offers-banner-inner ul li span {
font-size: 13px;
color: #fff;
float: left;
width: 100%
}
.offers-banner .offers-banner-inner .offer-view-plan .left-offer-inner {
float: left;
width: 154px;
background-image: url(../images/offer-bg-inner.png);
height: 125px;
background-repeat: no-repeat
}
.offers-banner .offers-banner-inner .offer-view-plan .left-offer-inner h5 {
font-size: 70px;
color: #f51322;
font-style: normal;
position: relative;
padding: 9px 14px 0 0;
letter-spacing: -2.8px
}
.offers-banner .offers-banner-inner .offer-view-plan .left-offer-inner h5 sup {
font-size: 25px;
top: -2px;
letter-spacing: 0
}
.offers-banner .offers-banner-inner .offer-view-plan .left-offer-inner h5 sub {
font-size: 22px;
bottom: 62px;
left: -28px;
letter-spacing: 0
}
.offers-banner .offers-banner-inner .offer-view-plan .left-offer-inner h5 span {
letter-spacing: 0;
position: absolute;
right: -22px;
font-size: 12px;
background-image: url(../images/offersimg.png);
width: 72px;
background-repeat: no-repeat;
top: 30px;
height: 24px;
padding: 5px
}
.offers-banner .offers-banner-inner .offer-view-plan .left-offer-inner h5 span b {
font-weight: 600;
position: relative;
color: #fff
}
.offers-banner .offers-banner-inner .offer-view-plan .left-offer-inner h5 span b::after {
border-color: #000 transparent;
border-style: solid;
border-width: 7px 0 0 25px;
content: "";
height: 0;
position: absolute;
right: -10px;
bottom: -3px;
transform: rotate(-198deg)
}
#SitelockLogin form img {
max-width: 98px
}
.order-div-mx.rows-1,
.order-div-mx.rows-2 {
padding-bottom: 0
}
.rows-1 .promo-cont-block-img img,
.rows-2 .promo-cont-block-img img {
width: auto;
height: 44px
}
.rows-1 .body-promo-bnr-ord-right p,
.rows-2 .body-promo-bnr-ord-right p {
line-height: 18px;
font-size: 13px;
margin: 7px 0 0
}
.order-div-mx.rows-1,
.order-div-mx.rows-2 {
padding-bottom: 0
}
.rows-1 .body-promo-bnr-ord-right .promo-cont-block-img,
.rows-2 .body-promo-bnr-ord-right .promo-cont-block-img {
margin: 0
}
.order-div-mx.rows-3 {
padding-bottom: 10px
}
.rows-3 .body-promo-bnr-ord-right .promo-cont-block-img {
margin: 12px 0
}
.rows-3 .body-promo-bnr-ord-right p {
line-height: 17px;
margin-bottom: 0;
font-size: 13px
}
#order-standard_cart .domain-input-group .btn-primary {
width: 100%
}
.panel-mc-sso select.form-control {
border: 1px solid #e7e7e7;
border-radius: 0;
box-shadow: none;
font-size: 13px;
color: #5c5c5c
}
.panel-mc-sso .btn-service-sso {
background: #f51322;
color: #fff;
border: none;
border-radius: 0;
margin: 10px 0 0;
font-size: 13px;
padding: 6px 18px
}
button.btn.btn-default.btn-sidebar-form-submit {
background: #f51322;
color: #fff;
border: none;
border-radius: 0;
margin: 10px 0 0;
font-size: 13px;
padding: 6px 18px;
}
.panel-mc-sso small {
color: #777
}
.addDecprpAddon.sb-container .sb-content {
margin-bottom: 10px
}
div#captchaContainer {
clear: both
}
#domainowndomain .tooltip-inner {
left: 20%;
position: relative
}
.viewcart .header .content {
padding-left: 10px;
padding-bottom: 5px
}
.spotlight-tld-container.spotlight-tld-container-8 {
width: 12%
}
.spotlight-tld {
display: inline-block;
width: 96%
}
#sliderSpotLight .owl-controls .owl-buttons {
position: absolute;
width: 100%;
top: 36%
}
#sliderSpotLight .owl-controls .owl-prev {
float: left;
position: relative;
font-size: 0
}
#sliderSpotLight .owl-controls .owl-next {
float: right;
position: relative;
font-size: 0
}
#sliderSpotLight .spotlight-tld {
width: 92%;
margin: 0 10px
}
#sliderSpotLight .owl-controls .owl-next::after,
#sliderSpotLight .owl-controls .owl-prev::before {
content: '←';
font-family: slick;
font-size: 30px;
line-height: 1;
opacity: .75;
color: #f51322;
-webkit-font-smoothing: antialiased;
left: 0;
position: relative
}
#sliderSpotLight .owl-controls .owl-next::after {
left: inherit;
right: 0;
content: '→'
}
.left-logo-image img {
max-width: 90%
}
.carouselInnerCT .carousel-item {
width: 210px !important
}
span.strike {
text-decoration: line-through
}
div#tableLinkedAccounts_wrapper .listtable {
overflow-x: auto
}
div#tableLinkedAccounts_wrapper .listtable table {
width: 100%
}
.providerPreLinking .social-signin-btns .btn-social.btn-google {
padding: 5px 15px
}
.btn:active:focus,
.btn:focus {
outline: 0 !important
}
.left-side-arrow-primary-header-top,
.right-side-arrow-secondary-header-top {
display: none
}
.custom-block-9 .cls-1 {
fill: #fff;
stroke: none
}
.toll-free .toll-free-col .cls-2 {
fill: #fff
}
.toll-free .toll-free-col .cls-1 {
fill: #fff;
stroke: #fff;
stroke-width: 1px
}
.register_page .right .hostxpsw {
box-shadow: 0 0 16px 0 rgba(0, 0, 0, .12);
padding: 47px 54px;
margin-top: 23px
}
.col-12.Rcaptcha .col-md-8.col-md-offset-2.col-xs-10.col-xs-offset-1,
.col-12.Rcaptcha div#google-recaptcha-domainchecker {
margin-left: 0
}
.col-12.Rcaptcha .col-md-8.col-md-offset-2.col-xs-10.col-xs-offset-1 {
margin-bottom: 20px
}
.hostx-container-psw .col-sm-12 .prebtn {
padding-left: 15px
}
#btnDomainContinue i {
color: #fff
}
div#containerAddCcEmail {
flex-direction: column
}
div#containerAddCcEmail input {
width: 100%;
margin-bottom: 10px;
border: none;
box-shadow: none;
border-bottom: 1px solid #e7e7e7;
border-radius: 0
}
.wgs-side-panels .list-group .list-group-item {
padding: 10px 5px;
border-color: #e7e7e7
}
.wgs-side-panels .list-group .ticket-details-children .title {
color: #b5b5c3
}
.wgs-side-panels .list-group-item~div {
color: #3f4254;
font-weight: 600;
font-size: 13px
}
.wgs-side-panels .panel-footer {
padding: 12px 5px 20px
}
.wgs-side-panels .panel-body {
padding: 10px 5px;
font-size: 13px;
line-height: 22px
}
.wgs-side-panels .list-group {
padding: 5px
}
.wgs-side-panels .list-group-item>.badge {
margin-top: 3px
}
.wgs-side-panels .btn i {
color: #fff;
margin: 2px;
font-size: 11px
}
.up-r-btn .btn i {
color: #fff
}
.right-content .weebly-lite-plan h4 {
font-weight: 700;
font-size: 18px;
margin-bottom: 10px
}
.innerDashTitle {
padding: 12px;
background: #fff;
display: flex;
align-items: center;
box-shadow: rgba(0, 0, 0, .11) 0 .3px .9px, rgba(0, 0, 0, .133) 0 1.6px 3.6px;
width: 100%;
margin-bottom: 30px
}
.clientarea .right .innerDashTitle h2 {
font-size: 26px;
padding-left: 5px
}
#domainregister .tooltip.top .tooltip-arrow {
left: 50%;
margin-left: 90px;
left: 0 !important;
right: 0 !important
}
.ratinginner>img {
width: 135px
}
#cPanelPackagePanel .btn-success.btn-sm {
padding-top: 6px;
padding-bottom: 6px
}
h1,
h2,
h3,
h4 {
font-family: Poppins, sans-serif
}
.nav_bar .wgs-new-mega-menu .megamenu .drow_menu h5:after {
border-bottom: none
}
.nav_bar .wgs-new-mega-menu .megamenu .drow_menu h5 {
font-size: 15px;
font-weight: 700;
color: #000;
margin-bottom: 10px;
margin-left: 12px
}
.nav_bar .wgs-new-mega-menu .megamenu .drow_menu .nav li a {
font-size: 13px;
font-weight: 600
}
.nav_bar .wgs-new-mega-menu .megamenu .register {
background-color: #f7f7f7;
padding: 20px 0 0 15px;
box-shadow: none !important;
border: none;
text-align: left;
background-image: url(../images/men-img.webp);
background-repeat: no-repeat;
background-position: center right
}
.wgs-new-mega-menu .carouselInnerCT .carousel-item {
width: 232px !important
}
.wgs-new-mega-menu .carousel.slide {
max-width: 220px;
padding-bottom: 15px
}
.nav_bar .wgs-new-mega-menu .navbar-nav>li {
float: none;
display: inline-block;
text-align: right;
vertical-align: middle
}
.nav_bar .wgs-new-mega-menu .navbar-nav>li>a {
font-size: 15px
}
.header.wgs-new-header-top .right .right_navi li a {
padding: 6px 15px;
font-size: 13px;
font-weight: 600;
color: #000
}
.header.wgs-new-header-top .right .right_navi li a i {
font-size: 16px;
color: #000;
font-weight: 600
}
.wgs-new-header-top span.label.label-success.wgs-custom-label-cart-hostx {
top: 7px;
right: 6px
}
.nav_bar .wgs-new-mega-menu .megamenu {
top: 71px !important;
left: 0;
right: 0;
margin: 0 auto;
max-width: 100%
}
.nav_bar .wgs-new-mega-menu .megamenu .register h2.tld-list-show {
color: #f51322;
font-weight: 700;
font-size: 30px;
letter-spacing: -.2px
}
.nav_bar .wgs-new-mega-menu .megamenu .register h2.tld-list-show-price {
border-bottom: none !important;
color: #0a1b11;
margin-top: 18px;
margin-bottom: 7px;
font-weight: 700;
font-size: 28px;
line-height: 28px;
padding: 0
}
#mainNavbarCollapse.wgs-new-mega-menu p.my-3 {
font-size: 17px;
line-height: 24px;
margin: 20px 0 0 !important;
color: #0a1b11;
max-width: 91%
}
.nav_bar #mainNavbarCollapse.wgs-new-mega-menu .megamenu a.learn_btn.mb-4 {
margin-bottom: 0 !important;
margin-top: 0;
line-height: 36px;
height: auto;
min-height: auto;
box-shadow: none !important;
background: #000;
border: none !important;
width: auto;
font-size: 15px;
font-weight: 700;
position: relative;
padding-right: 25px;
color: #fff
}
.nav_bar .wgs-new-mega-menu .megamenu .col-md-4.text-center {
padding-left: 0
}
a.btn.btn-danger.text-uppercase.learn_btn.mb-4::after {
background: url(/templates/hostx/images/hx-right-arrow.svg);
content: "";
position: absolute;
width: 20px;
height: 11px;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
top: 18px;
margin-left: 6px
}
.wgs-new-mega-menu a.btn.btn-danger.text-uppercase.learn_btn.mb-4::after {
display: none
}
.wgs-new-mega-menu .slick-list h5.mb-4 {
font-size: 16px
}
.wgs-new-mega-menu .drow_menu p {
font-size: 14px;
margin-left: 10px;
font-weight: 600
}
.nav_bar .wgs-new-mega-menu .megamenu .drow_menu>h3 {
font-size: 16px
}
.nav_bar .wgs-new-mega-menu .megamenu .drow_menu a:hover {
background: 0 0
}
.nav_bar .wgs-new-mega-menu .megamenu .drow_menu {
margin-top: 0
}
.nav_bar .wgs-new-mega-menu .megamenu .col-md-4 {
margin-top: 40px;
margin-bottom: 40px
}
.wgs-new-header-top .right .right_navi li:first-child a .fa {
font-size: 16px;
margin-top: -3px;
color: #000
}
.header.wgs-new-header-top .right .right_navi li.languageDiv a .fa {
font-size: 16px;
color: #000
}
.header.wgs-new-header-top .right .right_navi li a,
.header.wgs-new-header-top .right .right_navi li.languageDiv a {
border: none
}
.nav_bar .wgs-new-mega-menu .megamenu .drow_menu .nav li a {
padding: 1rem 1rem
}
.nav_bar .wgs-new-mega-menu .navbar-nav>li.menu-last-btn a {
background-color: transparent !important;
color: #777;
border-left: 0 solid #e7e7e7;
border-right: 0 solid #e7e7e7
}
.nav_bar .wgs-new-mega-menu .megamenu .drow_menu>h3 {
margin: 0 0 10px 10px
}
nav#myHeader .wgs-new-mega-menu .menu-last-btn.open .megamenu .container {
padding-left: 0
}
a.logo.wgs-new-head-logo {
display: none
}
@font-face {
font-family: samsung-sharp-sans;
src: url(../fonts/samsungsharpsans-bold.otf)
}
.new_hx-business-banner {
background-color: #fee;
padding: 90px 0 270px;
clear: both;
position: relative
}
.hx-business-block {
max-width: 615px
}
.hx-banner-business-content h1 {
font-size: 60px;
line-height: 70px;
color: #000;
letter-spacing: 1px;
font-family: samsung-sharp-sans;
margin-bottom: 38px
}
.hx-banner-business-content span {
font-size: 18px;
line-height: 35px;
color: #000;
font-weight: 600;
font-family: Poppins;
display: inline-block;
background-color: #ffd76a;
padding: 0 12px;
margin-bottom: 10px
}
.hx-banner-business-content p {
font-size: 14px;
letter-spacing: .04em;
line-height: 24px;
color: #000;
font-weight: 500;
font-family: Poppins
}
.hx-bnr-list p {
font-size: 13px;
letter-spacing: .32px;
line-height: 19px;
color: #0a1b11;
font-weight: 600;
font-family: Poppins;
padding-left: 16px;
margin-bottom: 0;
text-align: left
}
.hx-business-block .hx-business-list li {
margin-right: 0
}
.hx-bnr-list {
display: flex;
align-items: center
}
.hx-bnr-list img {
width: 36px;
height: 36px
}
.hx-business-list li {
padding: 0 30px
}
.hx-business-list li:first-child {
padding-left: 0;
padding-right: 40px
}
.hx-business-list li:not(:last-child) {
border-right: 1px solid #c1dccc
}
.hx-business-list {
padding-top: 30px
}
.business-block .hx-business-list {
padding-top: 55px
}
.getstart-business-btn span img {
transition: all .3s ease-in-out 0s;
opacity: 0;
visibility: hidden;
width: 0
}
.getstart-business-btn:hover span img {
width: 16px;
opacity: 1;
visibility: visible
}
.hx-business-list .business-brdr-right {
border-right: 0
}
.getstart-business-btn {
font-size: 16px;
line-height: 26px;
color: #feebdc;
font-weight: 600;
font-family: Poppins;
border-radius: 0;
padding: 16px;
background-color: #17494d;
min-width: 240px;
transition: all .4s ease;
border: 1px solid transparent;
position: relative;
padding-left: 30px
}
.getstart-business-btn span {
padding-left: 12px
}
.getstart-business-btn:hover {
color: #feebdc;
padding-left: 16px
}
.getstart-business-btn:focus {
box-shadow: none;
color: #feebdc
}
.hx-business-btn {
padding-top: 25px
}
.hx-banner-business-img img {
border-bottom-left-radius: 100px
}
.hx-banner-business-img::after {
content: "";
position: absolute;
width: 99%;
height: 100%;
background-color: #ffd76a;
right: -61px;
left: 15px;
border-bottom-left-radius: 90px;
top: 10px;
z-index: -1
}
.hx-banner-business-img {
position: relative;
z-index: 1
}
.hx-business-banner {
background: #fee url(../images/business-bannerone.png) no-repeat;
background-size: cover;
padding: 85px 0 280px;
clear: both
}
.business-content h1 {
font-size: 63px;
letter-spacing: -1px;
line-height: 84px;
color: #000;
font-weight: 700;
font-family: Poppins;
text-align: center;
margin-bottom: 30px
}
.business-content h5 {
font-size: 25px;
line-height: 35px;
color: #0a1b11;
font-weight: 600;
font-family: Poppins;
text-align: center
}
.business-content h1 span {
background: url(../images/heading-bg.png) no-repeat;
background-size: cover;
width: 100%;
padding: 0 20px
}
.business-content p {
font-size: 14px;
line-height: 24px;
color: #000;
font-weight: 400;
font-family: Poppins;
text-align: center;
max-width: 545px;
margin: auto
}
.hx-business-list.business-block {
max-width: 670px;
margin: auto;
padding-top: 55px
}
.business-btn {
font-size: 16px;
line-height: 26px;
color: #fff;
font-weight: 600;
font-family: Poppins;
border-radius: 0;
padding: 12px;
background-color: #17494d;
min-width: 182px;
transition: all .4s ease;
border: 1px solid transparent
}
.business-btn:hover {
background-color: transparent;
border: 1px solid #17494d;
color: #17494d
}
.business-btn:focus {
box-shadow: none;
color: #fff
}
.business-start-btn {
padding-top: 40px
}
.business-block .hx-business-list li {
margin-right: 0;
padding: 0 38px
}
.business-block {
text-align: center
}
.features-option3 .features-col:hover {
transform: scale(1.05)
}
.technical-specifications .cols:hover {
-webkit-box-shadow: 0 14px 30px 0 rgb(76 76 76 / 19%);
box-shadow: 0 14px 30px 0 rgb(76 76 76 / 19%);
transform: scale(1.03)
}
.simple-steps .simple-col:hover {
box-shadow: 0 14px 45px 0 rgba(205, 205, 205, .35)
}
.vps-plan-box {
transition: all ease-in-out .5s;
transform: translateY(0)
}
.vps-plan-box:hover {
transform: translateY(-10px);
box-shadow: 0 0 15px #00000026;
-webkit-box-shadow: 0 0 15px #00000026
}
.block-5:hover {
transform: scale(1.04)
}
.b-left-box:hover {
box-shadow: 0 30px 50px -20px rgb(0 0 0 / 11%);
z-index: 1
}
.block-box.block-5 {
height: auto
}
.features-option2.features-option4 .features-col,
.landing-page.ox .pricing .btn-primary:focus {
box-shadow: none
}
.why-choose-inner-abt:hover img {
transform: translateY(-10px);
transition-delay: .3s
}
.why-choose-inner-abt img {
transform: translateY(0);
transition: all .3s ease-in
}
.block-box:hover {
background-color: #fff;
-webkit-box-shadow: 0 14px 45px 0 rgba(205, 205, 205, .35);
box-shadow: 0 14px 45px 0 rgba(205, 205, 205, .35)
}
.pricing_section .price_group .owl-item:nth-child(2) .price_sect .bottom_sect .button03:hover,
.pricing_section .price_group .owl-item:nth-child(4) .price_sect .bottom_sect .button03:hover,
body .pricing_section .price_group .owl-item:nth-child(3) .price_sect .bottom_sect .button03:hover {
background-color: transparent
}
.pricing_section .price_group .owl-item:nth-child(2) .price_sect .bottom_sect .button03:hover {
border-color: #fec310;
color: #fec310
}
.pricing_section .price_group .owl-item:nth-child(3) .price_sect .bottom_sect .button03:hover {
border-color: #000;
color: #000
}
.pricing_section .price_group .owl-item:nth-child(4) .price_sect .bottom_sect .button03:hover {
border-color: #fe7760;
color: #fe7760
}
.bandwidth {
background-color: #3e3e3e
}
.md-header.btn-toolbar button.btn-sm.btn.btn-primary:focus {
box-shadow: none
}
#order-standard_cart .configureProductDiv .left .personal_section ul li:before,
.landing-page .innr_bx_lastsec .btn,
.landing-page .innr_bx_lastsec .btn:active,
.landing-page .innr_bx_lastsec .btn:focus,
.landing-page .innr_bx_lastsec .btn:hover,
.landing-page .navs_tab_ssl_sec,
body .continue-row button.btn.btn-primary,
body .landing-page .features,
body .landing-page .get-started,
body .landing-page.codeguard .pricing,
body .landing-page.ox .header,
body .landing-page.ox .pricing th,
body .landing-page.sitelock .emergency,
body .landing-page.sitelock .plans,
body .landing-page.sitelockvpn .btn-signup.highlight1,
body .landing-page.sitelockvpn .btn-signup.highlight2,
body .landing-page.sitelockvpn .feature.pricing,
body .landing-page.sitelockvpn .hero,
body .landing-page.ssl .competitive-upgrade-promo,
body .landing-page.ssl .validation-levels,
body .store-order-container .continue-row button.btn.btn-primary:hover {
background-color: #17494d
}
.landing-page.weebly .faq {
padding: 80px 0 0
}
.landing-page .pricing-item,
.pricing-item:hover .price.price_grid:after {
transition: all .3s ease-in
}
.frequbntly_asked1 .top h5:before {
background-color: #f51322
}
.landing-page.ssl .validation-levels .item {
height: 100%
}
body .landing-page.ssl p.help-me-choose a {
color: #fff
}
.landing-page.ssl .navbar #nav-ssl .navbar-nav li a,
body .landing-page.sitelockvpn .feature.pricing .price {
color: #17494d
}
#sslDetail .row.help-me-choose .btn-primary,
.landing-page.ox .pricing .btn-primary,
.md-header.btn-toolbar button.btn-sm.btn.btn-primary,
.ssl-certs-all .btn-success,
body .landing-page.marketgoo .plan .btn-signup {
background-color: #17494d;
border-color: #17494d
}
#order-standard_cart .addon-promo-container a,
.shared-hosting .left .personal_section h2,
body .landing-page.ox h3,
body .landing-page.sitelockvpn .feature.world span,
body ul.nav.nav-tabs.store-domain-tabs.tab-store-ul li.active a {
color: #17494d
}
form#frmConfigureProduct .row.leftRow .personal_section h2 {
color: #000
}
body .landing-page.ssl .browser-notice .wrapper {
height: auto;
margin-top: 0
}
body form#frmAddToCart ul.nav.nav-tabs.store-domain-tabs.tab-store-ul li.active a {
border-color: #17494d !important;
background-color: transparent
}
.store-order-container .nav li.active::after {
border-top: 9px solid #17494d
}
.landing-page.ssl .what-is-ssl ul li {
position: relative;
padding-left: 30px
}
body .landing-page.ssl .what-is-ssl .fas {
font-size: 1.4em;
position: absolute;
left: 0;
margin-top: 4px
}
.landing-page.sitelock .plans .plan-comparison .plan {
width: 100%
}
html body .landing-page.sitelock .plans .plan ul {
height: auto
}
.landing-page.sitelock .plans .plan ul li span {
word-break: break-word
}
.landing-page.sitelockvpn .feature.pricing .pricing-box .label-info,
body .landing-page .get-started .btn-order-now,
body .landing-page.marketgoo .plan .header .best-value,
body .landing-page.sitelockvpn .btn-start {
background-color: #f51322
}
body .landing-page.marketgoo .plan.marketgoo_pro .header h4 {
color: #f51322
}
body .landing-page.ox .stand-out ul {
padding: 0
}
#pricing .inner-left_col {
border-right: 1px solid #ffffff52
}
.landing-page #pricing .btn-group.choose-product .btn:first-child.active,
.landing-page #pricing .btn-group.choose-product .btn:last-child.active {
background-color: #fff;
border-color: #fff
}
.landing-page #pricing .btn-group.choose-product .btn:first-child,
.landing-page #pricing .btn-group.choose-product .btn:last-child {
background-color: #1e6b71ad;
border-color: #1e6b71ad
}
.store-order-container .continue-row a.btn.btn-default:hover {
padding: 10px 15px
}
.store-order-container .continue-row a.btn.btn-default {
transition: all .3s ease
}
.store-order-container .continue-row a.btn.btn-default i {
opacity: 0;
visibility: hidden
}
.store-order-container .continue-row a.btn.btn-default:hover i {
color: #000;
opacity: 1;
visibility: visible
}
.landing-page.ox .stand-out .row {
padding-top: 40px
}
.landing-page.ox .stand-out .wrapper p,
.landing-page.ox .stand-out .wrapper ul li {
font-size: 15px;
line-height: 24px
}
body .right-content .store-promoted-product .btn:active,
body .right-content .store-promoted-product .btn:active:focus,
body .store-promoted-product .btn:focus {
box-shadow: none;
background-color: transparent;
color: #000
}
#faq .wgs-question-div .panel-heading {
border: 2px solid #efefef
}
.domain-block-home .col-md-5 {
max-width: 100%;
flex: 0 0 100%;
-ms-flex: 0 0 100%
}
.domain-block-home .col-md-5 ul.domain-block-tld-price {
margin: 25px 0;
text-align: center
}
.pricing_section ul#changeBillingCycle {
background: #eee;
border-radius: 25px
}
.pricing_section ul#changeBillingCycle li a {
transition: unset
}
.pricing_section ul#changeBillingCycle li a.active,
.pricing_section ul#changeBillingCycle li a:hover {
background: #000;
color: #fff;
border-radius: 25px
}
body #wgs-toplink {
bottom: 90px;
right: 35px
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag:focus {
outline: 0
}
.price_list .price_grid .price_grid_last p {
color: #fff
}
div#tableServicesList_wrapper div#tableServicesList_filter input {
width: 100%;
margin: 0
}
div#tableDomainsList_wrapper #tableDomainsList th.sorting_disabled {
/* display: none */
}
#locationList a.dropdown-item:first-child {
font-size: 14px;
font-weight: 600;
margin: 4px 0
}
.clientarea.account-paymentmethods .right a.btn.btn-primary:focus {
box-shadow: none
}
.clientarea.account-paymentmethods .right a.btn.btn-primary {
background-color: #17494d;
border-color: #174943
}
.clientareadetails .row+.form-group {
padding-top: 15px;
display: inline-block
}
.wgs-new-mega-menu .fa-home {
color: #3d4751;
padding-left: 28px;
font-size: 17px
}
.hx-tablesearchbar input.form-control {
padding-top: 12px
}
.wgs-menu-in-clientarea {
margin-left: auto;
width: calc(100% - 271px);
display: flex;
align-items: center
}
.clientarea-entered .new-mega-menu-right-bar li a:focus {
background-color: transparent
}
.wgs-new-mega-menu .carouselInnerCT .carousel-item h5 {
font-size: 13px
}
.clientarea.account-paymentmethods .right a.btn.btn-primary {
padding: 6px 12px;
font-size: 13px
}
#order-standard_cart .configureDomainsBtn,
.btn,
.btn-group-vertical>.btn,
.btn-group>.btn,
.clientarea.account-paymentmethods .right a.btn.btn-primary,
.clientareaemails .btn-sm,
.inner-content-area .btn-info,
.md-editor,
body #btnCompleteProductConfig {
border-radius: 0
}
.inner-content-area .select-account a {
color: #262626;
font-weight: 600
}
.inner-content-area .label-info {
background-color: #17494d;
margin: 0 4px
}
.inner-content-area .btn-info {
background-color: #17494d;
border-color: #17494d;
padding: 7px 20px;
min-width: 178px;
min-height: 51px;
margin-top: 15px
}
.btn:active,
.inner-content-area .btn-info:active,
.inner-content-area .btn-remove-user:active,
.inner-content-area .btn-remove-user:focus {
box-shadow: none !important
}
.inner-content-area .btn-remove-user,
.inner-content-area .btn-remove-user:focus {
background-color: #f51322;
border-color: #f51322
}
.inner-content-area .btn-manage-permissions,
.inner-content-area .btn-remove-user {
opacity: 1;
font-size: 13px;
font-weight: 600;
padding: 5px 9px
}
.account-user-management .inner-content-area p:not(:first-child) {
font-size: 13px;
line-height: 22px;
margin-bottom: 15px
}
.inner-content-area .form-group label input[type=radio] {
margin-top: 2px
}
div#invitePermissions .checkbox-inline,
div#invitePermissions .radio-inline {
font-size: 13px;
margin-bottom: 8px
}
body section#main-body.wgs-in-cart {
background-color: #fff
}
.viewCartDiv.checkoutDiv .row .col-md-8 .row .col-sm-12,
.viewCartDiv.checkoutDiv .row.margin-bottom .col-sm-6 {
padding: 0
}
div#modalAjax .panel-primary>.panel-heading {
background-color: #17494d;
border-color: #17494d;
border-radius: 0
}
button#btnAddUpSell,
div#modalAjax .btn-default {
padding: 3px 20px
}
button#btnAddUpSell {
background-color: #f51322;
border-color: #f51322
}
.inner-content-area table.table.table-striped {
background-color: #fff
}
.inner-content-area .table-striped tbody tr:first-child {
background-color: rgb(247 245 246)
}
.inner-content-area .table-striped tbody tr td,
.inner-content-area .table-striped tbody tr th {
padding: 12px
}
.home-logo-mega-menu-dropdown i {
color: #3d4751;
padding-left: 28px;
font-size: 17px
}
.primary-side-open-close-side-new {
padding-top: 5px
}
.home-logo-mega-menu-dropdown,
a.home-logo-mega-menu {
padding-top: 7px
}
span.address span.small {
padding-left: 27px;
display: inline-block;
font-size: 12px;
line-height: 18px;
margin-top: 5px
}
#order-standard_cart .account-select-container div.account label,
span.address strong {
font-weight: 600
}
#order-standard_cart .account-select-container div.account span.label.label-info {
background-color: #17494d
}
div#containerNewUserSignup .col-sm-6:nth-child(even) {
padding-right: 0;
padding-left: 10px
}
div#containerNewUserSignup .col-sm-6:nth-child(odd) {
padding-left: 0;
padding-right: 10px
}
.ddnavbar .submenu li:nth-child(3) ul {
top: 71px
}
.ddnavbar .submenu li:nth-child(4) ul {
top: 105px
}
.content-block.certificate-options.dv .col-sm-8.col-sm-offset-4.text-center,
.landing-page.ssl .col-sm-9.col-sm-offset-3.text-center {
max-width: 100%;
flex: 0 0 100%;
-ms-flex: 0 0 100%
}
.landing-page.sitelock .plans .plan {
overflow: hidden
}
.landing-page.sitelock .plans .plan .header {
position: relative
}
.landing-page.sitelock .plan-comparison .plan:hover .new_mothly-text::after {
position: absolute;
bottom: -10px;
left: 0;
right: 0;
content: "";
border-top: 31px solid #f51322;
width: 0;
border-left: 4.23em solid transparent;
border-right: 4.23em solid transparent
}
.right-content .get_started h1 {
color: #fff
}
div#configoptions .col-sm-5 {
text-align: left
}
.clientareaproductdetails .nav-tabs li.active a:focus {
background-color: #fff
}
body #offerStyleOne .modal-dialog {
transform: translate(0, -50%);
left: 0;
right: 0;
margin: auto
}
.pricing_section .price_group #productList .price_sect span.qty {
position: absolute;
right: 36px;
top: 28px;
background-color: #fffbed;
padding: 2px 5px;
font-size: 13px;
color: #333;
font-weight: 500
}
.wgs-new-header-top a.telephoneanchor, a.telephoneanchor {
position: relative;
top: 1px;
}
a.telephoneanchor i {
margin-right: 2px
}
.new-hx-tabs {
padding-bottom: 50px
}
body #order-standard_cart .viewCartDiv.checkoutDiv .marketing-email-optin span.bootstrap-switch-label {
border-radius: 50px
}
.viewCartDiv.checkoutDiv .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on {
padding-left: 10px;
padding-right: 7px
}
body #order-standard_cart .viewCartDiv.checkoutDiv .showMarketingEmail .bootstrap-switch {
padding-bottom: 0;
padding-left: 7px
}
body #order-standard_cart .viewCartDiv.checkoutDiv .showMarketingEmail .bootstrap-switch-handle-off {
padding-left: 1px
}
body #order-standard_cart .viewCartDiv.checkoutDiv .bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off {
padding: 5px 7px
}
body #order-standard_cart .viewCartDiv.checkoutDiv .showMarketingEmail span.bootstrap-switch-label {
width: 24px !important;
height: 24px !important
}
div#containerPassword .col-sm-6,
div#domainRegistrantInputFields .col-sm-6 {
padding-left: 0
}
#order-standard_cart .viewCartDiv #btnEmptyCart {
text-decoration: none
}
.intl-tel-input.separate-dial-code .selected-dial-code:focus,
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag:focus {
outline: 0
}
div#sub-domain .row,
div#sub-domain .row .col-sm-8 {
max-width: 100%
}
div#sub-domain .row {
width: 100%
}
.announcements .view_ticket_box .top::after,
.view_ticket_col .shared-hosting .view_ticket_box .top:after {
position: absolute;
left: 1px;
top: 0;
content: "\f007";
font-family: fontawesome;
font-weight: 400;
color: #f51322;
background-color: #eef2f4;
border-radius: 50%;
z-index: 1;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center
}
.announcements .view_ticket_box .top>img,
.view_ticket_col .shared-hosting .view_ticket_box .top>img {
display: none
}
#order-standard_cart div#domainRegistrantInputFields {
padding-top: 15px
}
#myHeader #mainNavbarCollapse .navbar-nav .menu_top.open:focus,
#myHeader #mainNavbarCollapse.wgs-new-mega-menu .navbar-nav a.menu_top:focus {
background-color: transparent;
border-color: transparent
}
.landing-page.marketgoo .hero h2,
div#feature h1 {
text-align: center
}
button.btn.btn-default.btn-service-sso:focus {
color: #fff
}
body .landing-page.sitelock .plans .plan .footer select {
max-width: 250px
}
.kb-rate-article .btn-lg,
.kb-rate-article .btn-lg:hover {
color: red;
text-decoration: none
}
#sslDetail .row.help-me-choose .btn-primary {
word-break: break-word;
white-space: inherit
}
body #sslDetail #collapseFaq .panel-body p a {
color: #f51322
}
.landing-page.ox .col-md-6.col-md-pull-6 {
right: 0
}
.landing-page.ox .col-md-push-6 {
left: 0
}
.row.help-me-choose ul {
padding-left: 0
}
body .landing-page.ssl .help-me-choose .ideal,
body .landing-page.ssl .help-me-choose .ssl-types-expl {
text-align: left
}
.content-block.standout .col-sm-offset-3 {
margin-left: 0
}
.content-block.what-is-ssl.standout .col-md-push-9 {
right: 0;
left: unset
}
.content-block.what-is-ssl.standout .col-md-pull-3 {
left: 0
}
.landing-page.ssl ul.ssl-certs-all .padded-cell .btn {
min-width: 95px
}
.landing-page.ssl ul.ssl-certs-all .col-sm-2 {
max-width: 22%
}
body .landing-page.ssl ul.ssl-certs-all .price strong {
font-size: 1.5em
}
#modalBillingAddress .modal-dialog {
left: 0;
margin: 0 auto;
max-width: 800px;
top: 0;
transform: unset
}
.error-container .buttons a.btn.btn-primary.btn-lg {
background-color: #262626;
border-color: #262626
}
.inner-content-area .form-group .btn-default {
background-color: #17494d;
border-color: #17494d;
color: #fff;
}
div#tabAddons .col-xs-10.col-xs-offset-1 {
width: 100%;
margin: 0
}
div#modalRemoveItem .modal-dialog {
margin: auto;
max-width: 500px;
transform: translate(0, 50%);
left: 0;
top: 0
}
div#modalEmptyCart,
div#modalRemoveItem {
padding-right: 0 !important
}
div#modalEmptyCart .modal-dialog {
left: 0;
margin: auto;
top: 0;
transform: translate(0, 50%)
}
.choose_a_domain h6,
.configureDomainsDiv.col-md-12 h2 {
font-size: 18px;
font-weight: 700
}
#order-standard_cart .viewCartDiv #btnEmptyCart {
display: flex;
align-items: center;
padding: 4px 9px
}
#order-standard_cart .viewCartDiv #btnEmptyCart span {
font-size: 12px;
font-weight: 600;
margin-left: 3px
}
#order-standard_cart .viewCartDiv .view-cart-items .item .item-price .dropdown-menu>li>a {
font-size: 13px
}
.domain-block-tld {
overflow-x: auto
}
.domain-block-home .col-md-5 ul.domain-block-tld-price {
display: flex
}
#mainNavbarCollapse .domain-name-ul::-webkit-scrollbar,
.domain ul.domain-options::-webkit-scrollbar {
width: 10px;
height: 3px
}
#mainNavbarCollapse .domain-name-ul::-webkit-scrollbar-thumb,
.domain ul.domain-options::-webkit-scrollbar-thumb {
background: #888
}
.news-slider-show .slick-next {
display: none !important
}
.news-slider-show .slick-prev {
display: none !important
}
body #order-standard_cart label {
font-weight: 600;
color: #464646;
font-size: 13px;
margin-bottom: 8px
}
span.promo.hot span {
background: #f3b806;
border-radius: 2px;
padding: 0 8px 1px;
font-size: 10px;
font-weight: 700;
margin-top: -2px;
color: #fff
}
#order-standard_cart .view-cart-items .item-price span,
#order-standard_cart .view-cart-items .item-title {
font-size: 15px;
font-weight: 600
}
#order-standard_cart .viewCartDiv .view-cart-items .item .edit-from-cart i {
color: #17494d
}
#order-standard_cart .viewCartDiv .view-cart-items .item .dropdown .dropdown-toggle span.caret {
position: relative;
top: 9px;
float: right;
right: 0
}
body #order-standard_cart .addon-promo-container label {
width: 100%
}
form#frmConfigureProduct .addon-promo-container .radio-inline {
padding-left: 0
}
#frmConfigureProduct div#productConfigurableOptions .col-sm-12,
#frmConfigureProduct div#productConfigurableOptions .col-sm-6 {
padding: 0
}
#order-standard_cart .viewCartDiv .view-cart-items .item small {
font-size: 10px;
line-height: 18px;
margin-top: 5px;
display: inline-block;
font-weight: 500
}
#order-standard_cart .mc-promo .headline {
font-weight: 600;
font-size: 20px
}
#order-standard_cart .mc-promo .tagline {
font-size: 14px;
font-weight: 400
}
.pricing_section .price_group .price_sect .bottom_sect .button03:focus {
color: #fff
}
div.header-lined h1 {
margin-top: 10px;
margin-bottom: 15px;
padding: 6px 0 16px;
border-bottom: 1px solid #e7e7e7;
font-weight: 400;
color: #f51322;
font-size: 28px
}
#order-standard_cart .viewCartDiv .order-summary .orderSummaryCd .total-due-today+div,
#order-standard_cart .viewCartDiv .order-summary+div {
display: inline-block;
width: 100%;
padding: 0 20px
}
body #order-standard_cart .form-group.billingcycleDiv label,
div#productConfigurableOptions .form-group label:first-child {
font-size: 15px;
font-weight: 600;
color: #000;
margin-bottom: 10px
}
.clientarea-entered .new-mega-menu-right-bar li:first-child {
position: relative;
top: 2px
}
.clientarea-entered a.telephoneanchor {
top: 0
}
.sidebar-hostx-sec .panel-sidebar a.list-group-item.active i {
color: #555
}
.clientarea .col-xs-12.main-content {
padding-top: 40px
}
.nav_bar .navbar-nav>li a:focus {
border-top-color: transparent
}
.clientarea .sidebar-hostx-sec .panel-sidebar.view-filter-btns .list-group-item.active {
background-color: transparent
}
.features-option2.features-option4 .features-col {
position: relative
}
body #pricing .btn.btn-default.cycle-change {
border-right: 0
}
div#modalAjax {
padding-right: 0 !important
}
.orderSummaryCd .recurring-totals .pull-left,
.orderSummaryCd .subtotal .pull-left {
font-weight: 600;
font-size: 15px
}
.weebly-lite-plan button.btn.btn-default.btn-signup {
background-color: #262626;
color: #fff;
padding: 7px 12px;
border-color: #262626;
font-size: 13px
}
#sslDetail div#collapseFaq .panel-body p {
font-size: 14px
}
#sslDetail div#collapseFaq .panel-body {
margin: 20px 0 10px
}
.hero.top_banner_sections_ssl.weebly-bck-img .row {
align-items: center
}
.store-order-container {
padding: 30px 0
}
.store-promoted-product .btn,
body .store-promoted-product .btn-success:not(:disabled):not(.disabled):active,
body .store-promoted-product .btn:focus {
font-size: 15px;
font-weight: 500;
background-color: #17494d;
border-color: #17494d;
word-break: break-word;
white-space: inherit;
color: #fff
}
body #order-standard_cart .summary-container .clearfix span.pull-left {
font-weight: 600
}
body #order-standard_cart .summary-container .clearfix span {
font-size: 13px;
line-height: 24px
}
body #order-standard_cart .summary-container div.clearfix {
padding: 2px 0
}
body .landing-page.sitelock h2 {
font-size: 2em
}
.landing-page .faq h3 {
font-weight: 600
}
.store-promoted-product.upsell-geotrust_truebizidev ul.features li {
margin-bottom: 8px;
font-weight: 500;
font-size: 14px
}
.checkout-container-store-pages .col-sm-8 p {
font-size: 13px;
line-height: 24px
}
.frequently-questions-row .wgs-question-div ul {
padding-left: 0
}
#order-standard_cart .viewCartDiv #btnEmptyCart i {
color: red
}
.store-promoted-product ul.features li {
font-weight: 500;
font-size: 14px;
margin-bottom: 10px
}
.upsell-weebly_pro.store-promoted-product ul.features {
margin: 15px 0
}
.store-promoted-product.upsell-weebly_pro .btn {
margin-top: 20px
}
.store-order-container .checkout-container-store-pages {
padding: 10px 15px 20px !important
}
body .store-order-container h2,
body .store-order-container h4 {
font-size: 22px
}
.alert.alert-warning.info-text-sm i {
color: #262626
}
.configureDomainsDiv .icheckbox_square-blue {
margin-bottom: 2px
}
.landing-page.mail-services .top_banner_sections_ssl .row {
align-items: center
}
body .landing-page.sitelockvpn .hero h1 {
font-weight: 600
}
.hx_testimonial-wrapper {
padding: 50px 0
}
.landing-page.marketgoo .faqs h3 {
margin-bottom: 25px;
font-weight: 600
}
.landing-page.marketgoo .faqs h4 {
font-weight: 600;
margin-bottom: 5px
}
.landing-page.ox .stand-out .wrapper {
padding: 20px 0
}
.frequbntly_asked .question_answers a:first-letter,
.frequbntly_asked1 .question_answers a:first-letter {
text-transform: capitalize
}
div#containerExistingAccountSelect label.radio-inline {
padding-left: 0
}
.hx-client-info,
.hx_social-icons {
padding: 0
}
.wgs-question-div .panel-heading h4 span {
width: 10px;
display: inline-block
}
#modalDeleteContact .panel-primary>.panel-heading,
#modalGeneratePassword .panel-primary>.panel-heading {
background-color: #212121;
border-color: #212121;
border-radius: 0
}
.inner-content-area .form-group .btn-default,
.inner-content-area .form-group .btn-primary {
margin-bottom: 5px
}
.clientareaproductdetails #tabOverview .glyphicon-chevron-left:before,
.clientareaproductdetails #tabOverview .glyphicon-chevron-right:before {
color: #212121
}
form#frmAddToCart ul.nav.nav-tabs.store-domain-tabs.tab-store-ul li a {
background-color: #17494d;
border-bottom: 3px solid #17494d !important
}
.dataTables_wrapper table.table-list thead th:focus {
outline: 0
}
#paymentGatewaysContainer .text-left label,
#paymentGatewaysContainer .text-left.Pcheckout {
margin-bottom: 0
}
body .landing-page.ssl .validation-levels .item h4 {
font-weight: 600;
font-size: 18px
}
body .navbar #nav-ssl .navbar-nav li a {
font-weight: 700
}
.landing-page.ssl .ssl-benefits .col-md-2.col-sm-4,
.landing-page.ssl .standout a.btn.btn-default,
.landing-page.ssl .standout h4,
.landing-page.ssl .what-is-ssl ul li,
.ssl .content-block.competitive-upgrade-promo .container,
.ssl .standout p,
body .landing-page.ssl .validation-levels h3,
body .landing-page.ssl h2 {
font-weight: 500
}
body .landing-page.ssl .what-is-ssl ul li {
font-size: 15px
}
.landing-page.ssl .ssl-benefits .col-md-2.col-sm-4 {
font-size: 16px
}
.clientarea.user-security .inner-content-area h2 {
margin-bottom: 20px;
}
.inner-content-area h3 {
font-size: 20px;
margin-bottom: 15px;
}
.features-option3 .features-col.firstActiveClass {
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
background-color: #FFF;
transform: scale(1.05);
}
.features-option3 .features-col.firstActiveClass:before {
content: "";
border-bottom: 1px solid #f51322;
position: absolute;
bottom: 0;
right: 0;
width: 62px;
}
.features-option3 .features-col.firstActiveClass:after {
content: "";
border-top: 1px solid #f51322;
position: absolute;
top: 0;
left: 0;
width: 62px;
}
#order-standard_cart .viewCartDiv .empty-cart.wgs-empt-crt {
display: flex;
}
#order-standard_cart textarea.field.form-control.notetext {
height: auto !important;
}
div#containerAddCcEmail span.input-group-btn.input-group-append {
display: initial;
}
input#btnMassPayMakePayment {
height: 50px;
background: #f51322;
border-color: #f51322;
}
blockquote br {
display: none;
}
.form-horizontal label.full.control-label {
display: flex;
align-items: center;
}
.form-horizontal label.full.control-label input.radio.inline{margin-right: 10px;}
.form-horizontal fieldset.control-group .control-group {
margin: 15px 0;
}
.form-horizontal fieldset.control-group .control-group .control-label {
margin-bottom: 0;
margin-right: 11px;
}
.form-horizontal fieldset.control-group .control-group .controls input {
width: 48%;
border: 1px solid #ddd;
height: 40px;
outline: none;
padding: 0px 10px;
margin-top: 4px;
}
fieldset.control-group p input.btn-primary.btn-large {
float: left;
margin-bottom: 10px;
background: #50525f;
border-color: #50525f;
height: 40px;
padding: 0px 12px;
}
.wgs-alert-invc .alert-warning {
display: inline-block;
width: 100%;
}
.clientareaproductdetails .email-verification{width: auto;}
.ticket-cc-email .pull-right.float-right {
position: absolute;
right: 0;
top: 2px;
}
.ticket-cc-email {
position: relative;
}
.ticket-cc-email {
max-width: 100%;
padding-right: 20px;
}
.ticket-cc-email .truncate {
display: block;
}
div#divCcEmailFeedback{
word-break: break-word;
}
button#btnAddCcEmail {
padding: 4px 20px;
font-size: 11px;
margin-left: 1px;
margin-bottom: 5px;
}
#order-standard_cart label .iradio_square-blue {
margin: 0px 2px 2px 0px;
}
/* =============25-jan============= */
.ssl .navbar #nav-ssl .navbar-nav, .landing-page.sitelock .navs_tab_ssl_sec .nav_tb_ssl .navbar-nav, .landing-page.codeguard .nav-sect-list{
margin: 0;
}
.landing-page.codeguard p {
font-weight: 500;
}
.landing-page.weebly div#faq {
padding-bottom: 0;
margin-bottom: 0;
}
.landing-page.weebly .frequbntly_asked.frequbntly_asked1 {
padding-bottom: 10px;
}
body .landing-page.codeguard .faqs{
padding: 30px 0;
}
#order-standard_cart .configureDomainsDiv.col-md-12 .row.addon-products .col-sm-4{
padding: 0px 10px;
}
.landing-page.sitelock .col-sm-8.col-md-8.col-sm-pull-4 {
right: 0;
}
.landing-page.sitelock .col-sm-4.col-md-4.col-sm-push-8.col-md-push-9.text-right.hidden-xs {
left: 0;
}
body #connectiondetailmodal .modal-header .close, div#addrulemodal .modal-header .close, div#updaterulemodal .modal-header .close{
margin-top: -44px;
font-size: 30px;
color: #a6a6a6;
font-weight: 400;
opacity: 1;
}
#connectiondetailmodal .modal-header .close span, div#addrulemodal .modal-header .close span, div#updaterulemodal .modal-header .close span{
display: block;
}
.viewCartDiv.checkoutDiv .alert.alert-warning.checkout-security-msg i {
color: #000;
}
#tabOverview .row {
display: flex !important;
}
.input-group-addon, .input-group-btn{
width:auto;
}
form#frmCreateEmailAccount .input-group-addon {
margin-bottom: 5px;
}
/*======================= 11-feb ==================*/
.confirm_ticket_page .shared-hosting .row {
margin: 0;
justify-content: center;
}
.confirm_ticket_page .col-sm-10.text-center.ticket-completed .col-xs-12 p {
max-width: 790px;
margin: auto;
}
.confirm_ticket_page .col-sm-10.text-center.ticket-completed {
padding: 75px 30px;
}
.confirm_ticket_page .col-sm-10.text-center.ticket-completed .wgs-submit-button{
margin-right: 0;
}
.view_ticket_box .fb-like.fb_iframe_widget.fb_iframe_widget_fluid{
overflow: auto;
display: block;
}
div#productConfigurableOptions .list-section {
margin-bottom: 30px;
}
.pricing_section .price_group #productList .price_sect li {
font-size: 14px;
margin-bottom: 10px;
}
/* pricing block 1 and 2 css start */
#productList .owl-item {
display: flex;
text-align: center;
}
.pricing_section .price_group #productList .price_sect.price-select-single-double {
max-width: 710px;
margin: 10px auto;
padding: 20px 40px;
}
.single-double-product-block {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.pricing_section .price_group .owl-item .price_sect .single-double-product-block ul.list {
border-top: 0;
}
.pricing_section .price_group .owl-item .price_sect .single-double-product-block ul.list li {
float: none;
}
.pricing_section .price_group .owl-item .price_sect.price-select-single-double .bottom_sect {
margin: 40px 0 20px;
padding: 35px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.pricing_section .price_group .owl-item .price_sect.price-select-single-double .bottom_sect a {
margin-top: 0;
}
.pricing_section .price_group .owl-item .price_sect.price-select-single-double .single-double-product-block h2 {
font-size: 20px;
}
.pricing_section .price_group .owl-item .price_sect.price-select-single-double .single-double-product-block p{
font-size: 15px;
max-width: 250px;
margin: 10px 0 20px;
}
.price_sect.price-select-single-double h5.blpr strong {
width: 100%;
display: block;
margin-bottom: 15x;
}
@media screen and (max-width:1368px){
.pricing_section .price_group .owl-item .price_sect.price-select-single-double .bottom_sect .button03 {
max-width: 150px;
min-height: 28px;
line-height: 28px;
margin-bottom: 0;
}
.pricing_section .price_group .owl-item .price_sect.price-select-single-double .bottom_sect {
padding: 20px;
}
}
@media screen and (max-width:991px){
.pricing_section .price_group #productList .price_sect.price-select-single-double {
padding: 15px 25px;
}
.pricing_section .price_group .owl-item .price_sect.price-select-single-double .bottom_sect {
margin: 20px 0 15px;
}
}
@media screen and (max-width:767px){
.pricing_section .price_group .owl-item .price_sect.price-select-single-double .single-double-product-block h2 {
font-size: 18px;
}
.pricing_section .price_group .owl-item .price_sect.price-select-single-double .bottom_sect {
padding: 15px;
}
}
@media screen and (max-width:575px){
.pricing_section .price_group #productList .price_sect.price-select-single-double {
padding: 5px 15px;
}
.pricing_section .price_group .owl-item .price_sect.price-select-single-double .bottom_sect .button03 {
font-size: 12px;
padding: 5px;
}
}
/* pricing block 1 and 2 css end */