@import url("https://fonts.googleapis.com/css?family=Dosis:300,400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Cabin:400,500,600,700");
a {
  color: #83c254;
}
a:hover {
  color: #388441;
}

.faPrimary {
  color: #83c254;
}

.bg-primary {
  background-color: #83c254 !important;
}

.text-link:hover {
  color: #83c254 !important;
}

.text-primary {
  color: #83c254 !important;
}

.text-primary:hover {
  color: #388441 !important;
}

.text-danger {
  color: #fc5855 !important;
}

.text-warning {
  color: #e97606 !important;
}

.text-info {
  color: #5a6ca6 !important;
}

.text-success {
  color: #b9ae07 !important;
}

.bgWarning {
  background-color: #e97606;
}

.colorPrimary {
  color: #83c254;
}

.noBorder.primary {
  background-color: #fff !important;
  color: #83c254 !important;
}
.noBorder.primary:hover {
  text-shadow: 0 1px 5px var(#bcbcbc);
}

.btn-primary {
  border: 1px solid #83c254;
  color: #fff;
  background-color: #83c254;
}
.btn-primary:hover {
  background-color: black;
  border: 1px solid black;
}

.btn-outline-primary {
  border: 1px solid #83c254;
  color: #83c254;
  background-color: #fff;
}
.btn-outline-primary:hover {
  background-color: #83c254;
  border: 1px solid #83c254;
}

.btn-warning {
  border: 1px solid #e97606;
  color: #fff;
  background-color: #e97606;
}
.btn-warning:hover {
  background-color: #904800;
  border: 1px solid #904800;
  color: #fff;
}

.btn-outline-warning {
  border: 1px solid #e97606;
  color: #e97606;
  background-color: #fff;
}

.btn-outline-warning:hover {
  background-color: #e97606;
  border: 1px solid #e97606;
  color: #fff;
}

.btn-danger {
  border: 1px solid #fc5855;
  color: #fff;
  background-color: #fc5855;
}
.btn-danger:hover {
  background-color: #bb1712;
  border: 1px solid #bb1712;
  color: #fff;
}

.btn-outline-danger {
  border: 1px solid #fc5855;
  color: #fc5855;
  background-color: #fff;
}
.btn-outline-danger:hover {
  background-color: #fc5855;
  border: 1px solid #fc5855;
  color: #fff;
}

.btn-success {
  border: 1px solid #b9ae07;
  color: #fff;
  background-color: #b9ae07;
  background-color: #978d00;
  border: 1px solid #978d00;
  color: #fff;
}

.btn-outline-success {
  border: 1px solid #b9ae07;
  color: #b9ae07;
  background-color: #fff;
}
.btn-outline-success:hover {
  background-color: #b9ae07;
  border: 1px solid #b9ae07;
  color: #fff;
}

.btn-info {
  border: 1px solid #5a6ca6;
  color: #fff;
  background-color: #5a6ca6;
}
.btn-info:hover {
  background-color: #061439;
  border: 1px solid #061439;
  color: #fff;
}

.btn-outline-info {
  border: 1px solid #5a6ca6;
  color: #5a6ca6;
  background-color: #fff;
}
.btn-outline-info:hover {
  background-color: #5a6ca6;
  border: 1px solid #5a6ca6;
  color: #fff;
}

.btn-secondary {
  border: 1px solid #46465c;
  color: #fff;
  background-color: #46465c;
}
.btn-secondary:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}

.btn-outline-secondary {
  border: 1px solid #46465c;
  color: #46465c;
  background-color: #fff;
}
.btn-outline-secondary:hover {
  background-color: #46465c;
  border: 1px solid #46465c;
  color: #fff;
}

.btn-default:hover {
  font-weight: bold;
}

.btn-outline-default:hover {
  font-weight: bold;
}

article.articleNews {
  border-left: 1px dashed #46465c;
  margin-bottom: 1.5rem;
  padding: 1rem 0;
}

article.articleNews .articleKdre {
  padding: 0.5rem 1rem;
}

article.articleNews .articleHeader {
  margin-bottom: 0;
  color: black;
}

article.articleNews .articleFooter {
  margin: 1rem 0;
  padding: 0.5rem 1rem;
}

article.articleNews .pTag .badgeCat {
  display: inline-block;
  padding: 0.25rem 1rem;
  color: white;
  font-weight: bold;
}

article.articleNews .pTag.primary {
  border-bottom-color: #2397ce;
}

article.articleNews .pTag.primary .badgeCat {
  /*background-color: #2397ce;*/
  color: var(--primary);
}

article.articleNews .pTag.warning {
  border-bottom-color: #ed8200;
}

article.articleNews .pTag.warning .badgeCat {
  background-color: #ed8200;
}

article.articleNews .cellText .pTag.info {
  border-bottom-color: #2397ce;
}

article.articleNews .pTag.info .badgeCat {
  /* background-color: #2397ce; */
  color: var(--primary);
}

article.articleNews .pTag.danger {
  border-bottom-color: #ed3900;
}

article.articleNews .pTag.danger .badgeCat {
  background-color: #ed3900;
}

article.articleNews .pTag.success {
  border-bottom-color: #00a651;
}

article.articleNews .pTag.success .badgeCat {
  background-color: #00a651;
}

article.articleNews .pTag.secondary {
  border-bottom-color: #ae7800;
}

article.articleNews .pTag.secondary .badgeCat {
  background-color: #ae7800;
}

article.articleNews .pTag.dark {
  border-bottom-color: #020202;
}

article.articleNews .pTag.dark .badgeCat {
  background-color: #020202;
}

article.articleNews h3.hNews {
  margin: 0.5rem 0 0;
  font-size: 1.2rem;
  padding: 0.5rem 0;
}

article.articleNews .edition {
  padding: 0.5rem 0;
  color: black;
}

article.articleNews .edition p {
  margin-bottom: 0.25rem;
}

article.articleNews .footerText {
  margin-top: auto;
  padding: 0.5rem 1rem 0.5rem 0;
}

article.articleNews .articleFooter h5 {
  font-size: 0.8rem;
}

hr.hrTitre {
  display: table;
  background-color: #e97606;
  height: 5px;
  width: 60px;
}

img.imgPost {
  display: table;
  margin: 2rem 0;
  background-color: #edede2;
  padding: 0.25rem;
  margin: 2rem auto;
}

.cellContenu {
  display: flex;
}
.cellContenu .cellAvatar {
  flex-basis: 25%;
  text-align: center;
}
.cellContenu .cellEdition {
  flex-basis: 75%;
  padding: 1rem;
}

#btnTop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 7000;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #83c254;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}
#btnTop:hover {
  background-color: #83c254;
}

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

    Theme Name: Fabrex - School Education and Kids HTML Template
    Description: School Education and Kids HTML Template
    Author: Chitrakoot Web

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

    01. Google fonts
    02. Common styles
    03. Header
    04. Section heading
    05. Main banner
    06. Page title
    07. Service blocks
    08. Teacher block
    09. Timetable
    10. Counter
    11. Portfolio and gallery section
    12. Testimonial section
    13. News section
    14. Our courses section
    15. Event grid  and details page
    16. product detail page 
    17. shop cart page
    18. Testmonial
    19. Owl carousel
    20. Accordion style
    21. Tabs
    22. Other section and Pages
    23. Blog
    24. Contact info
    25. Footer

---------------------------------- */
/* ===================================
    Google fonts
====================================== */
/* ===================================
    Common styles
====================================== */
/* loader */
#preloader {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
  transition: 0.3s ease opacity;
  text-align: center;
  width: 100%;
  height: 100%;
}
#preloader:before {
  content: "";
  width: 80px;
  height: 80px;
  border: 3px solid #5a6ca6;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  animation-name: LoaderCicle;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
#preloader:after {
  content: "";
  width: 80px;
  height: 80px;
  border: 3px solid #5a6ca6;
  display: block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  transform: translate(-50%, -50%);
  animation-name: LoaderCicle;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-delay: 1s;
}

@keyframes LoaderCicle {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  10% {
    width: 10px;
    height: 10px;
    opacity: 1;
  }
  80% {
    width: 60px;
    height: 60px;
    opacity: 0.1;
  }
  100% {
    width: 70px;
    height: 70px;
    opacity: 0;
  }
}
/* font family */
body {
  font-family: "Cabin", sans-serif;
  font-size: 16px;
  color: #6f6f6f;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.8px;
}

.alt-font {
  font-family: "Dosis", sans-serif;
}

.main-font {
  font-family: "Cabin", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  font-family: "Dosis", sans-serif;
  letter-spacing: 1px;
}

