/* @import 'fonts/hco_fonts.css';  */

@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css');
/* @import url('https://fonts.cdnfonts.com/css/gotham-ssm'); */
@import url('https://use.typekit.net/sii0kgv.css');


html{
   font-size: 100%;
}
body{
/* font-family: 'HCo Gotham SSm', sans-serif; */
font-family:"stevie-sans";
font-size: 1em;
 font-weight: 400;
 letter-spacing: -.034em;
}

a, .Link,
.RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a,
.RadToolTip.RadToolTip a {
  color: #1969d1 ;
  text-decoration: underline;
}

a:visited, .Link:visited,
.RadGrid.RadGrid .rgRow a:visited, .RadGrid.RadGrid .rgAltRow a:visited, .RadGrid.RadGrid .rgEditForm a:visited, .k-grid.k-grid a:visited,
.RadToolTip.RadToolTip a:visited {
  color: #1969d1 ;
}

a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active,
.RadGrid.RadGrid .rgRow a:hover,
.RadGrid.RadGrid .rgRow a:focus,
.RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active,
.RadToolTip.RadToolTip a:hover,
.RadToolTip.RadToolTip a:focus,
.RadToolTip.RadToolTip a:active {
  color: #1969d1 ;
  text-decoration: underline ;
}


.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected {
   background-color: #1969d1 !important;
   border-color: #1969d1 !important;
   color: white;
   text-decoration: none !important;
}
.backToTop{
   display: none;
}


 .wrapper{
    display: block;
    height: auto;
 }

h1, h2, h3, h4, h5{ 
   font-family:"stevie-sans";
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .PageTitle, .PanelTitle, .SectionTitle, .SectionLabel, .SectionLabelSmaller{
   font-weight: 600; 
}

h1, .h1, .PageTitle, h2, .h2, .PanelTitle {
   font-family:"stevie-sans";
   font-weight: 600;
   color: #212529;
}
label, .Label, .PanelFieldLabelFont { 
   font-weight: 600;
   color: #212529;
}
h1, .h1, .PageTitle {
   color: #212529;
}
h4, .h4, .SectionLabel {
   color: #212529;
}
h5, .h5 {
   color: #212529;
}

 
 
 h3, .SectionTitle {
  
   font-family:"stevie-sans";
    
   
 }
 
 
 
 h4, .h4, .SectionLabel {
    
   font-family:"stevie-sans";
    
  
 }
 
 h5, .h5, .SectionLabelSmaller {
    
   font-family:"stevie-sans";
  
   
 }
 
 h6, .h6 {
   
   font-family:"stevie-sans";
  
 }
 .SubNavPanelHead {
   font-family:"stevie-sans";
 }
 .footer-promo-container .lead {
   font-family:"stevie-sans";
    
 }
 #ft h4 {
   
   font-family:"stevie-sans";
  
 }
 .RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink {
   
   font-family:"stevie-sans";
    
 }

 .RadMenu_NaturalHeritageSites .rmSlide .rmLink {
    
   font-family:"stevie-sans";
   
 }
 input,
button,
select,
textarea {
  font-family:"stevie-sans";
}
.mini-profile-banner-large .mini-profile-name-section .SectionLabel,
.mini-profile-banner-small .mini-profile-name-section .SectionLabel {
  /* Style the name like an h2 */
  font-family:"stevie-sans";
   
}
.ProgramGroup .PanelTitle,
.ProgramGroup .panel-title {
  font-family:"stevie-sans";
   
}
.ProgressTracker2 .ProgressTrackerPanel .count {
   
   font-family:"stevie-sans";
    
 }
 .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch {
   font-family:"stevie-sans" !important;
   
 }
 .RadScheduler.RadScheduler_Metro .rsHeader h2 {
   font-family:"stevie-sans";
 }
 .carousel .carousel-caption, .carousel2 .carousel-caption, .HomePageFullWidthArea .carousel-caption {
   
   font-family:"stevie-sans";
 }
 a.FeatureActionLink {
  
   font-family:"stevie-sans";
 }

 /*** popups and buttons ***/
 .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
   background-color: #1969d1;
}

 

