@import 'fonts/stylesheet.css'; 

  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
 /* 8/23/2022 - Philip Change - PDA default font should be Arial, not Poppins */
 
 body{
  font-family: 'Arial', sans-serif;
 }
 
h1, h2, h3, h4, h5{ 
  font-family: 'ITC Berkeley Oldstyle Std';
}

/* 8/23/2022 - Philip adding color for header fonts */
h1, .h1, .PageTitle {
  color: #053856;
}

.wrapper{
   display: block;
}

.container-fluid {
   padding-right: 15px;
   padding-left: 15px;
   margin-right: auto;
   margin-left: auto;
}

.header {
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
}

 .topbar{
  background: #007978;
  padding: 8px 0;
  font-family: 'ITC Berkeley Oldstyle Std';
  height: 45px;
  border-bottom: 2px solid #043855;
 }

 .find-dentist{
  float: left;
  padding-left: 170px;
 }

 /* .find-dentist a{
     background: url(images/tooth.png) top left no-repeat;
     
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  padding-left: 28px;
  line-height: 28px;
  display: inline-block;
 } */
 .find-dentist a {
   background: url(images/tooth.png) left 5px no-repeat;
   font-size: 20px;
   font-weight: bold;
   color: #fff;
   text-decoration: none;
   padding-left: 20px;
   line-height: 28px;
   display: inline-block;
   background-size: 13px;
}



 .nav-auxiliary{
  font-size: 17px;
  color: #fff;
  font-weight: 900;
  text-transform: none; /* uppercase*/
  /* line-height: 20px; */
  line-height: normal;
 }
   
 .nav-auxiliary .WTZone {
   display: flex !important;
}
 .nav-auxiliary a{
  color: #fff;
  text-decoration: none;
 }
 .nav-auxiliary .NavigationListItem{
   display: inline-flex;
 }
 /* .UtilitySearch, .UtilitySTEToggle, .UtilityAuthentication, .UtilityTranslation{
  vertical-align: bottom;
 } */

 .UtilityNavigationList .NavigationUnorderedList > li > a{
  /* vertical-align: top; */
 }
 .navbar-header > div, .navbar-header > a, .navbar-header .NavigationUnorderedList, .navbar-header .NavigationLink {
    
   /* vertical-align: unset; */
}

.navbar-header .NavigationUnorderedList{
   vertical-align: unset;
}

 /* .navbar-header .NavigationLink{
  vertical-align: baseline;
 } */

 .nav-auxiliary .NavigationListItem{
   border-left: 1px solid #fff;
   margin: 0px;
   
 }
 .nav-auxiliary .NavigationLink{
  padding-left: 10px;
  padding-right: 10px;
 }
 .UtilityNavigationList{
  padding-left: 10px;
 }

 .nav-auxiliary .nav-aux-account .nav-text, .nav-auxiliary .nav-aux-cart .nav-text{
  background-image: url(images/cart-icon.svg);
  background-position: 0 0;
  line-height: 20px;
  display: inline-block;
 }

 .header-top-container{
  padding: 0px;
 }

 .header-logo-container{
    margin-top: -60px;
    max-width: 170px;
 }


 .header-right{
  padding-top: 18px;
 
 }

 .header-right .nav-auxiliary{
    float: right;
    position: relative;
 }


 .UtilitySearch{
   display: none;
 }

 .header-right .navbar-toggle{
   display: block;
}
.search-container-sm{
   display: block !important;
}

.header-right .navbar-toggle{
   padding: 8px 15px;
   background: transparent;
   border: 1px solid #053856;
}
.navbar-toggle .icon-search{
   background: transparent url(images/search-icon.png) no-repeat;
   background-position: 0px 5px;
}
.header-right .navbar-toggle .sr-only{
   position: relative;
   left: 0;
   z-index: 9;
   font-size: 18px;
   color: #000000; 
   font-weight: bold;
   font-family: 'ITC Berkeley Oldstyle Std';
}

.header-right .navbar-toggle:hover,  .header-right .navbar-toggle:focus{
   background: transparent;
}
.searchbar-collapse{
   position: absolute;
   top: 25px;
   right: 0px;
   z-index: 1003;
 
}

