/*-----------------------------------------------------------------------------------

  Template Name: Educan Education HTML Template.
  Template URI: #
  Description: Educan is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0


-----------------------------------------------------------------------------------
  
  CSS INDEX
  ===================

  01. Google fonts
  02. Scroll To Top
  03. Our About Area
  04. Our Counterup Area
  05. Our Popular Courses Area
  06. Countdown Area
  07. Our Upcoming Event
  08. Our Testimonial Area
  09. Our Blog Area
  10. Our Newsletter Area
  11. Our Bradcaump Area
  12. Our Portfolio Area
  13. Our Pagination Area
  14. Our Service Area
  15. Our Findout Area
  16. Our Offer Area
  17. Our Choose Area
  18. Our Stories Area
  19. Our Team Area
  20. Our Profile Area
  21. Progress Bar
  22. Section Title
  23. Google Map
  24. Our Blog Details
  25. Our Courses Grid
  26. Our Courses List
  27. Our Courses Details
  28. Our Shop Grid View
  29. Our Shop List View
  30. Our Shop Details
  31. Our Contact Page
  32. Our Cart Area
  33. Our Login Area
  34. Our Register Area



-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1. Google fonts
/*----------------------------------------*/

/*

    font-family: 'Roboto Slab', serif;

    font-family: 'Raleway', sans-serif;

*/
.pageLoadModal {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.imgLoadModal {
  width: 48%;
}
.modal-dialog_pageLoad {
  width: 80%;
  margin: auto;
  margin-top: 61px;
}
.imgLoadModal a {
  background: #069bd5;
  display: block;
  text-align: center;
  padding: 5px 0;
  font-weight: 600;
}
/*---------------------------------------
  02. Scroll To Top
----------------------------------------*/
.bg-white1 {
  background: #ececec !important;
}
#scrollUp {
  border: 3px solid rgba(0, 0, 0, 0.1);
  border-radius: 100%;
  /* bottom: 15px; */
  bottom: 19%;
  box-sizing: content-box;
  color: #fff;
  font-size: 20px;
  height: 50px;
  line-height: 52px;
  position: fixed;
  /* right: 15px; */
  right: 20px;
  /* right: 2%; */
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 50px;
  z-index: 200 !important;
}
iframe.iframe_style {
  margin: auto;
  display: block;
}
@-webkit-keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
@-moz-keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
@keyframes scroll-ani-to-top {
  0% {
    opacity: 0;
    bottom: 0;
  }
  50% {
    opacity: 1;
    bottom: 50%;
  }
  100% {
    opacity: 0;
    bottom: 75%;
  }
}
#scrollUp:hover i {
  animation: 800ms linear 0s normal none infinite running scroll-ani-to-top;
  height: 100%;
  left: 0;
  margin-bottom: -25px;
  position: absolute;
  width: 100%;
  bottom: 0;
}
#scrollUp i {
  color: #fff;
}
#scrollUp {
  background: #f36371 none repeat scroll 0 0;
}

/*---------------------------------------
  End Scroll To Top
----------------------------------------*/
/*---------------------------------------
  03. Our About Area
----------------------------------------*/

.about__details {
  font-size: 16px;
  line-height: 32px;
  margin-top: 26px;
}
.htc__team__page {
  margin-top: -30px;
}

.htc__team__page .team {
  margin-top: 30px;
}

/*---------------------------------------
  04. Our Counterup Area
----------------------------------------*/

.counterup__wrap {
  position: relative;
  z-index: 1;
}
.funfact {
  color: #fff;
  text-align: center;
}
.fact__icon i {
  font-size: 48px;
}
.fact__count span {
  display: inline-block;
  font-family: Roboto Slab;
  font-size: 48px;
  font-weight: 700;
  padding-bottom: 30px;
  position: relative;
}
.fact__count {
  display: inline-block;
  margin-top: 26px;
  position: relative;
  padding-bottom: 7px;
}
.fact__title h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-top: 28px;
  text-transform: capitalize;
}
.fact__count::after {
  background: #fff none repeat scroll 0 0;
  top: 100%;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 40px;
}
/*---------------------------------------
  05. Our Popular Courses Area
----------------------------------------*/

.courses__thumb a {
  display: block;
  position: relative;
  overflow: hidden;
}
.courses__thumb a img {
  width: 100%;
  transition: 0.6s;
}
.courses:hover .courses__thumb a img {
  transform: scale(1.2);
}
.courses__hover__info {
  bottom: 0;
  height: 60px;
  position: absolute;
  width: 100%;
}
.courses__thumb {
  position: relative;
}
.courses__hover__info::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  opacity: 0.6;
  position: absolute;
  width: 100%;
}
.courses__hover__action {
  align-items: center;
  display: flex;
  height: 60px;
  padding-left: 20px;
  position: relative;
  z-index: 2;
}
.courses__hover__action h4 {
  color: #fff;
  font-family: Raleway;
  font-size: 15px;
  text-transform: capitalize;
}
.courses__hover__thumb {
  margin-right: 20px;
}
.courses__hover__action span.crs__separator {
  color: #fff;
  padding: 0 3px;
}
.courses__hover__action p {
  color: #fff;
  font-size: 15px;
  font-style: italic;
  text-transform: capitalize;
}
.courses__details h2 {
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 11px;
}

.courses__meta {
  align-items: center;
  background: #f6f8f9 none repeat scroll 0 0;
  display: flex;
  height: 55px;
  justify-content: space-between;
  padding: 0 20px;
}
.courses {
  border: 1px solid #f0f0f0;
}
.courses__meta li.crs__price {
  color: #f36371;
  font-size: 15px;
  font-weight: 700;
}
.courses__meta li {
  color: #a4a4a4;
  font-size: 15px;
  text-transform: capitalize;
}
.courses__meta li i {
  margin-right: 11px;
}
.courses__details__inner {
  padding: 27px 20px;
}
.courses__meta li.crs__free {
  color: #00ad7c;
  text-transform: capitalize;
  font-weight: 700;
}
.popular__courses__wrap .col-md-4 {
  width: 100%;
}
.indicator__style--1 .owl-nav div {
  height: 48px;
  left: -58px;
  line-height: 39px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
}
.indicator__style--1 .owl-nav div.owl-next {
  left: auto;
  right: -61px;
}
.indicator__style--1.owl-theme .owl-nav [class*="owl-"] {
  background: transparent none repeat scroll 0 0;
  border-radius: 0;
  color: #747474;
  cursor: pointer;
  border: 1px solid #e7e7e7;
}
.indicator__style--1.owl-theme .owl-nav [class*="owl-"] {
  font-size: 14px;
}
.indicator__style--1.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #005691 none repeat scroll 0 0;
  border: 1px solid #005691;
  color: #fff;
}

/*popular courses stylr 2*/
.popular__courses--2 .htc__popular__courses__wrap .courses,
.popular__courses--4 .courses,
.popular__courses--5 .courses {
  margin-top: 30px;
}
/*popular courses stylr 3*/

.popular__courses--3 .popular__courses__wrap.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #f2184f;
  border: 1px solid #f2184f;
  color: #fff;
}
/*popular courses stylr 4*/

.popular__courses--4 .courses__meta li.crs__price {
  color: #9f1e49;
}
/*-------------------------------------
  06. Countdown Area
----------------------------------------*/
.ml-countdown-thumb {
  position: relative;
}
.box-timer {
  display: flex;
  justify-content: flex-start;
}
.medilearn-count {
  align-items: center;
  border: 1px solid #fff;
  border-radius: 100%;
  display: flex;
  height: 128px;
  justify-content: center;
  margin: auto 15px;
  text-align: center;
  width: 128px;
}
.time-count {
  color: #fff;
  font-family: Raleway;
  font-size: 48px;
  font-weight: 700;
}
.count-inner p {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 15px;
  margin-top: 6px;
}
.countbox > div {
  align-items: center;
  color: transparent;
  display: flex;
  font-size: 0;
  justify-content: center;
}

.our__countdown__area {
  /*  padding: 135px 0;*/
}
.countbox.timer-grid span.medilearn-count:first-child {
  margin-left: 0;
}
.countbox.timer-grid span.medilearn-count:last-child {
  margin-right: 0;
}
.countdown__wrap {
  position: relative;
  z-index: 2;
}

.countdown__inner {
  padding-top: 50px;
}

.countdown__inner h4 {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 20px;
  padding-left: 15px;
}
.countdown__inner h2 {
  color: #fff;
  font-size: 58px;
  margin-bottom: 38px;
  margin-top: 10px;
  text-transform: uppercase;
}

.countdown__inner p {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

.create__free__account__form {
  background: rgb(255, 255, 255, 0.5);
  position: relative;
  z-index: 2;
}
.create__free__account__form.form-left-side {
  margin-left: 0px;
  margin-right: 60px;
}
.create__free__account__form h2 {
  align-items: center;
  background: #f36371 none repeat scroll 0 0;
  color: #fff;
  display: flex;
  font-size: 18px;
  height: 58px;
  padding: 0 50px;
}
.account__form__box {
  padding: 30px 50px 80px 50px;
}
.create__free__account__form h2 i {
  margin-right: 10px;
}
.acount__btn {
  /*    margin-top: 20px;*/
}
.account__form__box input {
  border: 1px solid #f0f0f0;
  color: #909090;
  font-size: 14px;
  font-style: italic;
  height: 50px;
  margin-top: 20px;
  padding: 0 20px;
  width: 100%;
}

.account__form__box textarea {
  background: #fff;
  border: 1px solid #e8e8e8;
  min-height: 120px;
  padding: 14px 20px;
  margin: 20px 0px;
  font-style: italic;
}

.account__form__box {
  margin-top: -20px;
}
.account__form__box input::-moz-placeholder {
  color: #909090 !important;
}
.countdown__wrap {
  padding-top: 28px;
}
/*-----------Countdown Style 3----------*/

.countdown__style--3 .create__free__account__form h2 {
  background: #f2184f;
}

/*-----------Countdown Style 4----------*/

.countdown__style--4 .create__free__account__form h2 {
  background: #0e2c53;
}

/*-------------------------------------
  07. Our Upcoming Event
----------------------------------------*/

.upcoming__inner {
  position: relative;
}
.upcoming__thumb a img {
  width: 100%;
}
.upcoming__hover__info {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 300px;
  z-index: 2;
}
.upcoming__hover__info::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: -1;
}
.upcoming__hover__action {
  padding-left: 20px;
  padding-top: 30px;
}
.upcoming__event__time {
  color: #fff;
  display: flex;
}
.event__time span {
  color: #f36371;
  display: block;
  font-family: Roboto Slab;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}
.event__time span:first-child {
  font-size: 44px;
  margin-bottom: 13px;
}
.event__time {
  padding-right: 15px;
}
.event__location {
  padding-left: 15px;
}
.event__separator {
  position: relative;
}
.event__separator::before {
  background: #929393 none repeat scroll 0 0;
  content: "";
  height: 44px;
  position: absolute;
  width: 1px;
}
.event__location li {
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}
.event__location li i {
  margin-right: 10px;
}
.upcoming__details p {
  color: #fff;
  font-family: Roboto Slab;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
}
.upcoming__details {
  margin-bottom: 42px;
  padding-right: 12%;
}
.upcoming__event__time {
  margin-bottom: 15px;
}

/*----------Upcoming Event Style 2-----------*/

