/* ========================================== */
/* Reset CSS */
/* ========================================== */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /* font: inherit; */
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ========================================== */
/* Custom CSS */
/* ========================================== */
.row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.text-center{
  text-align: center !important;
}
.ml-auto, .mx-auto {
  margin-left: auto!important;
}
.mr-auto, .mx-auto {
  margin-right: auto!important;
}
.no-padding {
  padding: 0 !important;
}
.text-green{
  color: #dab872 !important;
}
.mt-5, .my-5 {
  margin-top: 3rem!important;
}
.ml-3{
  margin-left: 1rem !important;
}
.mb-4, .my-4 {
  margin-bottom: 1.5rem!important;
}


.why-choose.grey-bg {
  background: #f3f6f8 !important;
}
.why-choose {
  background: #dab872 !important;
}

.navbar-inverse {
  background: #19335c !important;
}

a.scroll-top {
  background-color: #dab872 !important;
}

.our-cources ul.course-list li .fess-box {
  background: #dab872 !important;
}

.how-study ul li:nth-child(2) .cnt-block h3:before,
.how-study ul li:nth-child(2) a.more:hover {
  background: #dab872 !important;
}

.about a.know-more:hover span {
  color: #dab872 !important;
}

.btn.blue:hover {
  background: #dab872 !important;
}

a.btn-circle.more {
  background: #dab872 !important;
}

ol.ord-listing li:before {
  background: #dab872 !important;
}

ul.news-listing > li .read-more:hover span {
  color: #dab872 !important;
}

ul.gallery-filter li:after {
  background: #dab872 !important;
}

[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  color: #dab872 !important;
}

.login-wrapper a.forgot:hover span {
  background: #dab872 !important;
}

.login-wrapper .btn:hover {
  background: #dab872 !important;
}

.blog-left ul.follow-us li a:hover {
  background: #dab872 !important;
  border-color: #1c7bc3;
}

ul.tags-list li a:hover {
  background: #dab872 !important;
}

.search-block .search:hover {
  background: #dab872 !important;
}

ul.blog-listing > li .read-more:hover span {
  color: #ff9600 !important;
}

.msg-success {
  background: #dab872 !important;
}

.contact-detail {
  background: #dab872 !important;
}

.course-tab > li.active > a span,
.course-tab > li.active > a:focus span,
.course-tab > li.active > a:hover span,
.course-tab > li > a:hover span {
  color: #dab872 !important;
}

.course-tab > li.active > a,
.course-tab > li.active > a:focus,
.course-tab > li.active > a:hover,
.course-tab > li > a:hover {
  background: none;
  border-bottom: 2px #dab872 solid !important;
  color: #dab872 !important;
}

.course-detail .duration.fee .detail {
  font-size: 36px;
  color: #ff9600 !important;
}

.enquire-now .enquire-btn:hover {
  background: #dab872 !important;
}

a.download-pros:hover,
a.download-cert:hover {
  background-color: #dab872 !important;
}

.about-video p a:hover {
  color: #dab872 !important;
}

ul.our-strength.opt2 li .icon span {
  color: #dab872 !important;
}

.sk-folding-cube .sk-cube:before {
  background-color: #ff9600 !important;
}

a.btn-circle.plus:hover {
  background: #ff9600 !important;
}

a.btn-circle {
  background: #ff9600 !important;
}

ul.news-listing > li .read-more span {
  color: #ff9600 !important;
}

.pagination.blue > li > a:focus,
.pagination.blue > li > a:hover,
.pagination.blue > li > span:focus,
.pagination.blue > li > span:hover {
  background: #ff9600 !important;
}

.archives ul li a:hover,
.archives ul li:hover span {
  color: #ff9600 !important;
}

.search-block .search {
  background: #ff9600 !important;
}

.blog-wrapper .pagination > li > a:focus,
.blog-wrapper .pagination > li > a:hover,
.blog-wrapper .pagination > li > span:focus,
.blog-wrapper .pagination > li > span:hover {
  background: #ff9600 !important;
}

ul.blog-listing > li .read-more span {
  color: #ff9600 !important;
}

.contact-bottom {
  background: #ff9600 !important;
}

.comments-wrapper ul.comments li .com-txt a:hover {
  color: #ff9600 !important;
}

.how-apply ul li:hover .num,
.how-apply ul li.active .num {
  background: #ff9600 !important;
}

.how-apply ul li .icon-block {
  background: #ff9600 !important;
}

.table-col1:before {
  color: #ff9600 !important;
}

#curriculam .lecture-txt a.preview:hover {
  background: #ff9600 !important;
}

.enquire-now .enquire-btn {
  background: #ff9600 !important;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background: #ff9600 !important;
  color: #fff;
}

.inner-banner a.apply-online {
  background: #ff9600 !important;
}

a.scroll-top:hover {
  background: #ff9600 !important;
}

.campus-tour ul.gallery li a {
  background: #ff9600 !important;
}

.news-events a.know-more span {
  color: #ff9600 !important;
}

.news-events ul li .cnt-block .plus-icon:hover {
  background: #ff9600 !important;
}

.how-study ul li a.more:hover {
  background: #ff9600 !important;
  color: #fff;
}

.how-study ul li .cnt-block h3:before {
  background: #ff9600 !important;
}

.our-cources ul.course-list li .fess-box {
  background: #ff9600 !important;
}

.about a.know-more span {
  color: #ff9600 !important;
}

.about ul.our-links li .detail a.more {
  color: #ff9600 !important;
  border: 2px #ff9600 solid !important;
}

.about ul.our-links li.prospects .detail a.more {
  border: 2px #ff9600 solid !important;
  color: #ff9600 !important;
}

.about ul.our-links li.apply-online {
  background: #ff9600 !important;
}

.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-menu > li > a:hover {
  background: #ff9600 !important;
  color: #fff;
}

.navbar .dropdown-menu:after {
  border-bottom-color: #ff9600 !important;
}

.navbar .dropdown-menu {
  border-top: 4px #ff9600 solid !important;
}

.header-middle .contact ul li a:hover {
  color: #ff9600 !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #ff9600 !important;
}

.sk-folding-cube .sk-cube:before {
  background-color: #ff9600 !important;
}

.subscribe .tnp-widget-minimal form .tnp-submit:hover {
  background: #ff9600 !important;
}

.center-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

img.wp-smiley,
img.emoji {
  display: inline !important;
  border: none !important;
  box-shadow: none !important;
  height: 1em !important;
  width: 1em !important;
  margin: 0 0.07em !important;
  vertical-align: -0.1em !important;
  background: none !important;
  padding: 0 !important;
}

body {
  color: #333333;
  font-size: 16px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.24s ease-in-out;
  -moz-transition: opacity 0.24s ease-in-out;
  transition: opacity 0.24s ease-in-out;
}

.wf-loading body {
  opacity: 0;
}

.ie.wf-loading body {
  visibility: hidden;
}

.vc_custom_1504009249988 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.vc_custom_1504063864366 {
  padding-top: 80px !important;
}

.vc_custom_1504238240811 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.vc_custom_1504165473051 {
  padding-right: 0px !important;
  padding-bottom: 60px !important;
  padding-left: 0px !important;
}

/* ================================================== */
/* Theme Custom Fonts */
/* ================================================== */

@font-face {
  font-family: "RobotoBold";
  src: url("../fonts/Roboto-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "RobotoRegular";
  src: url("../fonts/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

/* ================================================== */
/* font iconmoon */
/* ================================================== */

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.ttf");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: "icomoon", serif !important;
  speak-as: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-border-tick-arrow:before {
  content: "\e91f";
}

.icon-check-tick-icon:before {
  content: "\e91e";
}

.icon-date-icon:before {
  content: "\e91d";
}

.icon-question-icon:before {
  content: "\e91c";
}

.icon-map-marker-icon:before {
  content: "\e918";
}

.icon-envelop-icon:before {
  content: "\e919";
}

.icon-phone-icon:before {
  content: "\e91a";
}

.icon-play-icon:before {
  content: "\e91b";
}

.icon-brochure-icon:before {
  content: "\e910";
}

.icon-curriculam-icon:before {
  content: "\e911";
}

.icon-duration-icon:before {
  content: "\e912";
}

.icon-eligibility-icon:before {
  content: "\e913";
}

.icon-reply-icon:before {
  content: "\e914";
}

.icon-schedule-icon:before {
  content: "\e915";
}

.icon-semester-icon:before {
  content: "\e916";
}

.icon-tick-icon:before {
  content: "\e917";
}

.icon-book-icon:before {
  content: "\e900";
}

.icon-calander-icon:before {
  content: "\e901";
}

.icon-certification-icon:before {
  content: "\e902";
}

.icon-chat-icon:before {
  content: "\e903";
}

.icon-close-icon:before {
  content: "\e904";
}

.icon-enlarge-icon:before {
  content: "\e905";
}

.icon-gallery-more-arrow:before {
  content: "\e906";
}

.icon-mail-icon:before {
  content: "\e907";
}

.icon-more-icon:before {
  content: "\e908";
}

.icon-next-icon:before {
  content: "\e909";
}

.icon-parents-icon:before {
  content: "\e90a";
}

.icon-prev-icon:before {
  content: "\e90b";
}

.icon-quote-left-icon:before {
  content: "\e90c";
}

.icon-quote-right-icon:before {
  content: "\e977";
}

.icon-search-icon:before {
  content: "\e90e";
}

.icon-student-icon:before {
  content: "\e90f";
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box;
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
}

.mfp-arrow:before,
.mfp-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box;
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
  top: 0;
  left: 0;
  padding: 10px;
  margin-top: 1px;
  /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}

.datepicker:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #dae4e8;
  border-bottom-color: #dae4e8;
  position: absolute;
  top: -7px;
  left: 6px;
}

.datepicker:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}

.datepicker > div {
  display: none;
}

.datepicker table {
  width: 100%;
  margin: 0;
}