a:hover, a:active {
  color: #5a6ca6;
  text-decoration: none;
}

form select {
  height: 50px;
}

input, textarea, select {
  font-size: 16px;
  letter-spacing: 1px;
}

.mailform input, .mailform textarea {
  padding: 8px 15px;
}

.cursor-pointer {
  cursor: pointer;
}

.special {
  padding: 15px 25px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #f7f7f7;
}

input[type=checkbox] {
  width: auto;
}

/* theme color and basic options */
.border-sky {
  border-color: #5a6ca6 !important;
}

.border-orange {
  border-color: #e97606 !important;
}

.border-green {
  border-color: #83c254 !important;
}

.border-yellow {
  border-color: #b9ae07 !important;
}

.border-pink {
  border-color: #c55575 !important;
}

.border-purple {
  border-color: #923f8e !important;
}

.border-lightred {
  border-color: #fc5855 !important;
}

.bg-sky {
  background-color: #5a6ca6;
}

.bg-orange {
  background-color: #e97606;
}

.bg-green {
  background-color: #83c254;
}

.bg-yellow {
  background-color: #b9ae07;
}

.bg-pink {
  background-color: #c55575;
}

.bg-purple {
  background-color: #923f8e;
}

.bg-lightred {
  background-color: #fc5855;
}

.text-sky {
  color: #5a6ca6;
}

.text-orange {
  color: #e97606;
}

.text-green {
  color: #83c254;
}

.text-yellow {
  color: #b9ae07;
}

.text-pink {
  color: #c55575;
}

.text-purple {
  color: #923f8e;
}

.text-lightred {
  color: #fc5855;
}

a.text-sky:hover {
  opacity: 0.8;
  color: #5a6ca6;
}
a.text-orange:hover {
  opacity: 0.8;
  color: #e97606;
}
a.text-green:hover {
  opacity: 0.8;
  color: #83c254;
}
a.text-yellow:hover {
  opacity: 0.8;
  color: #b9ae07;
}
a.text-pink:hover {
  opacity: 0.8;
  color: #c55575;
}
a.text-purple:hover {
  opacity: 0.8;
  color: #923f8e;
}
a.text-lightred:hover {
  opacity: 0.8;
  color: #fc5855;
}

.bg-sky.box-shadow {
  box-shadow: 0px 5px 0px 0px #00a2a7;
}

.bg-orange.box-shadow {
  box-shadow: 0px 5px 0px 0px #af4305;
}

.bg-green.box-shadow {
  box-shadow: 0px 5px 0px 0px #4ca520;
}

.bg-yellow.box-shadow {
  box-shadow: 0px 5px 0px 0px #dcbf02;
}

.bg-pink.box-shadow {
  box-shadow: 0px 5px 0px 0px #e82d8b;
}

.bg-purple.box-shadow {
  box-shadow: 0px 5px 0px 0px #8343e8;
}

.bg-lightred.box-shadow {
  box-shadow: 0px 5px 0px 0px #d84213;
}

.box-shadow-hover {
  transition: all 0.45s ease-in-out;
}
.box-shadow-hover:hover {
  box-shadow: 0 6px 29px rgba(0, 0, 0, 0.3);
}

.bg-primary, .theme-overlay[data-overlay-dark]:before {
  background-color: #5a6ca6 !important;
}

.text-primary {
  color: #5a6ca6 !important;
}

/* scroll to top */
.scroll-to-top {
  font-size: 20px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  border-radius: 50%;
  background: #000;
  border: 1px solid #2a2a2a;
  width: 35px;
  height: 35px;
  line-height: 30px;
  z-index: 9999;
  outline: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}
.scroll-to-top i {
  color: #fff;
}
.scroll-to-top:hover {
  color: #232323;
  background: #fff;
}
.scroll-to-top:hover i {
  color: #232323;
}
.scroll-to-top:visited {
  color: #232323;
  text-decoration: none;
}

/* button style */
.butn {
  background: #5a6ca6;
  box-shadow: 0px 5px 0px 0px #00a2a7 !important;
  cursor: pointer;
  font-family: "Dosis", sans-serif;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 20px;
  padding: 16px 24px;
  border-radius: 6px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  transition: all linear 200ms;
  border: none;
}
.butn:hover {
  color: #fff;
  box-shadow: 0px 3px 0px 0px #00a2a7 !important;
}

a.butn:hover, a.butn:active, a.butn:focus {
  color: #fff;
}

.butn:hover, .butn:active, .butn:focus {
  color: #fff;
}
.butn.small {
  padding: 10px 18px;
  font-size: 16px;
}
.butn.large {
  padding: 10px 36px;
}
.butn.orange {
  background: #e97606;
  box-shadow: 0px 5px 0px 0px #af4305 !important;
  color: #fff;
}
.butn.orange:hover {
  box-shadow: 0px 3px 0px 0px #af4305 !important;
}
.butn.green {
  background: #83c254;
  box-shadow: 0px 5px 0px 0px #4ca520 !important;
  color: #fff;
}
.butn.green:hover {
  box-shadow: 0px 3px 0px 0px #4ca520 !important;
}
.butn.yellow {
  background: #b9ae07;
  box-shadow: 0px 5px 0px 0px #dcbf02 !important;
  color: #fff;
}
.butn.yellow:hover {
  box-shadow: 0px 3px 0px 0px #dcbf02 !important;
}
.butn.pink {
  background: #c55575;
  box-shadow: 0px 5px 0px 0px #e82d8b !important;
  color: #fff;
}
.butn.pink:hover {
  box-shadow: 0px 3px 0px 0px #e82d8b !important;
}
.butn.purple {
  background: #923f8e;
  box-shadow: 0px 5px 0px 0px #8343e8 !important;
  color: #fff;
}
.butn.purple:hover {
  box-shadow: 0px 3px 0px 0px #8343e8 !important;
}
.butn.lightred {
  background: #fc5855;
  box-shadow: 0px 5px 0px 0px #d84213 !important;
  color: #fff;
}
.butn.lightred:hover {
  box-shadow: 0px 3px 0px 0px #d84213 !important;
}

@media screen and (max-width: 991px) {
  .butn {
    padding: 14px 20px;
    font-size: 16px;
    line-height: 18px;
  }
}
@media screen and (max-width: 767px) {
  p {
    margin: 0 0 15px;
  }
  .butn {
    padding: 10px 18px;
    font-size: 14px;
    line-height: 18px;
  }
  .mfValidation {
    top: 12px;
  }
}
.width-200px {
  width: 200px;
}

@media screen and (max-width: 991px) {
  .md-width-200px {
    width: 200px;
  }
}
/* list style1 */
.list-style1 {
  margin: 0;
  padding: 0;
}
.list-style1 li {
  display: inline-block;
  margin-right: 10px;
  font-size: 16px;
}
.list-style1 li:last-child {
  display: inline-block;
  margin-right: 0;
}
.list-style1 li a:hover {
  opacity: 0.85;
  transition-duration: 0s;
}

/* list style2 */
.list-style2 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-style2 li {
  position: relative;
  padding: 0 0 8px 0;
  margin: 0 0 8px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
}
.list-style2 li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.list-style2 li:before {
  content: "";
}

/* list style 3 */
.list-style3 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-style3 li {
  position: relative;
  padding: 0 0 0 23px;
  margin: 0 0 9px 0;
}
.list-style3 li:before {
  content: "--";
  position: absolute;
  top: 0;
  left: 0;
}
.list-style3 li:last-child {
  margin-bottom: 0;
}

/* list style 4 */
.list-style4 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-style4 a {
  color: #fff;
}
.list-style4 a:hover {
  opacity: 0.85;
}

