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

    ** Custom Stylesheet **

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

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

/* Custom CSS for Nexus Cart
 *
 * This block allows you to customize theme colors and styles for the entire Nexus Cart template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

html {
    font-size: 14px;
}
body.primary-bg-color {
    background-color: #F7F7F8;
}
:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.primary-content {
	width: 100%; 
}
.navbar.navbar-light {
	background: transparent;
}
.portalhome .master-breadcrumb { display: none; }
.master-breadcrumb,
.breadcrumb {
    background-color: transparent!important;
}
header.header .navbar.main-navbar-wrapper {
	background: #d7e7f7;
	box-shadow: 0 4px 10px rgba(0,0,0,0.2);
	padding-top: 10px;
	padding-bottom: 10px;
}
.home-banner {
	margin: 10px 0 30px 0;
}
.home-banner img {
	width: 100%;
}

header.header {
	position: relative;
	z-index: 3;
	background: transparent;
}
section#main-body {
	background: transparent;
	position: relative;
	z-index: 2;
}
body:not(.home) {
	background: #F7F7F8 url('/templates/twenty-one/images/fonchik.svg') 0 0/800px no-repeat;
}
header.header .navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	position: relative;
	z-index: 2;
}
header.header .navbar .container {
	padding-top: 5px;
}
header.header .input-group.search {
	display: none;
}
header.header .navbar-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 212px;
	height: 64px;
	background: #0F0F1C;
	border-radius: 12px;
	margin-right: 8px;
	padding: 0 8px;
}
header.header .navbar-brand .logo-img {
    max-width: 150px;
    max-height: 60px;
}
header.header .navbar_blackwrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	width: 100%;
	height: 64px;
	background: #0F0F1C;
	border-radius: 12px;
	padding: 0 20px;
	position:relative;
	z-index: 3;
}
header.header .navbar_blackwrapper .navbar-nav {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}
header.header .navbar_blackwrapper .navbar-nav a {
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.01em;
	color: #FFFFFF;
}
header.header .right_wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
}
header.header .right_wrapper .search_button {
	width: 40px;
	height: 40px;
	background: transparent url('/templates/twenty-one/images/search-button.svg') 50% 50%/24px no-repeat;
	margin: 0 15px 0 0;
	cursor: pointer;
}
.cart_button {
	display: block;
	width: 70px;
	height: 40px;
	border-radius: 8px;
	background: #550FF5 url('/templates/twenty-one/images/shopping-bag.svg') 50% 50% no-repeat;
	margin: 0 15px 0 0;
	cursor: pointer;
	border: 1px solid #550FF5;
}
.cart_button:hover {
	background: rgba(186, 157, 251, 1) url('/templates/twenty-one/images/shopping-bag-hover.svg') 50% 50% no-repeat;
}
.usermenu_button {
	width: 70px;
	height: 40px;
	border: 1px solid #32325D;
	border-radius: 8px;
	background: transparent url('/templates/twenty-one/images/user-menu.svg') 50% 50% no-repeat;
	margin: 0;
	cursor: pointer;
}
.usermenu_button:hover {
	border: 1px solid rgba(85, 15, 245, 1);
	background: transparent url('/templates/twenty-one/images/user-menu-hover.svg') 50% 50% no-repeat;
}
.usermenu_button.active,
.usermenu_button.active:hover {
	border: 1px solid rgba(85, 15, 245, 1);
	background: transparent url('/templates/twenty-one/images/user-menu-active.svg') 50% 50% no-repeat;
}
.navbar_popdown {
	display: none;
}
.navbar_popdown.active {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
	position: absolute;
	top: 70px;
	right: 0;
	background: #0F0F1C;
	border: 1px solid #0F0F1C;
	border-radius: 8px;
	z-index: 10;
}
.user-dropdown-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0;
}
.user-dropdown-menu li {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 10px 16px;
	width: 100%;
	border: 1px solid #550FF5;
	border-radius: 8px;
	margin: 0 0 10px 0;
}
.user-dropdown-menu li:hover {
	background-color: rgba(85, 15, 245, 1);
}
.user-dropdown-menu li:last-child {
	margin: 0;
}
.user-dropdown-menu li a,
.user-dropdown-menu li a:hover {
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	background: transparent;
}
.navbar-nav .dropdown-menu {
	display: none;
	width: 220px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 20px;
	position: absolute;
	top: 48px;
	left: -20px;
	background: #0F0F1C;
	border: 1px solid #0F0F1C;
	border-radius: 8px;
	z-index: 10;
}
.navbar-nav .dropdown-menu.show {
	display: flex;
}
.navbar-nav .dropdown-menu li,
.navbar-nav .dropdown-menu li:hover {
	padding: 0;
	list-style-type: none;
	margin: 0 0 5px 0;
	background: transparent;
}
.navbar-nav .dropdown-menu li a,
.navbar-nav .dropdown-menu li a:hover {
	padding: 0;
	background: transparent;
}
.heroblock_wrapper {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
	margin: 85px 0 100px 0;
}
.heroblock_left {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	width: 50%;
}
.heroblock_right {
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	flex-direction: row;
	width: 47%;
}
.subheader1 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #2D2D2D;
	margin-bottom: 20px;
	padding-left: 30px;
	background: transparent url('/templates/twenty-one/images/mosaic.svg') 0 50%/12px no-repeat;
}
h1.heroheader {
	font-weight: 600;
	font-size: 65px;
	line-height: 110%;
	letter-spacing: -0.03em;
	color: #2D2D2D;
	padding: 0 0 30px 0;
	text-align: left;
}
h2.bigheader {
	font-weight: 600;
	font-size: 65px;
	line-height: 110%;
	letter-spacing: -0.03em;
	color: #2D2D2D;
	padding: 0 0 30px 0;
	text-align: center;
}
.heroheader span,
.herotext span,
h2.bigheader span {
	color: rgba(85, 15, 245, 1);
}
.herotext {
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #2D2D2D;
	opacity: 0.8;
}
.heroblock_right img {
	width: 100%;
}
.hero_buttons {
	width: 100%;
	margin: 80px 0 30px 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
}
.bluebutton1,
.card-columns.home > .card .card-body a {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: 56px;
	background: #550FF5;
	border: 1px solid #4507D1;
	box-shadow: inset 0px -5px 0px #4507D1;
	border-radius: 8px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	padding: 0 25px;
}
.bluebutton1:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #5449e5;
	border: 1px solid #5449e5;
	box-shadow: inset 0px -5px 0px #5449e5;
}
.card-columns.home > .card .card-body a:hover {
	background: rgba(85, 15, 245, 0.1);
	border: 1px solid #4507D1;
	box-shadow: inset 0px -3px 0px #4507D1;
	border-radius: 8px;
	color: rgba(85, 15, 245, 1);
}
.bluebutton1:after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('/templates/twenty-one/images/buttonarrow_white_right.svg') 50% 50%/contain no-repeat;
	margin-left: 6px;
}
.graybutton1 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: 56px;
	background: #E6E6E6;
	border-radius: 8px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.02em;
	color: #2D2D2D;
	margin-left: 16px;
	padding: 0 25px;
}
.graybutton1:hover {
	text-decoration: none;
	background: #cdcaca;
}
.graybutton1:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('/templates/twenty-one/images/button_howit.svg') 50% 50%/contain no-repeat;
	margin-right: 6px;
}
.hero_guarantee {
	font-weight: 500;
	font-size: 16px;
	line-height: 36px;
	letter-spacing: 0.04em;
	color: #2D2D2D;
	opacity: 0.8;
	background: transparent url('/templates/twenty-one/images/shieldsecure.svg') 0 50%/24px no-repeat;
	padding-left: 35px;
}
.middletext {
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #2D2D2D;
	opacity: 0.8;
	max-width: 800px;
	text-align: center;
	margin: 0 auto 60px auto;
}
.card-columns.home {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
	columns: 1;
	margin-bottom: 40px;
}
.card-columns.home > .card {
	width: 32%;
	padding: 0;
	background: #FCFCFC;
	border: 1.5px solid #E3E3E3;
	box-shadow: 18px 85px 35px rgba(186, 186, 186, 0.02), 10px 48px 29px rgba(186, 186, 186, 0.08), 4px 21px 22px rgba(186, 186, 186, 0.13), 1px 5px 12px rgba(186, 186, 186, 0.15);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.card-columns.home > .card .card-body {
	padding: 28px;
	margin: 0!important;
}
.service_header {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	background: transparent url('/templates/twenty-one/images/mosaic_gray.svg') 100% 50%/12px no-repeat;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.02em;
	color: #2D2D2D;
	opacity: 0.5;
	margin: 0 0 70px 0;
}
.service_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	width: 100%;
	height: 80px;
	margin: 0 0 30px 0;
}
.service_icon.vps_block {
	background: transparent url('/templates/twenty-one/images/vps_icon.svg') 50% 50%/contain no-repeat;
}
.service_icon.register_block {
	background: transparent url('/templates/twenty-one/images/register_domain.svg') 50% 50%/contain no-repeat;
}
.service_icon.transfer_block {
	background: transparent url('/templates/twenty-one/images/transfer_domain.svg') 50% 50%/contain no-repeat;
}
.card-columns.home > .card .card-title {
	font-weight: 500;
	font-size: 26px;
	line-height: 110%;
	text-align: center;
	letter-spacing: -0.02em;
	color: #2D2D2D;
	margin: 0 0 10px 0;
}
.card-columns.home > .card .card-body,
.card-columns.home > .card .card-body p {
	min-height: 48px;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.04em;
	color: #2D2D2D;
	margin: 0 0 80px 0;
}
.domain_select_wrapper {
	background: #0F0F1C;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.domain_select_wrapper > .container {
	margin-top: 90px;
	margin-bottom: 90px;
}
.domain_select_wrapper .onblack {
	font-weight: 600;
	font-size: 52px;
	line-height: 110%;
	letter-spacing: -0.03em;
	color: #FFFFFF;
	margin: 0 0 20px 0;
}
.domain_select_wrapper .domains {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.d5545 {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
	margin: 0 0 30px 0;
}
.d5545 .d55 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	width: 54%;
}
.d5545 .d45 {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
	width: 44%;
}
.domain_select_wrapper .d5545 .d55 {
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	opacity: 0.8;
}
.d5545 .d45 .home-domain-search {
	background: transparent!important;
}
.d5545 .d45 .home-domain-search .container > a {
	display: none; 
}
.domaingrid_wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.domaingrid {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: 70px;
}
.domaingrid_block {
	width: 23%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 24px;
	box-sizing: border-box;
	background: rgba(85, 15, 245, 0.2);
	border: 1px solid #550FF5;
	border-radius: 20px;
	margin: 0 0 30px 0;
}
.domaingrid_pic {
	width: 100%;
	height: 188px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: transparent url('/templates/twenty-one/images/domaingrid.svg') 50% 50%/cover no-repeat;
	cursor: pointer;
	font-weight: 600;
	font-size: 66px;
	line-height: 66px;
	letter-spacing: 2px;
	color: rgba(69, 7, 209, 1);
	border-radius: 10px;
	margin: 0 0 16px 0;
}
.domaingrid_pic:hover {
	background: transparent url('/templates/twenty-one/images/domaingrid_hover.svg') 50% 50%/cover no-repeat;
	color: #ffffff;
}
.domaingrid_price {
	width: 100%;
	font-weight: 600;
	font-size: 22px;
	line-height: 30px;
	text-align: left;
	color: #FFFFFF;
	margin: 0 0 4px 0;
}
.domaingrid_text {
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	opacity: 0.8;
	margin: 5px 0 15px 0;
	text-align: left;
}
.domaingrid_button,
.domaingrid_all a,
.bottomhero_whitebutton {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	width: 100%;
	height: 56px;
	background: #FFFFFF;
	border-radius: 8px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.02em;
	color: #333333;
	padding: 0 20px;
	box-sizing: border-box;
	cursor: pointer;
}
.domaingrid_all a,
.bottomhero_whitebutton {
	width: auto;
}
.domaingrid_button:hover,
.domaingrid_all a:hover,
.bottomhero_whitebutton:hover {
	color: #ffffff;
	text-decoration: none;
	background: #5449e5;
}
.domaingrid_button:after,
.domaingrid_all a:after,
.bottomhero_whitebutton:after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('/templates/twenty-one/images/buttonarrow_black_right.svg') 50% 50%/contain no-repeat;
	margin-left: 6px;
}
.domaingrid_button:hover:after,
.domaingrid_all a:hover:after,
.bottomhero_whitebutton:hover:after {
	background: transparent url('/templates/twenty-one/images/buttonarrow_white_right.svg') 50% 50%/contain no-repeat;
}
.domaingrid_all {
	width: 100%;
	margin: 20px 0 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.testimonial_wrapper {
	margin: 80px 0;
}
.testimonial-block {
	display: flex!important;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	background: #FCFCFC;
	border: 1.5px solid #E3E3E3;
	border-radius: 20px;
	padding: 32px;
}
.testimonial-block-left {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.testimonial-block-right {
	width: 45%;
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-color: #D9D9D9;
	border-radius: 10px;
}
.testi-name {
	font-weight: 500;
	font-size: 22px;
	line-height: 110%;
	letter-spacing: -0.02em;
	color: #2D2D2D;
	text-align: left;
}
.testi-tag {
	padding: 6px 0 25px 0;
	text-align: left;
}
.testimonial-block .testi-tag span {
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #2D2D2D;
	opacity: 0.7;
	background: none
}
.testi-text {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #2D2D2D;
	text-align: left;
}
.testi-domain {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #2D2D2D;
}
.testi-domain span:last-child {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0;
	width: 60px;
	height: 22px;
	background: #550FF5;
	border-radius: 4px;
	font-weight: 600;
	font-size: 14px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #FFFFFF;
}
.testi-stars {

}
.tnavbar {
	width: 100%;
	margin: 20px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	position: relative;
	top: 15px;
	padding: 0;
}
.tnavbar .swiper-pagination {
	width: 85%!important;
	position: static!important;
	position: relative!important;
	top: -10px!important;
	margin-right: 20px;
}
.tnavbar .custom-fraction {
	position: relative!important;
	top: -10px!important;
	margin: 0 15px;
	font-weight: 500;
	font-size: 22px;
	line-height: 110%;
	letter-spacing: -0.02em;
}
.tnavbar .custom-fraction span:first-child {
	color: #550FF5;
}
.tnavbar .custom-fraction span:last-child {
	color: #454545;
}
.tnavbar .swiper-button-prev {
	position: static!important;
	margin: 0;
	background: transparent url('/templates/twenty-one/images/swiper_prev.svg') 50% 50%/contain no-repeat;
	width: 30px;
	height: 30px;
}
.tnavbar .swiper-button-prev:hover {
	background: transparent url('/templates/twenty-one/images/swiper_prev_hover.svg') 50% 50%/contain no-repeat;
}
.tnavbar .swiper-button-next {
	position: static!important;
	margin: 0;
	background: transparent url('/templates/twenty-one/images/swiper_next.svg') 50% 50%/contain no-repeat;
	width: 30px;
	height: 30px;
}
.tnavbar .swiper-button-next:hover {
	background: transparent url('/templates/twenty-one/images/swiper_next_hover.svg') 50% 50%/contain no-repeat;
}
.tnavbar .swiper-button-prev svg,
.tnavbar .swiper-button-next svg { display: none!important; }

.swiper-pagination-horizontal {
        height: 10px!important;
	border-radius: 5px!important;
	padding-left: 5px;
}
.swiper-pagination-progressbar-fill {
        background: #550FF5!important;
	border-radius: 5px!important;
	display: block!important;
}
.faq_wrapper {
	width: 100%;
	margin: 0 0 60px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.faq_header {
	width: 100%;
	margin: 0 0 40px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.faq_header_left {
	width: 50%;
}
.faq_header_left .bigheader {
	text-align: left;
	font-size: 56px;
}
.faq_header_right {
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
}
.faq_header_right .middletext {
	text-align: right;
}
.faq_questions_wrapper {
	width: 100%;
	margin: 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
}
.faq_questions_column {
	width: 49%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.faq_question_block {
	width: 100%;
	background: #FCFCFC;
	border: 1px solid #E3E3E3;
	border-radius: 20px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding: 28px;
	margin: 0 0 20px 0;
}
.faq_question {
	width: 100%;
	cursor: pointer;
	font-weight: 500;
	font-size: 22px;
	line-height: 140%;
	letter-spacing: -0.02em;
	color: #2D2D2D;
	text-align: left;
	position: relative;
	padding-right: 50px;
}
.faq_question_block.opened .faq_question {
	color: #550FF5;
}
.faq_question span {
	position: absolute;
	top: 10px;
	right: 0; 
	width: 20px;
	height: 20px;
	background: transparent url('/templates/twenty-one/images/arrow_bottom_black.svg') 50% 50%/contain no-repeat;
}
.faq_question_block.opened span {
	background: transparent url('/templates/twenty-one/images/arrow_top_gray.svg') 50% 50%/contain no-repeat;
	opacity: 0.6;
}
.faq_answer {
	display: none;
}
.faq_question_block.opened .faq_answer {
	display: block;
	margin: 20px 0 0 0;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #2D2D2D;
	opacity: 0.7;
}
.bottomhero_wrapper {
	background: #000;
	padding: 80px 0;
	margin-bottom: -20px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.bottomhero {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
	background: transparent url('/templates/twenty-one/images/bottomherobg.svg') 50% 100%/cover no-repeat;
	padding: 35px;
	border-radius: 20px;
}
.bottomhero_left {
	width: 56%;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
}
.bottomhero_left h2 {
	font-weight: 600;
	font-size: 56px;
	line-height: 120%;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	margin: 0 0 15px 0;
}
.bottomhero_left p {
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #FFFFFF;
	opacity: 0.9;
	margin: 0 0 40px 0;
}
.bottomhero_left > div {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
}
.bottomhero_bluebutton,
.bottomhero_bluebutton:hover {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin: 0 0 0 20px;
	background: #550FF5;
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	width: auto;
	height: 56px;
	padding: 0 20px;
	text-decoration: none;
}
.bottomhero_bluebutton:before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('/templates/twenty-one/images/button_howit_white.svg') 50% 50%/contain no-repeat;
	margin-right: 6px;
}
.bottomhero_right {
	width: 40%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
}
.bottomhero_right img {
	width: 100%;
}
footer#footer {
	background: #000;
}
footer#footer .container {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.footer-top {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	margin: 0 0 30px 0;
	border-bottom: 1px #2D2D2D solid;
	padding: 0 0 40px 0;
}
.footer-logo {
	width: 30%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}
.footer-logo img {
	max-width: 200px;
}
.footertext {
	font-weight: 400;
	font-size: 16px;
	line-height: 130%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	opacity: 0.8;
	margin: 25px 0;
}
.socheader {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #FFFFFF;
	margin: 0 0 10px 0;
}
.socials {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}
.socials a {
	display: block;
	width: 34px;
	height: 34px;
	border: 1px solid #FFFFFF;
	border-radius: 17px;
	margin-right: 10px;
}
.socials a.dribbble {
	background: transparent url('/templates/twenty-one/images/dribble.svg') 50% 50%/17px no-repeat;
}
.socials a.facebook {
	background: transparent url('/templates/twenty-one/images/facebook.svg') 50% 50%/17px no-repeat;
}
.socials a.github {
	background: transparent url('/templates/twenty-one/images/github.svg') 50% 50%/17px no-repeat;
}
.socials a.instagram {
	background: transparent url('/templates/twenty-one/images/instagram.svg') 50% 50%/17px no-repeat;
}
.footer-bottomline {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	margin: 0 0 60px 0;
}
.footer-bottomline .copyrighttext {
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.02em;
	text-align: left;
	color: #FFFFFF;
	display: block;
	width: 60%;
}
.footer-bottomline a { 
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: -0.02em;
	color: #FFFFFF;
	text-align: left;
	padding-left: 25px;
}
.footer-menus {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	max-width: 60%;
}
.footer-menu {
	width: 23%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}
.footer-menu h3 {
	font-weight: 500;
	font-size: 24px;
	line-height: 31px;
	color: #FFFFFF;
	opacity: 0.9;
	margin: 0 0 30px 0;
}
.footer-menu ul {
	margin: 0;
	padding: 0;
}
.footer-menu ul li {
	list-style-type: none;
}
.footer-menu ul li a,
.footer_contacts a {
	display: block;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 1px;
	color: #FFFFFF;
	margin-bottom: 16px;
	opacity: 0.7;
}
.footer_contacts {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
}
.footer_contacts a {
	padding-left: 40px;
}
.footer_contacts a.footer_tel {
	background: transparent url('/templates/twenty-one/images/footer_contact_tel.svg') 0 50%/24px no-repeat;
}
.footer_contacts a.footer_email {
	background: transparent url('/templates/twenty-one/images/footer_contact_email.svg') 0 50%/24px no-repeat;
}
.footer_contacts a.footer_adr {
	background: transparent url('/templates/twenty-one/images/footer_contact_adr.svg') 0 50%/24px no-repeat;
}
.login .master-breadcrumb,
.register .master-breadcrumb {
	display: none;
}
.login .card {
	background: #FCFCFC;
	border: 1px solid rgba(85, 15, 245, 0.3);
	border-radius: 20px;
	margin-bottom: 120px;
}
.login .card-body {
	background: transparent;
}
.login .card-footer {
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
.loginreg_header {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 130px 0 60px;
}
.loginreg_header h6 {
	font-weight: 600;
	font-size: 52px;
	line-height: 110%;
	text-align: center;
	letter-spacing: -0.03em;
	color: #04102A;
}
.loginreg_header p {
	font-weight: 500;
	font-size: 20px;
	line-height: 150%;
	text-align: center;
	letter-spacing: 0.04em;
	color: #04102A;
	opacity: 0.8;
	margin: 15px 0 0 0;
}
.login .card-body input[type="text"],
.login .card-body input[type="email"],
.login .card-body input[name="password"] {
	background: rgba(85, 15, 245, 0.05);
	backdrop-filter: blur(11px);
	border-radius: 8px;
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	color: #04102A;
	height: 42px;
}
.login .card-body input[name="password"] {
	border-radius: 8px 0 0 8px;
	border-right: none;
}
.login .card-body input[name="password"] + .input-group-append {
}
.login .card-body input[name="password"] + .input-group-append button {
	background: rgba(85, 15, 245, 0.05);
	backdrop-filter: blur(11px);
	border-radius: 0 8px 8px 0;
}
.login .card-body input[name="password"] + .input-group-append button:focus {
	box-shadow: none!important;
}
.login .card-body .forgot {
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: row;
	padding: 15px 0 0 20px;
}
.login .card-body .forgot label {
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	color: #04102A;
}
.login .card-body .forgot a {
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	text-align: right;
	color: #976CF9!important;
	text-decoration: none;
}
.login .card-body .bluebutton2,
.btnregistration,
.btnpassgen,
#resetPasswordButton {
	width: 100%;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	background: #550FF5;
	border: 1px solid #4507D1;
	box-shadow: inset 0px -5px 0px #4507D1;
	border-radius: 8px;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}
.btnregistration {
	max-width: 300px;
	margin-top: 30px;
}
.btnpassgen {
	max-width: 180px;
	height: 36px;
	font-size: 12px;
}
.floatright {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: row;
}
.login .card-footer small {
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	text-align: right;
	color: #04102A;
	padding-right: 15px;
}
.login .card-footer a {
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	text-align: right;
	color: #976CF9;
}
.mobile_menutoggler { display: none; }
.divide50 {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
}
.divide50 > * {
	width: 49%;
}
.rfield {
	width: 96%;
	margin: 0 2%;
}
#frmCheckout .card {
	background: #FCFCFC;
	border: 1px solid rgba(85, 15, 245, 0.3);
	border-radius: 20px;
	margin-bottom: 20px;
}
#frmCheckout .card-title {
	font-weight: 500;
	font-size: 24px;
	line-height: 110%;
	letter-spacing: -0.03em;
	color: #04102A;
}
#frmCheckout input[type="text"],
#frmCheckout input[type="email"],
#frmCheckout input[type="password"] {
	background: #550FF50D!important;
	backdrop-filter: blur(11px);
	border-radius: 8px;
	border: none;
	height: 42px;
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	color: #04102A;
}
#inputPhone,
#inputCountry {
	background: #550FF50D!important;
	backdrop-filter: blur(11px);
	border-radius: 8px!important;
	border: none!important;
	height: 42px!important;
	font-weight: 300;
	font-size: 14px;
	line-height: 16px;
	color: #04102A;
}
#frmCheckout .field-icon i {
	position: relative;
	top: 4px;
}
#frmCheckout .bootstrap-switch-label {

}
.subscribetext {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #04102A;
	opacity: 0.8;
}
.grecaptcha-badge {
	display: none;
}
.bootstrap-switch.bootstrap-switch-small {
    min-width: 70px!important;
}
.txt-center {
	width: 100%;
}
#order-pure_comparison #n_tagline,
#order-standard_cart #n_tagline,
#n_tagline { 
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	text-align: left;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #550FF5!important;
	margin: 0 0 15px 0;
}
#order-pure_comparison #n_headline,
#order-standard_cart #n_headline,
#n_headline {
	font-weight: 600;
	font-size: 48px;
	line-height: 110%;
	letter-spacing: -0.03em;
	color: #04102A;
	text-align: left;
	margin: 0;
	max-width: 750px;
}
#order-standard_cart #n_headline {
	margin: 0 0 15px 0;
}
#order-pure_comparison .price-table-container > ul {
	width: 100%;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
}
#order-pure_comparison .price-table-container > ul > li {
	display: flex!important;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	width: 31%;
}
#order-pure_comparison .price-table-container ul li .iffeatured {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 38px;
	background: transparent;
}
#order-pure_comparison .price-table-container ul li .iffeatured.active {
	background: #8653F8;
	font-weight: 400;
	font-size: 18px;
	line-height: 38px;
	letter-spacing: -0.03em;
	color: #FFFFFF;
	padding: 0;
	border-radius: 24px 24px 0 0;
}
#order-pure_comparison .price-table-container ul li .price-table {
	width: 100%;
	padding: 32px!important;
	box-sizing: border-box;
	background: #FFFFFF!important;
	border: 1px solid #ffffff;
	border-radius: 24px;
	display: flex!important;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	box-shadow: none;
}
#order-pure_comparison .price-table-container ul li .price-table .top-head {
	background: transparent;
}
#order-pure_comparison .price-table-container ul li .price-table .top-head .top-area {
	border: none;
	padding: 0 0 20px 0;
}
#order-pure_comparison .price-table-container ul li .price-table .top-head .top-area h4 {
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.03em;
	color: #04102A;
	margin: 0 0 10px 0;
	text-align: left;
}
#order-pure_comparison .price-table-container ul li .price-table .top-head .top-area p.product_short_desc {
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: rgba(4, 16, 42, 0.65);
}
#order-pure_comparison .price-table-container ul li .price-table .price-area {
	background: none;
	border: none;
	box-shadow: none;
	width: 100%;
	display: flex!important;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
}
#order-pure_comparison .price-table-container ul li .price-table .price-area .price {
	width: 100%;
	font-weight: 700;
	font-size: 40px;
	line-height: 60px;
	letter-spacing: -0.03em;
	color: #04102A;
	text-align: left;
}
#order-pure_comparison .price-table-container ul li .price-table .price-area .order-button,
#btnCheckAvailability,
.standardpanel .panel-footer button,
.defaultbutton,
.btn.btn-default.px-4,
.btn.btn-sm.btn-secondary {
	width: 100%;
	display: flex!important;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	height: 56px;
	padding: 0;
	background: rgba(85, 15, 245, 0.1);
	border: 1px solid #4507D1;
	box-shadow: inset 0px -3px 0px #4507D1;
	border-radius: 8px;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.02em;
	color: #550FF5;
}
.toline {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: row;
}
.toline > .btn {
	margin-right: 20px;
}
#order-pure_comparison .price-table-container ul li .price-table .price-area .order-button:hover,
#btnCheckAvailability:hover,
.standardpanel .panel-footer button:hover,
.defaultbutton:hover {
	color: #ffffff;
	background: #550FF5;
}
#btnCheckAvailability,
.btn.btn-default.px-4 {
	max-width: 170px;

}
.standardpanel .panel-footer button,
.defaultbutton {
	max-width: 250px;
}
#order-standard_cart .domain-checker-advanced textarea {
    width: 100%;
    height: 140px!important;
    resize: none;
}
#order-pure_comparison .price-table-container ul li .price-table ul {
	width: 100%;
	display: flex!important;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	border: none;
	box-shadow: none;
	padding: 0;
}
#order-pure_comparison .price-table-container ul li .price-table ul li.feature {
	display: flex!important;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	text-align: center;
	width: 100%;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	height: 40px;
	color: rgba(4, 16, 42, 0.65);
	background: transparent url('/templates/twenty-one/images/bluecheck.svg') 96% 50%/20px no-repeat;
	padding: 0;
}
#order-pure_comparison .price-table-container ul li .price-table .featuresheader {
	width: 100%;
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #04102A;
	text-align: left;
	margin: 20px 0 10px 0;
	border: none;
}
.cart-body-fullwidth {
	display: flex!important;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
}
.domain-checker-container.domain-checker-advanced {
	display: flex!important;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	background: #F1EBFF;
}
.domain-checker-bg.clearfix {
	width: 100%;
}
.regdomain_buttongroup {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}
.regdomain_buttongroup > * {
	font-size: 16px!important;
}
#order-standard_cart .domain-checker-advanced .multiselect {
	font-size: 16px!important;
}
.flex-all-centered {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.regdomain_block {
	width: 80%;
}
#DomainSearchResults .primary-domain-header,
.suggested-domains .card-header, .suggested-domains .panel-heading {
    border-bottom: 2px solid #550FF5!important;
}
.promoboxes_wrapper {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
	width: 100%;
	max-width: 1000px;
	margin: 40px auto 0 auto;
}
.promoboxes_wrapper .domain-promo-box {
	width: 48%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	padding: 32px;
	background: #FFFFFF;
	border: 1px solid rgba(4, 16, 42, 0.08);
	border-radius: 24px;
}
.rating_wrapper {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin: 40px 0 70px 0!important;
}
.rating_wrapper .rating {
	width: 280px;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	color: rgba(4, 16, 42, 0.65);
	background: transparent url('/templates/twenty-one/images/ratingbg.svg') 0 0/contain no-repeat;
	box-sizing: border-box;
	padding: 22px 0 0 120px!important;
	margin: 0 40px 0 0!important;
}
.rating_wrapper .rating span {
	color: #550FF5;
}
.rating_wrapper .callus {
	width: 200px;
	height: 43px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	background: transparent url('/templates/twenty-one/images/ratingcallus.svg') 0 0/contain no-repeat;
	padding: 15px 0 15px 60px!important;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
}
.rating_wrapper .callus span:first-child {
	color: rgba(4, 16, 42, 0.65);
}
.rating_wrapper .callus span:last-child {
	color: #111111;
}
.domain-pricing .tld-pricing-header div:nth-child(odd) {
    border-color: #550FF5!important;
    background-color: #f5f5f5;
}
#frmDomainTransfer {
	width: 100%;
	margin: 50px 0 20px 0;
}
.standardpanel {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid rgba(4, 16, 42, 0.08);
	border-radius: 24px;
	padding: 32px;
}
.centered70 {
	width: 70%;
	margin: 0 auto;
}
.spacebetween {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}
.panelbody {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin: 20px 0;
}
.panelbody .form-group {
	width: 100%;
}
#order-standard_cart .panelbody label, #order-standard_cart .panelbody p.domain-renewal-desc, .service-renewals .div-renewal-period-label {
    font-weight: 400;
    font-size: 16px;
    color: #666;
}
.panelbody input[type="text"] {
	padding: 0px 25px;
	background: rgba(85, 15, 245, 0.05)!important;
	border-radius: 8px!important;
	font-weight: 300;
	font-size: 16px;
	height: 42px;
	line-height: 42px;
	color: #04102A;
	text-align: left;
}
.standardpanel .panel-footer {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin: 0 0 40px 0;
}
.primary-content .card {
	border-radius: 20px!important;
}
.primary-content .card-body {
	padding: 32px!important;
}
.knowledgebase .card.card-sidebar { display: none!important; }
.knowledgebase .primary-content { 
	width: 100%; 
	padding: 0 15px;
}
.cart-body-fullwidth .page-headers {
	margin: 10px 0 40px 0;
}
.searchblock {
	width: 100%;
	max-width: 588px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
	margin-left: 30px;
}
.searchblock input[type="text"] {
	width: 70%;
	padding: 0px 25px;
	background: #ffffff;
	border: 1px solid rgba(116, 116, 116, 0.2);
	border-radius: 12px 0px 0px 12px;
	font-weight: 500;
	font-size: 14px;
	line-height: 56px;
	height: 56px;
	color: #24282C;
}
.searchblock button,
.searchblock button:hover {
	width: 30%;
	background: #550FF5;
	box-shadow: inset 0px -5px 0px #4507D1;
	font-weight: 600;
	font-size: 18px;
	line-height: 56px;
	height: 56px;
	color: #FFFFFF;
	border-radius: 0 12px 12px 0;
	padding: 0!important;
}
.knowledgecats {
	margin: 10px 0 40px 0;
}
.knowledgecat {
	width: 32%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid rgba(4, 16, 42, 0.08);
	border-radius: 14px;
}
.badge.badge-info {
	background: #550FF5!important;
}
.knowledgelist {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 1px solid rgba(4, 16, 42, 0.08);
	border-radius: 14px;
	padding: 20px;
	margin: 0 0 70px 0;
}
.kbart_grid {
	align-items: stretch;
	flex-wrap: wrap;
}
.kbart {
	width: 31.5%;	
	box-sizing: border-box;
	background: rgba(85, 15, 245, 0.2);
	border: 1px solid #550FF5;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	padding: 30px 30px 90px 30px;
	margin: 0 0 25px 0;
	position: relative;
}
.kbart a:hover { text-decoration: none; }
.kbart a i { 
	float: left; 
	margin-right: 4px;
	position: relative;
	top: 4px;
}
.kbart_title {
	display: block;
	width: 100%;
	font-weight: 600;
	font-size: 20px;
	line-height: 110%;
	text-align: left;
	color: #04102A;
	margin: 0 0 10px 0;
}
.kbart_text {
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	letter-spacing: 0.04em;
	color: #04102A;
	opacity: 0.8;
}
.kbart .bluebutton1 {
	width: 80%;
	position: absolute;
	bottom: 20px;
	left: 10%;
}
.header_searchform { display: none; }
.header_searchform.active { 
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: row;
}
.header_searchform.active button[type="submit"] { 
	display: none;
}
.contactform_main {
	padding: 32px;
	background: #FCFCFC;
	border: 1px solid rgba(85, 15, 245, 0.3);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
	max-width: 935px;
	margin: 70px auto 90px auto;
}
.contactform_main .form-group.row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.contactform_main .form-group.row50 {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	width: 48%;
	margin-left: 0;
	margin-right: 0;
}
.contactform_main .form-group label { display: none; }
.contactform_main .form-group input[type="text"],
.contactform_main .form-group input[type="email"] {
    background: rgba(85, 15, 245, 0.05);
    backdrop-filter: blur(11px);
    border-radius: 8px;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #04102A;
    height: 42px;
    border: none!important;
}
#frmDomainHomepage {
	width: 100%;
}
.home-domain-search .input-group-wrapper {
	padding: 0!important;
	border: none!important;
	border-radius: 8px!important;
}
.home-domain-search .input-group-wrapper .advanced-input {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-direction: row;
	border-radius: 8px;
}
.home-domain-search .input-group-wrapper .advanced-input .input-group-append {
    position: static!important;
    background-color: #550FF5;
    position: relative;
    top: -6px;
    border-radius: 0 8px 8px 0;
}
.home-domain-search .input-group-wrapper .advanced-input .input-group-append button {
    height: 56px;
    background-color: #550FF5;
    margin: 0;
    border-radius: 0 8px 8px 0;
    border-color: #550FF5;
}
.home-domain-search .input-group-wrapper .advanced-input .btn-group:nth-child(5) { display: none; }
.home-domain-search .input-group-wrapper .advanced-input #message,
.home-domain-search .input-group-wrapper .advanced-input #message:focus,
.home-domain-search .input-group-wrapper .advanced-input #message:active,
.home-domain-search .input-group-wrapper .advanced-input #message:target {
	border: none!important;
	outline: none!important;
	padding-left: 20px;
	border-radius: 8px 0 0 8px;
}
.home-domain-search .input-group-wrapper .advanced-input > label {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row;
}
#order-standard_cart .cart-body {
    float: none!important;
    width: 100%!important;
}

@media (max-width: 768px) {
	.divide50 { flex-wrap: wrap; }
	.divide50 > * {
		width: 100%;
	}
	.mobile_menutoggler { 
		display: block; 
		width: 30px;
		height: 30px;
		cursor: pointer;
		margin: 0 0 0 15px;
		background: transparent url('/templates/twenty-one/images/mobiletoggler.svg') 50% 50%/contain no-repeat;
	}
	ul#nav {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: column;
		position: fixed;
		top: 0;
		bottom: 0;
		left: -281px;
		width: 280px!important;
		height: 100vh;
		background: black;
		padding: 20px;
		transition: left 0.3s ease-in-out 0.6s;
	}
	.footer-menus {
	    align-items: flex-start;
	    justify-content: flex-start;
	    flex-direction: column;
	    width: 90%;
	    margin-left: 10%;
	    max-width: 100%;
	}
	.footer-menu {
	    width: 100%;
	}
	.footer-menu h3 {
	    font-size: 20px;
	    margin: 0 0 10px 0;
	}
	.footer-menu ul li a, .footer_contacts a {
	    font-size: 14px;
	    line-height: 20px;
	    margin-bottom: 8px;
	}
	ul#nav.opened {
		left: 0;
	}
	ul#nav.opened li {
		margin-bottom: 10px;
	}
	ul#nav.opened a {
		font-size: 18px;
	}
	ul#nav.opened .dropdown-menu {
		display: flex;
		position: relative;
		left: 20px;
		top: 0;
	}
	.heroblock_wrapper {
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    margin: 20px 0 50px 0;
	}
	.heroblock_wrapper > * { width: 100%!important; }
	h1.heroheader,
	h2.bigheader {
	    font-size: 36px;
	    line-height: 50px;
	    padding: 0 0 15px 0;
	}
	header.header {
		background: #0F0F1C!important;
	}
	header.header .navbar {
		padding: 0 0 7px 0;
	}
	header.header .navbar .container {
		padding: 3px 0 0 0;
		justify-content: center;
	}
	header.header .navbar-brand {
	    width: 150px;
	    margin: 0!important;
	}
	header.header .navbar-brand .logo-img {
	    max-width: 130px;
	}
	header.header .navbar_blackwrapper {
	    padding: 0 10px 0 0!important;
	    justify-content: center;
	}
	.cart_button {
	    width: 50px;
	    height: 40px;
	    margin: 0 5px 0 0;
	}
	.usermenu_button {
	    width: 50px;
	}
	.header_searchform.active {
		padding-left: 5px!important;
	}
	.hero_buttons {
	    margin: 20px 0 20px 0;
	    align-items: flex-start;
	    justify-content: flex-start;
	    flex-direction: column;
	}
	.hero_buttons > * {
		width: 100%!important;
		margin: 5px 0!important;
	}
	.card-columns.home {
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    margin-bottom: 40px;
	}
	.card-columns.home > * {
		width: 100%!important;
	}
	.service_header {
	    margin: 0 0 20px 0;
	}
	.card-columns.home > .card .card-body p {
	    margin: 0;
	}
	.service_icon {
	    margin: 0;
	}
	.domaingrid_block {
	    width: 48%;
	}
	.domaingrid_pic {
	    height: 100px;
	    font-size: 46px;
	    line-height: 46px;
	    margin: 0 0 16px 0;
	}
	.tnavbar .custom-fraction { white-space: nowrap; }
	.faq_header_left .bigheader {
	    font-size: 40px;
	    line-height: 50px;
	}
	.bottomhero_left h2 {
	    font-size: 40px;
	    line-height: 50px;
	}
}

@media (max-width: 767px) {
	ol.breadcrumb { display: none; }
	.d5545 {
	    align-items: flex-start;
	    justify-content: flex-start;
	    flex-direction: column;
	    margin: 0 0 20px 0;
	}
	.d5545 > * {
		width: 100%!important;
	}
	.home-domain-search .input-group-wrapper .advanced-input #message {
		width: 100%!important;
		margin: 6px 0;
	}
	.domain_select_wrapper > .container {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.domain_select_wrapper .onblack {
		font-size: 32px;
		line-height: 40px;
		text-align: center;
	}
	.domaingrid_wrapper {
	    overflow-x: scroll;
	    justify-content: flex-start;
	}
	.domaingrid {
	    width: auto!important;
	    align-items: stretch;
	    justify-content: flex-start;
	    flex-wrap: nowrap!important;
	    margin-top: 20px;
	}
	.domaingrid_block {
	    width: 230px;
	    padding: 14px;
	    border-radius: 10px;
	    margin: 0 10px 15px 0;
	}
	.domaingrid_pic {
	    height: 120px;
	    font-size: 46px;
	    line-height: 46px;
	    margin: 0 0 16px 0;
	}
	.swiper-slide.testimonial-block {
		width: 100%!important;
	}
	.testimonial-block {
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	}
	.testimonial-block-left,
	.testimonial-block-right {
	    width: 100%;
	    margin: 0 5px;
	}
	.faq_header {
	    margin: 0 0 20px 0;
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	}
	.faq_header > *,
	.bottomhero > *, 
	.footer-top > * {
		width: 100%!important;
	}
	.faq_header_left .bigheader {
	    font-size: 30px;
		text-align: center!important;
	}
	.faq_header_right .middletext {
	    text-align: center;
	}
	.faq_questions_column {
	    width: 100%;
	}
	.faq_questions_wrapper {
	    width: 100%;
	    align-items: flex-start;
	    justify-content: flex-start;
	    flex-direction: column;
	}
	.faq_question_block {
	    border-radius: 12px;
	    padding: 18px;
	    margin: 0 0 15px 0;
	}
	.bottomhero_left h2 {
	    font-size: 32px;
	    line-height: 40px;
	    margin: 0 0 15px 0;
	}
	.bottomhero {
	    align-items: flex-start;
	    justify-content: flex-start;
	    flex-direction: column;
	}
	.bottomhero_left > div {
	    align-items: flex-start;
	    justify-content: flex-start;
	    flex-direction: column;
	}
	.bottomhero_left > div > * {
		width: 100%!important;
		margin: 0 0 10px 0;
	}
	.footer-top {
	    align-items: flex-start;
	    justify-content: flex-start;
	    flex-direction: column;
	    margin: 0 0 20px 0;
	    padding: 0 0 30px 0;
	}
	.footer-menus {
		margin: 25px 0 0 0;
	}
	.footer-bottomline {
	    align-items: center;
	    justify-content: flex-start;
	    flex-direction: column;
	    margin: 0;
	}
	.footer-bottomline a {
	    padding-left: 0;
	}
	.footer-bottomline .copyrighttext {
	    text-align: center;
	}
	#order-pure_comparison #n_headline, #order-standard_cart #n_headline, #n_headline {
	    font-size: 28px;
	    line-height: 40px;
	}
	#order-pure_comparison .price-table-container {
		width: 100%;
		overflow-x: scroll;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-direction: row;
		padding: 10px 0!important;
	}
	#order-pure_comparison .price-table-container > ul {
	    width: auto!important;
	    align-items: flex-start;
	    justify-content: flex-start;
	    flex-direction: row;
	    flex-wrap: nowrap;
	    flex-shrink: 0!important;
	}
	#order-pure_comparison .price-table-container > ul li {
		width: 80vw;
		margin: 0 0 20px 0;
		padding-top: 0!important;
	}
	#order-pure_comparison .price-table-container > ul li .iffeatured { display: none; }
	#order-pure_comparison .price-table-container ul li .price-table {
	    padding: 20px !important;
	    border-radius: 14px;
	}
	#order-pure_comparison .price-table-container ul li .price-table .top-head .top-area {
	    padding: 0;
	}
	#order-pure_comparison .price-table-container .price-area .price {
	    padding: 0;
	}
	#order-pure_comparison .price-table-container ul li .price-table .featuresheader {
	    margin: 10px 0 0 0;
	}
	#order-pure_comparison .price-table-container ul li .price-table .top-head .top-area h4 {
	    font-size: 22px;
	    line-height: 34px;
	    margin: 0;
	}
	#order-pure_comparison .price-table-container ul li .price-table .top-head .top-area p.product_short_desc {
	    font-size: 14px;
	    line-height: 22px;
	    padding: 0!important;
	}
	#order-pure_comparison .price-table-container .price-area .price {
	    padding: 0!important;
	}
	#order-pure_comparison .price-table-container .order-button {
		margin: 0!important;
		height: 46px!important;
	}
	.rating_wrapper {
	    align-items: center;
	    justify-content: center;
	    flex-direction: column;
	    margin: 20px 0 20px 0 !important;
	    gap: 10px;
	}
	body:not(.portalhome) .container {
		padding-right: 0!important;
		padding-left: 0!important;
	}
	#main-body {
		padding-right: 15px!important;
		padding-left: 15px!important;
	}
	body:not(.portalhome) #footer {
		padding-right: 15px!important;
		padding-left: 15px!important;
	}
	.domain-checker-container {
	    margin: 0 0 15px 0!important;
	}
	.domain-checker-bg {
	        padding: 0!important;
	}
	.domain-checker-container .regdomain_block {
	    width: 100%;
	}
	#order-standard_cart .domain-checker-advanced textarea {
	    font-size: 16px;
	    height: 170px!important;
	}
	.domain-checker-container.domain-checker-advanced #btnCheckAvailability {
	    right: 10px;
	    top: auto!important;
	    bottom: 40px;
	    max-width: 120px!important;
	}
	.regdomain_buttongroup {
	    display: flex;
	    align-items: center;
	    justify-content: flex-start;
	    flex-direction: column;
	}
	.domain-pricing {
		line-height: 14px!important;
	}
	.cart-body-fullwidth .domain-pricing .two-row-center {
	    line-height: 20px;
	    margin-top: 1px;
	    margin-bottom: 1px;
	    border-right: 2px solid #c7d7e6;
	}
	.promoboxes_wrapper {
	    align-items: flex-start;
	    justify-content: flex-start;
	    flex-direction: column;
	    gap: 15px;
	}
	.promoboxes_wrapper .domain-promo-box {
	    width: 100%;
	}

}