@import url("https://use.typekit.net/phf2urv.css");

:root {
  --primary-color: #78BE21;
  --serif-font:big-caslon-fb, serif;
  --sanserif-font: caecilia-sans-text, sans-serif;
}

/* General */
body, .html {
	font-family: var(--sanserif-font);
	color: var(--primary-color);
  	font-size: .875rem;
  	font-weight: 500;
    line-height: 1.5714285714;
}

.grid-22,
.grid-20,
.Footer__footerBg {
    margin: 0 auto;
}

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

#layoutContainer {
	margin-top: 130px;
    min-height: 25vh;
}

.ContentBox__headerMid,
.Footer__footerQus,
.Footer__footerDescription,
.Signin__loginTitle,
.Signin__userHeader,
.ForgetPasswordContainer__userHeader,
.ForgetPasswordContainer__loginTitle,
.ErrorPage__errorTitle,
.NoContent__title,
.EditProfileContainer__profileTitle,
.ChangePasswordContainer__profileHeadTitle,
.ManageAccount__profileHeadTitle,
.TicketFormLeftContainer__formTitle,
.TicketFormLeftContainer__sectionName,
.TicketDetailLeftContainer__detailHeader,
.ListHeader__header1,
.TicketDetailRightContainer__sectionName,
.ActivityChart__profileHeadTitle,
.ListHeader__header2,
.commonStyle__detailHeader {
	font-family: var(--serif-font);
    font-size: 1.625rem;
    line-height: 32px;
    font-weight: 400;
}

.commonStyle__zt3Brand,
.AppContainer__backToTop .Icon__white,
.ProfileLeftContainer__yearStart,
.BreadCrumbs__breadcrumbsView ul li:last-child,
.ProfileTabs__tabIcon .Icon__black,
.FilterTabs__activeFilter,
.FilterTabs__filterList,
.TicketFormLeftContainer__sectionName,
.TicketDetailLeftContainer__detailHeader,
.ConversationForm__ticketCreateTime,
.Post__userName,
.Post__userLastPost,
.ListHeader__header1,
.ListHeader__editOption,
.Signin__userLink,
.ForgetPasswordContainer__userLink,
.ErrorPage__errorTitle,
.NoContent__title,
.Filter__filterTitle,
.FormElement__formLabelvertical2,
.ProfileInformation__label,
.LoginDetail__profileLogout a,
.LoginDetail__userNameBold,
.LoginDetail__userMail,
.FormElement__labelStyle,
.TicketDetailLeftContainer__detailHeader,
.Info__infoLabel,
.Info__infoContent,
.TicketDetailRightContainer__sectionName,
.FileUpload__uploadInform,
.Icon__brand,
.Attachment__attachName,
.Attachment__attachSize,
.Comment__userName,
.Comment__userLastPost,
.Icon__greyShade70,
.List__listItem,
.TicketListItem__ticketId,
.ListHeader__header2,
.commonStyle__detailHeader,
.KbDetailLtContainer__updateTime,
.Icon__hoverbrand:hover,
.Icon__textGreyShade35,
.ListHeader__description
{
	color: var(--primary-color)!important;
}

.Info__infoLabel,
.Post__userName,
.ProfileInformation__label {
	font-weight: 600;
}

