/* ====================================

    layout override style
    M2Piont

==================================== */

/*

------------------------------------------
------------------------------------------

----- Variables

------------------------------------------
------------------------------------------	

*/

:root {
	
	/* Primary color */
	
	--color-primary-background: #36DD8C;
	--color-primary-background-gradient-top: #36DD8C;
	--color-primary-background-gradient-bottom: #36DD8C;
	--color-primary-background-border: #36DD8C;
	--color-primary-background-hover: #36DD8C;
	--color-primary-background-shadow: transparent;	
	--color-primary-foreground: #28302C;
	--color-primary-foreground-shadow: transparent;
    --color-primary-othercolor-background: #28302C;
    /* Top color */
    --color-domainchecker-background: #FFF;
	
	/* Primary color - Active (used for hover/active states) */
	
	--color-primary-active-background: #36DD8C;
	--color-primary-active-background-hover: #36DD8C;
	--color-primary-active-background-gradient-top: #36DD8C;
	--color-primary-active-background-gradient-bottom: #36DD8C;	
	--color-primary-active-background-border: #36DD8C;
	--color-primary-active-background-shadow: #36DD8C;	
	--color-primary-active-foreground: #28302C;
	--color-primary-active-foreground-shadow: transparent;
	
	/* Secondary color */
	
	--color-secondary-background: #f7f7f7;
	--color-secondary-background-gradient-top: #f7f7f7;
	--color-secondary-background-gradient-bottom: #f7f7f7;
	--color-secondary-background-border: #c5d5cd;	
	--color-secondary-background-shadow: #3f3e3e;
	--color-secondary-foreground: #28302C;
	--color-secondary-foreground-shadow: transparent;
	
	/* Secondary color - Active (used for hover/active states) */
	
	--color-secondary-active-background: #4d4d4d;
	--color-secondary-active-background-gradient-top: #4d4d4d;
	--color-secondary-active-background-gradient-bottom: #4d4d4d;	
	--color-secondary-active-background-border: #000;
	--color-secondary-active-background-shadow: #3f3e3e;	
	--color-secondary-active-foreground: #f1f1f1;
	--color-secondary-active-foreground-shadow: #000;

	/* Secondary Button */
	--color-secondary-btn-foreground: #28302C;
	--color-secondary-btn-background: #e3e3e3;

	/* Link color */
	--color-link: #206a46;


	/* Tertiary color */
	
	--color-tertiary-background: #f5f5f5;
	--color-tertiary-background-gradient-top: #f5f5f5;
	--color-tertiary-background-gradient-bottom: #f5f5f5;
	--color-tertiary-background-border: #dddddd;	
	--color-tertiary-background-shadow: #3f3e3e;
	--color-tertiary-foreground: #243141;
	--color-tertiary-foreground-shadow: #fff;
	
	/* Secondary color - Active (used for hover/active states) */
	
	--color-tertiary-active-background: #f5f5f5;
	--color-tertiary-active-background-gradient-top: #f5f5f5;
	--color-tertiary-active-background-gradient-bottom: #f5f5f5;	
	--color-tertiary-active-background-border: #dddddd;
	--color-tertiary-active-background-shadow: #3f3e3e;	
	--color-tertiary-active-foreground: #243141;
	--color-tertiary-active-foreground-shadow: #fff;	
	
	/* color accent */
	--color-acent: #E66144;
	--color-accent01: #36DD8C;
	
	/* button color */
	--color-color2-boxshadow: #d8d8d8;

	/* -hedernav */
	--header-nav-background: #fff;
	--header-nav-background-hover: #dcf0e6;
	--header-nav-text: var(--color-primary-foreground);
	--header-nav-text-hover: var(--color-primary-foreground);
	--header-nav-border: #fff;
	--header-nav-border-hover: #fff;

	/* Box color */
	
	--color-box-background: #f5f5f5;
	--color-box-background-gradient-top: #fff;
	--color-box-background-gradient-bottom: #fff;
	--color-box-background-border: #dddddd;	
	--color-box-background-shadow: #dddddd;
	--color-box-background-divider: #dbdada;
	--color-box-foreground: var(--color-body);
	--color-box-foreground-shadow: #fff;	
	--color-box-foreground-bold: #243141;
	--color-box-foreground-bold-shadow: #fff;	
	--color-box-head-background: #f7f7f7;
	--color-box-head-background-gradient-top: #f7f7f7;
	--color-box-head-background-gradient-bottom: #f7f7f7;	
	--color-box-head-background-border: #E5E5E5;
	--color-box-head-foreground: #28302C;
	--color-box-head-foreground-shadow: #000;
	--color-box-head-foreground-bold: #28302C
	--color-box-head-foreground-bold-shadow: #000;	
	--color-box-footer-background: #f5f5f5;
	--color-box-footer-background-gradient-top: #f5f5f5;
	--color-box-footer-background-gradient-bottom: #f5f5f5;	
	--color-box-footer-background-border: #E5E5E5;
	--color-box-footer-foreground: #3f3e3e;
	--color-box-footer-foreground-shadow: #3f3e3e;	
	--color-box-footer-foreground-bold: #000;
	--color-box-footer-foreground-bold-shadow: #000;
	
	/* Box color - Active (used for hover/active states) */
	
	--color-box-active-background: #ffffff;
	--color-box-active-background-gradient-top: #ffffff;
	--color-box-active-background-gradient-bottom: #ffffff;
	--color-box-active-background-border: #d3d3d3;	
	--color-box-active-background-shadow: #d3d3d3;
	--color-box-active-background-divider: #d0cece;
    --color-box-active-background-box-shadow: rgba(0,0,0,.05);
	--color-box-active-foreground: var(--color-body);
	--color-box-active-foreground-shadow: #fff;		
	--color-box-active-foreground-bold: #243141;
	--color-box-active-foreground-bold-shadow: #fff;
	--color-box-active-head-background: var(--color-primary-background);
	--color-box-active-head-background-gradient-top: var(--color-primary-background);
	--color-box-active-head-background-gradient-bottom: var(--color-primary-background);	
	--color-box-active-head-background-border: #f5f5f5;
	--color-box-active-head-foreground: var(--color-primary-foreground);
	--color-box-active-head-foreground-shadow: var(--color-primary-foreground-shadow);
	--color-box-active-head-foreground-bold: transparent;
	--color-box-active-head-foreground-bold-shadow: transparent;	
	--color-box-active-footer-background: #f5f5f5;
	--color-box-active-footer-background-gradient-top: #f5f5f5;
	--color-box-active-footer-background-gradient-bottom: #f5f5f5;		
	--color-box-active-footer-background-border: #908f8f;
	--color-box-active-footer-foreground: #3f3e3e;
	--color-box-active-footer-foreground-shadow: #3f3e3e;	
	--color-box-active-footer-foreground-bold: #000;
	--color-box-active-footer-foreground-bold-shadow: transparent;
				
	/* Badge - warning */
	
	--color-badge-hot-background: #e9733e;
	--color-badge-hot-background-gradient-top: #e9733e;
	--color-badge-hot-background-gradient-bottom: #e9733e;	
	--color-badge-hot-background-border: #e9733e;
	--color-badge-hot-foreground: #fff;	
	
	/* Badge - new */
	
	--color-badge-new-background: #31ca79;
	--color-badge-new-background-gradient-top: #31ca79;
	--color-badge-new-background-gradient-bottom: #31ca79;		
	--color-badge-new-background-border: #31ca79;
	--color-badge-new-foreground: #fff;		
	
	/* Badge - popular */
	
	--color-badge-popular-background: #ef476f;
	--color-badge-popular-background-gradient-top: #ef476f;
	--color-badge-popular-background-gradient-bottom: #ef476f;		
	--color-badge-popular-background-border: #ef476f;
	--color-badge-popular-foreground: #fff;		
	
	/* Badge - free */
	
	--color-badge-free-background: #15ace5;
	--color-badge-free-background-gradient-top: #15ace5;
	--color-badge-free-background-gradient-bottom: #15ace5;		
	--color-badge-free-background-border: #15ace5;
	--color-badge-free-foreground: #fff;
	
	/* Default colors */
	
	--background-body: #fff; /* Body background color */	
	--background-banner: #EEEDF5; /* Default background color for the banner */	
	--color-body: #373547; /* Used for body text */
	--color-heading: #373547; /* Used for heading text */
	--color-white: #FFF;/* ヘッダ白にしたらフォント見えないので暫定的に黒に変更 */
	--color-black: #373547;	
	--color-border: #E5E5E5;	
	--color-green: #8cd36e;
	--color-red: #ce5b5b;
	--color-text-default: #373547;

	/* content color */
	--color-innernav-bg:#eef7f3;
	--color-innernav-text: var(--color-secondary-foreground);

	/* Search Domain */
	--color-searchdomain-title: #31a96f;
	--color-searchdomain-acent: #f08c6c;
	--color-primary-hover: #5D45F1;
	
	/* ---- Sizing ---- */
	
	--container-width: 1250px; /* Template content width */	
	--logo-width: 200px; /* Set the max width of your logo */
	--logo-width-small: 170px;
	--spacing-parent: 60px; /* Used for the spacing of main elements (e,g feature boxes, tables, slideshow bottom margin) */
	--spacing-child: 40px; /* Used for the spacing of child elements (e.g bottom margin of paragraths, headings) */
	--spacing-inner: 25px; /* Used for padding on boxes */
	--text-size: 1.6em; /* Default text size (1.6em = 16px) */
	--text-lineheight: 1.8em; /* Default text line height */
	--border-radius: 5px; /* Set the default border radius - used through the template such as for buttons */
	--border-bottom-width: 1px; /* Set the bottom border of all elements. Using a higher value than 1px creates a 3D bevel effect */
	
	/* ---- Fonts ---- */
	
	--font-body: 'Lato','Noto Sans JP','Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans', Meiryo,sans-serif; /* The font used for all text other than headings */
    --font-en: 'Lato', sans-serif;
	--font-heading: 'Lato','Noto Sans JP','Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans', Meiryo, sans-serif; /* The font used for headings */
	
	/* ---- Misc ---- */
	
	--shadow: 0 3px 8px 2px rgba(0,0,0,.07); /* Default shadow color/spacing */
	--gradient-degrees: 180deg; /* Set the angle for gradient colors */
	
	/* ---- box ----- */
	--color-shadow-lightbg: rgba(66, 109, 111, .14);

	/* ----  footer color ---- */
	--header-background: #fff;
	--header-background-hover: #f7f7f7;

	--header-toolbar-bg: var(--color-secondary-background);

	/* ----  footer color ---- */
	--footer-background: #f7f7f7;

}

