/* @import 'fonts/stylesheet.css';  */

  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');


 body{
  font-family: "Roboto", sans-serif;
   font-size: 16px;
   color: #000000;
 }
 

 a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a{
  color: #00264B;
 }


 select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-fake{
  border-radius: 5px;
  height: 42px;
  border-color:#d6d6d6;
 }

h1, h2, h3, h4, h5, h6{ 
  font-family: "Roboto", sans-serif;
  font-weight: 600;
} 

h1, .h1, .PageTitle {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 50px;
  color: #00264B;

} 
h2, .h2, .PanelTitle {
  /* font-size: 44px; */
  font-family: "Roboto", sans-serif;
  font-weight: 600; 
  color: #00264B;
  border-bottom: none; 
}
 
.homepage h2, .homepage .h2, .homepage .PanelTitle {
  font-size: 44px;
}
 

h3, .SectionTitle {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #00264B;
} 
h4, .h4, .SectionLabel { 
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}

h5, .h5, .SectionLabelSmaller { 
  font-family: "Roboto", sans-serif;
  font-weight: 600;
} 
h6, .h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}
strong{
  font-weight: 600;
}

.panel-title>a, .panel-title>a:hover, .panel-title>a:focus, .panel-title>a:active, .panel-title>a:visited{
      color: #1a5573;
}
.heading-icon .panel-title, .heading-icon h3{
   color: #1a5573;
   text-transform: none;
}
.mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-small .mini-profile-name-section .SectionLabel{
  font-family: "Roboto", sans-serif;
}
.member-profile .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .member-profile .mini-profile-banner-small .mini-profile-name-section .SectionLabel{
  color: #1a5573;
}


/* .CustomHomePageFullWidth #masterContentArea.container {
  max-width: 100%;
  padding: 0;
  width: 100%;
  overflow: hidden;
} */

/*******/

.header-container{
  display: flex;
    justify-content: space-between;
    align-items: center;
}

.topbar{
  background: #FFE500;
  padding: 5px 0 0px 0;
  /* border-bottom: 2px solid #c72426;  */
  font-size: 16px;
  font-weight: 500; 
  color: #000000;
  height: 38px;
  position: sticky;
  top: 0px;
  z-index: 999;
}

.topbar a{ 
  color: #000000;
  text-decoration: none;
}
.topbar a:hover{ 
  color: #000000;
  text-decoration: underline;
}
 

 
 


#masterHeaderBackground, .header{
   
  border-bottom: none;
  padding-top: 15px;
  padding-bottom: 15px;  
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
  position: sticky;
  top: 38px;
  z-index: 999;
}

.header-logo-container {
  float: left;
  max-width: 375px;
  flex: 0 0 375px;
}

.logo-wrap{
  display: flex;
  align-items: center;
}
.logo-content{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 23px;
  color: #404040;
  max-width: 130px;
  padding-left: 15px;
}

 .mainnav{
    flex: 1;
    justify-content: center;
    display: flex;
 }

 .navbar-header {
    
    flex: 0 0 375px;
}
 
.navbar-header { 
  justify-content: end !important;
}

/* .UtilitySearch{
  float: left;
} */


.navbar-header{
  display: flex;
  flex-direction: row-reverse;
}
/* .UtilitySection.UtilityAuthentication {
  display: none;
} */
/* 
.header-search .search-field{
  height: 40px;
  background: #ffffff url(images/search-icon.png) no-repeat;
  background-position: 16px 13px;
  border-radius: 23px;
  background-color: #ffffff;
  border-color: #dedede;
  box-shadow: none;
  font-size: 14px;
  color: #737373;
  padding: 10px 15px 10px 40px;
  padding-left:  40px !important;
  min-width: 242px;
} */
/* .nav-auxiliary {
    text-transform: uppercase;
} */
.nav-auxiliary a{
     
      font-size: 16px;
        font-weight: 600;
      color: #404040;
      line-height: 20px;
      text-decoration: none;
}
.nav-auxiliary .loginbtn a{ 
      padding: 10px 15px 10px 15px;
       border-radius: 8px;
      background-color: #fff; 
      color: #005440;
      border: 2px solid #005440;
    /* background: url(images/login-icon.svg) 6px 8px no-repeat; */
}
.nav-auxiliary a.loginbtn{ 
      padding: 10px 15px 10px 15px;
       border-radius: 8px;
      background-color: #fff; 
      color: #005440;
      border: 2px solid #005440;
    /* background: url(images/login-icon.svg) 6px 8px no-repeat; */
}
.nav-auxiliary a.loginbtn.sign-out-link{
  display: none; 
}
 