.datepicker th {
  font-weight: 700;
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.datepicker td {
  text-align: center;
  width: 20px;
  height: 20px;
  line-height: 26px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}

.datepicker td.day.disabled {
  color: #eeeeee;
}

.datepicker td.old,
.datepicker td.new {
  color: #d0d1d1;
}

.datepicker td.active,
.datepicker td.active:hover {
  color: #fff;
  background: #ff9600;
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active {
  background: #dab872;
}

.datepicker td span {
  display: block;
  width: 47px;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 2px;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.datepicker td span:hover {
  background: #eeeeee;
}

.datepicker td span.active {
  color: #ffffff;
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active.disabled,
.datepicker td span.active[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.datepicker td span.active:active,
.datepicker td span.active.active {
  background-color: #003399 \9;
}

.datepicker td span.old {
  color: #999999;
}

.datepicker th.switch {
  width: 145px;
}

.datepicker th.next,
.datepicker th.prev {
  font-size: 21px;
}

.datepicker thead tr:first-child th {
  cursor: pointer;
}

.datepicker thead tr:first-child th:hover {
  background: #eeeeee;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

/*-------------------------------------------------------------------------------------
Theme Name:	Edumart
Theme URI: 	http://protechtheme.com/edumart/
Author: protechtheme
-------------------------------------------------------------------------------------*/

/**
*****************************************
@File: Edumart Theme Styles

* This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

01. General Style
02. header
03. navigation
04. home sections
	├─ banner
	├─ about
	├─ cources
	├─ impotance
	├─ how study
	├─ why choose
	├─ news & events
	├─ campus tour
	├─ client logos
	├─ testimonials
05. footer
06. about page
07. cources listing page
	├─ browse teacher
08. course detail page
	├─ course detail tab
	├─ how to apply
	├─ comments section
09. contact page
10. blog page
11. blog detail page
12. 404 page
13. FAQ page
14. login page
15. testimonial page
16. gallery page
17. news & events page
18. privacy page
19. register page
20. apply online page
21. generic UI page
22. Responsive Style
*****************************************
**/

/* ================================================== */
/* 01. General Style */
/* ================================================== */

body {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #464E4E;
  line-height: 26px;
}

/*---Typography---*/

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
  font-family: "RobotoBold";
  text-transform: uppercase;
  color: #24353b;
}

h1 {
  font-size: 46px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 16px;
}

p {
  padding: 0;
  margin: 0;
}

ol,
ul {
  margin-bottom: 0;
}

a {
  text-decoration: none !important;
  outline: none;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

label {
  font-weight: normal;
}

::-webkit-input-placeholder {
  opacity: 1;
  text-transform: uppercase;
}

:-moz-placeholder {
  /* Firefox 18- */
  opacity: 1;
  text-transform: uppercase;
}

::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  text-transform: uppercase;
}

:-ms-input-placeholder {
  opacity: 1;
  text-transform: uppercase;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

/*-----------------------
Page Loader
-----------------------*/

#loading {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 99999;
  background: #fff;
}

#loading .element {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
}

.sk-folding-cube {
  margin: 20px auto;
  width: 40px;
  height: 40px;
  position: relative;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.sk-folding-cube .sk-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.sk-folding-cube .sk-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff9600;
  -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
  animation: sk-foldCubeAngle 2.4s infinite linear both;
  -webkit-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.sk-folding-cube .sk-cube2 {
  -webkit-transform: scale(1.1) rotateZ(90deg);
  transform: scale(1.1) rotateZ(90deg);
}

.sk-folding-cube .sk-cube3 {
  -webkit-transform: scale(1.1) rotateZ(180deg);
  transform: scale(1.1) rotateZ(180deg);
}

.sk-folding-cube .sk-cube4 {
  -webkit-transform: scale(1.1) rotateZ(270deg);
  transform: scale(1.1) rotateZ(270deg);
}

.sk-folding-cube .sk-cube2:before {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

.sk-folding-cube .sk-cube3:before {
  -webkit-animation-delay: 0.6s;
  animation-delay: 0.6s;
}

.sk-folding-cube .sk-cube4:before {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
}

@-webkit-keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

@keyframes sk-foldCubeAngle {
  0%,
  10% {
    -webkit-transform: perspective(140px) rotateX(-180deg);
    transform: perspective(140px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
  75% {
    -webkit-transform: perspective(140px) rotateX(0deg);
    transform: perspective(140px) rotateX(0deg);
    opacity: 1;
  }
  90%,
  100% {
    -webkit-transform: perspective(140px) rotateY(180deg);
    transform: perspective(140px) rotateY(180deg);
    opacity: 0;
  }
}

/* ================================================== */
/* 02. header	*/
/* ================================================== */

.header-top {
  display: block;
  background: #211d1e;
}

.header-top ul.follow-us {
  display: block;
  padding-top: 8px;
  float: left;
}

.header-top ul.follow-us li {
  display: inline-block;
  padding-right: 20px;
  font-size: 18px;
}

.header-top ul.follow-us li a {
  color: #646162;
}

.header-top ul.follow-us li a:hover {
  color: #fff;
}

.header-top .right-block {
  display: block;
  float: right;
}

.header-top ul.top-nav {
  display: block;
  padding-top: 8px;
  padding-right: 10px;
  float: left;
}

.header-top ul.top-nav li {
  display: block;
  padding: 0 13px;
  float: left;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.header-top ul.top-nav li a {
  color: #6c777d;
}

.header-top ul.top-nav li a:hover {
  color: #fff;
}

.header-top .lang-wrapper {
  display: block;
  float: right;
}

.header-top .select-lang,
.header-top .select-lang2 {
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.header-top .select-lang {
  margin-left: 1px;
}

.header-top .select2-container--default .select2-selection--single {
  border: none;
  border-radius: 0px;
  background: #302c2d;
}

.header-top .select2.select2-container {
  width: 100px !important;
}

.header-top .select2-container .select2-selection--single {
  height: 42px;
}

.header-top .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 42px;
}

.header-top .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 16px;
  color: #fff;
}

.header-top .select2-container .select2-selection--single .select2-selection__rendered img {
  margin-right: 4px;
}

.header-top .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 30px;
  height: 42px;
}

.select2-container--open .select2-dropdown--below {
  border-radius: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 6px 5px 0;
  border-color: #c1c0c0 transparent transparent;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-width: 0 5px 6px;
}

.select2-dropdown {
  border: 1px #dedddd solid;
}

.select2-results__option {
  padding: 0 6px;
  font-size: 13px;
}

.select2-results__option .img-flag {
  margin-right: 4px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background: #ff9600;
}

.header-middle {
  padding-top: 20px;
  padding-bottom: 20px;
}

.header-middle .contact {
  display: block;
  padding: 8px 0 0 0;
  float: right;
}

.header-middle .contact ul {
  display: block;
  padding-right: 32px;
  float: left;
}

.header-middle .contact ul li {
  display: block;
  padding: 0 30px;
  border-right: 1px #dedddd solid;
  float: left;
  font-family: "RobotoBold";
  font-size: 18px;
  color: #4f4a4a;
  line-height: 18px;
}

.header-middle .contact ul li span {
  display: block;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  color: #8f9ba1;
  text-transform: uppercase;
}

.header-middle .contact ul li a {
  color: #4f4a4a;
}

.header-middle .contact ul li a:hover {
  color: #ff9600;
}

.header-middle a.login {
  display: inline-block;
  padding: 5px 20px;
  border: 2px #2c97ea solid;
  border-radius: 5px;
  font-size: 12px;
  color: #6f7a7f;
  font-weight: 700;
}

.header-middle a.login:hover {
  background: #2c97ea;
  color: #fff;
}

.header-middle a.login span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 10px;
  font-size: 16px;
  color: #00aaff;
}

.header-middle a.login:hover span {
  color: #fff;
}

/* ================================================== */
/* 03. navigation */
/* ================================================== */

.navbar {
  border-radius: 0px;
  margin: 0px;
  border: none;
}

.navbar-collapse {
  padding: 0px;
}

.navbar-inverse {
  background: #dab872;
}

.nav > li > a {
  padding: 18px 22px;
}

.navbar-nav > li {
  border-right: 1px #fdd287 solid;
}

.navbar-nav > li > a {
  text-transform: uppercase;
}

.navbar-nav > li:last-child {
  border: none;
}

.navbar-inverse .navbar-nav > li > a {
  font-family: "RobotoBold";
  font-size: 16px;
  color: #fff;
}

.navbar-inverse .navbar-nav > li > a i {
  font-size: 20px;
  color: #8bd29d;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  background-color: #ff9600;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:focus,
.navbar-inverse .navbar-nav > .open > a:hover {
  background: #4ab866;
}

.navbar-form {
  width: 30%;
  padding: 0 25px;
  background: #4ab866;
  margin: 0px;
  position: relative;
}

.navbar-form .form-control {
  width: 100%;
  margin: 12px 0;
  padding-left: 0px;
  height: 34px;
  background: none;
  border-radius: 0px;
  box-shadow: none;
  border-bottom: 1px #a5dcb3 solid !important;
  border: none;
  font-size: 12px;
  color: #b4ddbd;
  text-transform: uppercase;
}

.navbar-form .form-control::-webkit-input-placeholder {
  color: #fff;
}

.navbar-form .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

.navbar-form .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

.navbar-form .form-control:-ms-input-placeholder {
  color: #fff;
}

.navbar-form .search-btn {
  display: block;
  border: none;
  position: absolute;
  right: 25px;
  top: 18px;
  background: none;
  font-size: 16px;
  color: #fff;
}

.navbar .dropdown-menu {
  min-width: 260px;
  padding: 0px;
  border: none;
  box-shadow: none;
  border-radius: 0px;
  border-top: 4px #ff9600 solid;
}

.navbar .dropdown-menu:after {
  bottom: 100%;
  left: 40px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  border-color: rgba(255, 150, 0, 0);
  border-bottom-color: #ff9600;
  border-width: 10px;
}

.navbar .dropdown-menu > li > a {
  padding: 8px 15px;
  color: white;
}

.navbar .dropdown-menu > li > a:focus,
.navbar .dropdown-menu > li > a:hover {
  background: #ff9600;
  color: #fff;
}

/* ================================================== */
/* 04. home page sections */
/* ================================================== */

/*-----------------------
banner
-----------------------*/
.banner-outer {
  display: block;
  position: relative;
  overflow-x: hidden;
}

.banner-slider .container {
  display: table;
  height: 100%;
}

.banner-outer .slide1,
.banner-outer .slide2,
.banner-outer .slide3 {
  display: block;
  height: 588px;
}

.banner-outer .slide1 {
  background: url("../images/banner1.jpg") no-repeat center top / cover;
}

.banner-outer .slide2 {
  background: url("../images/banner2.jpg") no-repeat center top / cover;
}

.banner-outer .slide3 {
  background: url("../images/banner3.jpg") no-repeat center top / cover;
}

.banner-outer .content {
  display: table-cell;
  vertical-align: middle;
}

.banner-slider .content .fl-right {
  float: right;
}

.banner-outer .content h1 {
  display: block;
  padding-bottom: 20px;
  font-family: "RobotoBold";
  font-size: 32px;
  color: #24343a;
  line-height: 50px;
  text-transform: uppercase;
  -webkit-animation-delay: 0.2s;
}

.banner-outer .content h1 span {
  display: block;
  font-size: 62px;
  -webkit-animation-delay: 0.3s;
}

.banner-outer .content p {
  display: block;
  padding-bottom: 25px;
  max-width: 390px;
  font-size: 16px;
  color: #24343a;
  opacity: 0.8;
  -webkit-animation-delay: 0.34s;
}

.banner-outer .content a.btn {
  -webkit-animation-delay: 0.36s;
}

.banner-outer .slide2 .content a.btn {
  margin: 0 10px;
}

.banner-outer .slide2 .content {
  float: none;
  text-align: center;
}

.banner-outer .slide2 .content h1,
.banner-outer .slide3 .content h1 {
  font-size: 54px;
  color: #fff;
}

.banner-outer .slide2 .content p {
  margin: 0 auto;
  color: #fff;
}

.banner-outer .slide3 .content h1,
.banner-outer .slide3 .content p {
  color: #fff;
}

.btn-slide {
  display: inline-block;
  padding: 12px 24px;
  border-radius: 4px;
  background: #ff9600;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.btn span {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -3px;
  content: "";
  opacity: 0.5;
}

.btn:hover,
.btn:focus {
  background: #2c97ea;
  color: #fff;
}

.btn.white {
  background: #fff;
  color: #595545;
}

.btn.white:hover {
  background: #2c97ea;
  color: #fff;
}

.btn.blue {
  background: #2c97ea;
  color: #fff;
}

.btn.blue:hover {
  background: #dab872;
}

.banner-outer .bx-wrapper .bx-pager {
  bottom: 90px;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 999;
}

.banner-outer .bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
}

.banner-outer .bx-wrapper .bx-pager a {
  background: #fff;
  border-radius: 2px;
  display: block;
  height: 5px;
  margin: 0 4px;
  outline: 0 none;
  text-indent: -9999px;
  width: 18px;
  opacity: 0.3;
}

.banner-outer .bx-wrapper .bx-pager a:hover,
.banner-outer .bx-wrapper .bx-pager a.active {
  background: #fff;
  opacity: 1;
}

/*-----------------------
new cources
-----------------------*/
.new-cources{}
.new-cources .our-cources-top{
  width: 100%;
  text-align: center;
  padding: 0 15px;
}
.new-cources .our-cources-top-content{
  width: 73%;
  margin: 0 auto;
  display: block;

}
.new-cources .our-cources-top .title{
  font-size: 34px;
  color: #dab872;
  text-transform: unset;
  margin-bottom: 8px;
}
.new-cources #description-course{
  margin-top: 20px;
  font-size: 16px;
  color: #696969;
  font-family: "RobotoRegular";
}
span.read-more{
  font-size: 16px;
    color: #A9A9A9;
    /* font-family: "RobotoItalic"; */
    cursor: pointer;
}
.new-cources .course-group .course-item{
  height: 100%;
  background-color: #ffffff;
  border-radius: 30px;
  padding: 25px;
  margin: 0px -5px;
}
.new-cources .course-item .course-item-left img{
  margin-top: -55px;
  width: 100%;
  height: auto;
}
.new-cources .course-item .course-item-right{
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.new-cources .course-item .course-item-right .course-title{
  font-family: "RobotoBold";
  font-size: 28px;
}
.new-cources .course-item .course-item-right .course-description{
  font-family: "RobotoRegular";
  font-size: 16px;
}
.new-cources .course-item .course-item-right .btn-detail{
  border: none;
  color: #ffffff;
  background-image: -webkit-gradient(linear, left top, right top, from(#dab872), to(#f2e3a9));
  background-image: linear-gradient(to right, #dab872, #f2e3a9);
  height: 48px;
  width: 186px;
  border-radius: 30px;
  font-family: "RobotoBold";
  font-size: 16px;
  outline: none;
}

/* Why - choose - us */
.why-choose-us {
  padding: 50px 0px;
  background-color: #e8e8e8;
}

.why-choose-us .title{
  font-size: 34px;
  color: #dab872;
  text-transform: unset;
  margin-bottom: 8px;
  font-family: "RobotoBold";
}

.why-choose-us .reason-group .reason-item {
  padding: 30px 25px;
  background-color: #ffffff;
  border-top: 3px solid #dab872;
  height: 100%;
}

.why-choose-us .reason-group .reason-item .reason-image {
  height: 40px;
  width: auto;
}

.why-choose-us .reason-group .reason-item .reason-title {
  font-family: "RobotoBold";
  font-size: 24px;
  margin-top: 20px;
}

.why-choose-us .reason-group .reason-item .reason-description {
  font-size: 16px;
  margin-top: 20px;
}

/* Doi ngu giang vien */
.teaching-staff {
  padding: 50px 0px;
}

.teaching-staff .title{
  font-size: 34px;
  color: #dab872;
  text-transform: unset;
  margin-bottom: 8px;
  font-family: "RobotoBold";
}
.teaching-staff .description{
  margin: 20px 0;
  font-size: 16px;
  color: #696969;
  font-family: "RobotoRegular";
}

.teaching-staff .teacher-list .teacher-item {
  background-image: -webkit-gradient(linear, left top, right top, from(#dab872), to(#f2e3a9));
  background-image: linear-gradient(to right, #dab872, #f2e3a9);
  border-radius: 25px;
  height: 100%;
}

.teaching-staff .teacher-list .teacher-item .teacher-image {
  width: 100%;
  height: auto;
  border-radius: 25px;
}

.teaching-staff .teacher-list .teacher-item .teacher-info {
  padding: 20px;
  color: #ffffff;
}

.teaching-staff .teacher-list .teacher-item .teacher-info .teacher-name {
  font-family: "RobotoBold";
  font-size: 20px;
  margin-bottom: 0px;
}

.teaching-staff .teacher-list .teacher-item .teacher-info .teacher-position {
  font-size: 16px;
  margin-bottom: 0px;
}

/* student-reviews */
.student-reviews {
  padding: 0px 0px 50px 0px;
}

.student-reviews .title{
  font-size: 34px;
  color: #dab872;
  text-transform: unset;
  margin-bottom: 8px;
  font-family: "RobotoBold";
}

.student-reviews .review-list {
  margin-top: 40px;
}
.student-reviews .review-list .owl-stage{
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.student-reviews .review-list .owl-item{
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  flex: 1;
  background-color: #f6f6f6;
}

.student-reviews .review-list .owl-nav .owl-prev {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  position: absolute;
  top: 50%;
  left: 0px;
}

.student-reviews .review-list .owl-nav .owl-next {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit;
  position: absolute;
  top: 50%;
  right: 0px;
}

.student-reviews .review-list .item {
  display: inline-block;
}

.student-reviews .review-list .item .user-image {
  height: 93px;
  width: 93px;
  border-radius: 50%;
  z-index: 10;
  margin-left: 40px;
  margin: 15px 0 15px 40px;
}

.student-reviews .review-list .item .review-item {
  background-color: #f6f6f6;
  padding: 45px 40px 40px 40px;
  border-radius: 10px 10px 10px 10px;
  margin-top: -50px;
  height: 100%;
}

.student-reviews .review-list .item .review-item .user-name {
  font-family: "RobotoBold";
  font-size: 16px;
  font-weight: bold;
}

.student-reviews .review-list .item .review-item .shape {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.student-reviews .review-list .item .review-item .shape .quotes {
  height: 15px;
  width: 15px;
}

.student-reviews .review-list .item .review-item .shape .solid {
  width: 100%;
  border-top: 1px solid #A9A9A9;
  margin-left: 20px;
}

.student-reviews .review-list .item .review-item .course-name {
  font-size: 12px;
  color: #dab872;
}

.student-reviews .review-list .item .review-item .content-review {
  margin-top: 14px;
}

/* stats */
.stats {
  padding: 0px 0px 50px 0px;
}

.stats .stats-left {
  margin-top: 30px;
  text-align: center;
  font-family: "RobotoBold";
}
.stats .stats-left .title{
  font-size: 34px;
  margin-bottom: 20px;
}
.stats .stats-left .row>div{
  margin-bottom: 15px;
}
.stats .stats-left h5 {
  font-size: 60px;
  color: #dab872;
  margin-bottom: 0px;
}

.stats .stats-left .label {
  font-size: 18px;
  color: black;
  margin-bottom: 20px;
}

.stats .stats-right {
  margin-top: 30px;
}

.stats .stats-right img {
  width: 100%;
  height: auto;
}

/* Footer */
.footer-home {
  color: #fdd287;
}

.footer-home .footer-content {
  font-size: 20px;
  background-color: #142c53;
  padding: 30px 0px;
}

.footer-home .footer-content .logo-footer {
  width: 100%;
  height: auto;
}
.footer-home p.slogan, .footer-home .d-flex.flex-row{
  margin-bottom: 15px;
}
.footer-home p.slogan, .footer-home .d-flex.flex-row p{
  color: #fdd287;
  font-size: 20px;
  line-height: 1.5;
}
.footer-home .footer-link{
  padding: 0 50px;
}
.footer-home .footer-link ul{
  list-style: disc;
}
.footer-home .footer-link ul li{
  line-height: 1.5;
}
.footer-home .footer-content .center ul li a {
  color: #fdd287;
  text-decoration: none;
}
.footer-home .footer-icon{
  width: 30px;
  float: left;
}
.footer-home .footer-info{
  margin-left: 40px;
  color: #fdd287;
}
.footer-home .footer-copyright {
  background-color: #5a7196;
  padding: 15px 0px;
  font-size: 20px;
}
.footer-home a, .footer-home a:hover, .footer-home a:focus{
  color: #fdd287;
}
/* Responsive */
@media screen and (max-width: 768px) {
  .container>.navbar-header{
    margin: 0;
  }
  .our-cources, .why-choose-us, .teaching-staff, .stats, .student-reviews{
    padding: 0 20px;
  }
  .why-choose-us .reason-group>div.col-xl-4{
    width: 100%;
  }
  .teaching-staff .teacher-list>div.col-xl-3{
    margin-bottom: 20px;
  }
  .footer-home .footer-content{
    padding: 30px 20px;
  }
  .footer-home .footer-link{
    margin-left: 0 !important;
    padding: 0 35px;
    margin: 15px 0;
  }
}

@media screen and (max-width: 594px) {
  .teaching-staff .teacher-list{
    justify-content: center;
  }
}


/*-----------------------
about
-----------------------*/

.about {
  display: block;
  position: relative;
  padding: 222px 0 100px 0;
  background: url(../images/about-bg.jpg) no-repeat center bottom;
}

.about ul.our-links {
  display: block;
  margin: -280px 0 0 0;
  position: relative;
  z-index: 9999;
}

.about ul.our-links li {
  display: block;
  position: relative;
}

.about ul.our-links li.apply-online {
  background: #ff9600;
}

.about ul.our-links li.prospects .detail a.more {
  border: 2px #ff9600 solid;
  color: #ff9600;
}

.about ul.our-links li.prospects {
  background: #2c97ea;
}

.about ul.our-links li.prospects .detail a.more {
  border: 2px #2c97ea solid;
  color: #2c97ea;
}

.about ul.our-links li.certification {
  background: #f0bc01;
}

.about ul.our-links li.certification .detail a.more {
  border: 2px #f0bc01 solid;
  color: #f0bc01;
  /*display: flex;*/
  /*flex-direction: row;*/
  /*justify-content: center;*/
  /*align-items: center;*/
}

.about ul.our-links li {
  display: block !important;
  padding: 44px 10px 60px 4%;
  opacity: 1 !important;
}

.about ul.our-links li p {
  padding-bottom: 0px;
}

.about ul.our-links li .icon {
  width: 23%;
  float: left;
}

.about ul.our-links li .detail {
  width: 60%;
  padding-left: 20px;
  float: left;
  color: #fff;
}

.about ul.our-links li .detail h3 {
  display: block;
  padding-bottom: 10px;
  font-family: "RobotoBold";
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
}

.about ul.our-links li .detail h3 span {
  display: block;
  font-size: 12px;
}

.about ul.our-links li .detail p {
  display: block;
  font-size: 12px;
  line-height: 16px;
}

.about ul.our-links li .detail a.more {
  width: 38px;
  height: 38px;
  line-height: 34px;
  position: absolute;
  bottom: -17px;
  margin: 0 auto;
  left: 0;
  right: 0;
  background: #fff;
  font-size: 20px;
  color: #ff9600;
  border-radius: 50%;
  text-align: center;
  border: 2px #ff9600 solid;
  display: flex;
  justify-content: center;
  align-items: center;
}

.about ul.our-links li .detail a.more:hover {
  color: #211d1e;
}

.about .sm-head {
  display: block;
  font-family: "RobotoRegular";
  font-size: 16px;
  color: #7d7c7c;
  line-height: 18px;
  text-transform: uppercase;
}

.about .left-block {
  display: block;
}

.video-block {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.video-block iframe,
.video-block object,
.video-block embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#thumbnail_container {
  overflow: hidden;
  width: 100%;
}

.about .video-block img {
  width: 100%;
}

.about .video-block a {
  width: 67px;
  display: block;
  position: absolute;
  margin: -34px auto 0;
  left: 0px;
  right: 0px;
  top: 50%;
  cursor: pointer;
}

.about h2 {
  padding-bottom: 20px !important;
  color: #353434;
  text-align: left !important;
}

.about p {
  display: block;
  padding-bottom: 34px;
}

.about .know-more-wrapper {
  display: block;
  position: relative;
}

.about .know-more-wrapper:after {
  width: calc(100% - 135px);
  height: 1px;
  background: #e8e8e8;
  content: "";
  position: absolute;
  right: 0px;
  top: 14px;
  z-index: 1;
}

.about a.know-more {
  display: inline-block;
  padding-right: 24px;
  position: relative;
  z-index: 2;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #645847;
  text-transform: uppercase;
}

.about a.know-more span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  margin-left: 4px;
  color: #ff9600;
}

.about a.know-more:hover span {
  color: #dab872;
}

/*-----------------------
cources
-----------------------*/

.padding-lg {
  display: block;
  padding-top: 50px;
  padding-bottom: 50px;
}

.our-cources h2,
.how-study h2,
.why-choose h2,
.news-events h2,
.campus-tour h2,
.testimonial h2,
.about h2,
.browse-teacher h2,
.how-apply h2,
.have-question h2 {
  display: block;
  padding-bottom: 44px;
  font-family: "RobotoBold";
  font-size: 36px;
  text-transform: uppercase;
  text-align: center;
}

.our-cources h2 span,
.how-study h2 span,
.why-choose h2 span,
.news-events h2 span,
.campus-tour h2 span,
.browse-teacher h2 span,
.how-apply h2 span {
  display: block;
  font-family: "RobotoRegular";
  font-size: 16px;
  opacity: 0.8;
}

.our-cources {
  display: block;
  background: #F5F5F5;
  position: relative;
}

.our-cources:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 1;
  content: "";
  /* background: url(../images/cources-bg.jpg) no-repeat center top / cover; */
  opacity: 0.2;
}

.our-cources .container {
  position: relative;
  z-index: 2;
}

.our-cources h2 {
  color: #fff;
}

.our-cources h2 span {
  color: #d5d4d3;
}

.our-cources ul.course-list {
  display: block;
  padding-top: 20px;
}

.our-cources ul.course-list li {
  display: block;
  background: url("../images/book-bg.png") no-repeat center top;
  position: relative;
}

.our-cources ul.course-list li:after {
  width: 1px;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
  display: block;
  background: #fff;
  content: " ";
  opacity: 0.3;
}

.our-cources ul.course-list li .inner {
  width: 198px;
  margin: 0 auto;
  height: 280px;
  padding: 20px;
  position: relative;
}

.our-cources ul.course-list li .inner figure {
  position: absolute;
  left: 4px;
  top: 1px;
  /* opacity: 0.3; */
}
.our-cources ul.course-list li .inner figure img{
  opacity: 0.3;
}

.our-cources ul.course-list li h3 {
  display: block;
  padding-bottom: 10px;
  font-family: "RobotoBold";
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 22px;
  color: #fff;
  position: relative;
}

.our-cources ul.course-list li h3 span {
  display: block;
}

.our-cources ul.course-list li p {
  display: block;
  padding-bottom: 12px;
  font-size: 12px;
  line-height: 18px;
  color: #fff;
  opacity: 0.8;
}

.our-cources ul.course-list li .fess-box {
  display: inline-block;
  padding: 0 12px;
  background: #ff9600;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  
  text-transform: uppercase;

  position: absolute;
  bottom: 70px;
  right: 4px;
}

.our-cources ul.course-list li .fess-box span {
  font-family: "RobotoBold";
  font-size: 16px;
}

.our-cources ul.course-list li .bottom-txt {
  width: 100%;
  padding: 30px 15px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.our-cources ul.course-list li .duration {
  width: 81%;
  float: left;
}

.our-cources ul.course-list li .duration h4 {
  display: block;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}

.our-cources ul.course-list li .duration span {
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  line-height: 16px;
  text-transform: uppercase;
  opacity: 0.8;
}

.our-cources ul.course-list li a {
  display: block;
  position: absolute;
  right: 18px;
  bottom: 20px;
}

.our-cources ul.course-list li a .icon-more-icon {
  font-size: 23px;
  color: #fff;
  opacity: 0.5;
  transition: all 0.3s ease 0s;
}

.our-cources ul.course-list li a:hover .icon-more-icon {
  opacity: 1;
}

/*-----------------------
impotance
-----------------------*/

.our-impotance {
  background: #fff;
}

.our-impotance ul {
  display: block;
  text-align: center;
}

.our-impotance ul li {
  display: block;
  margin-bottom: 64px;
  border-right: 1px #e9e9e9 solid;
  position: relative;
}

.our-impotance ul li .inner {
  display: block;
  padding: 30px;
}

.our-impotance ul li .inner img {
  border-radius: 3px;
  height: auto;
  width: 200px;
}

.our-impotance ul li:nth-child(3n) {
  border-right: 1px #e9e9e9 solid;
}

.our-impotance ul li:nth-child(4n) {
  border-right: none;
}

.our-impotance ul li:nth-child(6n) {
  border-right: none;
}

.our-impotance ul li:nth-child(n + 4):after {
  display: none;
}

.our-impotance ul li:nth-child(n + 4) {
  margin-bottom: 0px;
}

.our-impotance ul li:after {
  width: 80%;
  height: 1px;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  display: block;
  position: absolute;
  bottom: -35px;
  content: "";
  background: #e9e9e9;
}

.our-impotance ul li h3 {
  display: block;
  padding: 22px 0 12px 0;
  font-family: "RobotoBold";
  font-size: 18px;
  color: #284962;
  text-transform: uppercase;
  line-height: 24px;
}

.our-impotance ul li h3 span {
  display: block;
}

.our-impotance ul li p {
  display: block;
  font-size: 12px;
  color: #969a9e;
  line-height: 20px;
}

/*-----------------------
how study
-----------------------*/

.how-study {
  background: #f3f6f8;
}

.how-study h2 {
  color: #2d4256;
}

.how-study h2 span {
  color: #7d8792;
}

.how-study ul {
  display: block;
}

.how-study ul li img {
  width: 100%;
}

.how-study ul li:hover .overly {
  background: rgba(0, 0, 0, 0.9);
}

.how-study ul li .overly {
  width: calc(100% - 30px);
  height: 100%;
  position: absolute;
  left: 15px;
  top: 0px;
  background: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease 0s;
}

.how-study ul li .cnt-block {
  max-width: 220px;
  position: absolute;
  bottom: 30px;
  left: 11%;
  color: #fff;
}

.how-study ul li .cnt-block h3 {
  display: block;
  padding-bottom: 12px;
  font-family: "RobotoRegular";
  font-size: 22px;
  color: #fff;
  line-height: 26px;
  position: relative;
  text-transform: none;
}

.how-study ul li .cnt-block h3:before {
  display: block;
  margin-bottom: 8px;
  width: 40%;
  height: 4px;
  content: " ";
  background: #ff9600;
}

.how-study ul li:nth-child(2) .cnt-block h3:before,
.how-study ul li:nth-child(2) a.more:hover {
  background: #dab872;
}

.how-study ul li:nth-child(3) .cnt-block h3:before,
.how-study ul li:nth-child(3) a.more:hover {
  background: #1876bf;
}

.how-study ul li .cnt-block p {
  display: block;
  font-size: 12px;
  line-height: 16px;
  opacity: 0.7;
}

.how-study ul li a.more {
  /*display: block;*/
  width: 24px;
  height: 24px;
  position: absolute;
  right: 30px;
  bottom: 30px;
  border-radius: 50%;
  line-height: 24px;
  background: #fff;
  font-size: 18px;
  color: #000;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.how-study ul li a.more i {
  margin-left: 2px;
}

.how-study ul li a.more:hover {
  background: #ff9600;
  color: #fff;
}

/*-----------------------
why choose
-----------------------*/

.why-choose {
  background: #dab872;
  position: relative;
}

.why-choose:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 1;
  content: "";
  background: url("../images/why-choose-bg.jpg") no-repeat center center / cover;
  opacity: 0.1;
}

.why-choose h2 {
  padding-bottom: 70px;
  color: #fff;
}

.why-choose h2 span {
  color: #fff;
}

ul.our-strength {
  display: block;
  text-align: center;
}

ul.our-strength li {
  width: 20%;
  display: inline-table;
  color: #fff;
  text-align: center;
  border-right: 1px #94d3a4 solid;
}

ul.our-strength li:last-child {
  border: none;
}

ul.our-strength li .icon {
  display: block;
  padding-bottom: 20px;
}

ul.our-strength li .icon span {
  font-size: 44px;
  opacity: 0.7;
}
ul.our-strength li .icon i {
  font-size: 70px;
  opacity: 0.7;
}

ul.our-strength li span {
  padding-bottom: 12px;
  font-family: "RobotoRegular";
  font-size: 48px;
}

ul.our-strength li .couter-outer {
  display: block;
}

ul.our-strength li .title {
  display: block;
  font-family: "RobotoRegular";
  font-size: 16px;
  opacity: 0.8;
  text-transform: uppercase;
  margin-top: 15px;
}

/*-----------------------
news & events
-----------------------*/

.news-events {
  background: #f3f6f8;
}

.news-events h2 {
  color: #2a4356;
}

.news-events h2 span {
  color: #2d4256;
}

.news-events ul {
  display: block;
  margin-bottom: 60px;
}

.news-events ul li .inner {
  display: block;
  background: #fff;
  box-shadow: 0px 0px 3px #c4c6c8;
  position: relative;
}

.news-events ul li .img-block {
  display: block;
}

.news-events ul li .img-block img {
  width: 100%;
}

.news-events ul li .cnt-block {
  display: block;
  padding: 40px 30px 30px 30px;
  background: #fff;
  position: relative;
}

.news-events ul li .cnt-block .plus-icon {
  display: block;
  width: 64px;
  height: 64px;
  line-height: 60px;
  text-align: center;
  position: absolute;
  right: 20px;
  top: -32px;
  background: #2c97ea;
  border-radius: 50%;
  font-size: 34px;
  color: #fff;
  box-shadow: 0px 5px 5px #c0e0f9;
}

.news-events ul li .cnt-block .plus-icon:hover {
  background: #ff9600;
}

.news-events ul li .cnt-block h3 {
  display: block;
  padding-bottom: 36px;
  font-family: "RobotoRegular";
  font-size: 22px;
  color: #41484d;
  line-height: 32px;
  text-transform: none;
}

.news-events figure {
  position: relative;
}

.news-events figure img {
  width: 100%;
  display: block;
  position: relative;
}

.news-events figcaption {
  position: absolute;
  top: 0;
  left: 0;
}

/* Caption Style 3 */
.cs-style-3 figure {
  overflow: hidden;
  padding-bottom: 104px;
}

.cs-style-3 figure img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}

.no-touch .cs-style-3 figure:hover img,
.cs-style-3 figure.cs-hover img {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}

.cs-style-3 figcaption {
  width: 100%;
  top: auto;
  bottom: 0px;
  -webkit-transform: translateY(40%);
  -moz-transform: translateY(40%);
  -ms-transform: translateY(40%);
  transform: translateY(40%);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
}

.no-touch .cs-style-3 figure:hover figcaption,
.cs-style-3 figure.cs-hover figcaption {
  bottom: 0px;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
}

.news-events ul li .bottom-block {
  display: block;
  padding: 30px 0 0 0;
  border-top: 1px #e8eef0 solid;
  font-size: 12px;
  color: #96adba;
}

.news-events ul li .date {
  display: block;
  float: left;
}

.news-events ul li .icon {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 2px;
}

.news-events ul li .icon span {
  font-size: 20px !important;
  color: #c5d4da !important;
}

.news-events ul li .comment {
  display: block;
  float: right;
}

.news-events ul li .date span,
.news-events ul li .comment span {
  font-weight: 700;
  color: #5c7e91;
}

.news-events .know-more-wrapper {
  display: block;
  text-align: center;
  position: relative;
}

.news-events .know-more-wrapper:after {
  width: 100%;
  height: 1px;
  background: #daddde;
  content: "";
  position: absolute;
  left: 0px;
  top: 14px;
  z-index: 1;
}

.news-events .know-more {
  display: inline-block;
  padding: 0 30px;
  position: relative;
  background: #f3f6f8;
  z-index: 2;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #645847;
  text-transform: uppercase;
}

.news-events a.know-more span {
  margin-left: 4px;
  vertical-align: middle;
  margin-top: -2px;
  display: inline-block;
  color: #ff9600;
  transition: all 0.3s ease 0s;
}

.news-events a.know-more:hover span {
  color: #dab872;
}

/*-----------------------
campus tour
-----------------------*/

.campus-tour {
  background: #fff;
  padding-bottom: 0px;
}

.campus-tour h2 {
  color: #2a4356;
}

.campus-tour h2 span {
  color: #2d4256;
}

.campus-tour ul.gallery {
  display: block;
}

.campus-tour ul.gallery li {
  width: 20%;
  float: left;
  display: block;
  background: #000;
  position: relative;
  height: 250px;
}

.campus-tour ul.gallery li figure {
  transition: all 0.3s ease 0s;
  height: 100%;
}

.campus-tour ul.gallery li figure img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.campus-tour ul.gallery li:hover figure {
  opacity: 0.2;
}

.campus-tour ul.gallery li .overlay {
  width: 100%;
  position: absolute;
  top: 50%;
  margin-top: -57px;
  z-index: 1;
  text-align: center;
  opacity: 0;
  transition: all 0.3s ease 0s;
}

.campus-tour ul.gallery li:hover .overlay {
  top: 44%;
  opacity: 1;
}

.campus-tour ul.gallery li h3 {
  display: block;
  padding-bottom: 4px;
  font-family: "RobotoBold";
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
}

.campus-tour ul.gallery li p {
  display: block;
  padding-bottom: 30px;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  opacity: 0.5;
}

.campus-tour ul.gallery li a {
  width: 56px;
  height: 56px;
  margin: 0 8px;
  display: inline-block;
  /* line-height: 60px; */
  border-radius: 50%;
  text-align: center;
  background: #ff9600;
  font-size: 22px;
  color: #fff;
  vertical-align: middle;
  padding-top: 15px;
}

.campus-tour ul.gallery li a.more {
  background: #dab872;
}

.campus-tour ul.gallery li a:hover {
  background: #2c97ea;
}

.mfp-arrow-left:before,
.mfp-arrow-left:after,
.mfp-arrow-right:before,
.mfp-arrow-right:after {
  border: none;
}

.mfp-arrow-left:before,
.mfp-arrow-right:after {
  width: 20px;
  height: 38px;
  display: block;
  content: "";
  background: url(../images/popup-arrows.png) no-repeat center bottom;
}

.mfp-arrow-left:before {
  background-position: left top;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  width: 28px;
  height: 28px;
  right: 0px;
  padding-right: 0px;
  display: block;
  cursor: pointer;
  background: url(../images/popup-close.png) no-repeat center top;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: pointer;
}

/*-----------------------
client logos
-----------------------*/

.logos {
  display: block;
  padding: 60px 0;
}

.logos ul {
  display: block;
}

.logos ul .owl-item img {
  width: auto;
}

/*-----------------------
testimonials
-----------------------*/

.testimonial {
  display: block;
  background: #2e5f85;
  text-align: center;
  position: relative;
}

.testimonial:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 1;
  content: "";
  background: url(../images/testimonial-bg.jpg) no-repeat center top / cover;
  opacity: 0.15;
}

.testimonial .container {
  position: relative;
  z-index: 2;
}

.testimonial h2 {
  font-family: "RobotoBold";
  color: #fff;
}

.testimonial .wrapper {
  display: block;
  max-width: 1012px;
  position: relative;
}

.testimonial .wrapper:before,
.testimonial .wrapper:after {
  display: block;
  position: absolute;
  font-family: "icomoon", serif;
  font-size: 48px;
  color: #fff;
}

.testimonial .wrapper:before {
  left: 0;
  top: 0;
  content: "\e90d";
}

.testimonial .wrapper:after {
  right: 0;
  bottom: 0;
  content: "\e90c";
}

.testimonial ul {
  display: block;
}

.testimonial ul li {
  display: block;
}

.testimonial ul li p {
  display: block;
  padding-bottom: 32px;
  /* font-family: 'RobotoRegular'; */
  font-size: 18px;
  color: #b2d3ed;
  line-height: 38px;
}

.testimonial ul li p a {
  font-family: "RobotoBold";
  font-size: 18px;
  color: #fff;
}

.testimonial ul li span {
  font-family: "RobotoRegular";
  font-size: 18px;
  color: #fff;
}

.testimonial ul li span span {
  font-size: 16px;
  color: #7fadd2;
}

.testimonial .bx-wrapper {
  padding-bottom: 20px;
}

.testimonial #bx-pager a {
  display: inline-block;
  position: relative;
  margin: 0 6px;
}

.testimonial #bx-pager a img {
  border: 5px solid transparent;
}

.testimonial #bx-pager a:hover img,
.testimonial #bx-pager a.active img {
  border: 5px solid #ff8500;
}

.testimonial #bx-pager a:hover:after,
.testimonial #bx-pager a.active:after {
  width: 0;
  height: 0;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -7px;
  content: " ";
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 10px solid #ff8500;
}

/* ================================================== */
/* 05. footer */
/* ================================================== */

.footer {
  display: block;
  background: #234a66;
}

.footer .row1 {
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
}

.footer .foot-nav {
  display: block;
  width: 25%;
  padding-right: 15px;
  float: left;
}

.footer .foot-nav ul li {
  display: block;
  line-height: 22px;
}

.footer h3 {
  display: block;
  padding-bottom: 20px;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
}

.footer .foot-nav ul li a {
  font-size: 12px;
  color: #8eb6d6;
}

.footer .foot-nav ul li a:hover {
  color: #fff;
}

.footer .footer-logo {
  display: block;
  padding-bottom: 30px;
  margin-bottom: 20px;
  border-bottom: 1px #3e6583 solid;
}

.footer p {
  font-size: 12px;
  color: #8eb6d6;
}

.footer p span {
  color: #fff;
  font-weight: 700;
}

.footer ul.terms {
  display: block;
}

.footer ul.terms li {
  display: block;
  float: left;
  font-size: 11px;
  font-weight: 700;
}

.footer ul.terms li:after {
  display: inline-block;
  padding: 0 4px;
  content: " I ";
}

.footer ul.terms li:last-child:after {
  display: none;
}

.footer ul.terms li:first-child {
  padding-left: 0px;
}

.footer ul.terms li a {
  color: #8eb6d6;
}

.footer ul.terms li a:hover {
  color: #fff;
}

.footer .bottom {
  display: block;
  padding: 40px 0;
  background: #2e5f85;
}

.footer .connect-us {
  display: block;
  padding: 14px 0 18px 0;
  width: 95%;
  /* border-right: 1px #537d9e solid; */
}

.footer ul.follow-us {
  display: block;
}

.footer ul.follow-us li {
  display: block;
  padding: 0 4px;
  float: left;
}

.footer ul.follow-us li:first-child {
  padding-left: 0px;
}

.footer ul.follow-us li a {
  width: 40px;
  height: 40px;
  /*display: block;*/
  border: 2px #4d87b5 solid;
  border-radius: 50%;
  font-size: 18px;
  line-height: 38px;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer ul.follow-us li a:hover {
  background: #1c7bc3;
  border-color: #1c7bc3;
}
.footer .col-sm-4 {
  /* border-right: 1px #537d9e solid; */
}
.footer .subscribe {
  display: block;
  padding: 14px 58px 18px 0;
  width: 95%;
  color: #93a0a7;
}

.footer .subscribe .input-wrapper {
  display: block;
  background: #fff;
  border-radius: 4px;
}

.footer .subscribe input {
  width: 82%;
  height: 44px;
  padding: 0 15px;
  border: none;
  background: none;
  font-size: 12px;
  color: #7da6c6;
}

.footer .subscribe button {
  width: 46px;
  height: 44px;
  float: right;
  border: none;
  background: #2c97ea;
  font-size: 20px;
  color: #fff;
  border-radius: 0 4px 4px 0;
  transition: all 0.3s ease 0s;
}

.footer .subscribe button:hover {
  background: #ff8500;
}

.footer .instagram {
  display: block;
  padding: 14px 58px 18px 0;
}

.footer .instagram ul {
  display: block;
}

.footer .instagram ul li {
  width: 16.6%;
  padding: 0 2.5px;
  float: left;
}

.footer .instagram ul li a:hover {
  opacity: 0.7;
}

a.scroll-top {
  width: 44px;
  height: 44px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  right: 20px;
  bottom: 20px;
  background-color: #dab872;
  display: flex;
  justify-content: center;
  align-items: center;
}

a.scroll-top:hover {
  background: #ff9600;
}

/* ================================================== */
/* 06. about page */
/* ================================================== */

.about-right {
  display: block;
}

.about-right img {
  width: 100%;
}

.why-choose.grey-bg {
  background: #f3f6f8;
}

.why-choose.grey-bg:after {
  display: none;
}

.why-choose.grey-bg h2 {
  color: #2a4356;
}

.why-choose.grey-bg h2 span {
  color: #808182;
}

ul.our-strength.opt2 li {
  border-color: #dde5e9;
  height: 87px;
}

ul.our-strength.opt2 li span {
  color: #3f5044;
}

ul.our-strength.opt2 li .icon span {
  color: #dab872;
}

ul.our-strength.opt2 li .title {
  color: #9099a0;
}

.about-video {
  width: 100%;
  background: #081d2d;
  text-align: center;
  position: relative;
  z-index: 99999;
}

.about-video:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 1;
  content: "";
  background: url("../images/bg_about_video.jpg") no-repeat center top / cover;
  opacity: 0.4;
}

.about-video .container {
  display: table;
  height: 550px;
  position: relative;
  z-index: 2;
}

.about-video p {
  display: table-cell;
  vertical-align: middle;
  font-family: "RobotoBold";
  font-size: 60px;
  color: #d1d3d4;
}

.about-video p a {
  color: #fff;
}

.about-video p a span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}

.about-video p a:hover {
  color: #dab872;
}

.browse-teacher.grey-bg {
  background: #f3f6f8;
}

.modal-content {
  border-radius: 0px;
}

.about .close,
.about-video .close {
  position: absolute;
  opacity: 1;
  top: 0;
  right: 0;
  z-index: 2;
}

.about .close span,
.about-video .close span {
  width: 36px;
  height: 36px;
  display: block;
  text-indent: -9999px;
  background: url(../images/popup-close-btn.jpg) no-repeat center top;
}

.modal {
  z-index: 99999;
}

.modal-backdrop {
  z-index: 9999;
}

/* ================================================== */
/* 07. cources listing page */
/* ================================================== */

.inner-banner {
  display: block;
  padding: 60px 0;
  min-height: 290px;
  background: url(../images/inner-banner-bg.jpg) no-repeat center top / cover;
}

.inner-banner .content {
  max-width: 392px;
}

.inner-banner h1 {
  display: block;
  padding-bottom: 18px;
  font-family: "RobotoBold";
  font-size: 46px;
  color: #24353b;
  text-transform: uppercase;
}

.inner-banner p {
  display: block;
  font-size: 16px;
  line-height: 26px;
  color: #5f6465;
}

.inner-banner a.apply-online {
  max-width: 246px;
  display: block;
  margin-top: 16px;
  margin-bottom: 26px;
  background: #ff9600;
  text-transform: uppercase;
  font-family: "RobotoBold";
  font-size: 22px;
  color: #fff;
  position: relative;
}

.inner-banner a.apply-online:hover {
  background: #ff8800;
}

.inner-banner a.apply-online .left {
  width: 80%;
  float: left;
  padding: 20px 0 20px 24px;
}

.inner-banner a.apply-online .icon {
  display: block;
  padding-right: 15px;
  float: left;
}

.inner-banner a.apply-online .txt {
  width: 60%;
  float: left;
  line-height: 22px;
}

.inner-banner a.apply-online .arrow {
  width: 20%;
  height: 100%;
  line-height: 78px;
  position: absolute;
  right: 0px;
  background: #e38600;
  font-size: 24px;
  text-align: center;
  transition: all 0.3s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner-banner a.apply-online:hover .arrow {
  background: #df7600;
}

a.download-prospects {
  display: block;
  padding: 0 10px 10px 0;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #43647d;
  text-transform: uppercase;
}

a.download-prospects .icon-brochure-icon {
  display: block;
  margin-right: 15px;
  float: left;
  font-size: 29px;
  color: #389ceb;
}

a.download-prospects.brochure {
  background-position: left 4px;
  font-size: 18px;
  line-height: 18px;
  text-transform: none;
  color: #4f4a4a;
}

a.download-prospects .small {
  display: block;
  font-family: "RobotoRegular";
  font-size: 12px;
  color: #8f9ba1;
  line-height: 14px;
  text-transform: uppercase;
}

a.download-prospects:hover,
a.download-prospects:hover span {
  color: #2c97ea;
}

.about.inner {
  background: none;
}

.about.inner .video-block {
  margin-bottom: 12px;
}

.about.inner .modal-body .video-block {
  margin-bottom: 0px;
}

.about.inner p {
  padding-bottom: 20px;
}

.about .btn-wrapper {
  display: block;
}

a.download-pros,
a.download-cert {
  width: 50%;
  float: left;
  padding: 22px 20px;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 20px;
}

a.download-pros {
  background: #2c97ea;
  border-right: 1px #fff solid;
}

a.download-cert {
  background: #f0bc01;
  border-left: 1px #fff solid;
}

a.download-pros .ico-block,
a.download-cert .ico-block {
  display: block;
  padding-right: 15px;
  float: left;
}

a.download-pros .txt-block,
a.download-cert .txt-block {
  display: block;
  padding-top: 4px;
  float: left;
  text-transform: uppercase;
}

a.download-pros .sm-txt,
a.download-cert .sm-txt {
  display: block;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 18px;
  opacity: 0.7;
}

a.download-pros:hover,
a.download-cert:hover {
  background-color: #dab872;
}

.select-course {
  display: block;
  float: right;
  padding-right: 34px;
}

.select-course .select2.select2-container {
  width: 254px !important;
}

.select-course .select2-container .select2-selection--single {
  height: 48px;
}

.select-course .select2-container--default .select2-selection--single {
  background: rgba(0, 0, 0, 0.4);
}

.select-course .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 20px;
  line-height: 48px;
  font-family: "RobotoRegular";
  color: #fff;
  text-transform: uppercase;
}

.select-course .select2-container--default .select2-selection--single .select2-selection__arrow {
  width: 46px;
  height: 46px;
  border-left: 1px #aaa solid;
  background: rgba(255, 255, 255, 0.2);
}

.our-cources.sub:after {
  background: url(../images/cources-bg1.jpg) no-repeat center top / cover;
}

.our-cources.sub h2 {
  padding-left: 32px;
  text-align: left;
}

.our-cources ul.inner li {
  margin-bottom: 140px;
}

.our-cources ul.inner li:before {
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0px;
  bottom: -70px;
  display: block;
  background: #fff;
  content: " ";
  opacity: 0.3;
}

.our-cources ul.course-list.inner li .inner {
  padding: 40px 0 0 30px;
}

.our-cources ul.inner li:nth-child(n + 9) {
  margin-bottom: 80px;
}

.our-cources ul.inner li:nth-child(n + 9):before,
.our-cources ul.inner li:nth-child(4n):after {
  display: none;
}

.pagination {
  margin: 0px;
}

.pagination > li > a,
.pagination > li > span {
  font-family: "RobotoBold";
  color: #8faabe;
  margin: 0 4px;
  border: none;
  border-radius: 50%;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  background: #ff9600;
  color: #fff;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  padding: 7px 22px;
  border-radius: 25px;
  font-size: 12px;
  text-transform: uppercase;
}

.pagination li a i {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  font-size: 18px;
}

.pagination > li:first-child a i {
  margin-right: 10px;
}

.pagination > li:last-child a i {
  margin-left: 10px;
}

/*-----------------------
browse teacher
-----------------------*/

.browse-teacher {
  display: block;
}

.browse-teacher h2 {
  color: #2a4356;
}

ul.browse-teachers-list {
  display: block;
  padding-top: 20px;
}

ul.browse-teachers-list > li {
  display: block;
  text-align: center;
  border-right: 1px #e5e5e5 solid;
}

ul.browse-teachers-list > li:last-child {
  border: none;
}

ul.browse-teachers-list > li .inner-block {
  display: block;
  padding: 0 20px;
}

ul.browse-teachers-list figure {
  width: 124px;
  height: 124px;
  margin: 0 auto 28px;
  position: relative;
}

ul.browse-teachers-list figure:before {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  background: url(../images/teacher-overlay-bg.png) no-repeat center top;
}

.browse-teacher.grey-bg ul.browse-teachers-list figure:before {
  background: url(../images/teacher-overlay-bg-grey.png) no-repeat center top;
}

.details-tab ul.browse-teachers-list figure:before {
  background: url(../images/teacher-overlay-bg-tab.png) no-repeat center top;
}

ul.browse-teachers-list h3 {
  font-family: "RobotoBold";
  font-size: 16px;
  text-transform: uppercase;
  color: #414a4f;
}

ul.browse-teachers-list .designation {
  display: block;
  padding-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
}

ul.browse-teachers-list p {
  display: block;
  padding: 0 20px 26px 20px;
  font-size: 12px;
  line-height: 22px;
}

ul.teachers-follow {
  display: block;
}

ul.teachers-follow li {
  display: inline-block;
  padding: 0 6px;
}

ul.teachers-follow li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

ul.teachers-follow li a:hover {
  background: #333 !important;
}

ul.teachers-follow li:nth-child(1) a {
  background: #00a0d1;
}

ul.teachers-follow li:nth-child(2) a {
  background: #0e76a8;
}

ul.teachers-follow li:nth-child(3) a {
  background: #00aff0;
}

/* ================================================== */
/* 08. course detail page */
/* ================================================== */

.enquire-wrapper {
  max-width: 438px;
}

.enquire-now {
  max-width: 405px;
  margin: -90px auto 0;
  position: relative;
  color: #fff;
}

.enquire-now .inner {
  padding: 40px 26px 30px 26px;
  background: #2c97ea;
}

.enquire-now .inner h3 {
  display: block;
  padding-bottom: 26px;
  font-family: "RobotoBold";
  font-size: 24px;
  color: #fff;
  text-transform: none;
}

.enquire-now .inner .row1 {
  display: block;
  margin-bottom: 14px;
}

.enquire-now .inner input::-webkit-input-placeholder {
  color: #fff;
}

.enquire-now .inner input:-moz-placeholder {
  color: #fff;
}

.enquire-now .inner input::-moz-placeholder {
  color: #fff;
}

.enquire-now .inner input:-ms-input-placeholder {
  color: #fff;
}

.enquire-now .inner .row1 input,
.enquire-now .inner .row2 input {
  width: 100%;
  height: 44px;
  padding: 0 15px;
  background: #60b1f0;
  font-size: 12px;
  text-transform: uppercase;
  border: 1px #fff solid;
}

.enquire-now .inner .row2 {
  display: block;
  margin: 0 -5px 14px -5px;
}

.enquire-now .inner .row2 input {
  width: calc(50% - 10px);
  margin: 0 5px;
  float: left;
}

.enquire-now .enquire-btn {
  width: 100%;
  padding: 13px 15px;
  font-family: "RobotoBold";
  font-size: 16px;
  text-transform: uppercase;
  background: #ff9600;
  border: none;
}

.enquire-now .enquire-btn span {
  margin-left: 4px;
  font-size: 16px;
  opacity: 0.5;
}

.enquire-now .enquire-btn:hover {
  background: #dab872;
}

.cert-head {
  display: block;
  margin-top: 15px;
  padding-bottom: 10px;
  position: relative;
}

.cert-head:after {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 10px;
  left: 0px;
  background: #d8d8d8;
  content: "";
}

.cert-head h3 {
  display: inline-block;
  padding-right: 14px;
  background: #fff;
  font-family: "RobotoBold";
  font-size: 18px;
  color: #211d1e;
  z-index: 1;
  position: relative;
}

ul.cert-list {
  display: block;
}

ul.cert-list li {
  width: calc(50% - 30px);
  float: left;
  padding: 14px 0 14px 28px;
  margin-right: 30px;
  font-weight: 700;
  border-bottom: 1px #c0c4c6 dashed;
  position: relative;
}

ul.cert-list li:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 13px;
  font-family: "icomoon";
  font-size: 15px;
  color: #2c97ea;
  content: "\e91f";
}

ul.cert-list li:nth-last-child(2),
ul.cert-list li:last-child {
  border-bottom: none;
}

ul.cert-list li span {
  display: inline-block;
  margin-right: 6px;
  color: #2c97ea;
}

.course-detail {
  display: block;
  padding: 25px 40px;
  margin-top: 50px;
  border: 1px #dfe9f1 solid;
}

.course-detail .duration {
  width: 25%;
  min-height: 85px;
  padding-right: 40px;
  float: left;
  border-right: 1px #dfe9f1 solid;
}

.course-detail .duration.eligible {
  width: 34%;
  padding: 0 40px;
}

.course-detail .duration.eligible .icon {
  font-size: 34px;
}

.course-detail .duration.fee {
  width: 22%;
  padding: 0 40px;
}

.course-detail .duration.fee .detail {
  font-size: 28px;
  color: #dab872;
}

.course-detail .duration.fee .detail span {
  padding-bottom: 10px;
}

.course-detail .duration .icon {
  width: 67px;
  height: 67px;
  display: table;
  float: left;
  background: #edf1f4;
  border-radius: 50%;
  font-size: 38px;
  color: #79a2c2;
  text-align: center;
}

.course-detail .duration .icon span {
  display: table-cell;
  vertical-align: middle;
}

.course-detail .duration .detail {
  display: block;
  padding: 10px 0 0 16px;
  float: left;
  font-family: "RobotoBold";
  font-size: 18px;
  color: #4f4a4a;
  line-height: 22px;
}

.course-detail .duration .detail span {
  display: block;
  font-family: "RobotoRegular";
  font-size: 16px;
  color: #8f9ba1;
  text-transform: uppercase;
}

.course-detail .btn {
  margin: 18px 0 0 40px;
}

/*-----------------------
course detail tab
-----------------------*/

.details-tab {
  display: block;
  padding: 50px 0 90px 0;
  background: #ebeff3;
}

#myTabs {
  padding: 0 30px;
  text-align: center;
}

.course-tab {
  margin-bottom: 50px;
  border-bottom: 2px #d8e0e7 solid;
}

.course-tab > li {
  width: 25%;
}

.course-tab > li > a {
  padding: 0 0 26px 0;
  font-family: "RobotoBold";
  font-size: 18px;
  color: #909aa1;
  text-transform: uppercase;
  border: none !important;
}

.course-tab > li > a span {
  display: block;
  padding-bottom: 18px;
  font-size: 50px;
  color: #a4b1bc;
}

.course-tab > li > a .block {
  display: inline;
}

.course-tab > li.active > a,
.course-tab > li.active > a:focus,
.course-tab > li.active > a:hover,
.course-tab > li > a:hover {
  background: none;
  border-bottom: 2px #dab872 solid !important;
  color: #dab872;
}

.course-tab > li.active > a span,
.course-tab > li.active > a:focus span,
.course-tab > li.active > a:hover span,
.course-tab > li > a:hover span {
  color: #dab872;
}

.details-tab #curriculam,
.details-tab #schedule {
  background: #fff;
  box-shadow: 0 0 14px #d4d9de;
}

#curriculam .lecture-txt {
  display: block;
  padding-bottom: 2px;
  font-size: 12px;
  color: #a5b1a8;
  text-transform: uppercase;
}

#curriculam .lecture-txt span {
  color: #4f5c53;
}