/*

------------------------------------------
------------------------------------------

----- Fonts

------------------------------------------
------------------------------------------	

*/

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

/*

------------------------------------------
------------------------------------------

----- Defaults

------------------------------------------
------------------------------------------	

*/

/* body {
	background: var(--background-body); 
    color: var(--color-body);
	font-family: var(--font-body);
	font-weight: 400;
} */


.subbanner .subbanner-heading, a, a:hover{
	color: var(--color-link);
}



/*

------------------------------------------
------------------------------------------

----- Common

------------------------------------------
------------------------------------------	

*/

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.center {
	text-align: center !important;
}

.cursor-pointer:hover {
	cursor: pointer !important;
}

.cursor-none:hover {
	cursor: default !important;
}

.padding0 {
	padding: 0 !important;
}

.paddingtop0 {
	padding-top: 0 !important;
}

.paddingbottom0 {
	padding-bottom: 0 !important;
}

.margintopparent {
	margin-top: var(--spacing-parent) !important;
}

.marginbottomparent {
	margin-bottom: var(--spacing-parent) !important;
}

.marginbottom0 {
	margin-bottom: 0 !important;
}

.marginright15 {
	margin-right: 15px !important;
}

.borderbottom0 {
	border-bottom: none !important;
}

.buttonspacing {
	margin: 5px !important;
}

.inline {
	display: inline;
}

.imageline {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 var(--spacing-child) 0;
}

.imgright {
	float: right;
	margin: 0 0 var(--spacing-child) var(--spacing-child);
}

.imgleft {
	float: left;
	margin: 0 var(--spacing-child) var(--spacing-child) 0;
}

.max-width-200 {
	max-width: 200px;
}

.red {
	color: var(--color-red);
}

.hiddencontent {
	display: none;
}

.icon-check {
	color: var(--color-green);
}

.icon-cross {
	color: var(--color-red);
}

.headingstyle1 {
	width: 100%;
	text-align: center;
	/* background: url("../images/heading-background.png") left center repeat-x; */
	background: none;
	margin: 0 0 var(--spacing-child) 0;
}
.headingstyle1 h1,
.headingstyle1 h2,
.headingstyle1 h3,
.headingstyle1 h4,
.headingstyle1 h5,
.headingstyle1 h6 {
	padding: 10px 15px;
	background: #fff;
	border: none;
	border-radius: var(--border-radius);
	display: inline-block;
	margin: 0;
}