.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton{
   /* background-color: #16469d;
    border-color: #16469d; */
 background-color: #1969d1 !important;
    color: white !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    border-radius: 20px;
}
.btn:hover, .btn:focus, .btn:active, .TextButton:hover, .TextButton:focus, .TextButton:active, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active{
   /* background-color: #11377b;
   border-color: #11377b;*/
  background-color: #1969d1 !important;
    color: white !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
}
.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton{
   /*color: #fff;
   background-color: #8a8a8a;
   border-color: #8a8a8a; */
   background-color: #1969d1 !important;
    color: white !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButton:active,
.RadGrid input.PrimaryButton:hover,
.RadGrid input.PrimaryButton:focus,
.RadGrid input.PrimaryButton:active {
  color: #fff;
  text-decoration: none;
  background-color: #7e7d7d;
  border-color: #7e7d7d;
}
.container, .header-container, .SliderPage1 {
   max-width: 1200px;
}

#hd{
   background: transparent;
}
/* #hd{
   padding-top: 138px;
} */

.Wrapper-HomePage .HomePageFullWidthArea .carousel-inner:before{
   display: none;
}

#masterContentArea{
   margin-top: 0px;
}

.Wrapper-FullWidth #masterContentArea.container .body-container{
   padding-top: 10px;
}
.header-outer{
   position: fixed;
    width: 100%;
    z-index: 10;
    /* box-shadow: 0 1px 4px rgb(0 0 0 / 10%); */
    background-color: #fff;
    top: 0px;
    box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
}


@media (min-width: 768px){
 
   #hd {
      min-height: auto;
      background-color: #ffffff;
      box-shadow: none;
  }



body:not(.Wrapper-HomePage) #hd, body:not(.Wrapper-HomePage) .InternalHeaderArea {
    min-height: auto;
    height: auto;
    box-shadow: none;
}
.header-top-container .navbar-header {
   position: unset;
   top: 0;
   right: 0;
}
 
/* .RadWindow_MetroTouch {
  margin-top: 50px !important;
} */

#masterContentArea .body-container{
   padding-top: 150px;
}

.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text{
   background-position: 2px -125px !important;
}

}

.header-bottom-container{
   position: unset;
   min-height: 80px;
   box-shadow: 0 1px 4px rgb(0 0 0 / 10%);
   box-shadow: none;
   background-color: #fff;
  }

.header-logo-container a{
   /* box-shadow: 0 10px 10px rgb(0 0 0 / 10%); */
   display: inline-block;
}

.header-top-container:before, .header-top-container:after {
   content: " ";
   display: table;
   clear: both;
}

.header-top-container{
   background: #e8e8e8;
   padding-top: 10px;
   padding-bottom: 10px;
 
 }

 .UtilityNavigation .account-menu > li > a, .UtilityNavigation .account-menu > li > a:hover, .UtilityNavigation .account-menu > li > a:visited, .UtilityNavigation .account-menu > li > a:active {
   color: #8a8a8a;
}
.nav-auxiliary .nav-aux-button .nav-text{
   color: #8a8a8a;
}
.NavigationUnorderedList{
   padding-left: 0px;
}
.navbar-header .nav-auxiliary .NavigationListItem{
   margin-left: 0px;
}
.navbar-header .NavigationLink{
   padding: .5em;
   text-decoration: none;
}
.nav-auxiliary{
   font-size: 13px;
   /* font-size: 80%; */
}
.nav-auxiliary ul{
   margin-bottom: 0px;
}
.UtilityAccountArea{
   margin-top: 0px;
}

.top-social-icons{
   float: right;
   font-size: 25px;
   margin-left: 15px;
   line-height: normal;
}
.top-social-icons ul{
   margin: 0px;
   padding: 0px;
}
.top-social-icons li{
   list-style: none;
  margin-left: 0.35em;
  display: inline-block;
  vertical-align: middle;
}

.top-social-icons li:first-child {
   margin-left: 0;
}
.top-social-icons a {
   color: rgba(0, 0, 0, 0.5);
}
.top-social-icons a:hover {
   color: rgba(0, 0, 0, 0.7);
}

.NavigationListItem {
   list-style-type: none;
   display: inline-block;
   
}

.navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink{
   color: #8a8a8a;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmExpanded, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink:hover, .RadMenu.RadMenu_NaturalHeritageSites .rmRootLink.rmFocused {
   background-color: #f5f5f5;
}

.RadMenu.RadMenu_NaturalHeritageSites .rmRootGroup > .rmItem > .rmLink{
   font-family:"stevie-sans";
   font-size: 1rem;
   color: #000;
   letter-spacing: -0.034em;
}

.header-container .nav-auxiliary .searchbar-toggle{
   display: none;
}

.nav-auxiliary .nav-aux-button .NavigationLink{
   background-color: #e8e8e8;
  }
  .navbar-toggle:hover, .navbar-toggle:focus {
   background-color: #e8e8e8;
}