#curriculam .lecture-txt a.preview {
  /*display: inline-block;*/
  padding: 0 12px;
  background: #2c97ea;
  font-size: 11px;
  color: #fff;
  border-radius: 2px;
}

#curriculam .lecture-txt a.preview:hover {
  background: #ff9600;
}

.details-tab .course-table {
  border: 1px #d8e0e7 solid;
  margin: 0px;
}

.details-tab .course-table > thead > tr > th {
  padding: 11px 30px;
  background: #e9f4fd;
  font-family: "RobotoBold";
  text-transform: uppercase;
  font-size: 16px;
  color: #4e5d52;
  border-color: #c3e1f9;
}

.course-table > tbody > tr > td,
.course-table > tfoot > tr > td,
.course-table > thead > tr > td {
  padding: 28px 30px;
}

.course-table > thead > tr,
.course-table > thead > tr > td,
.course-table > thead > tr > th {
  border: 1px #c3e1f9 solid;
}

.course-table > tbody > tr > td,
.course-table > tbody > tr > th,
.course-table > tfoot > tr > td,
.course-table > tfoot > tr > th {
  border: 1px solid #eee;
  font-weight: 700;
  color: #707c82;
}

.table-col1 {
  display: block;
  padding-left: 20px;
  position: relative;
}