/*

------------------------------------------
------------------------------------------

----- Layout

------------------------------------------
------------------------------------------	

*/
/* toolbar */
.toolbarmain-container {
	background: var(--header-toolbar-bg);
	border-bottom: none;
	font-size: 12px;
}

.toolbarmain {
	display: flex;
	justify-content: space-between;
	align-items: center;	
}
.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-language a{
	background: transparent;
}
.toolbarmain .toolbarmain-menu ul li a,
.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-language a {
	display: block;
	padding: 5px 10px;
}

.toolbarmain .toolbarmain-menu ul li a:hover,
.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-language a:hover {
	color: var(--color-black);
	background: var(--color-primary-othercolor-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
}
.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-welcome a {
	background: none !important;
	/* color: var(--color-primary-active-background); */
	font-weight: bold;
}
/* Headermain */
.headermain { 
	background: var(--header-background);
	/* background: transparent; */
	padding: 7px 0;
	border-bottom: none;
}

.navmain ul li a {
	/* color: var(--color-white); */
}

.navmain ul li:hover,
.navmain ul li.navmain-active {
	background: var(--color-primary-othercolor-background);
	background: linear-gradient(var(--gradient-degrees),var(--color-primary-othercolor-background) 0, var(--color-primary-othercolor-background) 100%);
}

.navmain ul li:hover a,
.navmain ul li.navmain-active a {
	color: var(--color-black);
}

/* Dropdown */

.navmain .navmain-dropdown a {
	position: relative;
	background: none;
	padding-left: 25px;
}
.navmain .navmain-dropdown a::before{
	content: "";
	position: absolute;
	top: calc(50% - 2px);
    left: 10px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	/* border-left: 4px solid var(--color-white); */
}

.navmain .navmain-dropdown.navmain-active a {
	background: url("../images/navmain-drop-active.png") 10px center no-repeat;
}

.navmain .navmain-dropdown:hover a,
.navmain .navmain-dropdown a:hover,
.navmain .navmain-dropdown.navmain-active a:hover {
	background: url("../images/navmain-drop-hover.png") 10px center no-repeat;
}

/* header */
.headermain.isStuck .headermain-logo img{
	max-width: var(--logo-width-small);
}

.headermain .headermain-logo > a{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	text-decoration: none;
}

.headermain .headermain-logo img{
	width: 100%;
}

.headermain .header_service_logotext{
	color: var(--color-white);
	/* display: inline-block; */
	display: none;
    font-size: 1.3em !important;
    text-shadow: none;
	text-decoration: none;
	font-weight: bold;
	margin-left: auto;
}

.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-icon a:hover{
	color: var(--color-primary-active-foreground) !important;
}
.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:hover .navmain-link-text,
.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:hover .navmain-link-heading{
	color: var(--color-primary-active-foreground) !important;
}

/* Search Domain  */
/* ドメイン検索 Search Domain =================================== */
.content_section{
    padding: 80px 0;
    overflow: hidden;
}
.content_section,.search_domain{
	padding: 80px 0 40px;
}
.content_wrap{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}
@media screen and (max-width: 980px) {
    .content_section{
        padding: 60px 0;
    }
    .content_wrap{
        padding: 0 12px;
    }
}
.search_domain{
    text-align: center;
	background: var(--color-domainchecker-background);
}
.search_domain_title{
    font-size: 32px;
    line-height: 1.1;
    margin-bottom: 26px;
    color: var(--color-searchdomain-title);
}
.domainchecker-subheading{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 24px;
}
.domainchecker-subheading-price,
.domainchecker-subheading-price-price,
.domainchecker-subheading-price-currencysuffix,
.domainchecker-subheading-price-term{
	display: inline;
}

.search_domain_ballon{
    position: relative;
    display: inline-block;
    background: var(--color-searchdomain-acent);
    
    padding: 2px 24px;
    font-weight: bold;
    margin-bottom: 26px;
    border-radius: 2px;
}
.search_domain_ballon::before{
    content: "";
    position: absolute;
    bottom: -6px;
    left: calc(50% - 2px);
    border-top: 8px solid var(--color-searchdomain-acent);
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.search_domain_block{
    display: flex;
    justify-content: space-between;
    margin: 0 auto 24px;
    max-width: 720px;
    border: 2px solid var(--color-primary-background);
    background: var(--color-primary-background);
    border-radius: 6px;
    /* box-shadow: 0 10px 0 var(--color-primary-othercolor-background); */
}
.search_domain_block_inner{
	display: flex;
    width: calc(100% - 200px);
    padding: 16px 34px;
    text-align: left;
    background: #eff3f1;
	color: var(--color-primary-foreground);
    border-radius: 4px 0 0 4px;
}
.search_domain_block_www{
    color: var(--color-primary-foreground);
    font-weight: bold;
    padding: 0 24px 0 0;
}
.search_domain_input{
    font-size: 16px;
    font-weight: bold;
	border: none;
	width: 100%;
}
.search_domain_input::placeholder{
    color: #BED1D1;
}
.search_domain_submit{
    width: 200px;

    font-weight: bold;
    border-radius: 0 50px 50px 0;
    background: var(--color-primary-active-background);
    padding: 0 24px;
    cursor: pointer;
    border: none;
}
.search_domain_submit:hover{
    background: var(--color-primary-active-background-hover);
}
.search_domain_copy{
    font-weight: bold;
    color: var(--color-searchdomain-title);
}
.domainpricing_wrap{
	margin-top: 24px;
}
.domainpricing{
	display: flex;
	justify-content: center;
	align-items: center;
}
.domaintld{
	width: calc((100% / 5) - 12px);
	background: #fff;
	border-radius: 4px;
    padding: 8px 0px;
	box-shadow: 0 0 12px rgba(0,0,0,.03);
}
.domaintld-heading{
	width: 100%;
	font-weight: bold;
	font-size: 20px;
}
.domaintld-price{

}
.domaintld-price-price,
.domaintld-price-currencysuffix,
.domaintld-price-term{
	display: inline;
}

@media screen and (max-width: 580px) {
    .search_domain_block{
        flex-direction: column;
        border-radius: 0;
        background: transparent;
        border: none;
        box-shadow: none;
    }
    .search_domain_block_inner{
        width: 100%;
        border-radius: 4px;
        border: 2px solid var(--color-primary-background);
        margin-bottom: 12px;
    }
    
    .search_domain_submit{
        width: 100%;
        border-radius: 6px;
        box-shadow: none;
        padding: 16px 12px;
    }
	.search_domain_title{
		font-size: 26px;
	}
	.domaintld{
		width: calc((100% / 2) - 12px);
	}
	.banner.banner-design2column .banner-heading{
		font-size: 32px;
	}
	.banner.banner-design2column .banner-text{
		font-size: 24px;
	}
}
/* End of Search Domain */

/* Subbanner */

.subbanner {
	background: var(--background-banner) url("../images/sultpoint/main_bg_5.png") center center no-repeat;
}

.subbanner .background {
	/* background: rgba(70, 92, 94, 0.8); */
	background-color: rgba(70, 92, 94, 0.0) !important;
	display: inline-block;
	width: 100%;
	height: 100%;
}


.subbanner .subbanner-heading {
	/* color: var(--color-white); */
	color: var(--color-body);
	text-shadow: none;	
    font-size: 3em;
    line-height: 1.2em;
	position: relative;
	z-index: 2;
	text-align: center;
	font-family: var(--font-heading);
	font-weight: bold;
	margin: 0;
}
@media (max-width: 600px) {
	.subbanner .subbanner-heading{
		font-size: 2.4em;
	}
}
.subbanner .contentcontainer {
	padding: var(--spacing-parent) 0;
}

.slideshow{
	height: 100%;
}
.slideshow .banner-banner3,
.slideshow .background{
	height: 100%;
	background-color: rgba(255,255,255,0) !important;
}

.margin-bottom{
	margin-bottom: 24px;
}
.breadcrumbmain,
.breadcrumbmain a{
	color: var(--color-body);
}

/*

------------------------------------------
------------------------------------------

----- Banner

------------------------------------------
------------------------------------------	

*/

.banner {
	background-size: cover;
	margin: 0;
    /* color: var(--color-white); */
	color: var(--color-black);
	text-shadow: none;
	overflow: hidden;
}

.banner .background{
	background-color: rgba(255,255,255,0) !important;
}


.banner .banner-heading {
	/* color: var(--color-white); */
	color: var(--color-black);
	text-shadow: none;
	text-align: center;
	font-size: 3em;
	line-height: 1.2em;
	margin: 0 0 var(--spacing-child) 0;
	font-family: var(--font-heading);
	font-weight: bold;
	text-transform: capitalize;
}


.banner.banner-design2column.banner-designscreenshot .banner-twocolumn .banner-twocolumn-col2 {
	align-items: flex-start;
	margin: 10px 0 0 0;	
}
.banner.banner-design2column.banner-designscreenshot picture::before {
	background-color: initial;
	background: initial;
	background-size: initial;
	border-bottom: none;
	border-radius: 0;
	height:0px;
	display: block;
	content: "";
}

.banner-main-regist-btn {
	/* background-color: var(--color-white) !important; */
    color: var(--color-black) !important;
}

/* Banner - Domain Search */
.banner-domainsearch #frmDomainHomepage{
	display: flex;
}
.banner-domainsearch input[type="text"] {
	padding: 16px 34px 16px 75px;
    text-align: left;
    /* background: var(--color-white); */
    border-radius: 6px 0 0 6px;
	border: 2px solid var(--color-primary-background);
	box-shadow: none!important;
}

.banner-domainsearch input[type="submit"] {
	width: 30%;
	border-radius: 0 6px 6px 0;
	background: var(--color-primary-background) !important;
	box-shadow: none;
	color: var(--color-primary-foreground) !important;
	border: 2px solid var(--color-primary-background) !important;
}
.banner-domainsearch input[type="submit"]:hover{
	background: var(--color-primary-background-hover) !important;
	border-color: var(--color-primary-background-hover) !important;
}

.banner-domainsearch::before {
	background: none;
	color: var(--color-primary-active-foreground);
}

/* whmcs.css */
.whmcs-templatefile-domainregister .whmcscontainer #order-standard_cart .domain-checker-container,
.whmcs-templatefile-domainregister .whmcscontainer #order-standard_cart .domain-checker-bg{
	background:  var(--color-domainchecker-background) !important;
}
.whmcs-filename-cart .whmcscontainer #order-standard_cart .form-control{
	border-color: var(--color-box-background-border) !important;
}
.whmcs-templatefile-store\/ox\/index .whmcscontainer .landing-page.ox .pricing th, .whmcscontainer .card .card-header,
.whmcscontainer .table th{
	background: var(--color-primary-background) !important;
}

