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

  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



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

/*---------------------
   Social networks buttons
----------------------*/

.twitter-share-button {
  position: absolute !important;
  left: 120px;
}

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

/*

    font-family: 'Roboto Slab', serif;

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

*/


/*---------------------------------------
  02. Scroll To Top
----------------------------------------*/
#scrollUp {
  bottom: 15px;
  box-sizing: content-box;
  color: #fff;
  font-size: 20px;
  height: 50px;
  line-height: 52px;
  position: fixed;
  right: 15px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 50px;
  z-index: 200;
}

@-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: #868686e0 none repeat scroll 0 0;
}


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


.about__details {
    font-size: 15px;
    line-height: 24px;
    margin-top: 26px;
}
.htc__team__page{
   margin-top: -30px;
   display: flex; /* added */
   flex-wrap: wrap; /* added */
   align-items: center; /* added */
   justify-content: left; /* added */
}

.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;
}

/* latest News Area */

.our__upcoming__area {
  background: rgba(0, 0, 0, 0) url(/images/site/event-image.jpg) no-repeat scroll center center / cover ;
}

/*---------------------------------------
  Partners Carousel Area
----------------------------------------*/

.partners-carousel {
  padding-top: 25px;
  padding-bottom: 25px;
  background-color: #0e2c53;
}

.partners-carousel .item {
  margin-right: 15px;
}

.partners-carousel .item img {
  border: 1px solid #fff;
  padding: 3px;
}

/*---------------------------------------
  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;
  font-family: font-5;
}

.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__details__inner p {
  font-family: font-4;
  font-size: 14px;
}
.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 #d8d8d8;
  font-size: 14px;
}
.indicator__style--1.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #621d57 none repeat scroll 0 0;
  border: 1px solid #621d57;
  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: #e9ae37;
  border: 1px solid #e9ae37;
  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 h4 {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 24px;
}
.countdown__inner h2 {
    color: #fff;
    font-size: 72px;
    margin-bottom: 38px;
    margin-top: 10px;
    text-transform: uppercase;
}
.create__free__account__form {
    background: #fff none repeat scroll 0 0;
    position: relative;
    z-index: 2;
    margin-left: 60px;
}
.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;
}
.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: 44px;
    margin-top: 20px;
    padding: 0 20px;
    width: 100%;
}
.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: #e9ae37;
}

/*-----------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%;
  height: 130px; /* added */
  text-overflow: ellipsis; /* added */
  text-transform: none; /* added */
  overflow: hidden;
}
.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: #0e2c53;
    font-size: 18px;
    text-transform: uppercase;
}
.upcoming__style--4 .upcoming__date span.date{
  font-family: Roboto Slab;
}
.upcoming__style--4 .upcoming__date span.event-month {
  font-family: font-4;
}
.upcoming__style--2 .upcoming__date span.date,
.upcoming__style--4 .upcoming__date span.date {
    display: block;
    font-size: 58px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 8px;
    width: 64px;
}
.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: #616161;
    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;
}
.upcoming__style--2 .upcoming__details,
.upcoming__style--4 .upcoming__details {
    background: #fff 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: font-5;
    font-size: 15px;
    font-weight: 500;
}
.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: #621d57 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: #621d57 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__style--4 .upcoming:not(:first-child) {
  margin-top: 40px;
}

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

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

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

.text-thumb img {
  cursor: pointer;
  margin: auto;
}
.sin-testiImage.slick-slide.slick-current.slick-active.slick-center .text-thumb img {
  z-index: 999;
  transform: scale(1.4);
}
.text-thumb {
  max-width: 90px;
  padding-top: 50px;
}

.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: 50px;
  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;
}
.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: #2db6a3;
}
/*-----------Testimonial Style 3----------*/

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

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