.header-bottom-container .header-container{
   display: flex;
   position: relative;
}
.header-bottom-container{
   padding: 20px 0;
   min-height: auto;
}
.header-logo-container{
   margin: 0;
   /* position: absolute;
   bottom: -40px; */
   z-index: 999;
   /* margin-bottom: -56px; */
   max-width: 150px;
   display: flex;
   align-items: center;
}

.nav-right{
   margin-left: auto;
}

.primary-navigation-area{
   margin: 0px 0 0 15px !important;
}

.accountarea-right{
   margin-left: 3px;
}

.accountarea-right .UtilityNavigation .account-menu > li > a {
   padding: 6px 15px 6px 20px;
   margin: 0px 0;
 
   border-color: transparent;
   white-space: nowrap;
  
   background: #ec68cb;
    color: #402f28;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 400;
    text-transform: capitalize;
    display: inline-block;
 

}
.sign-in-link{
   position: relative;
   padding-left: 30px !important;
}
.sign-in-link::after{
   content: "\f2bd";
   font-family: "Font Awesome 5 Free";
   position: absolute;
   font-size: 15px; 
   left: 11px;
   top: 8px;
}
.accountarea-right .UtilityNavigation .account-menu > li.account-toggle-wrapper > a{
   background: #ec68cb;
}

.account-menu .profile-picture-wrapper img{
   border-radius: 50%;
}

.account-menu .dropdown-menu {
   background-color: #fff;
   box-shadow: 0 0 25px rgb(0 0 0 / 15%);
   border: 0px;
   min-width: 220px;
   font-size: 14px;
}
.account-menu .dropdown-menu a{
    text-decoration: none;
    color: #333333;
}
.account-menu .dropdown-menu a:hover{
   text-decoration: none;
   color: #000000;
}


/******* footer css *******/

#ft {
   background-color: #1969D1;
   /* color: #212529; */
   border-top: 1px solid #1969D1;
   padding-top: 60px;
   padding-bottom: 30px;
   display: block;
   height: auto;
}

.footer{
   font-size: 1rem;
}
.footer .iPartsDisplayInlineBlock .ContentItemContainer{
   display: block;
}
.footer ul{
   list-style: none;
   margin: 0px;
   padding: 0px;
}
.footer li{
   list-style: none;
}
.footer a{
   text-decoration: none;
}
.footer-content {
   background-color: #1969D1;
   color: #fff;
   text-align: left;
}
.footer-content a{
   color: #fff;
}
.footer-content a:hover{
   text-decoration: underline;
}

.nca-logo{
   max-width: 160px;
   margin-bottom: 40px;
}

.footer-content h3{
   font-size: 1.3rem;
   font-weight: 400;
   color: #fff;
   margin-top: 0rem;
   margin-bottom: 0.7em;
}

.footerlinks ul{
   margin-bottom: 2rem;
}
.footerlinks li{
   margin-bottom: 7px ;
}

.footer-nav-copyright {
   background-color: #1969D1;
   color: #fff;
   padding-top: 30px !important;
}
.footer-nav-copyright .footer-copyright{
   margin: 0;
   display: block;
   float: none;
   font-size: 15px;
}
.copyright-text{
   text-align: right;
}

.footer-nav-copyright a, .footer-nav-copyright a:visited{
   color: #fff;
}
.footer-nav-copyright a:hover, .footer-nav-copyright a:active{
   color: #fff;
}