.header-search{
   background: #007978; /*#007978  ef8b46*/
   padding: 10px 15px;
   position: relative;
   margin-top: 34px;
}
.header-search::after{
   content: '';
   position: absolute;
   top: -14px;
   right: 27px;
   width: 0; 
   height: 0; 
   border-left: 15px solid transparent;
   border-right: 15px solid transparent; 
   border-bottom: 15px solid #007978;
}

.search-title{
   font-size: 14px;
   color: #ffffff;
   margin: 0 0 5px 0;
   font-weight: 400;
   text-transform: none;
   font-family: 'ITC Berkeley Oldstyle Std';
}

.header-right .search-container{
   display: block;
}
 input.search-field{
  background: #fff url(images/search-icon.png) no-repeat;
  background-position: 7px 10px;
  border:1px solid #ef8b46; 
  font-size: 12px;
  border-radius: 0px;
  width: 200px;
 }

 .header-menu{
  font-size: 20px;
  font-weight: bold; 
  font-family: 'ITC Berkeley Oldstyle Std'; 
  line-height: normal;
  letter-spacing: normal;
  color: #000;
  margin-top: 10px;
 }

 .header-menu .RadMenu .rmHorizontal .rmItem{
    margin-left: 10px;
    margin-right: 10px;
 }
 .header-menu .RadMenu .rmLink{
   padding-left: 0px;
 }
 .header-menu .RadMenu .rmHorizontal .rmText{
   padding-right: 0px;
 }
 .header-menu .RadMenu .rmHorizontal .rmRootLink .rmToggle{ display: none; }
 .header-menu .RadMenu .rmItem a.rmLink{
  color: #000;
  border-bottom: 2px solid #fff;
 }

 .header-menu .RadMenu .rmItem a:hover.rmLink{
  color: #007978;
  border-color: #ef8b46;
 }
 .header-menu .RadMenu .rmLink {
  padding-top: 10px;
  padding-bottom: 10px;
}

.social-media{
   display: inline-block;
   margin-left: 30px;
   vertical-align: middle;
}

.smedia-links{
   float: none;
   margin: 0px;
   padding: 0px;
   list-style: none;
 }
 .smedia-links li{
   margin: 0 10px 0 0;
   list-style: none;
   display: inline-block;
 }
.smedia-links li a{
   margin: 0 0px 0 0;
 }
 .smedia-links li img {
     max-width: 20px;
 }

.homeslider{
    padding-bottom: 70px;
}

.homeslider .panel-body{
   padding: 0px;
}
.homeslider .panel{
  border: 0px;
}
.homeslider .carousel-control{
   /*display: none;*/
}
.carousel-caption{
   /* background: rgba(0, 121, 120, 0.7); */
   padding: 20px 20px 4px 20px;
   z-index: 11;
   bottom: 50px;
   font-size: 25px; 
}
.carousel-caption h1{
   font-size: 180%;
   /* font-weight: 400; */
   font-family: 'ITC Berkeley Oldstyle Std';
}


.carousel-caption::after{
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0px;
   right: 0;
   background: rgba(0, 121, 120, 0.7);
   transform: skewX(-15deg);
   z-index: -1;
}

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

.home-thumb-box{
   padding-bottom: 30px;
   text-align: center;
}
.home-thumb{
   border-radius: 10px;
   overflow: hidden;
}
.home-thumb-box h3{
     font-size: 24px;
     font-weight: bold;
     color: #043855;
     margin: 20px 0 0 0;
}
.home-thumb-box a{
   color: #043855;
   text-decoration: none;
}
.home-thumb-box a{
   color: #043855;
   text-decoration: none;
}
.home-thumb-box a:hover{
   color: #000000;
   text-decoration: none;
}
.home-thumb-box p{
   font-size: 16px; 
   color: #000000;
   margin: 10px 0 0 0;
}
.home-box-link{
   font-size: 18px; 
   color: #ef8b46;
   margin: 15px 0 0 0;
   
}
.home-box-link a{ 
   color: #ef8b46;
   text-decoration: underline; 
}
.home-box-link a:hover{ 
   color: #ef8b46;
   text-decoration: none; 
}