.table-col1:before {
  display: block;
  position: absolute;
  left: 0px;
  top: -4px;
  font-family: "FontAwesome";
  font-size: 18px;
  color: #ff9600;
  content: "\f105";
}

#schedule .course-table > thead > tr > th:first-child {
  width: 55%;
}

#schedule .fee-amt {
  font-family: "RobotoBold";
  font-size: 24px;
  color: #585d60;
}

#schedule ul.fee-details {
  display: block;
  padding: 5px 0 0 22px;
}

#schedule ul.fee-details li {
  display: block;
  padding: 8px 0;
  border-bottom: 1px #c9cdce dashed;
  font-weight: normal;
  position: relative;
}

#schedule ul.fee-details li:last-child {
  border-bottom: none;
}

#schedule ul.fee-details li:before {
  display: block;
  position: absolute;
  left: -22px;
  top: 8px;
  font-family: "icomoon";
  font-size: 16px;
  color: #2c97ea;
  content: "\e908";
}

#semester ul.content {
  display: block;
}

#semester ul.content > li {
  display: block;
  padding: 0 0 24px 24px;
  margin-bottom: 24px;
  border-bottom: 1px #c9cdce dashed;
  position: relative;
}

#semester ul.content > li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#semester ul.content > li:before {
  display: block;
  position: absolute;
  left: 0px;
  top: -2px;
  font-family: "icomoon";
  font-size: 16px;
  color: #2c97ea;
  content: "\e908";
}

#semester ul.content > li:last-child {
  border-bottom: none;
}

#semester ul.content > li h4 {
  display: block;
  padding-bottom: 6px;
  font-size: 18px;
  font-weight: 700;
  color: #4c5357;
}

#semester ul.content > li p {
  display: block;
  line-height: 22px;
}

#semester ul.content > li > ul {
  max-width: 430px;
  padding: 10px 0 0 0;
}

#semester ul.content > li > ul > li {
  padding: 6px 0 6px 20px;
  font-size: 12px;
  line-height: 18px;
  position: relative;
}

#semester ul.content > li > ul > li:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 8px;
  font-family: "icomoon";
  font-size: 12px;
  color: #79a2c2;
  content: "\e917";
}

#teachers ul.browse-teachers-list > li {
  border-color: #dbdedf;
}

/*-----------------------
how to apply
-----------------------*/

.how-apply {
  display: block;
}

.how-apply h2 {
  color: #2a4356;
}

.how-apply ul {
  display: block;
  padding-top: 20px;
  padding-bottom: 70px;
}

.how-apply ul li {
  display: block;
  text-align: center;
}

.how-apply ul li:nth-child(1):after {
  width: 214px;
  height: 77px;
  display: block;
  content: "";
  position: absolute;
  right: -120px;
  top: 86px;
  background: url(../images/dotted-arrow.png) no-repeat left top;
  z-index: -1;
}

.how-apply ul li:nth-child(2):after {
  width: 221px;
  height: 84px;
  display: block;
  content: "";
  position: absolute;
  right: -122px;
  top: 32px;
  background: url(../images/dotted-arrow1.png) no-repeat left top;
  z-index: -1;
}

.how-apply ul li .icon-block {
  width: 175px;
  height: 175px;
  line-height: 175px;
  position: relative;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
  background: #ff9600;
  text-align: center;
  transition: all 0.3s ease 0s;
  display: flex;
  justify-content: center;
  align-items: center;
}

.how-apply ul li .icon-block .num {
  width: 44px;
  height: 44px;
  position: absolute;
  right: -20px;
  top: 45px;
  display: block;
  font-family: "RobotoBold";
  font-size: 18px;
  line-height: 44px;
  color: #fff;
  background: #2c97ea;
  border-radius: 50%;
}

.how-apply ul li:hover .icon-block,
.how-apply ul li.active .icon-block {
  background: #3eb25c;
}

.how-apply ul li:hover .num,
.how-apply ul li.active .num {
  background: #ff9600;
}

.how-apply ul li h3 {
  display: block;
  padding: 34px 0 25px 0;
  font-family: "RobotoBold";
  font-size: 18px;
  color: #211d1e;
  text-transform: uppercase;
}

.how-apply ul li p {
  display: block;
  padding: 0 40px 0;
}

.how-apply .button-wrapper {
  display: block;
  text-align: center;
  position: relative;
}

.how-apply .button-wrapper:before,
.how-apply .button-wrapper:after {
  width: calc(50% - 110px);
  height: 1px;
  background: #d8d8d8;
  content: "";
  position: absolute;
  top: 50%;
}

.how-apply .button-wrapper:before {
  left: 0;
}

.how-apply .button-wrapper:after {
  right: 0;
}

/*-----------------------
comments section
-----------------------*/

.comments-wrapper {
  display: block;
  background: #f3f6f8;
}

.comments-wrapper h2 {
  display: block;
  padding-bottom: 22px;
  font-family: "RobotoBold";
  font-size: 24px;
  color: #606d87;
  text-transform: uppercase;
  border-bottom: 1px #d5d7d9 solid;
  position: relative;
}

.comments-wrapper h2:after {
  display: block;
  width: 166px;
  height: 1px;
  background: #4181b9;
  position: absolute;
  bottom: -1px;
  content: "";
  background: #4181b9;
}

.comments-wrapper ul.comments {
  display: block;
  padding-top: 56px;
  padding-bottom: 40px;
}

.comments-wrapper ul.comments li {
  margin-bottom: 30px;
}

.comments-wrapper ul.comments li .com-img {
  width: 68px;
  height: 68px;
  float: left;
}

.comments-wrapper ul.comments li .com-txt {
  width: calc(100% - 92px);
  padding: 30px 60px 30px 30px;
  float: right;
  background: #fbfcfd;
  border: 1px #d1dadf solid;
  position: relative;
}

.comments-wrapper ul.comments li .com-txt:after,
.comments-wrapper ul.comments li .com-txt:before {
  right: 100%;
  top: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
}

.comments-wrapper ul.comments li .com-txt:after {
  border-color: rgba(243, 246, 248, 0);
  border-right-color: #fbfcfd;
  border-width: 8px;
  margin-top: -8px;
}

.comments-wrapper ul.comments li .com-txt:before {
  border-color: rgba(209, 218, 223, 0);
  border-right-color: #d1dadf;
  border-width: 9px;
  margin-top: -9px;
}

.comments-wrapper ul.comments li .com-txt h3 {
  display: block;
  padding-bottom: 13px;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #4b5761;
  text-transform: uppercase;
}

.comments-wrapper ul.comments li .com-txt h3 span {
  padding-left: 10px;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #96adba;
}

.comments-wrapper ul.comments li .com-txt p {
  padding-bottom: 10px;
  line-height: 20px;
}

.comments-wrapper ul.comments li .com-txt a {
  font-size: 12px;
  font-weight: 700;
  color: #4181b9;
  text-transform: uppercase;
}

.comments-wrapper ul.comments li .com-txt a span {
  display: inline-block;
  vertical-align: middle;
  padding-right: 6px;
  font-size: 16px;
  opacity: 0.5;
  transition: all 0.3s ease 0s;
}

.comments-wrapper ul.comments li .com-txt a:hover {
  color: #ff9600;
}

.comments-wrapper ul.comments li .com-txt a:hover span {
  opacity: 1;
}

.comments-wrapper hr {
  margin: 0px;
  border-color: #d5d7d9;
}

.leave-comment h4 {
  display: block;
  padding: 60px 0;
  font-family: "RobotoBold";
  font-size: 20px;
  color: #606d87;
  text-transform: uppercase;
}

.leave-comment .row1 {
  display: block;
  margin-bottom: 30px;
}

.leave-comment input {
  width: calc(50% - 25px);
  height: 46px;
  padding: 0 20px;
  float: left;
  background: none;
  border: none;
  border-left: 1px #cbd8de solid;
  border-bottom: 1px #cbd8de solid;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #7f8385;
}

.leave-comment input:last-child {
  float: right;
}

.leave-comment textarea {
  width: 100%;
  height: 130px;
  margin-bottom: 40px;
  padding: 10px 20px;
  float: left;
  background: none;
  border: none;
  border-left: 1px #cbd8de solid;
  border-bottom: 1px #cbd8de solid;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #7f8385;
  resize: none;
}

/* ================================================== */
/* 09. contact page */
/* ================================================== */

.inner-banner.contact {
  min-height: 240px;
  padding: 60px 0;
}

.form-wrapper {
  display: block;
}

.form-wrapper .input-row {
  display: block;
}

/* .form-wrapper .row .col-sm-6 {
  margin-bottom: 40px;
} */

.form-wrapper input {
  width: 100%;
  padding: 0 22px;
  height: 46px;
  border: none;
  border-bottom: 1px #dae4e8 solid;
  border-left: 1px #dae4e8 solid;
  font-size: 12px;
  color: #858788;
}

.google-map {
  display: block;
  position: relative;
}

.google-map .container {
  position: absolute;
  margin: 0 auto;
  left: 0px;
  right: 0px;
  top: 0px;
}

.google-map #map {
  height: 548px;
  z-index: 1;
}

.google-map #map .gmnoprint {
  display: none;
}

.contact-detail {
  max-width: 360px;
  margin: 96px 0;
  float: right;
  background: #dab872;
  color: #fff;
  box-shadow: 0 0 30px #bfcdbf;
  position: relative;
  z-index: 2;
}

.contact-detail .address {
  display: block;
  padding: 18px 40px 12px 70px;
}

.contact-detail .inner {
  display: block;
  padding: 18px 0;
  border-bottom: 1px #45b662 solid;
  position: relative;
}

.contact-detail .inner:before {
  width: 16px;
  height: 23px;
  display: block;
  position: absolute;
  left: -30px;
  font-family: "FontAwesome" !important;
  font-size: 22px;
  content: "\f041";
  color: #a4dbb2;
}

.contact-detail .inner:nth-child(2):before {
  width: 19px;
  height: 19px;
  display: block;
  position: absolute;
  left: -30px;
  font-size: 18px;
  content: "\f2a0";
}

.contact-detail .inner:nth-child(3) {
  border-bottom: none;
}

.contact-detail .inner:nth-child(3):before {
  width: 21px;
  height: 15px;
  display: block;
  position: absolute;
  left: -30px;
  top: 20px;
  font-size: 16px;
  content: "\f0e0";
}

.contact-detail .inner h3 {
  padding-bottom: 6px;
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}

.contact-detail .inner p {
  color: #9be5ad;
  line-height: 20px;
}

.contact-detail .inner a {
  padding-bottom: 6px;
  font-size: 18px;
  font-family: "RobotoBold";
  color: #fff;
}

.contact-bottom {
  display: block;
  padding: 27px 0 23px 0;
  background: #ff9600;
  text-align: center;
}

.contact-bottom ul.follow-us {
  display: block;
}

.contact-bottom ul.follow-us li {
  display: inline-block;
  padding: 0 20px;
  font-size: 24px;
}

.contact-bottom ul.follow-us li a {
  color: #fff;
  opacity: 0.7;
}

.contact-bottom ul.follow-us li a:hover {
  color: #fff;
  opacity: 1;
}

.have-question h2 {
  color: #2d4256;
}

.have-question ul li {
  margin-bottom: 0px;
}

.have-question ul li:after {
  display: none;
}

.error {
  margin: 5px 0 0 0;
  font-size: 13px;
  color: #cb0101;
}

.msg {
  display: none;
}

.msg-error {
  display: block;
  padding: 6px 20px;
  margin: 30px 0 0 0;
  font-size: 13px;
  color: #fff;
  background: #c70202;
  border-radius: 4px;
}

.msg-error:after {
  display: inline-block;
  vertical-align: middle;
  font-family: "FontAwesome";
  content: "\f071";
  float: right;
}

.msg-success {
  display: block;
  padding: 6px 20px;
  margin: 30px 0 0 0;
  font-size: 13px;
  color: #fff;
  background: #dab872;
  border-radius: 4px;
}

.msg-success:after {
  display: inline-block;
  vertical-align: middle;
  font-family: "FontAwesome";
  content: "\f00c";
  float: right;
}

/* ================================================== */
/* 10. blog page */
/* ================================================== */

.inner-banner.blog {
  min-height: 240px;
  padding: 60px 0;
}

.inner-banner.blog .content {
  margin: 0 auto;
  text-align: center;
}

.blog-wrapper {
  display: block;
}

.blog-left {
  display: block;
  position: relative;
}

.blog-left:after {
  width: 1px;
  height: 100%;
  display: block;
  background: #e5e5e5;
  position: absolute;
  top: 0px;
  right: -50px;
  content: "";
}

ul.blog-listing {
  display: block;
}

ul.blog-listing > li {
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px #e9e9e9 solid;
}

ul.blog-listing > li h2 {
  padding: 30px 0 20px 0;
  font-family: "RobotoRegular";
  font-size: 24px;
  color: #343a3c;
  line-height: 36px;
  text-transform: none;
}

ul.blog-listing > li p {
  padding-bottom: 26px;
  color: #464E4E;
}

ul.blog-listing > li .read-more {
  font-family: "RobotoBold";
  font-size: 16px;
  color: #606d87;
  text-transform: uppercase;
}

ul.blog-listing > li .read-more span {
  vertical-align: middle;
  margin-right: 7px;
  font-size: 18px;
  color: #ff9600;
  transition: all 0.3s ease 0s;
}

ul.blog-listing > li .read-more:hover span {
  color: #dab872;
}

ul.post-detail {
  display: block;
  padding-bottom: 17px;
}

ul.post-detail li {
  display: inline-block;
  padding-right: 20px;
  font-size: 12px;
  color: #96adba;
}

ul.post-detail li .ico {
  display: inline-block;
  vertical-align: middle;
  padding-right: 6px;
  font-size: 17px;
  color: #afc0c9;
}

ul.post-detail li .bold {
  font-weight: 700;
  color: #5c7e91;
  text-transform: uppercase;
}

ul.post-detail li .label {
  display: inline-block;
  padding: 5px 10px;
  background: #abbfc9 scroll;
  border-radius: 2px;
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
}

.blog-wrapper .pagination > li > a,
.blog-wrapper .pagination > li > span {
  background: #ecf4fa;
}

.blog-wrapper .pagination > li > a:focus,
.blog-wrapper .pagination > li > a:hover,
.blog-wrapper .pagination > li > span:focus,
.blog-wrapper .pagination > li > span:hover {
  background: #ff9600;
}

.blog-right {
  display: block;
  padding-left: 100px;
}

.search-block {
  display: block;
  margin-bottom: 40px;
  background: #e9e9e9;
}

.search-block input {
  width: calc(100% - 58px);
  height: 42px;
  float: left;
  padding: 0 20px;
  border: none;
  background: none;
}

.search-block .search {
  width: 40px;
  height: 42px;
  float: right;
  border: none;
  background: #ff9600;
  font-size: 16px;
  color: #fff;
  transition: all 0.3s ease 0s;
}

.search-block .search:hover {
  background: #dab872;
}

.blog-right h3 {
  padding-bottom: 16px;
  font-size: 17px;
  color: #606d87;
  text-transform: uppercase;
}

/* .category {
  display: block;
  padding-bottom: 70px;
} */

/* .category h3 {
  border-bottom: 1px #eee solid;
} */

.category > ul {
  display: block;
}

.category > ul li {
  display: block;
  border-bottom: 1px #eee solid;
}

.category > ul li:last-child {
  border-bottom: none;
}

.category > ul li a {
  display: block;
  padding: 10px 0;
  font-size: 13px;
  color: #899eaa;
}

.category > ul li a span {
  display: inline-block;
  margin-top: 5px;
  background: #bed1db;
  float: right;
  padding: 1.5px 5px;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  line-height: 14px;
  transition: all 0.3s ease 0s;
}

.category > ul li a:hover span {
  background: #2c97ea;
}

.recent-post {
  display: block;
  padding-bottom: 60px;
}

.recent-post ul {
  display: block;
}

.recent-post ul li {
  display: block;
  padding: 15px 0;
  border-bottom: 1px #eee solid;
}

.recent-post ul li:last-child {
  border: none;
}

.recent-post ul li .img-block {
  width: 22%;
  float: left;
}

.recent-post ul li .detail {
  width: 78%;
  padding-left: 15px;
  float: left;
}

.recent-post ul li .detail h4 {
  padding-bottom: 4px;
  font-family: "RobotoBold";
  font-size: 12px;
  color: #5f6f77;
  text-transform: uppercase;
}

.recent-post ul li .detail p {
  font-size: 12px;
  color: #b9c8d0;
}

.recent-post ul li .detail .ico {
  padding-right: 7px;
  font-size: 15px;
  color: #adbec8;
}

.recent-post ul li .detail p span {
  font-weight: 700;
  text-transform: uppercase;
  color: #98abb6;
}

.archives {
  display: block;
  padding-bottom: 60px;
}

.archives h3 {
  border-bottom: 1px #eee solid;
}

.archives ul {
  display: block;
}

.archives ul li {
  display: block;
  border-bottom: 1px #eee solid;
}

.archives ul li:last-child {
  border: none;
}

.archives ul li a {
  display: block;
  padding: 10px 0;
  font-size: 12px;
  font-weight: 700;
  color: #899eaa;
  text-transform: uppercase;
}

.archives ul li a:hover,
.archives ul li:hover span {
  color: #ff9600;
}

.archives ul li span {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  padding-right: 10px;
  vertical-align: middle;
  font-size: 20px;
  color: #adbec8;
}

.blog-right .tags {
  display: block;
  padding-bottom: 70px;
}

.blog-right .tags h3 {
  border-bottom: 1px #eee solid;
}

ul.tags-list {
  display: block;
  padding-top: 24px;
}

ul.tags-list li {
  display: block;
  margin-right: 8px;
  float: left;
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: bold;
}

ul.tags-list li a {
  padding: 4px 10px;
  color: #fff;
  background: #abbfc9;
  text-transform: uppercase;
  border-radius: 2px;
}

ul.tags-list li a:hover {
  background: #dab872;
}

/* ================================================== */
/* 11. blog detail page */
/* ================================================== */

.imp-quote {
  display: block;
  padding: 25px 20px 0 66px;
  margin-bottom: 30px;
  border-radius: 4px;
  background: #eef2f4;
  position: relative;
}

.imp-quote:before {
  position: absolute;
  left: 26px;
  top: 30px;
  font-family: "icomoon";
  font-size: 20px;
  content: "\e90d";
  color: #4181b9;
}

.imp-quote > p {
  display: block;
  font-size: 16px;
  font-style: italic;
  color: #79929f !important;
  line-height: 24px;
}

ul.blog-listing.detail > li {
  margin-bottom: 0px;
  padding-bottom: 50px;
}

.blog-left ul.follow-us {
  display: inline-block;
  padding-right: 15px;
  margin-top: -17px;
  background: #fff;
}

.blog-left ul.follow-us li {
  display: block;
  padding: 0 4px;
  float: left;
}

.blog-left ul.follow-us li:first-child {
  padding-left: 0px;
}

.blog-left ul.follow-us li a {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #c6d9ea;
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog-left ul.follow-us li a:hover {
  background: #dab872;
  border-color: #1c7bc3;
}

.blog-left .comments-wrapper {
  background: none;
  padding: 50px 0 0 0;
  border-bottom: 1px #dfdfdf solid;
}

.blog-left .comments-wrapper ul.comments li .com-txt {
  background: none;
}

.blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
  padding-left: 42px;
}

.blog-left .leave-comment h4 {
  padding: 50px 0;
}

/* ================================================== */
/* 12. 404 page */
/* ================================================== */

.not-found-wrapper {
  max-width: 480px;
  margin: 130px auto;
  padding: 240px 0 0 0;
  background: url(../images/404-img.png) no-repeat center top / 100%;
  text-align: center;
}

.not-found-wrapper h1 {
  font-size: 186px;
  color: #bcbfc1;
}

.not-found-wrapper p {
  padding-bottom: 60px;
  font-family: "RobotoBold";
  font-size: 30px;
  color: #bcbfc1;
  text-transform: uppercase;
}

/* ================================================== */
/* 13. FAQ page */
/* ================================================== */

.faq-wrapper {
  display: block;
  background: #f3f6f8;
}

.faq-wrapper .search-block {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 4px 4px #eaedef;
}