.nav-auxiliary .nav-aux-account .nav-text{
  background: url(images/login-icon.svg) top left no-repeat;
}

.nav-auxiliary .nav-aux-cart .nav-text{
background: url(images/cart-icon.svg) top left no-repeat;
 
    text-indent: -9999px;
    display: inline-block;
    line-height: 24px;
}

/* .nav-auxiliary .accountbtn a{
  padding-left: 13px;
  padding-right: 13px;
  background-color: #c72426;
  color: #ff0;
} */


.UtilityNavigationList{
  margin-left: 20px;
}

.UtilitySearch, .UtilitySTEToggle, .UtilityAuthentication, .UtilityTranslation, .UtilityPTSToggle{
  margin-left: 10px;
}
.nav-auxiliary .NavigationListItem{
   
  margin-left: 0px;
}

.navbar-toggle:hover, .navbar-toggle:focus {
  background-color: transparent;
}
.navbar-toggle.collapsed {
  background-color: transparent;
}
.navbar-toggle .icon-bar{
  background-color: #000000;
}

/*****/


.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink{
  font-size: 17px;
  font-weight: 500;
  text-transform: none;
}


.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
  background-color: #00264B;
  color: #fff;
}

.RadMenu.RadMenu_Austin .rmGroup {
  background-color: #00264B;
}
.RadMenu.RadMenu_Austin .rmLink {
  color: #2a2a2a;
}
.RadMenu_Austin .rmSlide .rmLink {
  color: #fff;
}

@media (min-width: 768px){
/* .nav-primary {
    margin-top: 30px;
} */


 
.RadMenu_Austin .rmSlide .rmLink:hover, .RadMenu_Austin .rmSlide .rmLink:focus, .RadMenu_Austin .rmSlide .rmLink.rmFocused, .RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, .RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, .RadMenu_Austin .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
  background-color: transparent;
  color: #005440;


}

.RadMenu.RadMenu_Austin .rmLink{
  color: #000000;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused, .RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
  background-color: transparent;
  color: #005440;
}
 

.RadMenu.RadMenu_Austin .rmSlide ul.rmGroup{
  padding-top:  5px;
  padding-bottom: 5px;
}

.RadMenu.RadMenu_Austin .rmGroup{
  background-color: #fff;
  box-shadow: 0 8px 15px 0 rgb(0 0 0 / 30%) !important;

  border-radius: 6px;
}
.RadMenu.RadMenu_Austin .rmText, .RadMenu.RadMenu_Austin .rmHorizontal .rmText, .RadMenu.RadMenu_Austin .rmSlide .rmText{
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}
 

}


.headeraisearch{
  max-width: 540px;
    margin: 0 auto;
    /* padding-right: 30px; */
}

 

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


.padding-top-10{
  padding-top: 10px;
}
.padding-bottom-20{
  padding-bottom: 20px;
}
.padding-bottom-50{
  padding-bottom: 50px;
}
.padding-bottom-70{
  padding-bottom: 70px;
}
.margin-bottom-70{
  margin-bottom: 70px;
}

#masterContentArea{
  margin-top: 40px;
}


.breadcrumb a{
  text-decoration: none;
}
 
 

/************Magazine-wrap*************/
    
/********/
.newsbox {
  padding: 28px 28px 16px 28px;
  border-radius: 10px;
  background-color: #fafafa;
  margin-bottom: 70px;
 
}

 
.newsbox .panel-body, .newsbox .PanelBody{
    padding: 0px;
}
.newsbox .panel-heading.Distinguish{
  font-size: 27px;
  font-weight: 600; 
  color: #c72426;
  margin: 0px;
  border: 0px;
  padding: 0px;
 
}