/* Links */
a {
	text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.ticket_link {
	color: #fff;
}

.Header__tabs__link,
.LoginDetail__tabLink,
.Link__link,
.ContentList__listLink {
	background-image: linear-gradient(currentcolor,currentcolor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .25s!important;
	background-size: 0% 1px;
    padding-bottom: 3px;
}

.Header__tabs__link:hover,
.LoginDetail__tabLink:hover,
.Link__link:hover,
.ContentList__listLink:hover {
	background-size: 100% 1px;
}

.Footer__footerLink,
.BreadCrumbs__breadCrumbsLink,
.Signin__userLink,
.ForgetPasswordContainer__userLink,
.FilterTabs__activeFilter,
.themeLink,
.ListHeader__editOption,
.TicketListItem__replyCount,
.ticket_link {
    background-image: linear-gradient(currentcolor,currentcolor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    transition: background-size .25s!important;
    background-size: 100% 1px;
    padding-bottom: 2px;
}

.Footer__footerLink:hover,
.BreadCrumbs__breadCrumbsLink:hover,
.Signin__userLink:hover,
.ForgetPasswordContainer__userLink:hover,
.FilterTabs__activeFilter:hover,
.themeLink:hover,
.ListHeader__editOption:hover,
.TicketListItem__replyCount:hover,
.ticket_link:hover {
	background-size: 0% 1px;
}

/* Buttons */
.Button__footerBtn {
	background: transparent;
    color: #fff;
    border-radius: 0;
    border: 1px solid #fff;
}

.Button__footerBtn:hover {
	background: #fff;
    color: var(--primary-color);
}

.Button__primary {
	background-color: #fff;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
    border-radius: 0;
}

.Button__primary:hover {
	background-color: var(--primary-color);
    color: #fff;
}

.Button__secondary {
	background-color: var(--primary-color);
    color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 0;
}

.Button__secondary:hover {
	background-color: #fff;
    color: var(--primary-color);
}

/* Forms */
.Input__searchBox,
.Input__formInput,
.TextArea__textarea,
.Input__productInput {
	background: var(--primary-color);
    border-radius: 0;
    color: #fff;
    border: 1px solid var(--primary-color);
}

.Input__searchBox::placeholder,
.Input__formInput::placeholder,
.TextArea__textarea::placeholder {
	color: #fff;
}
.Input__searchBox:-ms-input-placeholder,
.Input__formInput:-ms-input-placeholder,
.TextArea__textarea:-ms-input-placeholder {
	color: #fff;
}

.Input__searchBox::-ms-input-placeholder,
.Input__formInput::-ms-input-placeholder,
.TextArea__textarea::-ms-input-placeholder {
	color: #fff;
}

.DropDown__dropdown {
	border-radius: 0;
    border: 1px solid var(--primary-color);
    color: #fff;
	background: var(--primary-color);
}

.DropDown__arrowOpen {
	color: #fff;
}

.SearchContainer__searchBoxIcon {
	top: 0.7rem;
}

.SearchContainer__searchBoxIcon .Icon__brand,
.ProductLookup__searchIcon .Icon__icon {
	color: #fff!important;
}

.TicketFormLeftContainer__formFooter {
	margin-bottom: 1.5625rem;
}

/* Labels */
.Signin__userDesc,
.Signin__loginSubTitle,
.ForgetPasswordContainer__loginSubTitle,
.ForgetPasswordContainer__userDesc,
.ErrorPage__errorMessage,
.ErrorPage__errorContent p,
.NoContent__contentDescription p{
	margin-top: 16px;
    color: var(--primary-color);
    font-size: .875rem;
    display: block;
}

.Signin__loginSubTitle {
	margin-bottom: 0;
}

.ChangePasswordContainer__loginTitle,
.ChangePasswordContainer__profileDesp {
	color: var(--primary-color);
  	font-size: .875rem;
}

/* Borders */
.commonStyle__zt3BrandBorder {
    border-color: var(--primary-color);
}

.Signin__loginHalf,
.ForgetPasswordContainer__loginHalf,
.ConversationForm__editorBar,
.ListHeader__listHeader1,
.TicketListItem__listItem {
	border-bottom: 1px solid var(--primary-color);
}

.borderLineTop+.borderLineTop {
	border-top: 1px solid var(--primary-color);
}

.Signin__loginHalf:last-child,
.ForgetPasswordContainer__loginHalf:last-child {
	border-bottom: 0;
}

.TicketList__filterPanel,
.ManageAccount__profileHeadTitleBorder,
.ProfileRightBar__profileHeadTitleBorder,
.ActivityChart__profileHeadTitleBorder {
	border-bottom: 1px solid var(--primary-color);
}

.profileRt__borderLt,
.ChangePasswordContainer__borderLt {
    border-left: 1px solid var(--primary-color);
}

/* Header */
.Header__header {
	height: 400px;
}

.header {
    width: 100%;
    margin-bottom:
}

.header .container {
    padding: 20px 0;
    margin: 0 auto;
}

.header .container .grid-22 {
    display: table;
}

.header .container .grid-22 #menu-headernavigationright, 
.header .container .grid-22 .brand, 
.header .container .grid-22 .nav-primary {
    display: table-cell;
    vertical-align: middle;
}

.header .container .grid-22 .brand,
.header .container .grid-22 #menu-headernavigationright{
    width: 20%;
}

.header .container .grid-22 .brand img {
	width: 126px;
}

.header .container a,
.header .container a:visited {
    color: #fff;
}

.header .container .grid-22 .nav-primary {
    text-align: center;
}

#menu-primary-navigation {
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
    -ms-flex-pack: center;
    justify-content: center;
  	padding: 0;
  	list-style: none;
}

#menu-primary-navigation li {
    display: inline-block;
    width: auto;
    margin: 0 10px;
  	font-size: 1rem;
}

#menu-primary-navigation li a {
    white-space: nowrap;
}

.header .container .grid-22 #menu-headernavigationright {
    text-align: right;
    padding: 12px 0;
 	margin: 0;
}

.LoginDetail__LogInDetail > li, 
.LoginDetail__LogoutDetail > li {
    margin: 0;
}

.LoginDetail__signup,
.LoginDetail__signin {
    line-height: 1.5714285714;
    margin: 0;
    font-size: .875rem;
}

.LoginDetail__signup,
.LoginDetail__signin,
.LoginDetail__signup:hover, 
.LoginDetail__signin:hover
{
	border-bottom: 0;
}