.upcoming__style--2 .upcoming,
.upcoming__style--4 .upcoming {
  display: flex;
}
.upcoming__style--2 .upcoming__date span,
.upcoming__style--4 .upcoming__date span {
  color: #ccc;
  font-family: Roboto Slab;
  font-size: 14px;
  text-transform: uppercase;
}
.upcoming__style--2 .upcoming__date span.date,
.upcoming__style--4 .upcoming__date span.date {
  display: block;
  font-size: 38px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 8px;
}
.upcoming__style--2 .upcomig_time,
.upcoming__style--4 .upcomig_time {
  display: flex;
  margin-bottom: 12px;
}
.upcoming__style--2 .upcomig_time li,
.upcoming__style--4 .upcomig_time li {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.upcoming__style--2 .upcomig_time li + li,
.upcoming__style--4 .upcomig_time li + li {
  margin-left: 40px;
}
.upcoming__style--2 .upcomig_time li i,
.upcoming__style--4 .upcomig_time li i {
  margin-right: 10px;
}
.upcoming__style--2 .upcoming__date,
.upcoming__style--4 .upcoming__date {
  margin-right: 20px;
  max-width: 60px;
  margin-top: 20px;
}
.upcoming__style--2 .upcoming__details,
.upcoming__style--4 .upcoming__details {
  background: #f5f5f5 none repeat scroll 0 0;
  margin: 0;
  padding: 0;
}

.upcoming__style--2 .upcoming__hover p a,
.upcoming__style--4 .upcoming__hover p a {
  color: #333333;
  transition: all 0.4s ease 0s;
  font-family: Roboto Slab;
  font-size: 18px;
  font-weight: 700;
}
.upcoming__style--2 .upcoming__hover,
.upcoming__style--4 .upcoming__hover {
  padding: 30px;
}
.upcoming__style--2 .upcoming__details,
.upcoming__style--4 .upcoming__details {
  position: relative;
  z-index: 1;
}
.upcoming__style--2 .upcoming__details::before,
.upcoming__style--4 .upcoming__details::before {
  background: #2db6a3 none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  transition: all 0.5s ease 0s;
  width: 6px;
  z-index: -1;
}
.upcoming__style--4 .upcoming__details::before {
  background: #f2184f none repeat scroll 0 0;
}
.upcoming__style--2 .upcoming:hover .upcoming__details::before,
.upcoming__style--4 .upcoming:hover .upcoming__details::before {
  width: 100%;
}
.upcoming__style--2 .upcoming:hover .upcoming__hover p a,
.upcoming__style--4 .upcoming:hover .upcoming__hover p a {
  color: #fff;
}

.upcoming__style--2 .upcoming__owl__activation.owl-theme .owl-dots .owl-dot span,
.upcoming__style--4 .upcoming__owl__activation.owl-theme .owl-dots .owl-dot span {
  backface-visibility: visible;
  background: #fff none repeat scroll 0 0;
  border-radius: 0;
  display: block;
  height: 12px;
  margin: 5px 6px;
  transition: opacity 0.2s ease 0s;
  width: 12px;
}

.upcoming__style--2 .upcoming__owl__activation.owl-theme .owl-dots .owl-dot.active span,
.upcoming__style--2 .upcoming__owl__activation.owl-theme .owl-dots .owl-dot:hover span {
  background: #2db6a3 none repeat scroll 0 0;
}
.upcoming__style--4 .upcoming__owl__activation.owl-theme .owl-dots .owl-dot.active span,
.upcoming__style--4 .upcoming__owl__activation.owl-theme .owl-dots .owl-dot:hover span {
  background: #9f1e49 none repeat scroll 0 0;
}
.upcoming__style--2 .upcoming__owl__activation.owl-theme .owl-nav.disabled + .owl-dots,
.upcoming__style--4 .upcoming__owl__activation.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 56px;
}

/*----------Upcoming Event Style 3-----------*/

.upcoming__style--3 .event__time span {
  color: #f2184f;
}

/*--------------------------------------------
  08. Our Testimonial Area
--------------------------------------------*/

.text-thumb img {
  cursor: pointer;
  margin: auto;
  border-radius: 50px;
  height: 80px;
}
.sin-testiImage.slick-slide.slick-current.slick-active.slick-center .text-thumb img {
  z-index: 999;
  transform: scale(1.4);
}
.text-thumb {
  max-width: 121px;
  padding-top: 48px;
  padding-left: 5px;
}
.our__testimonial__area {
  background: #fff;
}
.our-testimonial-area .slick-prev,
.our-testimonial-area .slick-next {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: rgba(0, 0, 0, 0);
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 40px;
  outline: medium none;
  padding: 0;
  position: absolute;
  top: 34.6%;
  width: 40px;
}
.sin-testiImage:not(.slick-center) .test-info {
  display: none;
}

.sin-testiImage:not(.slick-center) .text-thumb {
  position: relative;
}
.sin-testiImage:not(.slick-center) .text-thumb::before {
  background: rgba(0, 0, 0, 0.25) none repeat scroll 0 0;
  border-radius: 100%;
  bottom: 0;
  content: "";
  cursor: pointer;
  display: block;
  height: 90px;
  left: 0;
  position: absolute;
  right: 0;
  top: 43px;
  width: 90px;
  z-index: 1;
}

.test-info h4 {
  color: #fff;
  font-family: Raleway;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  margin-top: 21px;
  text-transform: capitalize;
}
.test-info p {
  color: #fff;
  font-family: Raleway;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 2px;
  text-transform: capitalize;
}
.testimonial-text-slider {
  padding: 12px 20px;
  text-align: left;
}
.testimonial-text-slider p {
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  padding: 20px 14%;
  position: relative;
  text-align: center;
}
.slider__inner .blink {
  background: #ffffffd1;
  padding: 13px;
  display: inline-block;
  font-weight: 700;
  margin: auto;
  /* display: block; */
  position: absolute;
  top: -90px;
  left: 27%;
  font-size: 17px;
  border-radius: 10px;
  box-shadow: 1px 1px 4px 2px #0000001a;
  line-height: 1.6;
  color: #005691;
}
.slider__inner .blink-two {
  background: #ffffffd1;
  padding: 13px;
  display: inline-block;
  font-weight: 700;
  margin: auto;
  /* display: block; */
  position: absolute;
  top: -90px;
  /* left: 27%; */
  left: 75% !important;
  font-size: 17px;
  border-radius: 10px;
  box-shadow: 1px 1px 4px 2px #0000001a;
  line-height: 1.6;
  color: #005691;
}
.testimonial-wrap {
  margin-top: 30px;
}
.testimonial-wrap {
  width: 650px;
  margin: auto;
}
.test-info {
  margin: auto;
  padding-top: 30px;
  position: relative;
  text-align: center;
  z-index: 999999;
}
.slick-list.draggable {
  padding: 0 !important;
}

