::selection {background: #d91779; color: #ffffff; text-shadow: none;}
::-moz-selection {background: #d91779; /* Firefox */ color: #ffffff; text-shadow: none;}
::-webkit-selection {background: #d91779; /* Safari */ color: #ffffff; text-shadow: none;}
/* img hover zoom anim */
.img-wrapper {overflow: hidden;}
.inner-img {width: 100%; transition: 0.3s;}
.inner-img:hover {transform: scale(1.1);}

/* line after text */
.hrtext {display: flex; flex-direction: row; align-items: center; width: auto;}
.hrtext h4 span {font-family: 'Roboto', sans-serif; color: #ffffff; flex-grow: 0;}
.headerhr {width: 6%; height: 4px; margin: 1rem 0 0 0.8rem; padding: 0 0 0 5rem; background-color: #0a88f8;}
.float_left{float: left;}
/* progress wrap  */
.blok:nth-of-type(odd) {background-color:white;}
.blok:nth-of-type(even) {background-color:black;}
@-webkit-keyframes border-transform{
  0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
.progress-wrap {position: fixed; right: 30px; bottom: 30px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1; visibility: visible; transform: translateY(0);}
.progress-wrap::after {position: absolute; font-family: 'unicons'; content: '\e84b'; text-align: center; line-height: 46px; font-size: 24px; color: rgba(0, 0, 0, 0.3); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.progress-wrap:hover::after {opacity: 0;}
.progress-wrap::before {position: absolute; font-family: 'unicons'; content: '\e84b'; text-align: center; line-height: 46px; font-size: 24px; opacity: 0; background: black; /* --- Pijl hover kleur --- */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.progress-wrap:hover::before {opacity: 1;}
.progress-wrap svg path {fill: none;}
.progress-wrap svg.progress-circle path {stroke: #f73097; stroke-width: 4px; box-sizing:border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
/* kreativemug styles */
.kreativemug{width:auto; float: right; margin-top: 0;}
.kreativemug span{text-align: left; color: #a9bde6; font-size: 12px; padding: 10px 0; margin-bottom: 0; float: left;}
.kreativemug a{text-align: left; color: #a9bde6; font-size: 12px; padding: 10px 0; margin-bottom: 0; float: left; text-decoration: underline; text-decoration-color: #9acffd; text-decoration-thickness: 1px;}
.kreativemug i{font-size: 16px; color: #a9bde6; float: left; padding: 15px 6px 0 6px;}
.kreativemug a:hover{color: #91b2f7;opacity: 0.8; text-decoration: underline;}

body{font-family: 'Roboto', sans-serif; font-size:14px; line-height: 24px; color:#000000; margin: 0px; padding: 0px; background-color:#ffffff; -webkit-font-smoothing: antialiased;}
/* .section--bg-vertical-line {background: url("../images/sectionbg_vertical_line.png") repeat-y; background-position: center top; } */
ul {list-style: none; margin:0;	padding:0;}
ul,li{padding:0; margin:0;}
li{list-style-type: none; font-size: 14px; text-transform: uppercase; font-weight: bold;}
.navbar-nav{margin: 0 0 0 0;}
.navbar-nav li a:hover,
.navbar-nav li a:focus {outline:none;	outline-offset: 0;text-decoration:none; background: transparent;}
a {color: #4f4f4f;	text-decoration: none;-webkit-transition: 300ms;	-moz-transition: 300ms;	-o-transition: 300ms;	transition: 300ms;}
a:focus, a:hover {color: #23527c; text-decoration: underline;}
a:active, a:hover {outline: 0;}

h1{font-family: "Parkinsans", sans-serif; font-size:48px; color: #0d1018; margin: 0 0 0 0; padding: 0 0 0 0;}
h2{font-family: "Parkinsans", sans-serif; font-size:38px; color: #0d1018; line-height: normal; margin: 0 0 0 0; padding: 0 0 0 0;}
h3{font-family: "Parkinsans", sans-serif; font-size:28px; color: #0d1018; line-height: 42px; margin: 0 0 0 0; padding: 0 0 0 0;}
h4{font-family: "Parkinsans", sans-serif; font-size:20px; color: #0d1018; line-height: 26px; margin: 0 0 0 0; padding: 0 0 0 0;}
h5{font-family: "Parkinsans", sans-serif; font-size:20px; color: #0d1018; line-height: 26px; margin: 0 0 0 0; padding: 0 0 0 0;}
h6{font-family: 'Roboto', sans-serif; font-size:18px; color: #0d1018; line-height: 30px; margin: 0 0 0 0; padding: 0 0 0 0;}
p{font-family: 'Roboto', sans-serif; font-size:14px; line-height: 24px; color:#000000; margin:0px 0 0 0; padding: 0 0 0 0;}
@media (max-width:767px){
  h1{ font-size: 8vw; margin: 0 0 0 0;}
  h2{ font-size: 30px; line-height: 35px; margin: 0 0 0 0;}
  h3{ font-size: 22px !important; }
  h4{ font-size: 4.6vw !important; }
  p{font-size: 16px;}
}
mark, .mark{background: rgb(19, 111, 245); color: #ffffff;}
.padding-top {padding-top:100px;}
.padding-bottom{padding-bottom:100px;}
.padding-none{padding: 0 0 0 0;}
.space-50{padding-top:50px;}
.space-bottom-50{padding-bottom:50px;}
.navbar-toggle {/*border:1px solid #fff;*/	margin-top:15px;}
.navbar-toggle i{color: #ffffff; font-size: 34px;}

.main-nav {left: 0;	position: absolute;	top: 0;	width: 100%; z-index: 1000; border: 0px; border-radius: 0; padding: 10px 0 10px 0;}

#navigation .container {position:relative;}
.navbar-brand {width: 300px; height:auto; padding: 0px; margin:5px 0 5px 0 !important;}
.navbar-brand a:hover{border: 0px;}
#navigation .navbar-right {margin-top: 60px; margin-right: 0px;}
#navigation .navbar-right li a {color:#ffffff; height: 100%; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: normal; text-transform: none; margin: 0 3px; padding:3px 10px;}
#navigation .navbar-right li a.active,
#navigation .navbar-right li a:hover,
#navigation .navbar-right li a:focus,
#navigation .navbar-right li.active a{border-bottom: 3px solid #f9068b;}

.primary-btn {background-image: linear-gradient(to right, #ee0979 0%, #ff6a00  51%, #ee0979  100%);}
.primary-btn {width: auto; float: left; padding: 20px 40px; transition: 0.5s; background-size: 200% auto; color: white; display: block; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:50px; moz-border-radius: 50px; border-radius:50px; text-align:center; border: none;}
.primary-btn:hover {background-position: right center; color: #fff; text-decoration: none;}
.primary-btn i{font-size: 16px; padding: 0 0 0 12px;}
.secondary-btn{width: auto; float: left; margin: 0; padding: 20px 40px; background:#000000; color: #ffffff; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:50px; moz-border-radius: 50px; border-radius:50px; text-align:center;}
.secondary-btn i{padding-left: 15px;}
.secondary-btn:hover{color: #fff; background: #f727b5; text-decoration: none; text-decoration: none; -webkit-box-shadow: 0px 10px 18px -11px rgb(139 139 139); -moz-box-shadow: 0px 10px 18px -11px rgb(139 139 139); box-shadow: 0px 10px 18px -11px rgb(139 139 139);}

.underline-btn{width: auto; float: right; margin: 0; padding: 0px 5px; border-bottom: 1px solid #b8b8b8; font-family: "Parkinsans", sans-serif; font-size: 14px; color: #000000; margin: 20px 0 0 0;}
.underline-btn:hover{text-decoration: none; border-bottom: 1px solid #98989a; color: #98989a;}
.underline-btn i{font-size: 14px; padding-left: 10px;}

.download_btn {background-image: linear-gradient(to right, #0942ee 0%, #295bcd 51%, #0942ee 100%);}
.download_btn {width: auto; float: left; padding: 20px 30px; transition: 0.5s; background-size: 200% auto; color: white; display: block; -webkit-font-smoothing:auto; font-size: 12px; line-height: normal; -webkit-border-radius:50px; moz-border-radius: 50px; border-radius:50px; text-align:center; border: none;}
.download_btn:hover {background-position: right center; color: #fff; text-decoration: none; color: rgb(255 255 255 / 64%);}
.download_btn i{font-size: 16px; padding: 0 0 0 12px;}


/*++++++++++++++++
Footer CSS
+++++++++++++++++*/
.footer {width: 100%; height: auto; float: left; background: #031e35;}
.footer h4{ color: #ffffff; font-size: 16px; padding-bottom: 10px;}
.foot-readmore-link{font-size:12px; color: #ffffff; text-decoration: underline; text-decoration-thickness:2px; text-decoration-color: #457095; float: left;}
.foot-readmore-link:hover{color: rgb(255 255 255 / 70%); text-decoration-thickness:2px; text-decoration-color: #06aeef; }
.logofooter {width: 100%; height: auto; float: left; padding:0 0;}
.logofooter span{width: 100%; height: auto; float: left; padding:10px 0 5px 0; font-family: "Parkinsans", sans-serif; font-size:18px; line-height: normal; color: #ffffff;}
.logofooter img{width: 68px;}
.logofooter p{color: #ffffff;}
.footer-col{float: left;}
.footer-ul { list-style-type:none;  padding-left:0; margin-left:0px; float: left; margin-bottom: 20px;}
.footer-ul li {width: 100%; float: left; font-size:12px; color: #000000; list-style: none; padding: 5px 0px;}
.footer-ul li:last-child{border-right: 0px;}
.footer-ul li a { color:#ffffff; text-transform: none; font-weight: normal; text-decoration: underline; text-decoration-color: #457095; text-decoration-thickness: 2px;}
.footer-ul li a:hover {color: rgb(255 255 255 / 70%);  text-decoration-color: #06aeef;}
.social-links{margin: 0 0 0 0; float: right;}
.social-links P{color: #ffffff; padding-bottom: 20px;}
.social-links ul{width: auto; height:  auto; float: left; padding: 0px 0 0 0px;}
.social-links ul li{width: auto; height:  auto; float: left; padding: 0 5px 0 5px !important; list-style: none; border: none !important;}
.social-links ul li a{width: auto; height: auto; color:rgb(255 255 255 / 73%) !important; background:#214f76; font-size:16px; padding: 5px 8px; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px;}
.social-links ul li a:hover{color:#ffffff !important; background:#06aeef;}
.social-links ul li a svg{fill:#ffffff;}
.copyright {width: 100%; float: left; background: #0a2d4b; padding: 0px 0; margin: 30px 0 0 0;}
/* .copyright .container{border-top: 1px solid #000000} */
.copyright .col-md-6{padding: 0px;}
.copyright p { text-align:left; color:#ffffff; font-size: 14px; padding:10px 20px 10px 0px; margin-bottom:0; float: left;}
.post{width: 100%; height: auto; float: left; padding: 0px 0 0 0;}
.post p { font-size:12px; color:#ffffff; line-height:22px; padding-bottom: 30px; text-transform: capitalize;}

.bottom_ul { list-style-type:none; float: left; padding-top:14px; padding-bottom: 14px; margin-bottom:0;}
.bottom_ul li {color: #a3b2be; float:left; line-height:18px; font-size: 12px; text-transform: none; font-weight: normal; list-style: none; border-right: 1px solid #a3b2be; padding: 0 5px;}
.bottom_ul li:last-child{border-right: 0px;}
.bottom_ul li a { color:#a3b2be;  font-size:12px;}

/* subpage css */
.about-banner{width:100%; height: 450px; margin-top: 70px; background:url("../images/slider-1.jpg") no-repeat top center #002e8e; background-size: cover;}
.courses-banner{background-color: #3F51B5; opacity: 1; background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #0a88f8 40px), repeating-linear-gradient(#6f0af8, #1287ee); margin-top: 70px;}
.contact-banner{width:100%; height: 450px; margin-top: 70px; background:url("../images/slider-1.jpg") no-repeat top center #002e8e; background-size: cover;}
.facilities-banner{width:100%; height: 450px; margin-top: 70px; background:url("../images/slider-3b.jpg") no-repeat top center #002e8e; background-size: cover;}
/* .services-banner{width:100%; height: auto; background:url("../images/slider-1.jpg") no-repeat top center #002e8e; background-size: cover;} */

.contact-main-text {padding: 0 0 30px 0;}
.contact-main-text h1{padding-bottom: 15px;}
.contact-form{padding: 0px 0 0 0; /*float: left;*/}
.contact-form .form-group{margin-bottom: 15px;}
.input-box{padding: 0 30px;}
.form-group span{font-size:14px; line-height:24px; color:#1b002e; }
.form-group label{color: #ff0000; background: none; padding: 0 0 0 0;}
.form-box{padding:0 0; margin: 0 0 0 0; }
.form-group input {width: 100%; height: 38px; border-radius: 6px; background: #ffffff; border: 1px solid #dddddd; box-shadow: none;}
.form-group select {width: 100%; height: 38px; font-size: 14px; color: #868686; border-radius: 6px; background: none; border: 1px solid #bfbfbf; box-shadow: none;}
.form-group textarea{border: 1px solid #dddddd; border-radius: 6px; background: #ffffff; }
.form-group span{font-size: 14px !important; }
/* Form radio btn css */
.radio-btn{width: auto; height: auto; float: left; border: 1px dashed #8c8c8c;}
.radio-btn input{width: auto; height: auto; float: left;}
.form-row {background: #ffffff; border-radius: 50px; height: auto; margin: 5px 10px 20px 0px; overflow: hidden; position: relative; width: 150px;}
.form-input {-webkit-appearance: none; appearance: none;}
.form-input::before {content: ''; cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%;}
.form-input:checked::before {background: #03a9f4;}
.form-input::after {content: ''; cursor: pointer; height: 15px; border-radius: 50px; border: 4px solid #03a9f4; left: 10%; position: absolute; top: 50%; transform: translate(0, -50%); width: 15px;}
.form-input:checked::after {border: 4px solid #ffffff;}
.radio-btn .form-label {color: #06201b; font-size: 1.3rem; font-weight: normal; margin-left: 40px; margin-top: 5px;}
.form-input:checked ~ .form-label {color: #ffffff; position: relative;}
.declaration-box{width: 100%; height: auto; float: left; padding:8px 15px; background: #e3f3ff; border-radius: 8px; margin-bottom: 30px;}
.declaration-box input[type=checkbox] {border: 4px solid #03a9f4; margin:0 10px 0 0;}
.declaration-box label{font-weight: normal; margin: 0 0 0 0;}
/*==== g-map styles ===========================*/
.g-map{ margin-bottom: 0px; margin-top:0px;}
#map {width: 100%; height: 550px; margin-top: 0px; margin-bottom: 0px;}
.info-window {font-family: 'Roboto', sans-serif; font-size:14px;}
.info-content {color: #999;}
.info-window p{ padding: 0  0;}

/*========================== MEDIA QUERY CSS FOR RESPONSIVE
 Extra small devices (phones, 600px and down)
 ================================ */
  @media only screen and (max-width: 768px) {
    nav {width: 40%; margin: 0;}
    .navbar-brand {width: 225px;}
    .navbar-brand a img{}
    #navigation .navbar-right li a{color: #}
    .banner-text h1 {margin: 0 0 20px 0; height: 21px;}
    .sub-pg-text {margin: 0 0 0px 0; padding: 60% 0% 0% 0%;}
    .sub-pg-img {display: none;}
    .sub-pg-text h1 { margin: 0px 0 15px 0; font-size: 10vw;}
    .sub-pg-text h3{float: left;}
    .form-box{padding:0 0 40px 0; float: left; width: 100%;}
    .contact-deets-box{width: 100%; float: left; padding:  0 0 0 0 !important;}
    .contact-cta-box {width: 100%; float: left;}
    .intro-txt-box{padding: 10px;}
    .intro-txt-box h2{padding: 20px 0 10px 0;}
    .input-box{padding: 0 0px;}
    .form-group{padding: 0px;}
    .contact-form .form-group{margin-bottom: 15px;}
    .sub-pg-text h2{line-height: 38px !important;}
    /* .intro-bullet-parent{padding: 20px 0px 0 10px} */
    .footer .container{padding-left:25px; padding-right: 25px;}
    /* .productpg-banner{height: 90px; } */
    .study_mche_gradient {float:left; width: 100%;}
    .study_ncvrt_gradient {float:left;}
    .faculty_sec h1 {font-size: 32px !important; line-height: 52px !important;}
    .testimonial-style .carousel-inner > .item {height: 40vh !important;}
    .carousel-caption{left: 0; right: 0; padding: 5px !important;}
    .testimonial-caption-style img{width: 40% !important; padding-bottom: 10px; }
    .kkd_contact{float: left; width: 100%;}
    .tcr_contact{float: left; width: 100%;}
    .kldy_contact{float: left; width: 100%;}
    .trdy_contact{float: left; width: 100%;}
    .skill_partner{display: none;}
    .team-member{margin: 2px 2px !important;}
    .about-banner {height: auto;}
    .online-application-form span{width: 100% !important;}
  }

  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    /* .sub-pg-text{width: 100%; padding-top: 10em;} */


  }

  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    .navbar-brand{width: 320px;}
    .carousel-caption {
    right: 0%;
    left: 0%;
    padding-bottom: 30px;
}
  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {

  }

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {

  }

  /*+++++++++++++++++
  nav with dropdowns
  ++++++++++++++++++ */
.toggle, [id^=drop] {display: none;}
.toggle i{font-size: 48px; float: right; padding: 10px 5px 0 0;}
nav {display: block; width: 40%; float: left; margin: 0 0 0 40px;}
nav:after {content:""; display:table; clear:both;}
nav ul {float: right; padding:0; margin:0; list-style: none; position: relative; top:20px;}
nav ul li {text-transform: none; margin: 0px; display:inline-block; float: left;}
nav a {margin: 0 20px; padding:3px 10px; color: #000000; font-size: 16px; font-weight:normal; display:block; text-decoration:none; line-height: normal;}
/* nav ul li ul li:hover { border-bottom: 3px solid #f9068b; } */
.menu ul li .active{text-decoration: none; border: 0; color: red; text-decoration: none;}
nav ul li ul li:hover{text-decoration: none; border: 0; color: red; text-decoration: none;}
nav a:hover {border-bottom: 2px solid #0a88f8; color: rgb(104 104 104 / 65%); text-decoration: none;}
nav a.active {border-bottom: 2px solid #0a88f8; color: rgb(104 104 104 / 65%); text-decoration: none;}
nav ul ul {display: none; position: absolute; top:35px; background: #26a888;}
nav ul li:hover > ul {display:inherit;}
nav ul ul li {width:100%; float:none; display:list-item; position: relative; padding: 3px 0;}
nav ul ul li a{color: #fffde8;}
nav ul ul li a:hover{color: #79e7cc; text-decoration: none; border-bottom: 0px;}
nav ul ul ul li {position: relative; top:-60px; left:170px; }

li > a:after { content:  ''; }
li > a:only-child:after { content: ''; }

@media all and (max-width : 768px) {

nav {width: 100%; margin: 0;}
	.toggle + a,
	.menu {display: none;}
  .toggle {display: block; padding:0 0; color:#332537; font-size:14px; text-decoration:none; border:none;}
  .toggle .fa-bars {display: block; padding:0px 0px; color:#000000; text-decoration:none; border:none;}
  .toggle .fa-caret-down {display: block; padding: 0 0 0 0; color:#332537; text-decoration:none; border:none;}
  .toggle:hover {background-color: none;}
  [id^=drop]:checked + ul {display: block; background: #ffffff;}
  nav ul{top: 0;}
	nav ul li {display: block; width: 100%; padding: 15px 10px;}
	nav ul ul .toggle,
	nav ul ul a {padding: 0 40px;}
  nav ul ul ul a {padding: 0 80px;}
	nav a:hover,
 	nav ul ul ul a {}
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{margin: 0 3px; padding:3px 10px; color:#FFF; font-size:14px;}
	nav ul li ul li .toggle,
	nav ul ul a {}
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		has to be the same number as the "line-height" of "nav a"
	}

	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}

	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {position: static;}
  #btn{display: none;}
}
@media all and (max-width : 330px) {
 	nav ul li {display:block; width: 94%;}
}

.bounce-anim{-webkit-animation: bounce .7s ease infinite alternate;}
@-webkit-keyframes bounce {100% {transform:translateY(-20px);}}



.float-img{position: relative; top: 0; left: 0; z-index: 100;}
.text-hilighter{margin: 0px auto 0 auto; padding-top: 30px;}
.text-hilighter h6{font-family: 'Roboto', sans-serif; text-transform: none; position: relative; top: 0; left: 0;}
.text-hilighter h6::after {content: ""; bottom: -20px; left: 0px; background: #ee135b; height: 3px; width: 150px; position: absolute;}



.sub-pg-text{padding-top:0; }
.sub-pg-text h4 {font-family: 'Roboto', sans-serif; font-size:18px; color: #dae8ff; line-height: 32px;}
.sub-pg-text h1{color: #ffffff; text-align: left; padding: 15px 0;}

/* NEWS TICEKR  */
.ticker_sec{width: 100%; height: auto; float: left; margin-top: 70px;}
@-webkit-keyframes ticker {
  0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible;}
  100% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}
@keyframes ticker {
  0% {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible;}
  100% {-webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0);}
}
.ticker-wrap {width: 100%;  overflow: hidden; height: auto; padding: 5px 0; padding-left: 100%; background: #021d34;}
.ticker{display: inline-block; height: auto; padding: 0 0px; white-space: nowrap; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 15s; animation-duration: 15s;}
.ticker a{color: #ffffff; text-decoration: underline; text-decoration-color: #ffb335; text-decoration-thickness: 2px;}
.ticker a:hover{color: rgb(255 255 255/70%); text-decoration-color: #ffffff;}
.ticker_item {display: inline-block; padding: 0 2rem; font-size: 14px; color: rgb(255 255 255); margin: 5px 0; line-height: normal;}
.ticker_item span{width: 12px; height: 12px; float: left; border-radius: 50px; margin: 3px 5px 0 5px; background: #F95969;
background: linear-gradient(7deg, rgba(249, 89, 105, 1) 0%, rgba(217, 22, 120, 1) 100%);}
.ticker:hover {animation-play-state: paused;}

/*======== right side nav ===========*/
#btn.active {right:80px; position: fixed;}
#btn.active #top {-webkit-transform: translateY(10px) rotate(-135deg); transform: translateY(10px) rotate(-135deg); background:#1b002e;}
#btn.active #middle {opacity: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); color: #ff0000;}
#btn.active #bottom {-webkit-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); background:#1b002e;}
#btn {padding: 15px 15px 15px 15px; position: absolute; /*z-index: 9999999; */ top:10px; right:10px; cursor: pointer; transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91); border-radius: 50px; margin: 3px 5px 0 5px; background: #F95969; background: linear-gradient(7deg, rgba(249, 89, 105, 1) 0%, rgba(217, 22, 120, 1) 100%);}
#btn div {width:24px; height:3px; margin-bottom: 5px; background-color: #ffffff; transition: opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91); transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms; transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; right: 0; background:#f9f9f9; overflow-x: hidden; transition: 0.5s; padding-top:60px; }
.sidenav h5{color: #1c022e; margin-bottom:10px; font-size: 22px;}
.sidenav a {padding: 0px 0px 15px 0px; font-size: 18px; font-family: "Parkinsans", sans-serif; text-decoration: none; color: #818181; display: block; transition: 0.3s;}
.sidenav a:hover {color: #f1f1f1;}
.sidenav .closebtn {position: absolute; top: 20px; right:20px; font-size: 58px; margin-left: 50px;}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  /* .sidenav a {font-size: 18px;} */
}
.
.address {padding:20px;}

.primemenu-styles{padding-bottom:15px; border-bottom: 1px solid #bab9bf;}
.prim-menu-empeller {text-align: left; padding: 0px; margin: 20px 0 0 0px; font-size: 38px; width: auto; float: left;}
.prim-menu-empeller h5{color: #1c022e; margin-bottom:10px;}
.prim-menu-empeller li {display: block; width: auto; height: auto; float: left; border-right: 1px solid #bab9bf; margin-bottom: 0px; margin-top: 0px; padding: 0 15px;}
.prim-menu-empeller li:last-child{border-right: 0px;}
.prim-menu-empeller li a{color: #1c022e; font-size:14px; text-align: left !important; font-family: 'Lato', sans-serif; padding: 0 0 0 0;}
.prim-menu-empeller li a:hover{color: #adadad; text-decoration: underline; text-decoration-color: #344dfd; text-decoration-thickness: 2px;}

.menu-nav-bar {text-align: left; padding: 20px; margin: 20px 0 0 0px; font-size: 38px;}
/* .menu-nav-bar h5{color: #1c022e; margin-bottom:10px; font-size: 22px;} */
.menu-nav-bar li a{color: #1c022e; text-transform: none; font-weight: normal; text-align: left !important;}
.menu-nav-bar li a:hover{color: #adadad; text-decoration: underline; text-decoration-color: #0a88f8; text-decoration-thickness: 2px;}
.menu-nav-bar li {display: block}
.menu-nav-bar li {display: block; margin-bottom: 0px; margin-top: 0px;}
.address h4 {color: #1c022e;}
.address p {color: #1c022e; font-size: 14px; margin:0 0 30px 0;}
.address a{font-size: 14px; color: #1c022e; display:block; line-height:normal; float: left; margin: 0 25px 0 0;}
.address a i{padding-right: 12px; font-size: 16px; color: #0a88f8;}
.address a:hover{color: #adadad; text-decoration: underline; text-decoration-color: #0a88f8; text-decoration-thickness: 2px;}
.nav-social-links{padding:20px;}
.nav-social-links h5{color:#1c022e; margin: 0px 0 10px 0px; padding: 0 0 0 0;}
.nav-social-links p {color: #1c022e; font-size: 14px; padding-bottom: 30px;}
.nav-social-links ul{padding: 0 0 0 0; margin: 0 0 0 0;}
.nav-social-links ul li{list-style: none; float: left; margin: 0 15px 0 0;}
.nav-social-links ul li a{ float: left; padding: 0 0px; margin: 0 5px;}
.nav-social-links ul li a svg{margin-top: 3px;}
.nav-social-links ul li a i{font-size: 18px; color: #000000;}
.nav-social-links ul li a i:hover{color: #0a88f8;}
/*  =========================
 MCHE CSS
  ===================== */
.about-sec{width: 100%; height: auto; float: left; background: url("../images/logo_pattern.svg") right no-repeat; background-size: 500px;}
.about-sec h1 {padding:10px 0 15px 0;}
.about-sec h6{padding:0px 0 20px 0;}

.skill_partner{width: 120px; height: auto; float: right; padding: 13px 0px 0 0; margin: 0 60px 0 0;}
.skill_partner a{width: 110px; height: auto; float: left;}
.skill_partner span{width: 100px; height: auto; float: left; padding: 0px 10px 0 0; font-size: 12px; color: #000000; text-align: right; line-height: 12px;}

.mche_intro_sec{width: 100%; height: auto; float: left;}
.line-after {position: relative; overflow: hidden; display: block;}
.line-after span {vertical-align: baseline; display: block; position: relative; font-family: "Parkinsans", sans-serif; font-size:12px; text-transform: uppercase; color: #647076; font-weight: bold; line-height: 26px; margin: 0 0 0 0; padding: 0 0 0 0;}
.line-after span:after {content: ''; position: absolute; width: 100%; top: 65%; margin-left: 10px; border-top: 1px solid #d5d5d5;}
.address{padding: 20px;}
.line-after-link {width: auto; height: auto; float: left;}
.line-after-link a {vertical-align: baseline; display: block; position: relative; font-family: "Parkinsans", sans-serif; font-size:15px; color: #000000; font-weight: normal; line-height: 26px; margin: 0 0 0 0; padding: 0 0 0 0;}
.line-after-link a:after {content: ''; position: absolute; width: 100%; top: 50%; margin-left:5px; border-top: 1px solid #0b88f8;}
.line-after-link a:hover{text-decoration: none; opacity: 0.7;}

.introbox_parent{background: #f8f9fa; margin-top: 20px;}
/* .introbox_parent div{} */
.introbox_wrapper{float: left;}
.introbox_content {width: 100%; height: auto; padding:0 30px 30px 30px; float: left; border-right:1px solid #e3e3e3;}
.introbox_content h4{width: 100%; height: auto; float: left; padding-bottom: 20px;}
.introbox_content p{width: 100%; height: auto; float: left; padding-bottom: 20px;}
.intro-toolbar{width: 100%; height: auto; float: left; padding: 15px 0 20px 0;}
.intro-toolbar span{font-family: "Parkinsans", sans-serif; font-size:12px; text-transform: uppercase; color: #000000; font-weight: 600; border-right: 1px solid #9c9c9c; padding: 0 10px 0 0; margin-right: 5px;}
.intro-toolbar i{font-size: 18px; color: #d91779; float: left; line-height: 26px; padding: 0 5px 0 0;}
.intro-toolbar a{font-family: "Parkinsans", sans-serif; font-size: 12px; color: #000000; text-decoration: underline; text-decoration-color: #afafaf; text-decoration-thickness: 2px;}
.intro-toolbar a:hover{font-size: 12px; color: #898989; text-decoration: underline; text-decoration-color: #c3c3c3; text-decoration-thickness: 2px;}

.courses_sec{width: 100%; height: auto; float: left; background: url("../images/course_sec_bg.jpg") top center no-repeat; padding: 29em 0 5em 0px;}
/* Course listing tab CSS */
.tabs {}
.tabs input[type=radio] {display: none;}
.tabs label {width: auto; height: auto; margin: 0 20px 5px 0; font-family: "Parkinsans", sans-serif; color: #000000; font-weight: normal; transition: background 0.4s ease-in-out, height 0.2s linear; display: inline-block; cursor: pointer; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: #ffffff; text-align: center; line-height: normal; padding: 12px 35px; border: 1px solid #dadada;}
/* .tabs label:last-of-type {border-bottom: none;} */
.tabs label:hover {background: #0939bd; background: linear-gradient(7deg, rgba(9, 57, 189, 1) 0%, rgba(10, 136, 248, 1) 61%); color: #ffffff; border: 1px solid #ffffff;}
@media screen and (max-width: 1600px) {
.tabs label {width: auto; }
}
@media screen and (max-width: 900px) {
.tabs label {width: auto;}
}
@media screen and (max-width: 600px) {
.tabs label {width: 100%; display: block; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
}
@media screen and (max-width: 600px) {
.tabs {margin: 0;}
}
#tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label, #tab5:checked + label, #tab6:checked + label {background: #0939bd; background: linear-gradient(7deg, rgba(9, 57, 189, 1) 0%, rgba(10, 136, 248, 1) 61%); -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; color: #ffffff; border: 1px solid #ffffff;}
.tab-content {position: absolute; top: -9999px; padding: 10px 0;}
.tab-content-wrapper{}
@media screen and (max-width: 600px) {
.tab-content-wrapper, .tab1-content-wrapper {border: none; border-radius: 0;}
}
#tab1:checked ~ .tab-content-wrapper #tab-content-1, #tab2:checked ~ .tab-content-wrapper #tab-content-2, #tab3:checked ~ .tab-content-wrapper #tab-content-3, #tab4:checked ~ .tab-content-wrapper #tab-content-4, #tab5:checked ~ .tab-content-wrapper #tab-content-5, #tab6:checked ~ .tab-content-wrapper #tab-content-6 {position: relative; top: 0px;}
.course_wrapper{padding: 0 15px 15px 0;}
.course_wrapper_content{width: 100%; height: auto; float: left; padding: 2rem; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; border: 1px solid #dadada;}
.course_wrapper_content:hover{background: rgb(247 247 247 / 59%); border:1px solid #a8a8a8;}
.courses_time{width: auto; height: auto; float: left; font-size: 12px; padding: 0 15px; background: #da1579; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; color: #ffffff;}
.course_wrapper_content h4{width: 100%; height: auto; float: left; border-bottom: 1px solid #999999; margin: 20px 0 20px 0; padding-bottom: 5px;}
.course_wrapper_content p{width: 100%; height: auto; float: left; padding-bottom: 15px;}

.table-fill {border-collapse: collapse; height: auto; padding:5px; width: 100%; animation: float 5s infinite;}
tr {}
td {padding:5px; color: #000000; text-align:left; vertical-align:middle; border: 1px solid #e2e2e2; }

.study_explore_text{background-image: linear-gradient(to right top, #d917799c, #e3307bb3, #ed427ed9, #f65381ed, #ff6285); padding:60px 30px 30px 30px; position: absolute; right: 0; z-index: 1;}
.study_explore_text h3{color: #ffffff; padding-bottom: 20px;}
.study_explore_text p{color: #ffffff; padding-bottom: 20px;}
.join_thiriving_comune{background: #f8f9fa; padding: 60px 50px 56px 50px;}
.join_thiriving_comune h3{padding-bottom: 20px;}
.study_mche_gradient{padding: 40px; background-image: linear-gradient(to right top, #1e00ce, #1027d7, #023cdf, #024de6, #125deb);}
.study_mche_gradient img{width: 96px; height: auto; float: left; padding-bottom: 30px;}
.study_mche_gradient a{color: #ffffff; font-family:  "Parkinsans", sans-serif; font-size: 22px; float: left; text-decoration: underline; text-decoration-color: #ffffff; text-decoration-thickness: 2px; line-height: normal;}
.study_mche_gradient a:hover{text-decoration-color: rgb(255 255 255 / 40%);}
.study_ncvrt_gradient{padding: 40px; background-image: linear-gradient(to right top, #d91779, #e3307b, #ed427e, #f65381, #ff6285);}
.study_ncvrt_gradient img{width: 96px; height: auto; float: left; padding-bottom: 30px;}
.study_ncvrt_gradient a{color: #ffffff; font-family:  "Parkinsans", sans-serif; font-size: 22px; float: left; text-decoration: underline; text-decoration-color: #ffffff; text-decoration-thickness: 2px; line-height: normal;}
.study_ncvrt_gradient a:hover{text-decoration-color: rgb(255 255 255 / 40%);}

.mche_counter_img{float: left; background: #ffffff; border-radius: 50%; box-shadow: 2px 3px 26px -7px rgba(163,163,163,1); -webkit-box-shadow: 2px 3px 26px -7px rgba(163,163,163,1); -moz-box-shadow: 2px 3px 26px -7px rgba(163,163,163,1); padding:15px;}
.mche_counter_img img{width: 46px; height: auto; margin: 0px auto;}
.mche_counter_deets{width: 70%; float: left; padding: 0px 0px 0px 10px;}
.mche_counter_deets h1{padding: 0 0 0 0 !important;}
/* .mche_counter_box span{color: #0b88f8; font-size: 36px;} */

.faculty_sec{width: 100%; height: auto; float: left;}
.faculty_sec h1{font-size: 78px; line-height: 120px; color: #ffffff; text-transform: uppercase; margin-top: 10px;}
.section-background-parallax {background-attachment: fixed; background-position:top left; background-size: cover; width: 100%; color: #FFFFFF; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat;}
.parallax1 {background-image: url("../images/faculty_bg.jpg");}
.parallax2 {background-image: url("../images/course-sec-bg.jpg");}
.headline {display: inline; -webkit-box-decoration-break: clone; box-decoration-break: clone;}
.headline-themovement {background-color: #d91779; box-shadow: 0px 1px 0 3px #d91779, 0px 1px 0 3px #d91779; color: #ffffff;}
.faculty-deets{}
.faculty-deets h5{color: #f3f3f3; padding-bottom: 10px;}
.faculty-deets h3{color: #ffffff; padding-bottom: 10px; float: left;}
.faculty-deets p{color: #ffffff; padding-bottom: 30px; float: left;}

/* faculty carousel css
.teams{padding: 50px 0 0 0; }
.teams .shadow-effect {background: #fff; padding:20px; border-radius: 20px; text-align: center; border:1px solid #ECECEC; box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02);}
#customers-teams .item {height:auto !important; text-align: center; padding: 0px; margin-bottom:30px; opacity: .6; transform: scale3d(0.9, 0.9, 1); transition: all 0.3s ease-in-out;}
#customers-teams .item h4{font-size: 22px; !important; padding: 30px 0 0px 0;}
#pastexp{margin-top:0px;}
#customers-teams .owl-item.active.center .item {opacity: 1; transform: scale3d(1.0, 1.0, 1);}
.teams .owl-carousel .owl-item .img-circle {transform-style: preserve-3d; max-width: 210px; margin: 0 auto 0px; transition: transform .5s;}
.teams .owl-carousel .owl-item .img-circle:hover {transform: scale(0.9);}
#customers-teams.owl-carousel .owl-dots .owl-dot.active span,
#customers-teams.owl-carousel .owl-dots .owl-dot:hover span {background: rgba(255,255,255,0.8); transform: translate3d(0px, -50%, 0px) scale(0.9);}
#customers-teams.owl-carousel .owl-dots{display: inline-block; width: 100%; text-align: center;}
#customers-teams.owl-carousel .owl-dots .owl-dot{display: inline-block;}
#customers-teams.owl-carousel .owl-dots .owl-dot span {background: rgba(255,255,255,0.4); display: inline-block;  margin: 0 0px 0 0px; margin-top:0px; transform: translate3d(0px, -50%, 0px) scale(0.3); transform-origin: 50% 50% 0; transition: all 250ms ease-out 0s; width: 40px; height: 6px; outline: none; border-radius:3px !important;}
.owl-dot, .owl-dot:active, .owl-dot:focus {outline: 0 !important;}
@media only screen and (max-width: 1000px){
	#customers-teams.owl-carousel .owl-dots .owl-dot span {height:6px; width:40px; margin-top:0px;}
}*/
.team-member {margin:0 5px; padding: 0; background: #ffffff; border-radius: 18px; border: 1px solid #dadada; padding: 15px;}
.team-member figure {position: relative; overflow: hidden; padding: 0; margin: 0; border-radius: 18px;}
.team-member figure img {min-width: 100%;}
.team-member p {color: #757575;}
.team-member figcaption p {color: #ffffff; padding-top: 9rem; line-height: 18px;}
.team-member figcaption ul {list-style: none; margin: 0; padding: 0;}
.team-member figcaption ul {visibility: visible; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.team-member figcaption ul li {display: inline-block; padding: 10px;}
.team-member h4 {margin: 10px 0 0; padding: 0; font-size: 18px;}
.team-member img{border-radius: 18px;}
.team-member figcaption {padding: 15px; color: transparent; background-color: transparent; position: absolute; z-index: 996; bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.team-member figure:hover figcaption {visibility: visible; color: #fff; background: rgb(217 23 121 / 60%); /* Primary color, can be changed via colors.css */ height: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.team-member figure:hover figcaption ul li a:hover {color: rgba(49, 49, 49, .97);}
.team-member figure img {-webkit-transform: scale(1) rotate(0) translateY(0); -moz-transform: scale(1) rotate(0) translateY(0); -o-transform: scale(1) rotate(0) translateY(0); -ms-transform: scale(1) rotate(0) translateY(0); transform: scale(1) rotate(0) translateY(0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.team-member figure:hover img {-webkit-transform: scale(1.1) rotate(1deg) translateY(12px); -moz-transform: scale(1.1) rotate(1deg) translateY(12px); -o-transform: scale(1.1) rotate(1deg) translateY(12px); -ms-transform: scale(1.1) rotate(1deg) translateY(12px); transform: scale(1.1) rotate(1deg) translateY(12px); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}

.testimo-sec{width: 100%; height: auto; float: left;}
.directors_msg img{width: auto; height: auto; float: left; border-radius: 50%;}
.directors_msg p{padding-bottom: 30px;}
.directors_msg h4{padding: 0px 0 10px 0;}
.directors_msg span{width: 100%; height: auto; float: left; font-size: 12px; line-height: 18px;color: #616161;}
/* Textimonial CSS Code */
.testimonial_box{width: 100%; height: auto; float: left; padding-top: 30px;}
.testimonial-style .testimonial-caption-style {background: #f0f4f6; border-radius: 36px;  bottom: 0%; text-shadow: none; top:0%; padding: 30px;}
.testimonial-caption-style img{border-radius: 50%;}
.carousel-caption{text-align: left;}
.carousel-caption p{padding-bottom: 20px;}
.carousel-caption h4{padding:  0 0 0px 0;}
.carousel-caption span{width: 100%; height: auto; float: left; font-size: 12px; line-height: 18px;color: #616161;}
.testimonial-style .testimonial-authors {margin-top: 40px;}
.testimonial-style .carousel-inner > .item {padding-top: 0; padding-bottom: 0; height: 30vh;}
/* .testimonial-style .carousel-inner > .item {width: auto; height: auto; float: left;} */
/* .testimonial-style .carousel-control.left {background: none; box-shadow: none; text-shadow: none;}
.testimonial-style .carousel-control.right {background: none; box-shadow: none; text-shadow: none;}
.testimonial-style .carousel-control {color: #ff0000;}
.testimonial-style .carousel-control:hover {color: #354052; text-decoration: none; transition: background-color 1s ease;} */
.testimonial-style .carousel-indicators{bottom: 0;}
.testimonial-style .carousel-indicators .active {background: none; width: 14px; height: 14px; transition: background 1s cubic-bezier(0.22, 0.61, 0.36, 1); border: 3px solid #0b88f8;}
.testimonial-style .carousel-indicators li {width: 12px; height: 12px; border: 2px solid #c6c6c6; background:none;}

.core_skills{padding:30px 0 0 0;}
.core_skills h4{padding:0 0 20px 0;}
.core_skills span {width: auto; height: auto; margin: 0 10px 15px 0; float: left; font-family: "Parkinsans", sans-serif; color: #000000; font-weight: normal; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: #ffffff; text-align: center; line-height: normal; padding: 12px 35px; border: 1px solid #dadada;}

.foot_quickcontact{width: 100%; height: auto; float: left; background: #0b88f8;}
.foot_quickcontact h4{width: 100%; height: auto; float: left; color: rgb(255 255 255 / 80%);}
.foot_quickcontact a{width: auto; height: auto; float: left; color:rgb(255 255 255 / 79%); text-decoration: underline; text-decoration-color: #d91879; text-decoration-thickness: 2px;}
.foot_quickcontact a:hover{color: #ffffff; text-decoration-color: rgb(217 24 121 / 46%);}
.foot_quickcontact span{width: auto; height: auto; float: left; color: rgb(255 255 255 / 53%); padding: 0 6px; font-size: x-large;}
.kkd_contact{padding: 20px 35px;  background: #1479d5;;}
.tcr_contact{padding: 20px 35px; background: #0167c3;}
.kldy_contact{padding: 20px 35px; background: #0d90f6;}
.trdy_contact{padding: 20px 35px; background: #1755bf}

.footlogo_box{padding: 0 0 30px 0; margin: 0 0 0 0; float: left;}
/* .footlogo_box div{padding: 0 0px 0 0px; margin: 0 0 0 0; float: left;} */
.footlogo_box img{float: left;}
.footlogo_box h5{width: 100%; height: auto; float: left; color: #ffffff; font-size: 16px; padding: 10px 0 20px 0;}

.contact-sm-links{padding: 15px 0; margin-bottom: 50px; border-top: 1px solid #254764; border-bottom: 1px solid #254764;}
.contact-sm-links ul{width: auto; height: auto; float: left;}
.contact-sm-links ul li{width: auto; height: auto; float: left; border-right: 2px solid #06aeef; padding: 0 20px;}
.contact-sm-links ul li a{color: #ffffff; text-transform: none; font-weight: normal; text-decoration: underline; text-decoration-color: #254764; text-decoration-thickness: 2px;}
.contact-sm-links ul li a:hover{color: rgb(255 255 255 / 70%);  text-decoration-color: #06aeef}
.contact-sm-links ul li:last-child{border-right: 0px solid rgb(255 255 255 / 80%);}

.contact-deets-box{padding: 0 50px;}
.contact-cta-box h5{width: 100%; height: auto; float: left; padding-bottom: 15px;}
.contact-cta-box span {width: 100%; height: auto; float: left; color: #818181; font-weight: 500;}
.contact-cta-box a{width: auto; height: auto; float: left; color: #818181; padding: 5px 10px 5px 5px; background: #fff; border: 1px solid #ddd; border-radius: 10px; text-decoration: underline; text-decoration-color: rgb(201 201 201 / 0%); text-decoration-thickness: 2px;}
.contact-cta-box a:hover{color: #000000; text-decoration: underline; text-decoration-color: #0a88f8; text-decoration-thickness: 2px;}
.contact-cta-box a i{padding: 8px 11px; background: #000000; color: #fff; font-size: 18px; border: none; outline: none; border-radius: 10px; cursor: pointer; margin-right: 5px;}
.contact-cta-box p{color: #818181;}
/* copy to clipboard CSS */
.copy-text {width: auto; height: auto; float: left; padding: 5px; background: #fff; border: 1px solid #ddd; border-radius: 10px;}
.copy-text input.text {padding: 0px; border: none; outline: none;}
.copy-text button {padding: 8px 11px; background: #000000; color: #fff; font-size: 18px; border: none; outline: none; border-radius: 10px; cursor: pointer;}
.copy-text button:active {background: #000000;}
.copy-text button::before {content: "Copied"; position: absolute; top: 0px; left: 180px; background: #000000; padding: 8px 15px; border-radius: 20px; font-size: 12px; display: none;}
/* .copy-text button::after {content: ""; position: absolute; top: -20px; right: 25px; width: 10px; height: 10px; background: #000000; transform: rotate(45deg); display: none;} */
.copy-text.active button::before,
.copy-text.active button::after { display: block;}

.about-adon-sec{width: 100%; height: auto; float: left; background: #f8f9fa;}
.about-adon-sec h3{padding: 30px 0 15px 0;}
.about-adon-sec h4{line-height: 36px; padding-bottom: 30px;}
.gen_ul_li h4{padding: 30px;}
.gen_ul_li ul{width: 100%; height: auto; float: left; padding: 0 30px;}
.gen_ul_li ul li{width: auto; height: auto; float: left; text-transform: none; font-weight: normal; font-size: 16px; padding:0 12px 20px 30px; background: url(../images/fav-icon.svg) no-repeat left top 0px; background-size: 22px; line-height: 22px;}
.teamlisting-abt-pg{float: left; padding: 50px 0;}
.teamlisting-abt-pg h2{width: 100%; height: auto; float: left; padding: 0 0 10px 0;}
.teamlisting-abt-pg h5{width: 100%; height: auto; float: left; padding: 30px 0 5px 0;}
.teamlisting-abt-pg p{width: 100%; height: auto; float: left;}

.courses-pg-sec{width: 100%; height: auto; float: left;}
.team-deets-wrapper{padding: 5px;}
.team-deets-box{background: #f8f9fa; border-radius: 18px; padding: 0 0 0 0; margin: 0 0 0 0; float: left;}
.team-deets-box .img-wrapper{border-radius: 18px;}
.team-deets-copy h4{width: 100%; height: auto; padding: 10px 0 0 0; margin: 0 0 0 0; float: left;}
.team-deets-copy{width: 100%; height: auto; float: left; padding: 10px 20px 20px 20px ;}
.team-deets-copy p{width: 100%; height: auto; float: left; color: #3b3b3b;}
.team-deets-copy span{width: 100%; height: auto; float: left; color: #686868; font-size: 12px;}

.courses-addons{width: 100%; height: auto; float: left; }
.courses-addons h2{padding: 20px 0 0 0; font-size: 78px; line-height: 80px; color: #ffffff; text-transform: uppercase;}
.courses-addons h6{color: rgb(255 255 255 / 76%); line-height: 32px; padding-bottom: 30px;}
.courses-value-wrapper{padding: 5px;}
.courses-value-addons{float: left; border-radius: 18px; padding: 0px; background: rgb(0 0 0 / 17%);}
.courses-value-addons .img-wrapper{border-radius: 18px;}
.courses-value-copys{width: 100%; height: auto; float: left; padding: 20px;}
.courses-value-copys h3{width: 100%; height: auto; float: left; color: #ffffff; font-size: 26px; line-height: 32px; padding:10px 0 10px 0;}
.courses-value-copys p{width: 100%; height: auto; float: left; color: #ffffff;}
.courses-value-copys span{font-family: "Parkinsans", sans-serif; font-size:12px; text-transform: uppercase; color: #ffffff; font-weight: 600; padding: 5px; background: rgb(255 255 255 / 27%); border-radius: 6px;}

/* FAQ tabs */
.faqs-sec{width: 100%; height: auto; float: left;}
.faqs-sec h2{width: 100%; height: auto; padding: 15px 0; float: left;}
.panel-title > a{color: #000000; font-size: 22px;}
.panel-title > a:before {float: right !important; font-family: FontAwesome; content:"\f068"; padding-right: 5px;}
.panel-title > a.collapsed:before {float: right !important; content:"\f067";}
.panel-title > a:hover,
.panel-title > a:active,
.panel-title > a:focus  {text-decoration:none;}
.panel-heading {padding: 20px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.panel {margin-bottom: 20px !important; background-color: #ffffff; border: 1px solid transparent;}
.panel-body h5{padding-bottom: 10px;}
.panel-body p{padding: 10px 0;}
.panel-body p a{font-weight: bold; text-decoration: underline; }

.courses-deets-pg-sec{width: 100%; height: auto; float: left;}
.courses-deets-pg-sec .img-wrapper{border-radius: 18px;}
.courses-overview-deets{}
.course-rating{width: auto;}
.course-rating .fa-star {color: #e9e9e9; font-size: 12px;}
.course-rating .checked {color: orange;}
.course-rating label{font-size: 12px; color: #a9a9a9; font-weight: normal; margin: 0; line-height: normal;}
.courses-overview-deets h2{width: 100%; float: left; padding:20px 0 0 0;}
.courses-overview-deets p{width: 100%; float: left; padding:15px 0 15px 0;}
.key-highlights{width: 100%; height: auto; float: left; background: #f9f9f9; border-radius: 18px; padding: 30px; margin: 20px 0; border: 1px solid #dcdcdc;}
.key-highlights h4{padding-bottom: 15px;}
.key-highlights ul{width: 100%; height: auto; float: left;}
.key-highlights ul li{width: auto; height: auto; float: left; background: url("../images/tick_icon.png") no-repeat left top 3px; background-size: 18px; padding: 0 0 0 30px; text-transform: none; font-size: 14px; font-weight: normal; margin-bottom: 10px;}
.key-highlights p{width: 100%; height: auto; float: left; padding:5px 0 5px 0px;}
.courses_deets_sidebar{background: #ffffff;}
.courses_deets_sidebar-content{width: 100%; height: auto; padding: 30px; float: left; border-radius: 18px; border: 1px solid #ffffff; -webkit-box-shadow: 0px 0px 13px 3px rgb(177 177 177); -moz-box-shadow: 0px 0px 13px 3px rgb(177 177 177); box-shadow: 0px 0px 13px 3px rgb(177 177 177); background-image: linear-gradient(to right top, #1e00ce, #1027d7, #023cdf, #024de6, #125deb);}
.courses_deets_sidebar-content h3{width: 100%; height: auto; float: left; color: #ffffff;}
.courses_deets_sidebar-content h6{width: 100%; height: auto; float: left; color: rgb(255 255 255 / 63%);}
.courses_deets_sidebar-content p{width: 100%; height: auto; float: left; padding:10px 0 20px 0; color: #ffffff;}
.booking-support{width: 100%; padding:1.5em; float: left; margin: 0px 0 0 0;}
.booking-support h6{padding-bottom: 10px;}
.whatsapp-btn{width: 100%; height: auto; float: left; font-size: 14px; color: #000000; line-height: 34px;  padding:5px 5px; margin-bottom: 15px; border: 1px solid #eeeeee; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px;}
.whatsapp-btn:hover{background: #f9f9f9; color: #000000; text-decoration: none;}
.whatsapp-btn .fa-whatsapp{padding:5px 7px; float: left; margin: 0 10px 0 0; color: #ffffff; font-size: 20px; background: #2fbe1e; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px;}
.call-btn{width: 100%; height: auto; float: left; font-size: 14px; color: #000000; line-height: 34px;  padding:5px 5px; margin-bottom: 15px; border: 1px solid #eeeeee; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px;}
.call-btn:hover{background: #f9f9f9; color: #000000; text-decoration: none;}
.call-btn .fa-mobile{padding: 4px 12px; float: left; margin: 0 10px 0 0; color: #ffffff; font-size: 28px; background: #ff6521; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px;}
.booking-processnote{width: 100%; padding:1.5em; float: left; margin: 0px 0 0 0;}
.booking-processnote h6{padding-bottom: 20px;}
.booking-processnote ul{width: 100%; height: auto; float: left;}
.booking-processnote ul li{width: 100%; height: auto; float: left; padding: 5px 10px; text-transform: none; border-bottom: 1px solid #eeeeee; font-weight: normal;}
.booking-processnote ul li img{margin: 0 10px 0 0;}
.where-to-start-box{width: 100%; height: auto; float: left; padding: 20px 0 30px 0; border-bottom: 1px solid #dcdcdc; margin-bottom: 20px;}
.where-to-start-box h4{width: 100%; height: auto; float: left; padding: 0px 0 20px 0;}
.where-to-start-box p{width: 100%; height: auto; float: left; padding: 0px 0 20px 0;}

.online-application-form{width: 100%; height: auto; float: left;}
.online-application-form h2{width: 100%; height: auto; float: left; text-align: center; padding-bottom: 10px;}
.online-application-form span{width: 60%; height: auto; float: left; font-size: 16px; line-height: 28px;}
.application-form-box h4{width: 100%; height: auto; float: left; padding: 0 0 10px 0;}
.application-form-box h6{width: 100%; height: auto; float: left; padding: 20px 0 10px 0;}

.facilities-sec{width: 100%; height: auto; float: left;}
.facilities-value-wrapper{padding: 5px;}
.facilities-value-addons{float: left; border-radius: 18px; padding: 0px; background: #f9f9f9; border: 1px solid #dcdcdc;}
.facilities-value-addons .img-wrapper{border-radius: 18px;}
.facilities-value-copys{width: 100%; height: auto; float: left; padding: 20px;}
.facilities-value-copys h3{width: 100%; height: auto; float: left; font-size: 26px; line-height: 32px; padding:10px 0 10px 0;}
.facilities-value-copys p{width: 100%; height: auto; float: left;}
.facilities-value-copys span{font-family: "Parkinsans", sans-serif; font-size:12px; text-transform: uppercase; font-weight: 600; padding: 5px; background: rgb(255 255 255 / 27%); border-radius: 6px;}
.facilities-img-sec{width: 100%; height: auto; float: left;}
/* lightbox css */
.gallery-img {width: 100%; cursor: pointer;}

/* Float animate button */
.float {position:fixed; bottom:92px; right:24px; text-align:center; z-index:1000;}
.float .trigger {border-radius:50%; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); position:relative; background:#42cf47; color:#fff; height:60px; width:60px; vertical-align:middle; animation: 1.5s linear 0s infinite normal pulse; transition: ease-in-out 0.2s; cursor: pointer;}
/* .float .trigger a i{color: #ffffff;} */
.float .trigger:hover{transform:scale(1.1);}
.float.open .trigger .fa::before{content: "\f00d";}
.float .trigger .fa::after{transition: ease-in-out 1s;}
.fab.open .trigger i{transition: all 0.4s ease; transform: translateY(5px) rotate(360deg);}
.float i{font-size:36px; line-height:60px; color: #ffffff;}
.float .trigger a:hover{color: rgb(255 255 255 / 76%);}
@keyframes pulse {
    0% {box-shadow: 0px 1px 0px 3px #42cf477a, 0px 0px 0px 0px #42cf4742;}
    30% {box-shadow: 0px 1px 0px 3px #42cf477a, 0px 0px 0px 5px #42cf4742;}
    70% {box-shadow: 0px 1px 0px 3px #42cf477a, 0px 0px 0px 15px #42cf4742;}
    100% {box-shadow: 1px 1px 2px 1px #42cf477a, 0px 0px 0px 20px transparent;}
  }