/* list style 6 */
.list-style6 {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-style6 li {
  position: relative;
  padding: 0 0 0 23px;
  margin: 0 0 9px 0;
}
.list-style6 li a:before {
  content: "--";
  position: absolute;
  top: 0;
  left: 0;
}
.list-style6 li:last-child {
  margin-bottom: 0;
}
.list-style6 li.active a {
  color: #5a6ca6;
}

/* list style 7 */
.list-style7 {
  margin-bottom: 0;
}
.list-style7 li {
  text-align: center;
  margin-right: 5px;
  display: inline-block;
}
.list-style7 li:last-child {
  margin-right: 0;
}
.list-style7 li a {
  border: 1px solid #6f6f6f;
  color: #fff;
  cursor: pointer;
  border-radius: 35px;
  height: 35px;
  width: 35px;
  line-height: 35px;
  display: inline-block;
}
.list-style7 li a:hover {
  background: #fff;
  color: #232323;
}

/* list style 8 */
.list-style8 {
  list-style: none;
  padding: 0;
}
.list-style8 li {
  position: relative;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
  color: rgba(255, 255, 255, 0.9);
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
}
.list-style8 li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* list style 9 */
.list-style9 {
  list-style: none;
  padding: 0;
}
.list-style9 li {
  position: relative;
  padding: 0 0 15px 0;
  margin: 0 0 15px 0;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.list-style9 li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

/* list style 10 */
.list-style10 {
  margin-bottom: 0;
}
.list-style10 li {
  text-align: center;
  margin-right: 10px;
  display: inline-block;
}
.list-style10 li a {
  color: #6f6f6f;
  display: inline-block;
  font-size: 16px;
}
.list-style10 li a:hover {
  color: #5a6ca6;
}

/* ===================================
    Header
====================================== */
header {
  box-shadow: none;
}

.navbar-nav > li > a {
  font-size: 16px;
}

.navbar ul.cart-list > li.total > .butn {
  color: #fff;
}

.navbar-nav > li:first-child > a {
  color: #5a6ca6;
}
.navbar-nav > li:nth-child(2) > a {
  color: #e97606;
}
.navbar-nav > li:nth-child(3) > a {
  color: #83c254;
}
.navbar-nav > li:nth-child(4) > a {
  color: #b9ae07;
}
.navbar-nav > li:nth-child(5) > a {
  color: #c55575;
}
.navbar-nav > li:nth-child(6) > a {
  color: #923f8e;
}
.navbar-nav > li:nth-child(7) > a {
  color: #fc5855;
}

/* top bar */
.top-bar-info {
  display: inline-block;
  vertical-align: middle;
}
.top-bar-info ul {
  margin-bottom: 0;
}
.top-bar-info li {
  color: #fff;
  list-style-type: none;
  padding: 0 8px 0;
  letter-spacing: 1.5px;
  display: inline-block;
  margin-bottom: 0;
  font-size: 14px;
  vertical-align: middle;
}

.top-bar {
  display: block;
  position: relative;
  z-index: 999;
  background: #83c254;
  padding: 8px 0;
}

.top-bar-info li i {
  font-size: 16px;
  color: #fff;
  margin-right: 8px;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
}

.top-social-icon {
  padding: 0;
  float: right;
  margin: 5px 0 0 0;
}
.top-social-icon li {
  font-size: 14px;
  list-style-type: none;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0 7px;
}
.top-social-icon li:last-child {
  padding-right: 0;
}
.top-social-icon li:last-child a {
  padding-right: 0;
}
.top-social-icon li a {
  color: #fff;
  line-height: 28px;
  transition-duration: 0.3s;
  font-size: 16px;
  padding: 0 3px;
}
.top-social-icon li a:hover {
  color: rgba(255, 255, 255, 0.65);
}

@media screen and (max-width: 767px) {
  .top-bar-info li {
    padding: 0 5px 0;
    font-size: 12px;
    letter-spacing: 1px;
  }
  .top-bar-info li i {
    font-size: 14px;
  }
}
/* navigation */
.navbar-nav li a {
  font-size: 17px;
  font-weight: 700;
}
.navbar-nav > li > a {
  font-size: 17px;
}

.navbar > ul > li.has-sub > a:after {
  top: 30px;
}
.navbar ul.cart-list > li > h6 {
  font-size: 14px;
  font-weight: 600;
}

.header-style-color .navbar-nav li > ul {
  background-color: #fff;
}
.header-style-color .navbar > ul > li:nth-child(3) > a:after {
  border-color: #83c254;
}
.header-style-color .navbar > ul > li:nth-child(4) > a:after {
  border-color: #b9ae07;
}
.header-style-color .navbar > ul > li:nth-child(5) > a:after {
  border-color: #c55575;
}
.header-style-color .navbar > ul > li:nth-child(6) > a:after {
  border-color: #923f8e;
}
.header-style-color .navbar > ul > li:nth-child(3) > a:hover {
  color: #83c254;
}
.header-style-color .navbar > ul > li:nth-child(4) > a:hover {
  color: #b9ae07;
}
.header-style-color .navbar > ul > li:nth-child(5) > a:hover {
  color: #c55575;
}
.header-style-color .navbar > ul > li:nth-child(6) > a:hover {
  color: #923f8e;
}
.header-style-color .navbar-nav .sub-menu .sub-menu li a:hover {
  color: #5a6ca6;
}
.header-style-color .navbar-nav .sub-menu li a:hover {
  color: #5a6ca6;
}
.header-style-color .navbar-nav .sub-menu li:hover a:after {
  background-color: #5a6ca6;
}
.header-style-color .navbar ul ul li > a {
  color: #797878;
}
.header-style-color .navbar ul ul li.current > a {
  color: #5a6ca6;
}

@media screen and (min-width: 992px) {
  .header-style-color .navbar ul ul li.active > a {
    color: #5a6ca6;
  }
  .header-style-color .navbar-nav > li.has-sub:nth-child(3) > ul {
    border-top: 5px solid #83c254;
  }
  .header-style-color .navbar-nav > li.has-sub:nth-child(4) > ul {
    border-top: 5px solid #b9ae07;
  }
  .header-style-color .navbar-nav > li.has-sub:nth-child(5) > ul {
    border-top: 5px solid #c55575;
  }
  .header-style-color .navbar-nav > li.has-sub:nth-child(6) > ul {
    border-top: 5px solid #923f8e;
  }
  .header-style-color .navbar-nav > li.current > a:before, .header-style-color .navbar-nav > li.active > a:before {
    text-align: center;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fc5855;
    position: absolute;
    bottom: 18px;
    left: 0;
    right: 0;
    margin: auto;
  }
  .header-style-color .navbar-nav > li:first-child.current > a:before, .header-style-color .navbar-nav > li:first-child.active > a:before {
    background-color: #5a6ca6;
  }
  .header-style-color .navbar-nav > li:nth-child(2).current > a:before, .header-style-color .navbar-nav > li:nth-child(2).active > a:before {
    background-color: #e97606;
  }
  .header-style-color .navbar-nav > li:nth-child(3).current > a:before, .header-style-color .navbar-nav > li:nth-child(3).active > a:before {
    background-color: #83c254;
  }
  .header-style-color .navbar-nav > li:nth-child(4).current > a:before, .header-style-color .navbar-nav > li:nth-child(4).active > a:before {
    background-color: #b9ae07;
  }
  .header-style-color .navbar-nav > li:nth-child(5).current > a:before, .header-style-color .navbar-nav > li:nth-child(5).active > a:before {
    background-color: #c55575;
  }
  .header-style-color .navbar-nav > li:nth-child(6).current > a:before, .header-style-color .navbar-nav > li:nth-child(6).active > a:before {
    background-color: #923f8e;
  }
  .header-style-color .navbar-nav > li:nth-child(7).current > a:before, .header-style-color .navbar-nav > li:nth-child(7).active > a:before {
    background-color: #fc5855;
  }
}
@media screen and (max-width: 1199px) {
  .navbar-nav > li {
    margin-left: 8px;
  }
}
@media screen and (max-width: 991px) {
  .navbar-toggler {
    background: #5a6ca6;
  }
  .navbar-nav > li {
    margin-left: 0;
  }
  .navbar-nav > li > a {
    padding: 10px 20px 10px 25px;
  }
  .attr-nav {
    margin-right: 63px;
  }
  .attr-nav > ul > li.dropdown ul.dropdown-menu {
    left: -173px;
  }
  .navbar ul ul li.active > a {
    color: #5a6ca6;
  }
  .header-style-color .navbar-nav > li.current > a:before, .header-style-color .navbar-nav > li.active > a:before {
    text-align: center;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: red;
    position: absolute;
    bottom: 0;
    top: 0;
    margin: auto 0;
    right: inherit;
    display: inline-block;
    left: 14px;
  }
  .header-style-color .navbar-nav > li:first-child.current > a:before, .header-style-color .navbar-nav > li:first-child.active > a:before {
    background-color: #5a6ca6;
  }
  .header-style-color .navbar-nav > li:nth-child(2).current > a:before, .header-style-color .navbar-nav > li:nth-child(2).active > a:before {
    background-color: #e97606;
  }
  .header-style-color .navbar-nav > li:nth-child(3).current > a:before, .header-style-color .navbar-nav > li:nth-child(3).active > a:before {
    background-color: #83c254;
  }
  .header-style-color .navbar-nav > li:nth-child(4).current > a:before, .header-style-color .navbar-nav > li:nth-child(4).active > a:before {
    background-color: #b9ae07;
  }
  .header-style-color .navbar-nav > li:nth-child(5).current > a:before, .header-style-color .navbar-nav > li:nth-child(5).active > a:before {
    background-color: #c55575;
  }
  .header-style-color .navbar-nav > li:nth-child(6).current > a:before, .header-style-color .navbar-nav > li:nth-child(6).active > a:before {
    background-color: #923f8e;
  }
  .header-style-color .navbar-nav > li:nth-child(7).current > a:before, .header-style-color .navbar-nav > li:nth-child(7).active > a:before {
    background-color: #fc5855;
  }
}
/* ===================================
    Section heading
====================================== */
.section-heading {
  margin-bottom: 50px;
  text-align: center;
}
.section-heading.half {
  margin-bottom: 30px;
}
.section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
  position: relative;
  text-transform: uppercase;
  font-weight: 800;
  margin-bottom: 0;
  position: relative;
  line-height: 140%;
  font-size: 42px;
  letter-spacing: 2px;
}
.section-heading.white h1, .section-heading.white h2, .section-heading.white h3, .section-heading.white h4, .section-heading.white h5, .section-heading.white h6 {
  color: #fff;
}
.section-heading.grey h1, .section-heading.grey h2, .section-heading.grey h3, .section-heading.grey h4, .section-heading.grey h5, .section-heading.grey h6 {
  color: #b7b7b7;
}
.section-heading.grey h1:after, .section-heading.grey h2:after, .section-heading.grey h3:after, .section-heading.grey h4:after, .section-heading.grey h5:after, .section-heading.grey h6:after {
  background: #b7b7b7;
}
.section-heading.left {
  text-align: left;
}
.section-heading strong {
  font-weight: 600;
}
.section-heading.white p, .section-heading.white span {
  color: #fff;
}
.section-heading p {
  font-size: 15px;
  font-weight: 400;
  padding-top: 15px;
  margin: 0 auto;
}
.section-heading .title-separator {
  display: inline-block;
  vertical-align: top;
  margin-top: 8px;
  content: "";
  height: 6px;
  width: 58px;
  background-image: url(../img/content/title-line.png);
  background-position: center;
  animation: slide 10s linear infinite;
  -webkit-animation: slide 10s linear infinite;
}

@keyframes slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -200px 0;
  }
}
@media screen and (max-width: 1199px) {
  .section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
    font-size: 38px;
  }
}
@media screen and (max-width: 991px) {
  .section-heading {
    margin-bottom: 30px;
    margin-bottom: 30px;
  }
  .section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
    font-size: 34px;
  }
  .section-heading .title-separator {
    margin-bottom: 10px;
  }
  .section-heading p {
    padding-top: 10px;
    padding-top: 10px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .section-heading h1, .section-heading h2, .section-heading h3, .section-heading h4, .section-heading h5, .section-heading h6 {
    font-size: 30px;
  }
}
/* ===================================
    Main banner
====================================== */
.hero-text {
  text-shadow: 2px 1px 0px rgba(255, 255, 255, 0.8);
}