.submit-button {
  padding: 9px;
  outline: none;
  background-color: #0e2c53;
  border: 1px solid #0e2c53;
  color: #fff;
  font-family: 'font-4';
  font-weight: 400;
}
.submit-button:hover {
  background-color: #fff;
  color: #0e2c53;
}
.blog__thumb a {
  display: block;
  overflow: hidden;
}
.blog__thumb {
    position: relative;
}
.blog__date {
    left: 20px;
    position: relative;
    top: -20px;
}
.blog__date span {
    background: #0e2c53 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    text-transform: uppercase;
    transition: all 0.4s ease 0s;
}

.blog__details h2 {
    font-size: 16px;
    margin-top: 6px;
    font-family: font-5;
    font-weight: normal;
}
.blog__details p {
    font-size: 14px;
    margin-top: 16px;
    font-family: font-4;
    color: #4a4a4a;
}
.blog__details__thumb img {
  padding: 3px;
  border: 1px solid #b5b5b5;
}
.read__more__btn {
  font-size: 15px;
  font-weight: 500;
  font-family: font-5;
  border: 1px solid #621d57;
  background-color: #621d57;
  color: #fff;
  padding: 8px 12px;
}
.read__more__btn:hover {
  background-color: #fff;
  color: #621d57;
}
.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;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
}

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

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

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

.blog__style--3 .blog__date span {
  background: #e9ae37 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;
}

.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;
}
/*----------Our Newsletter Style 3-----------*/

.newsletter__style--3 .subscribe__btn input {
  background: #e9ae37 none repeat scroll 0 0;
  border: 1px solid #e9ae37;
}
.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__area {
  border-top: 4px solid #621d57;
  background: rgba(0, 0, 0, 0) url(/images/site/breadcrumb.jpg) no-repeat scroll center center / cover ;
}

.bradcaump__inner i {
  color: #fff;
  margin-right: 5px;
  margin-left: 5px;
}

.ht__bradcaump__wrap {
  align-items: center;
  display: flex;
  height: 200px;
  position: relative;
  z-index: 2;
}
.bradcaump-title {
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}
.breadcrumb-item {
    color: #fff;
    font-family: font-4;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
}
.brd-separetor i {
    color: #fff;
    font-size: 12px;
    padding: 0 12px;
}
.bradcaump-inner {
    margin-top: 13px;
}

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

.ml-portfolio-page {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
}

.ml-portfolio {
    position: relative;
}
.ml-port-thumb img {
    width: 100%;
    padding: 3px;
    border: 1px solid #a5a5a5;
}
.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: 50px;
    transition: all 0.4s ease 0s;
}
.pro-item{
  margin-top: 30px;
}
.filter-button {
  padding: 10px;
  outline: none;
  font-family: 'font-5';
  border: 1px solid #621d57;
  background-color: #621d57;
  color: #fff;
}
.filter-button:hover {
  background-color: #fff;
  color: #621d57;
}
.text-center.htc__load__btn {
  align-items: center;
  background: #0e2c53;
  border: 1px solid #0e2c53;
  display: flex;
  margin: auto;
  color: #fff;
  outline: none;
  padding: 10px 20px;
  font-size: 20px;
}

.text-center.htc__load__btn:hover {
  color: #0e2c53;
  background: #fff;
}

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


.htc-pagination li a,
.htc-pagination li span {
  border: 1px solid #cccccc;
  color: #727272;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  height: 40px;
  line-height: 35px;
  text-align: center;
  width: 40px;
  font-family: font-5;
}
.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,
.htc-pagination li.active span {
    background: #0e2c53 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__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: #666666;
    font-size: 14px;
    line-height: 24px;
    margin-top: 19px;
}
/*Service Color 2*/
.service__color--2 .service__icon i {
    background: #e9ae37 none repeat scroll 0 0;
    border: 1px solid #e9ae37;
}
.service.service__color--2:hover .service__icon i {
    border: 1px solid #e9ae37;
    color: #e9ae37;
}
.service__color--2 .service__details h2 {
    color: #e9ae37;
}
.service__color--2 .service__details h2::before {
    background: #e9ae37 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: 24px;
    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: 6px 12px 0;
    background: #fff;
}
.team {
    border: 1px solid #cccccc;
}
.team__inner h4 {
    color: #333333;
    font-family: font-4;
    font-size: 14px;
}
.team__inner h6 {
    color: #888888;
    font-family: font-5;
    font-size: 14px;
    margin-top: 12px;
}
.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;
}
.team__details {
    transition: all 0.3s ease 0s;
}
.team__hover__info {
    padding: 10px 0 20px;
}
.team__inner {
    padding-bottom: 10px;
}
.team__details {
    height: auto;
    left: 0;
    position: absolute;
    width: 100%;
}
.team {
    overflow: hidden;
    padding-bottom: 85px;
    position: relative;
}