/*

------------------------------------------
------------------------------------------

----- Elements

------------------------------------------
------------------------------------------	

*/

/* Columns */

.columns {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;	
}

.columns.columns-verticle-center {
	align-items: center;
}

.columns.columns-horizontal-center {
	justify-content: center;
}

.columns .columns-col {
	margin: 0 0 var(--spacing-child) 0;
}

.columns.columns-1col .columns-col {
	flex-basis: 100%;
}

.columns.columns-2col .columns-col {
	flex-basis: 49%;
}

.columns.columns-3col .columns-col {
	flex-basis: 32%;
}

.columns.columns-4col .columns-col {
	flex-basis: 24%;
}

.columns.columns-5col .columns-col {
	flex-basis: 19%;
}

.columns.columns-style1 .columns-col1 {
	flex-basis: 60%;
}

.columns.columns-style1 .columns-col2 {
	flex-basis: 38%;
}

/* Accordion */

.accordion {
	margin: 0 0 var(--spacing-parent) 0;
	border-left: var(--color-box-background-border) 1px solid;
	border-right: var(--color-box-background-border) 1px solid;
	display: flex;
	flex-direction: column;
}

.accordion .accordion-block {
	width: 100%;
}

.accordion .accordion-block .accordion-heading {	
	background: var(--color-box-background);
	background: url("../images/accordion-open.png") 20px center no-repeat;
	background: url("../images/accordion-open.png") 20px center no-repeat, linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
	border-top: var(--color-box-background-border) 1px solid;	
    padding: 10px 10px 10px 60px;
    cursor: pointer;
    color: var(--color-box-foreground);
    font-weight: bold;
}

.accordion .accordion-block .accordion-heading:hover {
	color: var(--color-primary-background);
}

.accordion .accordion-block .accordion-heading .accordion-tag {
	float: right;
	color: var(--color-body);
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
	padding: 5px 6px;
	border-radius: var(--border-radius);
	line-height: 1;
}

.accordion .accordion-block:last-child .accordion-heading {
	border-bottom: var(--color-box-background-border) 3px solid;	
}