@media screen and (max-width: 767px) {
  .hero-text {
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
  }
}
/* ===================================
    Page title
====================================== */
.page-title-section {
  padding: 185px 0 185px;
  text-align: center;
  position: relative;
}
.page-title-section h1 {
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 15px;
  color: #5a6ca6;
}
.page-title-section ul {
  margin-bottom: 0;
  text-align: center;
}
.page-title-section ul li {
  display: inline-block;
}
.page-title-section ul li:last-child a {
  opacity: 0.65;
}
.page-title-section ul li:after {
  text-align: center;
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #5a6ca6;
  margin: 0 5px 0 10px;
  display: inline-block;
}
.page-title-section ul li:last-child:after {
  content: none;
}
.page-title-section ul li a {
  font-weight: 600;
}
.page-title-section .page-title {
  max-width: 350px;
  background: #fff;
  overflow: hidden;
  padding: 25px 25px 10px 25px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 9;
}
.page-title-section .title-separator {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
  content: "";
  height: 6px;
  width: 58px;
  background-image: url(../img/content/title-line.png);
  background-position: center;
  animation: slide 10s linear infinite;
  -webkit-animation: slide 10s linear infinite;
}

@media screen and (max-width: 1399px) {
  .page-title-section {
    padding: 125px 0 125px;
  }
}
@media screen and (max-width: 1199px) {
  .page-title-section {
    padding: 120px 0;
  }
  .page-title-section h1 {
    margin-bottom: 10px;
  }
  .page-title-section .page-title {
    padding: 18px 15px 8px 15px;
    max-width: 325px;
  }
}
@media screen and (max-width: 991px) {
  .page-title-section {
    padding: 100px 0;
  }
  .page-title-section h1 {
    margin-bottom: 8px;
  }
  .page-title-section .page-title {
    padding: 15px 15px 5px 15px;
    max-width: 300px;
  }
}
@media screen and (max-width: 575px) {
  .page-title-section .page-title {
    padding: 15px 15px 5px 15px;
    max-width: 280px;
  }
}
/* ===================================
    Service blocks
====================================== */
.service-section {
  margin-top: -45px;
}

.service-block {
  position: relative;
  text-align: center;
  margin-bottom: 5px;
}
.service-block h3 a {
  color: #fff;
}
.service-block i {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 32px;
}
.service-block.bg-sky i {
  color: #00a2a7;
}
.service-block.bg-orange i {
  color: #af4305;
}
.service-block.bg-green i {
  color: #4ca520;
}
.service-block.bg-yellow i {
  color: #dcbf02;
}

/* ===================================
    Teacher block
====================================== */
.teacher-img {
  height: 100%;
  width: 100%;
}
.teacher-img:before {
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  border-radius: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0, 195, 201, 0.63);
  transition: all 0.4s ease-in-out;
  z-index: 1;
}
.teacher-img:hover:before {
  opacity: 1;
  background: rgba(0, 195, 201, 0.63);
}
.teacher-img .teacher-overly {
  text-align: center;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  transition: all 0.8s ease-in-out;
}
.teacher-img:hover .teacher-overly {
  opacity: 1;
}
.teacher-img .teacher-overly a {
  transition-duration: 0s;
  -ms-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
}

@media screen and (max-width: 480px) {
  .teacher-carousel .owl-item {
    padding: 0 65px;
  }
}
@media screen and (max-width: 360px) {
  .teacher-carousel .owl-item {
    padding: 0 40px;
  }
}
/* team-single-text */
.team-single-text .section-heading h4, .section-heading h5 {
  font-size: 36px;
}

.team-single-text .section-heading.half {
  margin-bottom: 20px;
}