/* 8/23/2022 - Philip updated hover behavior during review with PDA */
/********/
.newsbox, .calendarbox {
   padding: 10px 20px 10px 20px;
   border-radius: 10px;
   background-color: #fff;
   margin-bottom: 50px;
   margin-top: 10px;
}
 
 .newsbox:hover, .calendarbox:hover {
   background-color: #e2f1f1;
 }
 

.news-head{
   margin-bottom: 20px;
   display: flex;
   align-items: center;
}
.news-head h2{
   font-size: 32px;
  font-weight: 900; 
  color: #ef8b46;
  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;
}
  
 .news-listing{
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
 }
 /* .news-listing:last-child::after{
    display: none;
 } */
.news-listing::after {
   content: '';
   position: absolute;
   left: 0px;
   bottom: 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;
 }

 .cal-location{
   font-size: 18px;
  font-weight: 500; 
  color: #000;
  padding-bottom: 5px;
 }
  .cal-location img{
   margin-right: 5px;
  }
  .news-date{
   font-size: 16px; 
   color: #4d4d4d;
  }
  .news-title{
   font-size: 18px;
   line-height: 22px;
   font-weight: 500; 
   color: #043855;
  }
  .news-title a{
      color: #043855;
      text-decoration: none;
  } 
  .news-title a:hover{
   color: #043855;
   text-decoration: underline;
} 

  .newsbox .news-listing{
     padding-bottom: 10px;
     margin-bottom: 12px;
  }

  .home-title h2{
   font-size: 32px;
   font-weight: 900; 
   color: #ef8b46;
   margin: 0 0 35px 0;
   border: 0px;
  }

  .weare-image{
   border-radius: 10px;
   overflow: hidden;
   margin-bottom: 20px;
   min-height: 198px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
    
  }
  .weare-image::after{
   content: '';
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background: rgba(0, 121, 122, 0.5);
   z-index: 1;
  }
  
  .weare-content{
   font-size: 18px;
   font-weight: 500;
   color: #fff;
   padding: 20px 40px;
   z-index: 11;
  }
  .small-logo{
   position: absolute;
   top: 15px;
   right: 15px;
   z-index: 11;
   width: 68px;
  }

  .affiliates-images img{
     margin: 10px 30px;
  }

  /*********/

  .partners-slider {
   overflow: hidden;
  }
  .partners-slider div.scrollingHotSpotLeft{
   display: none;
  }
  .partners-slider div.scrollingHotSpotRight{
   display: none;
  }


  
 .partners-slider .logoParade{
   width: 100%;
   padding: 0px;
   background: none;
 } 
 
 .partners-slider .logoParade div.scrollableArea a{
   height: 80px;
   display: flex;
     align-items: center;
     float: left;
 }
 
 
 .partners-slider .logoParade img, .partners-slider .logoParade a img{
   height: auto!important;
   padding: 10px 25px;
 }

/**** Footer css*******/
.footer{
   display: block;
}
.footer-content{
   background: #007978;
   border-top: 2px solid #043855;
   text-align: left;
   padding-top: 0px;
}
.footer-content a {
   text-decoration: none;
}
.footer-content a:hover {
   text-decoration: underline;
}
.footer-row{
   margin-left: -15px;
   margin-right: -15px;
   display: flex;
   flex-wrap: wrap;
   padding: 60px 0; 
}
.footer .footer-col{
       padding-left: 15px;
       padding-right: 15px;
       max-width: 20%;
       flex: 0 0 20%;
       font-size: 16px;
       font-weight: normal; 
       line-height: normal;
       color: #fff;
}

.footer-logo{
   max-width: 170px;
   margin-bottom: 40px;
}
.footer-col h3{
   font-size: 28px;
   font-weight: bold; 
   color: #fff;
   margin: 0 0 10px 0;
}

.footer-links ul{
   margin: 0px;
   padding: 0px;
}
.footer-links li{
     list-style: none;
     margin: 0px;
     padding: 0 0 5px 0;
}