.accordion .accordion-block .accordion-close {
	background: var(--color-box-background);
	background: url("../images/accordion-close.png") 20px center no-repeat;
	background: url("../images/accordion-close.png") 20px center no-repeat, linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);	
    color: var(--color-primary-background);
    border-bottom: var(--color-box-background-border) 1px solid;	
}

.accordion .accordion-block .accordion-answer {
    display: none;
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
    padding: var(--spacing-inner) var(--spacing-inner) var(--spacing-inner) 60px;
    color: var(--color-box-foreground);
}

.accordion .accordion-block:last-child .accordion-answer {
	border-bottom: var(--color-box-background-border) 3px solid;	
}

.accordion .accordion-block .accordion-answer p:last-child {
	margin-bottom: 0;
}

/* Items In Cart */

.itemsincart {
	border-bottom: var(--color-border) 1px solid;
}

.itemsincart .contentcontainer {
	padding: var(--spacing-child) 0;	
}

.itemsincart .itemsincart-heading {
	color: var(--color-primary-background);
}

.itemsincart p {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5em;
}

.itemsincart p:last-child {
	margin-bottom: 0;
}

.itemsincart .itemsincart-coupon {
	padding: 5px 10px;	
	font-weight: bold;	
	font-size: 1.1em;
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
	border: var(--color-box-background-border) 3px dashed;
	color: var(--color-box-foreground);	
}

.itemsincart .itemsincart-buttons {
	text-align: center;
}

.itemsincart .itemsincart-buttons .color2 {
	margin-left: 15px;
	margin-right: 15px;
}

.itemsincart .itemsincart-buttons .button1 {
	margin-bottom: 10px;
}

/* Domainchecker */

.domainchecker {
	background: var(--color-domainchecker-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-domainchecker-background) 0, var(--color-domainchecker-background) 100%);
	background-size: cover;
}

.domainchecker .domainchecker-columns {
	display: flex;
	justify-content: space-between;
	padding: var(--spacing-parent) 0;
	align-items: center;
}

.domainchecker .domainchecker-columns-left {
	width: 49%;
}

.domainchecker .domainchecker-columns-right {
	width: 49%;
}

.domainchecker .domainchecker-heading {
	color: var(--color-black);
	text-shadow: none;
	font-size: 3em;
	line-height: 1.2em;
	margin: 0 0 var(--spacing-child) 0;
	font-family: var(--font-heading);
	font-weight: bold;
}

.domainchecker .domainchecker-subheading {
	font-size: 1.6em;
	line-height: 1.3em;
	color: var(--color-black);
	font-weight: bold;
}

.domainchecker .domainchecker-subheading .domainchecker-subheading-price .domainchecker-subheading-price-price,
.domainchecker .domainchecker-subheading .domainchecker-subheading-price .domainchecker-subheading-price-currencyprefix,
.domainchecker .domainchecker-subheading .domainchecker-subheading-price .domainchecker-subheading-price-currencysuffix,
.domainchecker .domainchecker-subheading .domainchecker-subheading-price .domainchecker-subheading-price-term {
	display: inline;
}

.domainchecker .domainchecker-subheading .domainchecker-subheading-price .domainchecker-subheading-price-currencyprefix,
.domainchecker .domainchecker-subheading .domainchecker-subheading-price .domainchecker-subheading-price-currencysuffix {
	font-size: 0.8em;
}

.domainchecker .domainchecker-subheading .domainchecker-subheading-price .domainchecker-subheading-price-currencysuffix {
	padding-left: 5px;
}

.domainchecker .domainchecker-subheading .domainchecker-subheading-price .domainchecker-subheading-price-term {
	padding-left: 8px;
}

.domainchecker .domainsearch {
	position: relative;
	margin: 0 auto var(--spacing-child) auto;
	max-width: 650px;
	display: block;
}

.domainchecker .domainsearch::after {
	clear: both;
	display: table;
	content: "";	
}

.domainchecker .domainsearch::before {
	content: "www.";
	position: absolute;
	left: 5px;
	top: 5px;
	font-size: 18px;
	background: var(--color-box-head-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-head-background-gradient-top) 0, var(--color-box-head-background-gradient-bottom) 100%);
	border-radius: var(--border-radius) 0 0 var(--border-radius);
	color: var(--color-box-head-foreground);
	line-height: 1;
	padding: 19px;
	text-shadow: none;
}

.domainchecker .domainsearch input {
	font-size: 1.2em;
	height: 65px;
	float: left;
}

.domainchecker .domainsearch input[type="text"] {
	width: 70%;
	padding: 0 var(--spacing-inner) 0 105px;
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
	border: var(--color-box-background-border) 1px solid;
	color: var(--color-box-foreground);
	border-radius: var(--border-radius) 0 0 var(--border-radius);
}

.domainchecker .domainsearch input[type="submit"] {
	width: 30%;
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
	text-transform: uppercase;
	cursor: pointer;
}

.domainchecker .domainpricing {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 650px;
	margin: 0 auto;	
}

.domainchecker .domainpricing .domaintld {
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
	border: var(--color-box-background-border) 1px solid;
	color: var(--color-box-foreground);
	border-radius: var(--border-radius);
	text-align: center;
	margin: 10px;
	padding: 15px;
}

.domainchecker .domainpricing .domaintld .domaintld-heading {
    font-size: 1.3em;
	font-weight: bold;
	color: var(--color-box-foreground-bold);
}

.domainchecker .domainpricing .domaintld .domaintld-price {

}

.domainchecker .domainpricing .domaintld .domaintld-price-price,
.domainchecker .domainpricing .domaintld .domaintld-price-currencyprefix,
.domainchecker .domainpricing .domaintld .domaintld-price-currencysuffix,
.domainchecker .domainpricing .domaintld .domaintld-price-term {
	display: inline;
}

.domainchecker .domainpricing .domaintld .domaintld-price-currencyprefix {
	font-size: 0.8em;
}

.domainchecker .domainpricing .domaintld .domaintld-price-currencysuffix {
	font-size: 0.8em;
}
.domainchecker-prom{
    margin-bottom: 10px;
}
.domainchecker-prom > strong{
    display: inline-block;
    font-size: 1.2rem;
    padding: 0px 12px;
    font-weight: bold;
    background: var(--color-primary-background);
    /* color: var(--color-white); */
}

/* Linksbar */

.linksbar {
	background: var(--color-innernav-bg);
	/* background: linear-gradient(var(--gradient-degrees), var(--color-innernav-bg) 0, var(--color-innernav-bg) 100%); */
	border-bottom: none;	
	padding: 3px 0;
}