.LoginDetail__signup {
	border-left: 1px solid #fff;
  	margin-left: 8px!important;
    padding-left: 8px;
}

.Header__homeContent .Header__searchSection {
    padding: 0;
}

.home-intro {
    background: color-mix(in srgb, var(--primary-color), transparent 10%);
    margin-top: 85px;
}

.home-intro .home-intro-inner {
    padding: 30px 0 100px;
}

.home-intro .home-intro-inner .intro-content {
    color: #fff;
}

.home-intro .home-intro-inner .intro-content h6 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 16px;
}

.home-intro .home-intro-inner .intro-content p {
    font-size: 2.375rem;
    line-height: 115.789473684%;
    font-family: var(--serif-font);
    margin-top: 0;
}

.Header__globalSearch {
    width: 100%;
    border: 1px solid #fff;
}

.Header__globalSearch .commonStyle__positionRel {
    position: inherit;
}

.SearchContainer__globalSearch,
.SearchContainer__searchIcon {
    border-radius: 0;
}

.SearchContainer__searchIcon {
    padding: 1em 1rem 0;
}

.SearchContainer__downArrow {
    border-top-color: var(--primary-color);
}

.popularAricles {
    border-top: 1px solid var(--primary-color);
    padding-top: 3rem;
}

/* Footer */
.Footer__footerBg {
	background: var(--primary-color);
    margin-bottom: 100px;
}

.Footer__footerInfo {
	text-align: left;
}

.Footer__footerQus,
.Footer__footerDescription {
    color: #fff;
}

.Footer__container2 {
	font-size: .75rem;
}

/*Icons*/
.ContentBox__indexIcon svg use {
    stroke: var(--primary-color)!important;
    stroke-width: 2;
}

/* Back to Top */
.AppContainer__backToTop {
    border: 1px solid var(--primary-color);
    background: #fff;
    border-radius: 0;
    bottom: 5%;
}

.AppContainer__backToTop:hover {
    background: var(--primary-color);
    border: 1px solid #fff;
}

.AppContainer__backToTop:hover .Icon__white {
    color: #fff!important;
}

/* Avatar */
.AvatarText__squareBg1 {
    background: #f8f8f8;
    border: 1px solid var(--primary-color);
}

/* KB */
.KbDetailLtContainer__userSocialIcon {
    display: none;
}

@media (min-width: 1280px){
    .grid-22, .Footer__footerBg {
        width: 1174px;
    }
    
    .grid-20 {
        width: 1066.66666667px;
    }
  }
  
  
  @media (max-width: 1024px){
    .header .container .grid-22 #menu-headernavigationright, 
    .header .container .grid-22 .nav-primary {
        display: none;
    }
    
    .Header__menuicon {
        top: 40px;
    }
  
    .Header__navopen .header {
        background: var(--primary-color);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    .header .container .grid-22 .brand,
    .Header__navopen .header .container .grid-22 #menu-headernavigationright, 
    .Header__navopen .header .container .grid-22 .nav-primary {
        display: block;
    }
    
    .Header__navopen .header .container .grid-22 .nav-primary {
        margin: 3em auto 2em;
        width: 85.3372434018%;
    }
    
    .Header__navopen #menu-primary-navigation {
        justify-content: normal; 
        text-align: left;
        display: block;
    }
    
    .Header__navopen #menu-primary-navigation li {
        font-size: 1.3125rem;
        display: block;
        padding: 0.7em 0;
        border-top: 1px solid #fff;
        font-family: var(--serif-font);
    }
    
    .Header__navopen #menu-primary-navigation li:last-child {
        border-bottom: 1px solid #fff;
    }
    
    .Header__navopen .header .container .grid-22 #menu-headernavigationright {
        width: 85.3372434018%;
        margin: 0 auto;
        text-align: left;
    }
    
    .LoginDetail__signup {
        border-left: 0;
        padding-left: 0;
        margin-left: 0!important;
    }
    
    .Header__tabs__link,
    .LoginDetail__tabLink {
        background-size: 0% 0px;
    }
  
    .Header__tabs__link:hover,
    .LoginDetail__tabLink:hover {
        background-size: 0% 0px;
    }
    
    .globalnavopen .globalSignin, 
    .globalnavopen .globalSignup {
        border-bottom: 0;  
    }
  }
  
  @media (min-width: 1024px) and (max-width: 1279px){
    .grid-22, .Footer__footerBg {
        width: 91.6666666667%;
    }
    .grid-20 {
        width: 90.9090909091%;
    }
  }
  
  @media (max-width: 1023px){
    .grid-20 {
        width: 85.3372434018%;
    }
  }
  
  @media (min-width: 768px) and (max-width: 1023px){
    .grid-22, .Footer__footerBg {
        width: 91.6666666667%;
    }
  }
  
  @media (max-width: 767px){
    .grid-22, .Footer__footerBg {
        width: 90.9333333333%;
    }
  }k