.footer-nav-copyright{
   background: #043855;
   font-size: 12px;
   color: #fff;
   padding: 10px 0;
}
.footer-nav-copyright a{
   color: #fff;
   text-decoration: none;
}
.footer-nav-copyright a:hover{
   color: #fff;
   text-decoration: underline;
}

/* .header-right .navbar-toggle{
   display: none;
}
.search-container-sm{
   display: block !important;
} */


/***** inner page css*****/
.breadcrumb {
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    font-weight: 500;
    color: rgb(0, 121, 120);
}
.breadcrumb a{
   color: #000000;
   text-decoration: none;
}
.breadcrumb a:hover{
   color: #000000;
   text-decoration: underline;
}
 
.inner-banner{
   background-color: #222222;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 220px;
	min-height: 320px; 
    margin-bottom: 10px; /* Philip at ISG adjusted this on 8/22/2022 at 4:35PM EDT */
}
.backToTop {
    display: block;
    font-size: 0px;
    color: transparent;
    bottom: 50px;
    position: fixed;
    right: 25px;
    z-index: 1;
    background: transparent url("images/backtotop-arrow.png") top center no-repeat !important;
    width: 36px;
    height: 36px;
}
/*
.backToTop {
  display: block;
  font-size: 0px;
  color: transparent;
  bottom: 50px;
  position: fixed;
  right: 25px;
  z-index: 1;
  background: transparent url("images/ThemeIconsSprite22.png") 3px 0 no-repeat !important;
  width: 48px;
  height: 48px;
}
*/
.backToTop1 a {
  display: block;
  font-size: 20px;
   font-weight: 900; 
   color: #053856;
   margin: 0 0 35px 0;
   border: 0px;
   font-family: 'ITC Berkeley Oldstyle Std';
   text-align: center; 

}

.backToTop1 a:hover {
  color: #007978;
}
.backToTopMembership a {
  display: block;
  font-size: 20px;
   font-weight: 900; 
   color: #053856;
   margin: 0 0 0 0;
   border: 0px;
   font-family: 'ITC Berkeley Oldstyle Std';
   text-align: center; 

}
.backToTopMembership a:hover {
  color: #007978;
}

/**** membership top tab css ****/
.membershiptoptabcss{ margin-bottom: 50px;}

.membershiptoptabcss .RadTabStrip .rtsUL{
   display: flex;
   float: none;
   /* align-items: end; */
   justify-content: space-between;
}  
.membershiptoptabcss .RadTabStrip .rtsLI{
   flex: 1;
}  
.membershiptoptabcss .RadTabStrip .rtsLink, .membershiptoptabcss .RadTabStripVertical .rtsLink{
   white-space: unset;
}
.membershiptoptabcss .RadTabStrip .rtsLevel1 .rtsTxt, .membershiptoptabcss .RadTabStripVertical .rtsLevel1 .rtsTxt{ 
   line-height: 20px;
}



.membershiptoptabcss .panel-body, .membershiptoptabcss .PanelBody{
   padding: 0px;
}

.membershiptoptabcss .RadTabStripTop_MetroTouch .rtsLevel1{
   border-bottom: 0px solid #eaeaea;
}

.membershiptoptabcss .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink{
   border: 0px;
   background: none;
}
.membershiptoptabcss .RadTabStripTop_MetroTouch .rtsLevel1 .rtsLink{
   border-bottom: 3px solid #eaeaea;
   height: 100%;
}
.membershiptoptabcss .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover{
    background: #fff;
    border-bottom: 3px solid #ef8b46;
    text-decoration: none !important;
    color: #043855;
}
.membershiptoptabcss .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, .membershiptoptabcss .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover{
   color: #043855;
}
.membershiptoptabcss a.rtsLink:focus, .membershiptoptabcss a.rtsLink.rtsSelected:focus{
   box-shadow: none;
   text-decoration: none;
}
.membershiptoptabcss .RadTabStrip_MetroTouch{
   font-size: 16px;
   font-weight: 600;
   color: #043855;
}
.membershiptoptabcss .RadTabStrip_MetroTouch a.rtsLink:hover{
   text-decoration: none !important;
}
.membershiptoptabcss .RadTabStrip_MetroTouch .rtsLink{
   color: #043855;
}