.news-head{
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
.news-head h2{
  font-size: 27px;
 font-weight: 600; 
 color: #c72426;
 margin: 0px;
 border: 0px;
}
.news-head-link{
  font-size: 16px;
  font-weight: 600; 
  line-height: normal; 
  color: #007978;
  margin-left: auto;
}

.news-head-link a{ 
  color: #007978;
  text-decoration: none;
}
.news-head-link a:hover{ 
  color: #000000;
  text-decoration: none;
}



.TaggedListPanel .news-listing{
   position: relative;
   padding-top: 12px;
   margin-bottom: 12px;
}
/* .news-listing:last-child::after{
   display: none;
} */
.TaggedListPanel .news-listing::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 1px; 
  opacity: 0.1;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(to right, #000 0%, rgba(0, 0, 0, 0));
  border-image-slice: 1;
}

.TaggedListPanel .news-listing:first-child::after{
  display: none;
}
.newsbox div[translate="yes"] {     display: none; }
 

/* .cal-location{
  font-size: 18px;
 font-weight: 500; 
 color: #000;
 padding-bottom: 5px;
}
 .cal-location img{
  margin-right: 5px;
 } */
 .news-author{
  font-size: 13px; 
  color: #4d4d4d;
 }
 .news-title{
  font-size: 17px;
  line-height: normal;
  font-weight: 400; 
  color: #000000;
  margin-bottom: 5px;
 }
 .news-title a{
     color: #000000;
     text-decoration: none;
 } 
 .news-title a:hover{
  color: #00264B;
  text-decoration: none;
} 
 

 

 /*****************/
 /* .col-secondary .sub-nav{
  background-color: #fafafa;
 }

 .col-secondary .sub-nav .sub-nav-head {
  background-color: #c72426;
  color: #ff0;
  font-weight: 500;
 }
 .sub-nav-body .RadTreeView.RadTreeView a.rtIn{
  color: #00264B;
 }
 .sub-nav-body .RadTreeView.RadTreeView .rtIn .rtText{
  font-weight: 500;
 } */

 


/******/
 


/***** button *****/

.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton{
  padding: 7px 20px;
  border-radius: 8px; 
  font-weight: 500;
  font-size: 15px; 
}

.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
  background-color: #FFFFFF;
  border-color: #005440;
  color: #005440; 
}
.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 {
  color: #005440; 
  background-color: #fff;
   text-decoration: none; 
   border-color: #005440;
}
/* .btn:visited, .TextButton, .TextButton:visited{
  color: #005440; 
  background-color: #fff;
   text-decoration: none; 
   border-color: #005440;
} */
.btn, .btn:visited, .TextButton, .TextButton:visited, .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:visited, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited{
  color: #005440; 
}


.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton {
  background-color: #00264B;
  color: #fff !important;
  border-color: transparent;
}

.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 !important;
  text-decoration: none;
  background-color: #00264B;
  /* border-color: rgba(0, 0, 0, 0); */
}
.checkoutbutton .PrimaryButton, .checkoutbutton .PrimaryButton:hover, .checkoutbutton .PrimaryButton:focus, .checkoutbutton .PrimaryButton:active{
  background-color: #FFFFFF ;
  border-color: #005440;
  color: #005440 !important; 
}

/* .stacked-tabs .select-tab{
      background: #009b96;
} */


/* .videoplayer-ipart-container iframe{
  max-width: 100%;
} */

/****** footer *********/
#ft {
  background-color: #fff;
  color: #000000;
  /* border-top: 5px solid #F5F7FA; */
  /* display: block;
  height: auto; */
}
.footer{
  font-size: 18px;
}
.footer-content {
  background-color: #fff;
  color: #000;
  text-align: left;
  padding-top: 40px;
  padding-bottom: 40px;
   border-top: 5px solid #F5F7FA;
}
.footer-content a {
  color: #000000;
  text-decoration: none;
}
.footer-content a:hover {
  color: #00264B;
}