.footer-social-icons{
   
   font-size: 15px;
   /* margin-left: 15px; */
   line-height: normal;
   margin-bottom: 10px;
}
.footer-social-icons ul{
   margin: 0px;
   padding: 0px;
}
.footer-social-icons li{
   list-style: none;
  margin-left: 0.35em;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

.footer-social-icons li:first-child {
   margin-left: 0;
}
.footer-social-icons a {
   color: #1969d1;
   background: #FFD334;
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 20px;
}
.footer-social-icons a:hover, .footer-social-icons a:focus, .footer-social-icons a:visited {
   color: #1969d1;
}


.companydesc .PanelField label{
    display: none;
}
.companydesc .PanelFieldValue{
	float: none;
}

.companydesc .PanelFieldValue input[type="text"], .companydesc .PanelFieldValue textarea{
	width: 100%;
	max-width: 500px;
}

.manufacturer-checklist  .CheckBoxList{
	  height: auto !important;
	  border: 0px !important;
}

.manufacturer-tabs .RadMultiPage{
   border: 0px;
}
.manufacturer-tabs .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch.RadTabStripTop .rtsLevel1{
	border-bottom: 0px;
}
.manufacturer-tabs .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch{
	font-size: 1rem;
	font-weight: 400;
}
.manufacturer-tabs .rtsUL{
	font-size: 200%;
	/* line-height: normal; */
}
.manufacturer-tabs .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch{
	font-family:"stevie-sans";
}
.manufacturer-tabs .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected{
     background: transparent !important;
	 border-color: transparent !important;
	 color: #212529;
	 font-weight: 600;
}

.manufacturer-tabs .panel-body{
	padding: 0px;
}

.manufacturer-tabs .panel-heading.Distinguish, .manufacturer-tabs .panel-group .panel-heading, .manufacturer-tabs .PanelHead.Distinguish, .manufacturer-tabs .TitleBarCaption{
	padding-left: 0px;
	padding-right: 0px;
}

/*********/

.HeaderMobileSocial{
   display: none;
   padding: 0 15px;
}

.header-social-icons{
   
   font-size: 15px;
   /* margin-left: 15px; */
   line-height: normal;
   margin-top: 20px;
}
.header-social-icons ul{
   margin: 0px;
   padding: 0px;
}
.header-social-icons li{
   list-style: none;
  margin-left: 0.35em;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

.header-social-icons li:first-child {
   margin-left: 0;
}
.header-social-icons a {
   color: #ffffff;
   background: #1969D1;
   width: 30px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 20px;
   text-decoration: none;
}
.header-social-icons a:hover, .header-social-icons a:focus, .header-social-icons a:visited {
   color: #ffffff;
}

.mobile-menu-text{
   font-size: 14px;
   color: #000000;
   white-space: normal;
   line-height: 20px;
   padding: 10px 0;
}
.nav-primary .loginbtn {
   display: none !important;
}
.nav-primary .loginbtn {

}

 
/***** responsive css *****/

 

@media (max-width: 992px){
   

}

@media (max-width: 767px){

   #masterLogoArea{
      margin-top: 0px !important;
   }

   .header-top-container{
      position: relative;
      /* background: #fff; */
      /* padding: 7px 0; */
   }
   .header-container .nav-auxiliary{
      margin-top: 0px;
   }
   .top-social-icons{
      display: none;
   }
   .header-logo-container{
      /* margin-bottom: -25px; */
      position: relative;
      z-index: 9999;
   }
   .header-bottom-container{
   border-top: 1px solid #e8e8e8;
   }

   .UtilitySection.UtilityAccountArea{
      float: left;
   }
   .account-menu{
      margin-top: 0px;
   }

   .accountarea-right .UtilityNavigation .account-menu > li > a{
      font-size: 0px;
      line-height: 38px;
      padding: 0px;
      width: 38px;
      height: 38px;
   }
   .sign-in-link::after {
    
      font-size: 20px;
      left: 9px;
      top: 1px;
  }

  .account-menu .profile-picture-wrapper{
   width: 38px;
   height: 38px;
   overflow: hidden;
   display: inline-flex;
   align-items: center;
   border-radius: 50%;
   padding: 1px;
  }
  .account-menu .profile-picture-wrapper img{
     width: 100%;
     height: 100% !important;
     object-fit: cover;
     border-radius: 50%;
  }
 

  .UtilityAccountArea{
   float: none;
  }
  .navbar-toggle{
   background: #e8e8e8;
   border:1px solid rgba(0,0,0,.1);
   padding: 10px 10px;
   margin: 0px;
   width: auto;
   height: auto;
  }

  .navbar-toggle.collapsed {
   /* background-color: #e8e8e8; */
   border: 0px;

   width:40px;
   height:40px;
   
   background:
    linear-gradient(#58CF83 0 0),
    linear-gradient(#58CF83 0 0);
  background-position:center;
  background-size: 50% 2px,2px 50%; /*thickness = 2px, length = 50% (25px)*/
  background-repeat:no-repeat;
  transition: all 0.3s ease-in;
}
.navbar-toggle.collapsed.closeicon {
   transform: rotate(45deg);
}
.navbar-toggle .icon-bar{
   display: none;
}
/* transform: rotate(20deg); */

.header-bottom-container .header-container{
   flex-wrap: wrap;
}
.accountarea-right{
   margin-left: auto;
}
.nav-right{
   order: 3;
   flex: 0 0 100%;
}

.RadMenu.RadMenu_NaturalHeritageSites {
   background-color: #fff;
   padding-top: 40px;
}
.primary-navigation-area{
   margin: 0px !important;
}


/*****/

.HeaderMobileSocial{
   display: block;
}
 
.nav-primary .loginbtn {
   display: block !important;
}


/* .nca-logo{
   margin-top: 20px;
} */

.footer{
   font-size: 14px;
}

.footer-content h3{
   font-size: 1.2rem;
}


.copyright-text{
   text-align: left;
}
 
}