html .membershiptoptabcss .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .membershiptoptabcss .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover{
   border-bottom: 3px solid #ef8b46;
   background: none;
}

.membershiptoptabcss .ContentWizardDisplay{
   border: 0px;
   padding: 30px 0 0 0;
}

.edues{

}


.edues h2{
   font-size: 38px;
   font-weight: 900;
   color: #ef8b46;
   margin: 0px 0 15px 0;
   border: 0px;
}

.edues-right{
   padding-top: 90px;
}

a.edues-btn, a.edues-btn-normal{
   padding: 12px 10px;
   border-radius: 10px;
   border: solid 1px #043855;
   background-color: #043855;
   font-size: 16px;
   font-weight: normal;
   color: #fff;
   display: block;
   text-decoration: none;
   text-align: center; 
}
a.edues-btn:hover, a.edues-btn:focus, a.edues-btn:active{
   color: #fff;
}

a.edues-btn-normal{ 
   border: solid 1px #043855;
   background: none ; 
   color: #043855; 
}
a.edues-btn-normal:hover, a.edues-btn-normal:focus, a.edues-btn-normal:active{
   color: #043855;
}

@media (max-width: 767px){
   .membershiptoptabcss .RadTabStrip .rtsUL{
       display: block;
       float: left;
   }
   .edues-right{
      padding-top: 20px;
   }
   .inner-banner{
      background-size: contain;
      height: 180px;
      min-height: 240px;
}
 
}

@media (max-width: 600px){
   .membershiptabcss .RadTabStrip .rtsLI{
      border-right: none;
      border-bottom: 1px solid #fff;
   }
   .inner-banner{
      background-size: contain;
      height: 180px;
      min-height: 240px;
}
}




/******* membership tabs bottom *********/

.HomePageFullWidthArea{
   overflow: hidden;
}

.enrollment-outer{
   background: #e2f1f1;
   padding: 50px 15px;
   overflow: hidden;
}

.membershiptabcss{}


.membershiptabcss .RadTabStrip .rtsUL{
   display: flex;
   float: none;
   /* align-items: center; */
   flex-wrap: wrap;
   /* justify-content: center; */
}  
.membershiptabcss .RadTabStrip .rtsLI{
   flex: 1;
   border-right: 1px solid #fff;
   display: flex;
   align-items: center;
   justify-content: center;
}  
.membershiptabcss .RadTabStrip .rtsLI:last-child{
   border-right: none;
}
.membershiptabcss .RadTabStrip .rtsLink, .membershiptabcss .RadTabStripVertical .rtsLink{
   white-space: unset;
}
.membershiptabcss .RadTabStrip .rtsLevel1 .rtsTxt, .membershiptabcss .RadTabStripVertical .rtsLevel1 .rtsTxt{ 
   line-height: 20px;
}
.membershiptabcss .RadTabStrip .rtsTxt, .membershiptabcss .RadTabStripVertical .rtsTxt{
   display: inline-block;
}


.membershiptabcss .panel-body, .membershiptabcss .PanelBody{
   padding: 0px;
}

.membershiptabcss .RadTabStripTop_MetroTouch .rtsLevel1{
   border-bottom: 0px solid #eaeaea;
   background: #007978;
   border-radius: 10px;
   overflow: hidden;
}