.team:hover { /* custom */
    border-color: #9b9b9b;
}

.team__details .team__inner h6 i {
  margin-right: 4px;
  font-size: 16px;
  color: #621d57;
}

/*

.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%;
    padding: 3px;
}
.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 #c8c8c8;
}
.teacher__hover__info .social__icon li a i {
  font-size: 21px;
}

.teacher__details h2 {
    font-size: 24px;
    font-family: font-4;
}
.teacher__details h6 {
    color: #747474;
    font-size: 18px;
    margin-top: 16px;
    font-family: font-5;
    color: #464646;
}
.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__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;
}

.all__courses__area h1 {
  font-size: 30px;
}

.all__courses__area h2 {
  font-size: 24px;
}

.all__courses__area h3 {
  font-size: 22px;
}

.all__courses__area h4 {
  font-size: 20px;
}

.all__courses__area h5 {
  font-size: 18px;
}

.all__courses__area h6 {
  font-size: 16px;
}

.all__courses__area h6,
.all__courses__area h5,
.all__courses__area h4,
.all__courses__area h3,
.all__courses__area h2,
.all__courses__area h1 {
  font-weight: 500;
  margin-bottom: 10px;
  font-family: font-5;
}

.all__courses__area p {
  margin-bottom: 20px;
  font-family: font-4;
  color: #4f4f4f;
}

/*--------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;
}
.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: 600;
    line-height: 24px;
    text-transform: uppercase;
}
.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: 0;
    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: #696969 none repeat scroll 0 0;
}
.section__title.section--white h2.title__line {
  color: #696969;
}
.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: #621d57 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 60px;
}
.title__style--3 {
  color: #000000;
  font-size: 24px;
  text-transform: capitalize;
  margin-bottom: 30px;
}


/*---------------
End Section Title
------------------*/

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

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

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

.blog__details__top h2 {
  font-family: font-5;
  font-size: 21px;
  font-weight: 500;
  color: #383838;
}

.htc__blog__details h2 {
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 13px;
    font-family: font-4;
}

.htc__blog__details p {
    color: #353535;
    font-size: 15px;
    margin-bottom: 16px;
    font-family: font-4;
}

.htc__blog__details ul,
.htc__blog__details ol {
  list-style-position: inside;
  margin-bottom: 10px;
}

.htc__blog__details ul {
  list-style-type: square;
}

.htc__blog__details {
  font-family: font-4;
  background-color: #f9f9f9;
  padding: 20px;
  margin-top: 30px;
  word-break: break-word;
  color: #353535;
  font-size: 15px;
  line-height: 30px;
  border: 1px solid #e0e0e0;
}
.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 + 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: 24px;
    margin-right: 10px;
}
.blog__thumb a img {
  width: 100%;
}
.blog__meta li a {
    color: #333;
}
.blog__meta span {
  font-family: font-4;
  font-size: 16px;
}
.blog__related__inner .blog__details h2 {
  margin-top: 0;
}
.blog__details {
  word-break: break-word;
}
.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;
}

.share-buttons-container {
  margin-bottom: 20px;
}

/*-----------------------------
  Images carousel
-------------------------------*/

.images-carousel-container .carousel-image {
  padding: 3px; /* giorgi */
}
.carousel-image-wrapper {
  border: 1px solid #d6d6d6;
}
.carousel-image-wrapper .images__thumb {
  position: relative;
}
.carousel-image-wrapper .images__thumb a {
    display: block;
    position: relative;
    overflow: hidden;
}
.carousel-image-wrapper:hover .images__thumb a {
    display: block;
    position: relative;
}
.carousel-image-wrapper:hover .images__thumb a img {
    width: 100%;
    transition: 0.6s;
}
.carousel-image-wrapper:hover .images__thumb a img{
  transform: scale(1.2);
}