.linksbar ul {
	margin: 0;
	text-align: center;
}

.linksbar ul li {
	display: inline-block;
	font-size: 1.2em;
	font-weight: bold;
}

.linksbar ul li a {
	display: block;
    padding: 16px 30px;
	color: var(--color-innernav-text);
	border-right: none;
	text-decoration: none;
}

.linksbar ul li.linksbar-active a,
.linksbar ul li:hover a {
	color: var(--color-innernav-text);
}

.linksbar ul li:last-child a {
	border-right: none;
}

/* List */

.list ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	font-size: 14px;
}

.list ul li {
	display: inline-block;
	padding: 5px 10px 5px 39px;
	margin: 0 0 5px 0;
	background: url("../images/bullet-icon.png") left center no-repeat;		
	background-size: auto 20px;
}

.list ul li:last-child {
	margin-bottom: 0;
}

.list.list-col1 ul li {
	width: 100%;
}

.list.list-col2 ul li {
	width: 49%;
	
}
/* .banner-twocolumn-col .list.list-col2 ul li{
	text-indent: -1em;
    padding-left: 1em;
} */

.list.list-col3 ul li {
	width: 32%;
}

/* CTA */

.cta-container {
	background: var(--color-secondary-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-secondary-background-gradient-top) 0, var(--color-secondary-background-gradient-bottom) 100%);
}

.cta {
	display: flex;
	justify-content: space-between;	
	align-items: center;
	padding: var(--spacing-parent);
}

.cta .cta-col1 {
	color: var(--color-secondary-foreground);
	text-shadow: var(--color-secondary-foreground-shadow) 1px 1px;
	font-size: 2.5em;
	line-height: 1.2em;		
	font-weight: bold;
	text-align: center;
}

.cta .cta-col2 {
	display: flex;
	justify-content: flex-end;
	flex-grow: 1;
	padding: 0 0 0 var(--spacing-child);
	font-size: 1.4em;
}

.cta .cta-col2 .button1 {
	white-space: nowrap;
}

/* CTA 2 */

.cta2 {
	display: flex;
	justify-content: space-between;	
	align-items: center;
	padding: var(--spacing-child);
	margin: 0 0 var(--spacing-child) 0;
	position: relative;
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
	border: var(--color-box-background-border) 1px solid;	
	border-bottom-width: var(--border-bottom-width);	
}

.cta2 .cta2-col1 {
	color: var(--color-box-foreground-bold);
	text-shadow: var(--color-box-foreground-bold-shadow) 1px 1px;
	font-size: 2.5em;
	line-height: 1.2em;		
	font-weight: bold;
	text-align: center;
}

.cta2 .cta2-col2 {
	display: flex;
	justify-content: flex-end;
	flex-grow: 1;
	padding: 0 0 0 var(--spacing-child);
	font-size: 1.4em;
}

.cta2 .cta2-col2 .button1 {
	white-space: nowrap;
}



/*

------------------------------------------
------------------------------------------

----- Buttons - Used on various pages

------------------------------------------
------------------------------------------	

*/

.button1 {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border-radius: var(--border-radius);
	font-style: normal;
	padding: .5em 1em .5em;
	font-weight: bold;
	text-transform: uppercase;
}

.button1:hover {
	text-decoration: none;
}

.button1-more {
	padding: 4px 8px;
	line-height: 1;
	font-size: 0.8em;
}

/* Primary Button */

.color1,
.color1:active,
.color1:visited {
	color: var(--color-primary-active-foreground) !important;
	border:none !important;
	background: var(--color-primary-active-background) !important;
	/* background: linear-gradient(var(--gradient-degrees), var(--color-primary-background-gradient-top) 0, var(--color-primary-background-gradient-bottom) 100%) !important;	 */
	text-shadow: none !important;
	border-radius: 6px;
}

.color1:hover,
.color1:focus {
	color: var(--color-primary-active-foreground) !important;
	border: none !important;
	background: var(--color-primary-active-background-hover) !important;
	/* background: linear-gradient(var(--gradient-degrees), var(--color-primary-active-background-gradient-top) 0, var(--color-primary-active-background-gradient-bottom) 100%) !important; */
	text-shadow: none !important;
	border-radius: 6px;
}

/* Secondary Button */

.color2,
.color2:active,
.color2:visited {
	color: var(--color-secondary-btn-foreground) !important;
	border: none !important;
	background: var(--color-secondary-btn-background) !important;
	/* background: linear-gradient(var(--gradient-degrees), var(--color-secondary-background-gradient-top) 0, var(--color-secondary-background-gradient-bottom) 100%) !important; */
	box-shadow: none;
	text-shadow: none !important;
	border-radius: 6px;
}

.color2:hover,
.color2:focus {
	color: var(--color-secondary-btn-foreground) !important;
	border: none !important;
	background: var(--color-secondary-btn-background) !important;
	/* background: linear-gradient(var(--gradient-degrees), var(--color-secondary-active-background-gradient-top) 0, var(--color-secondary-active-background-gradient-bottom) 100%) !important; */
	text-shadow: none!important;
	text-shadow: none !important;
	border-radius: 6px;	
}

/* Tertiary Button */

.color3,
.color3:active,
.color3:visited {
	color: var(--color-tertiary-foreground) !important;
	border: solid 1px var(--color-tertiary-background-border) !important;
	background: var(--color-tertiary-background) !important;
	background: linear-gradient(var(--gradient-degrees), var(--color-tertiary-background-gradient-top) 0, var(--color-tertiary-background-gradient-bottom) 100%) !important;
	text-shadow: var(--color-tertiary-foreground-shadow) 1px 1px !important;	
}

.color3:hover,
.color3:focus {
	color: var(--color-tertiary-active-foreground) !important;
	border: solid 1px var(--color-tertiary-active-background-border) !important;
	background: var(--color-tertiary-active-background) !important;
	background: linear-gradient(var(--gradient-degrees), var(--color-tertiary-active-background-gradient-top) 0, var(--color-tertiary-active-background-gradient-bottom) 100%) !important;
	text-shadow: var(--color-tertiary-active-foreground-shadow) 1px 1px !important;		
}



/*

------------------------------------------
------------------------------------------

----- Product - Boxes1 - Used for the homepage feature boxes and on the Wizard Panel service pages with the boxes layout selected

------------------------------------------
------------------------------------------	

*/

