.sidetools {
  position: fixed;
  right: -108px;
  top: 30%;
  z-index: 999;
}
.sidetools ul {
  padding: 0px;
 
}
.sidetools ul li {
  display: block;
  margin: 5px;
  background: rgba(255, 255, 255, 0.8);
  width: 160px;
  text-align: left;
  padding: 10px;
  -webkit-border-radius: 30px 0px 0px 30px;
  -moz-border-radius: 30px 0px 0px 30px;
  border-radius: 30px 0px 0px 30px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.sidetools ul li:hover {
  -webkit-transform: translate(-96px, 0);
  -moz-transform: translate(-96px, 0);
  -ms-transform: translate(-96px, 0);
  -o-transform: translate(-96px, 0);
  transform: translate(-96px, 0);
  background: rgba(0, 0, 0, 0.4);
}
.sidetools ul li a {color: #ffffff;}
.sidetools ul li:hover a {
  color: #ffffff;
  display: block;
  text-decoration: none;
}
.sidetools ul li:hover i {
  color: rgb(40, 245, 166);
  background: #FFFFFF;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.sidetools ul li i.whatsapp {
  color: #ffffff;
  background: #45C355;
  padding: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  font-size: 20px;
  width: 40px;
  height: 40px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.sidetools ul li i.mobileno {
  color: #ffffff;
  background: #1083D4;
  padding: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  font-size: 20px;
  width: 40px;
  height: 40px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.text-black {
  color: #444;
}
.whatupchat {position:fixed; bottom:20px; z-index:9999; left:20px;}
/* .enquirybtn { background: #FF6000; color: #ffffff; border-radius: 8px; font-size: 13px; font-weight: 600; padding: 5px 10px;  position:fixed; bottom:20px; z-index:9999; right:20px;} */
.mobilefooter {background: #FF6000; width: 100%;position:fixed; padding: 8px 15px; bottom:0px; z-index:9999; left:0px;}
.mobilefooter i.fa {font-size: 16px; padding-right: 3px;}
.mobilefooter a { color: #ffffff;font-size: 14px; font-weight: 600;}
.bgccolor1 {background: rgb(17,218,241);
  background: radial-gradient(circle, rgba(17,218,241,1) 0%, rgba(41,171,226,1) 100%);}
  
  .bgccolor2 {background: rgb(252,172,55);
  background: radial-gradient(circle, rgba(252,172,55,1) 0%, rgba(255,147,30,1) 100%);}
  
  .bgccolor3 {background: rgb(255,131,136);
  background: radial-gradient(circle, rgba(255,131,136,1) 0%, rgba(255,95,101,1) 100%);}
  
  .bgccolor4 {background: rgb(17,218,241);
  background: radial-gradient(circle, rgba(17,218,241,1) 0%, rgba(41,171,226,1) 100%);}
  
  .bgccolor5 {background: rgb(252,172,55);
  background: radial-gradient(circle, rgba(252,172,55,1) 0%, rgba(255,147,30,1) 100%);}
  
  .bgccolor6 {background: rgb(255,131,136);
  background: radial-gradient(circle, rgba(255,131,136,1) 0%, rgba(255,95,101,1) 100%);}

.header-middle {background:#f0f0f0; padding:10px 0}

.call-us {margin-top:0px; margin-bottom:-10px;}

.call-us i {width:50px; float:left}

.call-us .title {margin-bottom:0; color:#6C757D; text-transform:uppercase}

.call-us .info {font-size:14px; font-weight:600;}

.header-title {
  font-size: 16px;
}
.card-title {
  font-size: 16px;
}

.searchbox .form-control {border-radius:0; -webkit-box-shadow: 0px 0px 5px 0px rgba(130,130,130,.6);
		-moz-box-shadow: 0px 0px 5px 0px rgba(130,130,130,.6);
		box-shadow: 0px 0px 5px 0px rgba(130,130,130,.6); padding:12px; font-size:13px; border:0; font-weight:600;}

.searchbox h1 {font-size: calc(0.75em + 3.6vmin); font-weight:700; text-transform:uppercase}		


.searchbox p img {width:25px; position:absolute; left:0px;}

.searchbox p {font-size:14px; position:relative; font-weight:600; padding-left:32px; margin-bottom:20px; color:#ffffff;}

.searchbox a {color:#333333; font-size:13px; font-weight:600; display:block;}

.searchbox a:hover {color:#ff6000 !important;}

.btn-course {background:#404040;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; padding:8px 25px !important; font-size:16px !important; font-weight:500 !important; text-align:center}

.text-info {color:#b8dd30 !important;}


.faqacce .accordion .card {margin-bottom: 15px;}

.faqacce .accordion .card-header {cursor:pointer; padding:12px 10px; font-size: 14px;}

.faqacce .accordion .card-header::after {
    font-family: 'FontAwesome';  
    content: "\f067";
    float: right;
}
.faqacce .accordion .card-header:not(.collapsed) {color:#0059AA;}
.faqacce .accordion .card-header:not(.collapsed)::after  {
    /* symbol for "collapsed" panels */
    content: "\f068"; 
    color:#0059AA;
}
.faqacce .accordion .card-header:hover {color:#0059AA;}

.faqacce .accordion .card-body {font-size: 13px;}


.curmacce .accordion .card {margin-bottom: 15px;}

.curmacce .accordion .card-header {cursor:pointer; background: #ffffff;box-shadow: 0px 1px 5px rgba(0,0,0,0.1); padding:12px 40px 12px 10px; font-size: 16px; margin-bottom: 10px; border: 0; position: relative;}

.curmacce .accordion .card-header::after {
    font-family: 'FontAwesome';  
    content: "\f13a";
    font-size: 20px;
    position: absolute;
    top: 20%;
    right: 10px;
}
.curmacce .accordion .card-header:not(.collapsed) {color:#0059AA;}
.curmacce .accordion .card-header:not(.collapsed)::after  {
    /* symbol for "collapsed" panels */
    content: "\f139"; 
    color:#0059AA;
}
.curmacce .accordion .card-header:hover {color:#0059AA;}

.curmacce .accordion .card-body {}


.title-divider {margin-bottom:20px; margin-top:10px;padding-bottom:5px;position:relative;}
.title-divider:after{border-radius:8px;background:#FF6609;bottom:1px;content:"";height:2px;left:0;position:absolute;width:64px;}
.title-divider:before{border-radius:8px;background:#FF6609;bottom:-1px;content:"";height:6px;left:10px;position:absolute;width:24px;}
.title-divider-center{margin-bottom:40px;padding-bottom:5px;position:relative;}
.title-divider-center:after{border-radius:8px;bottom:0;background:#FF6609;content:"";height:2px;left:0;right:0px;margin:0 auto;position:absolute;width:64px;}
.title-divider-center:before{border-radius:8px;bottom:0;background:#FF6609;content:"";height:6px;bottom:-2px;left:0px;right:0px;margin:0 auto;position:absolute;width:24px;}

.key-features {padding:15px 0;}

.key-features .title-divider {margin-bottom:25px;}

.key-features p img {width:25px; position:absolute; left:0px;}

.key-features p {font-size:16px; position:relative; font-weight:400; padding-left:32px; margin-bottom:20px; color:#fff;}
.key-features h3 {font-size: 30px;}
.sppad {padding:30px;}

.bg-dark {background:#222222 !important;}

.bg-mylite {background:#E8E8E8;}

.text-light {color:#c4c4c4 !important}

.topbar {padding:8px 0; color:#FFFFFF;}

.topbar a {padding:0px 10px; color:#FFFFFF;}

/* .fixed-top {top:40px;} */


.crnavtabs .navbar-light .navbar-nav .active>.nav-link,
.crnavtabs .navbar-light .navbar-nav .nav-link.active,
.crnavtabs .navbar-light .navbar-nav .nav-link.show,
.crnavtabs .navbar-light .navbar-nav .show>.nav-link {color:#ffffff; background:#0059AA;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}

.crnavtabs .navbar-nav li.nav-item a.nav-link {padding:10px 20px; color: #333;}

.crnavtabs .navbar-nav li.nav-item a.nav-link:hover {color:#ffffff; background:#0059AA;-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}
.crnavtabs .navbar-nav li.nav-item {margin:0;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {background:#44dac1; color:#333333; border-bottom:0; border:1px solid #31b7a1}

.nav-tabs .nav-link {color:#333333;}

.nav-tabs .nav-link:hover {background:#44dac1; color:#333333; border-bottom:0; border:1px solid #31b7a1}

nav.navbar.shrink {
  top:0px;
  background:#ffffff;box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}

/* nav.navbar {padding:0px;}

.navbar-nav li.nav-item {margin:0 0px; position:relative;}

.navbar-nav li.nav-item a.nav-link {font-weight:bold; font-size:13px; text-transform:uppercase; padding:20px 15px}

.navbar-nav .nav-item.active .nav-link,
.navbar-nav .nav-item:hover .nav-link {
	color: #ff6000;
} */

/*.navbar-nav .nav-item.active .nav-link:before,
.navbar-nav .nav-item:hover .nav-link:before {
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    vertical-align: middle;
    content: "";
    bottom: 3px;
    left: 43%;
    right: auto;
    color: #ff6000;
    border-bottom: .4em solid;
    border-right: .4em solid transparent;
    border-left: .4em solid transparent;
}*/

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu {border: 0;
border-radius: 0;
-webkit-transition: all 150ms linear;
-moz-transition: all 150ms linear;
-o-transition: all 150ms linear;
-ms-transition: all 150ms linear;
transition: all 150ms linear;
margin-top:-1px;
padding:5px; min-width:280px; z-index:1200;
-webkit-box-shadow: 0px 0px 5px 0px rgba(130,130,130,.3);
		-moz-box-shadow: 0px 0px 5px 0px rgba(130,130,130,.3);
		box-shadow: 0px 0px 5px 0px rgba(130,130,130,.3);
}
.dropdown-menu .dropdown-item { padding:8px 8px; border-bottom: 1px solid #e1e1e1; font-size:12px;white-space: normal !important;}

.dropdown-menu .dropdown-item:last-child {border-bottom: 0;}


.dropdown-menu a.dropdown-item:hover {background:#ff6000; color:#FFFFFF;}

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: .8em;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}
.arrownone::after {border: 0;}

.dropdown-submenu .dropdown-menu .dropdown-item { border-bottom: 1px solid #e1e1e1;}

.dropdown-submenu .dropdown-menuu .dropdown-item:last-child {border-bottom: 0 !important;}



.input-group-text {width: 40px;}

.carousel-indicators li {width: 12px;
    height: 12px;
    border-radius: 50%; display:block;
    background-color: #222222; cursor:pointer;}
	
.carousel-indicators .active {background-color: #44dac1;}

.traininginfo {padding:30px 0 30px 0; font-size:14px;}

.traininginfo .card .card-body {min-height:180px;}

.card {
		-webkit-box-shadow: 0px 0px 5px 0px rgba(130,130,130,.6);
		-moz-box-shadow: 0px 0px 5px 0px rgba(130,130,130,.6);
		box-shadow: 0px 0px 5px 0px rgba(130,130,130,.6);
		border-radius:0px;
		border:0;
	  }



.img-raised {
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
}

.beforefoot {padding: 40px 0; background: #f0f0f0; z-index: 9; position: relative;}

.divide {width: 50px; height: 3px; background: #ff6000;}

.coursedata p {color:#4d5158;}
.coursedata strong {color:#404246;}

.coursedata ul {
  list-style: none;
  padding: 0;
  margin-top:15px;
}
.coursedata ul li {
  padding-left:20px;
  line-height: 25px;
  color: #4d5158;
  display: block;
  position: relative;
}
.coursedata ul li:before {
  content: "\f10c"; /* FontAwesome Unicode */
  /*content: "\f00c";  FontAwesome Unicode */
  font-family: FontAwesome;
  color:#0059AA;
  font-size: 14px;
  position: absolute;
  left: 0px;
  top: 0px;
}


ul.benefits {
  list-style: none;
  padding: 0;
  margin-top:15px;
}
ul.benefits li {
  padding-left:20px;
  line-height: 25px;
  color: #4d5158;
  display: block;
  position: relative;
}
ul.benefits li:before {
  content: "\f091"; /* FontAwesome Unicode */
  /*content: "\f00c";  FontAwesome Unicode */
  font-family: FontAwesome;
  color:#0059AA;
  font-size: 14px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.courselist a {
  font-size:13px;
  line-height: 25px;
  color: #4d5158;
  display: block;
  padding-left:10px;
  margin-bottom:8px;
  font-weight:500;
}

.courselist a:before {
  content: "\f0da"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color:#4d5158;
  display: inline-block;
  width: 10px; /* same as padding-left set on li */
  position:absolute;
  left:15px; top:0;

}

.courselist a:hover {color:#FF0000;}

ul.list-unstyled {
  list-style: none;
  padding: 0;
  margin-top:15px;
}
ul.list-unstyled li a {
  padding-left:5px;
  font-size:14px;
  line-height: 30px;
  color: #000;
  display: block;
}
ul.list-unstyled li a:before {
  content: "\f061"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color:#333;
  display: inline-block;
  width: 20px; /* same as padding-left set on li */

}

ul.list-unstyled li a:hover {color: #ff6000;}




.pagetitle { width:100%; position:relative; padding: 60px 0; background-size: cover;background-position: top left; margin-top: 76px;}

.pagetitle h1 { font-size: calc(0.75em + 2.4vmin);}

.pagetitle-div {height:100%; float:left}

.pagedisc {padding:40px 0; position: relative;}

/* .pagedisc p {font-size:14px;} */

.pagedisc h2 {margin-bottom:20px;}
.pagedisc .table {font-size:14px;}
.pagedisc .table p {margin-bottom:0;}
.about-ft {padding:25px 0;}

.aboutsubcnt {padding:30px 0;}

.fixedtabs { z-index: 1024;box-shadow: 0px 1px 5px rgba(0,0,0,0.3);}

/*.fixedside{ z-index: 1024;}*/

.coursedata {padding-top: 0px;}

tabsection.navbar.shrinktab {
  position: fixed; background:#ffffff !important;box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  top:76px;
  width:100%;
  z-index:1024;
}
sidecard.card.sidefixed {
  position: fixed;
  top:90px;
  z-index:1;
}
.pagetabdiv {margin: 0px 0 0 0;}

.pagetabdiv h2 {text-transform: capitalize; margin-top: 50px; margin-bottom: 20px;}

.pagetabdiv h3 {text-transform: capitalize;}

p.shedate {font-size: 14px; font-weight: 600; text-transform: uppercase;}

.overview {padding:0px 0 30px 0;}

.anchor0 {
  display: block;
  height: 76px;
  margin-top: -76px;
  visibility: hidden;
}

.anchor1, .anchor2, .anchor3, .anchor4 {
  display: block;
  height: 92px;
  margin-top: -92px;
  visibility: hidden;
}

.addressdiv {padding: 30px 0;}



ul.components {}

ul.components li {font-size:18px; margin-bottom:8px;}

.audiology-before-ft {padding:15px 20px;}


.video-play-button {
  position: relative;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  margin-left: 46%;
}

.video-play-button:before {
  content: "";
  color: red;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffdb52;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #ffdb52;
  border-radius: 50%;
  transition: all 200ms;
}

.video-play-button:hover:after {
  background-color: #0059AA;
}

.video-play-button img {
  position: relative;
  z-index: 3;
  max-width: 100%;
  width: auto;
  height: auto;
}

.video-play-button span {
  display: block;
  position: relative;
  z-index: 3;
  width: 0;
  height: 0;
  border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}



.tab-content {border:1px solid #cccccc; border-top:0; padding:15px;-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;}

.features {padding:10px 0;}
.features .boxdiv {position: relative; font-size: 16px; line-height: 30px; margin-bottom: 10px; padding: 10px 0px 10px 60px;}
.features .boxdiv img {position: absolute; left: 0px; top:5px; height: 44px;}

.whyshould {padding: 20px 0; text-align: center}

ul.whyshouldlist {
  list-style: none;
  padding: 0;
  margin-top:15px;
}
ul.whyshouldlist li {
  padding-left:20px;
  line-height: 25px;
  color: #4d5158;
  display: block;
  position: relative;
}
ul.whyshouldlist li:before {
  content: "\f046"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  color:#0059AA;
  font-size: 14px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.contactus {padding:40px 0; color: #868686;}

.contactus i.fa {font-size:20px; margin-right: 15px;}

.contactus h4 {margin:0px 0 25px 0; color: #333333;}

.contactus a {color: #000;}

.contactus a:hover {color: #0059AA;}

.bg-dark2 {background:#252525}

.footer {background:#222222; font-size:16px;}

.footerlinks {text-align: center; color: #ffffff;}
.footerlinks ul {display: inline-block; float: none; text-align: center;}
.footerlinks li {float: left; display: block;}
.footerlinks li a {color: #ffffff; padding: 10px 15px;float: left; display: block; text-decoration: none;}

@media (max-width:767px){ 

.secbanner h3 {font-size:18px;}
.searchbox {padding: 50px 0;}
.searchbox h3 {font-size: 16px;} 
.key-features h3 {font-size: 24px;}
.searchbox h1 {font-size:20px; line-height:30px;}
.pagetitle {padding: 0; margin-top: 70px;}
.pagetitle h1 {padding:30px 0;}
h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
.trainingimg {text-align:center;}
.trainingimg img {width:140px; margin-bottom:15px}
.traininginfo {padding:20px 0}
.beforefoot {padding:20px 0 0px 0}
.footer p span {font-size:14px; text-align:center;}
}

@media (min-width:576px) and (max-width:767px) {
.fixed-top {}
	.secbanner h3 {font-size:22px;}
}

@media (min-width:768px) and (max-width:991px){
	.fixed-top {}
}

@media (min-width:992px) and (max-width:1200px){
/* .navbar-nav li.nav-item a.nav-link {padding:20px 8px} */
h1 {font-size: 28px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
}

/*********************************************************************/
/* Bootstrap 4 Multiple Item Carousel */
/*********************************************************************/
/* medium - display 2  */
@media (min-width: 768px) {

  
}

/* large - display 3 */
@media (min-width: 992px) {

.hidden-large {display:none;}

}

@media (max-width: 991px) {
  
  .navbar-brand {padding: 0;}
  .navbar-nav li.nav-item {position:relative;}
  .navbar-nav li.nav-item a.nav-link {color:#bebebe;padding-top:10px;padding-bottom:10px}
  .navbar-nav .nav-item.active .nav-link,
	.navbar-nav .nav-item:hover .nav-link {
		border-bottom:0px;
		color:#ff6000;
	}
	.navbar-nav .nav-item.active .nav-link:before,
	.navbar-nav .nav-item:hover .nav-link:before {border:0;}
	.dropdown-toggle::after {
		position:absolute;
		right: 10px;
		top: 20px;
	}
	.dropdown-menu {margin-bottom:0px; padding-top:0;max-height: 400px; overflow-y: scroll;}
	.dropdown-menu .dropdown-item {padding-left:10px; border-bottom:1px solid #393939}
	.dropdown-menu .dropdown-item:last-child {border-bottom:0;}
	.dropdown-menu .dropdown-item:before {
	  content: "\f101"; /* FontAwesome Unicode */
	  font-family: FontAwesome;
	  display: inline-block;
	  margin-left:0; /* same as padding-left set on li */
	  width: 15px; /* same as padding-left set on li */
	}
	
	.sppad {padding:15px 0}
	.hidden-small {display:none;}
	.whychoose h1 {font-size:40px}
  .footer {margin-bottom: 30px;}
}
