.images-carousel-container .owl-theme .owl-nav [class*=owl-] {
  border: 1px solid #621d57;
  padding: 8px 16px;
}

.images-carousel-container .owl-theme .owl-nav {
  margin-top: 20px;
}

/*-----------------------------
  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;
}

.lst__view__details {
  color: #1f1f1f;
}

.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: font-5;
  font-size: 15px;
  font-weight: 400;
  border: 1px solid #621d57;
  background-color: #621d57;
}

.list__btn .htc__btn:hover {
  color: #621d57;
  background-color: #fff;
}






.single__list__view {
  margin-top: 30px;
  padding-bottom: 30px;
}

.single__list__view:not(:last-child) {
  border-bottom: 1px solid #ededed;
}

.course-description {
  font-family: font-4;
}

.lst__view__details h2 {
  font-family: font-5;
  color: #4a4a4a;
  font-weight: 500;
}

.single__list img {
  padding: 3px;
  border: 1px solid #bcbcbc;
}

.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: 24px;
    font-family: font-5;
    color: #3a3a3a;
    font-weight: 500;
}
.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__content {
    padding: 20px;
}
.htc__crs__tab__wrap {
    border: 1px solid #dfdede;
    margin-top: 30px;
    position: relative;
    padding: 10px 20px;
    margin-bottom: 30px;
    word-break: break-word;
}

.htc__crs__tab__wrap p,
.htc__crs__tab__wrap {
  font-family: font-4;
}

.htc__crs__tab__wrap ul {
  list-style-type: square;
  list-style-position: inside;
  color: #595959;
  font-weight: 600;
}

.htc__crs__tab__wrap h1,
.htc__crs__tab__wrap h2,
.htc__crs__tab__wrap h3,
.htc__crs__tab__wrap h4,
.htc__crs__tab__wrap h5,
.htc__crs__tab__wrap h6 {
  font-family: font-5;
  margin-bottom: 10px;
  margin-top: 10px;
}

.htc__crs__tab__wrap p {
  margin-top: 12px;
  margin-bottom: 14px;
  color: #1f1f1f;
}

.htc__crs__tab__wrap ul {
  list-style-type: square;
}

.htc__crs__tab__wrap ul,
.htc__crs__tab__wrap ol {
  list-style-position: inside;
  margin-bottom: 10px;
}

.htc__crs__tab__wrap ul li,
.htc__crs__tab__wrap ol li {
  color: #595959;
  font-weight: 600;
}

/*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;
}

/* Courses details */

.courses__details__thumb img {
  border: 1px solid #adadad;
  padding: 3px;
}