.product-boxes1 .product-boxes1-box{
	box-shadow: 0 0 12px var(--color-shadow-lightbg);
}
.product-boxes1 .product-boxes1-box .product-boxes1-buttons {
	padding: 24px;
	flex-direction: column;
}
.product-boxes1 .product-boxes1-box .product-boxes1-features ul li strong {
	color: var(--color-acent);
}

/* Hover */

.product-boxes1 .product-boxes1-box:hover {
    box-shadow: 0 0 12px var(--color-box-active-background-box-shadow);
	background: var(--color-box-active-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-active-background-gradient-top) 0, var(--color-box-active-background-gradient-bottom) 100%);
	border-color: var(--color-box-active-background-border);
	color: var(--color-box-active-foreground);
}

.product-boxes1 .product-boxes1-box:hover .product-boxes1-head {
	background: var(--color-box-active-head-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-active-head-background-gradient-top) 0, var(--color-box-active-head-background-gradient-bottom) 100%);
	border-color: var(--color-box-active-head-background-border);
}

.product-boxes1 .product-boxes1-box:hover .product-boxes1-head .product-boxes1-heading {
	color: var(--color-box-active-head-foreground);
	text-shadow: var(--color-box-active-head-foreground-shadow) 1px 1px;	
}

.product-boxes1 .product-boxes1-box:hover .product-boxes1-price {
	background: var(--color-box-active-footer-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-active-footer-background-gradient-top) 0, var(--color-box-active-footer-background-gradient-bottom) 100%);
	border-color: var(--color-box-active-head-background-border);	
	color: var(--color-box-active-footer-foreground);			
}

.product-boxes1 .product-boxes1-box:hover .product-boxes1-heading2 {
	background: var(--color-box-active-footer-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-active-footer-background-gradient-top) 0, var(--color-box-active-footer-background-gradient-bottom) 100%);
	border-color: var(--color-box-active-head-background-border);	
	color: var(--color-box-active-footer-foreground);
}

.product-boxes1 .product-boxes1-box:hover .product-boxes1-features ul li {	
	border-color: var(--color-box-active-background-divider);
}


.product-boxes1 .product-boxes1-box .product-boxes1-head {
	background: var(--color-box-head-background);
	/* background: linear-gradient(var(--gradient-degrees), var(--color-box-head-background-gradient-top) 0, var(--color-box-head-background-gradient-bottom) 100%); */
	background: var(--color-primary-background) url(../images/sultpoint/service-title-bg.png) no-repeat center center;
	border-bottom: var(--color-box-head-background-border) 1px solid;
	display: flex;
    justify-content: center;
    align-items: center;
	background-size: cover;
	width: 100%;
    font-weight: bold;
    height: 160px;
    letter-spacing: .04em;
	padding: var(--spacing-inner);	
	color: --color-box-head-foreground;
	
	
}

.product-boxes1 .product-boxes1-box .product-boxes1-head .product-boxes1-heading {
	margin: 0;
	color: var(--color-box-head-foreground);	
	font-size: 1.6em;
	white-space: break-spaces;
	text-shadow: none !important;
}

.product-boxes1 .product-boxes1-box .product-boxes1-text {
	width: 100%;
	padding: 20px var(--spacing-inner);	
	text-align: center;
	white-space: nowrap;
}

.product-boxes1 .product-boxes1-box .product-boxes1-text img {
	margin: 0 auto var(--spacing-child) auto;
	max-height: 100px;
}

.product-boxes1 .product-boxes1-box .product-boxes1-text p:last-child {
	margin-bottom: 0;
}

.product-boxes1 .product-boxes1-box .product-boxes1-price {
	background: var(--color-box-footer-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-footer-background-gradient-top) 0, var(--color-box-footer-background-gradient-bottom) 100%);
	border-top: var(--color-box-footer-background-border) 1px solid;	
	border-bottom: var(--color-box-footer-background-border) 1px solid;
	width: 100%;
	padding: 20px var(--spacing-inner);	
	text-align: center;
	white-space: nowrap;
	color: var(--color-box-footer-foreground);
	font-weight: bold;
	font-size: 1.6em;			
}

.product-tables2.product-tables2-plans tr td.tableplan-heading {
	background-color: var(--color-domainchecker-background);
}

/* Slider */
.bx-wrapper .bx-next{
	background: url(../images/sultpoint/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../images/sultpoint/controls.png) no-repeat 0 -32px;
}


/* tool bar */
@media (max-width: 640px){
	.contentcontainer {
		width: 100%;
		padding: 0 12px;
	}
	.toolbarmain-portallink{

	}
	.resp-pc{
		display: none;
	}
	.resp-sp{
		display: inline-block;
	}
	.navmain-container{
		z-index: 1;
	}
	.headermain .headermain-logo{
		/* position: absolute;
		top: 0;
		left: 44px; */
		z-index: 100;
		/* var(--logo-width) */
		margin: 10px 0;
	}
	.headermain .headermain-inner{
		position: relative;
	}
	.navmain{
		margin: 14px 0 14px;
	}
	.banner .contentcontainer{
		padding: var(--spacing-parent) 8px;
	}
	.banner .banner-text{
		font-size: 1.4em;
		line-height: 1.5em;
	}
	.linksbar ul{
		font-size: 0.8rem;
		justify-content: center;
	}
	.linksbar ul li a{
		padding: 12px 6px;
	}
	.domainchecker .domainchecker-columns-left,
	.domainchecker .domainchecker-columns-right {
		width: 100%;
		padding: 0 12px;
	}
	.navmain .steps .step .step-text{
		font-size: 1em;
	}

}
@media (min-width: 640px){
	.resp-pc{
		display: inline-block;
	}
	.resp-sp{
		display: none;
	}
	
}


/* Store.css */
.landing-page .hero h3{
	font-weight: 700;
}
.landing-page h1, .landing-page h2, .landing-page h3, .landing-page h4, .landing-page h5, .landing-page h6{
	font-weight: 700 !important;
	line-height: 1.4;
}
.landing-page .features .feature{
	height: auto !important;
}
.landing-page .hero .logo-container{
	margin-bottom: 40px;
}

.landing-page.cpanelseo .feature-tabs .nav-tabs > li > a.active, .landing-page.cpanelseo .feature-tabs .nav-tabs > li > a.active:focus, .landing-page.cpanelseo .feature-tabs .nav-tabs > li > a.active:hover{
	background: #f36d32;
}