.testimonial-wrap .slick-slide {
  display: -webkit-flex !important;
  display: -moz-flex !important;
  display: -ms-flex !important;
  display: -o-flex !important;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

/*End*/

.slick-dots {
  bottom: -165px;
}
.slick-dots li.slick-active button::before {
  background: #f36371;
  opacity: 1;
}
.slick-dots li button::before {
  background: #fff none repeat scroll 0 0;
  color: #fff;
  content: "";
  font-family: "slick";
  height: 13px;
  left: 0;
  line-height: 20px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 0;
  width: 13px;
}
.slick-dots li {
  height: 13px;
  width: 13px;
}
/*-----------Testimonial Style 2----------*/
.testimonial__style--2 .test-info h4 {
  color: #333333;
}
.testimonial__style--2 .test-info p {
  color: #666666;
}
.testimonial__style--2 .testimonial-text-slider p {
  color: #666666;
}
.testimonial__style--2 .slick-dots li button::before {
  background: #ebebeb;
}
.testimonial__style--2 .slick-dots li.slick-active button::before {
  background: #f2184f;
}
/*-----------Testimonial Style 3----------*/

.testimonial__style--3 .slick-dots li.slick-active button::before {
  background: #f2184f none repeat scroll 0 0;
  opacity: 1;
}

/*--------------------------------------------
  09. Our Blog Area
--------------------------------------------*/

.blog__thumb a {
  display: block;
  overflow: hidden;
}
.blog__thumb {
  position: relative;
}
.blog__date {
  left: 20px;
  position: relative;
  top: -20px;
}
.blog__date span {
  background: #005791 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  padding: 0 16px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.blog__details h2 {
  font-size: 18px;
  margin-top: 7px;
}
.blog__details p {
  font-size: 15px;
  margin-top: 18px;
}
.read__more__btn {
  color: #333333;
  font-size: 15px;
  font-weight: 500;
  text-transform: capitalize;
}
.blog__btn {
  margin-top: 21px;
}
.blog__thumb a img {
  transition: 0.6s;
}
.blog:hover .blog__thumb a img {
  transform: scale(1.2);
}

.htc__blog__wrap .blog {
  margin-top: 30px;
}
.htc__blog__wrap {
  margin-top: -30px;
}

/*---------Blog Style 2-------*/

.blog__style--2 .blog__date span {
  background: #2db6a3;
}

/*---------Blog Style 3-------*/

.blog__style--3 .blog__date span {
  background: #f2184f none repeat scroll 0 0;
}

/*---------Blog Style 4-------*/

.blog__style--4 .blog__date span {
  background: #9f1e49 none repeat scroll 0 0;
}

/*--------------------------------------------
  10. Our Newsletter Area
--------------------------------------------*/

.our__newsletter__area {
  align-items: center;
  display: flex;
  padding-bottom: 90px;
}
.newsletter__wrap {
  padding: 180px 0;
}
.newsletter__wrap {
  text-align: center;
}
.newsletter__wrap h2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 40px;
  padding-top: 50px;
}
.news__input input {
  border: 1px solid #e9e9e9;
  color: #888888;
  font-size: 15px;
  height: 55px;
  padding: 0 30px;
  width: 570px;
}
.news__input {
  position: relative;
}
.subscribe__btn {
  position: absolute;
  right: 25.5%;
  top: 0;
}
.subscribe__btn input {
  background: #005791 none repeat scroll 0 0;
  border: 1px solid #005791;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  height: 55px;
  line-height: 55px;
  padding: 0 22px 0 42px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.subscribe__btn input:hover {
  background: #f36371;
  border: 1px solid #f36371;
}

.news__input input::-moz-placeholder {
  color: #888888 !important;
}
.newsletter__form {
  position: relative;
}
.htc__news__inner {
  position: relative;
}
.htc__news__inner::before {
  color: #fff;
  content: "";
  cursor: pointer;
  font-family: FontAwesome;
  position: absolute;
  right: 368px;
  top: 17px;
  transition: all 0.3s ease 0s;
  z-index: 4;
}
/*----------Our Newsletter Style 2-----------*/

.newsletter__style--2 .subscribe__btn input {
  background: #2db6a3 none repeat scroll 0 0;
  border: 1px solid #2db6a3;
  transition: 0.4s;
}
.newsletter__style--2 .subscribe__btn input:hover,
.newsletter__style--3 .subscribe__btn input:hover,
.newsletter__style--4 .subscribe__btn input:hover {
  background: #f36371;
  border: 1px solid #f36371;
}
/*----------Our Newsletter Style 3-----------*/

.newsletter__style--3 .subscribe__btn input {
  background: #f2184f none repeat scroll 0 0;
  border: 1px solid #f2184f;
}
.our__newsletter__area.newsletter__style--3 {
  padding-bottom: 76px;
  padding-top: 77px;
}

/*----------Our Newsletter Style 4-----------*/

.newsletter__style--4 .subscribe__btn input {
  background: #9f1e49 none repeat scroll 0 0;
  border: 1px solid #9f1e49;
}

/*--------------------------------------------
  11. Our Bradcaump Area
--------------------------------------------*/
.ht__bradcaump__wrap {
  align-items: center;
  display: flex;
  height: 340px;
  position: relative;
  z-index: 2;
}
.bradcaump-title {
  color: #fff;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: 1px 2px 6px #000;
}
.breadcrumb-item {
  color: #fff;
  font-family: Roboto Slab;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
  text-shadow: 1px 2px 6px #000;
}

.brd-separetor i {
  color: #fff;
  font-size: 12px;
  padding: 0 12px;
}
.bradcaump-inner {
  margin-top: 13px;
}

/*--------------------------------------------
  12. Our Portfolio Area
--------------------------------------------*/

.ml-portfolio {
  position: relative;
}
.ml-port-thumb img {
  width: 100%;
}
.ml-hover-information {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
  transition: 0.4s;
  opacity: 0;
}
.ml-portfolio:hover .ml-hover-information {
  opacity: 1;
}
.ml-portfolio:hover .ml-hover-information::before {
  opacity: 0.5;
}
.ml-hover-information::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
  transition: 0.4s;
}
.ml-hover-action {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.ml-hover-action a i {
  color: #fff;
  font-size: 48px;
  transition: all 0.4s ease 0s;
}
.ml-hover-action a:hover i {
  color: #f36371;
}
.pro-item {
  margin-top: 30px;
}

.ml-port-filter-nav {
  display: flex;
  justify-content: center;
}
.ml-port-filter-nav li {
  color: #333;
  cursor: pointer;
  font-family: Roboto Slab;
  font-size: 15px;
  font-weight: 700;
  padding-bottom: 18px;
  position: relative;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
.ml-port-filter-nav li + li {
  margin-left: 50px;
}

.ml-port-filter-nav li::before {
  background: #005691 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 0;
}
.ml-port-filter-nav li.is-checked::before {
  width: 100%;
}
.ml-port-filter-nav li:hover,
.ml-port-filter-nav li.is-checked {
  color: #005691;
}

.text-center.htc__load__btn span.loadding-test {
  color: #747474;
  font-size: 18px;
  letter-spacing: 6px;
  padding-left: 17px;
  text-transform: uppercase;
}
.text-center.htc__load__btn i {
  font-size: 32px;
}
.text-center.htc__load__btn {
  align-items: center;
  background: transparent none repeat scroll 0 0;
  border: 1px solid transparent;
  display: flex;
  margin: auto;
}

/*--------------------------------------------
  13. Our Pagination Area
--------------------------------------------*/

.htc-pagination li a {
  border: 1px solid #e3e3e3;
  color: #333;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  line-height: 35px;
  text-align: center;
  width: 40px;
}
.htc-pagination {
  border-top: 1px solid #ededed;
  display: flex;
}

.htc-pagination li + li {
  margin-left: 10px;
}
.htc-pagination {
  padding-top: 50px;
}
.htc-pagination li a i {
  line-height: 37px;
}
.htc-pagination li.active a,
.htc-pagination li:hover a {
  background: #005691 none repeat scroll 0 0;
  color: #fff;
}

.htc-pagination li.active a,
.htc-pagination li:hover a {
  border: 1px solid #005691;
}
/*--------------------------------------------
  14. Our Service Area
--------------------------------------------*/

.service {
  padding: 30px 0;
}

.height-set {
  height: 264px;
}

.service__icon i {
  background: #005691 none repeat scroll 0 0;
  border: 1px solid #005691;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  font-size: 52px;
  height: 163px;
  line-height: 163px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 163px;
}
.service__icon [class^="flaticon-"]::before,
.service__icon [class*=" flaticon-"]::before,
.service__icon [class^="flaticon-"]::after,
.service__icon [class*=" flaticon-"]::after {
  font-size: 90px;
  margin-left: 0;
}
.service:hover .service__icon i {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #005691;
  color: #005691;
}
.service__details h2 {
  color: #005691;
  font-size: 18px;
  padding-bottom: 19px;
  position: relative;
  text-transform: uppercase;
}
.service__icon {
  margin-bottom: 28px;
}
.service__details h2::before {
  background: #005691 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 42px;
}
.service__details p {
  color: #000000;
  font-size: 14px;
  line-height: 29px;
  margin-top: 19px;
  text-align: justify;
  font-size: 15px;
}
/*Service Color 2*/
.service__color--2 .service__icon i {
  background: #f2184f none repeat scroll 0 0;
  border: 1px solid #f2184f;
}
.service.service__color--2:hover .service__icon i {
  border: 1px solid #f2184f;
  color: #f2184f;
}
.service__color--2 .service__details h2 {
  color: #f2184f;
}
.service__color--2 .service__details h2::before {
  background: #f2184f none repeat scroll 0 0;
}

/*Service Color 3*/
.service__color--3 .service__icon i {
  background: #93c524 none repeat scroll 0 0;
  border: 1px solid #93c524;
}
.service.service__color--3:hover .service__icon i {
  border: 1px solid #93c524;
  color: #93c524;
}
.service__color--3 .service__details h2 {
  color: #93c524;
}
.service__color--3 .service__details h2::before {
  background: #93c524 none repeat scroll 0 0;
}
/*Service Color 4*/
.service__color--4 .service__icon i {
  background: #28a8e3 none repeat scroll 0 0;
  border: 1px solid #28a8e3;
}
.service.service__color--4:hover .service__icon i {
  border: 1px solid #28a8e3;
  color: #28a8e3;
}
.service__color--4 .service__details h2 {
  color: #28a8e3;
}
.service__color--4 .service__details h2::before {
  background: #28a8e3 none repeat scroll 0 0;
}

/*--------------------------------------------
  15. Our Findout Area
--------------------------------------------*/

.findout__wrap {
  align-items: center;
  display: flex;
  height: 150px;
  justify-content: center;
}
.findout__inner {
  display: flex;
}
.findout__inner h2 {
  align-items: center;
  color: #333333;
  display: flex;
  font-size: 17px;
  font-weight: 400;
}
.findout__inner h2 span {
  font-weight: 700;
  padding-left: 6px;
  text-transform: capitalize;
}
.findout__btn {
  margin-left: 50px;
}
/*---------------------------------------
  16. Our Offer Area
----------------------------------------*/

.offer h2 {
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 20px;
  padding-bottom: 17px;
  position: relative;
}
.offer p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 27px;
}
.offer {
  padding: 44px 0;
}
.offer h2::before {
  background: #fff none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 60px;
}

.offer__separator {
  position: relative;
}
.offer__separator::before {
  background: #4cc1b1 none repeat scroll 0 0;
  content: "";
  height: 150px;
  left: -16px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

/*---------------------------------------
  17. Our Choose Area
----------------------------------------*/

.choose__style--2 .choose__inner.text--right .choose,
.choose__style--4 .choose__inner.text--right .choose {
  display: flex;
  justify-content: flex-end;
}
.choose__style--2 .choose__inner.text--left .choose,
.choose__style--4 .choose__inner.text--left .choose {
  display: flex;
  justify-content: flex-start;
}
.choose__style--2 .choose__icon i,
.choose__style--4 .choose__icon i {
  border: 1px solid #2db6a3;
  border-radius: 100%;
  color: #2db6a3;
  display: inline-block;
  font-size: 32px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 90px;
}

.choose__style--4 .choose__icon i {
  border: 1px solid #9f1e49;
  color: #9f1e49;
}
.choose__style--4 .choose:hover .choose__icon i {
  background: #9f1e49 none repeat scroll 0 0;
  color: #fff;
}
.choose__style--2 .choose:hover .choose__icon i {
  background: #2db6a3 none repeat scroll 0 0;
  color: #fff;
}

.choose__style--2 .choose__icon,
.choose__style--4 .choose__icon {
  max-width: 92px;
}
.choose__style--2 .choose__inner.text--right,
.choose__style--4 .choose__inner.text--right {
  text-align: right;
}
.choose__style--2 .choose__inner.text--right .choose .choose__icon,
.choose__style--4 .choose__inner.text--right .choose .choose__icon {
  margin-left: 20px;
}
.choose__style--2 .choose__inner.text--left .choose .choose__icon,
.choose__style--4 .choose__inner.text--left .choose .choose__icon {
  margin-right: 20px;
}
.choose__style--2 .choose__details h2,
.choose__style--4 .choose__details h2 {
  color: #333333;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
}
.choose__style--2 .choose,
.choose__style--4 .choose {
  height: 100px;
  overflow: hidden;
  position: relative;
}
.choose__style--2 .choose__details h2,
.choose__style--4 .choose__details h2 {
  margin-bottom: 12px;
  padding-top: 36px;
  transition: padding 0.8s linear 0s;
  text-transform: capitalize;
}
.choose__style--2 .choose__details p,
.choose__style--4 .choose__details p {
  display: none;
  margin-bottom: 0;
  transition: all 0.3s ease 0s;
}
.choose__style--2 .choose:hover .choose__details p,
.choose__style--4 .choose:hover .choose__details p {
  display: block;
}

.choose__style--2 .choose:hover .choose__details h2,
.choose__style--4 .choose:hover .choose__details h2 {
  color: #2db6a3;
  padding-top: 0;
  font-weight: 500;
}
.choose__style--4 .choose:hover .choose__details h2 {
  color: #9f1e49;
}

/*---------------------------------------
  18. Our Stories Area
----------------------------------------*/

.htc__stories__inner h2 {
  color: #fff;
  font-size: 36px;
  line-height: 29px;
  text-transform: uppercase;
}
.htc__stories__inner p {
  color: #fff;
  font-family: Roboto Slab;
  font-size: 24px;
  line-height: 36px;
  margin-top: 19px;
  padding: 0 16%;
}
.stories__btn {
  margin-top: 34px;
}

/*---------------------------------------
  19. Our Team Area
----------------------------------------*/

.team__thumb a {
  display: block;
}
.team__thumb a img {
  width: 100%;
}
.team__details {
  padding: 25px 20px 0;
  background: #fff;
}
.team {
  border: 1px solid #f0f0f0;
}
.team__inner h4 {
  color: #333333;
  font-family: Raleway;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}
.team__inner h6 {
  color: #888888;
  font-family: Raleway;
  font-size: 13px;
  font-style: italic;
  margin-top: 9px;
  text-transform: uppercase;
}
.social__icon__bg--color {
  display: flex;
}
.social__icon__bg--color li a {
  color: #fff;
  display: block;
  font-size: 21px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 37px;
}
.social__icon__bg--color li + li {
  margin-left: 10px;
}

.social__icon__bg--color li a:hover {
  background: #f36371 none repeat scroll 0 0;
}
.team__details {
  transition: all 0.3s ease 0s;
}
.team__hover__info {
  padding: 10px 0 20px;
}
.team__inner {
  padding-bottom: 10px;
}
.team__details {
  bottom: -60px;
  height: auto;
  left: 0;
  position: absolute;
  width: 100%;
}
.team {
  overflow: hidden;
  padding-bottom: 85px;
  position: relative;
}
.team:hover .team__details {
  bottom: 0;
}

/*---------------------------------------
  20. Our Profile Area
----------------------------------------*/

/*----------Teacher Area-----------*/

.teacher__thumb a {
  display: block;
  position: relative;
}
.teacher__thumb a img {
  width: 100%;
}
.teacher__hover__info {
  align-items: center;
  bottom: 0;
  display: flex;
  height: 53px;
  justify-content: center;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.teacher__hover__info::before {
  background: #005691 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.teacher__thumb {
  position: relative;
  border: 1px solid #f0f0f0;
}
.teacher__hover__info .social__icon li a i {
  font-size: 21px;
}

.teacher__details h2 {
  font-size: 24px;
  text-transform: capitalize;
}
.teacher__details h6 {
  color: #747474;
  font-size: 18px;
  font-style: italic;
  margin-top: 10px;
  text-transform: capitalize;
}
.teacher__address {
  margin-top: 20px;
}
.teacher__address li {
  color: #333333;
  font-size: 15px;
}
.teacher__address li a {
  color: #333;
  transition: all 0.3s ease 0s;
}
.teacher__address li i {
  color: #005691;
  font-size: 16px;
  margin-right: 10px;
}
.teacher__address li + li {
  padding-top: 14px;
}
.teacher__details {
  padding-top: 24px;
}
.teacher__address li:hover a {
  color: #f36371;
}

.teacher__hover__info .social__icon a {
  line-height: normal;
}
/*---------- All courses -----------*/

.profile__courses__list li {
  color: #333;
  font-size: 15px;
}
.profile__courses__list li i {
  color: #005691;
  font-size: 16px;
  margin-right: 10px;
}
.profile__courses__list li + li {
  padding-top: 8px;
}
.profile__courses__inner {
  display: flex;
}
.profile__courses__right li {
  color: #333;
  font-weight: 500;
  padding-left: 40px;
}
.profile__courses__right li + li {
  padding-top: 8px;
}

.all__crs__details p {
  color: #444444;
  font-size: 15px;
}
.all__crs__details p + p {
  margin-top: 12px;
}

.all__crs__details {
  margin-top: 22px;
}

/*--------teacher shedule--------*/

.teacher__skill {
  margin-top: 38px;
}
.teacher__shedule__time li {
  color: #333333;
  font-size: 14px;
  text-transform: capitalize;
}
.teacher__shedule__time li span {
  color: #005691;
  float: right;
}
.teacher__shedule__time li {
  padding-bottom: 12px;
}
.teacher__shedule__time li + li {
  border-top: 1px solid #f0f0f0;
}
.teacher__shedule__time li + li {
  padding-top: 26px;
}
.teacher__shedule__time li:last-child {
  border-bottom: 1px solid #f0f0f0;
}

.profile__title .title__style--2 {
  margin-bottom: 0;
}

/*-----------------------------
  21. Progress Bar
-------------------------------*/

.single__skill {
  overflow: hidden;
}
.single__skill p {
  color: #666666;
  font-family: Raleway;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 7px;
  text-transform: capitalize;
}
.progress {
  background-color: #e6e6e6;
  border-radius: 3px;
  box-shadow: none;
  height: 6px;
  margin-bottom: 19px;
  overflow: visible;
}
.progress-bar {
  background-color: #c2c2c2;
  border-radius: 0;
  box-shadow: none;
  color: #444;
  line-height: 10px;
  position: relative;
}
.pen-lable {
  color: #666666;
  font-family: Raleway;
  font-size: 13px;
  position: absolute;
  right: -11px;
  top: -21px;
}
.progress-bar.pen__coloe--1 {
  background: #005691 none repeat scroll 0 0;
}
.progress-bar.pen__coloe--2 {
  background: #1585ca none repeat scroll 0 0;
}
.progress-bar.pen__coloe--3 {
  background: #f36371 none repeat scroll 0 0;
}
.htc__skill__container {
  margin-top: 28px;
}
/*--------progress__bar--2-----------*/

.htc__skill__container.progress__bar--2 {
  margin-top: 0;
}
.progress__bar--2 .single__skill p {
  color: #333333;
  font-family: Raleway;
  font-size: 14px;
  margin-bottom: 4px;
}
.progress__bar--2 .progress-bar {
  border-radius: 10px;
}
.progress__bar--2 .pen-lable {
  color: #f36371;
  font-size: 14px;
  top: -21px;
}
.progress__bar--2 .progress {
  background-color: #e6e6e6;
  margin-bottom: 30px;
}

/*-----------------------------
  22. Section Title
-------------------------------*/

.section__title h2.title__line {
  font-weight: 500;
  line-height: 30px;
  /*text-transform: uppercase;*/

  text-transform: capitalize;
  font-style: calibri;

  font-size: 1.6em;
}
.training_methods mark {
  padding: 7px;
  margin-top: 20px;
  display: block;
}

.section__title p {
  color: #888888;
  font-size: 15px;
  font-weight: 400;
  margin-top: 13px;
}
.section__title {
  padding-bottom: 26px;
  position: relative;
}
.section__title::before {
  background: #000000 none repeat scroll 0 0;
  bottom: 13px;
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 60px;
}
.section__title.text-left::before {
  left: 0;
  transform: translateX(0px);
}
.section__title.section--white::before {
  background: #fff none repeat scroll 0 0;
}
.section__title.section--white h2.title__line {
  color: #fff;
}
.section__title.section--white p {
  color: #fff;
}
.title__style--2 {
  font-size: 18px;
  margin-bottom: 22px;
  padding-bottom: 19px;
  position: relative;
  text-transform: uppercase;
}
.title__style--2::before {
  background: #000 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 60px;
}
.title__style--3 {
  color: #000000;
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 30px;
}
.knowledge_partner h5 {
  color: #fff;
  font-size: 23px;
  margin: 15px;
}

.knowledge_partner {
  width: 29%;
  /* border: 4px solid #ffffff61; */
  margin: 29px auto;
  padding: 17px;
  background-image: linear-gradient(to right, #0000001c, #0000005c, #fff0);
  text-align: center;
}
.knowledge_partner img {
  width: 42%;
}
/*---------------
End Section Title
------------------*/

/*----------------------
  23. Google Map
-------------------------*/

#googleMap {
  height: 450px;
  width: 100%;
}

/*-----------------------------
  24. Our Blog Details
-------------------------------*/

.htc__blog__details h2 {
  color: #333333;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 13px;
}
.htc__blog__details p {
  color: #666666;
  font-size: 15px;
}
.htc__blog__details {
  /*    padding-top: 30px;*/
}
.htc__blog__details {
}
.htc__blog__details .single__details + .single__details {
  margin-top: 30px;
}
.blog__courses li a {
  color: #333333;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s ease 0s;
}
.blog__courses li a:hover {
  color: #f36371;
}
.blog__courses li + li {
  padding-top: 10px;
}
.single__courses {
  display: flex;
}
.recent__post__thumb {
  align-items: center;
  display: flex;
  margin-right: 20px;
  max-width: 100px;
}
.recent__post__details h2 {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 9px;
}
.recent__post__details span.post__price {
  color: #f36371;
  font-weight: 700;
}
.recent__courses__inner .single__courses + .single__courses {
  margin-top: 30px;
}

.blog__discount__area {
  padding-bottom: 334px;
  padding-top: 73px;
}
.blog__discount__inner {
  text-align: center;
}
.blog__discount__inner h4 {
  color: #333333;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.blog__discount__inner h2 {
  color: #f36371;
  font-size: 24px;
  margin-top: 4px;
  text-transform: uppercase;
}
.blog__discount__area {
  margin-top: 46px;
}
.blog__recent__courses {
  margin-top: 39px;
}
.blog__meta {
  display: flex;
  margin-bottom: 26px;
  margin-top: 24px;
}
.blog__meta li {
  color: #333333;
  font-size: 14px;
}
.blog__meta li + li {
  margin-left: 30px;
  padding-left: 30px;
}
.blog__meta li i {
  color: #005691;
  font-size: 18px;
  margin-right: 10px;
}
.blog__thumb a img {
  width: 100%;
  height: 277px;
}
.blog__meta li a {
  color: #333;
}
.blog__related__inner .blog__details h2 {
  margin-top: 0;
}
.meta__separator {
  position: relative;
}
.meta__separator::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 16px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}

.tag__list li a {
  border: 1px solid #e8e8e8;
  color: #747474;
  display: inline-block;
  font-size: 13px;
  height: 34px;
  line-height: 33px;
  padding: 0 15px;
  transition: 0.3s;
  text-transform: capitalize;
}
.tag__list li a:hover {
  background: #005691;
  color: #fff;
  border: 1px solid #005691;
}
.tag__list {
  display: flex;
  flex-wrap: wrap;
}
.tag__list li {
  margin: 0 10px 10px 0;
}
/*-----------------------------
  25. Our Courses Grid
-------------------------------*/

.courses__grid__inner {
  align-items: center;
  background: #f5f5f5 none repeat scroll 0 0;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
.view-mode {
  display: flex;
}
.view-mode-wrap {
  align-items: center;
  display: flex;
  height: 60px;
}
.view-mode li a i {
  font-size: 24px;
}
.grid-view.active li a {
}
.view-mode li a {
  color: #747474;
}
.view-mode li + li {
  margin-left: 12px;
}
.view-mode-wrap span.show__result {
  color: #747474;
  font-size: 15px;
  margin-bottom: 5px;
  margin-left: 30px;
}
.courses__searsh__box input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #747474;
  font-size: 13px;
  height: 41px;
  padding-left: 20px;
  width: 271px;
}
.courses__searsh__box {
  position: relative;
}
.courses__searsh__box a {
  background: #f36371 none repeat scroll 0 0;
  height: 40px;
  line-height: 41px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 40px;
  transition: 0.3s;
  top: 0;
}
.courses__searsh__box a:hover {
  background: #005791;
}
.courses__searsh__box i {
  color: #fff;
  font-size: 18px;
}

.single__grid__view.tab-pane:not(.active) {
  display: none;
}
.view-mode li.active i,
.view-mode li:hover i {
  color: #005691;
}

/*-----------------------------
  26. Our Courses List
-------------------------------*/

.list__view__info {
  display: flex;
}
.list__view__info h4 {
  align-items: center;
  color: #333333;
  display: flex;
  font-size: 15px;
}
.list__sm__image {
  margin-right: 25px;
}
.list__view__info p {
  align-items: center;
  color: #747474;
  display: flex;
  font-style: italic;
}
.list__view__info span.crs__separator {
  align-items: center;
  display: flex;
  padding: 0 4px;
}
.list__view__info {
  margin-bottom: 17px;
}
.lst__view__details h2 {
  color: #333333;
  font-size: 18px;
  margin-bottom: 19px;
}
.lst__view__details p {
  color: #747474;
  font-size: 14px;
}

.list__meta {
  display: flex;
  justify-content: space-between;
}
.list__meta li {
  color: #a4a4a4;
  font-size: 15px;
}
.list__meta li i {
  margin-right: 10px;
}
.list__meta {
  margin-top: 20px;
}
.list__btn {
  margin-top: 32px;
}
.list__meta li.crs__price {
  color: #f36371;
  font-size: 18px;
  font-weight: 700;
}
.list__btn .btn--theme {
  height: 40px;
  line-height: 38px;
  padding: 0 22px;
}
.list__btn .htc__btn {
  font-family: raleway;
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
}
.single__list__view {
  border-bottom: 1px solid #ededed;
  margin-top: 30px;
  padding-bottom: 30px;
}

.list__view__page .courses__hover__action {
  padding-left: 6px;
}
.list__view__page .courses__hover__thumb {
  margin-right: 14px;
}

.single__list__view {
  align-items: center;
  display: flex;
}

.htc__courses__grid .htc-pagination {
  border-top: 1px solid transparent;
  display: flex;
}

/*-----------------------------
  27. Our Courses Details
-------------------------------*/

.courses__details__top h2 {
  font-size: 30px;
}
.courses__rating__price {
  border-bottom: 1px solid #ededed;
  display: flex;
  justify-content: space-between;
  padding-bottom: 38px;
}
.courses__top--left {
  display: flex;
}
.rating {
  align-items: center;
  display: flex;
}
.courses__teacher {
  display: flex;
}
.courses__top--right {
  display: flex;
}
.crs__teacher__images {
  margin-right: 20px;
}
.courses__teacher h4 {
  align-items: center;
  color: #333333;
  display: flex;
  font-family: Raleway;
  font-size: 15px;
  text-transform: capitalize;
}
.courses__teacher h6 {
  align-items: center;
  color: #747474;
  display: flex;
  font-family: Raleway;
  font-size: 15px;
  text-transform: capitalize;
}
.rating li i {
  color: #e9ae38;
  font-size: 18px;
}
.rating li.crs__review {
  color: #747474;
  font-size: 15px;
  padding-left: 12px;
  text-transform: capitalize;
}
.courses__teacher {
  margin-right: 30px;
  padding-right: 30px;
  position: relative;
}
.courses__teacher::before {
  background: #cccccc none repeat scroll 0 0;
  content: "";
  height: 23px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.courses__teacher span {
  align-items: center;
  display: flex;
  padding: 0 5px;
}
.courses__rating__price {
  margin-top: 33px;
}
.courses__top--right span.cres__price {
  align-items: center;
  color: #f36371;
  display: flex;
  font-size: 30px;
  font-weight: 700;
  margin-right: 80px;
}

.crs__btn .btn--theme {
  height: 50px;
  line-height: 50px;
  padding: 0 25px;
}

/*Start Tab*/

.courses__view {
  display: flex;
}
.courses__view li a {
  background: #f0f0f0 none repeat scroll 0 0;
  color: #333333;
  display: inline-block;
  font-size: 15px;
  height: 50px;
  line-height: 49px;
  padding: 0 25px;
  position: relative;
  transition: all 0.4s ease 0s;
}
.courses__view li + li {
  margin-left: 10px;
}
.courses__view li a i {
  color: #005691;
  font-size: 16px;
  padding-right: 10px;
}
.courses__view li a::before {
  background: #005691 none repeat scroll 0 0;
  content: "";
  height: 3px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.4s ease 0s;
  width: 100%;
}

.single__crs__content.tab-pane:not(.active) {
  display: none;
}
.courses__view li.active a::before,
.courses__view li:hover a::before {
  opacity: 1;
}
.courses__view li.active a,
.courses__view li:hover a {
  background: #fff;
}
/*Start Tab Content*/

.single__crs__details h2 {
  font-family: Raleway;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.single__crs__details p {
  color: #666666;
  margin-top: 11px;
}
.single__crs__details {
  margin-top: 33px;
}
.single__crs__details {
}
.single__crs__details ul {
  margin-top: 10px;
}
.single__crs__details ul li + li {
  padding-top: 4px;
}
.single__crs__details ul li i {
  color: #005691;
  font-size: 19px;
  padding-right: 12px;
}
.single__crs__details ul li {
  display: flex;
  margin: 4px 0;
}
.single__crs__content {
  padding: 0px 0px 30px 20px;
}
.htc__crs__tab__wrap {
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}
/*Courses Right SideBAr*/
.crs__features__list {
  display: flex;
}
.feature__duration li i {
  color: #005691;
  font-size: 14px;
  margin-right: 10px;
}
.feature__duration li {
  color: #333;
  font-size: 15px;
}
.feature__time li {
  color: #333333;
  font-size: 15px;
  font-weight: 500;
}
.feature__time {
  padding-left: 40px;
}
.feature__duration li + li {
  padding-top: 17px;
}
.feature__time li + li {
  padding-top: 17px;
}
.cres__features {
  margin-top: 39px;
}

/*Courses details Button*/
.ctrs__dtl__btn .btn--transparent {
  border: 1px solid #005691;
  color: #005691;
  height: 44px;
  line-height: 44px;
  padding: 0 27px;
}
.ctrs__dtl__btn .htc__btn {
  font-size: 14px;
  font-weight: 400;
}
.ctrs__dtl__btn .htc__btn::after {
  background: #005691 none repeat scroll 0 0;
}
.ctrs__dtl__btn .htc__btn:hover {
  color: #fff;
}
/*------------------
  Review
--------------------*/

.review {
  display: flex;
  justify-content: flex-start;
}
.review__thumb {
  margin-right: 30px;
  max-width: 80px;
}

.review__info h4 {
  float: left;
  font-size: 18px;
  text-transform: uppercase;
}
.ht__rating {
  margin-left: 30px;
  overflow: hidden;
  float: left;
}
.ht__rating li i {
  color: #f36371;
}

.ht__rating li + li {
  padding-left: 3px;
}
.rating__send {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}
.rating__send a {
  background: #f1f1f1 none repeat scroll 0 0;
  color: #333;
  display: inline-block;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 50px;
  transition: 0.3s;
}
.rating__send a + a {
  margin-left: 5px;
}
.rating__send a:hover {
  background: #f36371;
  color: #fff;
}
.ht__rating li {
  float: left;
}
.review__date span {
  color: #909090;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 2px;
}
.review__details p {
  font-size: 14px;
}
.review.rev__reply {
  margin-left: 30px;
  margin-top: 30px;
}

.ht__review__form h2 {
  color: #444;
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 40px;
  margin-top: 40px;
  text-transform: capitalize;
}
.single__form input {
  border: 1px solid #f1f1f1;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}
.single__form + .single__form {
  margin-top: 20px;
}
.single__form textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #f1f1f1;
  color: #444;
  padding-top: 20px;
  padding-left: 20px;
}
.single__form textarea::-moz-placeholder {
  color: #444 !important;
  opacity: 1;
}
.ht__review__btn .htc__btn::after {
  background: #005691 none repeat scroll 0 0;
}
.ht__review__btn .htc__btn {
  font-size: 14px;
  font-weight: 400;
}
.ht__review__btn .btn--transparent {
  border: 1px solid #005691;
  color: #005691;
  height: 44px;
  line-height: 44px;
  padding: 0 27px;
}
.ht__review__btn .htc__btn:hover {
  color: #fff;
}

/*-----------------------------
  28. Our Shop Grid View
-------------------------------*/

.single__shop__view.tab-pane:not(.active) {
  display: none;
}

.shop__details h2 {
  font-size: 18px;
  padding-top: 19px;
  text-transform: capitalize;
}
.shop__details span.product__price {
  color: #747474;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  margin-top: 10px;
}
.shop__details {
  text-align: center;
}

.shop__btn .htc__btn::after {
  background: #005691 none repeat scroll 0 0;
}
.shop__btn .btn--transparent {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #005691;
  color: #005691;
  height: 40px;
  line-height: 38px;
  padding: 0 20px;
}
.shop__btn .htc__btn:hover {
  color: #fff;
}
.shop__btn a i {
  font-size: 18px;
  padding-right: 10px;
}
.shop__btn .htc__btn {
  font-family: Raleway;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
}
.shop__btn {
  margin-top: 12px;
}
.shop {
  margin-top: 20px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 10px;
}
.htc__shop__container .htc-pagination {
  border-top: 1px solid transparent;
}

/*-----------------------------
  29. Our Shop List View
-------------------------------*/

.single__list__content {
  margin-top: 50px;
}

.list__details__inner h2 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 26px;
  text-transform: capitalize;
}
.list__details__inner p {
  font-size: 15px;
  margin-bottom: 23px;
}
.list__details__inner {
  padding-top: 10px;
}

/*-----------------------------
  30. Our Shop Details
-------------------------------*/

.single__big__images.tab-pane:not(.active) {
  display: none;
}

.small-mode {
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
  padding-top: 10px;
}
.small-mode li {
  margin: 0 5px;
}

.sp__details__inner h2 {
  font-size: 30px;
  line-height: 50px;
  margin-bottom: 5px;
  text-transform: capitalize;
}
.sp__details__inner span.pro__price {
  color: #747474;
  display: block;
  font-size: 30px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 20px;
}
.sp__details__inner span.sp__stock {
  color: #4ea522;
  display: block;
  font-size: 15px;
  margin-bottom: 3px;
  text-transform: capitalize;
}
.sp__details__inner span.sp__stock i {
  margin-right: 10px;
}
.sp__details__inner span {
  color: #555555;
  font-size: 15px;
  line-height: 24px;
  text-transform: uppercase;
}
.sp__details__inner {
  border-bottom: 1px solid #ededed;
  margin-bottom: 33px;
  padding-bottom: 32px;
}
.select__option__inner {
  display: flex;
  margin-bottom: 24px;
  margin-top: 38px;
}
.select__option__inner span {
  align-items: center;
  color: #333333;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  margin-right: 26px;
  text-transform: capitalize;
}
.select__option__inner select {
  border: 1px solid #e5e5e5;
  color: #747474;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  max-width: 184px;
  padding: 0 15px;
}
.select__option__inner select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -o-: none;
  background: rgba(0, 0, 0, 0) url("images/icons/arow.png") no-repeat scroll 92% 17px / 10px 5px;
}
.select__option__inner select option {
  padding: 3px 6px;
}

.htc__shop__details__page .single__crs__content {
  padding: 0 0 30px 30px;
}

/*PLUS */
.cart-plus-minus {
  position: relative;
}
.pro-quantity .cart-plus-minus-box {
  border: 1px solid #e5e5e5;
  height: 40px;
  padding: 0 50px;
  text-align: center;
  width: 170px;
}

.cart-plus-minus .dec.qtybutton {
  border-right: 1px solid #e5e5e5;
}

.cart-plus-minus .inc.qtybutton {
  border-left: 1px solid #e5e5e5;
}

.cart-plus-minus .qtybutton {
  color: #606060;
  cursor: pointer;
  font-size: 18px;
  height: 100%;
  left: 0;
  line-height: 39px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
}
.cart-plus-minus .qtybutton.inc {
  left: auto;
  padding-left: 4px;
  right: -53px;
}
.pro-quantity {
  width: 107px;
}
.shop__dtl__btn .htc__btn {
  font-family: Raleway;
  font-weight: 400;
}
.shop__dtl__btn .htc__btn i {
  padding-right: 10px;
}
.sp__product__details {
  border-bottom: 1px solid #ededed;
  padding-bottom: 44px;
}

.pro-qty {
  display: flex;
}
.pro-qty span {
  color: #333333;
  font-size: 15px;
  font-weight: 700;
  padding-right: 40px;
}

.shop__dtl__social__link .social__icon {
  display: flex;
}
.shop__dtl__social__link .social__icon li a i {
  color: #555555;
  font-size: 18px;
  transition: all 0.3s ease 0s;
}
.shop__dtl__social__link {
  display: flex;
}
.shop__dtl__social__link span {
  color: #333333;
  font-size: 14px;
  font-weight: 700;
  padding-right: 26px;
}
.shop__dtl__social__link .social__icon li + li {
  padding-left: 24px;
}
.shop__dtl__social__link {
  border-bottom: 1px solid #ededed;
  padding: 26px 0;
}
.shop__dtl__social__link .social__icon li a:hover i {
  color: #f36371;
}
.shop__dtl__btn .btn--theme {
  border-radius: 6px;
  height: 43px;
  line-height: 43px;
  padding: 0 26px;
}
.sp__details__right {
  padding-top: 17px;
}

/*-----------------------------
  31. Our Contact Page
-------------------------------*/

.contact__wrap .title__style--2 {
  font-size: 24px;
  text-transform: capitalize;
}

.contact__wrap p {
  margin-bottom: 21px;
}
.cont__icon span {
  color: #333333;
  font-size: 15px;
  font-weight: 700;
  text-transform: capitalize;
}
.cont__icon i {
  color: #005691;
  font-size: 16px;
  padding-right: 20px;
}
.contact__address p a {
  color: #666666;
  font-size: 15px;
  transition: 0.3s;
}
.contact__address p a:hover {
  color: #f36371;
}

.contact__address p {
  margin-bottom: 0;
  padding-left: 32px;
  text-align: left;
}
.cont__icon {
  margin-bottom: 0;
}
.contact__address {
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #f0f0f0;
  padding: 27px 0 21px;
}

.contact__title {
  border-bottom: 1px solid #f0f0f0;
  font-size: 24px;
  margin-bottom: 30px;
  padding-bottom: 12px;
  position: relative;
  text-transform: capitalize;
  line-height: 30px;
}
.contact__title::before {
  background: #f5b120 none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  width: 133px;
}
.contact-form-wrap .form-control {
  border: 1px solid #e8e8e8;
  border-radius: 7px;
  color: #909090;
  height: 40px;
  line-height: 40px;
  margin: 9px 0px;
  padding: 0 10px;
  width: 100%;
  box-shadow: none;
  background: #fff;
}

.our__upcoming__area h3 {
  margin: 25px 15px;
  border: 2px solid #f2184f;
  float: left;
  color: #fff;
  padding: 10px;
  background: #f2184f;
  font-weight: 600;
  font-size: 18px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.contact-form-wrap .col-md-6 {
  height: 80px;
}

.contact-box.name_email select {
  background: #fff;
}

.contact-box.name_email {
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
}
.contact-box.subject input {
  border: 1px solid #e8e8e8;
  border-radius: 7px;
  color: #909090;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  width: 100%;
}
.single-contact-form {
  margin-top: 20px;
}
.contact-box.message textarea {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e8e8e8;
  border-radius: 7px;
  min-height: 199px;
  padding: 14px 20px;
}
.contact-btn {
  margin-top: 30px;
}

.contact-box input::-moz-placeholder {
  color: #909090 !important;
}
.contact-box textarea::-moz-placeholder {
  color: #909090 !important;
  opacity: 1;
}
.contact-btn .htc__btn {
  border: 1px solid #005691;
}

.contact-btn .htc__btn:hover {
  border: 1px solid #f36371;
}
.contact-btn .btn--theme {
  height: 40px;
  line-height: 39px;
  padding: 0 32px;
}

/*---------------------------------------
  32. Our Cart Area
----------------------------------------*/

.cart-title-area {
  padding-top: 30px;
}
.car-header-title h2 {
  font-size: 20px;
  margin: 0;
  text-transform: uppercase;
}
.table-content table {
  background: #fff none repeat scroll 0 0;
  border-color: #c1c1c1;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  margin: 0 0 50px;
  text-align: center;
  width: 100%;
}
.table-content table th {
  border-top: medium none;
  font-weight: bold;
  padding: 20px 10px;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
.table-content table th,
.table-content table td {
  border-bottom: 1px solid #c1c1c1;
  border-right: 1px solid #c1c1c1;
}
.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 13px;
}
.table-content table td input {
  background: #e5e5e5 none repeat scroll 0 0;
  border: medium none;
  border-radius: 3px;
  color: #6f6f6f;
  font-family: "Roboto Slab", serif;
  font-size: 15px;
  font-weight: normal;
  height: 40px;
  padding: 0 5px 0 10px;
  width: 60px;
}
.table-content table td.product-subtotal {
  font-size: 14px;
  font-weight: bold;
  width: 120px;
  color: #777;
}
.table-content table td.product-name a {
  font-size: 14px;
  font-weight: 700;
  margin-left: 10px;
  color: #6f6f6f;
}
.table-content table td.product-name {
  width: 270px;
}
.table-content table td.product-thumbnail {
  width: 130px;
}
.table-content table td.product-remove i {
  color: #919191;
  display: inline-block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
}
.table-content table .product-price .amount {
  font-size: 15px;
  font-weight: 700;
  color: #777;
}
.table-content table td.product-remove i:hover {
  color: #252525;
}
.table-content table td.product-quantity {
  width: 180px;
}
.table-content table td.product-remove {
  width: 150px;
}
.table-content table td.product-remove a {
  color: red;
  font-size: 20px;
}
.table-content table td.product-price {
  width: 130px;
}
.table-content table td.product-name a:hover,
.buttons-cart a:hover {
  color: #f36371;
}
.buttons-cart {
  margin-bottom: 30px;
  overflow: hidden;
}
.buttons-cart input,
.coupon input[type="submit"],
.buttons-cart a,
.coupon-info p.form-row input[type="submit"] {
  background: #005691 none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  float: left;
  font-family: "Roboto Slab", serif;
  font-size: 12px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-shadow: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
}
.buttons-cart input:hover,
.coupon input[type="submit"]:hover,
.buttons-cart a:hover {
  background: #f36371;
  color: #fff !important;
}
.buttons-cart a {
  color: #fff;
  float: left;
  height: 40px;
  line-height: 40px;
}
.coupon {
  margin-bottom: 40px;
  overflow: hidden;
  padding-bottom: 20px;
}
.coupon h3 {
  margin: 0 0 10px;
  font-size: 14px;
  text-transform: uppercase;
}
.coupon input[type="text"] {
  border: 1px solid #c1c1c1;
  float: left;
  height: 40px;
  margin: 0 6px 20px 0;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 170px;
}
.cart_totals {
  float: left;
  text-align: right;
  width: 100%;
}
.cart_totals h2 {
  border-bottom: 2px solid #c1c1c1;
  display: inline-block;
  font-size: 30px;
  margin: 0 0 35px;
  text-transform: uppercase;
}
.cart_totals table {
  border: medium none;
  float: right;
  margin: 0;
  text-align: right;
}
.cart_totals table th {
  border: medium none;
  font-size: 14px;
  font-weight: bold;
  padding: 0 20px 12px 0;
  text-align: right;
  text-transform: uppercase;
  vertical-align: top;
}
.cart_totals table td {
  border: medium none;
  padding: 0 0 12px;
  vertical-align: top;
}
.cart_totals table td .amount {
  color: #252525;
  float: right;
  font-size: 13px;
  font-weight: bold;
  margin-left: 5px;
  text-align: right;
  text-transform: uppercase;
}
.cart_totals table td ul#shipping_method {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.cart_totals table td ul#shipping_method li {
  float: left;
  margin: 0 0 10px;
  padding: 0;
  text-indent: 0;
  width: 100%;
}
.cart_totals table td ul#shipping_method li input {
  margin: 0;
  position: relative;
  top: 2px;
}
a.shipping-calculator-button {
  font-weight: bold;
  color: #6f6f6f;
}
a.shipping-calculator-button:hover {
  color: #f36371;
}
.cart_totals table tr.order-total th,
.cart_totals table tr.order-total .amount {
  font-size: 20px;
  text-transform: uppercase;
  white-space: nowrap;
}
.wc-proceed-to-checkout a {
  background: #005691 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 51px;
  margin-top: 20px;
  padding: 0 30px;
  text-transform: uppercase;
}
.wc-proceed-to-checkout a:hover {
  background: #f36371;
  color: #fff !important;
}
.owl-theme .owl-controls .owl-page span {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #c1c1c1;
  border-radius: 100%;
  display: block;
  height: 13px;
  margin: 3px;
  width: 13px;
  transition: 0.3s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  border: 2px solid #c1c1c1;
}
.slider-area.slider-v4 {
  margin: 30px 0 35px 0;
}
.coupon p {
  margin-bottom: 12px;
}

/*---------------------------------------
  33. Our Login Area
----------------------------------------*/

.login__area__wrap {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  margin: auto;
  padding: 50px 70px;
  width: 770px;
}
section.htc__login__container {
  text-align: center;
}
.login__inner h2 {
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  text-transform: capitalize;
}
.login__form__box {
  margin-top: 30px;
}
.login__form input {
  border: 1px solid #f1f1f1;
  font-size: 14px;
  height: 45px;
  padding: 0 20px;
  color: #909090;
}
.login__form__box .login__form + .login__form {
  margin-top: 30px;
}
.login__form input::-moz-placeholder {
  color: #909090 !important;
}

.login__checkbox {
  color: #909090;
  font-size: 14px;
}
.login__checkbox {
  margin-top: 30px;
  text-align: left;
}
.login__checkbox a {
  color: #f36371;
  font-size: 14px;
  text-transform: capitalize;
}
.login__btn {
  margin-top: 43px;
}
.login__social__link {
  text-align: center;
}
.login__social__link h2 {
  color: #444444;
  font-size: 18px;
  font-weight: 500;
  margin-top: 39px;
  text-align: center;
  text-transform: capitalize;
}
.htc__social__btn {
  display: flex;
  justify-content: center;
  margin-left: -35px;
  margin-right: -35px;
  margin-top: 27px;
}
.htc__social__btn li a {
  background: #3b5998 none repeat scroll 0 0;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  color: #fff;
  transition: 0.3s;
}
.htc__social__btn li a:hover {
  background: #3273a0;
}
.htc__social__btn li {
  margin: 0 35px;
}
.htc__social__btn li a i {
  border-right: 1px solid #f1f1f1;
  display: inline-block;
  font-size: 17px;
  padding: 0 20px;
}
.htc__social__btn li a span {
  font-size: 14px;
  font-weight: 500;
  padding: 0 23px;
  text-transform: uppercase;
}
.htc__social__btn li + li a {
  background: #ea4335 none repeat scroll 0 0;
}
.login__checkbox span {
  padding-left: 22px;
}

/*---------------------------------------
  34. Our Register Area
----------------------------------------*/

.res__title {
  display: flex;
  justify-content: space-between;
}
.res__right {
  display: flex;
}
.sign__btn a {
  background: #f1f1f1 none repeat scroll 0 0;
  color: #333;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 14px;
  text-transform: capitalize;
  transition: all 0.3s ease 0s;
}
.sign__btn {
  margin-left: 38px;
}
.res__right h4 {
  align-items: center;
  color: #909090;
  display: flex;
  font-family: Raleway;
  font-size: 14px;
}
.res__title h2 {
  align-items: center;
  display: flex;
}
.login__form.first__last__name input + input {
  margin-top: 30px;
}
.sign__btn a:hover {
  background: #f36371 none repeat scroll 0 0;
  color: #fff;
}

.our__upcoming__area .upcoming__inner {
  width: 100%;
}

.reg-fields {
  min-height: 75px;
}

.news-page a {
  color: #f2184f;
  font-weight: 600;
  font-size: 16px;
}

#client-testimonials {
  box-shadow: 0 30px 20px -10px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  border-radius: 8px;
  background-color: #2c3e50;
  /* height: 17rem; */
  height: 22rem;
}
#client-testimonials:before {
  display: none;
  content: "";
  position: absolute;
  bottom: 0;
  height: 8px;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.84);
}
#client-testimonials .content-wrapper {
  position: relative;
  top: 0;
  padding-top: 2rem;
  height: 27em;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
}
#client-testimonials .content-wrapper .slide-content {
  position: relative;
  padding: 55px 31px 0 0px;
}
#client-testimonials .content-wrapper .slide-content cite {
  position: relative;
  font-size: 1rem;
  line-height: 1.4;
  margin-bottom: 0.5rem;
  font-style: normal;
  color: #fefefe;
}
#client-testimonials .content-wrapper .slide-content cite:before {
  content: "\f10d";
  font-family: FontAwesome;
  font-size: 16px;
  line-height: 16px;
  position: absolute;
  top: 8px;
  left: 6px;
  color: rgba(255, 255, 255, 0.2);
  font-size: 32px;
  top: -2rem;
  left: -1rem;
}
#client-testimonials .content-wrapper .slide-content name {
  color: rgba(254, 254, 254, 0.7);
}
#client-testimonials .content-wrapper .slide-content name p {
  font-size: rem-calc(13);
  line-height: 1.2;
  font-style: italic;
  color: rgba(254, 254, 254, 0.7);
  padding: 0;
  padding-top: 20px;
}