/*------------------
  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;
}
.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: 25px;
}
.shop{
  margin-top: 50px;
}
.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__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: #0e2c53;
    font-size: 30px;
    padding-right: 10px;
    width: 40px;
}
.contact__address p a {
    color: #666666;
    font-size: 15px;
    transition: 0.3s;
}

.contact__address p {
    margin-bottom: 0;
    padding-left: 42px;
    text-align: left;
}
.cont__icon {
    margin-bottom: 0;
}
.contact__address {
    padding: 27px 0 21px;
}

.contact__address:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

.bus-route-link span {
  color: #1f1f1f;
}

.bus-route-link i {
  color: #621d57;
  font-size: 20px;
}

.contact__title {
    border-bottom: 1px solid #cccccc;
    font-size: 24px;
    margin-bottom: 10px;
    padding-bottom: 12px;
    position: relative;
    text-transform: capitalize;
}
.contact__title::before {
    background: #621d57 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 133px;
    top: calc(100% - 1px);
}
.contact-box.name_email input {
    border: 1px solid #e8e8e8;
    border-radius: 7px;
    color: #909090;
    height: 40px;
    line-height: 40px;
    margin: 0 15px;
    padding: 0 20px;
    width: 50%;
}
.contact-box.name_email {
    display: flex;
    margin-left: -15px;
    margin-right: -15px;
}
.contact-box input {
    border: 1px solid #c4c4c4;
    color: #595959;
    padding: 10px 20px;
    width: 100%;
    outline: none;
}
.contact-box input::-webkit-input-placeholder,
.contact-box.message textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: font-4;
}
.contact-box input::-moz-placeholder,
.contact-box.message textarea::-moz-placeholder { /* Firefox 19+ */
  font-family: font-4;
}
.contact-box input:-ms-input-placeholder,
.contact-box.message textarea:-ms-input-placeholder { /* IE 10+ */
  font-family: font-4;
}
.contact-box input:-moz-placeholder,
.contact-box.message textarea:-moz-placeholder { /* Firefox 18- */
  font-family: font-4;
}
.contact-box input:focus,
.contact-box.message textarea:focus {
  border-color: #727272;
}
.single-contact-form {
    margin-top: 20px;
    font-family: 'font-4';
}
.contact-box.message textarea {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #c4c4c4;
    min-height: 199px;
    padding: 14px 20px;
    outline: none;
    color: #595959;
}
.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 #0e2c53;
  outline: none;
}

.contact-btn .htc__btn:hover {
  color: #0e2c53;
  background-color: #fff;
}
.contact-btn .btn--theme {
  height: 40px;
  line-height: 39px;
  padding: 0 32px;
}

.contact-btn .btn--theme:first-child {
  margin-right: 20px;
}

#notification-container {
  border: 1px solid #c8c8c8;
  background-color: #f3f3f3;
  padding: 10px;
  margin-top: 30px;
  position: relative;
}

#notification-close {
  font-weight: 400;
  font-size: 20px;
  color: #ffffff;
  position: absolute;
  right: 22px;
  top: 12px;
  color: #868686;
  cursor: pointer;
}

#notification-text {
  display: block;
  position: relative;
  font-family: 'font-4';
  width: calc(100% - 20px);
}

/*---------------------------------------
  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;
}
.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 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;
}
.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;
}
.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 {
    border: 1px solid #d8d8d8;
    margin: auto;
    padding: 30px;
}
.login__inner h2 {
    font-size: 24px;
    font-weight: 500;
    width: 100%;
    text-align: center;
}

.login__form__box .cstm-selected-option {
  background-color: #fbfbfb;
  padding: 14px 16px;
}

.login__inner .res__description {
  margin-top: 20px;
  font-family: font-4;
}

.login__form__box {
    margin-top: 30px;
}
.form__group input {
    border: 1px solid #dfdfdf;
    font-size: 14px;
    padding: 15px 20px;
    color: #909090;
    width: 100%;
    outline: none;
    font-family: font-4;
    color: #787878;
}

.form__group .admission__button,
.default__form__button {
    font-family: font-5;
    outline: none;
    padding: 10px 20px;
    background-color: #621d57;
    color: #fff;
    border: 1px solid #621d57;
}

.form__group .admission__button:hover,
.default__form__button:hover {
    background-color: #fff;
    color: #621d57;
}

.form__group textarea {
  border: 1px solid #dfdfdf;
  padding: 10px 20px;
  color: #787878;
  width: 100%;
  outline: none;
  height: 200px;
  font-family: font-4;
}

.form__group textarea:focus,
.form__group input:focus {
  border-color: #a9a9a9;
}

.form__group input::placeholder,
.form__group textarea::placeholder {
  font-size: 14px;
  font-family: font-4;
}

.form__group input:-ms-input-placeholder,
.form__group textarea::placeholde {
  font-size: 14px;
  font-family: font-4;
}

.form__group input::-ms-input-placeholder,
.form__group textarea::placeholde {
  font-size: 14px;
  font-family: font-4;
}

.htc__login__container {
  background-color: #fbfbfb;
}

.login__form__box .form__group + .form__group {
    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__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;
}