.faq-wrapper .search-block input {
  height: 58px;
}

.faq-wrapper .search-block .search {
  width: 58px;
  height: 58px;
  border-radius: 0px 4px 4px 0px;
}

ul.faq-listing {
  display: block;
}

ul.faq-listing li {
  margin-bottom: 25px;
  position: relative;
}

ul.faq-listing li:after {
  width: 1px;
  height: calc(100% - 25px);
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  background: #e2e4e6;
  content: "";
}

ul.faq-listing li:nth-child(even):after {
  display: none;
}

ul.faq-listing li:nth-child(even) .inner {
  padding-left: 88px;
}

ul.faq-listing li:nth-child(even) .inner:before {
  left: 20px;
}

ul.faq-listing li:nth-last-child(2) .inner,
ul.faq-listing li:last-child .inner {
  border-bottom: none;
}

ul.faq-listing li .inner {
  display: block;
  padding: 50px 40px 50px 68px;
  border-bottom: 1px #e2e4e6 solid;
  position: relative;
}

ul.faq-listing li .inner:before {
  position: absolute;
  left: 0px;
  top: 58px;
  font-family: "icomoon";
  font-size: 46px;
  color: #c5d4da;
  content: "\e91c";
}

ul.faq-listing li h2 {
  padding-bottom: 20px;
  font-size: 18px;
  color: #284962;
  text-transform: uppercase;
  line-height: 26px;
}

.faq-wrapper hr {
  margin: 0px;
  border-color: #e2e4e6;
}

.faq-wrapper .text-center,
.testimonial-outer .text-center {
  margin-top: 80px;
}

.pagination.blue > li > a,
.faq-wrapper .pagination.blue > li > span {
  background: #e3edf5;
}

.pagination.blue > li > a:focus,
.pagination.blue > li > a:hover,
.pagination.blue > li > span:focus,
.pagination.blue > li > span:hover {
  background: #ff9600;
}

/* ================================================== */
/* 14. login page */
/* ================================================== */

.fill-bg {
  background: #000;
}

.fill-bg:after {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/login-bg.jpg) no-repeat center center / cover;
  background-attachment: fixed;
  opacity: 0.5;
}

.login-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  display: table;
  z-index: 2;
}

.login-wrapper .inner {
  display: table-cell;
  vertical-align: middle;
}

.login-wrapper .login {
  max-width: 500px;
  margin: 30px auto;
}

.login-wrapper .login-logo {
  margin-bottom: 30px;
}

.login-wrapper .login-logo img {
  margin: 0 auto;
}

.login-wrapper .head-block {
  display: block;
  padding: 22px 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}

.login-wrapper .head-block h1 {
  font-size: 34px;
  text-transform: uppercase;
  color: #353434;
}

.login-wrapper .cnt-block {
  display: block;
  padding: 40px;
  background: #fff;
}

.form-outer input {
  width: 100%;
  height: 46px;
  margin-bottom: 30px;
  padding: 0 20px;
  background: none;
  border: none;
  border-left: 1px #dae4e8 solid;
  border-bottom: 1px #dae4e8 solid;
  font-size: 12px;
  font-weight: 700;
  color: #7f8385;
  z-index: 2;
  position: relative;
}

.login-wrapper .button-outer {
  display: block;
  position: relative;
}

.login-wrapper .or {
  width: 16%;
  display: inline-block;
  font-family: "RobotoBold";
  font-size: 18px;
  text-align: center;
  color: #b7c1c4;
  text-transform: uppercase;
}

.login-wrapper .btn:hover {
  background: #dab872;
}

.login-wrapper .register {
  display: block;
  float: right;
  background: #7f7f7f;
}

.login-wrapper .remember {
  display: block;
  margin: 36px 0 0 0;
  font-family: "RobotoBold";
  font-size: 12px;
  text-transform: uppercase;
  text-align: center;
}

.login-wrapper .remember .check {
  display: inline-block;
  margin-right: 15px;
  line-height: 15px;
  color: #6e7e83;
}

.login-wrapper .remember .check input {
  height: auto;
  position: absolute;
}

.login-wrapper a.forgot {
  display: inline-block;
  margin-left: 15px;
  color: #6e7e83;
}

.login-wrapper a.forgot:hover {
  color: #dab872;
}

.login-wrapper a.forgot span {
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  background: #becfd5;
  border-radius: 50%;
  transition: all 0.3s ease 0s;
}

.login-wrapper a.forgot:hover span {
  background: #dab872;
}

.login-wrapper .login-footer {
  padding: 16px 20px;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
}

.login-wrapper ul.follow-us {
  display: block;
}

.login-wrapper ul.follow-us li {
  display: inline-block;
  padding: 0 15px;
}

.login-wrapper ul.follow-us li a {
  font-size: 18px;
  color: #849da6;
}

.login-wrapper ul.follow-us li a:hover {
  color: #1e4f61;
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}

[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: -1px;
  width: 17px;
  height: 17px;
  background: #dae4e8;
  border-radius: 3px;
}

/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  font-family: "icomoon";
  font-size: 11px;
  content: "\e91e";
  position: absolute;
  top: 3px;
  left: 3px;
  line-height: 0.8;
  color: #dab872;
  transition: all 0.2s;
}

/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}

[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}

/* ================================================== */
/* 15. testimonial page */
/* ================================================== */

.testimonial-outer {
  display: block;
}

ul.testimonials {
  text-align: center;
  border-bottom: 1px #dfe5e1 solid;
  position: relative;
}

ul.testimonials:after {
  width: 5px;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  right: 0px;
  top: 0px;
  background: #fff;
}

ul.testimonials li {
  display: block;
  border-right: 1px #dfe5e1 solid;
  border-bottom: 1px #dfe5e1 solid;
  position: relative;
}

ul.testimonials li .quotblock {
  display: block;
  padding: 50px 20px;
}

ul.testimonials li:nth-last-child(1),
ul.testimonials li:nth-last-child(2),
ul.testimonials li:nth-last-child(3) {
  border-bottom: none;
}

ul.testimonials li:nth-last-child(1):after,
ul.testimonials li:nth-last-child(2):after,
ul.testimonials li:nth-last-child(3):after,
ul.testimonials li:nth-last-child(1):before,
ul.testimonials li:nth-last-child(2):before,
ul.testimonials li:nth-last-child(3):before {
  display: none !important;
}

ul.testimonials li:after,
ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
  width: 5px;
  height: 7px;
  display: block;
  content: "";
  background: url(../images/testi-clip.png) no-repeat left top;
  position: absolute;
  bottom: -4px;
}

ul.testimonials li:nth-child(1) .quotblock,
ul.testimonials li:nth-child(2) .quotblock,
ul.testimonials li:nth-child(3) .quotblock {
  padding-top: 0px;
}

ul.testimonials li:after {
  right: -1px;
}

ul.testimonials li:nth-child(2n):before,
ul.testimonials li:nth-child(3n):before {
  left: -1px;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

ul.testimonials li img {
  margin: 0 auto 22px;
}

ul.testimonials li .icon-quote-left-icon {
  font-size: 20px;
  color: #ffac34;
}

ul.testimonials li h3 {
  padding: 14px 0 2px 0;
  font-size: 18px;
  color: #464f53;
  text-transform: none;
}

ul.testimonials li .desig {
  display: block;
  padding-bottom: 15px;
  font-size: 12px;
  font-weight: 700;
}

ul.testimonials li p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
  line-height: 36px;
}

/* ================================================== */
/* 16. gallery page */
/* ================================================== */

.campus-tour .pagination {
  margin: 80px 0;
}

ul.gallery-filter {
  display: block;
  padding: 0 30px;
  border-bottom: 2px #d8e0e7 solid;
  margin-bottom: 50px;
}

ul.gallery-filter li {
  width: 19%;
  display: inline-block;
  font-family: "RobotoBold";
  font-size: 18px;
  text-transform: uppercase;
  position: relative;
}

ul.gallery-filter li a {
  display: inline-block;
  padding: 0 0 30px 0;
  color: #909aa1;
}

ul.gallery-filter li:after {
  width: 0px;
  height: 2px;
  display: block;
  position: absolute;
  bottom: -2px;
  right: 0px;
  content: "";
  background: #dab872;
  color: #4f4a4a;
  transition: all 0.5s ease 0s;
}

ul.gallery-filter li:hover:after,
ul.gallery-filter li.active:after {
  width: 100%;
  left: 0px;
  color: #4f4a4a;
}

ul.gallery-filter li:hover a,
ul.gallery-filter li.active a {
  color: #4f4a4a;
}

.mfp-counter {
  left: 0px;
  right: 0px;
  margin: 0 auto;
  text-align: center;
}

/* ================================================== */
/* 17. news & events page */
/* ================================================== */

.news-wrapper {
  background: #f1f4f6;
}

ul.news-listing > li {
  margin-bottom: 30px;
}

ul.news-listing > li .inner {
  display: block;
  padding-bottom: 15px;
  background: #fff;
  box-shadow: 0 0 8px #e4e7e9;
}

ul.news-listing > li img {
  width: 100%;
}

ul.news-listing > li .cnt-block {
  display: block;
  padding: 40px 30px;
}

ul.news-listing > li h2 {
  padding-bottom: 12px;
  font-family: "RobotoBold";
  font-size: 20px;
  color: #4d5557;
  line-height: 30px;
  text-transform: none;
}

ul.news-listing > li p {
  padding-bottom: 26px;
  color: #464E4E;
}

ul.news-listing > li .read-more {
  font-family: "RobotoBold";
  font-size: 16px;
  color: #606d87;
  text-transform: uppercase;
}

ul.news-listing > li .read-more span {
  vertical-align: middle;
  margin-right: 7px;
  font-size: 19px;
  color: #ff9600;
  transition: all 0.3s ease 0s;
}

ul.news-listing > li .read-more:hover span {
  color: #dab872;
}

.news-wrapper ul.post-detail {
  padding-bottom: 10px;
}

.news-wrapper ul.post-detail li .ico {
  font-size: 17px;
}

.news-wrapper .text-center {
  margin-top: 50px;
}

/* ================================================== */
/* 18. privacy page */
/* ================================================== */

.privacy-wrapper {
  background: #f1f4f6;
}

.privacy-wrapper h2 {
  display: block;
  padding-bottom: 25px;
  font-size: 30px;
  color: #343a3c;
  line-height: 32px;
  text-transform: none;
}

.privacy-wrapper p {
  padding-bottom: 25px;
  color: #7d8081;
}

ul.privacy-listing {
  padding: 10px 0;
}

ul.privacy-listing > li {
  border-bottom: 1px dashed #c9cdce;
  color: #707c82;
  font-weight: 700;
  margin-bottom: 8px;
  padding: 0 0 15px 24px;
  position: relative;
}

ul.privacy-listing > li:last-child {
  border-bottom: none;
}

ul.privacy-listing > li:before {
  display: block;
  position: absolute;
  left: 0px;
  top: 4px;
  font-family: "icomoon";
  font-size: 12px;
  color: #79a2c2;
  content: "\e917";
}

ul.privacy-listing > li > ul {
  padding: 4px 0;
}

ul.privacy-listing > li > ul > li {
  font-size: 12px;
  font-weight: normal;
}

ul.privacy-listing > li > ul > li:before {
  display: inline-block;
  vertical-align: middle;
  top: -2px;
  width: 5px;
  height: 5px;
  margin-right: 12px;
  border-radius: 50%;
  content: "";
  background: #98b4cb;
}

.privacy-wrapper hr {
  border-color: #daddde;
}

.privacy-wrapper h3 {
  display: block;
  padding-bottom: 25px;
  font-size: 24px;
  color: #343a3c;
  line-height: 32px;
  text-transform: none;
}

.privacy-wrapper .padding-top {
  padding-top: 30px;
}

.imp-note {
  display: block;
  margin: 10px 0 38px 0;
  box-shadow: 0 0 8px #e4e7e9;
  padding: 24px 40px 5px 22px;
  background: #fdfdfe;
}

.imp-note span {
  width: 72px;
  height: 72px;
  line-height: 52px;
  margin-right: 25px;
  display: block;
  float: left;
  border-radius: 50%;
  background: #fec472;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border: 12px #fdf2e4 solid;
}

.imp-note p {
  padding-bottom: 25px;
  font-size: 13px;
  color: #94a6af;
  line-height: 22px;
  overflow: hidden;
}

ol.ord-listing {
  padding-left: 68px;
  counter-reset: li;
  list-style: none;
  *list-style: decimal;
}

ol.ord-listing li {
  position: relative;
  min-height: 60px;
  margin-top: 15px;
  padding-bottom: 20px;
  color: #7d8081;
  border-bottom: 1px #daddde solid;
}

ol.ord-listing li:before {
  content: counter(li);
  counter-increment: li;
  color: #fff;
  background: #dab872;
  border-radius: 50%;
  font-size: 12px;
  font-weight: 700;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  position: absolute;
  top: 7px;
  left: -50px;
}

ol.ord-listing li:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}

/* ================================================== */
/* 19. register page */
/* ================================================== */

.form-outer input.country-code {
  float: left;
  width: 16%;
}

.form-outer input.phone-no {
  float: right;
  width: calc(84% - 18px);
}

.register .cnt-block textarea {
  width: 100%;
  height: 122px;
  margin-bottom: 30px;
  padding: 0 20px;
  background: none;
  border: none;
  border-left: 1px #dae4e8 solid;
  border-bottom: 1px #dae4e8 solid;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #7f8385;
  resize: none;
}

.datepicker {
  min-width: 260px;
  border: 1px #dae4e8 solid;
  box-shadow: none;
}

.form-outer .date {
  position: relative;
}

.form-outer .date .icon-calander-icon {
  position: absolute;
  right: 0px;
  top: 14px;
  font-size: 19px;
  color: #aab8be;
}

.register .cnt-block {
  padding: 70px 80px;
}

.register .regiter-inner {
  max-width: 1000px;
  padding: 0 15px;
  margin: 30px auto;
}

.form-outer h2 {
  padding-bottom: 14px;
  font-size: 13px;
  text-transform: uppercase;
  color: #353434;
}

.form-outer ul.select-opt {
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0 0 40px 0;
}

ul.select-opt li {
  color: #aaa;
  display: block;
  position: relative;
  float: left;
  font-size: 12px;
  text-transform: uppercase;
}

.login-wrapper .cnt-block ul.select-opt li input {
  height: auto;
  margin: 0px;
}

ul.select-opt li input[type="radio"] {
  position: absolute;
  visibility: hidden;
}

ul.select-opt li label {
  display: block;
  position: relative;
  padding: 0px 30px 0 26px;
  margin: 0px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

ul.select-opt li .check {
  display: block;
  position: absolute;
  background: #dae4e8;
  border-radius: 2px;
  height: 17px;
  width: 17px;
  top: 4px;
  left: 0px;
  z-index: 5;
}

ul.select-opt li:hover .check {
  border: 3px solid #dae4e8;
}

ul.select-opt li .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 2px;
  height: 11px;
  width: 11px;
  top: 0px;
  left: 0px;
  margin: auto;
}

.form-outer input[type="radio"]:checked ~ .check {
  border: 3px solid #dae4e8;
}

.form-outer input[type="radio"]:checked ~ .check::before {
  background: #ef5b34;
}

.form-outer input[type="radio"]:checked ~ label {
  color: #343a3c;
}

/* ================================================== */
/* 20. apply online page */
/* ================================================== */

.form-outer .select2.select2-container {
  width: 100% !important;
}

.form-outer .select2-container--default .select2-selection--single {
  width: 100%;
  height: 46px;
  margin-bottom: 1px;
  padding: 0 20px;
  background: none;
  border: none;
  border-left: 1px #dae4e8 solid;
  border-bottom: 1px #dae4e8 solid;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #7f8385;
  border-radius: 0px;
}

.form-outer .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 0px;
  color: #7f8385;
  line-height: 43px;
}

.form-outer .col-left {
  float: left;
}

.form-outer .col-left:first-child {
  padding-right: 10%;
}

/* ================================================== */
/* 21. generic UI page */
/* ================================================== */

.generic-wrapper {
  display: block;
}

.generic-wrapper .head-block {
  display: block;
  padding-bottom: 50px;
}

.generic-wrapper .head-block h2 {
  padding-bottom: 10px;
}

.generic-wrapper .head-block p {
  color: #7d8081;
}

.generic-wrapper hr {
  margin: 0;
  border-color: #dde5e9;
}

.generic-wrapper .heading-group {
  display: block;
}

.heading-group h1,
.heading-group h2,
.heading-group h3,
.heading-group h4,
.heading-group h5,
.heading-group h6 {
  padding-bottom: 30px;
}

.heading-right {
  display: block;
}

.heading-right ul.privacy-listing,
.heading-right ul.privacy-listing li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.heading-right p {
  padding-bottom: 20px;
}

ul.our-spec {
  display: block;
}

ul.our-spec li {
  width: 33.3%;
  padding-bottom: 50px;
  float: left;
  font-weight: 700;
  color: #284962;
  text-align: center;
  line-height: 20px;
}

ul.our-spec li .icon {
  display: block;
  padding-bottom: 15px;
}

ul.our-spec li .icon img {
  border-radius: 3px;
}

ul.our-spec li:last-child,
ul.our-spec li:nth-last-child(2),
ul.our-spec li:nth-last-child(3) {
  padding-bottom: 0px;
}

.button-group {
  margin-bottom: 70px;
}

.button-group a {
  display: inline-block;
  vertical-align: middle;
}

a.btn-circle {
  width: 60px;
  height: 60px;
  margin: 0 8px;
  display: inline-block;
  line-height: 64px;
  border-radius: 50%;
  text-align: center;
  background: #ff9600;
  font-size: 22px;
  color: #fff;
}

a.btn-circle.more {
  background: #dab872;
}

a.btn-circle.plus {
  background: #2c97ea;
}

a.btn-circle.plus:hover {
  background: #ff9600;
}

a.btn-circle:hover {
  background: #2c97ea;
}

.button-group a.btn {
  margin: 0 8px;
}

.generic-wrapper .imp-note {
  margin: 0px;
}

.button-group1 {
  margin: 0;
}

.button-group1 a.download-pros,
.button-group1 a.download-cert {
  width: calc(50% - 20px);
  margin: 0 10px;
}

.generic-wrapper ul.tags-list,
.generic-wrapper ul.teachers-follow {
  padding-top: 0px;
  margin-bottom: 40px;
}

.generic-wrapper .enquire-now {
  margin: inherit;
}

/* ================================================== */
/* 22. Responsive Style */
/* ================================================== */

@media (min-width: 1200px) and (max-width: 1366px) {
  .logos {
    padding: 40px 0;
  }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width: 1199px) {
  .nav > li > a {
    padding: 19px 20px;
  }

  .navbar-form {
    width: 24%;
    padding: 0 20px;
  }

  .banner-outer .content h1 {
    font-size: 28px;
    line-height: 48px;
  }

  .banner-outer .content h1 span {
    font-size: 60px;
  }

  .news-events ul li .cnt-block h3 {
    font-size: 18px;
  }

  .campus-tour {
    padding: 60px 0 0 0;
    padding-bottom: 0px;
  }

  .campus-tour ul.gallery li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    padding-top: 1px;
  }

  .campus-tour ul.gallery li h3 {
    font-size: 20px;
  }

  .campus-tour ul.gallery li a {
    margin: 0 2px;
  }

  .campus-tour ul.gallery li .overlay {
    margin-top: -55px;
  }

  .details-tab,
  .padding-lg {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  a.download-pros,
  a.download-cert {
    padding: 20px 16px;
  }

  a.download-pros .txt-block,
  a.download-cert .txt-block {
    text-transform: none;
  }

  a.download-pros .ico-block,
  a.download-cert .ico-block {
    padding-right: 10px;
  }

  .logos {
    padding: 40px 0;
  }

  .footer ul.follow-us li a {
    width: 36px;
    height: 36px;
    line-height: 34px;
  }

  .footer .connect-us {
    width: 100%;
  }

  .footer .subscribe {
    width: 100%;
    padding-right: 30px;
  }

  .footer .instagram {
    padding-right: 0px;
  }

  .about-video .container {
    height: 450px;
  }

  .about-video p {
    font-size: 55px;
  }

  .about {
    padding-bottom: 60px;
  }

  .about ul.our-links li {
    padding: 44px 0 60px 3%;
  }

  .course-detail {
    padding: 20px 30px;
    margin: 30px 0 0 0;
  }

  .course-detail .duration {
    width: 23%;
    padding-right: 20px;
  }

  .course-detail .duration.eligible {
    padding: 0 20px;
  }

  .course-detail .duration.fee {
    width: 21%;
    padding: 0 20px;
  }

  .course-detail .btn {
    margin: 10px 0 0 32px;
  }

  .how-apply ul li:nth-child(1):after,
  .how-apply ul li:nth-child(2):after {
    top: 54px;
  }

  .how-apply ul li p {
    padding: 34px 0 25px;
  }

  .blog-right {
    padding-left: 60px;
  }

  ul.blog-listing > li {
    padding-bottom: 30px;
    margin-bottom: 40px;
  }

  .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
    padding-left: 53px;
  }

  .not-found-wrapper {
    width: 60%;
  }

  .not-found-wrapper h1 {
    font-size: 186px;
  }

  .login-wrapper .login {
    max-width: 460px;
  }

  .login-wrapper .login-logo {
    margin-bottom: 40px;
    text-align: center;
  }

  .login-wrapper .login-logo a {
    width: 250px;
    display: inline-block;
  }

  .login-wrapper .head-block {
    padding: 22px 0;
  }

  .login-wrapper .head-block h1 {
    font-size: 30px;
  }

  .login-wrapper .cnt-block {
    padding: 30px;
  }

  .login-wrapper .or {
    width: 20%;
  }

  .login-wrapper .btn {
    padding: 10px 20px;
  }

  ul.testimonials li p {
    font-size: 16px;
    line-height: 30px;
  }
}