@media screen and (max-width: 1199px) {
  .team-single-text .section-heading h4, .section-heading h5 {
    font-size: 32px;
  }
  .team-single-text .section-heading.half {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 991px) {
  .team-single-text .section-heading h4, .section-heading h5 {
    font-size: 28px;
  }
  .team-single-text .section-heading.half {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .team-single-text .section-heading h4, .section-heading h5 {
    font-size: 24px;
  }
}
/* ===================================
    Timetable
====================================== */
.timetable-img {
  margin-bottom: -7px;
}

@media screen and (max-width: 991px) {
  .timetable-img {
    margin-bottom: -5px;
  }
}
@media screen and (max-width: 767px) {
  .timetable-img {
    margin-bottom: -3px;
  }
}
@media screen and (max-width: 320px) {
  .timetable-img {
    margin-bottom: -2px;
  }
}
/* ===================================
    Counter
====================================== */
.counter-number {
  background-color: rgba(255, 255, 255, 0.4);
  height: 150px;
  width: 150px;
}
.counter-number span {
  background-color: #fff;
  height: 130px;
  width: 130px;
  line-height: 120px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
}

.counter-icon {
  position: absolute;
  bottom: -20px;
  right: 0;
}
.counter-icon i {
  width: 65px;
  height: 65px;
  line-height: 65px;
  font-size: 26px;
}

@media screen and (max-width: 1199px) {
  .counter-number {
    height: 140px;
    width: 140px;
  }
  .counter-number span {
    height: 120px;
    width: 120px;
    line-height: 110px;
  }
  .counter-icon {
    bottom: -15px;
  }
  .counter-icon i {
    width: 62px;
    height: 62px;
    line-height: 62px;
    font-size: 24px;
  }
}
@media screen and (max-width: 991px) {
  .counter-number {
    height: 125px;
    width: 125px;
  }
  .counter-number span {
    height: 105px;
    width: 105px;
    line-height: 100px;
  }
  .counter-icon {
    bottom: -15px;
  }
  .counter-icon i {
    width: 58px;
    height: 58px;
    line-height: 58px;
    font-size: 20px;
  }
}
@media screen and (max-width: 575px) {
  .counter-number {
    height: 110px;
    width: 110px;
  }
  .counter-number span {
    height: 95px;
    width: 95px;
    line-height: 95px;
  }
  .counter-icon {
    bottom: -15px;
  }
  .counter-icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
  }
}
/* ===================================
    Portfolio and gallery section
====================================== */
.filtering {
  margin-bottom: 20px;
}
.filtering span {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-right: 20px;
  display: inline-block;
  box-shadow: 0px 5px 0px 0px #dcbf02 !important;
  background-color: #b9ae07;
  padding: 10px 18px;
  border-radius: 6px;
}
.filtering span:last-child {
  margin: 0;
}
.filtering .active {
  color: #fff;
  background-color: #5a6ca6;
  box-shadow: 0px 5px 0px 0px #00a2a7 !important;
}

@media screen and (max-width: 767px) {
  .filtering span {
    margin-right: 15px;
  }
}
@media screen and (max-width: 575px) {
  .filtering span {
    margin-right: 10px;
    margin-bottom: 15px;
    padding: 7px 14px;
  }
}
.portfolio-item .portfolio-img img {
  border-radius: 5px;
}
.portfolio-item:before {
  content: "";
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  border-radius: 5px;
  top: 0px;
  left: 0px;
  background: rgba(0, 195, 201, 0.63);
  transition: all 0.4s ease-in-out;
  z-index: 1;
}
.portfolio-item:hover:before {
  opacity: 1;
  background: rgba(0, 195, 201, 0.63);
}
.portfolio-item .portfolio-overly {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 50%;
  z-index: 2;
  transform: scale(0);
  margin-top: -32px;
  transition: all 0.8s ease-in-out;
}
.portfolio-item:hover .portfolio-overly {
  transform: scale(1);
}
.portfolio-item .portfolio-overly a {
  border: 1px dashed #fff;
  height: 57px;
  width: 57px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  line-height: 57px;
  font-size: 23px;
  display: inline-block;
}

@media screen and (max-width: 575px) {
  .portfolio-item .portfolio-overly a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 20px;
  }
}
/* ===================================
    Testimonial section
====================================== */
/* style 1*/
.testimonial-carousel .owl-item {
  background: #fff;
  border-radius: 20px;
  padding: 50px;
  box-shadow: 0px 5px 0px 0px #dcdcdc !important;
  margin-bottom: 5px;
}
.testimonial-carousel .owl-item p {
  font-size: 18px;
  line-height: 34px;
}

.testimonial-single .quote {
  font-weight: 700;
  font-style: normal;
  color: #e9e9e9;
  display: block;
  font-size: 90px;
  letter-spacing: -1px;
  line-height: 30px;
  margin-top: 10px;
}
.testimonial-single h4 {
  font-size: 22px;
  text-align: center;
  margin: 0 0 5px 0;
  line-height: normal;
}
.testimonial-single h6 {
  font-size: 16px;
  margin-bottom: 0;
  text-align: center;
  line-height: normal;
}