.membershiptabcss .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink{
   border: 0px;
   background: none;
}
.membershiptabcss .RadTabStripTop_MetroTouch .rtsLevel1 .rtsLink{
   border-bottom: 0px solid #eaeaea; 

}
.membershiptabcss .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink:hover{
    background: none;
    border-bottom: 0px solid #ef8b46;
    text-decoration: none !important;
    color: #fff;
}
.membershiptabcss .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, .membershiptabcss .RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover{
   color: #fff;
}
.membershiptabcss a.rtsLink:focus, .membershiptabcss a.rtsLink.rtsSelected:focus{
   box-shadow: none;
   text-decoration: none;
}
.membershiptabcss .RadTabStrip_MetroTouch{
   font-size: 19px;
   font-weight: 600;
   color: #fff;
}
.membershiptabcss .RadTabStrip_MetroTouch a.rtsLink:hover{
   text-decoration: none !important;
}
.membershiptabcss .RadTabStrip_MetroTouch .rtsLink{
   color: #fff;
   
}
.membershiptabcss  .RadTabStrip .rtsLevel1 .rtsTxt, .membershiptabcss  .RadTabStripVertical .rtsLevel1 .rtsTxt{
   padding: 15px 20px 15px 15px;
   position: relative;
}
.membershiptabcss  .RadTabStrip .rtsLevel1 .rtsTxt::after{
   content: '';
   position: absolute;
   top: 50%;
   right: 0px;
   width: 0; 
   height: 0; 
   border-left: 7px solid transparent;
   border-right: 7px solid transparent; 
   border-top: 7px solid #ef8b46;
}

html .membershiptabcss .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .membershiptabcss .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover{
   border-bottom: 0px solid #ef8b46;
   background: none;
}

.membershiptabcss .ContentWizardDisplay{
   border: 0px;
   padding: 30px 0 0 0;
}
/* 8/25/2022 Philip testing secondary nav display
#ctl01_ciSecondary_SubNavControl_SubNavHead{
  display: none !important;
}
*/

@media (max-width: 767px){
   .membershiptabcss .RadTabStrip .rtsUL{
       display: block;
       float: left;
   }
   .inner-banner{
      background-size: contain;
      height: 180px;
      min-height: 240px;
}
}

/******* button design **********/


.btn, .TextButton, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton, #masterHeaderActionArea a{
   padding: 8px 20px;
}

.btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton{
   color: #043855;
   background-color: #fff;
   border-color: #043855;
   position: relative; 
   box-shadow: none;
}

.btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:hover, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:hover, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:hover, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited{
   color: #fff;
   background-color: #007978;
   border-color: #007978; 
   box-shadow: none;
}

.PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton{
   color: #fff;
   background-color: #043855;
   border-color: #043855;
   position: relative; 
   box-shadow: none;
}

.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .SaveAndClose:hover, .SaveAndClose:focus, .SaveAndClose:active, .SaveAndClose:visited, .SaveAs:hover, .SaveAs:focus, .SaveAs:active, .SaveAs:visited, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited, .UsePrimaryButton .TextButtonWithImage:hover, .UsePrimaryButton .TextButtonWithImage:focus, .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage:visited, #masterHeaderActionArea a:hover, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton:visited{
   color: #fff;
   background-color: #007978;
   border-color: #007978; 
   box-shadow: none;
}



/***** responsive css *****/
@media (min-width: 768px){
   .carousel-indicators {
       bottom: 0px;
   }
   .inner-banner{
      background-size: contain;
      height: 180px;
      min-height: 240px;
}
   }

@media (max-width: 1050px){
   .footer-row{
      padding: 60px 0 30px 0;
   }
   .footer .footer-col{
      max-width: 33%;
      flex: 0 0 33%;
      margin-bottom: 30px;
   }
   .inner-banner{
      background-size: contain;
      height: 180px;
      min-height: 240px;
}
}

@media (max-width: 992px){
   .social-media{
      display: none;
   }
  
   .header-logo-container{
      max-width: 120px;
      margin-top: -43px;
   }
   .header-menu{
      font-size: 18px;
   }
   /* .header-menu .RadMenu .rmLink{
      padding-left: 5px;
   }
   .header-menu .RadMenu .rmHorizontal .rmText{
      padding-right: 5px;
   } */
   .header-menu .RadMenu .rmHorizontal .rmItem{
      margin-left: 5px;
      margin-right: 5px;
   }
   .header-right{
      padding-top: 10px;
   }
   .header-menu{
      margin-top: 0px;
   }
   .inner-banner{
      background-size: contain;
      height: 180px;
      min-height: 240px;
}
}