.avatar {
  position: absolute;
  width: 100px;
  top: 60px;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
}
.avatar img {
  width: 100px;
  height: 100px;
  border: 4px solid #fff;
  border-radius: 100%;
  transition: opacity 2s ease;
}

.marquee {
  height: 25px;
  width: 100%;
  overflow: hidden;
  position: relative;
  font-weight: bold;
  background: #f2184f;
  color: #fff;
  padding: 20px 0px;
}

.marquee a {
  background: #e9ae37;
  color: #222;
  padding: 20px 10px 4px;
  font-size: 14px;
  line-height: 25px;
}

.marquee a:hover {
  color: #fff;
}

.marquee div {
  display: block;
  width: 200%;
  height: 30px;
  position: absolute;
  overflow: hidden;
  animation: marquee 10s linear infinite;
  font-size: 16px;
  top: 8px;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}

ul.doctorate-programme {
  margin: 10px 0px;
}

ul.doctorate-programme li {
  padding-bottom: 5px;
  font-size: 16px;
}

ul.doctorate-programme li .ion-university {
  margin-right: 7px;
}

#list4 a {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
}
.blog__details__thumb img {
  width: 100%;
}
.blog__details h2 {
  height: 60px;
}

.our__upcoming__area {
  background: #fff;
}
/* .ht__bradcaump__area{
  height:100vh;
} */