/* Portrait tablet */
@media (min-width: 768px) and (max-width: 991px) {
  .header-top ul.follow-us li {
    padding-right: 12px;
  }

  .header-middle .contact ul li {
    padding: 0 20px;
    font-size: 16px;
  }

  .header-middle a.login {
    padding: 5px 14px;
  }

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

  .navbar-inverse .container {
    padding: 0px;
  }

  .nav > li > a {
    padding: 18px 12px;
  }

  .navbar-form {
    width: 24%;
    padding: 0 15px;
  }

  .banner-outer .slide1,
  .banner-outer .slide2,
  .banner-outer .slide3 {
    height: 450px;
  }

  .banner-outer .content h1 {
    font-size: 22px;
    line-height: 40px;
  }

  .banner-outer .content h1 span {
    font-size: 50px;
  }

  .banner-outer .slide2 .content h1,
  .banner-outer .slide3 .content h1 {
    font-size: 46px;
  }

  .banner-outer .content p {
    font-size: 16px;
  }

  .about {
    padding-bottom: 60px;
  }

  .about .video-block a {
    width: 50px;
    margin-top: -25px;
  }

  .about ul.our-links li {
    padding: 34px;
    text-align: center;
  }

  .about ul.our-links li .icon {
    width: 26%;
    float: none;
    margin: 0 auto;
    padding-bottom: 15px;
  }

  .about ul.our-links li .detail {
    width: auto;
    padding-left: 0px;
  }

  .about .btn-wrapper {
    margin-bottom: 30px;
  }

  .our-impotance ul li .inner {
    padding: 30px 0;
  }

  .details-tab,
  .padding-lg {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .our-cources h2,
  .how-study h2,
  .why-choose h2,
  .news-events h2,
  .campus-tour h2,
  .testimonial h2,
  .about h2,
  .browse-teacher h2,
  .how-apply h2,
  .have-question h2 {
    font-size: 30px;
  }

  .our-cources ul.inner li:nth-child(9) {
    margin-bottom: 160px;
  }

  .our-cources ul.inner li:nth-child(3n):after,
  .our-cources ul.inner li:nth-child(n + 10):before {
    display: none;
  }

  .our-cources ul.inner li:nth-child(9):before {
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: -70px;
    display: block;
    background: #fff;
    content: " ";
    opacity: 0.3;
  }

  ul.our-strength li span {
    font-size: 38px;
  }

  ul.our-strength li {
    width: 24%;
  }

  .news-events ul li .cnt-block {
    padding: 32px 20px 20px;
  }

  .news-events ul li .cnt-block h3 {
    padding-bottom: 26px;
    font-size: 18px;
    line-height: 24px;
  }

  .news-events ul li .bottom-block {
    padding: 20px 0 0;
  }

  .news-events ul li .icon {
    margin-right: 4px;
  }

  .news-events ul li .icon span {
    font-size: 14px !important;
  }

  .news-events ul li .cnt-block .plus-icon {
    width: 54px;
    height: 54px;
    line-height: 54px;
  }

  .news-events ul li .date span,
  .news-events ul li .comment span {
    font-size: 11px;
  }

  .how-study ul li .cnt-block {
    max-width: 152px;
  }

  .how-study ul li a.more {
    right: 10px;
  }

  .how-study ul li .cnt-block h3 {
    font-size: 18px;
    line-height: 20px;
  }

  .campus-tour {
    padding-bottom: 0px;
  }

  .campus-tour ul.gallery li h3 {
    font-size: 16px;
  }

  .campus-tour ul.gallery li a {
    width: 34px;
    height: 34px;
    margin: 0 2px;
    line-height: 34px;
    font-size: 16px;
    padding-top: 1px;
  }

  .campus-tour ul.gallery li .overlay {
    margin-top: -58px;
  }

  .campus-tour ul.gallery li:hover .overlay {
    top: 60%;
  }

  .campus-tour ul.gallery li p {
    padding-bottom: 10px;
  }

  .logos {
    padding: 30px 0;
  }

  .testimonial ul li p {
    font-size: 18px;
    line-height: 30px;
  }

  .testimonial ul li span {
    font-size: 16px;
  }

  .testimonial .wrapper:before,
  .testimonial .wrapper:after {
    font-size: 38px;
  }

  .footer .footer-logo {
    padding-bottom: 20px;
  }

  .footer p {
    line-height: 20px;
  }

  .footer .bottom {
    padding: 20px 0;
  }

  .footer .connect-us {
    width: 100%;
  }

  .footer .subscribe {
    width: 100%;
    padding-right: 30px;
  }

  .footer .subscribe input {
    width: 75%;
  }

  .footer ul.follow-us li {
    padding: 0 2px;
  }

  .footer ul.follow-us li a {
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
    border: 1px solid #4d87b5;
  }

  .footer .instagram {
    padding: 14px 15px 18px 0;
  }

  .footer .subscribe input {
    width: 78%;
    height: 34px;
  }

  .footer .subscribe button {
    width: 40px;
    height: 34px;
  }

  ul.browse-teachers-list p {
    padding: 0 0 20px 0;
  }

  .about-video .container {
    height: 400px;
  }

  .about-video p {
    font-size: 50px;
  }

  .inner-banner a.apply-online {
    width: 100%;
  }

  .enquire-wrapper {
    max-width: none;
    margin-top: 30px;
  }

  .enquire-now {
    margin-top: 20px;
    max-width: none;
  }

  .course-detail {
    padding: 20px;
    margin: 30px 0 0 0;
  }

  .course-detail .duration {
    width: 33.3%;
    padding-right: 20px;
  }

  .course-detail .duration .icon {
    float: none;
    margin: 0 auto;
  }

  .course-detail .duration .detail {
    width: 100%;
    padding-left: 0px;
    text-align: center;
  }

  .course-detail .duration.eligible {
    width: 33.3%;
    padding: 0 20px;
  }

  .course-detail .duration.fee {
    width: 33.3%;
    border-right: none;
    padding: 0 20px;
  }

  .course-detail .btn {
    margin: 10px 0 0 32px;
  }

  .how-apply ul li .icon-block {
    width: 135px;
    height: 135px;
    line-height: 135px;
  }

  .how-apply ul li .icon-block img {
    width: 60px;
  }

  .how-apply ul li p {
    padding: 34px 0 25px;
  }

  .how-apply ul li .icon-block .num {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    top: 20px;
    right: -8px;
  }

  .how-apply ul li:nth-child(1):after {
    top: 10px;
  }

  #myTabs {
    padding: 0px;
  }

  .course-tab > li > a {
    padding: 18px 0px;
    font-size: 16px;
  }

  .course-table > tbody > tr > td,
  .course-table > tfoot > tr > td,
  .course-table > thead > tr > td {
    padding: 18px 20px;
  }

  #schedule .fee-amt {
    font-size: 20px;
  }

  #semester ul.content > li h4 {
    font-size: 16px;
  }

  ul.blog-listing > li {
    padding-bottom: 30px;
    margin-bottom: 40px;
  }

  ul.blog-listing > li h2 {
    padding: 20px 0 10px;
    font-size: 20px;
  }

  .blog-left:after {
    right: -20px;
  }

  .blog-right {
    padding-left: 20px;
  }

  .search-block input {
    width: 78%;
  }

  ul.post-detail li {
    padding-right: 15px;
  }

  .category > ul li a {
    font-size: 12px;
  }

  .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
    padding-left: 64px;
  }

  .not-found-wrapper {
    width: 60%;
    margin: 80px auto;
    padding-top: 198px;
  }

  .not-found-wrapper h1 {
    font-size: 166px;
  }

  .faq-wrapper .search-block input {
    height: 48px;
  }

  .faq-wrapper .search-block .search {
    width: 48px;
    height: 48px;
  }

  ul.faq-listing li .inner {
    padding: 20px 20px 20px 68px;
  }

  ul.faq-listing li .inner:before {
    top: 36px;
  }

  .faq-wrapper .text-center,
  .testimonial-outer .text-center {
    margin-top: 40px;
  }

  .login-wrapper .login {
    max-width: 460px;
  }

  .login-wrapper .login-logo {
    margin-bottom: 40px;
    text-align: center;
  }

  .login-wrapper .login-logo a {
    width: 250px;
    display: inline-block;
  }

  .login-wrapper .head-block {
    padding: 22px 0;
  }

  .login-wrapper .head-block h1 {
    font-size: 30px;
  }

  .login-wrapper .cnt-block {
    padding: 30px;
  }

  .login-wrapper .or {
    width: 20%;
  }

  .login-wrapper .btn {
    padding: 10px 20px;
  }

  ul.testimonials li p {
    font-size: 15px;
    line-height: 26px;
  }

  ul.testimonials li .quotblock {
    padding: 40px 10px;
  }

  ul.gallery-filter li {
    width: auto;
    font-size: 17px;
    padding: 0 16px;
  }

  ul.gallery-filter li a {
    padding-bottom: 20px;
  }

  .campus-tour .pagination {
    margin: 50px 0;
  }

  .news-wrapper .text-center {
    margin-top: 10px;
  }

  ul.news-listing > li h2 {
    font-size: 18px;
    line-height: 26px;
  }

  ul.news-listing > li p {
    line-height: 24px;
  }

  .news-wrapper ul.post-detail li {
    padding-right: 10px;
    padding-bottom: 2px;
  }

  ul.news-listing > li .cnt-block {
    padding: 20px;
  }

  .form-outer .cnt-block {
    padding: 50px 20px;
  }

  .form-outer ul.select-opt {
    padding-bottom: 30px;
  }

  .form-outer .col-left:first-child {
    padding-right: 0;
  }

  .col-left ul.select-opt li label {
    padding-right: 21px;
  }

  .generic-wrapper ul.our-spec {
    padding-bottom: 40px;
  }

  .generic-wrapper .button-group {
    text-align: center;
  }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .learn-press-single-thumbnail > img {
    max-width: 100%;
  }

  .navbar-inverse .navbar-toggle {
    border: none;
  }

  .navbar-inverse .navbar-toggle:focus,
  .navbar-inverse .navbar-toggle:hover {
    background: none;
  }

  .navbar-form {
    background: none;
    border: none;
    box-shadow: none;
  }

  .navbar-form .search-btn {
    top: 4px;
  }

  .form-control {
    padding: 6px 30px;
  }

  .navbar-toggle .icon-bar {
    width: 26px;
    height: 3px;
  }

  .navbar-collapse {
    box-shadow: none;
    border: none;
    padding: 0 15px;
  }

  .navbar-form {
    width: auto;
    margin: 0 -15px;
  }

  .nav > li > a {
    padding: 12px 20px;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: #333;
  }

  .navbar-nav .open .dropdown-menu {
    background: #fff;
    border-radius: 0px;
  }

  .navbar .dropdown-menu {
    padding: 10px 0;
  }

  .navbar .dropdown-menu:after {
    display: none;
  }

  .header-top ul.top-nav li {
    padding: 0 7px;
  }

  /* .header-top .right-block {
    float: none;
  } */

  .header-top .lang-wrapper {
    margin-right: -15px;
  }

  .header-middle a.login {
    padding: 5px 14px;
  }

  .banner-outer .content {
    float: none;
    padding: 50px 0px;
  }

  .banner-outer .content h1 span {
    font-size: 60px;
  }

  .banner-outer .slide2 .content h1,
  .banner-outer .slide3 .content h1 {
    font-size: 44px;
  }

  .banner-outer .content p {
    font-size: 16px;
    line-height: 24px;
  }

  .banner-outer .bx-wrapper .bx-pager {
    bottom: 10px;
  }

  .banner-outer .slide1,
  .banner-outer .slide2,
  .banner-outer .slide3 {
    height: 350px;
  }

  .about {
    padding: 226px 0 40px;
  }

  .about .video-block a {
    width: 50px;
    margin-top: -25px;
  }

  .modal-open .modal {
    padding-right: 0px !important;
  }

  .about ul.our-links {
    margin: -226px -15px 30px -15px;
  }

  .about ul.our-links li {
    padding: 20px 20px 30px 20px;
  }

  .about ul.our-links li .icon {
    width: 20%;
  }

  .about ul.our-links li .detail {
    width: 80%;
  }

  .about ul.our-links li .detail a.more {
    width: 30px;
    height: 30px;
    line-height: 24px;
    font-size: 16px;
    position: relative;
  }

  .about .left-block {
    padding-bottom: 30px;
  }

  .details-tab,
  .padding-lg {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .our-cources h2,
  .how-study h2,
  .why-choose h2,
  .news-events h2,
  .campus-tour h2,
  .testimonial h2,
  .about h2,
  .browse-teacher h2,
  .how-apply h2,
  .have-question h2 {
    padding-bottom: 30px;
    font-size: 26px;
  }

  .our-impotance ul li .inner {
    padding: 10px 10px 30px 10px;
    border-bottom: 1px #e9e9e9 solid;
  }

  .our-impotance ul li:last-child {
    margin-bottom: 0px !important;
  }

  .our-impotance ul li:last-child .inner {
    border-bottom: none;
  }

  .our-impotance ul li {
    border-right: none;
    margin-bottom: 30px !important;
  }

  .our-impotance ul li:after {
    display: none;
  }

  .our-impotance ul li h3 span {
    display: inline;
  }

  .how-study ul li {
    margin-bottom: 20px;
  }

  .how-study ul li .cnt-block {
    left: 20px;
  }

  ul.our-strength li {
    width: 24%;
    border: none;
  }

  ul.our-strength li span {
    font-size: 26px;
  }

  ul.our-strength li .title {
    line-height: 20px;
  }

  .news-events ul {
    margin-bottom: 30px;
  }

  .news-events ul li {
    margin-bottom: 30px;
  }

  .news-events ul li .cnt-block {
    padding: 40px 20px 20px;
  }

  .news-events ul li .cnt-block h3 {
    font-size: 18px;
    line-height: 28px;
  }

  .news-events ul li .cnt-block .plus-icon {
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 30px;
    top: -27px;
  }

  .news-events ul li .bottom-block {
    padding-top: 20px;
  }

  .campus-tour {
    padding-bottom: 0px;
  }

  .campus-tour ul.gallery li {
    width: 50%;
  }

  .campus-tour ul.gallery li h3 {
    font-size: 18px;
  }

  .campus-tour ul.gallery li a {
    width: 44px;
    height: 44px;
    margin: 0 4px;
    line-height: 44px;
    font-size: 18px;
    padding-top: 0px;
  }

  .campus-tour ul.gallery li:hover .overlay {
    top: 60%;
  }

  .campus-tour ul.gallery li p {
    padding-bottom: 10px;
  }

  .logos {
    padding: 30px 0;
  }

  .testimonial ul li p {
    font-size: 18px;
    line-height: 28px;
  }

  .testimonial ul li span {
    font-size: 16px;
  }

  .testimonial .wrapper:before,
  .testimonial .wrapper:after {
    font-size: 38px;
  }

  .footer .row1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .footer .row1 .col-sm-9 {
    padding-bottom: 15px;
  }

  .footer .foot-nav {
    width: 100%;
    border-bottom: 1px #2e5f85 solid;
    padding: 10px 0 12px 0;
  }

  .footer .foot-nav h3 {
    padding-bottom: 0px;
    cursor: pointer;
  }

  .footer .foot-nav h3:after {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
    float: right;
    content: " + ";
  }

  .footer .foot-nav h3.open:after {
    content: " - ";
  }

  .footer .foot-nav ul {
    padding: 15px 0 10px 0;
  }

  .footer .bottom {
    padding: 20px 0px;
  }

  .footer .connect-us,
  .footer .subscribe,
  .footer .instagram {
    width: 100%;
    border-right: none;
    padding-right: 0px;
  }

  .footer .instagram ul li a img {
    width: 100%;
  }

  ul.browse-teachers-list > li {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px #e5e5e5 solid;
  }

  ul.browse-teachers-list > li:nth-child(2n) {
    border-right: none;
  }

  ul.browse-teachers-list > li:nth-last-child(2) {
    border-bottom: none;
  }

  .about-video .container {
    height: 300px;
  }

  .about-video p {
    font-size: 36px;
  }

  .inner-banner {
    padding: 30px 0 20px;
  }

  .inner-banner h1 {
    font-size: 30px;
    padding-bottom: 10px;
  }

  .inner-banner p {
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
  }

  .inner-banner a.apply-online .left {
    padding: 12px 0 12px 24px;
  }

  .inner-banner a.apply-online .arrow {
    line-height: 64px;
  }

  .about .btn-wrapper {
    margin-bottom: 20px;
  }

  .select-course {
    float: left;
    margin-bottom: 30px;
  }

  .our-cources.sub h2 {
    padding-left: 0px;
  }

  .our-cources ul.inner li {
    margin-bottom: 70px;
  }

  .our-cources ul.inner li:before {
    bottom: -35px;
    display: none;
  }

  .our-cources ul.inner li:nth-child(2n):after {
    display: none;
  }

  ul.cert-list li {
    width: 100%;
    float: none;
  }

  ul.cert-list li:nth-last-child(2) {
    border-bottom: 1px dashed #c0c4c6;
  }

  .enquire-now {
    max-width: none;
    margin-top: 0;
  }

  .enquire-wrapper {
    max-width: none;
  }

  .course-detail {
    padding: 0 20px;
    margin: 20px 0 0 0;
  }

  .course-detail .duration {
    width: auto;
    padding: 20px 0;
    border: none;
    float: none;
    border-bottom: 1px solid #dfe9f1;
  }

  .course-detail .duration.eligible {
    width: auto;
    padding: 20px 0px;
  }

  .course-detail .duration.fee {
    width: auto;
    float: none;
    padding: 20px 0px;
    border: none;
  }

  .course-detail .duration.fee .detail {
    padding: 0px;
  }

  .course-detail .btn {
    position: absolute;
    right: 36px;
    bottom: 22px;
    float: none;
    margin: 10px 0 0 0;
  }

  .how-apply ul,
  .how-apply ul li {
    padding-bottom: 30px;
  }

  .how-apply ul li .icon-block {
    width: 135px;
    height: 135px;
    line-height: 135px;
  }

  .how-apply ul li .icon-block img {
    width: 60px;
  }

  .how-apply ul li .icon-block .num {
    width: 34px;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    top: 20px;
    right: -8px;
  }

  .how-apply ul li:nth-child(1):after,
  .how-apply ul li:nth-child(2):after {
    display: none;
  }

  .comments-wrapper ul.comments {
    padding-top: 40px;
    padding-bottom: 10px;
  }

  .comments-wrapper ul.comments li .com-txt {
    padding: 20px;
  }

  .leave-comment {
    padding-bottom: 30px;
    border-bottom: 1px solid #e9e9e9;
  }

  .leave-comment h4 {
    padding: 30px 0;
  }

  .leave-comment textarea {
    height: 100px;
  }

  #myTabs {
    padding: 0px;
  }

  .course-tab {
    margin-bottom: 30px;
  }

  .course-tab > li > a {
    font-size: 16px;
    padding-bottom: 16px;
  }

  .course-tab > li > a span {
    font-size: 44px;
    padding-bottom: 14px;
  }

  .course-tab > li > a .block {
    display: block;
  }

  .course-table > tbody > tr > td,
  .course-table > tfoot > tr > td,
  .course-table > thead > tr > td {
    padding: 18px 20px;
  }

  #schedule .fee-amt {
    font-size: 18px;
  }

  #semester ul.content {
    border-bottom: 1px dashed #c9cdce;
    padding-bottom: 24px;
    margin-bottom: 24px;
  }

  #semester .col-sm-6:last-child ul.content {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  #semester ul.content > li h4 {
    font-size: 16px;
  }

  .inner-banner.contact,
  .inner-banner.blog {
    padding: 30px 0 60px 0;
  }

  .inner-banner.contact p,
  .inner-banner.blog p {
    padding-bottom: 0px;
  }

  .form-wrapper .row .col-sm-6 {
    margin-bottom: 20px;
  }

  .contact-detail .address {
    padding: 18px 40px 12px 60px;
  }

  .contact-bottom {
    padding: 18px 0 14px 0;
  }

  .blog-left {
    padding-bottom: 30px;
  }

  .blog-left:after {
    display: none;
  }

  .blog-right {
    padding-left: 0px;
  }

  ul.blog-listing > li {
    padding-bottom: 30px;
    margin-bottom: 40px;
  }

  ul.blog-listing > li h2 {
    padding: 20px 0 15px;
    font-size: 18px;
    line-height: 26px;
  }

  ul.post-detail li {
    padding-bottom: 4px;
    padding-right: 18px;
  }

  .inner-banner.blog {
    min-height: 160px;
  }

  .recent-post,
  .archives {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px #e9e9e9 solid;
  }

  .blog-left .comments-wrapper ul.comments li.col-xs-offset-1 {
    padding-left: 64px;
  }

  .category {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px #e9e9e9 solid;
  }

  .not-found-wrapper {
    width: 80%;
    margin: 50px auto;
    padding-top: 178px;
  }

  .not-found-wrapper h1 {
    font-size: 116px;
  }

  .not-found-wrapper p {
    font-size: 26px;
    padding-bottom: 40px;
  }

  .faq-wrapper .search-block input {
    height: 48px;
  }

  .faq-wrapper .search-block .search {
    width: 48px;
    height: 48px;
  }

  ul.faq-listing li .inner {
    padding: 10px 20px 30px 48px;
  }

  ul.faq-listing li .inner:before {
    top: 26px;
    font-size: 36px;
  }

  ul.faq-listing li:nth-last-child(2) .inner {
    border-bottom: 1px #e2e4e6 solid;
  }

  ul.faq-listing li:nth-child(2n) .inner {
    padding-left: 48px;
  }

  ul.faq-listing li .inner:before {
    left: 0px !important;
    top: 22px;
  }

  .faq-wrapper .text-center,
  .testimonial-outer .text-center {
    margin-top: 40px;
  }

  .login-wrapper .login {
    max-width: 360px;
  }

  .login-wrapper .login-logo {
    margin-bottom: 30px;
    text-align: center;
  }

  .login-wrapper .login-logo a {
    width: 220px;
    display: inline-block;
  }

  .login-wrapper .head-block {
    padding: 18px 15px;
  }

  .login-wrapper .head-block h1 {
    font-size: 26px;
  }

  .login-wrapper .cnt-block {
    padding: 30px;
  }

  .login-wrapper .btn {
    padding: 8px 14px;
  }

  .login-wrapper .login-footer {
    padding: 12px 15px;
  }

  .login-wrapper ul.follow-us li {
    padding: 0 12px;
  }

  ul.testimonials:after {
    display: none;
  }

  ul.testimonials li h3 {
    padding-top: 8px;
  }

  ul.testimonials li p {
    font-size: 15px;
    line-height: 28px;
  }

  ul.testimonials li .quotblock {
    padding: 30px 10px 15px 10px;
  }

  ul.testimonials li:nth-child(3) .quotblock {
    padding-top: 30px;
  }

  ul.testimonials li:nth-last-child(2),
  ul.testimonials li:nth-last-child(3) {
    border-bottom: 1px solid #dfe5e1 !important;
  }

  ul.testimonials li:nth-child(odd):before,
  ul.testimonials li:nth-child(even):after {
    display: none;
  }

  ul.testimonials li:nth-child(even) {
    border-right: none;
  }

  ul.testimonials li:nth-last-child(2):before,
  ul.testimonials li:nth-last-child(3):before,
  ul.testimonials li:nth-last-child(2):after,
  ul.testimonials li:nth-last-child(3):after {
    display: block !important;
  }

  ul.gallery-filter {
    padding: 0px;
  }

  ul.gallery-filter li {
    width: auto;
    float: none;
    display: inline-block;
    padding: 0 16px;
    font-size: 16px;
  }

  ul.gallery-filter li a {
    padding-bottom: 20px;
  }

  .campus-tour .pagination {
    margin: 40px 0;
  }

  .news-wrapper .text-center {
    margin-top: 10px;
  }

  ul.news-listing > li h2 {
    font-size: 18px;
    line-height: 26px;
  }

  ul.news-listing > li p {
    line-height: 24px;
  }

  .news-wrapper ul.post-detail li {
    padding-right: 10px;
    padding-bottom: 2px;
  }

  ul.news-listing > li .cnt-block {
    padding: 20px;
  }

  .privacy-wrapper h2 {
    font-size: 24px;
  }

  .privacy-wrapper h3 {
    font-size: 20px;
  }

  ul.privacy-listing {
    padding: 0px;
  }

  ul.privacy-listing > li {
    padding-bottom: 10px;
  }

  ul.privacy-listing > li:last-child {
    border-bottom: 1px dashed #c9cdce;
  }

  ul.privacy-listing > li.last {
    border-bottom: none;
  }

  .privacy-wrapper .padding-top {
    padding-top: 10px;
  }

  .imp-note {
    padding: 20px;
  }

  .imp-note span {
    float: none;
    margin: 0px auto 20px;
  }

  .imp-note p {
    text-align: center;
  }

  .form-outer ul.select-opt {
    padding-bottom: 20px;
  }

  .form-outer .cnt-block textarea {
    height: 100px;
  }

  .form-outer .col-left {
    float: none;
  }

  .form-outer .select2.select2-container {
    margin-bottom: 30px;
  }

  .modal-body {
    padding: 10px;
  }

  .generic-wrapper ul.our-spec {
    padding-bottom: 40px;
  }

  .generic-wrapper .button-group {
    margin-bottom: 40px;
    text-align: center;
  }

  .generic-wrapper .pagination {
    padding-bottom: 30px;
  }

  .generic-wrapper ul.privacy-listing > li:last-child {
    border-bottom: none;
  }


}