.footer-nav-copyright {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #00264B;
  font-size: 14px;
  color: #fff;
  /* border-top: 1px solid #f7f7f7; */
   
}


.footer-wrap{
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}
.footer-wrap > div{
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.footer-wrap > div:last-child{
   padding-right: 0px;
}
.footer-logo{
  flex: 0 0 130px;
  max-width: 130px;
}

 
.footer .container {
    max-width: 85%;
}

.footer-info{
  font-size: 18px;
  color: #000000;
  flex: 1;
  max-width: 700px;
}
 
.footer-info h3 a{
  color: #000000;
}
.footer-info h3 a:hover{
  color: #00264B;
  text-decoration: underline;
}


.footerlinks{
  float: none;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.footerlinks li{
  margin: 3px 0 0 0;
  list-style: none;
  font-size: 16px;
  
}
 
 
.smedia-links{
  float: none;
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.smedia-links li{
  margin: 0 0 0 10px;
  list-style: none;
  display: inline-block;
}
.smedia-links li a{
  margin: 0 0px 0 0;
}
.smedia-links li img {
    max-width: 32px;
}


/*********** home page ************/
.HomePageFullWidthArea{
    overflow: hidden;
}
.homepage #masterContentArea {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0px;
    overflow: hidden;
}
.welcome-section{
  background: linear-gradient(180deg, #E6F1FF 0%, #FFFFFF 100%);
  padding-top: 50px;
  padding-bottom: 50px;
} 
.welcome-box{
  max-width: 1050px;
}
.welcome-text{
  text-align: center;
  font-size: 20px;
  color: #4A5565;
}
.help-col{
   padding: 10px 0 0 0;
}
.help-col h3{
  color: #364153;
  margin-bottom: 20px;
}

.helpbox{
  padding: 30px;
  border-radius: 14px;
  text-align: center;
  border: 1px solid #E5E7EB; 
  box-shadow: 0px 1px 3px 1px #0000001A; 
}


.helpbox h4 {
  margin-bottom: 15px;
  font-size: 20px;
  font-weight: 500;
  color: #101828;
}

.helpbox p {
  color: #4A5565;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 25px;
}


 
.green {
  background-color: #F3FFED;
}

.peach {
  background-color: #FFF5F1;
}

.helpbox .btn{
  width: 100%;
  max-width: 320px;
}
 
.green-btn {
  color: #fff !important;
  background-color: #005440;
}

.green-btn:hover, .green-btn:focus, .green-btn:active {
  color: #fff !important;
  background-color: #0c4a30;
}

.red-btn {
  color: #fff !important;
  background-color: #9E4039;
}

.red-btn:hover, .red-btn:focus, .red-btn:active{
  color: #fff !important;
  background-color: #7f2f28;
}
.or{
  border: 1px solid #ECECEC;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  font-size: 17px;
  color: #000000;
  line-height: 44px; 
  text-align: center;
  margin: 40px auto; 

}

/* ai-search */
.ai-search {
  max-width: 975px;
  width: 100%;
  margin:0 auto;
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #DEDEDE;
  border-radius: 40px;
  padding: 5px;
  box-shadow: 0px 5px 4px 0px #0000000D;
  margin-top: 5px;
}

 
.ai-search input {
  flex: 1;
  border: 0px;
  border-radius: 0;
  outline: none;
  background: transparent;
  height: 50px;
  box-shadow: none;
  font-size: 17px;
  color: #000;

}
.ai-search input:focus {
  outline: none;
  box-shadow: none;
}
 
.aiIcon {
  width: 70px;
  height: 50px;
  background: #e6e6e6;
  border: 1px solid #DEDEDE;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #0f5c3c;
  cursor: pointer;
  transition: 0.3s;
  
}

.aiIcon:hover {
  background: #dcdcdc;
}

.ai-search input:focus::placeholder {
    color: transparent;
}
.tooltipIcon{
    display:inline-block;
    width:18px;
    height:18px;
    line-height:18px;
    text-align:center;
    border-radius:50%;
    background:#666;
    color:#fff;
    cursor:pointer;
    margin-left:5px;
}
 
.customTooltip{
    display:none;
    position:absolute;
    background:#333;
    color:#fff;
    padding:8px 12px;
    border-radius:4px;
    font-size:12px;
    margin-top:5px;
    z-index:999;
}



/***** news box *****/
.latestnews-outer{
  margin-bottom: 80px;
  width: 99%;
  overflow: hidden;
  padding-left: 15px;
  padding-right: 15px;
}
.latestnews-outer .container{
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
}
 .latestnews-outer .bx-wrapper{
  /* max-width: 100%; */
  box-shadow: none;
  border: 0px;
 }

.bx-wrapper .bx-controls-direction a{
  width: 100px;
  height: 100px;
}

 .bx-wrapper .bx-prev{
    background: url(images/arrow-bx-left.png) center center no-repeat ;
    background-size: 90px;
    opacity: 0.5;
 }
 .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus {
    background-position: center center;
    opacity: 1;
}
  .bx-wrapper .bx-next{
    background: url(images/arrow-bx-right.png) center center no-repeat ;
    background-size: 90px;
    opacity: 0.5;
 }
 .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus {
    background-position: center center;
    opacity: 1;
}
 

.newsbox{
  border: 1px solid #DADADA;
  border-radius: 10px;
  overflow: hidden;
  padding: 20px;
  margin-bottom: 30px;
}
.newsbox-thumb{
  width: 100%;
  height: 200px;
  border-radius: 20px;
  margin-bottom: 10px;
  overflow: hidden;
}
.newsbox-thumb img{
  width: 100%;
  height: 200px !important;
   object-fit: cover;
}
.newsbox-date{
  font-size: 12px;
  font-weight: 600;
  color: #404040;
  margin-bottom: 15px;
}
.newsbox h5{ 
  font-size: 20px;
  font-weight: 600;
  line-height: normal; 
  color: #191919;
  margin-bottom: 10px;
}
 
.newsbox h5 a{
   color: #191919;
   text-decoration: none;
}
.newsbox-box h5 a:hover{
  color: #00264B;
}
 .newsbox p{ 
  font-size: 16px;
  font-weight: 400;
  line-height: normal; 
  color: #191919;
  margin-bottom: 15px;
}
 

.newsbox-link .btn{
   width: 100%;
   background-color: #00264B;
   color: #fff !important;
   
}
 

.newsbox-link .btn:hover, .newsbox-link .btn:focus, .newsbox-link .btn:active {
  background-color: #00264B;
   color: #fff !important;
}

 
.onlinepass-banner img{
  width: 100%;
}

/******* latest event***********/
.latest-events{
  background-color: #F5F7FA;
  border: 1px solid #DFDFDF;
  border-radius: 20px;
  padding: 20px 25px;
  margin-bottom: 30px;
}
.latest-events h2{
     margin: 0 0 0 0;
}
.events-listing ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.events-listing li{
    list-style: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0;
}
.events-listing li:last-child{
    border-bottom: 0px;
    padding-bottom: 0px;
} 
.events-listing h5{
    font-size: 18px;
    font-weight: 600;
    color: #00264B;
    margin: 0 0 6px 0;
}
.events-listing h5 a{
color: #00264B;
text-decoration: none;
}
.events-listing h5 a:hover{
color: #00264B;
text-decoration: underline;
}
.event-date{
  font-size: 14px;
  color: #404040;
}

/******** whychoose section***********/

.whychoose-section {
   
    background-image: url(images/whychoose-bg-top.png), url(images/whychoose-bg-bottom.png);
    background-position: top right, bottom left;
    background-repeat: no-repeat, no-repeat;
}
 .whychoose-list{
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
 }
.whychoose-list ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.whychoose-list li{
    list-style: none; 
    padding: 20px 0 20px 0;
    display: flex;
}
.whychoose-list li:last-child{
    padding-bottom: 0px;
} 
.letter-icon{
  flex: 0 0 70px;
  margin-right: 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 74px;
  font-weight: 600;
   color: #fff;
  -webkit-text-stroke: 2px #00264B; /* blue outline */
  transition: 0.3s;
  line-height: 68px;
}
.whychoose-list li:hover .letter-icon{
  color: #00264B;
}
 
.whychoose-content{ flex: 1;}
.whychoose-list h5{
    font-size: 24px;
    font-weight: 600;
    color: #00264B;
    margin: 0 0 6px 0;
}
.whychoose-list h5 a{
color: #00264B;
text-decoration: none;
}
.whychoose-list h5 a:hover{
color: #00264B;
text-decoration: underline;
}
.whychoose-list p{
  font-size: 18px;
  color: #404040;
  
}

/******** connect section ***********/
.connect-section{
  background: #F5F7FA;
}
.connect-list{
  max-width: 1000px;
  margin: 0 auto;
}
 
.connect-list ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.connect-list li{
    flex: 0 0 100%;
    list-style: none; 
    padding: 30px 20px;
    
    border-bottom: 1px solid #DFDFDF;
    text-align: center;
    transition: 0.3s;
    
}


@media (min-width: 768px){  
  .connect-list li{
      flex: 0 0 33.33%;
      border-right: 1px solid #DFDFDF;
  }
  .connect-list li:nth-child(3n) {
    border-right: none;
  }

  .connect-list li:nth-last-child(-n+3) {
    border-bottom: none;
  }
}



.connect-list li:hover{
  background: #fff;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
 
.connect-icon{
  margin-bottom: 20px;
}
.connect-list h3{
    font-size: 24px;
    font-weight: 600;
    color: #00264B;
    margin: 0 0 6px 0;
}
 
.connect-list p{
  font-size: 18px;
  color: #404040;
  margin: 0;
  
}

/****** login page css ********/

.Error{
  font-weight: normal;
}

.SignIn {
  max-width: 340px;
}
.login-page .SignIn{
  max-width: 100%;
}

.login-page #masterContentArea{
  background-image: url(images/loginbg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; 
  padding-top: 76px;
  padding-bottom: 76px;
  margin-top: 0;
  max-width: 100%;
}

.login-form .panel-border{
  max-width: 380px; 
  margin: 0 auto;
}
.login-form .panel-border{
  padding:20px 15px 15px 15px;
  border-radius: 10px;
  border: solid 0px #f5f5f5;
  background-color: #fff;
  
}

.login-form .panel-heading{
  text-align: center;
  border-bottom: 0px;
}
.login-form .panel-title{
  font-size: 29px;
  font-weight: 500;
  color: #000;
  
}


label, .Label, .PanelFieldLabelFont{
  font-weight: 500;
  font-size: 16px;
  color: #000;
}
.SignIn #ctl01_TemplateBody_WebPartManager1_gwpciNewContactSignInCommon_ciNewContactSignInCommon_signInUserNameLabel{
   width: auto !important;
}
.SignIn .contact-signin-label{
  padding-bottom: 6px;
}

 .SignIn input[type="text"], .SignIn input[type="password"]{
  border-radius: 5px;
  background-color: #f2f2f2;
  font-size: 16px;
  font-weight: 600;

  color: #000;
  border: 1px solid #f2f2f2;
  box-shadow: none;
  height: 45px;
}

.SignIn input[type="submit"]{
     background-color: #00264B;
     border-radius: 5px;
     border-color: #00264B!important; 
     font-size: 16px;
     line-height: normal;
     font-weight: 500;
     color: #fff;
     padding: 11px 10px;
     text-transform: uppercase;
     outline: none;
}
.SignIn input[type="submit"]:hover{
  background-color: #00264B;
  border-color: #00264B!important;
}

.SignIn .SignInButton.TextButton{
    margin-bottom: 20px;
}

.SignIn a{
  color: #00264B;
  font-weight: 500;
}
.SignIn a:hover{
  color: #00264B;
  text-decoration: underline;
} 

 .forgot-user{
  font-size: 16px;
  font-weight: 500;
  text-align: center;
 
}
.forgot-user a{
  color: #406d97;
}
.forgot-user a:hover{
  color:#4952a3;
}

.creat-account-link{
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  color: #039094;
}
.creat-account-link a{
 
  color: #039094;
}
.creat-account-link a:hover{ 
  color: #039094;
}

/**** account page ****/

.accountpage h2{
  font-size: 22px;
} 

h4, .h4, .SectionLabel{
  color: #000000;
}
.accountpage .body-container > .pull-right{
  float: none;
}
.accountpage #ctl01_TemplateBody_WebPartManager1_gwpciMyProfilePage_ciMyProfilePage__Body{
  padding: 15px 0 0 0 !important;
}
.accountpage{
    background: #f7f7f7;
}
.accountpage .mini-profile-name-section-inner .BreakWord{
  text-align: center;
  padding-top: 10px;
}
.accountpage .SectionLabel{
  color: #000;
}
.mini-profile-status-wrapper .PanelField  {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 18px;
}
.mini-profile-status-wrapper .PanelField  label{
  font-size: 18px;
}
 
.CalloutPart2 .panel-heading, .CalloutPart2 .panel-body {
  background-color: transparent;
}
.accountpage .panel-border{
  background-color: #fff;
  border-color: #ebebeb;
  border-radius: 10px;
}

.mini-profile-banner-large .panel-border{
  overflow: hidden;
}
.mini-profile-banner-large .mini-profile-status-section, .mini-profile-banner-small .mini-profile-status-section {
  margin-top: .4em;
  margin-bottom: .4em;
}

.profile-picture-container{
  border: solid 1px #e9e9e9;
  background-color: #f8f8f8;
  overflow: hidden;
  width: 150px;
  height: 150px;
  margin: 0 auto;
  border-radius: 100%;
}
.profile-picture-container img{
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}


/** tabs ***/



.RadTabStripTop_MetroTouch .rtsLevel1{
  border:0px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
  /* box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2); */
  background-color: #fff;
}
.RadTabStripTop_MetroTouch a.rtsLink:focus, .RadTabStripTop_MetroTouch a.rtsLink.rtsSelected:focus{
  text-decoration: none;
}
.RadTabStrip_MetroTouch{
  font-size: 14px;
}
.itemdetail-tabs .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch{
  font-size: 14px;
}
.RadTabStrip_MetroTouch .rtsLink{
  color: #00264B !important;
  font-weight: 600;
}
.tabs__h2{
  color: #005440 !important;
}
.cco.tabs-wrapper > .RadMultiPage{
  /* padding: 20px; */
  padding: 0px;
  border: 0px;
}
 
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink{
  border: 0px !important;
  background-color: transparent !important;
  border-bottom: 2px solid transparent !important;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover{
  background-color: #ededee !important;
  border: 0px !important;
  border-bottom: 2px solid #005440 !important;
  text-decoration: none !important;
}
.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover{
  color: #000000 !important;
  font-weight: 600;
  border-bottom: 2px solid #005440 !important;
}




/******/

.PanelEditorEditForm  .PanelFieldValue{
  width: 100%;
}
.PanelEditorEditForm input[type="text"], .PanelEditorEditForm select{
  width: 100%;
}

#ctl01_TemplateBody_WebPartManager1_gwpciMyProfilePage_ciMyProfilePage_ChangeLogonPassword_LabelUserName{
  word-break: break-word;
}


/********* item detail page *********/


.itemdetail .body-container{
  font-size: 14px;
}

.itemdetail-tabs{
  font-size: 14px;
}

.itemdetail-tabs .rtsUL .rtsLI .rtsLink{
  padding-left: 30px;
}
.itemdetail-tabs .rtsUL .rtsLI:first-child .rtsLink {
    
    background: url(images/product-disc-icon.svg)  7px center no-repeat;
}
.itemdetail-tabs .rtsUL .rtsLI:nth-child(2) .rtsLink {
     
    background: url(images/editors-icon.svg) 7px center no-repeat;
}
.itemdetail-tabs .rtsUL .rtsLI:nth-child(3) .rtsLink {
    
    background: url(images/echapters-icon.svg) 7px center no-repeat;
}

 
.details__text{
  font-size: 14px !important;
  font-weight: 600;
  color: #647787;
}
.details__text strong{
  font-weight: 600;
}
 
@media (min-width: 992px) {
    #ste_container_ciCustomShoppingButton_cf96ca04f32a41f881c7b3f8fac50d51 .justify-content-md-end {
        justify-content: start !important;
    }
}

.QueryTemplateItem .info__h1{
  font-size: 28px;
  font-weight: 700;
  color: #000;
  margin-bottom: 15px;
   

}
.QueryTemplateItem .info__p{
  font-size: 20px;
  font-weight: 400;
  color: #00264B;
  line-height: 26px;
}

.ebook-box{
  background-color: #fff;
  border: 1px solid #D2D2D2;
  border-radius: 12px;
  display: flex;
  padding: 15px;
  margin-bottom: 15px;
}
.printbook-bg{
  background-color: #E9F6EF;
  border-color: #005440;
}
.ebook-icon{
  margin-right: 10px;
  width: 100%;
  max-width: 28px;
}
.ebook-box h4{
  font-size: 16px;
  font-weight: 700;
  color: #005440;
  margin:  0 0 5px 0;

}
.ebook-box p{
  font-size: 13px;
  font-weight: 400;
  color: #1E1E1E;
  margin:  0;
}

.format-note{
  font-size: 12px;
  color: #647787;
}


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


.ebook-col{
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 15px;
}
.choose-format h3{
  margin-top: 0px;
}

.info__h3{
  color: #1C1C1C;
}
.info__pricing{
  color: #1C1C1C;
}

.ebook-col .ProductDisplay{
  padding: 0px;
}
.editors-box{
  font-size: 14px;
  color: #647787;
}
.editors-box ul{
  list-style: none;
  margin: 15px 0 0 0;
  padding: 0;
}
.editors-box ul strong{
  color: #00264B;
  font-weight: 500;
}
.editors-box li{
  list-style: none;
  margin: 0 0 10px 0;
}

#ste_container_ciconnectsection_99c8afd02a594d62b6bfa6cf9a49e27e{
  margin-bottom: 0px;
}