.timer_section svg {
  width: 80%;
  margin: auto;
  display: block;
  padding-top: 6%;
}

.timer_section {
  background: url(../images/home-bg3.jpg) no-repeat scroll;
  position: relative;
  height: 90vh;
  background-size: cover;
}
.timer_section button {
  margin: 5% auto auto auto;
  display: block;
  z-index: 999;
  background: #0082c6b3;
  border: 0;
  padding: 3px 25px;
  color: #fff;
  border-radius: 5px;
}
section.timer_section:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0a0a0a1a;
}
.timer_count {
  display: flex;
  /* margin: auto; */
  width: 100%;
  height: 40vh;
  text-align: center;
  max-width: 700px;
  margin: auto;
  /* display: block; */
  color: #fff;
  margin-top: 1%;
}
.timer_count li {
  z-index: 99;
  display: flex;
  /* margin: auto; */
  padding: 0 15px;
  font-size: 35px;
  width: 100%;
  height: 100vh;
  text-align: center;
}

/* button */

.button {
  margin: 18px auto;
  display: block !important;
  width: 32%;
  background-color: #004a7f;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 20px;
  padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}
@-webkit-keyframes glowing {
  0% {
    background-color: #004a7f;
    -webkit-box-shadow: 0 0 3px #ed323799;
  }
  50% {
    background-color: #004a7f;
    -webkit-box-shadow: 0 0 40px #ed323799;
  }
  100% {
    background-color: #004a7f;
    -webkit-box-shadow: 0 0 3px #ed323799;
  }
}