/* Landscape phones and down */
@media (max-width: 640px) {
  .banner-outer .content h1 span {
    font-size: 50px;
  }

  .why-choose ul li {
    width: 48%;
    padding-bottom: 30px;
  }

  .why-choose ul li:nth-child(n + 3) {
    padding-bottom: 0px;
  }

  ul.our-strength.opt2 li {
    border-right: none;
  }

  ul.testimonials li {
    width: 100%;
  }

  ul.testimonials li:before,
  ul.testimonials li:nth-last-child(2):before,
  ul.testimonials li:nth-last-child(3):before,
  ul.testimonials li:after,
  ul.testimonials li:nth-last-child(2):after,
  ul.testimonials li:nth-last-child(3):after {
    display: none !important;
  }

  ul.testimonials li:nth-last-child(2),
  ul.testimonials li:nth-last-child(3) {
    border-bottom: 1px solid #dfe5e1;
  }

  ul.testimonials li:first-child .quotblock {
    padding-top: 0px;
  }

  ul.testimonials li:nth-child(2) .quotblock {
    padding-top: 30px;
  }

  ul.gallery-filter li {
    margin-bottom: 10px;
    font-size: 15px;
    padding: 0 6px;
  }

  ul.gallery-filter li a {
    padding-bottom: 8px;
  }

  ul.news-listing > li {
    width: 100%;
  }

  ul.select-opt li {
    width: 100%;
    margin-bottom: 8px;
    float: none;
  }

  .generic-wrapper ul.our-spec li {
    width: 50%;
    min-height: 142px;
  }

  .generic-wrapper a.btn-circle {
    margin-bottom: 20px;
  }

  .button-group1 a.download-pros,
  .button-group1 a.download-cert {
    width: 100%;
    margin: 0 0 2px 0;
  }
}

/* Landscape phones and down */
@media (max-width: 480px) {
  .banner-outer .content h1 {
    font-size: 26px;
    line-height: 38px;
  }

  .banner-outer .content h1 span {
    font-size: 50px;
  }

  .our-impotance ul li {
    width: 100%;
  }

  .our-impotance ul li:after {
    width: 94%;
  }

  .our-impotance ul li .inner {
    padding: 10px 10px 30px 10px;
  }

  .our-impotance ul li h3 span {
    display: inline;
  }

  .testimonial ul li p {
    font-size: 16px;
    line-height: 26px;
  }

  .testimonial .wrapper:before,
  .testimonial .wrapper:after {
    font-size: 28px;
  }

  .about-video .container {
    height: 300px;
  }

  .about-video p {
    font-size: 32px;
  }

  a.download-pros {
    margin-bottom: 1px;
  }

  a.download-pros,
  a.download-cert {
    width: 100%;
    border: none;
  }

  .our-cources ul.inner li {
    width: 100%;
    margin-bottom: 40px;
  }

  .our-cources ul.inner li:nth-child(n + 9) {
    margin-bottom: 40px;
  }

  .our-cources ul.course-list li:after {
    display: none;
  }

  .enquire-now .inner .row2 input {
    width: 100%;
    margin: 0 0 14px 0;
  }

  ul.browse-teachers-list > li {
    width: 100%;
    border: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .leave-comment input {
    width: 100%;
  }

  .leave-comment input:first-child {
    margin-bottom: 30px;
  }

  .course-detail .duration .icon {
    width: 57px;
    height: 57px;
    font-size: 34px;
  }

  .form-outer input {
    height: 40px;
    padding: 0 15px;
    margin-bottom: 20px;
  }

  .login-wrapper .remember {
    margin-top: 20px;
  }

  .register .cnt-block textarea {
    margin-bottom: 20px;
  }

  .form-outer input.country-code {
    width: 20%;
  }

  .form-outer input.phone-no {
    width: calc(80% - 18px);
  }
}

/* iPhone 6 Plus and down */
@media (max-width: 414px) {
  .about-video p {
    font-size: 26px;
  }

  .pagination > li > a,
  .pagination > li > span {
    margin: 0 2px;
    padding: 4px 10px;
    font-size: 13px;
  }

  .pagination > li:first-child > a,
  .pagination > li:first-child > span,
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    padding: 5px 14px;
  }

  .pagination > li:first-child a i {
    margin-right: 4px;
  }

  .pagination > li:last-child a i {
    margin-left: 4px;
  }

  .course-tab > li > a {
    font-size: 13px;
  }

  .not-found-wrapper {
    padding-top: 158px;
  }

  .not-found-wrapper h1 {
    font-size: 96px;
  }

  .not-found-wrapper p {
    font-size: 22px;
    padding-bottom: 30px;
  }
}

/* iPhone 6 and down */
@media (max-width: 375px) {
  .header-middle a.login {
    padding: 2px 8px;
  }

  .banner-outer .content h1 {
    font-size: 22px;
    line-height: 34px;
  }

  .banner-outer .content h1 span,
  .banner-outer .slide2 .content h1,
  .banner-outer .slide2 .content h1 {
    font-size: 38px;
    line-height: 40px;
  }

  .btn {
    padding: 8px 16px;
  }

  .testimonial #bx-pager a {
    margin: 0 2px;
  }

  .testimonial .wrapper:before {
    top: 44px;
  }

  .testimonial .wrapper:after {
    bottom: -26px;
  }

  .testimonial ul li p {
    padding-top: 30px;
  }

  .course-tab > li > a span {
    font-size: 40px;
  }

  .course-tab > li > a {
    font-size: 12px;
  }

  .not-found-wrapper {
    padding-top: 138px;
  }

  .not-found-wrapper h1 {
    font-size: 86px;
  }

  .login-wrapper .head-block h1 {
    font-size: 20px;
  }

  .login-wrapper .login {
    max-width: 320px;
  }

  .login-wrapper .cnt-block {
    padding: 20px 15px;
  }

  .login-wrapper .btn {
    padding: 6px 12px;
  }

  .privacy-wrapper h2 {
    font-size: 22px;
  }
}

/* iPhone 4 */
@media (max-width: 320px) {
  .about-video p {
    font-size: 24px;
  }

  .course-detail .btn {
    position: inherit;
    margin: 10px 0 20px 0;
    right: auto;
  }

  .not-found-wrapper {
    padding-top: 128px;
  }

  .not-found-wrapper h1 {
    font-size: 66px;
  }

  .not-found-wrapper p {
    font-size: 18px;
  }

  ul.faq-listing li h2 {
    font-size: 16px;
  }

  .login-wrapper .login {
    max-width: 300px;
  }

  .login-wrapper .cnt-block {
    padding: 20px 15px;
  }

  .login-wrapper .btn {
    padding: 6px 12px;
    font-size: 12px;
  }
}

/*
Theme Name: Edumart
Theme URI: http://themetrademark.com/demo/edumart/
Author: Vergatheme
Author URI: http://themetrademark.com/
Description: In 2017, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:  custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: edumart

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
}

.wp-caption-text {
  color: #707070;
  color: rgba(51, 51, 51, 0.7);
  font-family: "Noto Sans", sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0.5em 0;
}

.widget .gallery-caption {
  line-height: 1.4583;
  padding: 0.5833em 0;
}

.bypostauthor > article .fn:after {
  top: 7px;
  left: 6px;
}

.blog-left .comments-wrapper .clearfix {
  list-style: none;
}

.comments-wrapper h2 {
  margin-bottom: 56px;
}

.com-txt h3 {
  display: block;
  padding-bottom: 13px;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #4b5761;
  text-transform: uppercase;
}

.com-img img {
  border-radius: 50%;
}

.com-txt {
  width: calc(100% - 92px);
  padding: 30px 60px 30px 30px;
  float: right;
  background: #fbfcfd;
  border: 1px #d1dadf solid;
  position: relative;
}

.comments-wrapper .children {
  margin-left: 42px;
}

.comments-wrapper h2 a {
  font-family: "RobotoBold";
  font-size: 24px;
  color: #606d87;
  text-transform: uppercase;
}

.com-txt p {
  padding-bottom: 5px !important;
  font-size: 16px;
  color: #464E4E;
}

.comments {
  padding-top: 0px !important;
}

.blog-listing p {
  font-size: 16px;
}

.form-submit .btn {
  width: 185px;
  display: inline-block;
  padding: 12px 24px;
  border-radius: 4px;
  background: #ff9600;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.blog-left h2 {
  padding-top: 30px;
  display: block;
  padding-bottom: 22px;
  font-family: "RobotoBold";
  font-size: 20px;
  color: #606d87;
  text-transform: uppercase;
  border-bottom: 1px #d5d7d9 solid;
  position: relative;
}

.widget-wrapper h4 {
  padding-bottom: 16px;
  font-size: 17px;
  color: #606d87;
  text-transform: uppercase;
}

.widget_categories h4 {
  border-bottom: 1px #eee solid;
}

.widget_categories .cat-item {
  border-top: 1px #eee solid;
  display: block;
  padding: 10px 0;
  font-size: 13px;
}

.img-block img {
  width: 57px;
  height: 44px;
}

.widget_categories,
.widget_archive {
  display: block;
}

.widget_tag_cloud .tagcloud {
  border-top: 1px #eee solid;
  display: block;
  padding-top: 20px;
}

.widget_tag_cloud .tagcloud a {
  padding: 4px 10px;
  color: #fff;
  background: #abbfc9;
  text-transform: uppercase;
  border-radius: 2px;
  font-size: 10px !important;
}

.widget_tag_cloud .tagcloud a:hover {
  background: #dab872;
}

.search-block .s {
  font-size: 16px;
}

.widget_archive h4 {
  border-bottom: 1px #eee solid;
}

.widget_archive ul li a {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
  padding-right: 10px;
  vertical-align: middle;
  font-size: 16px;
  color: #464E4E;
}

.widget_meta ul li a,
.widget_pages ul li a,
.widget_categories ul li a {
  color: #464E4E;
  font-size: 16px;
}

.widget_archive ul li a:hover {
  color: #ff9600;
}

.widget_archive ul li {
  border-bottom: 1px #eee solid;
  padding: 10px;
}

.widget_archive ul li .icon-date-icon:before {
  padding-right: 10px;
}

.content .cate {
  padding-top: 20px;
  font-size: 20px !important;
  font-weight: 600;
}

.padding-lg .imp-note .note-cus {
  width: 72px;
  height: 72px;
  line-height: 52px;
  margin-right: 25px;
  display: block;
  float: left;
  border-radius: 50%;
  background: #fec472;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  border: 12px #fdf2e4 solid;
}

.form-wrapper .wpcf7-form .submit-cus {
  width: 170px;
}

.form-wrapper .wpcf7-form .submit-cus .col-sm-12 {
  position: relative;
}

.form-wrapper .wpcf7-form .submit-cus .col-sm-12 .btn {
  display: inline-block;
  border-radius: 4px;
  background: #ff9600;
  font-family: "RobotoBold";
  font-size: 14px !important;
  color: #fff !important;
  text-transform: uppercase;
}

.form-wrapper .wpcf7-form .submit-cus .col-sm-12 .icon-more-icon {
  left: 130px;
  background: #ff9600;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  top: 15px;
  position: absolute;
  padding-top: -20px;
}

.about .left-block p {
  font-size: 16px;
  color: #464E4E;
}

.about-video .overlay {
  background: #081d2d;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
}

.about-video .container .vc_column_container {
  height: 100%;
  display: inline-block;
}

.about-video .container .vc_column_container .vc_column-inner {
  height: 100%;
}

.about-video .container .vc_column_container .vc_column-inner .wpb_wrapper {
  height: 100%;
  position: relative;
}

.testimonial .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  background: #2e5f85;
}

.about-video .container p {
  position: absolute;
  top: 225px;
  white-space: nowrap;
  left: 25%;
}

.register .inner .regiter-inner .cnt-block form .phone,
.register .inner .regiter-inner .cnt-block form textarea {
  width: 100%;
  height: 46px;
  margin-bottom: 30px;
  padding: 0 20px;
  background: none;
  border: none;
  border-left: 1px #dae4e8 solid;
  border-bottom: 1px #dae4e8 solid;
  font-size: 12px;
  font-weight: 700;
  color: #7f8385;
  z-index: 2;
  position: relative;
}

.register > .inner > .regiter-inner > .cnt-block > .alert-register {
  text-align: center;
  padding-bottom: 40px;
  text-align: center;
  text-transform: none;
  font-size: 20px;
}

.register > .inner > .regiter-inner > .cnt-block > .alert-register > h4 {
  padding-bottom: 40px;
  text-align: center;
  color: #dab872;
  text-transform: none;
}

.cert-list li {
  font-size: 16px;
  color: #464E4E;
}

.about .col-md-pull-7 .vc_column-inner .wpb_wrapper {
  max-width: 438px;
}

.instagram-pics li a img {
  height: 45.13px;
}

#navbar ul .menu-item {
  background-color: #19335c !important;
}

.faq-wrapper .faq-listing li .equal-hight p {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #464E4E;
  line-height: 26px;
}

.subscribe .tnp-widget-minimal form {
  position: relative;
}

.subscribe .tnp-widget-minimal form .tnp-email,
.subscribe .tnp-widget-minimal form .tnp-submit {
  position: absolute;
}

.subscribe .tnp-widget-minimal form .tnp-email {
  border-radius: 4px;
}

.subscribe .tnp-widget-minimal form .tnp-submit {
  background: #2c97ea;
  font-size: 15px;
  color: #fff;
  border-radius: 0 4px 4px 0;
  transition: all 0.3s ease 0s;
  padding-left: 5px;
  width: 75px;
  height: 44px;
  margin-left: 209px;
}

.subscribe .tnp-widget-minimal form .tnp-submit:hover {
  background: #ff8500;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .subscribe .tnp-widget-minimal form .tnp-submit {
    background: #2c97ea;
    font-size: 15px;
    color: #fff;
    border-radius: 0 4px 4px 0;
    transition: all 0.3s ease 0s;
    padding-left: 5px;
    width: 75px;
    height: 44px;
    margin-left: 209px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .footer .subscribe {
    width: 100%;
    padding-right: 30px;
  }

  .footer .subscribe {
    display: block;
    padding: 14px 58px 18px 0;
    width: 95%;
    border-right: 1px #537d9e solid;
  }

  .footer .subscribe .tnp-email {
    width: 78%;
    height: 34px;
    font-size: 10px !important;
    padding: 4px !important;
  }

  .footer .subscribe .tnp-widget-minimal form .tnp-submit {
    width: 40px !important;
    height: 34px !important;
    background: #2c97ea !important;
    font-size: 8px !important;
    color: #fff !important;
    border-radius: 0 4px 4px 0 !important;
    transition: all 0.3s ease 0s !important;
    padding-left: 3px !important;
    margin-left: 145px !important;
  }
}

@media (max-width: 767px) {
  .footer .instagram {
    width: 100% !important;
    border-right: none;
    padding-right: 0px !important;
    padding-top: 60px !important;
  }

  .footer .bottom .subscribe .tnp-widget-minimal form .tnp-email {
    width: 82% !important;
    height: 44px !important;
    font-size: 12px !important;
    color: #7da6c6 !important;
  }

  .footer .bottom .subscribe .tnp-widget-minimal form .tnp-submit {
    margin-left: 461px !important;
    width: 18% !important;
  }
}

@media (max-width: 640px) {
  .footer .bottom .subscribe .tnp-widget-minimal form .tnp-email {
    width: 82% !important;
    height: 44px !important;
    font-size: 12px !important;
    color: #7da6c6 !important;
  }

  .footer .bottom .subscribe .tnp-widget-minimal form .tnp-submit {
    margin-left: 350px !important;
    width: 18% !important;
  }
}

@media (max-width: 480px) {
  .footer .instagram {
    padding-top: 45px !important;
    width: 82% !important;
  }

  .footer .bottom .subscribe .tnp-widget-minimal form .tnp-submit {
    margin-left: 245px !important;
    width: 18% !important;
    font-size: 13px !important;
  }
}

@media (max-width: 414px) {
  .footer .instagram {
    width: 82% !important;
    padding-top: 60px !important;
  }

  .footer > .bottom > .subscribe > .tnp-widget-minimal > form > .tnp-submit {
    margin-left: 250px !important;
    width: 18% !important;
    font-size: 13px;
  }
}

@media (max-width: 375px) {
  .footer .instagram {
    width: 82% !important;
    padding-top: 60px !important;
  }

  .footer .bottom .subscribe .tnp-widget-minimal form .tnp-submit {
    margin-left: 200px !important;
    width: 18% !important;
    font-size: 10px !important;
  }
}

@media (max-width: 320px) {
  .footer .instagram {
    width: 100%;
    padding-top: 0px !important;
  }

  .footer .bottom .subscribe .tnp-widget-minimal form .tnp-email {
    width: 82% !important;
    height: 44px !important;
    font-size: 12px !important;
    color: #7da6c6 !important;
  }

  .footer .bottom .subscribe .tnp-widget-minimal form .tnp-submit {
    width: 18% !important;
    height: 44px !important;
    font-size: 10px !important;
  }
}

.menu-header-menu-1-container {
  float: left;
}

#curriculam .table-responsive {
  margin-left: -1px !important;
  margin-right: -1px !important;
}

#curriculam .table-responsive .course-table .curriculam-sem .rows {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#curriculam .table-responsive .course-table .curriculam-sem .rows .table-sem {
  padding: 28px 30px;
  border: 1px solid #eee;
}

#curriculam .table-responsive .course-table .curriculam-sem .rows .sem-name {
  border: 1px #c3e1f9 solid;
  margin-left: 0px !important;
  padding-bottom: 11px;
  padding-top: 11px;
  padding-left: 30px;
  background: #e9f4fd;
  font-family: "RobotoBold";
  text-transform: uppercase;
  font-size: 16px;
  color: #4e5d52;
  border-color: #c3e1f9;
}

#curriculam .lecture-txt {
  font-weight: 700;
  color: #707c82;
}

#curriculam .lecture-txt .preview {
  height: 15px;
  font-size: 11px;
}

#curriculam .table-responsive .course-table .curriculam-sem .rows .sem-title {
  font-size: 16px;
  font-weight: 700;
  color: #707c82;
}

.how-apply ul li:hover .icon-block,
.how-apply ul li.active .icon-block {
  background: #3eb25c !important;
}

header .header-middle .col-sm-9 {
  float: right !important;
}

.blog-wrapper .blog-right .widget_recent_entries,
.blog-wrapper .blog-right .widget_recent_comments {
  padding-bottom: 60px;
}

header .header-middle .col-sm-9 {
  padding: 0;
}

#navbar .col-lg-1 {
  float: right;
}

#navbar .col-lg-1,
#navbar .col-lg-11 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#navbar .col-lg-1 form .search-btn {
  right: 12px !important;
}

#navbar .col-lg-1 form input {
  border-bottom: none !important;
}

#navbar .col-lg-11 .nav > li > a {
  padding: 19px 15px !important;
}

#navbar .navbar-nav > .dropdown > .dropdown-menu > .dropdown > .dropdown-menu {
  margin-left: 40px;
  margin-top: 0;
}

.blog-wrapper .blog-listing li strong .alignleft {
  float: left;
  padding-right: 20px;
}

.blog-wrapper .blog-listing .alignnone,
.wp-image-907 {
  max-width: 815px !important;
  padding: 20px;
}

.blog-wrapper .blog-listing .alignright,
.blog-wrapper .blog-listing .wp-image-904,
.blog-wrapper .blog-listing .wp-image-905 {
  float: right;
}

#navbar #searchDropdown {
  background: none;
  border: none;
}

.nav > li {
  position: relative;
  display: block;
}

#navbar form {
  border-radius: 5px;
  margin: 0;
  left: auto;
  right: 0;
  top: 70px;
  border: 4px #ff9600 solid !important;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  /* color: #6f7a7f !important; */
  /* border: none !important; */
}

#navbar .col-lg-1 .navbar-nav .dropdown {
  padding-top: 15px;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #fff;
}

#navbar .col-lg-1 .navbar-nav .dropdown .dropdown-menu:after {
  left: 229px !important;
}

/*-----------------------------------------------------------------------------------*/
/*  CALENDAR STYLES WIDGET
/*-----------------------------------------------------------------------------------*/

.widget_calendar {
  float: none;
}

#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  background: none repeat scroll 0 0 #e9e9e9;
  color: #333333;
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
}

#wp-calendar thead {
  font-size: 10px;
}

#wp-calendar thead th {
  border: 1px solid #e9e9e9;
  font-size: 13px;
  padding: 8px 0;
  text-align: center;
  vertical-align: middle;
}

#wp-calendar tbody {
  color: #aaa;
}

#wp-calendar tbody td {
  background: #f5f5f5;
  border: 1px solid #e9e9e9;
  text-align: center;
  padding: 6px;
}

#wp-calendar tbody td#today {
  background: #649c47;
  color: #fff;
}

#wp-calendar tbody td:hover {
  background: #fff;
}

#wp-calendar tbody .pad {
  background: none;
}

#wp-calendar tfoot {
  border: 1px solid #e9e9e9;
}