/****** responsive *********/

@media (min-width: 1200px) {
 .header-container{
  max-width: 100%;
  padding-left: 60px;
  padding-right: 60px;
 }

}
  

@media (max-width: 991px) {
  
  .nav-auxiliary .nav-aux-button .NavigationLink{
    background-color: transparent;
    padding: 0px;
    margin-left: 8px;
  }
    .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
        background-position: top center;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text{
      background-position: top center;
    }
    .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text{
      height: 23px;
    }
    .navbar-toggle{
      margin-left: 8px;
      background-color: transparent;
      padding: 0;
      margin-bottom: 6.5px ;
    }
    .navbar-toggle.collapsed{
      padding: 0px;
    }
.header-container{
  flex-wrap: wrap;
}
    .mainnav{
      order: 3;
      flex: 0 0 100%;
    }
.navbar-collapse{
  background-color: #fff;
  padding-top: 10px;
}
.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem{
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footer .container {
    max-width: 100%;
}
  .logo-content{
    display: none;
  }

  .footer-wrap{
    display: block;
    text-align: center;
  }
  .footer-wrap > div{
    padding-right: 0px;
  }
  .footer-logo{
    margin: 0 auto;
  }
  .footer-info{
    max-width: 100%;
  }
  .footerlinks{
    margin-bottom: 15px;
  }

  .footer-nav-copyright .footer-copyright{
    float: none;
    text-align: center;
    display: block;
    margin: 0px;
  }

}

 

@media (max-width: 767px){

  h1, .h1, .PageTitle {
  
  font-size: 40px;
 

} 
h2, .h2, .PanelTitle {
  font-size: 35px; 
  
}

.green{
  margin-bottom: 30px;
}
iframe#instagram-embed-0{
  width: 100%;
  min-width: none;
}



  .login-page #masterContentArea{
    padding-top: 50px;
    padding-bottom: 50px;
  }

  
.connect-list li:nth-child(2n) {
  border-right: none;
} 
.connect-list li:last-child {
  border-bottom: none;
}


}

@media (max-width: 575px){

  .login-page #masterContentArea{
    padding-top: 40px;
    padding-bottom: 40px;
  }
 
}