.landing-page.codeguard .strong-green span{
	font-style: normal !important;
}
.landing-page h2 em{
	font-style: normal !important;
}
.landing-page.sitelock p{
	font-weight: 400 !important;
	font-size: 1.2em !important;
}
.landing-page.sitelock .feature-wrapper i{
	font-size: 4em !important;
}
.landing-page.sitelock h4{
	text-align: left !important;
	margin-bottom: 20px !important;
}
.landing-page.sitelock .feature-wrapper{
	margin-bottom: 32px !important;
}


/* header */
.navmain .navmain-cta a{
	box-shadow: none;
	border-radius: 4px;
}
.headermain.isStuck .navmain .navmain-cta a{
	border-radius: 0px;
}
.navmain .navmain-cta a:hover,
.navmain ul li.navmain-cta:hover{
	border-radius: 4px;
}
.navmain ul li:hover, .navmain ul li.navmain-active{
	border-radius:  0;
	background: var(--header-background-hover);
}

/* step navigation */
.navmain .steps .step .step-text {
	color: var(--color-primary-foreground);

}

/* Toolbar highlight */

.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-highlight a {
	background: var(--header-background);
	/* background: linear-gradient(var(--gradient-degrees), var(--color-secondary-background-gradient-top) 0, var(--color-secondary-background-gradient-bottom) 100%); */
	color: var(--color-primary-foreground);
}
.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-highlight a:hover{
	background: var(--color-accent01);
	color: var(--color-primary-foreground);
}
.banner .banner-text {
    text-align: center;
	font-size: 1.4em;
    line-height: 1.8em;
    margin: 0 0 var(--spacing-child) 0;
    text-transform: capitalize;
}

/* Toolbar dropdown */
.toolbarmain .toolbarmain-menu ul li ul{
	box-shadow: 0 8px 8px rgba(36,75,78,.18);
}
.toolbarmain .toolbarmain-menu ul li li a,
.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-highlight li a {
	color: var(--header-nav-text);
	background: var(--header-nav-background);
	/* background: url("../images/toolbarli.png") 10px center no-repeat;
	background: url("../images/toolbarli.png") 10px center no-repeat, linear-gradient(var(--gradient-degrees), var(--color-primary-background-gradient-top) 0, var(--color-primary-background-gradient-bottom) 100%); */
	border: var(--header-nav-border) 1px solid;
	border-top-width: 0;	
	padding-left: var(--spacing-inner);
}

.toolbarmain .toolbarmain-menu ul li li a:hover,
.toolbarmain .toolbarmain-menu ul li.toolbarmain-menu-highlight li a:hover {
	color: var(--header-nav-text-hover);
	background: var(--header-nav-background-hover);
	/* background: url("../images/toolbarli.png") 10px center no-repeat;
	background: url("../images/toolbarli.png") 10px center no-repeat, linear-gradient(var(--gradient-degrees), var(--color-primary-active-background-gradient-top) 0, var(--color-primary-active-background-gradient-bottom) 100%); */
	padding-left: 28px;	
}


/* Header */
.navmain .navmain-dropdown .navmain-subcontainer {
	position: absolute;	
	left: -999em;	
	margin: 0 auto;
	background: var(--color-box-background);
	background: linear-gradient(var(--gradient-degrees), var(--color-box-background-gradient-top) 0, var(--color-box-background-gradient-bottom) 100%);
	z-index: 9999;
	line-height: 1.4em;
	font-weight: normal;	
	/* border-top: var(--color-secondary-background) 3px solid;
	border-bottom: var(--color-secondary-background) 3px solid;
	border-left: var(--color-secondary-background) 1px solid;
	border-right: var(--color-secondary-background) 1px solid; */
	border-top: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-radius: 6px;
	z-index: 5;
	box-shadow: 0 10px 10px rgba(35,64,67,.25);
}

/* Header Nav dropdown menu Style */



.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:hover,
.navmain .navmain-dropdown-megamenu .navmain-subcontainer .navmain-link a:active {
	color: var(--color-text-default) !important;
	text-shadow: none;
	background-color: var(--color-domainchecker-background) !important;
	/* background: linear-gradient(var(--gradient-degrees), var(--color-secondary-background-gradient-top) 0, var(--color-secondary-background-gradient-bottom) 100%); */
	border: var(--color-border) 1px solid;
	border-bottom-width: var(--border-bottom-width);
}
@media (max-width: 1260px) {
	.navmain {
		background: transparent;
		/* background: linear-gradient(var(--gradient-degrees), var(--color-box-active-background-gradient-top) 0, var(--color-box-active-background-gradient-bottom) 100%); */
		border-radius: var(--border-radius);
		margin: 0 0 20px 0;
		line-height: 50px;
	}
}
@media (max-width: 755px) {
	.navmain {
		margin: 0 0 0 0;
	}
	.navmain .navmain-mobile-home {
		/* color: var(--color-white); */
	}
	.navmain .navmain-mobile-home, .navmain .navmain-mobile-icon{
		/* color: var(--color-white); */
	}
	.navmain-mobile ul li a{
		color: var(--color-text-default);
	}
}

/* whmcs ssl */
.whmcs-templatefile-store\/ssl\/index .whmcscontainer .landing-page.ssl .validation-levels{
	background: var(--color-domainchecker-background);
	color: var(--color-body);
}
.landing-page.ssl .validation-levels h3,
.landing-page.ssl p.help-me-choose a, .landing-page.ssl a.help-me-choose{
	color: var(--color-body) !important;
}
.landing-page.ssl a.help-me-choose{
	/* color: var(--color-white) !important; */
}

/* SSL */
.landing-page.ssl .standout{
	font-weight: 400!important;
}

/* フッター */
.footermain,
.copyrightmain{
	background: var(--footer-background);
}
.footermain, .footermain .footermain-links ul li:first-child a,
.footermain .footermain-links ul li a {
	border-top: none;
}

.footermain .footermain-linkblocks .footermain-linkblock {
	display: flex;
}
.footermain .footermain-links ul li a:hover {
	padding-left: 10px;
}
@media (max-width: 1260px) {
	.copyright_img{
		margin: 0 auto;
	}
}


/* ============================================================
   Modal: above sticky navbar + positioned below header
   ============================================================ */
.modal { z-index: 9999; }
.modal-backdrop { z-index: 9998; }
.modal-dialog { margin-top: 100px; }

/* btn-danger (not defined in layout.min.css) */
.btn-danger {
	background-color: #dc3545;
	border-color: #dc3545;
	color: #fff;
}
.btn-danger:hover,
.btn-danger:focus {
	background-color: #c82333;
	border-color: #bd2130;
	color: #fff;
}