#wp-calendar tfoot #next {
  font-size: 12px;
  text-transform: uppercase;
  text-align: right;
  color: #649c47;
}

#wp-calendar tfoot #prev {
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 10px;
  color: #649c47;
}

.widget select {
  max-width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  width: 100%;
}

.widget_text .textwidget img {
  max-width: 100%;
  height: auto;
}

.widget_text select,
.widget_text input,
.widget_text textarea {
  max-width: 100%;
  padding: 5px;
  border: 1px solid #ccc;
  width: 100%;
}

.widget_text option {
  max-width: 100%;
}

.widget_text .textwidget form.wpcf7-form input[type="submit"] {
  width: auto !important;
  padding: 0 20px !important;
}

.widget_nav_menu ul li,
.widget_pages ul li {
  color: #827b7d;
  line-height: 28px;
  font-size: 13px;
}

.widget_nav_menu ul li ul,
.widget_pages ul li ul {
  padding-left: 15px;
}

.widget_nav_menu ul li a,
.widget_pages ul li a {
  color: #827b7d;
}

.widget_nav_menu ul li a:hover,
.widget_pages ul li a:hover {
  color: #615c5c;
}

address {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  color: #333;
}

#content.meta ul ul,
.blog-desc ul ul {
  list-style-type: decimal;
}

#content .meta ul ul ul,
.blog-desc ul ul ul {
  list-style-type: decimal;
}

footer {
  /* width: 100%;
  float: left;
  padding-left: 5%; */
}

footer .widget {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  background: #fff;
  padding: 25px;
  border: 1px solid #eee;
}

footer .widget .widget-title {
  width: 100%;
  float: left;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 24px;
  color: #0079fc;
  font-family: "Fjalla One", sans-serif;
}

footer .widget img {
  margin-bottom: 15px;
}

footer .widget p {
  line-height: 22px;
  font-size: 16px;
  color: #9397a0;
}

footer .widget ul {
  margin: 0;
  padding: 0;
}

footer .widget ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
}

footer .widget .tags {
  width: 100%;
  float: left;
}

footer .widget .tags li {
  float: left;
  margin-right: 6px;
  margin-bottom: 6px;
}

footer .widget .tags li a {
  float: left;
  padding: 3px 6px;
  background: #0079fc;
  color: #fff;
}

footer .widget .menu {
  width: 100%;
  float: left;
}

footer .widget .menu li {
  width: 100%;
  float: left;
  margin: 5px 0;
}

footer .widget .menu li a {
  float: left;
}

footer .widget .menu li a:hover {
  text-decoration: none;
  color: #0079fc;
}

footer .widget .menu li span {
  float: right;
  color: #ccc;
}

footer .widget .post {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}

footer .widget .post img {
  width: 130px;
  float: left;
  padding-right: 15px;
}

footer .widget .post .post-content {
  width: calc(100% - 130px);
  float: left;
  padding: 0;
}

footer .widget .post .post-content small {
  display: block;
  font-size: 12px;
  color: #ccc;
}

footer .widget .post .post-content h4 {
  font-family: "Fjalla One", sans-serif;
  margin-top: 10px;
}

footer .widget .post .post-content h4 a {
  float: left;
}

footer .widget .post .post-content h4 a:hover {
  color: #0079fc;
}

footer .widget {
  text-align: left;
}

footer .widget ul li a {
  color: #666 !important;
}

.widget ul.sub-menu {
  margin-left: 15px !important;
}

.hentry ol li {
  list-style: inherit;
}

#comments ul {
  list-style: disc;
  padding-left: 28px;
}

.blog-post ul li ul,
.blog-post ol li ol,
.blog-fixed ul li ul {
  margin-bottom: 0;
  margin-left: 1.25em;
}

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 10px 19px;
}

blockquote cite {
  color: #ccc;
  display: block;
  font-size: 12px;
}

div.wp-caption.alignnone,
img.alignnone,
.blog-fixed div.wp-caption.alignnone img,
.blog-post div.wp-caption.alignnone img {
  /* width: 100% !important;
  height: auto; */
}

div.wp-caption.alignnone img {
  max-width: 100% !important;
  height: auto;
}

.alignright,
.alignleft,
.aligncenter,
div.alignleft img,
div.alignright img {
  max-width: 100% !important;
}

.alignright {
  float: right;
}

.alignleft {
  /* float: left;
  margin-right: 15px;
  margin-bottom: 15px; */
}

.aligncenter img {
  max-width: 100% !important;
}

ul.custom-scroll li.menu-item-has-children ul.sub-menu {
  display: none !important;
}

ul.custom-scroll li.menu-item-has-children:hover ul.sub-menu {
  display: block !important;
  position: absolute;
  list-style: none;
  top: 60px;
  padding-left: 0px;
}

ul.custom-scroll li.menu-item-has-children:hover ul.sub-menu li a {
  background: #efefef;
  border-bottom: 1px solid #ededed;
  display: block;
  font-size: 15px;
  line-height: 42px;
  padding: 0px 45px;
  color: #6a6a6a;
  white-space: nowrap;
  width: 100%;
  opacity: 1 !important;
}

ul.custom-scroll li.menu-item-has-children:hover ul.sub-menu li a:hover {
  background: #e3e3e3;
  color: #444;
  text-decoration: none;
}

ul.custom-scroll li.menu-item-has-children:hover ul.sub-menu li.menu-item-has-children ul.sub-menu {
  display: none !important;
}

ul.custom-scroll li.menu-item-has-children:hover ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
  display: block !important;
}

.sticky .featured-post {
  border-top: 4px double #ededed;
  border-bottom: 4px double #ededed;
  color: #757575;
  font-size: 15px !important;
  height: auto;
  width: 100%;
  display: inline-block;
  line-height: 3.692307692;
  margin-bottom: 1.714285714rem;
  text-align: center;
  margin-top: 15px;
}

.widget ul li {
  line-height: 2.3;
  width: 100%;
}

.widget ul.sub-menu {
  padding: 10px 10px 0px 0px !important;
}

.widget ul.sub-menu li a {
  white-space: nowrap;
}

.widget ul li a {
  color: #666;
}

.logo h3 a {
  color: #333;
}

.widget ul li a:hover,
.logo h3 a:hover {
  color: #649c47;
}

.widget_categories ul {
  padding: 0px !important;
}

.widget ul {
  padding: 0 20px 0 10px;
  margin: 0;
}

.widget a.rsswidget img {
  width: auto !important;
}

a.rsswidget {
  border: 0;
  font-weight: 700 !important;
}

.widget_rss .rss-date,
.widget_rss cite {
  width: 100%;
  display: inline-block;
  color: #aaa;
}

div.rssSummary {
  color: rgba(51, 51, 51, 0.7);
}

.widget_rss ul li {
  padding-bottom: 20px;
}

.logo h3 a {
  font-size: 20px;
  padding: 20px 21px;
  display: inline-block;
}

.section.white-background.fixed .logo h3 {
  margin: 0px !important;
}

.aligncenter {
  text-align: center;
}

.tag-featured-image img {
  width: auto !important;
}

.blog-post-content table,
.page-content table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 16px;
  line-height: 2;
  margin: 0 0 20px;
  width: 100%;
}

.blog-post-content table,
.blog-post-content th,
.blog-post-content td .page-content table,
.page-content th,
.page-content td {
  border: 1px solid #d1d1d1;
}

.blog-post-content th,
.blog-post-content td,
.page-content th,
.page-content td {
  padding: 0.4375em;
}

.wp-caption.aligncenter {
  clear: both;
  display: block;
  padding-top: 44px;
}

.page-sidebar ul {
  list-style-type: none !important;
  margin-left: 0px !important;
}

.blog-post-content ul,
.page-content ul {
  list-style-type: disc;
  margin-left: 30px;
}

@media screen and (max-width: 767px) {
  ul.nav-menu li.menu-item-has-children:hover ul.drop-menu {
    display: block !important;
  }

  ul.nav-menu li.menu-item-has-children:hover ul.drop-menu li.menu-item-has-children ul.drop-menu {
    display: none !important;
  }

  ul.nav-menu li.menu-item-has-children:hover ul.drop-menu li.menu-item-has-children:hover ul.drop-menu {
    display: block !important;
  }

  .logged-in .section.white-background.fixed {
    top: 45px;
    z-index: 999;
  }

  ul.nav-menu li.dropdown:hover ul.drop-menu {
    display: block !important;
  }

  ul.nav-menu li.dropdown:hover ul.drop-menu li.dropdown ul.drop-menu {
    display: none !important;
  }

  ul.nav-menu li.dropdown:hover ul.drop-menu li.dropdown:hover ul.drop-menu {
    display: block !important;
  }
}

.blog-listing.detail li h2,
.blog-listing li h2 {
  margin-bottom: 30px !important;
}

#navbar ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {
  display: none !important;
}

#navbar ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown:hover ul.dropdown-menu {
  display: block !important;
  left: 100%;
  margin-left: 0px;
  top: -4px;
}

#navbar ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown:hover ul.dropdown-menu:after {
  display: none !important;
}

.customize-support .blog-listing.detail h2 {
  margin-bottom: 0px !important;
  font-size: 40px;
  padding-top: 10px;
  border: transparent;
}

.blog-left .blog-listing.detail li ul li {
  list-style: disc;
}

.blog-left .blog-listing.detail li ul,
.blog-left .blog-listing.detail li ol {
  margin-left: 15px;
}

.blog-left .blog-listing.detail li ol li {
  list-style: decimal;
}

.blog-left .blog-listing.detail li ul li ul,
.blog-left .blog-listing.detail li ol li ol {
  margin-left: 20px;
}

.blog-right .widget-wrapper {
  padding-bottom: 70px;
}

form.post-password-form input[type="submit"] {
  width: 85px;
  display: inline-block;
  border: aliceblue;
  padding: 4px 24px;
  margin-top: 1px;
  border-radius: 4px;
  background: #ff9600;
  font-family: "RobotoBold";
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

.custom-logo {
  font-size: 25px;
  padding-top: 12px;
  color: #dab872;
  float: left;
}

.sticky .featured-post {
  border-top: 4px double #ededed;
  border-bottom: 4px double #ededed;
  color: #757575;
  font-size: 15px !important;
  height: auto;
  width: 100%;
  display: inline-block;
  line-height: 3.692307692;
  margin-bottom: 1.714285714rem;
  text-align: center;
  margin-top: 20px;
}

.widget_archive ul li a {
  font-family: "Roboto", sans-serif !important;
}

.widget_archive ul li a:before {
  display: none;
}

@media screen and (max-width: 767px) {
  .col-lg-1 .nav.navbar-nav.pull-right {
    display: none;
  }
}

ul.comments .com-txt li ul,
ul.comments .com-txt li ol {
  margin-left: 15px;
}

ul.comments .com-txt ul li {
  list-style: disc;
  margin-bottom: 0px;
}

ul.comments .com-txt ol li {
  list-style: decimal;
  margin-bottom: 0px;
}

ul.comments .com-txt ol,
ul.comments .com-txt ul {
  margin-left: 20px;
}

.blog-listing table,
.blog-listing table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 16px;
  line-height: 2;
  margin: 0 0 20px;
  width: 100%;
}

table,
th,
td {
  border: 1px solid #eaeaea;
  border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.6em;
  table-layout: fixed; /* Prevents HTML tables from becoming too wide */
  width: 100%;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

th {
  border-width: 0 1px 1px 0;
  font-weight: 700;
}

td {
  border-width: 0 1px 1px 0;
}

th,
td {
  padding: 0.4em !important;
}

/*dhd*/

.menu-header-menu-1-container {
  float: left;
}

/*

THIS FILE IS OVERWRITTEN EVERY TIME YOU UPDATE THE PLUGIN.
USE THE CUSOTM CSS OPTION IN THE SUBSCRIPTION SETTING PANEL FOR YOUR
CUSTOM CSS RULES.

*/

.tnp-subscription {
  font-size: 13px;
  display: block;
  margin: 15px auto;
  max-width: 500px;
  width: 100%;
}

/* Generic field wrapper */
.tnp-subscription div.tnp-field {
  margin-bottom: 10px;
  border: 0;
  padding: 0;
}

.tnp-subscription label {
  display: block;
  color: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  padding: 5px;
  margin: 0;
}

.tnp-subscription input[type="text"],
.tnp-subscription input[type="email"],
.tnp-subscription input[type="submit"],
.tnp-subscription select {
  width: 100%;
  height: 50px;
  padding: 10px;
  display: block;
  border: 1px;
  border-color: #ddd;
  background-color: #f4f4f4;
  background-image: none;
  text-shadow: none;
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  line-height: normal;
  box-sizing: border-box;
}

.tnp-subscription input[type="checkbox"],
.tnp-widget input[type="radio"] {
  max-width: 20px;
  display: inline-block;
}

/* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
.tnp-subscription select option {
  margin-right: 10px;
}

.tnp-subscription input.tnp-submit {
  background-color: #444;
  color: #fff;
  width: auto;
  height: auto;
  margin: 0;
}

@media all and (max-width: 480px) {
  .tnp-subscription input[type="submit"] {
    width: 100%;
  }
}

/* Profile form */

.tnp-profile {
  font-size: 13px;
}

.tnp-profile form .tnp-field {
  margin-bottom: 10px;
  border: 0;
  padding: 0;
}

.tnp-profile form .tnp-field label {
  display: block;
  color: #333;
  font-size: 16px;
}

.tnp-profile form .tnp-field input[type="text"],
.tnp-profile form .tnp-field input[type="email"],
.tnp-profile form .tnp-field input[type="submit"],
.tnp-profile form .tnp-field textarea,
.tnp-profile form .tnp-field select {
  padding: 10px;
  display: block;
  border: 1px;
  border-color: #ddd;
  background-color: #f4f4f4;
  background-image: none;
  text-shadow: none;
  color: #444;
  font-size: 16px;
  margin: 0;
  line-height: normal;
  box-sizing: border-box;
  border-radius: 0;
  height: auto;
  float: none;
}

.tnp-profile form input[type="checkbox"],
.tnp-profile input[type="radio"] {
  max-width: 20px;
  display: inline-block;
}

.tnp-profile form .tnp-list-label {
  margin-left: 15px;
}

/* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
.tnp-profile form select option {
  margin-right: 10px;
}

.tnp-profile form .tnp-field input[type="submit"] {
  background-color: #444;
  color: #fff;
  width: auto;
  height: auto;
  margin: 0;
}

@media all and (max-width: 480px) {
  .tnp-profile input[type="submit"] {
    width: 100%;
    margin: 0;
  }
}

.tnp-widget {
  width: 100%;
  display: block;
  box-sizing: border-box;
}

.tnp-widget .tnp-field {
  margin-bottom: 10px;
  border: 0;
  padding: 0;
}

.tnp-widget label {
  display: block;
  color: inherit;
  font-size: 16px;
}

.tnp-widget input[type="text"],
.tnp-widget input[type="email"],
.tnp-widget input[type="submit"],
.tnp-widget select {
  width: 100%;
  padding: 10px;
  display: block;
  border: 1px solid #ddd;
  border-color: #ddd;
  background-color: #f4f4f4;
  background-image: none;
  text-shadow: none;
  color: #444;
  font-size: 16px;
  line-height: normal;
  box-sizing: border-box;
  height: auto;
}

.tnp-widget input[type="checkbox"],
.tnp-widget input[type="radio"] {
  width: auto;
  display: inline-block;
}

/* Antireset - http://www.satollo.net/css-and-select-space-between-the-options-and-the-arrow */
.tnp-widget select option {
  margin-right: 10px;
}

.tnp-widget input.tnp-submit {
  background-color: #444;
  background-image: none;
  text-shadow: none;
  color: #fff;
  margin: 0;
}

.tnp-field input[type="submit"] {
  position: inherit;
}

.tnp-field label {
}

/* Newsletter Widget Minimal */

.tnp-widget-minimal {
  width: 100%;
}

.tnp-widget-minimal form {
  margin: 0;
  padding: 0;
  border: 0;
}

.tnp-widget-minimal input.tnp-email {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  display: inline-block;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  color: #444;
  font-size: 16px;
}

.tnp-widget-minimal input.tnp-submit {
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  display: inline-block;
  border: 1px;
  border-color: #ddd;
  background-color: #444;
  background-image: none;
  text-shadow: none;
  color: #fff;
  font-size: 16px;
  line-height: normal;
  border-radius: 0px;
  box-sizing: border-box;
  height: auto;
  margin: 0;
}

/* The minimal form */

.tnp-subscription-minimal {
  width: 100%;
  box-sizing: border-box;
}

.tnp-subscription-minimal form {
  margin: 0;
  padding: 0;
  border: 0;
}

.tnp-subscription-minimal input.tnp-email {
  width: 70%;
  max-width: 300px;
  box-sizing: border-box;
  padding: 10px;
  display: inline-block;
  border: 1px solid #ddd;
  background-color: #f4f4f4;
  color: #444;
  font-size: 16px;
  line-height: 20px;
  border-radius: 0px;
}

.tnp-subscription-minimal .tnp-privacy-field {
  margin-top: 10px;
}

.tnp-subscription-minimal input.tnp-submit {
  width: 29%;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px;
  border: 1px;
  border-color: #ddd;
  background-color: #444;
  background-image: none;
  text-shadow: none;
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  box-sizing: border-box;
  border-radius: 0px;
  margin: 0;
}

/* Comments Extension */
.tnp-comments {
  clear: both;
  margin-top: 15px;
  margin-bottom: 15px;
}

.tnp-comments label {
  display: block;
}

.tnp-comments input[type="checkbox"] {
  display: inline-block;
  width: auto !important;
}

/* Locked Content Extension */
.tnp-lock {
  clear: both;
  display: block;
  box-sizing: border-box;
  box-shadow: none;
  margin: 20px;
  padding: 15px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.item-list-course {
  margin-top: 20px;
}

/* QUAN custom - menu */
ul#header-menu > .menu-item-has-children > a::after {
  font-family: FontAwesome;
  font-weight: 900;
  content: "\f107";
  padding-left: 3px;
  /* font-size: 20px;
  color: #8bd29d; */
}

ul.dropdown-menu > .menu-item-has-children > a::after {
  font-family: FontAwesome;
  font-weight: 900;
  content: "\f105";
  padding-left: 3px;
  /* font-size: 20px;
  color: #8bd29d; */
}

/* QUAN custom - contact form 7 */
.screen-reader-response {
  display: none;
}

.wpcf7-form .wpcf7-not-valid-tip {
  color: #db4f4f;
}

.wpcf7-response-output {
  margin-top: 10px;
  padding: 15px;
}

.wpcf7-response-output.wpcf7-validation-errors {
  border: 2px solid #db4f4f;
  color: rgb(209, 47, 47);
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
  border: 2px solid rgb(135, 219, 79);
  color: rgb(51, 145, 38);
}

/* Pagination */
.pagination-section {
  margin-top: 50px;
}

/* custom */
.button-detail {
  border: none;
  padding: 5px 10px;
  text-transform: inherit;
}

.button-detail a {
  color: white;
}

.right-area-title-name {
  padding-bottom: 16px;
  font-size: 17px;
  color: #606d87;
  text-transform: uppercase;
}

.searchform {
  margin-bottom: 20px;
  background-color: #e9e9e9;
  height: 42px;
}

.searchform div input#s {
  /* width: calc(100% - 60px); */
  height: 42px;
  float: left;
  padding: 0 12px;
  border: none;
  background: none;
}

.searchform div input#searchsubmit {
  /* width: 60px; */
  height: 42px;
  float: right;
  border: none;
  background: #ff9600;
  font-size: 16px;
  color: #fff;
  transition: all 0.3s ease 0s;
}

.none-border-right {
  border-right: none;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background: #ff9600;
}

.our-impotance-custom ul li:nth-child(3n) {
  border-right: none;
}


/* Style learnPress */
.blog-content.blog-list {
  padding: 30px 15px;
}

.blog-content.blog-list article h2.entry-title{
  font-size: 24px;
}

.zujs-wrap-articles {
  padding: 30px 15px;
}

.zujs-wrap-articles .entry-meta,
.zujs-wrap-articles .entry-description {
  margin-bottom: 30px;
}

.nav-single h3{
  font-size: 18px;
}

#lp-archive-courses {
  padding: 30px 15px;
}
#lp-archive-courses .search-course-button {
  background-color: #337ab7;
}

ul.learn-press-courses .course .content {
  margin-bottom: 15px;
}

.lp-course-buttons .lp-button {
  background-color: #337ab7;
}
.lp-course-buttons .lp-button.button-purchase-course {
  background-color: #ff9600;
}
.lp-course-buttons .lp-button.button-enroll-course {
  background-color: #dab872;
}

.lp-button-back button{
  background-color: #337ab7;
}
button.button-complete-lesson{
  background-color: #337ab7;
}

form.start-quiz > button {
  background-color: #337ab7;
}

button#learn-press-checkout-place-order {
  background-color: #337ab7;
}


.course-nav.course-nav-tab-instructor {
  display: none;
}

.lp-single-course {
  padding: 30px 15px;
}
.lp-single-course .course-thumbnail {
  text-align: center;
  margin-bottom: 15px;
}
.learn-press-single-thumbnail > img {
  max-width: 60%;
}

.wrapper-course-thumbnail .img_thumbnail img {
  width: 100%;
}

.thim-related-course .related-title {
  margin-bottom: 10px;
}

/* .learnpress {
  margin: 30px auto;
} */

form.learn-press-checkout > p {
  margin-bottom: 10px;
}

.header-top .zujs-btn-dark {
  color: #fff;
  border-radius: 0;
  background: none;
  outline: none;
}

.header-top .dropdown-menu {
  left: auto !important;
  right: 0;
}

/* ultimate member plugin - custom */
.um {
  opacity: 1 !important;
}

.tml-register,
.tml-lostpassword,
.tml-login,
.tml-resetpass {
  width: 460px;
  margin: 0 auto;
}

.tml-indicator-wrap {
  display: none;
}

form .tml-submit-wrap {
  text-align: center;
  /* background-color: #ff9600; */
}

form .tml-submit-wrap > input {
  background-color: #ff9600;
}

.lp_course .thumbnail {
  position: relative;
}

.lp_course .content .thumbnail .course-tag{
  top: 0; left: 0;
  width: 0;
  height: 0;
  border-top: 86px solid #2e5f85;
  border-right: 86px solid transparent;
  display: inline-block;
  position: absolute;
  z-index: 999;
}

.lp_course .content .thumbnail .course-tag-online {
  border-top: 86px solid #2e5f85;
}
.lp_course .content .thumbnail .course-tag-offline {
  border-top: 86px solid #ff9600;
}

.lp_course .content .thumbnail .course-tag .course-tag-text {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  position: absolute;
  top: -67px;
  display: inline-block;
  left: 0px;
  color: rgba(255,255,255,.8);
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
}