@media screen and (max-width: 991px) {
  .testimonial-single h4 {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .testimonial-single h4 {
    font-size: 18px;
  }
  .testimonial-carousel .owl-item {
    padding: 40px 30px;
    border-radius: 15px;
  }
  .testimonial-carousel .owl-item p {
    font-size: 16px;
    line-height: 30px;
  }
}
/* style 2*/
.testimonial-single-style p:before {
  margin: auto auto 15px;
  content: "\f10d";
  font-weight: 700;
  font-family: Font Awesome\ 5 Free;
  color: #e97606;
  font-size: 23px;
  display: block;
}
.testimonial-single-style h4 {
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  margin: 0 0 5px 0;
  line-height: normal;
}
.testimonial-single-style h6 {
  color: #aaa;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  line-height: normal;
  margin: 0;
  padding: 0;
}

/* ===================================
    News section
====================================== */
.news-block {
  background-color: #f9f8f8;
  position: relative;
}

.block-img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
.block-img img {
  transition: all 500ms ease;
}

.news-block:hover .block-img img {
  transform: scale(1.1);
}
.news-block .date {
  height: 70px;
  width: 70px;
  border-radius: 10px;
  text-align: center;
  padding: 10px;
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 10px;
}

@media screen and (max-width: 991px) {
  .news-block .date {
    height: 65px;
    width: 65px;
    padding: 6px;
  }
}
@media screen and (max-width: 575px) {
  .news-block .date {
    height: 60px;
    width: 60px;
    padding: 4px;
  }
}
/* ===================================
    Our courses section
====================================== */
.courses-block img {
  transition: all 500ms ease;
}
.courses-block h4 a:hover {
  opacity: 0.8;
  color: #616161;
}
.courses-block .courses-pic {
  overflow: hidden;
}
.courses-block:hover .courses-pic img {
  transform: scale(1.1);
}
.courses-block .owl-nav {
  text-align: center;
  margin-top: 25px;
}

.course-schedule {
  margin-bottom: 0;
}
.course-schedule tbody tr:nth-of-type(even) {
  background: #ececec;
}

/* ===================================
    Event grid  and details page
====================================== */
.event-block {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
.event-block .col-left {
  float: left;
  width: 40%;
  position: relative;
  overflow: hidden;
}
.event-block .col-right {
  float: left;
  width: 60%;
  display: table;
  height: 100%;
}
.event-block .image-date {
  bottom: 20px;
  left: 11%;
  padding: 5px 20px;
}
.event-block .col-left img {
  transition: all 500ms ease;
}
.event-block:hover .col-left img {
  transform: scale(1.1);
}

.event-venue li a {
  color: #fff;
}
.event-venue li a:hover {
  color: #5a6ca6;
}

@media screen and (max-width: 1199px) {
  .event-block .image-date {
    padding: 5px 15px;
  }
}
@media screen and (max-width: 991px) {
  .event-block .image-date {
    padding: 5px 10px;
  }
}
@media screen and (max-width: 575px) {
  .event-block .col-left {
    width: 100%;
    max-height: 300px;
  }
  .event-block .col-right {
    width: 100%;
    height: auto;
  }
}
/* ===================================
    product detail page 
====================================== */
.product-detail .label-sale {
  margin-left: 5px;
  vertical-align: top;
  padding: 2px 7px;
}
.product-detail .offer-price {
  text-decoration: line-through;
  color: red;
}

.product-rating .fas:hover {
  color: #232323;
}

.cart-button {
  position: absolute;
  bottom: 0;
  width: 100%;
  transform: translate3d(0, 100%, 0);
  transition: all 420ms linear 0ms;
}

.add-cart {
  width: 60%;
  float: left;
  background: #5a6ca6;
  padding: 10px 0;
}

.add-view {
  width: 40%;
  float: left;
  background: #b9ae07;
  padding: 10px 0;
}

.product-block:hover .cart-button {
  transform: translate3d(0, 0%, 0);
  transition: all 420ms linear 0ms;
}

@media screen and (max-width: 991px) {
  .add-cart, .add-view {
    padding: 8px 0;
  }
}
/* ===================================
    shop cart page
====================================== */
.shop-cart-table {
  width: 100%;
  overflow-x: auto;
}
.shop-cart-table .product-thumbnail {
  min-width: 100px;
}
.shop-cart-table .shop-cart td {
  line-height: 26px;
  vertical-align: middle;
  padding: 16px 8px;
}

.table.cart-sub-total {
  border-color: transparent;
  vertical-align: middle;
  padding: 10px 30px;
}
.table.cart-sub-total td, .table.cart-sub-total th {
  border-color: transparent;
  vertical-align: middle;
  padding: 10px 30px;
}
.table.cart-sub-total td {
  padding-right: 0;
}

.shop-cart-table input[type=text] {
  height: 35px;
  width: 50px;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .con-shopping {
    float: none !important;
  }
  .update-cart {
    float: none !important;
    margin-top: 20px;
  }
}
@media screen and (max-width: 320px) {
  .con-shopping {
    margin-top: 20px;
  }
}
/* ===================================
    Testmonial
====================================== */
.testimonial-block:before {
  font-family: Font Awesome\ 5 Free;
  content: "\f10d";
  position: absolute;
  top: -5px;
  left: -2px;
  font-size: 22px;
  background: #fff;
  line-height: 24px;
  padding-right: 10px;
  padding-bottom: 7px;
  display: block;
  font-weight: 700;
}
.testimonial-block:after {
  font-family: Font Awesome\ 5 Free;
  content: "\f10e";
  position: absolute;
  bottom: -5px;
  right: -2px;
  font-size: 22px;
  background: #fff;
  line-height: 24px;
  padding-left: 10px;
  padding-top: 7px;
  font-weight: 700;
}
.testimonial-block img {
  position: absolute;
  bottom: 0px;
  left: 30px;
  transform: translateY(100%);
}

.testimonial-img {
  height: 80px;
  width: 80px;
  overflow: hidden;
  transform: translateX(70px);
}

/* ===================================
    Owl carousel
====================================== */
.owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.owl-theme .owl-dots {
  text-align: center;
  margin-top: 10px;
}

.owl-dot {
  display: inline-block;
  z-index: 1;
  margin-top: 30px;
}
.owl-dot span {
  width: 12px;
  height: 12px;
  margin: 5px 5px 0 5px;
  background: #fff;
  cursor: pointer;
  display: block;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
  transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
}
.owl-dot span:hover {
  opacity: 0.85;
  -webkit-backface-visibility: visible;
  border-radius: 30px;
}
.owl-dot.active span {
  width: 12px;
  height: 12px;
  background: #b9ae07;
  border-color: #b9ae07;
  transition-duration: 0.3s;
}

.owl-carousel .owl-nav button {
  color: #5a6ca6;
  text-align: center;
  width: 60px;
  height: 60px;
  border-radius: 60px;
  background: #fff !important;
  transition: all 0.4s ease 0s;
  border: 1px dashed rgba(0, 0, 0, 0.3) !important;
  margin: 0 5px;
  font-size: 28px !important;
}
.owl-carousel .owl-nav button:hover {
  background: #5a6ca6 !important;
  box-shadow: none !important;
  color: #fff;
  border: 1px dashed #00a2a7 !important;
}

@media screen and (max-width: 767px) {
  .owl-dot {
    margin-top: 20px;
  }
  .owl-carousel .owl-nav button {
    font-size: 24px !important;
    width: 50px;
    height: 50px;
    border-radius: 50px;
  }
}
/* ===================================
    Accordion style
====================================== */
.accordion-style .card {
  background: transparent;
  box-shadow: none;
  margin-top: 0 !important;
  border: none;
}
.accordion-style .card-header {
  border: 0px;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  background: none;
}
.accordion-style .btn-link {
  box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
  color: #fff;
  position: relative;
  border: none;
  display: block;
  width: 100%;
  text-align: left;
  white-space: normal;
  border-radius: 4px;
  padding: 15px 50px 15px 15px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1px;
}
.accordion-style .btn-link:hover {
  border: none;
  text-decoration: none;
}
.accordion-style .btn-link.collapsed {
  box-shadow: none;
}
.accordion-style .btn-link.collapsed:after {
  background: none;
  border-radius: 50%;
  content: "+";
  right: 15px;
  left: inherit;
  font-size: 36px;
  line-height: 36px;
  height: 36px;
  transform: none;
  width: 36px;
  top: 6px;
  text-align: center;
  padding-left: 0;
  letter-spacing: -1px;
}
.accordion-style .btn-link:after {
  background: none;
  border-radius: 50%;
  content: "-";
  right: 17px;
  left: inherit;
  font-size: 36px;
  height: 36px;
  line-height: 36px;
  transform: none;
  width: 36px;
  top: 6px;
  position: absolute;
  color: #fff;
  text-align: center;
  padding-left: 2px;
  letter-spacing: -2px;
}
.accordion-style .card-body {
  padding: 20px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .accordion-style .btn-link {
    font-size: 16px;
    padding: 12px 50px 12px 15px;
  }
  .accordion-style .btn-link:after, .accordion-style .btn-link.collapsed:after {
    right: 5px;
    font-size: 30px;
    height: 26px;
    line-height: 26px;
  }
}
/* ===================================
    Tabs
====================================== */
ul.resp-tabs-list {
  margin: 0px;
  padding: 0px;
}

.resp-tabs-list li {
  font-weight: 600;
  font-size: 18px;
  display: inline-block;
  padding: 13px 20px;
  margin: 0 4px 0 0;
  list-style: none;
  cursor: pointer;
  background: #5a6ca6;
  color: #fff;
  text-align: left;
  border-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.resp-tabs-list li:last-child {
  margin-right: 0;
}
.resp-tabs-list li i {
  font-size: 24px;
  padding-right: 10px;
  vertical-align: text-bottom;
}

.resp-tabs-container {
  padding: 0px;
  clear: left;
}

.resp-tab-content {
  display: none;
  padding: 40px;
}

.resp-tabs-list li.resp-tab-active {
  margin-bottom: -1px;
  background-color: #b9ae07;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.resp-content-active, .resp-accordion-active {
  display: block;
}

.resp-tab-content {
  border: 1px solid #c1c1c1;
  border-top-color: #c1c1c1;
  float: left;
  width: 100%;
  border-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background: #fff;
}

h2.resp-accordion {
  cursor: pointer;
  display: none;
  font-size: 18px;
  color: #fff;
  border-top: 0px solid #c1c1c1;
  margin-bottom: 5px;
  padding: 14px 15px;
  float: left;
  width: 100%;
  background: #5a6ca6 !important;
  border-radius: 5px;
}
h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  background-color: #b9ae07 !important;
  color: #fff;
  margin-bottom: 0;
  border-radius: 8px;
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
h2.resp-tab-title:last-child {
  border-bottom: 12px solid #c1c1c1 !important;
  background: blue;
}

/* vertical tabs */
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
  margin-top: 0 !important;
}
.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 18px 20px !important;
  margin: 0 0 15px;
  cursor: pointer;
  float: none;
  font-size: 18px;
  border-radius: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  float: left;
  width: 70%;
  min-height: 250px;
  clear: none;
  border-radius: 0;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.resp-vtabs .resp-tab-content {
  word-wrap: break-word;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.resp-vtabs li.resp-tab-active {
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 18px 20px !important;
  margin-bottom: 15px !important;
}

.resp-arrow {
  border-color: transparent #fff #fff transparent;
  border-style: solid;
  border-width: 0 2px 2px 0;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 7px;
}

h2.resp-tab-active span.resp-arrow {
  border-color: #fff transparent transparent #fff;
  border-style: solid;
  border-width: 2px 0 0 2px;
  float: right;
  display: block;
  height: 8px;
  transform: rotate(45deg);
  width: 8px;
  margin-top: 10px;
}

/* accordion styles */
.resp-easy-accordion h2.resp-accordion {
  display: block;
}
.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1;
}
.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1;
}

.resp-jfit {
  width: 100%;
  margin: 0px;
}

.resp-tab-content-active {
  display: block;
  border-color: #e8e8e8 !important;
}

h2.resp-accordion.resp-tab-active {
  border-color: #e8e8e8 !important;
}

/* change the breakpoint to set the accordion */
@media screen and (max-width: 991px) {
  ul.resp-tabs-list {
    display: none;
  }
  h2.resp-accordion {
    display: block;
  }
  h2.resp-accordion i {
    margin-right: 8px;
    font-size: 20px;
    color: #fff;
    vertical-align: text-bottom;
  }
  .resp-vtabs .resp-tab-content {
    margin-bottom: 5px;
    padding: 30px;
  }
  .resp-vtabs .resp-tab-content:last-child {
    margin-bottom: 0;
  }
  .resp-vtabs .resp-tabs-container {
    border: none !important;
    float: left;
    width: 100%;
    min-height: 100px;
    clear: none;
    background: none;
  }
  .resp-accordion-closed {
    display: none !important;
  }
  .resp-tab-content {
    background-color: #fff;
    border-radius: 0;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
    margin-bottom: 5px;
    padding: 30px;
  }
  .resp-tab-content:last-child {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .resp-vtabs .resp-tab-content, .resp-tab-content {
    padding: 20px;
  }
}
/* ===================================
    Other section and Pages
====================================== */
/* Popup gallery*/
.lg-backdrop {
  z-index: 99999;
}

.lg-outer {
  z-index: 999999;
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: #00bcd1;
}

.lg-progress-bar .lg-progress {
  background-color: #00bcd1;
}

.lg-backdrop.in {
  opacity: 0.85;
}

/* quform */
.quform-input {
  position: relative;
}

.quform-element > label {
  font-weight: normal;
  padding-bottom: 5px;
  margin-bottom: 0;
  color: #616161;
}
.quform-element > label .quform-required {
  color: #cc0101;
  font-size: 10px;
}

.quform-inner input {
  width: 100%;
}

.quform-elements .quform-element textarea {
  margin-bottom: 0;
  padding: 12px 15px;
  vertical-align: top;
}
.quform-elements .quform-element select {
  margin-bottom: 0;
  padding: 12px 15px;
}

.quform-errors {
  padding: 0;
  margin: 0;
  line-height: normal;
}
.quform-errors > .quform-error {
  padding: 0;
  background: none;
  border: none;
  float: none;
  color: #f5543f;
  font-size: 11px;
  line-height: normal;
}

.quform-outer-no-js .quform-error {
  padding: 0;
  background: none;
  border: none;
  float: none;
  color: #f5543f;
  font-size: 11px;
  line-height: normal;
}

.quform-has-error input, .quform-has-error textarea, .quform-has-error select, .quform-has-error input[type=file], .quform-has-error .custom-file-label {
  border-color: #f5543f;
}

.quform-success-message, .quform-outer-no-js .quform-success-message {
  padding: 0.75rem 1.25rem 0.75rem 3rem;
}

.quform-input .quform-errors-wrap {
  position: absolute;
  right: 8px;
  top: 0;
  line-height: normal;
  z-index: 9;
}

.quform-submit-inner {
  float: none;
}

.quform-loading-wrap {
  float: none;
}
.quform-loading-wrap .quform-loading {
  display: inline-block;
}

.form-control:focus {
  color: #495057;
  background-color: #ffffff;
  border-color: #ffbc13;
  outline: 0;
  box-shadow: none;
}

.light-validation .quform-errors > .quform-error {
  color: #fff;
}

.form-group {
  margin-bottom: 1rem;
}
.form-group label {
  margin-bottom: 0.5rem;
}

/*border icon*/
.border-icon {
  width: 60px;
  height: 60px;
  font-size: 24px;
  color: #fff;
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.border-icon:before {
  position: absolute;
  content: "";
  left: -5px;
  top: -5px;
  bottom: -5px;
  right: -5px;
  border-radius: 50%;
  border: 1px dashed rgba(0, 0, 0, 0.3);
}
.border-icon.white-border:before {
  border-color: white;
}

@media screen and (max-width: 767px) {
  .border-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
}
/*pricing*/
.pricing-sub-title {
  font-size: 40px;
  font-weight: 800;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding-bottom: 20px;
  margin-bottom: 10px;
  display: block;
}

.pricing-block-2 {
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.25);
}

/* story video */
.story-video {
  height: 100%;
  box-shadow: 0px 5px 24px 6px rgba(0, 0, 0, 0.06);
  min-height: 525px;
}

.video_btn {
  position: relative;
  height: 80px;
  width: 80px;
  background: #b9ae07;
  text-align: center;
  display: inline-block;
  line-height: 85px;
  color: #fff;
  border-radius: 50%;
  transition-duration: 0s;
  -ms-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
}
.video_btn:hover i, .video_btn:focus i {
  color: #fff;
}
.video_btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 80px;
  width: 80px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.3;
  animation: pulse-border 1500ms ease-out infinite;
}
.video_btn:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  height: 95px;
  width: 95px;
  border: 2px solid #fff;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transform: translateX(-50%) translateY(-50%);
  opacity: 0.3;
  animation: pulse-border 1500ms ease-out infinite;
}