@-moz-keyframes glowing {
  0% {
    background-color: #004a7f;
    -moz-box-shadow: 0 0 3px #ed323799;
  }
  50% {
    background-color: #004a7f;
    -moz-box-shadow: 0 0 40px #ed323799;
  }
  100% {
    background-color: #004a7f;
    -moz-box-shadow: 0 0 3px #ed323799;
  }
}

@-o-keyframes glowing {
  0% {
    background-color: #004a7f;
    box-shadow: 0 0 3px #ed323799;
  }
  50% {
    background-color: #004a7f;
    box-shadow: 0 0 40px #ed323799;
  }
  100% {
    background-color: #004a7f;
    box-shadow: 0 0 3px #ed323799;
  }
}

@keyframes glowing {
  0% {
    background-color: #004a7f;
    box-shadow: 0 0 3px #ed323799;
  }
  50% {
    background-color: #004a7f;
    box-shadow: 0 0 40px #ed323799;
  }
  100% {
    background-color: #004a7f;
    box-shadow: 0 0 3px #ed323799;
  }
}

/* line animate */
text {
  animation: 5s strokefill infinite alternate;
  font-size: 9px;
}
@keyframes strokefill {
  0% {
    stroke: rgb(255, 255, 255) rgba(0, 0, 0, 1);
    fill: rgba(0, 0, 0, 0);
    stroke-dashoffset: 25%;
    stroke-dasharray: 00% 50%;
    stroke-width: 0.4;
  }
  70% {
    fill: rgba(0, 0, 0, 0);
  }
  80% {
    stroke: rgb(255, 255, 255);
  }
  100% {
    stroke: rgb(255, 255, 255);
    fill: rgba(0, 0, 0, 1);
    stroke-dashoffset: -25%;
    stroke-dasharray: 50% 00%;
    stroke-width: 0;
  }
}

