.h1-headline__container{max-width:768px;margin:0 auto}.h1-headline{text-align:center;position:relative;z-index:1;overflow:hidden;padding:72px 40px}.h1-headline__title{margin-bottom:30px}.h1-headline__title:last-child,.h1-headline__content:last-child{margin-bottom:0}.h1-headline .h1-headline__content a:hover{text-decoration:underline}@media(max-width:1399.98px){.h1-headline{padding:50px 20px}}@media(max-width:767.98px){.h1-headline__action{margin-top:20px}}@media(max-width:639.98px){.h1-headline{padding:50px 0}}
.template-wrapper{padding-top:154px}.header{background:var(--primary-color);color:var(--inverse-font-color);height:154px;position:fixed;position:-webkit-fixed;top:0;left:0;z-index:50;width:100%;display:flex;flex-wrap:wrap;box-shadow:0 4px 16px 0 #0000001a}.without-banner .header,.header.is-fixed{box-shadow:0 4px 16px 0 #0000001a}.header__top,.header__bottom{width:100%;height:fit-content}.header__top{background:var(--secondary-color);padding:10px 0}.header__top-nav{display:flex;align-items:center;list-style:none;margin:0;padding:0;justify-content:flex-end;grid-column-gap:32px;width:auto}.header__top-nav-item{padding:0;color:var(--primary-color);font:var(--h6-title-fonts);display:flex;align-items:center}.header__top-nav-item a{color:var(--primary-color)}.header__top-nav-item a:hover,.header__top-nav-item a:focus{color:var(--text-color)}.header__top-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:20px;color:var(--secondary-cta-font-color)}.header__button{display:flex;grid-column-gap:16px}.header__container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between;width:100%;position:relative}.header__left{display:flex;align-items:center;grid-column-gap:35px}.header__logo{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:0;font-size:1.25rem;text-decoration:none;white-space:nowrap;color:var(--header-color)!important;max-width:var(--logo-width)}.navmenu__list{padding:0;margin:0;list-style:none;display:flex;align-items:center;justify-content:space-between;grid-column-gap:10px}.navmenu__list-link{display:inline-flex;padding:5px 5px;text-align:left;letter-spacing:0;color:var(--inverse-font-color);text-transform:var(--header-fonts-text-transform);font:var(--header-fonts);align-items:center;position:relative;text-decoration:none}.navmenu__list-link:after{position:absolute;content:'';background:var(--inverse-font-color);width:0;height:1px;bottom:0;left:50%;transform:translateX(-50%);transition:.3s all ease}.navmenu__list-link:hover,.navmenu__list-link:focus,.navmenu__list-link.navON{color:var(--inverse-font-color)}.navmenu__list-link:hover:after,.navmenu__list-link:focus:after,.navmenu__list-link.navON:after{width:100%}.navmenu__dropmenu-link.navON{color:var(--highlight-color)}.navmenu__dropmenu{padding:10px 0;border:1px solid var(--secondary-color);border-radius:6px;min-width:280px;background-color:var(--body-bg);width:280px;list-style:none}.navmenu__dropmenu-link{display:block;text-transform:var(--header-fonts-text-transform);font:var(--header-fonts);color:var(--text-color);padding:0 20px;font-size:14px;line-height:15px}.navmenu__dropmenu .navmenu__dropmenu-item+.navmenu__dropmenu-item{margin-top:10px;border-top:1px solid var(--secondary-color);padding-top:10px}.uk-dropdown{display:none}.navmenu__dropmenu-item.submenulistinner>.navmenu__dropmenu-link{position:relative}.navmenu__dropmenu-item.submenulistinner>.navmenu__dropmenu-link:after{content:'';font-family:var(--icon-fonts);position:absolute;right:-5px;top:50%;transform:translateY(-50%);width:20px;height:20px;transition:all .4s ease;font-size:13px;text-align:center}.third-level-menu{left:100%;top:0;box-shadow:6px 4px 12px rgba(0,0,0,.15)}.mobile__header--icons{display:none}@media(min-width:1024px){.has-dropdown:hover>.navmenu__dropmenu,.has-dropdown:focus-visible>.navmenu__dropmenu,.has-dropdown:focus-within>.navmenu__dropmenu{display:block}.has-dropdown:hover>.navmenu__list-link,.has-dropdown:focus-visible>.navmenu__list-link,.has-dropdown:hover>.navmenu__dropmenu-link,.has-dropdown:focus-visible>.navmenu__dropmenu-link{color:var(--inverse-font-color)}.has-dropdown:hover>.navmenu__list-link:after,.has-dropdown:focus-visible>.navmenu__list-link:after{width:100%}}@media(max-width:1500px){.header__container{padding:0 20px 0 20px}.header__top{padding:10px 20px 10px 20px}}@media(max-width:1280px){.navmenu__list-link{font-size:14px;padding:0}.header__button-action{padding:11px 15px}.header__logo{max-width:var(--mob-logo-width)}.header__top{padding:10px 20px 10px 20px}.header__top-nav-item:last-child{padding-right:0}}@media(max-width:1023.98px){.is-dropdown-active>.navmenu__dropmenu{display:block}.is-dropdown-active>.navmenu__list-link,.is-dropdown-active>.navmenu__dropmenu-link{color:var(--header-color)}.is-dropdown-active>.navmenu__list-link:after{width:100%}.has-dropdown>.navmenu__dropmenu-arrow{height:50px}.has-dropdown>.navmenu__dropmenu-arrow:before{transform:translateY(-50%) rotate(-90deg);top:25px}.has-dropdown>.navmenu__list-arrow,.has-dropdown>.navmenu__dropmenu-arrow{display:block;width:35px;height:60px;cursor:pointer;position:absolute;z-index:2;top:0;right:0}.has-dropdown>.navmenu__list-arrow:before,.has-dropdown>.navmenu__dropmenu-arrow:before{content:'';font-family:var(--icon-fonts);position:absolute;right:0;top:28px;transform:translateY(-50%);width:24px;height:24px;transition:all .4s ease;font-size:100%;color:var(--text-color);text-align:center;display:flex;justify-content:center;align-items:center}.has-dropdown.is-dropdown-active>.navmenu__dropmenu-arrow:before{transform:translateY(-50%) rotate(90deg);top:25px}.has-dropdown.is-dropdown-active>.navmenu__list-arrow:before{transform:translateY(-50%) rotate(180deg)}.navmenu__list-link.navON,.navmenu__more-link.navON{color:var(--highlight-color)}.navmenu__list-link:hover,.navmenu__list-link:focus{color:var(--highlight-color)}.navmenu,.header__collapsible,.header__button,.header__top{display:none}.navmenu.mobile-menu-active{display:block}.header,.header--active{height:90px;z-index:101;align-items:center}.template-wrapper{padding-top:90px}.navmenu{position:fixed;width:100%;background:var(--body-bg);top:90px;bottom:0;left:0;overflow-y:auto;margin:0;padding:15px 20px 80px}.navmenu__list{display:block;position:relative;z-index:10}.navmenu__list-item,.navmenu__dropmenu-item{margin-right:0;position:relative}.navmenu__list-link{font:var(--mob-header-fonts);color:var(--header-color);padding:12px 0;display:flex}.navmenu__dropmenu-link{margin-right:30px}.navmenu__dropmenu{position:relative!important;box-shadow:none!important;background:transparent;padding:0 0 15px 8px;top:0!important;left:0!important;right:auto!important;bottom:auto!important;border:none;padding:0 20px 12px 0;width:100%}.navmenu__dropmenu-link{padding:5px 0 5px 0;position:relative;text-align:left;font-size:14px}.navmenu__dropmenu .navmenu__dropmenu-item+.navmenu__dropmenu-item{margin-top:8px;border-top:1px solid var(--primary-color);padding-top:8px}.header__toggler-btn{background:transparent;border:0;display:inline-flex;padding:10px 0;margin:0;position:relative;flex-direction:column;cursor:pointer}.header__toggler-icon{display:block;width:18px;height:2px;margin:11px auto;background:var(--bg-header);position:relative}.header__toggler-text{display:none}.header__toggler-icon:before,.header__toggler-icon:after{content:"";width:100%;display:block;height:2px;left:0;background:var(--bg-header);transition:all .4s ease 0s;-webkit-transition:all .4s ease 0s;-ms-transition:all .4s ease 0s;-o-transition:all .4s ease 0s;position:absolute;transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}.header__toggler-icon:before{top:-6px}.header__toggler-icon:after{bottom:-6px}.header__toggler-btn[aria-expanded="true"] .header__toggler-icon{background:none}.header__toggler-btn[aria-expanded="true"] .header__toggler-icon:after{transform:rotate(45deg);bottom:0}.header__toggler-btn[aria-expanded="true"] .header__toggler-icon:before{transform:rotate(-45deg);top:0}.header__top-nav-icon{color:var(--bg-header)}.header-mob-submenu .header__top-nav-icon{color:var(--secondary-cta-font-color)}.navmenu__list-item.active_menu>.navmenu__dropmenu,.navmenu__dropmenu-item.active_menu-sub .third-level-menu{display:block}.navmenu__dropmenu-item.submenulistinner>.navmenu__dropmenu-link:after{display:none}.uk-drop.uk-open{display:none}.navmenu__dropmenu.third-level-menu .navmenu__dropmenu-item+.navmenu__dropmenu-item{margin-top:0;border-top:none;padding-top:0}.third-level-menu{padding-top:5px;padding-bottom:5px}.third-level-menu .navmenu__dropmenu-link{margin:0;padding-left:20px;position:relative}.third-level-menu .navmenu__dropmenu-link:before{position:absolute;background:var(--text-color);width:5px;height:5px;left:6px;top:50%;transform:translateY(-50%);content:'';border-radius:100%}.navmenu__list-link:after{display:none}.header__button>a:nth-child(2){display:none}.header__button{display:block;position:fixed;bottom:0;width:100%;width:100%;left:50%;transform:translateX(-50%)}.header__button-action{display:flex;min-height:50px;padding:0;margin:0 10px 10px;border-radius:var(--primary-cta-border-radius);background:var(--primary-cta-color);border:1px solid var(--primary-cta-font-color);color:var(--primary-cta-font-color)}.header__button-action:hover,.header__button-action:focus{background:var(--highlight-color);border-color:var(--highlight-color);color:#fff}.navmenu__dropmenu-item{margin-top:8px;padding-top:8px}.header__top-nav{justify-content:flex-start;flex-wrap:wrap}.header__top-nav-item{width:100%}.header__top-nav{margin-top:10px;padding-top:20px;border-top:1px solid var(--secondary-color)}.header__top-nav .header__top-nav-item+.header__top-nav-item{margin-top:15px}.mobile-menu-active #ae_launcher.ae-cta-position-preset-left-lower{display:none!important}.mobile-menu-active div#klaraWidgetApp{display:none!important}.patient-portal-link-mob{margin:30px 0 0 0;padding:30px 0 0 0;border-top:1px solid var(--secondary-color)}.mobile-menu-active .header{border-bottom:1px solid var(--primary-color)}}@media(max-width:767.98px){.header__button{left:0;transform:inherit}}@media(min-width:1024px)and (max-width:1140px){.navmenu__list-link{font-size:13px}.header__button-action{font-size:14px}}@media(min-width:1024px){.header__toggler,.header-mob-submenu,.navmenu__list-arrow{display:none}}.mobile__call-icon{display:none}@media(max-width:1023.98px){.mobile__call-icon{display:block;position:relative;width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:20px;color:var(--secondary-cta-font-color)}.mobile__header--icons{display:flex;align-items:center;column-gap:10px}}
.footer{padding:80px 0;position:relative;background-color:var(--bg-footer);font:var(--footer-fonts);color:var(--footer-color);border-top:1px solid var(--primary-color)}.footer h2,.footer h3,.footer h4,.footer h5,.footer h6{color:var(--primary-color)}.footer a{color:var(--footer-color);text-decoration:none;border-bottom:1px solid transparent;transition:all .4s ease}.footer a:hover,.footer a:focus,.footer a.navON{color:var(--footer-color);transition:all .4s ease;border-bottom:1px solid var(--footer-color)}.footer a:hover svg,.footer a:hover svg *,.footer a:focus svg,.footer a:focus svg * .footer a.navON svg,.footer a.navON svg *{fill:var(--highlight-color);transition:all .4s ease}.footer__top{margin-top:32px}.footer__addresses{display:flex;grid-row-gap:30px;margin-bottom:24px}.footer__address--title,.footer__contactdetail--title{margin:0 0 10px 0}.footer__bottom{padding-top:32px;margin-top:64px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer__primarymenu a{font-weight:600}.footer__primarymenu-wrapper{grid-column-gap:50px}.footer__secondarymenu>ul{display:flex;align-items:center;flex-wrap:wrap;grid-column-gap:24px}.footer__secondarymenu>ul>li{display:inline-block}.footer__secondarymenu>ul>li>a{border-bottom:none;text-decoration:underline;transition:.4s}.footer__secondarymenu>ul>li>a:hover,.footer__secondarymenu>ul>li>a:focus,.footer__secondarymenu>ul>li>a.navON{border-bottom:none;text-decoration:none;transition:.4s}.footer__copyright a{transition:all .4s ease;border-bottom:1px solid transparent}.footer__copyright a:hover,.footer__copyright a:focus{transition:all .4s ease;border-bottom:1px solid var(--footer-color)}.footer__copyright{margin-top:0;display:flex;grid-column-gap:15px}.designby{display:flex;grid-column-gap:5px;position:relative}.designby:before{content:'';position:absolute;left:-7px;top:3px;width:1px;height:14px;background:var(--footer-color)}.footer-top{display:flex;justify-content:space-between;grid-column-gap:50px;flex-wrap:nowrap}.footer *:focus-within{outline-color:#fff}.footer__social{margin-left:auto;margin-right:auto;margin-top:40px}.footer__social-link+.footer__social-link{margin-left:16px}.footer__social-icon{display:block;border:none}.footer__social-link>svg{height:20px;width:auto}a.footer__social-link{display:inline-flex;align-items:center;font-size:20px;line-height:20px;color:var(--primary-color);border:none}a.footer__social-link:hover,a.footer__social-link:focus{color:var(--primary-cta-hover-color);border:none}@media(max-width:1024px){.footer{padding:48px 0 130px}}@media(max-width:960px){.footer__address{flex-direction:column}}@media(max-width:767.98px){.footer{padding-bottom:100px}.footer__links-item,.footer__submenu-item{width:100%}.footer__submenu-wrapper .footer__submenu-item+.footer__submenu-item,.footer__links-item+.footer__links-item{margin-top:16px}.footer__bottom{flex-direction:column-reverse;margin-top:32px}.footer-top{flex-direction:column;grid-row-gap:32px}.footer-top__right{width:100%}.designby:before{content:none}.footer__secondarymenu{width:100%;margin:0 0 20px 0}.footer__secondarymenu>ul{padding:0;flex-direction:column;align-items:flex-start}.footer__secondarymenu>ul>li{margin:0 0 10px 0}.footer__copyright{flex-direction:column;width:100%}}@media(min-width:640px)and (max-width:767.98px){.footer-top__left{width:100%}}@media(min-width:768px)and (max-width:1023.98px){.footer-top__left{min-width:65%}.footer__secondarymenu>ul{padding-left:0}}
.subpage.types-of-braces.oral-hygiene #dentalHygieneWrapper div.commonProblemsImage {
  display: flex;
} 
.cyclecomman li img {
  background: #c2c2c2;
}

/* Ortho Hygiene Feature */

/*FLEX CONTAINER*/
/*container layout*/
.tab-body {display: flex; flex-wrap: wrap; flex-direction: row;}
.tab-body > ul.buttonCol {flex: 1 20%;background-color: #687982;}
.tab-body > div.rightCol {flex: 1 80%;}
div.tab-footer {min-width: 100%;}
/*button column layout*/
ul.buttonCol {display: flex;flex-direction: column;justify-content: center;align-items: stretch;align-content: stretch;padding: 0;margin: 0;list-style-type: none;}
ul.buttonCol > li{flex: 1;vertical-align: middle;align-content: center;align-items: center;display: flex;margin: 0 !important;}
ul.buttonCol > li > a > span {flex: 1 100%;color: #fff;}

/*container sizing*/


div.rightCol {background-color:#fff;}
div.tab-footer {
  background-color: rgba(217,217,217,0.25);
  padding: 3px 10px 3px 0;
  text-align: right;
  font-size: 13px;
}
.hideContent {
  display: none !important;
}
.stepnumber {
  display: block;
}
div.rightCol > div.contentWrapper {min-width:100%;padding:0 10px;margin:0;text-align:center; min-height: 145px; }
div.contentWrapper p {color: var(--text-color);max-width:100%;padding:0;text-align:left; line-height: normal !important}
.tab-body {background-color:#fff; position:relative;}


/*buttons*/
ul.buttonCol {background-color:#687982;list-style-type: none !important;margin: 0 !important;padding: 0 !important;}
ul.buttonCol > .dentalHygieneButton {border-bottom:1px solid #fff;}
ul.buttonCol > .dentalHygieneButton:hover,  ul.buttonCol > .dentalHygieneButton:focus {background-color: rgba(255, 255, 255, 0.2); cursor:pointer;}
ul.buttonCol li span {color:#fff;margin-left: 20px !important;}
li.dentalHygieneButton:hover,  div.dentalHygieneButton:active,  li.dentalHygieneButton:focus {background-color:rgba(255, 255, 255, 0.25); border-right:rgba(0,0,0,0); cursor:pointer;}
li.dentalHygieneButton,  li.dentalHygieneButton > span {-webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}

/* Play, Pause, Start, Stop Buttons */

.playactive .startStopBtn.template-icon-play:before {content:"\e920"; }

/* Mobile Menu Button */
a.dentalHygieneMobileMenu {color:var(--primary-color); border:1px solid var(--primary-color); border-radius:3px; cursor:pointer;  padding:3px 10px; text-decoration:none; text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;}

/* image */
#dentalHygieneWrapper img {max-width:100%;}
#dentalHygieneWrapper div.dentalHygieneImage > img[src="empty"] {display: none !important;}

/* FOR CAROUSEL SCRIPT */
.commonProblemsContext * {-webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}

.commonProblemsContext ul {
  margin: 5px 0 0 0;
  padding: 0;
}

.cyclecomman {color:var(--text-color); margin:30px 0 10px;}
.iaCycleButtons {min-width:100%; text-align:center;}



.iaCycleButtons li {
  background-color: var(--primary-color);
  border: 1px solid #dddddd;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin: 0 !important;
  padding: 4px 10px !important;
  margin-left: -4px !important;
}

.cyclecomman li {display:none; text-align:center; list-style:none; }
.cyclecomman li.selected {display:block;}
.iaCycleButtons > li:hover {background-color:var(--tertiary-color) !important;}

.common-audio-button-set button {background-color:#1f1f1f; border:1px solid #ddd; border-radius:5px; color:#fff; cursor:pointer; margin:5px 2px; padding:5px 10px;}
.common-audio-button-set {
  text-align: center;
  margin: 5px 0 10px;
}
.common-audio-button-set button:hover {
  background-color: var(--primary-color);
  color: #fff;
}

.activeTab {background-color:var(--tertiary-color) !important; -webkit-box-shadow:inset 0px 0px 2px 2px rgba(0,0,0,0.55); -moz-box-shadow:inset 0px 0px 2px 2px rgba(0,0,0,0.55); box-shadow:inset 0px 0px 2px 2px rgba(0,0,0,0.55);}

.dentalHygieneMobileMenu {bottom:10px; display:none; position:absolute; right:10px;}
#dentalHygieneMobileMenu div.titleRow {position:relative;}

#dentalHygieneWrapper .rightCol .contentWrapper {
  min-width: 100%;
  padding: 20px 0 20px 20px;
  margin: 0;
  min-height: 145px;
  text-align: center;
}
@media screen and (min-width:769px){
  .dentalHygieneButtonCol {display:flex;}
}


@media screen and (max-width:767px){
  #dentalHygieneWrapper h3 {padding:10px 10px; width: calc(100% - 69px);}
} 
/*--Common Problems Feature--*/

.hideContent {display:none !important;} /*this class is given with jQuery and hides the content that is inactive.*/

/*FLEX CONTAINER*/
/*container layout*/
.tab-body {display: flex; flex-wrap: wrap; flex-direction: row;}
.tab-body > ul.buttonCol {flex: 1 20%;background-color: #687982;}
.tab-body > div.rightCol {flex: 1 80%;}
.tab-body > div.tab-footer {flex: 1 100%;}
/*button column layout*/



ul.buttonCol {display: flex;flex-direction: column;justify-content: center;align-items: stretch;align-content: stretch; padding: 0;margin: 0;list-style-type: none;}
ul.buttonCol > li {flex: 1;vertical-align: middle;align-content: center;align-items: center;display: flex;margin: 0 !important;}
ul.buttonCol > li > a{align-items: center;display: flex;border-bottom: 1px solid #fff;padding: 10px 0 !important;cursor: pointer;width: 100%;height: 100%;}
ul.buttonCol > li > a > span {flex: 1 100%;color: #fff;}

/*container sizing*/
#dentalHygieneWrapper {display:block; margin:0 auto; max-width:780px;     padding-left: 20px;
  padding-right: 20px;}
#dentalHygieneWrapper * {box-sizing:border-box;}
#dentalHygieneWrapper div.tab-body > div {background-color:#fff;}
#dentalHygieneWrapper div.rightCol > div.contentWrapper {margin:0; min-height:145px !important; min-width:100%; padding:0 10px;}
div#image {display:inline-block; margin:0 auto; min-width:100%; padding:0; text-align:center;}
#dentalHygieneWrapper div.rightCol {display:inline-block;}
.multitabChild-desc {margin-top:20px;}
.orthoHygieneTabAudio {
  margin-top: 20px;
}
#dentalHygieneWrapper div.commonProblemsImage {text-align:center;padding: 20px 0 0 20px;}
#dentalHygieneWrapper div.commonProblemsTitle {text-align:left;}
.tab-body {min-width:100%;position:relative;background-color: #fff;}

/*title*/ #dentalHygieneWrapper h3 {  margin:0; padding:10px 20px;}
div.titleRow {background-color:rgba(217,217,217,0.25); }

/* Audio */
div.commonProblemsAudio {text-align: center;margin-bottom: 20px;}

/*buttons*/
.InformativeAnimation ul.buttonCol { background-color:var(--primary-color);  padding:0 !important; list-style-type:none;}
.InformativeAnimation ul.buttonCol > li > .commonProblemsButton {border-bottom:1px solid #fff;}
.InformativeAnimation ul.buttonCol > li > .commonProblemsButton:hover, #dentalHygieneWrapper ul.buttonCol > li > .commonProblemsButton:focus, .dentalHygieneActive, .InformativeAnimation ul.buttonCol > li > .commonProblemsButton.active {cursor:pointer; /*background-color:var(--tertiary-color);*/ background-color: var(--primary-cta-hover-color);}
.InformativeAnimation ul li span {color:#fff; /*! text-shadow:3px 3px 5px rgba(0,0,0,0.4); */margin: 0 0 0 20px; font-weight:500;}
.InformativeAnimation ul li .tab-step-number {
  color: var(--text-color);
  display: block;
  margin: 0 0 10px;
}

.InformativeAnimation div.commonProblemsButton:hover, #dentalHygieneWrapper div.commonProblemsButton:active, #dentalHygieneWrapper div.commonProblemsButton:focus {cursor:pointer; background-color:rgba(255, 255, 255, 0.25); border-right:rgba(0,0,0,0);}
.InformativeAnimation div.commonProblemsButton:hover > span, #dentalHygieneWrapper div.commonProblemsButton:focus > span, #dentalHygieneWrapper div.commonProblemsButton:active > span {color:var(--text-color); text-shadow:none;}
.InformativeAnimation div.commonProblemsButton, #dentalHygieneWrapper div.commonProblemsButton > span {-webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; transition:all .4s ease-in-out;}
/*mobile menu button styling*/


.commonProblemsActive {background-color:rgba(255, 255, 255, 0.25);}

/* image */
#dentalHygieneWrapper img {max-width:100%;}

/*footer*/
.InformativeAnimation div#footer {background-color:rgba(217,217,217,0.25); font-size:0.7em; padding:4px 15px; text-align:right;}
.InformativeAnimation  #footer > a {color:#292929;  font-size:0.9em; padding:0;}
#dentalHygieneWrapper div.titleRow {position:relative;}

@media screen and (max-width:768px){
  #dentalHygieneWrapper ul.buttonCol {display:none;}
  #dentalHygieneWrapper div.tab-body > div.rightCol {min-width:100%;}
  #dentalHygieneWrapper ul.buttonCol {max-width:50%; position:absolute; right:0; top:0; width:50%; z-index:99;}
}

@media screen and (max-width:400px){
  #dentalHygieneWrapper h3 {font-size:1.6em; padding:10px 10px; width:70%;}
}
.stepnumber {
  display: block;
  color: #3A53A4 !important;
  text-align: center !important;
}


.commonProblemsContext > div {
  margin-top: 15px;
}



.iaControls button#startStop {
  margin: 0px 4px;
}

.iaControls #startStop2 { margin: 0px 4px; }

.multitabChild-desc {
  padding-left: 20px;
}
@media screen and (max-width:768px){
  ul.buttonCol {display:none;}

  .cosmetic-dentistry div.tab-body > div.rightCol { min-width:100%; }
  .cosmetic-dentistry ul.buttonCol {max-width:50%; position:absolute; right:0; top:0; width:50%; z-index:9999;}

  ul.buttonCol > .dentalHygieneButton {padding:10px 15px;}

  div.tab-body > div.rightCol { min-width:100%; }
  .dentalHygieneMobileMenu { display:block !important; }
  ul.buttonCol {max-width:50%; position:absolute; right:0; top:0; width:50%; z-index:9999;} 

  .multitabChild-desc {
    padding-left: 0;
  }

  .iaCycleButtons li {
    font-size: 14px;
  }
}

@media screen and (max-width: 420px) {
  div.tab-body > div.rightCol {min-width:100%;}
  ul.buttonCol {max-width:50%; position:absolute; right:0; top:0; width:50%; z-index:9999;}
  #dentalHygieneWrapper div.commonProblemsImage, #dentalHygieneWrapper .rightCol .contentWrapper { padding-left:0px; }
}
ul.buttonCol > li > .commonProblemsButton:focus, .dentalHygieneActive, .InformativeAnimation ul.buttonCol > li > .commonProblemsButton.active{
  cursor: pointer;
  /* background-color: var(--tertiary-color); */
  background-color: var(--primary-cta-hover-color);
}

.playactive .common-audio-button-set .startStopBtn:before{
  content:"\ea1d";
}
/** Copyright 2005 Google Inc. All rights reserved. */

/* the GSearchControl CSS Classes
 * .gsc-control: the primary class of the control
 */


/* Selector for entire element. */
.gsc-control-cse {
  background-color: #fff;
  border: 1px solid #fff;
}

.gsc-control-cse .gsc-table-result {
  width: auto;
}

.gsc-resultsHeader {
  border: block;
}

/* Search input */
.gsc-input {
  font-size: 16px;
}

/* Hide clear input X added by MSIE. */
.gsc-input::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}

.gsc-input-box {
  border: 1px solid #dfe1e5;
  background: #fff;
  padding:0 !important;
}

.gsc-search-box .gsc-input>input:focus,
.gsc-input-box-focus {
  border: 1px solid #4d90fe;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .3);
  outline: none;
}

/* Search button */
.gsc-search-button-v2 {
  font-size: 0;
  padding: 6px 27px;
  width: auto;
  vertical-align: middle;

  border: 1px solid #666;
  border-radius: 2px;

  border-color: #3079ed;
  background-color: #4d90fe;
  background-image: linear-gradient(top, #4d90fe, #4787ed);
}

.gsc-search-button-v2:hover {
  border-color: #2f5bb7;
  background-color: #357ae8;
  background-image: linear-gradient(top, #4d90fe, #357ae8);
}

.gsc-search-button-v2 svg {
  fill: #fff;
}

/* Custom Search */
.searchBox {
  margin-left:30px;
    width: 280px;
    margin: 0;
    border-left: transparent 1px solid;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.searchBox > div {
    height: 100%;
    margin: 0;
}

.searchBox input:focus::placeholder {
    color: transparent;
}

.searchBox .gsc-search-box-tools.gsc-search-box {
    margin: 0;
}

.searchBox .gsc-search-box-tools.gsc-search-box table {
    height: 100%;
    margin: 0;
  width:100%;
}

.searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button {
    width: 45px;
    height: 100%;
    -webkit-transition: background 0.25s ease;
    transition: background 0.25s ease;
    text-align: center;
}

.searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button input {
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

.searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button button {
    margin: 0;
    padding: 15px 15px 15px 10px;
    background: none;
    border: none;
    cursor: pointer;
}

.searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button button svg {
    width: 15px;
    height: 15px;
}

table.gsc-search-box td.gsc-input{
  padding-right:0 !important;
}

.searchBox .gsc-search-box-tools.gsc-search-box input.gsc-input{
  padding-right:50px !important;
}

.searchBox .gsc-search-box-tools.gsc-search-box .gsc-input {
    
    background-color: transparent !important;
    background-image: none !important;
    font-size: 14px;
    text-indent: 5px !important;
}

.searchBox .gsc-search-box-tools.gsc-search-box .gsc-input .gsc-input-box {
    display: block;
    height: 45px;
    background: none;
    border: none;
}

.searchBox .gsc-search-box-tools.gsc-search-box .gsc-input .gsc-input-box td {
    padding: 0 0 0 10px !important;
}
.searchBox .gsc-search-box-tools.gsc-search-box .gsc-input td.gsc-search-button {padding: 0 !important;}

.searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a:hover span, .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a:focus span {
    border-color: transparent;
}

.searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a {position: absolute;
    top: -24px;
    right: 6px;}

.searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a span {
    padding: 0;
    background: transparent;
    border-radius: 3px;
    border: #fff 1px solid;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    font-size: 1.25em;
    line-height: 20px;
  color: #fff;
  font: 20px / 13px arial, sans-serif;
  width: 22px;
    height: 20px;
    display: block;
  line-height: 19px;
}
/* Custom Search */
.searchBox {
  -webkit-box-shadow: 4px 10px 15px rgba(62, 66, 61, 0.15);
  box-shadow: 4px 10px 15px rgba(62, 66, 61, 0.15);
  background-color: var(--primary-color);
  border-color: rgba(53, 70, 54, 0.5); }
  .searchBox input {
    font-family: "Libre Franklin", sans-serif;
    font-weight: 300; }
  .searchBox ::placeholder {
    color: #ffffff; }
  .searchBox .gsc-search-box-tools.gsc-search-box table input {
    color: #ffffff; }
  .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button {
    background-color: rgba(53, 70, 54, 0.5); }
    .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button:hover, .searchBox .gsc-search-box-tools.gsc-search-box td.gsc-search-button:focus {
      background-color: #354636; }
  .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a:hover span, .searchBox .gsc-search-box-tools.gsc-search-box .gsc-input a:focus span {
    background-color: #ffffff;
    color: #636a62; }

  

.editmode .gsst_b.clearsearch {display:block !important; position: relative;}

.gsc-control-cse{
  padding:0 0 50px !important
}

@media (max-width: 1023.98px) {
  .searchBox{
    margin-top:20px;
  }
}
/*cache version*/