@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@media screen and (max-width: 1199px) {
  .video_btn {
    height: 75px;
    width: 75px;
    line-height: 80px;
  }
  .video_btn:after {
    height: 75px;
    width: 75px;
  }
  .video_btn:before {
    height: 90px;
    width: 90px;
  }
}
@media screen and (max-width: 991px) {
  .story-video {
    min-height: 425px;
  }
  .video_btn {
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
  .video_btn:after {
    height: 70px;
    width: 70px;
  }
  .video_btn:before {
    height: 85px;
    width: 85px;
  }
  @keyframes pulse-border {
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
    }
  }
}
@media screen and (max-width: 767px) {
  .story-video {
    min-height: 350px;
  }
  .video_btn {
    height: 60px;
    width: 60px;
    line-height: 62px;
  }
  .video_btn:after {
    height: 60px;
    width: 60px;
  }
  .video_btn:before {
    height: 75px;
    width: 75px;
  }
}
/* teacher page */
.single-teacher {
  border: 3px solid #dee2e6 !important;
  transition: all 500ms ease;
}
.single-teacher:hover {
  border: 3px solid #00c3c9 !important;
}

/* progress bars */
.progress-text {
  font-size: 15px;
  font-weight: 500;
  color: #232323;
  margin-bottom: 10px;
}

.custom-progress {
  height: 10px;
  border-radius: 50px;
  box-shadow: none;
  margin-bottom: 25px;
}
.custom-progress:last-child {
  margin-bottom: 0;
}

.custom-bar {
  height: 100%;
  box-shadow: none;
}

/*block info*/
.block-info {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 0;
}
.block-info > h6 {
  border-radius: 5px;
  padding: 15px 15px;
  margin-bottom: 0;
  text-align: center;
  color: #fff;
  font-size: 24px;
  -webkit-border-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 5px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.block-info .block-info-details {
  padding: 25px;
}

@media screen and (max-width: 1199px) {
  .block-info > h6 {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .block-info > h6 {
    font-size: 20px;
    padding: 12px 0;
  }
  .block-info .block-info-details {
    padding: 20px;
  }
}
/*feature icon*/
.feature-icon i {
  width: 58px;
  height: 58px;
  line-height: 58px;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .feature-icon i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
  }
}
/* team single icon */
.team-single-icons ul li {
  display: inline-block;
  border: 1px solid #5a6ca6;
  border-radius: 50%;
  color: #86bc42;
  margin-right: 8px;
  margin-bottom: 5px;
  transition-duration: 0.3s;
}
.team-single-icons ul li a {
  color: #5a6ca6;
  display: block;
  font-size: 14px;
  height: 25px;
  line-height: 26px;
  text-align: center;
  width: 25px;
}
.team-single-icons ul li:hover {
  background: #5a6ca6;
  border-color: #5a6ca6;
}
.team-single-icons ul li:hover a {
  color: #fff;
}

.team-social-icon li {
  display: inline-block;
  margin-right: 5px;
}
.team-social-icon li:last-child {
  margin-right: 0;
}
.team-social-icon i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 15px;
  border-radius: 50px;
}

/* courses-detail */
.enroll-today {
  border-bottom: 1px dashed #dee2e6;
}

/*search page*/
.search-form_input {
  color: #5a6ca6;
}

.search-frame h4 a:hover {
  color: #5a6ca6;
}
.search-frame .search_list .match {
  color: #5a6ca6;
}
.search-frame .search_list li:before {
  color: #5a6ca6;
}
.search-frame .search_list li + li {
  border-top: 3px solid #5a6ca6;
}
.search-frame .search {
  color: #5a6ca6;
}

.search-form_input {
  font-size: 17px;
}

.search-form i {
  font-size: 1.2rem;
  line-height: 2rem;
}

/* faq */
.faq-form label {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}
.faq-form input, .faq-form textarea, .faq-form select {
  margin-bottom: 10px;
}
.faq-form input:focus, .faq-form textarea:focus {
  border-color: #5a6ca6;
}

/*404 page*/
.page-container .title {
  font-size: 250px;
  line-height: 1;
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .page-container .title {
    font-size: 200px;
  }
}
@media screen and (max-width: 991px) {
  .page-container .title {
    font-size: 125px;
  }
}
@media screen and (max-width: 767px) {
  .page-container .title {
    font-size: 75px;
  }
}
/* count down */
ul.countdown {
  color: #fff;
}
ul.countdown li {
  border-right: 1px solid #626262;
  display: inline-block;
  padding: 0 30px;
  text-align: center;
}
ul.countdown li:last-child {
  border: medium none;
  padding-right: 0;
}
ul.countdown li span {
  font-size: 72px;
  font-weight: 700;
  line-height: normal;
  position: relative;
}
ul.countdown li span:before {
  content: "";
  height: 1px;
  position: absolute;
  width: 100%;
}
ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.7;
}