/* circle animate */

body {
  background: #454a59;
}
.pulsating-circle {
  position: absolute;
  left: 91%;
  top: 71%;
  transform: translateX(-50%) translateY(-50%);
  width: 30px;
  height: 30px;
}
.pulsating-circle1 {
  position: absolute;
  left: 10%;
  top: 10%;
  transform: translateX(-50%) translateY(-50%);
  width: 30px;
  height: 30px;
}
.pulsating-circle1:before {
  content: "";
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 45px;
  background-color: #fff;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle1:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff38;
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
.pulsating-circle:before {
  content: "";
  position: relative;
  display: block;
  width: 300%;
  height: 300%;
  box-sizing: border-box;
  margin-left: -100%;
  margin-top: -100%;
  border-radius: 45px;
  background-color: #fff;
  animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.pulsating-circle:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #ffffff38;
  border-radius: 15px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
@keyframes pulse-ring {
  0% {
    transform: scale(0.33);
  }
  80%,
  100% {
    opacity: 0;
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
  }
}

/* video */
.vidplayer {
  min-width: 100%;
  height: 79vh;
}

.banner_img {
  width: 20%;
}
/******************************** LATEST NEWS **********************************/
.latestnews_section {
  padding: 50px;
  background: #fff;
}
.latestnews_section h4 {
  padding: 20px;
  background: #023f9e;
  color: #fff;
}
.latestnews_section .modal_btn {
  /*width: 95%;*/
  white-space: normal;
}
.latestnews_section img {
  /*min-height:379px;*/
}
.ml-auto {
  margin-left: auto;
}
.mr-auto {
  margin-right: auto;
}
.latestnews_section .row {
  display: flex;
  flex-wrap: wrap;
}
.latestnews_section .modal-header {
  font-size: 30px;
  color: #fff;
  position: absolute;
  right: 14px;
  z-index: 999;
  background: #3c9dc7;
  border: 1px solid;
  top: 15px;
  padding: 4px 13px;
}
/********************************** INDUSTRIAL DOCTORATE **********************************/
.tab-content > .active {
  opacity: 1;
}
.bg-white {
  background: #fff;
}
.industrial_doctorate .nav-tabs li {
  background: #005691;
  padding: 0 8px;
  font-size: 16px;
  width: 20%;
  position: relative;
  display: flex;
  border-right: 1px dashed #fff;
}
.industrial_doctorate .nav-tabs li:after {
  /*  border-right: 1px dashed #fff;
    position: absolute;
    content: "";
    right: 0;
    height: 20px;
    top: 21px;
*/
}
.industrial_doctorate .nav-tabs li.active:after {
  height: 0px;
}
.industrial_doctorate li {
  margin: 10px 0;
}
.industrial_doctorate .nav-tabs li a {
  color: #fff;
  font-weight: 600;
  text-align: center;
  padding: 8px 0;
  margin: auto;
  /*width: 100%;*/
}
.industrial_doctorate .nav-tabs li.active {
  background: #003b63;
  /*text-transform: uppercase;
    font-size: 15px;*/
}
.industrial_doctorate .nav-tabs li.active a {
  color: #005691;
  min-width: 50%;
}

.industrial_doctorate .container {
  width: 90%;
  margin: auto;
}
h3.honorary_header {
  font-size: 19px;
  font-weight: 600;
  margin: 17px 0;
}

.industrial_doctorate {
  padding: 50px 0;
  background: url(../images/industrial_doctorate/bg.png);
  background-size: cover;
  background-attachment: fixed;
}
.industrial_doctorate p,
.industrial_doctorate li {
  line-height: 2;
  color: #000;
  font-size: 15px;
}
.industrial_doctorate .nav-tabs > li > a:hover {
  color: #005691;
}

.designation {
  color: #004979 !important;
  margin: 3px 0;
  font-weight: 600;
}

.industrial_doctorate .nav-tabs {
  margin-bottom: 25px;
  border: 0;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: auto;
}
.advisoryPanel img {
  box-shadow: 0 0 1px 10px rgba(16, 101, 157, 0.55), 0 0 1px 18px rgba(16, 101, 157, 0.34);
  margin-bottom: 25px;
  width: 100%;
  margin: 10px auto 25px auto;
}
.img_advisors_block {
  /* float: left; */
  width: 26%;
  padding: 0px 30px 0 11px;
  display: inline-block;
}
.advisoryPanel h6 {
  font-weight: 600;
}
.advisoryPanel_content {
  padding: 20px !important;
  box-shadow: 1px 1px 10px 6px rgba(0, 0, 0, 0.11);
  margin-bottom: 25px;
  display: flex;
  flex-wrap: wrap;
}
.advisoryPanel_contentinner {
  width: 68%;
}
.advisoryPanel_contentinner {
  width: 72%;
}
#previousHonorary img,
.eligibilityCriteria img {
  width: 1.5%;
  margin-right: 10px;
}
.note {
  color: #005691;
  line-height: 1.8;
}

/**************************** OUR TEAM *****************************/
.our_team .col-md-4 {
  width: 30%;
  margin-bottom: 25px;
  background: #e0dbdf;
  padding: 35px;
  text-align: center;
  line-height: 2;
}
.our_team img {
  box-shadow: 0 0 1px 5px rgba(92, 95, 97, 0.48), 0 0 1px 10px rgba(152, 146, 146, 0.51);
}
.our_team .col-md-4 h5 {
  margin: 15px 0 5px 0;
}
.our_team .section__title {
  margin-bottom: 25px;
}
.our_team .row {
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
}
.w-100 {
  width: 100%;
}
.our_team {
  background-color: #ececec;
}
.font-style {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Roboto Slab", serif;
}
section.promoters {
  background: #eee;
  padding: 40px 0;
  overflow: hidden;
}
section.promoters li {
  position: relative;
  margin: 26px 0;
  box-shadow: 3px 3px 8px 3px rgba(0, 0, 0, 0.14);
  padding: 0;
  font-weight: 500;
  /* border: 1px solid; */
  border-bottom: 3px solid #007791;
  min-height: 94px;
  background: url(../images/bg.jpg);
  text-align: center;
  color: #000000;
  width: 185px;
  height: 185px;
  border-radius: 50%;
  /* display: inline-block; */
  display: flex;
  padding: 15px;
  margin: 15px 2px;
}
.promoters svg {
  width: 225px;
  height: 225px;
  position: absolute;
  left: -18px;
  top: -20px;
  right: -40px;
  bottom: -40px;
}
section.promoters li span {
  margin: auto;
  display: block;
}
section.promoters ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 50px;
}
.video_archive_section .row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.video_archive_section .col-md-5 {
  margin: auto;
  padding: 0 !important;
  margin-bottom: 25px;
  box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.11);
}
.video_archive_section .col-md-5 p {
  background-image: linear-gradient(to right, #0082c6, #0381c4);
  color: #fff !important;
  font-size: 16px !important;
  padding: 10px;
  min-height: 68px;
  margin: auto;
}
.for_more_details {
  font-size: 17px;
  color: #000;
  margin-top: 10px;
  font-weight: 600;
}

.for_more_details a {
  color: #0082c6;
  font-weight: 600;
}
.faculty ul.dropdown {
  left: -99px !important;
}
.teaching_faculty {
  background-color: #ececec;
}

.teaching_faculty_box {
  background: #e0dbdf;
  margin-top: 25px;
  padding: 20px 0;
}
.teaching_faculty_box p {
  color: #000;
}
p.ex2 {
  font-weight: 600;
  color: #00465b !important;
}
.img_ocenblue {
  width: 50%;
}
.img_ocenblue img {
  width: 100%;
}
.ml-auto {
  margin-left: auto;
}
.gallery_section .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.gallery_section .container:after,
.gallery_section .row:after,
.gallery_section .container:before,
.gallery_section .row:before {
  display: none;
}
.gallery_section .col-md-6 {
  box-shadow: 0 0 1px 3px rgba(92, 95, 97, 0.48), 0 0 1px 7px rgba(152, 146, 146, 0.51);
  width: 31%;
  margin-bottom: 40px;
  height: 282px;
  padding: 0;
}
.gallery_section .modal-content {
  margin-top: 14%;
}
.gallery_section .col-md-6 img {
  width: 100%;
  height: 100%;
}
.research_guides .designation {
  /* color: magenta!important; */
  margin: 8px 0;
}
.research_guides h6 {
  font-weight: 600;
}
.research_guides .advisoryPanel_content {
  margin-bottom: 0;
  margin-top: 25px;
}
section.video-pad {
  padding: 50px;
}
.courses_indian h5 {
  background: blue;
  padding: 10px 0;
  background-color: #005691;
  color: #fff;
  margin: 20px 0;
  text-align: center;
}
.courses_indian ul,
.courses_indian .row,
.main_it_courses {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/*.main_it_courses li{
  width: 33%;
  min-width: 33%;
}*/

.courses_indian li {
  margin-bottom: 10px;
  color: #000;
  border: 1px solid #dbdada;
  padding: 9px;
  text-align: center;
  display: block;
  width: 100%;
  /*min-width: 49%;*/
  background: #eee;
}
.media_courses li,
.it_courses li {
  width: 100%;
}
li.sub_courses_list {
  width: 33% !important;
  padding: 0 10px;
}
.sub_courses_list li {
  width: 100%;
  margin-bottom: 10px;
  background: #e1e1e1;
}
.sub_courses_list h4 {
  text-align: center;
  padding: 10px 0;
  font-weight: 600;
  background: #0082c6;
  color: #fff;
  margin-bottom: 20px;
}
.mean-container .mean-bar {
  z-index: 99;
}
.our__about__area,
.htc__service__area,
.our__testimonial__area,
.our__upcoming__area {
  background: url(../images/transparent.jpg);
  background-attachment: fixed;
}
[data--black__overlay]:before {
  background: transparent;
}
.form_flex {
  display: flex;
  justify-content: space-between;
}
.form_flex .form-group {
  width: 49%;
}
.internal_auditor_training input#sub {
  background: #0082c6;
  color: #fff;
  padding: 4px 22px;
}
.blink {
  font-weight: 700;
  font-weight: 700;
  border: 0;
  background: #fff;
  color: #653eda;
  padding: 7px 20px;
  border-radius: 22px;
  text-decoration: blink;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
  position: absolute;
  z-index: 0;
  box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.28);
  top: 50%;
  left: 30%;
}
@-webkit-keyframes blinker {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/*UPSKILL WORK workshop*/
.course_online {
  padding: 40px;
  background: aliceblue;
}
.course_online .form-check label {
  padding-left: 6px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.course_online .form-check {
  display: flex;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.course_online select {
  border: 1px solid #ccc;
  padding: 10px 0;
  border-radius: 5px;
}
.course_online h4 {
  color: #005691;
  font-weight: 600;
  font-size: 22px;
  background: #fff;
  padding: 9px 0;
  margin-bottom: 8px;
  text-align: center;
  box-shadow: 2px 1px 4px 1px #00000026;
  border-radius: 5px;
}
.course_online .col-md-4,
.course_online .col-md-8 {
  border-radius: 12px;
  padding: 20px;
}
.course_online .col-md-4 form {
  box-shadow: 2px 1px 4px 1px #00000026;
  border-radius: 12px;
  background: #fff;
  padding: 20px;
}
.course_online .col-md-8 {
  width: 65%;
  background: #fff;
  box-shadow: 2px 1px 4px 1px #00000026;
}
.justify-content-between {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}
.course_online .no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.course_online h6 {
  color: #005691;
  margin: 10px 0;
  font-weight: 500;
}
.course_online th {
  color: #fff;
  background: #005691;
}
.course_online td {
  background: #eee;
}
.package_details {
  display: flex;
  margin-bottom: 20px;
  justify-content: space-between;
}
.shadow1 {
  box-shadow: 1px 1px 3px 3px #00000014;
  width: 48%;
  padding: 9px;
  line-height: 2;
}
.course_online .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/********************* INDUSATRIAL DOCTORATE ***********************************/

@media (max-width: 1200px) {
  .vidplayer {
    min-width: 100%;
    height: 57vh;
  }
}
@media (max-width: 991px) {
  iframe {
    width: 700px !important;
  }
  #client-testimonials {
    height: auto;
  }
}
/* @media (min-width: 991px){
.container {
    width: 100%;
    padding:15px!important;
}
} */
@media (max-width: 768px) {
  .package_details.table-responsive-sm {
    overflow: scroll;
  }
  .shadow1,
  .course_online .col-md-8 {
    width: 100%;
  }
  .course_online {
    padding: 20px 0;
    background: aliceblue;
  }
  .package_details {
    display: block;
    .header__address {
      display: flex !important;
      justify-content: space-between !important;
    }
  }
  .p-resp-0 {
    padding: 0;
  }
  .concept_page h5 {
    margin-top: 20px;
  }
  .gallery_section .col-md-6 {
    width: 49%;
  }
  #client-testimonials .avatar {
    position: inherit !important;
    top: inherit;
  }
  #client-testimonials .content-wrapper .slide-content {
    text-align: center;
    padding: 15px;
  }
  .htc__header__top {
    height: 68px;
  }
  .header__top__right {
    margin-top: 17px;
  }
  .advisoryPanel_contentinner {
    width: 100%;
  }
  .img_advisors_block {
    width: 50%;
    margin: auto;
  }
  .industrial_doctorate_content_right {
    padding: 0 15px;
  }
  .knowledge_partner {
    width: 36%;
  }
  .timer_count {
    display: flex;
    /* margin: auto; */
    width: 100%;
    height: 40vh;
    text-align: center;
    max-width: 500px;
  }
  .timer_section svg {
    padding-top: 13%;
  }
  .knowledge_partner h5 {
    font-size: 19px;
  }
  .our_team .col-md-4 {
    width: 46%;
  }
}
@media (max-width: 575px) {
  .auditortraining-banner .bradcaump-title {
    font-size: 22px !important;
  }
  .auditortraining-banner .breadcrumb-item {
    font-size: 14px !important;
  }
  .imgLoadModal {
    width: 100%;
    margin-bottom: 15px;
  }
  .slider__inner h6 {
    background: #ffffffad;
    padding: 13px;
    left: 0;
    font-size: 17px;
    color: #005691;
    margin-top: 0;
    margin-bottom: 10px;
    position: inherit;
    top: inherit;
  }
  .form_flex {
    display: block;
  }
  .form_flex .form-group {
    width: 100%;
  }
  .industrial_doctorate .nav-tabs > li > a:hover {
    color: #ffffff;
    background-color: #27a0f3;
    width: 100%;
  }
  .industrial_doctorate .nav-tabs li {
    padding: 0;
  }
  .industrial_doctorate .nav-tabs li.active a {
    min-width: 100%;
    border-radius: 0;
    color: #ffffff;
    background-color: #27a0f3;
  }
  .modal-dialog_pageLoad {
    width: 100% !important;
  }
  .gallery_section .col-md-6 {
    width: 100%;
    height: auto;
  }
  .img_ocenblue img {
    margin-bottom: 15px;
  }
  .modal_box_total .modal-dialog {
    width: 100% !important;
    margin: 0;
  }
  .newsletter_page .col-md-3 {
    width: 100%;
  }
  .text__align--center .slider__inner {
    margin-top: 147px;
  }
  li.sub_courses_list {
    width: 100% !important;
    padding: 0 10px;
  }
  .htc__header__top {
    padding: 15px;
  }
  .pb--70 {
    padding-bottom: 30px;
  }
  .pt--80 {
    padding-top: 30px;
  }
  .container {
    width: 100% !important;
  }
  .about_effism_section .col-md-6,
  .about_effism_section .col-md-12 {
    padding: 0;
  }
  section.video-pad {
    padding: 0;
  }
  .research_guides .img_advisors_block {
    padding: 0;
  }
  .research_guides .img_advisors_block img {
    width: 100%;
  }
  .research_guides h6 {
    margin-top: 10px;
  }
  .video_archive_section .col-md-5 img {
    height: auto;
  }
  .latestnews_section .col-md-5 {
    margin-bottom: 20px;
    padding: 0;
  }
  .latestnews_section {
    padding: 15px 0;
  }
  .p-0 {
    padding: 0;
  }
  .industrial_doctorate .nav-tabs li {
    width: 100%;
    margin: 1px 0;
  }
  .img_advisors_block {
    width: 100%;
  }
  .industrial_doctorate .container {
    width: 100%;
    padding: 0;
  }
  .row.no-gutters.justify-content-around.industrial_doctorate_content_right {
    padding: 0 15px;
  }
  iframe {
    width: 500px !important;
    /*height: 57vh;*/
  }

  section.htc__shop__container.container_responsive.bg__white.ptb--50 .container {
    width: 100%;
  }
  .knowledge_partner {
    width: 50%;
  }

  .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .timer_section svg {
    padding-top: 22%;
    width: 89%;
  }
  .button {
    width: 45%;
  }
  .timer_count {
    display: flex;
    /* margin: auto; */
    width: 100%;
    height: 40vh;
    text-align: center;
    max-width: 400px;
  }
  .timer_count {
    display: flex;
    /* margin: auto; */
    width: 100%;
    height: 40vh;
    text-align: center;
    max-width: 400px;
  }
  .timer_count li {
    font-size: 21px;
  }
  .timer_count li {
    font-size: 16px;
  }
  .timer_count {
    display: flex;
    /* margin: auto; */
    width: 100%;
    height: 40vh;
    text-align: center;
    max-width: 336px;
  }
  .circle-wrap {
    width: 380px;
    height: 380px;
  }
  .pulsating-circle {
    top: 89%;
  }
  .our_team .container,
  .promoters .container,
  .research_guides .container,
  .teaching_faculty .container,
  .ocean_blue_teater_section .container {
    width: 100%;
  }
  section.promoters li {
    margin: 10px auto;
  }
  .about__details {
    font-size: 15px;
  }
  .section__title h2.title__line {
    font-size: 1.7em;
  }
  .about__details {
    margin-top: 0;
  }
  p.ex1 {
    margin-top: 10px;
  }
}
@media (max-width: 441px) {
  .header__address li a {
    font-size: 13px;
  }
  .latestnews_section .modal-content {
    margin-top: 59%;
  }
  #list4 a,
  .font-style {
    font-size: 12px;
  }
  div#industrial_doctorate_about {
    padding: 15px;
  }
  .social__icon li a i {
    font-size: 14px;
  }
  .col-xs-12,
  .service {
    padding: 0;
  }
  .faculty ul.dropdown {
    left: 0px !important;
  }
  .insta_img {
    width: 90%;
    margin-top: 2px;
  }
  .htc__header__top .container {
    width: 100%;
    padding: 0;
  }
  .social__icon {
    justify-content: space-between !important;
    /*flex-wrap: wrap;*/
    /* display: block; */
  }
  .header__top__left {
    text-align: left !important;
  }
  .social__icon li {
    padding-left: 0;
    padding-right: 15px;
  }
  /*#list4{
  width: 100%;
  margin-bottom: 10px;
}*/
  .htc__header__top {
    height: 89px !important;
  }
  .htc__header__top .col-xs-6 {
    width: 100%;
  }
  .header__top__right {
    margin-top: 0;
  }
  .knowledge_partner {
    width: 70%;
  }

  .video_sec.container {
    width: 100%;
    padding: 0 20px;
  }
  iframe {
    width: 400px !important;
  }
  .our_team .col-md-4 {
    width: 100%;
  }
}
@media (max-width: 414px) {
  .social__icon li + li {
    padding-left: 18px;
  }
  .button {
    margin: 18px auto;
    display: block !important;
    width: 53%;
    font-size: 16px;
  }
  .timer_section h2 {
    font-size: 18px;
  }
  .timer_section svg {
    padding-top: 26%;
    width: 70%;
    margin: auto;
    display: block;
  }
  .timer_count li {
    font-size: 16px;
  }
  .timer_section svg {
    width: 92%;
  }
  .vidplayer {
    min-width: 100%;
    height: 42vh;
  }
  .padding_section.ptb--80 {
    padding: 34px 0;
  }
}
@media (max-width: 414px) {
  iframe {
    width: 383px !important;
  }
}
@media (max-width: 375px) {
  .vidplayer {
    min-width: 100%;
    height: 36vh;
  }
  .social__icon li + li {
    padding-left: 0px;
    padding-right: 12px;
  }

  iframe {
    width: 280px !important;
  }
  .knowledge_partner {
    width: 85%;
  }
  .pulsating-circle {
    left: 88%;
  }
  .knowledge_partner h5 {
    color: #fff;
    font-size: 18px;
  }
  .button {
    margin: 18px auto;
    display: block !important;
    width: 55%;
    font-size: 15px;
  }
  .player .vp-title .vp-title-header h1 a {
    font-size: 12px;
  }
  .img_ocenblue {
    width: 100%;
  }
  .latestnews_section .modal-body {
    /*padding: 0;*/
  }
}

@media (max-width: 320px) {
  .vidplayer {
    height: 31vh;
  }
  .latestnews_section .modal-content {
    margin-top: 69%;
  }
  .timer_section svg {
    padding-top: 36%;
  }
  .knowledge_partner img {
    width: 47%;
  }
}

.course_online .fa-check {
  color: green;
}
.course_online .fa-times {
  color: red;
}