@media (max-width: 767px){

   .homeslider{
      padding-bottom: 30px;
   }
   .padding-bottom-50{
      padding-bottom: 30px;
   }
   .padding-bottom-70{
      padding-bottom: 50px;
   }
    .inner-banner{
      background-size: contain;
      height: 180px;
      min-height: 240px;
}

.find-dentist{
   display: none;
}
/* .UtilitySearch, .UtilitySTEToggle, .UtilityAuthentication, .UtilityTranslation {
   vertical-align: sub;
} */


.navbar {
   background-color: #007978;
}
.topbar{
   border-bottom: 0px;
}
.nav-auxiliary .NavigationListItem{
   display: inline-block;
   vertical-align: middle;
}
.header-logo-container{
   max-width: 100px;
   margin-top: -45px;
   
}
.header-right{
   padding-top: 10px;
}
/* .header-search{
   padding-top: 0px;
   padding-right: 0px;
} */

.navbar-toggle .icon-search {
   background: transparent url(images/search-icon-white.png) no-repeat;
   background-position: 0px 7px;
}
.header-right .navbar-toggle .sr-only{
   color: #fff;
}

.nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text{
   background-position: 0 0;
}
.nav-auxiliary .nav-aux-button .NavigationLink{
   padding: 0px;
}
.topbar .navbar-toggle{
   padding: 0 10px;
}

.nav-auxiliary{
   /* line-height: 28px; */
   font-size: 12px;
}
.nav-auxiliary .TextButton, .nav-auxiliary .navbar-toggle{
   margin-left: 0px;
}
.nav-auxiliary .NavigationListItem:last-child{
   border-left: 0px;
}
.nav-auxiliary .NavigationLink{
   padding-left: 7px;
   padding-right: 7px;
   
}
.UtilityNavigationList .NavigationUnorderedList > li > a{
   display: block;
}
.nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text{
   height: 26px;
}
.nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus{
   background: transparent;
}

.UtilityNavigationList{
   padding-left: 7px;
}
.nav-auxiliary .nav-aux-button .NavigationLink{
   margin-left: 7px;
}
.navbar-toggle{
   background: none;
}
.navbar-toggle:hover, .navbar-toggle:focus{
   background: none;
}
.header-menu{
   position: absolute;
   top: 45px;
   right: 0px;
   background: #043855;
   z-index: 999;
   max-width: 250px;
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
   font-size: 16px;
}
.header-menu .RadMenu{
   float: none;
}
.header-menu .RadMenu .rmItem{
    float: none;
}
.header-menu .navbar-collapse{
    margin-left: 0px;
    margin-right: 0px;
    
}
.header-menu .RadMenu .rmLink{
   float: none;
}
.header-menu .RadMenu .rmHorizontal .rmItem{
   margin-left: 0px;
   margin-right: 0px;
}
.header-menu .RadMenu .rmLink{
   padding-left: 15px;
   padding-right: 15px;
}

.navbar-collapse, .searchbar-collapse{
   background: none;
}
.header-menu .RadMenu .rmItem a.rmLink{
   color: #fff;
   border-bottom: 1px solid #fff;
}
.header-menu .RadMenu .rmItem:last-child a.rmLink{
   border-bottom: 0px solid #fff;
}

.header-menu .RadMenu .rmItem a:hover.rmLink {
   color: #ef8b46;
   /* border-color: #ef8b46; */
}

.carousel-caption::after{
   transform: skewX(-6deg);
}
.carousel-caption{
   font-size: 18px;
}

.calendarbox{
   padding: 10px 20px 10px 20px;
}
.newsbox, .calendarbox{
   border-radius: 10px;
  background-color: #e2f1f1;
  margin-bottom: 10px;
}
 


   .footer-row{
      padding: 30px 0 0px 0;
   }
   .footer .footer-col{
      max-width: 50%;
      flex: 0 0 50%;
      
   }
   .footer .footer-logo-col{
      order: 5;
      max-width: 100%;
      flex: 0 0 100%;
      text-align: center;
   }
   .footer-logo{
      margin: 0 auto 20px auto;
   }
   .weare-content{
      padding: 20px;
   }

}
div#ctl01_ciOBO_search-collapse {
    display: none;
}