@media screen and (max-width: 991px) {
  ul.countdown li span {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  ul.countdown li {
    padding: 0 6px;
  }
  .social-links li {
    margin-right: 15px;
  }
  ul.countdown li span {
    font-size: 22px;
  }
  ul.countdown li p.timeRefDays, ul.countdown li p.timeRefHours, ul.countdown li p.timeRefMinutes, ul.countdown li p.timeRefSeconds {
    font-size: 12px;
  }
}
/* ===================================
    Blog
====================================== */
.blog-list-simple {
  margin: 0 0 30px 0;
  padding-bottom: 30px;
}
.blog-list-simple:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.blog-list-simple-text > span {
  color: #5a6ca6;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
}
.blog-list-simple-text p {
  border-top: 1px solid #ececec;
  margin-bottom: 0;
  padding: 15px 0;
}
.blog-list-simple-text .meta {
  margin: 0 0 5px 0;
}
.blog-list-simple-text li {
  display: inline-block;
  font-size: 12px;
  color: #777;
  margin: 5px;
}
.blog-list-simple-text ul {
  margin: 10px 0;
}
.blog-list-simple-text ul li {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 0;
}
.blog-list-simple-text ul li i {
  margin-right: 5px;
  font-size: 14px;
}

.blogs .post {
  margin-bottom: 50px;
}
.blogs .post .content {
  padding: 30px;
  background: #f7f7f7;
}
.blogs .post .content .post-title h5 a {
  color: #232323;
}
.blogs .post .content .post-title h5 a:hover {
  color: #F24259;
}
.blogs .post .content .meta {
  margin-bottom: 15px;
}
.blogs .post .content .meta li {
  display: inline-block;
  margin: 5px 5px 0 5px;
}
.blogs .post .content .special {
  padding: 15px;
  margin: 30px 0;
  border-left: 2px solid #111;
  background: #fff;
  font-size: 16px;
}
.blogs .post .content .btn {
  border-color: #6f6f6f;
  color: #6f6f6f;
  min-width: auto;
  padding: 6px 20px;
  font-size: 12px;
}
.blogs .post .content .btn:hover {
  color: #fff;
  border-color: #F24259;
}
.blogs .post .share-post {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px dashed #ddd;
  text-align: left;
}
.blogs .post .share-post span {
  font-weight: 700;
}
.blogs .post .share-post ul {
  float: right;
}
.blogs .post .share-post ul li {
  display: inline-block;
  margin: 0 0 0 15px;
}
.blogs .post .post-img img {
  width: 100%;
}
.blogs .posts .title-g h3 {
  font-weight: 700;
  font-size: 25px;
  margin-bottom: 10px;
}
.blogs .comments-area .comment-box {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: 1px solid #eee;
}
.blogs .comments-area .comment-box:nth-child(odd) {
  margin-left: 80px;
}
.blogs .comments-area .comment-box:last-child {
  margin-bottom: 30px;
  border: none;
}
.blogs .comment-box .author-thumb {
  width: 80px;
  float: left;
}
.blogs .comment-box .comment-info {
  margin-left: 100px;
}
.blogs .comment-box .comment-info h6 {
  margin-bottom: 10px;
}
.blogs .comment-box .comment-info .reply {
  margin-top: 10px;
  font-weight: 600;
}
.blogs .comment-box .comment-info .reply i {
  padding-right: 5px;
  font-size: 12px;
}

.pagination {
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 auto;
  padding: 0;
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 18px;
  line-height: 40px;
  text-decoration: none;
  border: 1px solid #dbdbdb;
  border-left-width: 0;
  background: #fff;
}
.pagination a:hover {
  background-color: #232323;
  color: #fff;
}
.pagination .active a {
  background-color: #f7f7f7;
  color: #999;
  cursor: default;
}
.pagination .disabled span {
  color: #999;
  background-color: transparent;
  cursor: default;
}
.pagination .disabled a {
  color: #999;
  background-color: transparent;
  cursor: default;
}
.pagination .disabled a:hover {
  color: #999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
}

.side-bar .search form input {
  width: calc(100% - 50px);
  height: 50px;
  padding: 0 10px;
  margin: 0;
  border: 1px solid #d1d1d1;
  background: #f7f7f7;
}
.side-bar .search form button {
  width: 50px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  border: 0;
  float: right;
  border-radius: 0;
  padding: 0;
  box-shadow: 0px 0 0px 0px #00a2a7 !important;
}
.side-bar .search form button:hover:before {
  border-radius: 0;
  padding: 0;
}

.widget-sidebar {
  margin-bottom: 30px;
}

.side-bar .widget-sidebar:last-child {
  margin-bottom: 0;
}
.side-bar .widget-sidebar .tags {
  margin-bottom: 0;
}
.side-bar .widget-sidebar .tags li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}
.side-bar .widget-sidebar .tags li a {
  background: #efefef;
  padding: 5px 15px;
  border-radius: 30px;
  color: #656f73;
}
.side-bar .widget-sidebar .tags li a:hover {
  background: #5a6ca6;
  color: #fff;
}

@media screen and (max-width: 1199px) {
  .blogs .post .content .post-title h5 {
    font-size: 22px;
  }
  .blogs .post .content .special {
    font-size: 16px;
  }
  .blogs .posts .title-g h3 {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  .blog-list-simple {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .blog-list-simple-text > span {
    font-size: 12px;
  }
  .blog-list-simple-text p {
    font-size: 14px;
  }
  .blog-list-simple-text h4 {
    font-size: 18px;
  }
  .blog-list-simple-text ul li {
    font-size: 12px;
  }
  .blogs .post .content .post-title h5 {
    font-size: 20px;
  }
  .blogs .post .content .special {
    font-size: 14px;
  }
  .blogs .posts .title-g h3 {
    font-size: 18px;
  }
}
/* ===================================
    Contact info
====================================== */
/* contact detail */
.map {
  width: 100%;
  height: 400px;
  vertical-align: top;
  border: 0;
}

.contact-info-section li p {
  margin-bottom: 0;
}

.contact-info li {
  position: relative;
  margin-bottom: 25px;
  border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
  padding-bottom: 25px;
}
.contact-info li:last-child {
  border-bottom: none !important;
  padding-bottom: 0;
  margin-bottom: 0;
}
.contact-info li ul li {
  padding-left: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none !important;
}
.contact-info p {
  margin-bottom: 0;
  font-size: 18px;
}
.contact-info a {
  font-size: 18px;
}
.contact-info h6 {
  margin-bottom: 10px;
}

@media screen and (max-width: 991px) {
  .contact-info p, .contact-info a {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .contact-info li {
    margin-bottom: 20px;
    padding-bottom: 15px;
  }
}
/* ===================================
    Footer
====================================== */
.footer-bg {
  background: url("../data/image/footer_fabrex.png") no-repeat center bottom;
  padding: 90px 0 220px 0;
  background-size: 100% auto;
}

.footer-bar {
  float: left;
  width: 100%;
  background: #5cb946;
  color: #fff;
  text-align: center;
  padding: 30px 0;
  margin-top: -1px;
}
.footer-bar p {
  margin: 0;
}

.footer-recent-post-thumb {
  position: relative;
}

.footer-recent-post-content {
  left: 78px;
  text-align: center;
  bottom: 30px;
  position: absolute;
}
.footer-recent-post-content a {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  background: #5a6ca6;
  padding: 5px;
}
.footer-recent-post-content span {
  font-size: 13px;
  font-weight: 400;
}

@media screen and (max-width: 1599px) {
  .footer-bg {
    padding: 90px 0 200px 0;
  }
}
@media screen and (max-width: 1199px) {
  .footer-recent-post-content {
    left: 8px;
    bottom: 90px;
  }
  .footer-bg {
    padding: 70px 0 140px 0;
  }
}
@media screen and (max-width: 991px) {
  .footer-recent-post-thumb img {
    max-width: 65%;
  }
  .footer-recent-post-content {
    left: 35px;
    bottom: 15px;
  }
  .footer-bg {
    padding: 50px 0 120px 0;
  }
}
@media screen and (max-width: 767px) {
  .footer-recent-post-thumb img {
    max-width: 75%;
  }
  .footer-recent-post-content {
    left: 14px;
    bottom: 40px;
  }
  .footer-bg {
    padding: 50px 0 100px 0;
  }
  .footer-bar {
    padding: 20px 0;
  }
  .footer-bar p {
    font-size: 14px;
  }
}
@media screen and (max-width: 575px) {
  .footer-recent-post-thumb img {
    max-width: 50%;
  }
  .footer-recent-post-content {
    left: 60px;
    bottom: 20px;
  }
  .footer-bar p {
    font-size: 13px;
  }
  .footer-bg {
    padding: 40px 0 80px 0;
  }
}
.them_secondary {
  background-color: #5a6ca6;
}

.them_info {
  background-color: #5a6ca6;
}

.formUl label {
  color: white;
  font-weight: bold;
}