/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');*/

/*!
Theme Name: CapSource
Theme URI: https://capsource.io/
Author: Capstone Source - Team
Author URI: https://capsource.io/
Description: Capstone Source Main Theme
Version: 1.0.0
Text Domain: capstonesourceG82
*/

/*
[ CSS Table of contents ]
* Global CSS
* Header CSS
  + Topbar
  + Logo
  + Widget
  + Main Menu
  + Search
* Hero Slider CSS
* Slider CSS
* About Us CSS
* Skill CSS
* services CSS
* Call To Action CSS
* Why Choose CSS
* Projects CSS
  + Latest Project CSS
  + Projects Single CSS
* Team CSS
* Testimonials CSS
* Request Call CSS
* Pricing Table CSS
* FAQ Table CSS
* Blog CSS
  + Latest Blog CSS
  + Blog Archive CSS
  + Blog Sidebar CSS
  + Blog Single CSS
* Clients CSS
* Footer  CSS
========================================*/

/** Font face **/
@font-face {
  font-family: "Avenir-Book";
  src: url("webfonts/avenir/Avenir-Book.eot?#iefix") format("embedded-opentype"),
    url("webfonts/avenir/Avenir-Book.woff") format("woff"),
    url("webfonts/avenir/Avenir-Book.ttf") format("truetype"),
    url("webfonts/avenir/Avenir-Book.svg#Avenir-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}
html {
  scroll-behavior: smooth;
}
hr {
  border-color: #000;
}
.btn {
  background-image: unset !important;
}
.img-200.wpb_single_image .vc_figure {
  height: auto;
  max-width: 200px;
}
.img-300.wpb_single_image .vc_figure {
  height: auto;
  max-width: 300px;
}
.img-360.wpb_single_image .vc_figure {
  height: auto;
  max-width: 360px;
}
.icon-100.wpb_single_image .vc_figure {
  height: 100px;
  max-width: 100px;
}
.white-text p {
  color: #fff !important;
}
.white-block * {
  color: #fff !important;
}
.hover-white-underline:hover {  
  color: #fff !important;
  text-decoration: underline !important;
}
.fs-12 {
  font-size: 12px;
}
.fw-500 {
  font-weight: 500;
}
.bold {
  font-weight: 600;
}
.text-left {
  text-align: left;
}
/* css */
.cap-btn {
  display: inline-block;
}
.float-right {
  float: right;
}
.cstm-badge {
  color: #fff;
  font-weight: lighter;
  padding: 2px 20px;
  border: 1px solid;
  border-radius: 99px;
}
.badge-danger {
  background-color: #ce3b3b;
  border-color: #ce3b3b;
}
.badge-danger-outline {
  color: #ce3b3b;
  border: 1px solid #ce3b3b;
}
.badge-success {
  background-color: #3cc13b;
  border-color: #3cc13b;
}
.badge-success-outline {
  color: #3cc13b;
  border: 1px solid #3cc13b;
}

/* headings */
h4 {
  line-height: 1.8 !important;
}
h4 + h4 {
  margin-top: 8px;
}

/* Deliverable Table */
.deliverable-table .cstm-badge {
  margin-left: 15px;
}
.deliverable-table .del-icon a {
  color: #bcbcbc;
}
.deliverable-table .del-icon a:hover {
  color: #ce3b3b;
}
.deliverable-table .filename a {
  color: black;
}
.deliverable-date span {
  color: #666666;
}
.deliverable-table td .dot {
  margin: 0 5px;
  font-weight: bolder;
}

/* custom style */
@media screen and (max-width: 768px) {
  .tabs-mob-fix {
    display: block !important;
    padding: 0 15px;
  }
}

/* === Pagination === */
.cap-pagination-wrapper {
  text-align: right;
}
.cap-pagination {
  margin-bottom: 80px;
  display: inline-block;
}
.cap-pagination .page-numbers {
  padding: 2px 6px;
  display: block;
  float: left;
  line-height: 1;
  font-size: 18px;
  color: #000;
  margin: 0 3px;
}
.cap-pagination .page-numbers.current {
  border: 1px solid;
  border-radius: 4px;
}

html {
  overflow: inherit !important;
}
/* === Vue Pagination === */
.v-pagination {
  margin-bottom: 80px !important;
}
.v-pagination .v-pagination__more,
.v-pagination .v-pagination__navigation {
  color: #000;
}
.v-pagination li > button {
  box-shadow: unset !important;
  padding: 2px 6px;
  font-size: 18px;
  color: #000;
  margin: 0 3px;
}
.v-pagination li > button.v-pagination__navigation > i {
  color: #000 !important;
}
.v-pagination li > button.v-pagination__item--active {
  border: 1px solid;
  border-radius: 4px;
  background: transparent !important;
}
.v-divider {
  margin: 0;
}

/* vue post listing style */
.v-application .row::before {
  content: unset !important;
}
.btn.btn-primary.v-btn {
  box-shadow: unset !important;
}
.filter-tags .row {
  text-align: left;
}
.v-application .container.filter-wrapper {
  margin-bottom: 0 !important;
}
.v-application .v-text-field .v-label {
  font-weight: lighter !important;
}

.listing-card {
  box-shadow: 0 0 5px 0 rgba(212, 221, 223, 0.85) !important;
}
.listing-title {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  margin: 0;
  margin-bottom: 10px;
}
.listing-title a {
  text-decoration: none;
}
.v-application .v-image.v-responsive.grey.lighten-2 {
  background: transparent !important;
}
.listing-card .logo-wrapper {
  padding: 40px 20px;
  border: 1px solid #ddd !important;
  display: block;
}
.listing-card .logo-wrapper:hover {
  box-shadow: 0 0 5px 0 rgba(212, 221, 223, 0.85);
}
.listing-card .logo-wrapper .v-image {
  margin: 0 auto;
}
.logo-wrapper-title p {
  font-size: 16px;
  padding: 10px 25px;
  text-align: center;
}
.info-cols {
  margin-right: -2px;
}
.info-cols > div {
  border: 1px solid #ddd;
  margin-top: -1px;
  margin-right: -1px;
}
.info-cols > div:first-child {
  border-left: 0px;
}
.info-cols > div:last-child {
  border-right: 0px;
}
@media screen and (max-width: 599px) {
  .info-cols > div {
    border-left: 0px;
    border-right: 0px;
  }
  .v-application .filter-counter .counter-inner > div > a {
    margin-right: 5px;
    margin-left: 5px;
  }
  .v-application .counter-inner a {
    display: inline-block;
  }
  .v-application .counter-inner a > span {
    display: inline-block;
  }
  .v-application .container.filter-tags .col {
    padding-bottom: 0 !important;
  }
  .v-application .container.filter-tags .col > span {
    margin-bottom: 12px;
  }
  .v-application h4.float-left.py-4.ml-8.mr-3 {
    padding-bottom: 0px !important;
    margin-left: 15px !important;
  }
  .v-application h4.float-left.py-4.ml-8.mr-3 + div {
    padding-top: 0;
  }
}

/* vue post listin style */

/*==============Generic  classes==========================*/
a:focus {
  text-decoration: none !important;
}
body .ts-advanced-tables-container table.ts-advanced-tables-theme-simplelittle {
  text-shadow: unset !important;
}
.modal-backdrop {
  z-index: 0 !important;
}
/* gradient list */
ol.gradient-list > li,
ol.gradient-list > li::before {
  box-shadow: 1px 1px 7px -4px #000;
}

main.gradient-list-wrapper {
  display: block;
  margin: 0 auto;
  max-width: 40rem;
  padding: 1rem;
}
ol.gradient-list {
  counter-reset: gradient-counter;
  list-style: none;
  margin: 1.75rem 0;
  padding-left: 1rem;
}
ol.gradient-list > li {
  background: white;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  counter-increment: gradient-counter;
  margin-top: 1rem;
  min-height: 3rem;
  padding: 1rem 1rem 1rem 3rem;
  position: relative;
  margin-bottom: 25px;
}
ol.gradient-list > li::before,
ol.gradient-list > li::after {
  border-radius: 1rem 1rem 0 1rem;
  content: "";
  height: 3rem;
  left: -1rem;
  overflow: hidden;
  position: absolute;
  top: -1rem;
}
ol.gradient-list > li::before {
  align-items: flex-end;
  content: counter(gradient-counter);
  color: #fff;
  display: flex;
  font-size: 16px;
  justify-content: flex-end;
  padding: 2px 4px;
  z-index: 1;
  min-width: 3rem;
}

.shadowed-list > li {
  background: white;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 600;
  padding: 15px 25px;
  margin-bottom: 30px;
  box-shadow: 1px 1px 7px -4px #000;
}
.shadowed-list > li:hover {
  background: #fbfbfb;
}

/* gravity form custom upload button */
.gf-cstm-upload-btn > div {
  position: relative !important;
  height: 40px;
  width: 140px;
  overflow: hidden !important;
  background: #f5f8fa;
  z-index: 9;
  border-radius: 5px;
  border: 1px solid #dddddd;
  cursor: pointer;
}
.gf-cstm-upload-btn > div::before {
  all: unset !important;
  position: absolute !important;
  content: "Upload File" !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  left: 0 !important;
  padding-top: 8px !important;
  cursor: pointer !important;
  text-align: center !important;
}
.gf-cstm-upload-btn > .gfield_description.validation_message::before {
  content: "Upload File Again" !important;
}
.gf-cstm-upload-btn > div:hover {
  border-color: #bbbbbb;
}
.gf-cstm-upload-btn > div input[type="file"] {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  margin: 0;
  opacity: 0;
  cursor: pointer;
  transform: scale(3);
  transform-origin: left;
  z-index: 9;
}
.gf-cancel-icon {
  cursor: pointer;
  color: red;
}
.success-msg {
  text-align: center;
  color: #3cc13b;
  font-weight: 500;
  font-size: 18px;
}
.failed-msg {
  text-align: center;
  color: red;
  font-weight: 500;
  font-size: 18px;
}

.educator-submission {
  background: #f5f5f5;
  margin-top: 20px;
  padding: 30px;
}
.text-red {
  color: #d42836;
}
.submission-empty-section {
  text-align: center;
  font-size: 25px;
  padding: 150px;
  border: 2px dotted #626262;
}

.gf-cstm-upload-btn > div input[type="file"].gform_hidden {
  display: block !important;
  max-height: unset !important;
}
/*bk*/
.gform_wrapper li.field_sublabel_below label.gfield_label {
  margin-top: 12px;
}
#field_19_35 #input_19_35 {
  margin-top: 0px !important;
}
#field_19_35 label {
  margin-bottom: 5px;
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield {
  padding-top: 8px !important;
  padding-bottom: 6px !important;
}
#gform_19 li.gfield {
  position: relative;
}
#gform_19 .validation_message {
  position: absolute;
  left: 0;
}
.upcoming-webinar-heading {
  background: #cc3131;
  color: #fff;
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.upcoming-webinar-list {
  list-style: none;
  max-height: 300px;
  overflow: auto;
  padding: 0 10px;
}
.upcoming-webinar-list li {
  display: block;
  background: #f5f5f5;
  padding: 8px;
  margin-bottom: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
  border-radius: 4px;
}
.upcoming-webinar-list li:hover {
}
.upcoming-webinar-list li span {
  display: inline-block;
  overflow: hidden;
}
.upcoming-webinar-list li span.text-left {
  float: left;
  padding-top: 8px;
  clear: left;
}
.upcoming-webinar-list li span.text-right {
  float: right;
}
.upcoming-webinar-list .btn-register {
  margin-top: 10px;
}
.past-webinar-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.past-webinar-list li {
  min-height: 115px;
  border: 1px solid #eee;
  width: 46%;
  margin: 0 10px 20px 10px;
  text-align: center;
  padding: 15px;
  box-shadow: 0px 2px 3px 0px #f7931d;
  transition: all 0.3s ease;
}
.past-webinar-list li:hover {
  box-shadow: 0px 2px 6px 0px #f7931d;
}
.past-webinar-list li .btn-register {
  margin: 10px 0;
}
.past-webinar-list li span:nth-child(1) {
  display: block;
}

.bg-company-logo {
  border: 1px solid #f3f3f3;
  transition: all 0.3s ease;
  position: relative;
  height: 170px;
  width: 170px;
  border-radius: 50%;
  padding-top: 20px;
  margin: 0 auto;
}
/*.bg-company-logo{ border: 1px solid #F3F3F3;transition: all 0.3s ease;position: relative;height: 240px;width: 240px;border-radius: 50%;padding-top: 41px;margin: 0 auto;overflow: hidden;}*/
.bg-company-logo:hover {
  box-shadow: 0 2px 5px 0 #999;
  transition: all 0.3s ease;
}
.bg-company-logo img {
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.bg-company-logo figure {
  text-align: center;
  display: block !important;
  overflow: hidden;
  border-radius: 99%;
}

.bg-company-logo.preferred-partner::after {
  position: absolute;
  content: "";
  width: 150px;
  height: 48px;
  background-size: cover;
  background-image: url(https://capsource.io/wp-content/uploads/2020/11/badge-2.png);
  bottom: -10px;
  left: -1%;
}
@media only screen and (max-width: 767px) {
  .bg-company-logo.preferred-partner::after {
    width: 130px;
    height: 40px;
    bottom: -10px;
    left: -2%;
  }
}
/* new logo style */
.bg-company-logo-border {
  border: 2px solid #ef8365;
  transition: all 0.3s ease;
  position: relative;
  height: 170px;
  width: 170px;
  border-radius: 50%;
  padding-top: 20px;
  margin: 0 auto;
  margin-top: 50px;
}
/* .bg-company-logo-border::before {
  position: absolute;
  content: "Prefered Partner";
  top: -55px;
  left: calc(50% - 100px);
  border-radius: 99px;
  background: #CC3131;
  color: white;
  padding: 6px;
  width: 200px;
  text-align: center;
  font-size: 18px;
}
.bg-company-logo-border::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -18px;
  left: calc(50% - 8px);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #CC3131;
} */
.bg-company-logo-border figure {
  border-radius: 99px;
  overflow: hidden;
}
.bg-company-logo-border:hover {
  box-shadow: 0 2px 5px 0 #999;
  transition: all 0.3s ease;
}
.bg-company-logo-border img {
  width: 80%;
  height: auto;
  margin: 0 auto;
}
.bg-company-logo-border figure {
  text-align: center;
  display: block !important;
}

.hs-iframe-widget {
  background: #cc3131;
  padding: 40px 20px;
  margin-top: -120px;
  border-radius: 10px 10px 0px 0px;
  box-shadow: 0px 1px 6px 0px #222;
}
.hs-form-iframe {
  width: 100% !important;
}
.hs-iframe-widget iframe > .hs-form-field label {
  color: #fff !important;
}
.hs-iframe-widget .hs_submit .actions .hs-button {
  background: #f7931d !important;
}
.social-icons-list li {
  display: inline-block;
}
.main-nav-cstm .dropdown-submenu {
  position: relative;
}
.main-nav-cstm .dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 0.8em;
}
.font-bold {
  font-weight: bold;
}
ul.resources-list,
ul.resources-list li {
  padding-left: 15px;
  list-style: circle !important;
}
ul.resources-list li {
  padding-bottom: 10px;
}

.main-nav-cstm .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}
/*to show the arrow */
.main-nav-cstm .dropdown-submenu a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 0.8em;
}
.main-nav-cstm .dropdown-toggle a::after {
  transform: rotate(-90deg);
  position: absolute;
  right: 6px;
  top: 0.8em;
}
.main-nav-cstm .dropdown-menu {
  padding: 0;
  background-color: #cc3131 !important;
  border: 0;
  min-width: 180px;
}
.main-nav-cstm ul.dropdown-menu a {
  padding: 12px 15px;
  text-transform: capitalize;
  font-size: 16px !important;
  color: #fff;
}
.main-nav-cstm ul.dropdown-menu a:focus,
.main-nav-cstm ul.dropdown-menu a:hover,
.main-nav-cstm ul.dropdown-menu li.active a {
  color: #fff;
  background-color: #f7931d;
  background-image: unset !important;
}
.main-nav-cstm ul.dropdown-menu a span.caret {
  transform: rotate(-90deg);
  margin-left: 5px;
  border-right-width: 6px;
  border-left-width: 6px;
  border-top-width: 6px;
}
.main-nav-cstm .dropdown-menu,
.dropdown-menu .dropdown-menu {
  transform-origin: 50% 0 !important;
  transform: scaleY(0) translateZ(0) !important;
  opacity: 0 !important;
  display: block !important;
  transition: transform 0.3s, opacity 0.3s !important;
}
.main-nav-cstm .open > .dropdown-menu,
.dropdown-menu.show {
  transform: scaleY(1) translateZ(0) !important;
  opacity: 1 !important;
  z-index: 9999;
}
.main-nav-cstm ul.dropdown-menu li ul.dropdown-menu {
  left: 100% !important;
}
.main-nav-cstm.sticky {
  position: fixed !important;
  width: 100%;
  animation: fadeInDown 0.8s both 0s;
  z-index: 50;
  background: #fff;
  border-radius: 0;
  box-shadow: 0 0 10px -5px black;
}
.main-nav-cstm {
  position: relative;
  min-height: 80px;
  margin-bottom: 0;
  border-bottom: 1px solid #eee;
  padding: 20px;
}
.main-nav-cstm .navbar-toggle {
  background-color: transparent;
  border: 1px solid #cc3131;
}
.main-nav-cstm .icon-bar {
  background: #cc3131;
}

.main-nav-cstm .logo img {
  height: 45px;
  margin-top: 6px;
}
.main-nav-cstm .logo .trans-logo {
  display: none;
}
.main-nav-cstm .nav > li > a::after {
  display: block;
  content: "";
  position: absolute;
  left: calc(50% - 45%);
  bottom: -0.4em;
  margin: 0 auto -2px;
  height: 2px;
  width: 90%;
  background-color: #333333;
  opacity: 0;
  transition: all 0.3s;
}
.main-nav-cstm .nav > li.current_page_parent > a::after,
.main-nav-cstm .nav > li.current_page_parent > a:hover::after,
.main-nav-cstm .nav > li > a:hover::after {
  bottom: 5px;
  opacity: 1;
}
.main-nav-cstm .nav > li.current_page_parent > a::after {
  background-color: #cc3131;
}
.main-nav-cstm .nav > li > a,
.main-nav-cstm .nav > li > a:focus,
.main-nav-cstm .nav > li > a:hover {
  background: transparent !important;
  /* font-size: 16px; */
  color: #000;
  text-transform: uppercase;
}
#filter-area {
  position: relative !important;
}
/* .edu-btn-style a{background: #ff9902 !important;color:#fff !important;} */
/* .vc_tta-tabs-list li.vc_active{background-color: #CC3131 !important;} */
body,
.site-main-content {
  overflow-x: hidden !important;
}
::selection {
  color: #fff;
  background: #f7931d;
}
hr {
  border-color: #ccd7e3;
}
body.page-template-user-login .site-main-content,
body.page-template-user-registration .site-main-content,
body.single-post .site-main-content,
body.page-template-experiential-educator-profile .site-main-content {
  overflow-x: unset !important;
}
body .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
  display: block !important;
}
body .vc_tta.vc_general .vc_tta-panel-heading {
  display: none !important;
}

body.page-id-433 .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
  display: inherit !important;
}
body.page-id-433 .vc_tta.vc_general .vc_tta-panel-heading {
  display: block !important;
}

/*bk*/
.hide-last-mg {
  margin-right: 0px !important;
}
.generic-bs-popup button.close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 35px;
  opacity: 1;
}
.generic-bs-popup .list-disc li {
  margin: 20px 0px;
}
.generic-bs-popup .modal-lg {
  width: 930px;
}
.generic-bs-popup .list-disc li h4 {
  font-size: 24px;
  color: #666;
}
.generic-bs-popup .modal-body {
  padding-top: 0px;
  padding: 0px 25px 0px 25px;
}
.generic-bs-popup .modal-body ol {
  margin-left: 20px;
}
.generic-bs-popup .modal-body ol li {
  list-style: none;
  position: relative;
  line-height: 30px;
  font-size: 14px;
}
.generic-bs-popup .modal-body ol li::after {
  position: absolute;
  font-family: fontAwesome;
  content: "\f00c";
  left: -20px;
  top: 2px;
  color: #f4a641;
}

.generic-bs-popup .modal-header {
  border-bottom: 0px !important;
  padding: 25px 25px 0px 25px;
}
.generic-bs-popup .modal-header h2 {
  margin-bottom: 20px;
  font-size: 32px;
  font-family: "Avenir-Book";
  font-weight: 700;
}
.generic-bs-popup .modal-header p {
  text-align: left;
  color: #2c2d3f;
  font-size: 14px;
}
.generic-bs-popup .modal-footer {
  border-top: 0px !important;
  padding: 25px 25px 25px 25px;
}
.generic-bs-popup {
  text-align: left !important;
}
.generic-vc-col-data img {
  display: inline-block;
  width: 100px;
  margin-bottom: 20px;
  max-height: 90px;
}
.generic-vc-col-data h4,
.generic-vc-col-data p {
  margin-bottom: 20px;
}
.generic-vc-col-data p {
  min-height: 155px;
}
.row-equal-height .col:hover {
  /*background: #F4A641; transition: .5s background linear;*/
}
/*.row-equal-height .col:hover .generic-vc-col-data p,
.row-equal-height .col:hover .generic-small-btn button{color:#2C2D3F!important;}*/
.row-equal-height {
  display: flex; /* width:100%; */
}
body:not(.single-companies) .row-equal-height .col .generic-small-btn {
  position: relative; /*left: 0; right: 0; bottom: 20px;*/
}
.row-equal-height .col {
  flex: 1;
  position: relative;
  transition: 0.4s box-shadow ease-in-out;
  margin: 0px 10px;
  background-color: #f0f0f0;
}
.row-equal-height .col:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19),
    0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19),
    0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.generic-vc-col-data {
  padding: 20px 0px;
}
body .ts-advanced-tables-container .ts-advanced-tables-wrapper {
  height: auto !important;
  margin: 30px 0px !important;
}
.ts-advanced-tables-container
  table.ts-advanced-tables-theme-simplelittle
  tr
  td {
  border-top: 1px solid #e0e0e0 !important;
  font-size: 15px !important;
}
.ts-advanced-tables-container
  table.ts-advanced-tables-theme-simplelittle
  tr
  td
  ul
  li {
  line-height: 30px !important;
}
.ts-advanced-tables-container
  table.ts-advanced-tables-theme-simplelittle
  tr
  td
  .page-id-2424
  .site-main-content,
.page-id-2397 .site-main-content {
  background: #f5f5f5;
}
.col-min-height {
  height: 350px;
  margin-bottom: 35px;
}
.mg {
  margin: 0px !important;
}
.white-backgroud {
  background: #fff;
}
.site-main-content {
  /*background: #F5F5F5;*/
  background: #fff;
}
.container-school {
  background: #f0f0f0;
}
.page-id-2406 .site-main-content {
  background: #fff;
}
.icon-horizontal {
  display: inline-block !important;
}
.icon-flex .wpb_wrapper {
  display: flex;
}
.icon-flex .vc_icon_element-inner {
  margin: 0px 10px !important;
}
.icon-flex .vc_icon_element-inner:first-child {
  margin-left: 0px !important;
}
.purple-transparent-btn button,
.dark-purple-btn button {
  position: relative;
  z-index: 1000;
  border: 2px solid #66525f !important;
  border-radius: 0px !important;
  background: transparent !important;
  color: #66525f !important;
  padding: 0 1.8em !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 2.8 !important;
}
.dark-purple-btn button {
  background: #66525f !important;
  color: #fff !important;
  text-transform: uppercase;
}
.purple-transparent-btn button::after {
  position: absolute;
  content: " ";
  width: 100%;
  background: #66525f;
  height: 0%;
  z-index: -1;
  left: 0;
  transition: 0.3s height;
}
.dark-purple-btn button::after {
  position: absolute;
  content: " ";
  width: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  top: 0;
  z-index: 0;
  height: 0%;
  left: 0;
  transition: 0.3s height;
}
.dark-purple-btn button:hover::after {
  height: 100%;
}
.purple-transparent-btn button:hover {
  color: #fff !important;
}
.purple-transparent-btn button:hover::after {
  height: 100%;
}
.font-size-20 p {
  font-size: 20px;
  line-height: 28px;
  color: #66525f;
}
.orange-card-header .pricing-table {
  background: none;
}
.orange-card-header {
  background: #f4a641;
  border-radius: 10px 10px 0px 0px;
}
.orange-card-header .pricing-table h5,
.orange-card-header .pricing-table .price,
.orange-card-header .pricing-table small {
  color: #fff !important;
}
.pricing-table-wrapper.border-radius .vc_column-inner > .wpb_wrapper {
  border-radius: 10px;
}
.orange-text {
  color: #f4a641;
}
.orange-text:hover {
  text-decoration: none;
  color: #cc3131;
}
.heading-h3 h3 {
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 45px !important;
}
.heading-h3-light h3 {
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 45px !important;
  color: #66525f;
}
.order-list-setting li {
  list-style: inherit;
  font-size: 16px;
  line-height: 30px;
}
.order-list-setting li strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: #66525f;
}
.order-list-setting li ol {
  padding-left: 20px;
}
.order-list-setting li span {
  color: #66525f;
}
.heading-light-h2 h2 {
  font-size: 38px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #66525f;
}
.heading-dark-h2 h2 {
  font-size: 38px !important;
  line-height: 1.4 !important;
  font-weight: 700;
  color: #66525f;
}
.default-ul-styling ul li {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  list-style: outside;
}
.scroll-top-effect {
  display: flex;
  justify-content: center;
}
.scroll-top-effect li {
  padding: 15px 15px !important;
  position: relative;
}
.scroll-top-effect li a {
  color: #fff;
}
#history .vc_tta-tabs-list {
  margin-bottom: 30px !important;
}

/*================School listing page======================*/

.listing-generic-wrapper .post-title {
  font-size: 31px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #f4a641;
}
.listing-generic-wrapper .logo-area {
  width: 150px;
  margin-right: 20px;
}
.listing-generic-wrapper .description,
.listing-generic-wrapper .buttom-area {
  font-weight: 400;
  color: #66525f;
  font-size: 15px;
  font-family: "Avenir-Book";
  margin-bottom: 15px;
}
.listing-generic-wrapper table tr {
  display: block;
  margin-bottom: 40px;
}
.detail-content {
  padding: 0px 30px;
  width: 545px;
}
.detail-content > a {
  display: block;
}
.listing-generic-wrapper .buttom-area > a:hover,
.detail-content > a:hover h4,
.description > a:hover {
  color: #cc3131 !important;
  text-decoration: none !important;
  transition: 0.4s linear;
}
.listing-generic-wrapper .description {
  font-weight: 600 !important;
}
.listing-generic-wrapper #reactive-root span.reuseAutoSearchIcon___1tAQ6 {
  color: #f4a641 !important;
}
#reactive-root .reuseInputField___kvu7a.reuseInputField___ {
  border: 1px solid #eee !important;
}
#reactive-root .ReactiveGridLoadMore___aGdbd {
  background: #cc3131 !important;
}
#reactive-root .ReactiveGridLoadMore___aGdbd:hover {
  background: #aa2626 !important;
}
.company-single-main-h5-styling {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #66525f;
  font-family: "Avenir-Book";
  line-height: 45px;
}
p.company-single-main-p-styling {
  text-align: center;
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 28px;
  font-family: "Avenir-Book";
}
.companies-list-buttons {
  margin: 20px 0px !important;
}
.btn-grey {
  background: #ebe6e9;
  border: 0px;
  /*min-width: 160px;*/
  height: 40px;
  line-height: 40px;
  padding: 0px 30px !important;
  border-radius: 0px !important;
  color: #333;
  position: relative;
  z-index: 1000;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  display: inline-block;
  text-align: center;
}
.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseFormWrapper___30qo6
  .reuseLabel___2ggDa {
  font-size: 22px !important;
  color: #f4a641 !important;
}
.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckbox___3EAJn
  + label
  span.reuseItemCount___wu_k1 {
  background-color: #ebe6e9 !important;
  color: #333 !important;
}

.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckbox___3EAJn
  + label
  span {
  font-size: 14px !important;
  color: #000 !important;
}

.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckboxParrentWrapper___37u4F {
  max-height: inherit !important;
}
.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckboxWrapper___7eo4t:nth-child(4),
.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckboxWrapper___7eo4t:nth-child(7),
.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckboxWrapper___7eo4t:nth-child(20) {
  display: none;
}
.react-grid-layout.layout.reactiveGridContentsInner___ {
  border: 1px solid #eee;
  box-shadow: 0px 0px 1px 1px #eee;
}
/*==============End Generic btn classes==========================*/
body.admin-bar .header .sticky {
  top: 30px;
}
.sticky-menu {
  position: fixed;
  top: 74px;
  z-index: 1000;
  background: #f4a641;
  width: 100%;
  left: 0;
}
.wrap-educational-btn .btn.btn-educational-page {
  background: #ebe6e9;
  color: #301c2a;
  border-radius: 0px !important;
}

/*=================Company Listin Page=======================*/
.listing-col {
  display: flex;
  align-items: center;
  padding: 35px;
  border: 1px solid #eee;
  background: #fbfbfb;
  margin-bottom: 10px;
}
.generic-bs-popup button.close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 35px;
  color: #000;
  opacity: 1;
}
.generic-bs-popup .list-disc li {
  margin: 20px 0px;
}
.generic-bs-popup .modal-lg {
  width: 930px;
  top: 40px;
}
@media (max-width: 992px) {
  .generic-bs-popup .modal-lg {
    width: 90%;
    margin: 0 auto;
    top: 60px;
  }
}
.generic-bs-popup .list-disc li h4 {
  font-size: 24px;
  color: #666;
}
.generic-bs-popup .modal-body {
  padding-top: 0px;
  padding: 0px 25px 0px 25px;
}
.generic-bs-popup .modal-body ol {
  margin-left: 20px;
}
.generic-bs-popup .modal-body ol li {
  list-style: none;
  position: relative;
  line-height: 30px;
  font-size: 14px;
}
.generic-bs-popup .modal-body ol li::after {
  position: absolute;
  font-family: fontAwesome;
  content: "\f00c";
  left: -20px;
  top: 2px;
  color: #f4a641;
}

.generic-bs-popup .modal-header {
  border-bottom: 0px !important;
  padding: 25px 25px 0px 25px;
}
.generic-bs-popup .modal-header h2 {
  margin-bottom: 20px;
  font-size: 32px;
  font-family: "Avenir-Book";
  font-weight: 700;
}
.generic-bs-popup .modal-header p {
  text-align: left;
  color: #2c2d3f;
  font-size: 14px;
}
.generic-bs-popup .modal-footer {
  border-top: 0px !important;
  padding: 25px 25px 25px 25px;
}
.generic-bs-popup {
  text-align: left !important;
}
.generic-vc-col-data img {
  display: inline-block;
  width: 100px;
  margin-bottom: 20px;
  max-height: 90px;
}
.generic-vc-col-data h4,
.generic-vc-col-data p {
  margin-bottom: 20px;
}
.generic-vc-col-data p {
  min-height: 155px;
}
.row-equal-height .col:hover {
  /*background: #F4A641; transition: .5s background linear;*/
}
/*.row-equal-height .col:hover .generic-vc-col-data p,
.row-equal-height .col:hover .generic-small-btn button{color:#2C2D3F!important;}*/
.row-equal-height {
  display: flex; /* width:100%; */
}
body:not(.single-companies) .row-equal-height .col .generic-small-btn {
  position: relative; /*left: 0; right: 0; bottom: 20px;*/
}
.row-equal-height .col {
  flex: 1;
  position: relative;
  transition: 0.4s box-shadow ease-in-out;
  margin: 0px 10px;
  background-color: #f0f0f0;
}
.row-equal-height .col:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19),
    0 6px 6px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19),
    0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.generic-vc-col-data {
  padding: 20px 0px;
}
body .ts-advanced-tables-container .ts-advanced-tables-wrapper {
  height: auto !important;
  margin: 30px 0px !important;
}
.ts-advanced-tables-container
  table.ts-advanced-tables-theme-simplelittle
  tr
  td {
  border-top: 1px solid #e0e0e0 !important;
  font-size: 15px !important;
}
.ts-advanced-tables-container
  table.ts-advanced-tables-theme-simplelittle
  tr
  td
  ul
  li {
  line-height: 30px !important;
}
.ts-advanced-tables-container
  table.ts-advanced-tables-theme-simplelittle
  tr
  td
  .page-id-2424
  .site-main-content,
.page-id-2397 .site-main-content {
  background: #f5f5f5;
}
.col-min-height {
  height: 350px;
  margin-bottom: 35px;
}
.mg {
  margin: 0px !important;
}
.white-backgroud {
  background: #fff;
}
.site-main-content {
  /*background: #F5F5F5;*/
  background: #fff;
}
.container-school {
  background: #f0f0f0;
}
.page-id-2406 .site-main-content {
  background: #fff;
}
.icon-horizontal {
  display: inline-block !important;
}
.icon-flex .wpb_wrapper {
  display: flex;
}
.icon-flex .vc_icon_element-inner {
  margin: 0px 10px !important;
}
.icon-flex .vc_icon_element-inner:first-child {
  margin-left: 0px !important;
}
.purple-transparent-btn button,
.dark-purple-btn button {
  position: relative;
  z-index: 1000;
  border: 2px solid #66525f !important;
  border-radius: 0px !important;
  background: transparent !important;
  color: #66525f !important;
  padding: 0 1.8em !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 2.8 !important;
}
.dark-purple-btn button {
  background: #66525f !important;
  color: #fff !important;
  text-transform: uppercase;
}
.purple-transparent-btn button::after {
  position: absolute;
  content: " ";
  width: 100%;
  background: #66525f;
  height: 0%;
  z-index: -1;
  left: 0;
  transition: 0.3s height;
}
.dark-purple-btn button::after {
  position: absolute;
  content: " ";
  width: 100%;
  background-color: rgba(0, 0, 0, 0.15);
  top: 0;
  z-index: 0;
  height: 0%;
  left: 0;
  transition: 0.3s height;
}
.dark-purple-btn button:hover::after {
  height: 100%;
}
.purple-transparent-btn button:hover {
  color: #fff !important;
}
.purple-transparent-btn button:hover::after {
  height: 100%;
}
.font-size-20 p {
  font-size: 20px;
  line-height: 28px;
  color: #66525f;
}
.orange-card-header .pricing-table {
  background: none;
}
.orange-card-header {
  background: #f4a641;
  border-radius: 10px 10px 0px 0px;
}
.orange-card-header .pricing-table h5,
.orange-card-header .pricing-table .price,
.orange-card-header .pricing-table small {
  color: #fff !important;
}
.pricing-table-wrapper.border-radius .vc_column-inner > .wpb_wrapper {
  border-radius: 10px;
}
.orange-text {
  color: #f4a641;
}
.orange-text:hover {
  text-decoration: none;
  color: #cc3131;
}
.heading-h3 h3 {
  font-size: 30px !important;
  font-weight: 700 !important;
  line-height: 45px !important;
}
.heading-h3-light h3 {
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 45px !important;
  color: #66525f;
}
.order-list-setting li {
  list-style: inherit;
  font-size: 16px;
  line-height: 30px;
}
.order-list-setting li strong {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  color: #66525f;
}
.order-list-setting li ol {
  padding-left: 20px;
}
.order-list-setting li span {
  color: #66525f;
}
.heading-light-h2 h2 {
  font-size: 38px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  color: #66525f;
}
.heading-dark-h2 h2 {
  font-size: 38px !important;
  line-height: 1.4 !important;
  font-weight: 700;
  color: #66525f;
}
.default-ul-styling ul li {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  list-style: outside;
}
.scroll-top-effect {
  display: flex;
  justify-content: center;
}
.scroll-top-effect li {
  padding: 15px 15px !important;
  position: relative;
}
.scroll-top-effect li a {
  color: #fff;
}
#history .vc_tta-tabs-list {
  margin-bottom: 30px !important;
}

/*================School listing page======================*/

.listing-generic-wrapper .post-title {
  font-size: 31px;
  font-weight: 400;
  margin-bottom: 20px;
  color: #f4a641;
}
.listing-generic-wrapper .logo-area {
  width: 150px;
  margin-right: 20px;
}
.listing-generic-wrapper .description,
.listing-generic-wrapper .buttom-area {
  font-weight: 400;
  color: #66525f;
  font-size: 15px;
  font-family: "Avenir-Book";
  margin-bottom: 15px;
}
.listing-generic-wrapper table tr {
  display: block;
  margin-bottom: 40px;
}
.detail-content {
  padding: 0px 30px;
  width: 545px;
}
.detail-content > a {
  display: block;
}
.listing-generic-wrapper .buttom-area > a:hover,
.detail-content > a:hover h4,
.description > a:hover {
  color: #cc3131 !important;
  text-decoration: none !important;
  transition: 0.4s linear;
}
.listing-generic-wrapper .description {
  font-weight: 600 !important;
}
.listing-generic-wrapper #reactive-root span.reuseAutoSearchIcon___1tAQ6 {
  color: #f4a641 !important;
}
#reactive-root .reuseInputField___kvu7a.reuseInputField___ {
  border: 1px solid #eee !important;
}
#reactive-root .ReactiveGridLoadMore___aGdbd {
  background: #cc3131 !important;
}
#reactive-root .ReactiveGridLoadMore___aGdbd:hover {
  background: #aa2626 !important;
}
.company-single-main-h5-styling {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  color: #66525f;
  font-family: "Avenir-Book";
  line-height: 45px;
}
p.company-single-main-p-styling {
  text-align: center;
  font-size: 16px;
  font-weight: 700 !important;
  line-height: 28px;
  font-family: "Avenir-Book";
}
.companies-list-buttons {
  margin: 20px 0px !important;
}
.btn-grey {
  background: #ebe6e9;
  border: 0px;
  /*min-width: 160px;*/
  height: 40px;
  line-height: 40px;
  padding: 0px 30px !important;
  border-radius: 0px !important;
  color: #333;
  position: relative;
  z-index: 1000;
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  display: inline-block;
  text-align: center;
}
.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseFormWrapper___30qo6
  .reuseLabel___2ggDa {
  font-size: 22px !important;
  color: #f4a641 !important;
}
.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckbox___3EAJn
  + label
  span.reuseItemCount___wu_k1 {
  background-color: #ebe6e9 !important;
  color: #333 !important;
}

.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckbox___3EAJn
  + label
  span {
  font-size: 14px !important;
  color: #000 !important;
}

.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckboxParrentWrapper___37u4F {
  max-height: inherit !important;
}
.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckboxWrapper___7eo4t:nth-child(4),
.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckboxWrapper___7eo4t:nth-child(7),
.react-grid-layout.layout.reactiveGridContentsInner___
  .reuseCheckboxWrapper___7eo4t:nth-child(20) {
  display: none;
}
.react-grid-layout.layout.reactiveGridContentsInner___ {
  border: 1px solid #eee;
  box-shadow: 0px 0px 1px 1px #eee;
}
/*==============End Generic btn classes==========================*/
body.admin-bar .header .sticky {
  top: 30px;
}
.sticky-menu {
  position: fixed;
  top: 74px;
  z-index: 1000;
  background: #f4a641;
  width: 100%;
  left: 0;
}
.wrap-educational-btn .btn.btn-educational-page {
  background: #ebe6e9;
  color: #301c2a;
  border-radius: 0px !important;
}

/*=================Company Listin Page=======================*/
.listing-col {
  display: flex;
  align-items: center;
  padding: 35px;
  border: 1px solid #eee;
  background: #fbfbfb;
  margin-bottom: 10px;
}
.listing-col:hover {
  box-shadow: 0 0 02px #ccc8c8;
}
.load_posts_loader {
  display: block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.load_posts_loader:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 8px;
  border-radius: 50%;
  border: 6px solid #000;
  border-color: #000 transparent #000 transparent;
  animation: load_posts_loader 1.2s linear infinite;
}
@keyframes load_posts_loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.search-title {
  display: block !important;
  background: #f4a641 !important;
  color: #fff !important;
  font-size: 16px !important;
  border: 1px solid #f4a641 !important;
  font-weight: 600;
  line-height: 2.8;
  padding: 0 1.8em;
  text-align: center !important;
}
.search-data-col {
  border: 1px solid #eee;
  padding: 20px 20px;
}
.search-data-col .form-group {
  margin-bottom: 0px !important;
}
.search-data-col .form-group input[type="text"]::placeholder {
  color: #616060 !important;
}
.listing-col > a {
  display: block;
}
.listing-content-data h2 {
  color: #f4a641;
  font-size: 30px;
  font-family: "Avenir-Book";
  font-weight: 300;
}
.listing-content-data p,
.listing-content-data ul li {
  color: #66525f;
  font-size: 16px;
  font-family: "Avenir-Book";
  line-height: 35px;
}
.listing-content-data ul li {
  font-weight: 400;
}
.listing-wrapper .image-wrap {
  margin-right: 30px;
  width: 120px;
  border: 1px solid #ddd !important;
  padding: 10px;
  display: flex;
  justify-content: center;
  min-height: 110px;
}
.listing-wrapper .single-charter .image-wrap {
  display: inline-table;
}
.listing-wrapper .image-wrap img {
  margin: auto !important;
  display: block !important;
}
.listing-content-data {
  width: 70%;
}
.listing-content-data ul {
  display: flex;
}
.listing-content-data ul li {
  list-style: disc;
  margin: 0 25px;
}
.listing-content-data ul li,
.listing-content-data ul li i {
  margin-right: 5px;
}
.listing-content-data ul li.location-li {
  list-style: none;
  margin: 0;
}
.listing-content-data ul li .fa-map-marker-alt {
  color: #66525f;
}
.view-button-parent {
  width: 20%;
}
.padding-top-15 {
  padding-top: 15px;
}
.listing-content-data a.btn-grey:hover,
.listing-content-data ul li a:hover {
  text-decoration: none;
  color: #333;
}
.search-data-col input {
  border-radius: 0px;
  height: 45px;
  line-height: 45px;
  border-color: #e8e8e8;
}
.search-data-col input:focus {
  border-color: #eeee;
  box-shadow: none;
}

/*------------------------ANimation Css-------------------------------------*/
/*.btn-animation a.btn {
  color: white;
  border: 1px solid white;
  padding: 0px;
  text-transform: uppercase;
  letter-spacing: 4px;
  position: relative;
  overflow: hidden;
  background: #EBE6E9;
  color: #333;
  cursor: pointer;
  border-radius: 0px;
}
.btn-animation a.btn span {
  position: relative;
  z-index: 100;
  display: inline-block;
  padding: 15px 20px;
  transition: all .10;
}
.btn-animation a.btn:before, .btn:after {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.btn-animation a.btn:before {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  background-color: #CC3131;
  border: 1px solid #CC3131;
  transition: -webkit-transform 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: transform 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 300ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.btn-animation a.btn:after {
  background-color: #CC3131;
  border: 1px solid #CC3131;
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  transition: -webkit-transform 300ms 300ms cubic-bezier(0.16, 0.73, 0.58, 0.62);
  transition: transform 300ms 300ms cubic-bezier(0.16, 0.73, 0.58, 0.62);
  transition: transform 300ms 300ms cubic-bezier(0.16, 0.73, 0.58, 0.62), -webkit-transform 300ms 300ms cubic-bezier(0.16, 0.73, 0.58, 0.62);
}
.btn-animation a.btn:hover:before {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.btn-animation a.btn span:hover{color: #fff!important;   transition: all .10;}
.btn-animation a.btn:hover:after {

  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}*/
.btn-animation a {
  position: relative;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #333;
  padding: 10px 20px;
  margin-right: 20px;
  background: #ffedd3;
  border: 1px solid #f4a641;
  border-radius: 0;
  margin: 8px;
}

/*
.btn-animation a::before,
.btn-animation a::after,
.btn-animation span::before,
.btn-animation span::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background: transparent;
  transition: 1s;
}
.btn-animation a::before {
  top: -2px;
  left: -2px;
  border-top: 2px solid #F4A641;
  border-left: 2px solid #F4A641;
}
.btn-animation a::after {
  top: -2px;
  right: -2px;
  border-top: 2px solid #F4A641;
  border-right: 2px solid #F4A641;
}

.btn-animation span::before {
  bottom: -2px;
  left: -2px;
  border-bottom: 2px solid #F4A641;
  border-left: 2px solid #F4A641;
}
.btn-animation span::after {
  bottom: -2px;
  right: -2px;
  border-bottom: 2px solid #F4A641;
  border-right: 2px solid #F4A641;
}


.btn-animation a:hover::before,
.btn-animation a:hover::after,
.btn-animation a:hover span::before,
.btn-animation a:hover span::after  {
  width: calc( 110px / 2);
  height: calc( 50px / 2);
}

.btn-animation a.big-btn:hover::before, .btn-animation a.big-btn:hover::after, .btn-animation a.big-btn:hover span::before, .btn-animation a.big-btn:hover span::after,
.btn-animation a.btn-medium:hover::before, .btn-animation a.btn-medium:hover::after, .btn-animation a.btn-medium:hover span::before, .btn-animation a.btn-medium:hover span::after{
    width: calc( 190px / 2);
    height: calc( 50px / 2);
}
*/

/*---------------Single school page ui-----------------*/
.inner-data > h1 {
  font-size: 46px;
  font-family: "Avenir-Book";
  font-weight: 300;
  line-height: 1.4;
  text-align: center;
  color: #66525f;
}
.inner-data > h2 {
  font-size: 38px;
  font-family: "Avenir-Book";
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  color: #66525f;
}
.mg-top-60 {
  margin-top: 60px;
}
.mg-top-120 {
  margin-top: 120px;
}
.mg-top-40 {
  margin-top: 40px;
}
.inner-data > a {
  display: block;
  text-align: right;
}
.inner-data > hr {
  border: 1px solid #eee !important;
}
.inner-data > img {
  margin: 40px auto;
}
.main-wrapper p + p {
  margin-top: 20px;
}
.flex-properties {
  display: flex;
  justify-content: center;
}
.inner-data ul {
  padding: 30px 0px;
}
.inner-data ul li {
  margin: 0 10px;
}
.inner-box-content {
  padding: 60px 0px;
}
.inner-data ul li a:hover {
  text-decoration: none;
}
.inner-box-content > h2 {
  text-align: center;
  margin-bottom: 50px;
  font-size: 38px;
  font-family: "Avenir-Book";
  font-weight: 400;
  line-height: 1.4;
  text-align: center;
  color: #66525f;
}
.inner-box-content > p {
  margin-bottom: 30px;
}
.image.text-center > img {
  display: inline-block;
}
.social-icons a {
  display: inline-block;
  position: relative;
  width: 45px;
  height: 45px;
  border-radius: 10px;
  text-align: center;
  line-height: 40px !important;
}
.social-icons a::after {
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 0%;
  background-color: rgba(0, 0, 0, 0.1);
  transition: height 0.4s;
}
.social-icons a:hover::after {
  height: 100%;
}
.inner-box-content h3 {
  text-align: center;
  padding: 0 20px;
  line-height: 35px;
  color: #66525f;
  font-weight: 400;
}
.social-icons a i {
  font-size: 18px;
  line-height: 45px !important;
  color: #fff;
}
.light-grey-color {
  background: #96a2a8;
}
.dark-blue-color {
  background: #42599e;
}
.light-blue-color {
  background: #0077b5;
}
.sky-blue-color {
  background: #55acee;
}
.social-icons {
  padding: 60px 0px;
}
/*---------------News Tickeer code here-----------------*/
#ticker {
  line-height: 1.8em;
  max-width: 100%;
  color: #fff;
  overflow: hidden;
  min-height: 40px;
}
#ticker .news-list {
  padding: 0;
  margin: 0;
  position: relative;
  list-style-type: none;
}
#ticker .news-list li {
  position: absolute;
  white-space: nowrap;
  display: none;
  font-size: 30px;
  font-family: "Avenir-Book";
  font-weight: 400;
}

.main-menu .navbar-default .navbar-nav > .active > a {
  background: none !important;
  box-shadow: none !important;
}

/*---------------kickoff agenda-----------------*/
.kickoff-agenda .order-list-setting {
  margin-left: 40px;
}

/*===============Login Page Ui===================*/
.caps-login-page,
.caps-password-reset-wrap {
  padding: 120px 0px;
}
.caps-login-page .um-right.um-half {
  display: none;
}
.caps-login-page .um-field-checkbox-option {
  display: block;
  margin-bottom: 25px;
}
.caps-login-page .um-left.um-half input[type="submit"],
.caps-password-reset-wrap .um-center input[type="submit"] {
  border-radius: 0px !important;
  color: #fff !important;
  font-size: 16px;
  text-transform: uppercase !important;
  font-family: "Avenir-Book";
  background: #f4a641 !important;
}
.caps-password-reset-wrap .um-field-block div,
.caps-password-reset-wrap .um-col-alt.um-col-alt-b .um-center,
.caps-login-page .um-col-alt-b > a {
  text-align: left !important;
}

.caps-login-page .um-center {
  text-align: left;
}
.caps-login-page .um-center .um-button {
  color: #fff !important;
  text-transform: uppercase !important;
  background: #f4a641 !important;
}
/*---------------Gravity Form Ui-----------------*/
#gform_wrapper_ * input[type="text"],
[id^="gform_"] select,
[id^="gform_"] input[type="text"] {
  width: 100% !important;
  height: 45px !important;
  border: 1px solid #cccccc !important;
  border-radius: 5px !important;
  padding-left: 15px;
}
[id^="gform_"] textarea,
[id^="gform_"] textarea,
[id^="gform_"] textarea {
  border: 1px solid #cccccc !important;
  border-radius: 5px !important;
}

[id^="gform_"] input[type="text"]:focus,
[id^="gform_"] select:focus,
[id^="gform_"] input[type="text"]:focus,
[id^="gform_"] textarea:focus {
  box-shadow: none !important;
  border: 2px solid #f4a641 !important;
  outline: none !important;
}

input[type="checkbox"],
.gform_wrapper ul.gfield_checkbox li input[type="checkbox"],
[id^="gform_"] input[type="checkbox"],
[id^="gform_"] ul.gfield_checkbox li input[type="checkbox"],
.wpb_wrapper .gform_wrapper ul.gfield_checkbox li input[type="checkbox"],
body .gform_wrapper ul.gfield_checkbox li input[type="checkbox"] {
  -webkit-appearance: none;
  position: relative;
  cursor: pointer;
  width: 20px !important;
  background: #fff;
  height: 20px !important;
  border: 1px solid #808080 !important;
}
[id^="gform_"] input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 6px;
  height: 11px;
  border: solid #000000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
[id^="gform_"] input[type="checkbox"]:hover {
  /*border: 1px solid #F4A641!important;*/
}
[id^="gform_"] input[type="checkbox"]:hover::after {
  /*border: solid #F4A641; border-width: 0 2px 2px 0;*/
}
[id^="gform_"] input[type="checkbox"]:focus {
  outline: none;
}
[id^="gform_"] .gfield_checkbox li label {
  margin-left: 5px;
}
.gform_wrapperlabel {
  padding-top: 0.2rem;
}
[id^="gform_"] .gchoice_14_8_1 input,
[id^="gform_"] .gchoice_14_8_1 input {
  margin-top: 0px !important;
}
.gfield.gform-li-spacing {
  margin-top: 0px !important;
  margin-bottom: 25px !important;
}
.create-company-text-setting p {
  font-size: 22px !important;
  color: #66525f !important;
  line-height: 28px;
}
.create-company-text-setting p a {
  color: #f4a641 !important;
}
.create-company-text-setting p a:hover {
  text-decoration: none !important;
}
[id^="gform_"] .pac-card > div {
  padding-top: 10px;
  padding-bottom: 5px;
}
[id^="gform_"] .pac-card #title {
  margin-bottom: 10px;
  font-weight: bold;
}
[id^="gform_"] .pac-controls {
  margin: 10px 0px 5px 0px;
}
#gform_wrapper_5 {
  padding: 0px 15px;
}

/*---------------Pagination styling-----------------*/
.caps-blog-wrapper {
  margin-bottom: 80px;
}
.caps-blog-wrapper .navigation {
  text-align: center;
  clear: both;
}
.caps-blog-wrapper .navigation ol {
  display: inline-block;
  margin-bottom: 50px;
}
.caps-blog-wrapper .navigation ol li span.title {
  display: none;
}
.caps-blog-wrapper .wp-paginate.wpp-modern-grey a {
  background: #f4a641 !important;
  border: 1px solid #efecee !important;
  border-radius: 4px !important;
  color: #fff !important;
  padding: 8px 25px !important;
}
.caps-blog-wrapper .wp-paginate.wpp-modern-grey .current {
  background: #ff9800 !important;
  border: 1px solid #efecee !important;
  border-radius: 4px !important;
  color: #fff;
  padding: 8px 25px !important;
  opacity: 1;
}

/*---------------Profile Page ui-----------------*/

.profile-container h1 {
  text-align: center;
  font-size: 48px;
  font-family: "Avenir-Book";
  font-weight: 300;
  text-transform: capitalize;
}
.profile-container h2 {
  text-align: center;
  font-size: 46px;
  margin-bottom: 50px;
  font-family: "Avenir-Book";
  font-weight: 700;
}
.inner-table {
  margin-top: 40px;
}
.inner-table > h5,
.user-data h5 {
  margin-bottom: 0px;
}
.user-data a {
  color: #f4a641;
}
.inner-table .table,
.user-data .table {
  height: 25px !important;
}
.user-data .table > tbody > tr > td {
  border-top: 0px !important;
}
.table-main-wrap {
  padding: 15px;
}
.table-main-wrap {
  background: #fff;
}
.inner-table a {
  color: orange;
}

/*---------------Create School Page ui-----------------*/
/*#gform_wrapper_15 .gfield_checkbox li input[type=checkbox]{
  position: relative;
}
#gform_wrapper_15 .gfield_checkbox li input[type=checkbox] + label::before {
  content: "\2714";
      position: absolute;
  left: 0px;
  border: 0.1em solid #000;
  border-radius: 0.2em;
  display: inline-block;
  width: 15px;
  height: 15em;
  padding-left: 0.2em;
  padding-bottom: 0.3em;
  margin-right: 0.2em;
  vertical-align: bottom;
  color: transparent;
  transition: .2s;
}

#gform_wrapper_15 .gfield_checkbox li input[type=checkbox] + label:active:before {
  transform: scale(0);
}

#gform_wrapper_15 .gfield_checkbox li input[type=checkbox]:checked + label:before {
  background-color: grey;
  border-color: grey;
  color: #fff;
}
*/
.page-id-2406 .gform_fields {
  width: 100%;
}
.gravity-form-create-school-wrapper .vc_column-inner {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.gravity-form-create-school-wrapper
  .ginput_container.ginput_container_text
  input.large {
  padding: 0 !important;
  height: 45px !important;
  border: 0px !important;
  line-height: 45px !important;
  border-radius: 5px !important;
  background: #f5f5f5 !important;
  padding-left: 20px !important;
  box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0, 0, 0, 0.08) inset !important;
}
.gravity-form-create-school-wrapper
  .ginput_container.ginput_container_text
  input.large:focus {
  box-shadow: none !important;
  border: 2px solid #f4a641 !important;
  outline: none !important;
}
#gform_wrapper_13 ul .three-col-grid {
  display: inline-block !important;
}
#gform_wrapper_13 ul .three-col-grid {
  width: 33.33% !important;
}
.create-school-row .full-width-col input.medium {
  width: 100% !important;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #cccccc !important;
}
.create-school-row .gform_wrapper .full-width-col textarea.medium {
  height: 160px !important;
}
.create-school-row .ginput_container_fileupload input {
  padding: 10px !important;
}
[id^="gform_"] .gform-li-spacing .gfield_checkbox input,
[id^="gform_"] .gfield.field_sublabel_below .gfield_radio input[type="radio"],
[id^="gform_"] .gfield.field_sublabel_below .gfield_radio input[type="radio"],
[id^="gform_"] .gfield_checkbox li input[type="checkbox"] {
  margin-top: 0px !important;
  margin-right: 5px !important;
}
/*[id^='gform_'] .gform_body ul{display: inline-block!important;}*/
[id^="gform_"] .gform_body ul li.two-col-grid {
  display: inline-block !important;
  width: 50%;
}
[id^="gform_"] .gform_body ul li.three-col-grid {
  width: 33%;
  display: inline-block !important;
}
[id^="gform_"]
  .two-col-grid
  .ginput_container.ginput_container_text
  input[type="text"],
[id^="gform_"]
  .gform_body
  ul
  li.three-col-grid
  .ginput_container.ginput_container_select
  select,
[id^="gform_"] .gform_body ul li.three-col-grid input[type="text"],
[id^="gform_"] .ginput_container_text input[type="text"],
[id^="gform_"] .ginput_container input[type="text"],
[id^="gform_"] .ginput_container input[type="email"],
[id^="gform_"] .ginput_container input[type="password"] {
  width: 100% !important;
  height: 40px !important;
  line-height: 40px;
  border: 1px solid #cccccc !important;
  padding-left: 10px !important;
}
[id^="gform_"] .gform_body ul li.three-col-grid input[type="text"]:focus,
[id^="gform_"]
  .two-col-grid
  .ginput_container.ginput_container_text
  input:focus,
[id^="gform_"] .ginput_container_text input[type="text"]:focus,
[id^="gform_"] .gform_body select:focus,
[id^="gform_"] input[type="email"]:focus,
[id^="gform_"] input[type="password"]:focus,
[id^="gform_"] textarea:focus {
  outline: none !important;
}
[id^="gform_"]
  .two-col-grid
  .ginput_container.ginput_container_text
  input[type="checkbox"] {
  width: auto !important;
}

[id^="gform_"] .gfield_checkbox li input[type="checkbox"] {
  margin-top: 0px !important;
}
[id^="gform_"] .gfield_checkbox li input[type="checkbox"]:focus {
  border: 1px solid #808080 !important;
}
[id^="gform_"]
  .gform_body
  ul
  li.three-col-grid
  .ginput_container.ginput_container_select
  select,
[id^="gform_"] li.gfield select {
  height: 40px !important;
}
[id^="gform_"] h3 {
  margin: 25px 0px;
  font-family: "Avenir-Book";
}
[id^="gform_"] li p {
  line-height: 28px;
}
[id^="gform_"] i {
  line-height: 40px;
}
[id^="gform_"] .ginput_container_radio li label {
  position: relative;
  padding-left: 5px !important;
  line-height: 20px !important;
}

[id^="gform_"] .ginput_container_radio li label::after {
  position: absolute;
  content: " ";
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  top: -1px;
  left: -23px;
  border: 1px solid #808080 !important;
}
[id^="gform_"]
  .ginput_container_radio
  li
  input[type="radio"]:checked
  + label::before {
  position: absolute;
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: -17px;
  width: 8px;
  height: 8px;
  border: solid #000000;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  z-index: 100;
  border-radius: 50%;
  background: black;
  top: 5px;
}
[id^="gform_"] .ginput_container_text input:focus,
[id^="gform_"] .ginput_container_text textarea:focus,
[id^="gform_"] .ginput_container_text select:focus,
[id^="gform_"] .ginput_container_text input:focus {
}

/*---------------Account Page ui-----------------*/
.generic-100-padd {
  padding: 100px 0px;
}
.account-page-styling .um-account-profile-link a,
.account-page-styling .um-account-link.current .um-account-icon.uimob800-hide,
.account-page-styling .um-account-name.uimob800-hide a:hover {
  color: #f4a641 !important;
}
.account-page-styling .um-field-radio-option {
  color: #555555 !important;
}
.account-page-styling .um-field-area {
  text-align: left !important;
  padding: 5px 0px !important;
}
.account-page-styling .um-icon-android-radio-button-off {
  color: #555555 !important;
}
.account-page-styling .um-field-label label {
  font-weight: bolder !important;
}
.account-page-styling .um-icon-android-radio-button-on {
  color: #301c2a !important;
}
/*---------------Blog Page ui-----------------*/

.row-eq-height {
  display: flex;
  margin-bottom: 50px;
}
/* .caps-blog-wrapper{margin-top: 10px;} */
.blog-image-wrap {
  margin-bottom: 15px;
}
.blog-entry-title h2 a {
  font-size: 24px;
  line-height: 33px;
  color: #66525f;
  font-weight: 400;
}
.blog-meta-data {
  margin: 10px 0px;
}
.blog-meta-data span a,
.blog-meta-data span time {
  font-size: 14px;
  color: #333;
}
.blog-description p {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #66525f;
}
.blog-image-wrap a {
  display: block;
}
.blog-image-wrap img {
  height: 210px;
  width: 100%;
}
.blog-top-content h2 {
  font-size: 38px;
  font-weight: 400;
  color: #66525f;
  line-height: 1.4;
  padding-top: 60px;
}
.w-blog-post-meta-comments {
  display: inline-block;
  padding-left: 15px;
}
.blog-entry-title h2 a:hover,
.blog-meta-data span a:hover {
  text-decoration: none;
  color: #cc3131;
}
.blog-top-content {
  padding: 100px 0px;
}

/* Blog Single page */
.mg-0 {
  margin: 0px;
}
.spg {
  padding-top: 100px;
}
.spg ul {
  margin: 0 0 1.5rem;
  list-style-type: disc;
  margin-left: 2.5rem;
  padding: 0;
}
.spg p a,
.spg p a:hover {
  color: #f4a641;
  text-decoration: none;
}
.spg p {
  margin: 0 0 1.5rem;
}
.spg b,
.spg strong {
  font-weight: 600;
}
.spg .ul-reset {
  list-style: none;
  margin: 0;
  padding: 0;
}
.spg_aside_ul li {
  position: relative;
  line-height: 28px;
  padding-left: 1rem;
  margin-bottom: 0.6rem;
  font-size: 16px;
}
.spg_aside_ul li:before {
  position: absolute;
  left: 0;
  content: "\f105";
  font-family: fontawesome;
  font-size: 16px;
  opacity: 0.5;
}
.spg_h2 {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.4;
  margin: 0 0 1.5rem;
  color: #66525f;
}
.spg_h {
  font-size: 46px;
  font-weight: 300;
  color: #66525f;
  line-height: 1.4;
}
.single-post-section p,
.single-post-section p i,
.single-post-section ul li {
  font-size: 16px;
  font-family: "Avenir-Book";
  line-height: 28px;
  color: #66525f;
}
.single-post-section ul li {
  list-style: inherit;
}
.single-post-section ul li strong {
  font-weight: bold;
  color: #66525f;
}
.single-post-section p i {
  font-weight: 700;
}
img.alignleft {
  float: left;
  margin: 0 2.5em 2.5em 0;
}
.blog-meta {
  font-size: 14px;
  color: #b39fac;
  margin: 0 1.2rem 0.4rem 0;
  display: inline-block;
}
.blog-meta-parent .post-categories {
  display: inline-block;
  margin-left: 0;
}
.blog-meta-parent .post-categories li a {
  font-family: "Avenir-Book";
  font-size: 14px;
  font-weight: 400;
}
.blog-meta-parent .fa {
  display: inline-block;
  margin-right: 5px;
}
.single-post-section h2 {
  margin-bottom: 15px;
}
.ul-reset.spg_aside_ul li a {
  color: #f4a641;
}
.spg_widget.mb-3 ul li a {
  font-size: 21px;
  word-spacing: 10px;
  letter-spacing: 0.5;
}
.article-intro-text.quote-lines em {
  line-height: 1.4;
}
.single-post-section h2 b {
  color: #66525f;
}

.blog-meta-parent .post-categories li a:hover {
  text-decoration: none;
}
.blog-meta-parent {
  margin: 1em 0;
}
.form-group.has-feedback .btn {
  background: 0 0;
}
.spg .has-feedback .form-control {
  position: relative;
  font: inherit;
  min-height: 45px;
  background-color: #f5f5f5;
  color: #66525f;
  width: 100%;
  border-radius: 0.3rem;
  box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0, 0, 0, 0.08) inset;
}
.spg .has-feedback .form-control:focus {
  border: 2px solid #f4a641;
  box-shadow: 0 0 1px solid #f4a641;
}
.spg .has-feedback button.w-btn {
  position: absolute;
  background: transparent;
  border: 0px;
  right: 10px;
  top: 8px;
}
.spg .form-group.has-feedback .btn {
  padding-right: 28px;
  overflow: hidden;
  padding-top: 6px;
  height: auto;
}
.blogs.mb-2 .mg-0 > a {
  display: block;
}
.spg .has-feedback .fa {
  font-size: 18px;
  line-height: 1.8;
  color: grey;
}
.blognav-right:after,
.blognav:before {
  content: "\f104";
  font: 2.5rem/1 fontawesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 40px;
  opacity: 0.3;
}
.blognav-right:before {
  content: "";
}
.blognav-right:after {
  content: "\f105";
  right: 0;
}
.blognav,
.spg .blognav {
  padding: 0 2.2rem;
  position: relative;
  display: block;
  color: inherit;
}
.blognav:hover,
.spg .blognav:hover {
  color: inherit;
}
.blognav:hover .blognav_dec {
  color: #921245;
}
.blognav_h {
  display: block;
  font-size: 0.8rem;
  line-height: 1.4rem;
  opacity: 0.5;
  margin: initial;
}
.blogs_h {
  font-size: inherit;
  margin: 0;
  line-height: 1.4;
  font-weight: 400;
  letter-spacing: 0;
  padding-top: 0.6rem;
  margin-bottom: 0.2rem;
}
.blogs_time {
  color: #b39fac;
  font-size: 0.9rem;
  margin: 0 1.2rem 0.4rem 0;
  white-space: nowrap;
}
.spg .socios {
  color: #fff;
}
.socios {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  padding: 0 1rem;
  margin: 0.15rem;
  line-height: 2.4rem;
  border-radius: 0.3rem;
  overflow: hidden;
  min-width: 3.5rem;
  background-color: #96a2a8;
}
.spg .socios:hover {
  color: #fff;
}
.font1 {
  font-size: 10px;
}
.font2 {
  font-size: 15px;
}
.font3 {
  font-size: 19px;
}
.font4 {
  font-size: 24px;
}
.t-purpl--light,
.t-purpl--light a {
  color: #b39fac;
}
.ul-inline a:hover {
  color: #cc3131;
}
.mt-1 {
  margin-top: 1em;
}
.mt-2 {
  margin-top: 2em;
}
.mt-3 {
  margin-top: 3em;
}
.mb-1 {
  margin-bottom: 1em;
}
.mb-2 {
  margin-bottom: 2em;
}
.mb-3 {
  margin-bottom: 3em;
}
.my-2 {
  margin: 2rem 0;
}
.d-inline,
.ul-inline li {
  display: inline-block;
}
.bg-fb {
  background-color: #42599e;
}
.bg-tw {
  background-color: #55acee;
}
.bg-in {
  background-color: #0077b5;
}
.bb {
  border-bottom: 1px solid #ebe6e9;
}
.animatz:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.1);
  transition: height 0.3s;
}
.animatz:hover:before {
  height: 100%;
}
.animatz {
  position: relative;
}
/*---------------Page Generic Template Code------------------*/
.single-template .site-main-content {
  background: #f0f0f0;
}
.wrap-educational-btn > .wpb_wrapper {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.orange-generic-btn .wpb_wrapper {
  text-align: center;
}
.orange-generic-btn .wpb_wrapper > a {
  position: relative;
  display: inline-block;
  background: #f4a641;
  color: #fff;
  border-radius: 0px !important;
  width: 200px;
  height: 45px;
  line-height: 45px;
  padding: 0px !important;
  font-size: 16px;
  text-transform: uppercase;
}
.orange-generic-btn .wpb_wrapper > a::after {
  position: absolute;
  content: "";
  z-index: 100;
  width: 100%;
  height: 0%;
  left: 0;
  right: 0;
  top: 0;
  color: #fff !important;
  transition: 0.4s height;
  /* background:rgba(124,15,59,.3);*/
}
.grey-generic-btn.signup-link-setting a {
  padding: 0px !important;
  width: 150px !important;
  border-radius: 0px !important;
  height: 40px !important;
  line-height: 40px !important;
}
.paragraph-text p {
  font-family: "Avenir-Book";
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #66525f;
}
.orange-paragraph-text p {
  font-family: "Avenir-Book";
  font-size: 16px;
  line-height: 28px;
  font-weight: 300;
  color: #f4a641 !important;
  color: #66525f;
}
.design-h5 h5 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #66525f;
}
.right-paragraph-dark-text p {
  font-family: "Avenir-Book";
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}
.orange-generic-btn .wpb_wrapper > a:hover::after {
  height: 100%;
}
.single-template .content-area {
  width: 830px;
  margin: 0 auto;
  background: #fff;
}
.single-template .about-area.section {
  background: #f0f0f0;
}
.single-template .section {
  padding-top: 40px;
}
.header-text a {
  color: #f4a641;
  font-size: 22px;
}
.header-text a:hover {
  text-decoration: none;
}
.video-center .wpb_wrapper iframe {
  margin: 0 auto !important;
  display: block !important;
}
.flip-container {
  text-align: center;
  position: relative;
}

.flip3D h3 {
  color: #ffffff;
  font-size: 1.5em;
  position: relative;
  top: 30%;
}
.flip-container img {
  /*width: 60%;*/
}

.flip3D {
  /* width:240px;*/
  height: 225px;
  margin: 0 auto;
  cursor: pointer; /*float:left;*/
  background: #eeeeee;
}
.flip3D > .front {
  position: absolute;
  -webkit-transform: perspective(600px) rotateY(0deg);
  -ms-transform: perspective(600px) rotateY(0deg);
  transform: perspective(600px) rotateY(0deg);
  /*background:#F0F0F0;*/ /* width:240px; */
  height: 200px;
  border-radius: 2px;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.5s linear 0s;
  transition: -ms-transform 0.5s linear 0s;
  transition: transform 0.5s linear 0s;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  text-align: center;
}
.flip3D > .back {
  position: absolute;
  -webkit-transform: perspective(600px) rotateY(180deg);
  transform: perspective(600px) rotateY(180deg);
  background: #f4a641;
  height: 225px;
  border-radius: 2px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: -webkit-transform 0.5s linear 0s;
  transition: transform 0.5s linear 0s;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.back p {
  font-size: 22px;
  color: #fff;
  margin-top: 65px;
}
.flip3D:hover > .front {
  -webkit-transform: perspective(600px) rotateY(-180deg);
  transform: perspective(600px) rotateY(-180deg);
}

.flip3D:hover > .back {
  animation: fadein 2s;
  -moz-animation: fadein 2s; /* Firefox */
  -webkit-animation: fadein 2s; /* Safari and Chrome */
  -o-animation: fadein 2s; /* Opera */

  -webkit-transform: perspective(600px) rotateY(0deg);
  transform: perspective(600px) rotateY(0deg);
}

.generic-small-btn button,
.contact-form-submit-btn,
.white-button button,
.grey-generic-btn button,
.generic-small-btn a.btn-btn-orange,
.gravity-form-create-school-wrapper
  .gform_footer.top_label
  input[type="submit"],
.gform_footer.top_label input[type="submit"],
.account-page-styling .um-left input[type="submit"],
.inner-box-content a.btn.btn-orange,
#post-2813 .generic-small-btn a {
  /*  position:relative!important;
  display: inline-block!important;
  background: #F4A641!important;
  color:#fff!important;
  font-size:16px!important;
  border:1px solid #f4a641!important;
  font-weight: 600; line-height: 2.8;
  padding: 0 1.8em; text-transform:
  uppercase!important;
  border-radius: 0px!important; */
}
/* .grey-generic-btn button{background: #F5F5F5!important; color: #000!important; border:1px solid transparent!important;}
.generic-mid-orange-btn button,
.red-generic-mid-btn button{position:relative!important; display: inline-block!important; background: #F4A641!important; color:#fff!important; border:0px!important; padding: 0 1.8em!important;  line-height: 2.8!important; border-radius: 0px!important; font-size: 25px!important; text-transform: uppercase; font-weight: 600;}
.red-generic-mid-btn button{background: #CC3131!important; line-height: 2.5!important; font-size: 16px!important;}
.generic-mid-dark-btn button{font-family: 'Avenir-Book'; position:relative; display: inline-block; background: #66525f!important; font-size:20px!important; color:#fff!important; border:1px solid #66525f!important; font-weight: 600; line-height: 2.8; padding: 0 1.8em; text-transform: uppercase!important; border-radius: 0px!important;}
.generic-small-btn.transparent-color button{background:transparent!important; color:#f4a641!important; border:1px solid #f4a641!important;}
.generic-mid-orange-btn button::after,
.generic-small-btn button::after,
.generic-mid-dark-btn button::after,
.generic-small-btn.transparent-color button::after,
.contact-form-submit-btn::after,
.white-button button::after,
.grey-generic-btn button::after,
.red-generic-mid-btn button::after,
.inner-box-content a.btn.btn-orange::after,
.generic-small-btn a.btn-btn-orange::after,
#post-2813 .generic-small-btn a::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  transition: height 0.3s;
  background-color:rgba(0,0,0,0.15);
}

.generic-small-btn.transparent-color button:hover::after{background: orange; content: "SCHEDULE AN APPOINTMENT"; color: #fff!important; padding-top: 15px;}
.generic-mid-orange-btn button:hover::after,
.generic-small-btn button:hover::after,
.generic-mid-dark-btn button:hover::after,
.generic-small-btn.transparent-color button:hover::after,
.contact-form-submit-btn:hover::after,
.white-button button:hover::after,
.grey-generic-btn button:hover::after,
.red-generic-mid-btn button:hover::after,
.inner-box-content a.btn.btn-orange:hover::after,
.generic-small-btn a.btn-btn-orange:hover::after,
#post-2813 .generic-small-btn a:hover::after{height: 100%;}

.white-button button:hover::after{content: "EXPLORE EXAMPLE"!important; background: #fff!important; color:#000!important; padding-top: 15px;}
.white-button.quick-register button:hover::after{content: "QUICK REGISTER"!important;}
.white-button.book-a-demo button:hover::after{content: "BOOK A DEMO"!important;}
.white-overlay-row{position: relative!important; z-index: 1000;}
.white-overlay-row::after{position: absolute; content:" "; width:100%; height: 100%; z-index: 200; background-color: rgba(255,255,255,0.9); left: 0; right: 0; top: 0; bottom: 0;}
.white-overlay-row > .wpb_column{z-index: 250!important;}
.white-button button{background: transparent!important; border:1px solid #fff!important;}
 */

/*---------------Connect Page-----------------*/

.pricing-table {
  padding: 25px 0px;
}
.pricing-table-wrapper .vc_column-inner > .wpb_wrapper {
  border: 1px solid #ebe6e9;
}
.pricing-table h5 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Avenir-Book";
  margin-bottom: 20px;
}
.pricing-table .price {
  font-size: 4rem;
  font-family: "Avenir-Book";
  color: #000;
}
.pricing-table small {
  font-size: 14px;
  color: #000;
  font-family: "Avenir-Book";
  font-weight: 400;
}

/*---------------sourcing-design page ui-----------------*/
.generic-tabs .vc_tta-panels {
  background: transparent !important;
  border: none !important;
}
.generic-tabs .vc_tta-tab.vc_active > a,
.generic-tabs .vc_tta-tab > a {
  border: none !important;
  background: transparent !important;
  font-size: 16px !important;
  font-family: "Avenir-Book" !important;
}
.generic-tabs .vc_tta-tabs-list {
  display: flex !important;
  justify-content: space-around;
  border-bottom: 1px solid #eee;
}
.generic-tabs .vc_tta-tab {
  width: 100%;
  text-align: center;
}
.generic-tabs .vc_tta-tab > a:hover {
  color: #000 !important;
  border-bottom: 1px solid #000 !important;
}
.generic-tabs .vc_tta-panel-body {
  border-bottom: 1px solid #eee !important;
}

/*---------------video-----------------*/
.video-heading-h3 h3 {
  font-family: "Avenir-Book";
  font-size: 30px;
  line-height: 1.4;
  color: #66525f;
  font-weight: 400;
}
.video-heading-h3 a {
  color: #f4a641;
}
.video-heading-h3 a:hover {
  text-decoration: none;
  color: #cc3131;
}

/*--------------About Us page-----------------*/
.timeline-tabs .vc_tta-tabs-list {
  display: flex !important;
  justify-content: space-between;
}
.timeline-tabs .vc_tta-tab::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  transition: height 0.3s;
}
.timeline-tabs .vc_tta-tab > a {
  position: relative !important;
  background: none !important;
  display: inline-block !important;
  width: 90px !important;
  height: 90px !important;
  border-radius: 50% !important;
  padding: 0px !important;
  box-shadow: 0 0 0 2px #f4a641 inset !important;
  text-align: center;
  line-height: 90px;
  font-family: "Avenir-Book" !important;
  font-size: 20px;
  font-weight: 300;
  border: transparent !important;
  color: inherit !important;
  overflow: hidden;
  background: #fff !important;
  z-index: 1000;
}

.timeline-tabs .vc_tta-tab a::before {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  position: absolute !important;
  background: #f4a641;
  height: 0% !important;
  z-index: -1 !important;
  transition: height 0.3s !important;
}
.timeline-tabs .vc_tta-tabs-list::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 1px;
  right: 1px;
  height: 1px;
  margin-top: -1px;
  border-top-width: 2px;
  border-top-style: solid;
  border-color: #eee;
}
.timeline-tabs .vc_tta-tab a:hover:before {
  height: 100% !important;
  z-index: 3;
}
.timeline-tabs .vc_tta-tab.vc_active a {
  color: #fff !important;
  background: #f4a641 !important;
}

.timeline-tabs a:hover {
  color: #fff !important;
}
/*.overlay-effect ul{display: flex; justify-content: center; background: rgba(0,0,0,0.7); width: 285px; height: 0px;*/
/*border-radius: 50%; position: absolute; top: 0; overflow: hidden; left: 0px; line-height: 285px; padding: 0px 20px; transition: .5s height;}*/

.counter {
  font-size: 5rem;
  color: #f4a641;
  text-align: center;
}

.overlay-effect ul {
  display: flex;
  justify-content: center;
  background: rgba(0, 0, 0, 0.7);
  width: 285px;
  height: 100%;
  position: absolute;
  top: -100%;
  overflow: hidden;
  left: 0px;
  line-height: 265px;
  padding: 0px 20px;
  transition: all 0.4s;
}
.signup-wrapper .pricing-table h2 {
  font-size: 5rem !important;
  font-weight: 300;
}

.main-image-wrap img:hover .overlay-effect ul {
  height: 285px !important;
}
.overlay-effect ul li a {
  padding: 0px 5px;
  color: #fff;
}
.overlay-effect ul li a i {
  font-size: 25px;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  border: 2px solid #fff;
  text-align: center;
}
/*.overlay-effect{overflow:hidden;  position: absolute; width: 285px; height: 285px; top: -3px; left: 50%; border-radius: 50%; transform: translate(-50%);}*/
/*.overlay-col:hover .overlay-effect ul{height: 100%;}*/
.overlay-col.vc_col-sm-4 figure {
  width: 285px;
  height: 285px;
}
.overlay-col.vc_col-sm-4 .overlay-effect ul {
  line-height: 285px;
}
.overlay-effect {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 272px;
  top: 0;
  border-radius: 50%;
}

.overlay-col:hover .overlay-effect ul {
  top: 0;
}
.overlay-col > div > .wpb_wrapper {
  position: relative;
}
.overlay-effect ul li a i {
  position: relative;
}
.overlay-col.vc_col-sm-4 .overlay-effect {
  width: 285px;
  height: 285px;
  left: 42px;
}
.timeline-tabs .vc_tta-panel-body {
  background: #fff !important;
}
.top-border-radius {
  border-radius: 20px 20px 0px 0px;
}
.bottom-border-radius {
  border-radius: 0px 0px 20px 20px;
}

/*---------------Contact Us Code------------------*/
.contact-anchor-styling h4 a {
  color: #f4a641;
  font-size: 24px;
  font-weight: 400;
  font-family: "Avenir-Book";
}
.contact-anchor-styling h4 a:hover {
  text-decoration: none;
  color: #cc3131;
}
h1.common-h1-styling {
  font-size: 40px !important;
  color: #66525f !important;
  line-height: 1.4 !important;
  text-align: center;
  font-family: "Avenir-Book" !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
.contact-accordion-title h4 {
  font-size: 20px;
  font-weight: 400;
  font-family: "Avenir-Book";
}
.contact-accordion-title.vc_active h4 {
  color: #f4a641 !important;
}
.contact-accordion-title .vc_tta-panel-heading {
  background: transparent !important;
  border-top: 1px solid #eee !important;
  border-bottom: 1px solid #eee !important;
}
.contact-accordion-title .vc_tta-panel-heading:hover {
  background: #f5f5f5 !important;
}
.contact-accordion-title .vc_tta-panel-title > a {
  padding: 1.8rem 1.5rem !important;
}
.contact-accordion-title.vc_active h4 a {
  color: #f4a641 !important;
}
.submit-question-form input[type="text"],
.submit-question-form input[type="email"],
.submit-question-form input[type="tel"],
.submit-question-form textarea {
  border: 1px solid #f4a641;
  border-radius: 4px;
  margin: 8px 0;
  outline: none;
  padding: 8px;
  box-sizing: border-box;
  background: #f5f5f5;
  transition: 0.3s;
}
.connect-text-color p {
  font-size: 20px;
  line-height: 28px;
  color: #333333;
}
.connect-text-color p a {
  color: rgb(244, 166, 65);
}
.connect-text-color p a:hover {
  text-decoration: none;
  color: #cc3131;
}

.submit-question-form input[type="text"]:focus,
.submit-question-form input[type="email"]:focus,
.submit-question-form textarea:focus,
.submit-question-form input[type="tel"]:focus {
  border-color: #f4a641;
  box-shadow: 0 0 8px 0 #f4a641;
}

.submit-question-form .inputWithIcon input[type="text"],
.submit-question-form .inputWithIcon input[type="email"],
.submit-question-form textarea,
.submit-question-form input[type="tel"] {
  padding-left: 35px;
}
.fa.fa-phone.contact-cellphone-direction {
  transform: rotate(100deg);
}

.submit-question-form .inputWithIcon {
  position: relative;
}

.study-program-contact-form .submit-question-form .inputWithIcon i {
  top: 15px;
}
.study-program-contact-form .inputWithIcon br {
  display: none;
}
.study-program-contact-form .submit-question-form input[type="text"],
.study-program-contact-form .submit-question-form input[type="email"],
.study-program-contact-form .submit-question-form input[type="tel"],
.study-program-contact-form .submit-question-form textarea {
  border: 1px solid transparent;
  padding: 20px 35px;
}
.study-program-contact-form .textarea-setting i {
  top: 24px !important;
}

.submit-question-form .inputWithIcon i {
  position: absolute;
  left: 10px;
  top: 20px;
  color: #aaa;
  transition: 0.3s;
}

.submit-question-form
  .inputWithIcon
  input[type="text"]:focus
  .inputWithIcon
  i
  .submit-question-form
  .inputWithIcon
  input[type="email"]:focus
  .inputWithIcon
  i
  .submit-question-form
  .inputWithIcon
  textarea:focus
  .inputWithIcon
  i
  .submit-question-form
  input[type="tel"]:focus
  .inputWithIcon
  i {
  color: #f4a641 !important;
}

.submit-question-form .inputWithIcon.inputIconBg i {
  background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
}

.submit-question-form .inputWithIcon.inputIconBg input[type="text"]:focus + i {
  color: red !important;
  background-color: #f4a641;
}

/*---------------Educator Signup ui-----------------*/
.educator-signup-content h3 {
  font-size: 30px;
  font-weight: 400;
  margin-bottom: 20px;
}
.educator-signup-content ol {
  padding-left: 15px;
}
.educator-signup-content ol li {
  line-height: 28px;
  color: #66525f;
  list-style: unset !important;
  font-size: 16px;
}

.registration-gravity-col .vc_tta-panel-body {
  background: #fff !important;
}
.page-id-1094 .registration-gravity-col .vc_tta-panel-body/*{background: #F5F5F5!important;}*/
.registration-gravity-col .vc_tta-tabs-list {
  display: flex !important;
  justify-content: center;
}
.registration-gravity-col .vc_tta-tabs-list li a {
  border-color: transparent !important;
  background-color: transparent !important;
}
.registration-gravity-col .vc_tta-panel-body {
  padding-top: 0px !important;
}
.registration-gravity-col .vc_tta-tabs-container {
  border-top: 1px solid #f4a641 !important;
}
.registration-gravity-col a .vc_tta-title-text {
  color: #f4a641 !important;
}

.page-id-1094 .registration-gravity-col a .vc_tta-title-text {
  color: #000 !important;
  font-size: 25px !important;
  font-weight: 300;
}

.page-id-1072 .site-main-content,
.page-id-1090 .site-main-content,
.page-id-1094 .site-main-content {
  background: #f5f5f5;
}
.registration-gravity-col .vc_tta-tabs-container {
  margin-right: 0px;
}
.registration-gravity-col .vc_tta-tabs-container {
  margin-right: 0px !important;
  background: #fff !important;
}
.page-id-1094 .vc_tta-tabs-container {
  /*background: transparent!important; border-top: 0px solid #f4a641!important;*/
}

.registration-gravity-col .gform_body input[type="text"],
.registration-gravity-col .gform_body input[type="password"] {
  line-height: 2.8rem !important;
  height: 2.8rem !important;
  border-radius: 0.3rem;
  box-shadow: 0 0 0 2px transparent, 0 1px 0 rgba(0, 0, 0, 0.08) inset;
  transition: all 0.3s;
  background-color: #f5f5f5;
  height: 45px !important;
  line-height: 45px !important;
  border: 0;
  border-radius: 5px;
}
.page-id-1094 .registration-gravity-col .gform_body input[type="text"] {
  /*background: #fff!important;*/
}
.registration-gravity-col .gform_body input[type="text"]:focus,
.registration-gravity-col .gform_body input[type="password"]:focus {
  border: 2px solid orange !important;
  box-shadow: none !important;
  outline: none !important;
}
.page-id-1094 .registration-gravity-col .gform_body input[type="password"] {
  background: #fff !important;
}

.registration-gravity-col .gfield_label {
  color: #66525f !important;
}
.registration-gravity-col .gfield_radio li label {
  font-size: 13px;
  font-weight: 700 !important;
  color: #66525f !important;
}
.registration-gravity-col
  .ginput_complex.ginput_container.ginput_container_password
  #input_2_3 {
  background: #fff8c6 !important;
}
/*.registration-gravity-col .ginput_container_phone input{background:#FFF8C6!important;}*/
.registration-gravity-col .gfield_description a {
  color: #f4a641 !important;
}
.registration-gravity-col .gfield_description a:hover {
  text-decoration: none;
}

.text-mg p {
  margin-bottom: 20px;
}
.text-mg p strong {
  color: #66525f;
  font-size: 16px;
}
.registration-gravity-col .gform_wrapper .gfield_password_strength.strong,
.registration-gravity-col .gform_wrapper .gfield_password_strength {
  width: 14rem;
}
.educator-signup-content {
  background: #fff;
}
/*---------------Instructional Design-----------------*/
.instruction-design-italic-text h4,
.paragraph-text-mid-font p {
  font-family: "Avenir-Book" !important;
  font-size: 24px !important;
  font-weight: 400 !important;
}
.paragraph-text-mid-font p {
  line-height: 1.4;
}

/*---------------Homepage codee------------------*/
.home.page-template .section {
  padding: 0px !important;
}
.owl-carousel-logo-container-styling {
  margin-top: 20px;
}
.testimonial-carousel {
  background-size: cover;
  background-attachment: fixed;
  box-shadow: 0px 2px 4px 0px #f7931d;
  padding: 20px 0;
}
.testimonial-carousel-wrap {
  padding: 2rem 0rem;
}
.testimonial-carousel-wrap h2 {
  color: #fff;
  margin-bottom: 65px;
}
.testimonial-carousel-inner-content {
  cursor: pointer;
}
.testimonial-carousel-inner-content p {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  font-size: 16px;
  line-height: 1.7;
}
/*.testimonial-carousel .owl-nav{display: none;}
*/
.testimonial-carousel .owl-dots,
.w-testimonial {
  text-align: center;
  color: #fff;
}
.testimonial-carousel .w-testimonial-author-role {
  color: #b39fac;
}
.testimonial-carousel .owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  border: 1px solid #fff;
}
.w-testimonial-author-name span {
  font-size: 16px;
  font-weight: bold;
}
.testimonial-carousel .owl-dots {
  padding-top: 16px;
}
.header-text a:hover {
  color: #cc3131;
}

.owl-centered .owl-wrapper {
  display: table !important;
}
.owl-centered .owl-item {
  display: table-cell !important;
  float: none !important;
  vertical-align: middle !important;
}
.owl-centered .owl-item > a {
  text-align: center !important;
}

.owl-carousel-logo-container-styling .owl-carousel .owl-item img {
  max-width: 60%;
  margin: 0 auto;
}
.owl-carousel-logo-container-styling .owl-carousel .owl-item a.logo-items {
  border: 2px solid transparent;
  opacity: 0.66;
  transition: border-color 0.3s;
  opacity: 0.3s;
  padding: 2rem;
  display: block;
}
.owl-carousel-logo-container-styling .owl-carousel .owl-item a.logo-items img {
  margin: 0 auto;
  width: auto !important;
}

.owl-carousel-logo-container-styling
  .owl-carousel
  .owl-item
  a.logo-items:hover {
  opacity: 1;
  border-color: transparent;
}

.owl-carousel-logo-container-styling .owl-item,
#industry-banner .owl-item {
  position: relative;
  height: 200px;
}
.owl-carousel-logo-container-styling .owl-item img,
.banner-col {
  position: relative;
  z-index: 1000;
}

#banner-video::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(47, 28, 41, 0.72);
  z-index: 0;
}
#testimonial-overlay {
  position: relative !important;
}
#testimonial-overlay::after {
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  left: 0;
  width: 100%;
  height: 100%;
}
.header .main-menu.sticky .nav > li > a {
  color: #000;
}

body {
  overflow-x: hidden;
  line-height: normal !important;
}

.objectives ul li {
  text-align: left;
}

.color-plate {
  position: fixed;
  width: 216px;
  background: #fff;
  z-index: 9999;
  top: 50%;
  margin-top: -120px;
  padding: 20px 10px 20px 25px;
  box-shadow: -3px 0px 50px -2px rgba(0, 0, 0, 0.14);
  left: -216px;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.color-plate.active {
  left: 0;
}
.color-plate .icon {
  position: absolute;
  right: -40px;
  background: #fff;
  width: 40px;
  height: 40px;
  top: 50%;
  margin-top: -20px;
  text-align: center;
  line-height: 40px;
  font-size: 20px;
  color: #333;
  cursor: pointer;
}
.color-plate h2 {
  font-size: 18px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 5px;
}
.color-plate span {
  width: 30px;
  height: 30px;
  border-radius: 0px;
  display: inline-block;
  margin-right: 11px;
  margin-top: 10px;
}
.color-plate span:hover {
  cursor: pointer;
}
.color-plate span.color1 {
  background: #3353ea;
}
.color-plate span.color2 {
  background: #82b440;
}
.color-plate span.color3 {
  background: #f37348;
}
.color-plate span.color4 {
  background: #36bfc4;
}
.color-plate span.color5 {
  background: #d2527f;
}
.color-plate span.color6 {
  background: #3bafda;
}
.color-plate span.color7 {
  background: #9b59b6;
}
.color-plate span.color8 {
  background: #4caf50;
}
.color-plate span.color9 {
  background: #ed5565;
}
.color-plate span.color10 {
  background: #ec87c0;
}
.color-plate span.color11 {
  background: #f1c40f;
}
.color-plate span.color12 {
  background: #05c46b;
}
/*=============================
  Start Header CSS
===============================*/
.header {
  background-color: #24272b;
  position: relative;
  z-index: 1001;
}
.header .navbar-collapse {
  padding: 0;
}
.header .logo {
  margin-top: 20px;
}
.header .logo img {
}
/* Topbar */
.header .topbar {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.header .top-left {
  margin-top: 12px;
}
.header .single-top {
  display: inline-block;
  margin-right: 10px;
}
.header .single-top i {
  color: #3353ea;
  margin-right: 10px;
}
.header .single-top p {
  font-size: 13px;
}
.header .single-top a {
  display: inline-block;
}
.header .single-top a:hover {
  color: #333;
}
.header .top-right {
  overflow: hidden;
}
.header .top-right .social {
  float: right;
  margin-top: 12px;
  margin-right: 12px;
}
.header .top-right .social .title {
  color: #333;
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
}
.header .top-right .social li {
  display: inline-block;
  margin-right: 10px;
}
.header .top-right .social li:last-child {
  margin-right: 0px;
}
.header .top-right .social li a {
  color: #999;
  font-size: 13px;
}
.header .top-right .social li a:hover {
  color: #3353ea;
}
.header .top-right .social li a i {
}
.header .topbar .button {
  float: right;
}
.header .topbar .button .btn {
  padding: 12px 20px;
  font-size: 14px;
  font-weight: 600;
  background: #3353ea;
  border-radius: 0px;
}
.header .topbar .button .btn:before {
  display: none;
}
/* Main Menu */
/* Header header-inner */
.header .main-menu.sticky {
  z-index: 99999;
  box-shadow: 0px 0px 7px #0000003b;
}
.header .main-menu {
  background: #fff;
  z-index: 999;
  border-bottom: 1px solid #ddd;
}
.home .header .main-menu {
  border-bottom: 0;
}
.header .navbar {
  background: none;
  box-shadow: none;
  border: none;
  margin: 0;
  height: 0px;
  min-height: 0px;
}
.header .nav li {
  float: left;
  position: relative;
  margin-right: 30px;
  padding: 18px 0px;
}
.header .nav li:last-child {
  margin: 0;
}
.header .nav li a {
  position: relative;
  color: #333;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  padding: 10px 3px 5px;
  position: relative;
  display: inline-block;
  text-shadow: none;
  background: transparent;
}
.header .nav > li > a {
  border-bottom: 2px solid transparent;
}

.signout-menu-btn a,
.login-menu-btn a,
.signup-menu-btn a {
  display: inline-block !important;
  margin-top: 5px;
  margin-bottom: 5px;
}
.signout-menu-btn a::after,
.login-menu-btn a::after,
.signup-menu-btn a::after {
  display: none !important;
}
@media only screen and (min-width: 767px) {
  .signout-menu-btn {
    margin-left: 15px;
  }
  .signup-menu-btn {
    margin-left: 15px;
    margin-right: 15px;
  }
  .signup-menu-btn a {
    margin-right: 10px;
    margin-bottom: 0;
  }
}
/* Sticky */
.header .sticky {
  position: fixed;
  width: 100%;
  top: 0;
  animation: fadeInDown 0.8s both 0s;
}
.header .nav li.active > a,
.header .main-menu.sticky .nav > li.active > a {
  color: #f4a641;
}
.header .nav > li.active > a::after {
  background-color: #333333;
}
.header .nav > li > a::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.4em;
  margin: 0 auto -2px;
  height: 2px;
  width: 100%;
  background-color: #333333;
  opacity: 0;
  transition: all 0.3s;
}
.header .nav > li:hover > a::after {
  /* border-bottom: 2px solid #f4a641; */
  bottom: -2px;
  opacity: 1;
}
.header .nav li .dropdown li.menu-item-has-children > a::after {
  position: absolute;
  content: "\f105";
  font-family: fontawesome;
  right: 15px;
  font-size: 25px;
}

/* Dropdown */
.header .nav li .dropdown {
  background: #333;
  width: max-content;
  position: absolute;
  left: 0;
  z-index: 99;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  top: 73px;
  display: block;
  transform-origin: 50% 0;
  transform: scaleY(0) translateZ(0);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
.header .nav li:hover .dropdown {
  display: block;
  transform: scaleY(1) translateZ(0);
  opacity: 1;
}
.header .nav li .dropdown li {
  float: none;
  margin: 0;
  padding: 0;
}
.header .nav li .dropdown li a {
  padding: 12px 15px;
  padding-right: 50px;
  font-weight: 500;
  color: #fff !important;
  display: block;
  background: #cc3131 !important;
  position: relative;
  text-transform: capitalize;
  border-radius: 0px;
  font-size: 16px !important;
}
.header .nav li .dropdown li:last-child a {
  border: none;
}
.header .nav li .dropdown li a:hover {
  /* padding-left:20px; */
  background: #f4a641 !important;
}
.header .nav li .dropdown li i {
  float: right;
  font-size: 11px;
  margin-top: 4px;
  float: right;
}
.header .nav li .dropdown li:hover a {
  color: #fff;
}
/* Sub Dropdown*/
.header .nav li .dropdown .sub-dropdown {
  position: absolute;
  top: 0;
  left: 100%;
  background: #333;
  width: max-content;
  transition: all 0.4s ease;
  opacity: 0;
  visibility: hidden;
  display: block;
  transform-origin: 50% 0;
  transform: scaleY(0) translateZ(0);
  opacity: 0;
  transition: transform 0.3s, opacity 0.3s;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}
.header .nav li .dropdown li:hover .sub-dropdown {
  opacity: 1;
  visibility: visible;
  display: block;
  transform: scaleY(1) translateZ(0);
  opacity: 1;
}
.header .nav li .dropdown li .sub-dropdown li a {
  color: #fff;
}
.header .nav li .dropdown li .sub-dropdown li a:hover {
  color: #fff;
}
/* Right Bar */
.header .right-bar {
  float: right;
  position: relative;
  padding-right: 30px;
}
.header .right-bar {
  display: inline-block;
  margin-top: 5px;
  padding-top: 23px;
}
.header .right-bar a {
  color: #3353ea;
  text-align: center;
  display: block;
  font-size: 13px;
}
.header .search-top.active .search i::before {
  content: "\f00d";
}
.header .right-bar .right-barc {
  float: right;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 23px;
}
.header .right-bar .right-barc li a {
  display: block;
}
/* Search */
.header .search-form {
  position: absolute;
  right: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  top: 71px;
  background: #ffffff75;
  padding: 7px;
  border-radius: 5px;
  transform: scaleY(0);
  box-shadow: 0px 4px 7px #0000003b;
}
.header .search-top.active .search-form {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.header .search-form input {
  width: 282px;
  height: 45px;
  line-height: 45px;
  padding: 0 45px 0 20px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 3px;
  border: none;
  background: #fff;
  color: #333;
  border-radius: 5px;
}
.header .search-form button {
  position: absolute;
  right: 7px;
  height: 45px;
  top: 7px;
  width: 45px;
  background: transparent;
  border: none;
  color: #3353ea;
  border-radius: 0 3px 3px 0;
  border-radius: 30px;
}
.header .search-form button:hover {
  color: #333;
}

.header .trans-logo {
  display: block;
}

.header .default-logo {
  display: none;
}

/* header style for home page */
/* .home .header .trans-logo {
  display: none;
}

.home .header .default-logo {
  display: block;
}
.home .header .sticky .default-logo {
  display: none;
}
.home .header .sticky .trans-logo {
  display: block;
}

.home .header .nav li a { color:#fff; }

.home .header .main-menu:not(.sticky) {
    position: absolute;
    background: transparent;
    left: 0;
    right: 0;
}
*/

/* end */
.logo-1 {
  margin-top: -12px;
  display: block;
}
/* Sidebar */
.header .sidebar-menu {
  position: fixed;
  right: -100%;
  top: 0;
  width: 400px;
  height: 100%;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  z-index: 100000;
  box-shadow: 0px 0px 10px #0003;
}
.header .sidebar-menu #nav li:hover a {
  color: #fff;
}
#nav {
  float: right;
}
.header .sidebar-menu.active {
  right: 0;
  opacity: 1;
  visibility: visible;
}
.header .sidebar-menu .cross {
  color: #f44336;
  float: right;
  text-align: center;
  z-index: 99999;
  cursor: pointer;
  margin: 15px 20px 0px 0px;
  font-size: 16px;
}
.header .sidebar-menu .content {
  padding: 30px 50px;
}
.header .sidebar-menu .single-content {
  margin-bottom: 35px;
}
.header .sidebar-menu .single-content:last-child {
  margin-bottom: 0px;
}
.header .sidebar-menu .single-content h4 {
  position: relative;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 15px;
  padding-bottom: 10px;
  text-transform: capitalize;
}
.header .sidebar-menu .single-content h4::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 38px;
  background: #3353ea;
}
.header .sidebar-menu .single-content .links li {
  display: block;
  margin-bottom: 6px;
}
.header .sidebar-menu .single-content .links li {
}
.header .sidebar-menu .single-content .links li a {
  text-transform: capitalize;
}
.header .sidebar-menu .single-content .links li a:hover {
  color: #3353ea;
}
.header .sidebar-menu .single-content .social li {
  display: inline-block;
  margin-right: 5px;
}
.header .sidebar-menu .single-content .social li:last-child {
  margin-right: 0px;
}
.header .sidebar-menu .single-content .social li a {
  height: 35px;
  width: 35px;
  line-height: 34px;
  text-align: center;
  font-size: 14px;
  color: #33333378;
  background: transparent;
  border: 1px solid #ddd;
  display: block;
  border-radius: 100%;
}
.header .sidebar-menu .single-content .social li a:hover {
  background: #3353ea;
  border-color: transparent;
  color: #fff;
}
.header .sidebar-menu .single-content .social li.active a {
  background: #3353ea;
  border-color: transparent;
  color: #fff;
}
/*=============================
  / End Header CSS
===============================*/

/*=============================
  Start Slider CSS
===============================*/
.hero-slider {
  position: relative;
}
.hero-slider .single-slider {
  height: 600px;
  background-size: cover;
  background-position: center;
  text-align: center;
  position: relative;
}
.hero-slider .single-slider:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #000;
  opacity: 0.7;
}
.hero-slider .single-slider .text {
  float: none;
  text-align: left;
  margin: 164px 0px;
}
.hero-slider .single-slider .text h1 {
  color: #fff;
  font-size: 42px;
  text-transform: capitalize;
  font-weight: 800;
  margin-bottom: 30px;
  margin: 0;
  padding: 0;
  line-height: 50px;
  text-transform: uppercase;
}
.hero-slider .single-slider .text h1 span {
  display: block;
  color: #fff;
}
.hero-slider .single-slider .text p {
  margin: 30px 0px;
  font-size: 15px;
  color: #fff;
}
.hero-slider .single-slider .image {
  margin: 164px 0px;
  text-align: center;
}
.hero-slider .single-slider .image img {
}
.hero-slider .single-slider .button .btn:before {
  background: #fff;
}
.hero-slider .single-slider .button .btn:hover {
  color: #333;
}
.hero-slider .single-slider .button .primary {
  background: #fff;
  color: #333;
}
.hero-slider .single-slider .button .primary:before {
  background: #3353ea;
}
.hero-slider .single-slider .button .primary:hover {
  color: #fff;
}
.hero-slider .single-slider .button .btn {
  margin-right: 10px;
}
.hero-slider .single-slider .button .btn:last-child {
  margin-right: 0px;
}
/* Slider Dots */

.hero-slider .owl-nav {
  margin: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -20px;
}
.hero-slider .owl-carousel .owl-nav button {
  height: 40px;
  width: 40px;
  line-height: 40px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  position: absolute;
  margin: 0;
  border-radius: 100%;
}
.hero-slider .owl-carousel .owl-nav button:hover {
  color: #fff;
  background: #3353ea;
  border-color: transparent;
}
.hero-slider .owl-nav .owl-prev {
  left: 20px;
}
.hero-slider .owl-nav .owl-next {
  right: 20px;
}
/* Slider Animation */
.owl-item.active .text h1 {
  animation: flipInX 1s both 0.6s;
}
.owl-item.active .text p {
  animation: flipInX 1s both 1s;
}
.owl-item.active .text .button {
  animation: flipInX 1s both 1.5s;
}
/*=============================
  /End Slider CSS
===============================*/

/*=============================
  Start About US CSS
===============================*/
.about-area {
  background: #fff;
}
.about-area .about-content .info h2 {
  display: inline-block;
  line-height: 1.3;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 37px;
}
.about-area .about-content .info p {
  margin-bottom: 30px;
}
.about-area .about-content .info p:last-child {
  margin-bottom: 0px;
}
.about-area.full-width .single-item {
  margin-bottom: 30px;
}
.about-area .signature {
}
.about-area .signature .left {
}
.about-area .image {
  position: relative;
  z-index: 5;
  overflow: hidden;
}
.about-area .image::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  border: 12px solid #3353ea;
  height: 350px;
  width: 350px;
  z-index: -1;
}
.about-area .image::after {
  position: absolute;
  content: "";
  left: 167px;
  top: -77px;
  height: 558px;
  width: 92px;
  z-index: -1;
  background: #fff;
  transform: rotate(45deg);
}
.about-area .image img {
  width: 100%;
  height: 100%;
  display: block;
  float: left;
  margin-top: 50px;
  transform: translateX(50px);
}
.about-area .signature .left span {
  display: inline-block;
  color: #333;
  margin-left: 20px;
}
.about-area .signature .right {
}
.about-area .signature .right p {
  color: #333;
  font-size: 14px;
}
.about-area .signature .right p span {
  display: block;
  color: #3353ea;
  font-size: 27px;
  font-weight: 600;
  margin-top: 5px;
}
.about-area .ab-counter {
  margin-top: 40px;
}
.about-area .ab-counter .single-count {
  text-align: center;
  background: #fff;
  box-shadow: 0px 0px 5px #e1e1e1;
  padding: 30px 17px;
  border-radius: 5px;
}
.about-area .ab-counter .single-count i {
  display: block;
  font-size: 35px;
  color: #3353ea;
}
.about-area .ab-counter .single-count .counter {
  font-size: 25px;
  font-weight: 500;
  color: #222;
  display: inline-block;
  margin: 20px 0px 5px 0px;
}
.about-area .ab-counter .single-count p {
}
.about-area .ab-counter .single-count .latter {
  font-weight: 400;
  font-size: 25px;
  color: #222;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-left: 2px;
}
/*=============================
  / End About US CSS
===============================*/

/*=============================
  Start Skill CSS
===============================*/
.skill-area {
  background-image: url("https://via.placeholder.com/1900x700");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}
.skill-area .section {
  padding: 90px 0 50px 0;
}
.skill-area .section-title {
  text-align: left;
}
.skill-area .section-title h2:after {
  left: 0;
  margin-left: 0;
}
.skill-area .content {
}
.skill-area .content .button {
  margin-top: 20px;
  display: inline-block;
}
.skill-area .content .button .btn {
  border-radius: 30px;
}
.skill-area .skill-main {
  margin-top: 35px;
}
.skill-area .skill-title h4 {
  color: #333;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 20px;
}
.skill-area .progress {
  overflow: visible;
  border-radius: 0px;
  box-shadow: none;
  background: #dbdee5;
  height: 8px;
  border-radius: 5px;
}
.skill-area .progress-bar {
  position: relative;
  background: #3353ea;
  border: none;
  text-shadow: none;
  box-shadow: none;
  border-radius: 5px 0 0 5px;
}
.skill-area .progress-bar span {
  position: absolute;
  right: 2px;
  top: -36px;
  color: #333;
  font-weight: 500;
  font-size: 14px;
}
.skill-area .skill-img {
  margin-left: 20px;
}
.skill-area .skill-img img {
  height: auto;
  max-width: 470px;
}
/*=============================
  /End Skill CSS
===============================*/

/*=============================
  Start Services CSS
===============================*/
.services {
  background: #fff;
}
.services .single-service {
  position: relative;
  background: #fff;
  padding: 30px;
  margin-top: 30px;
  border-radius: 0px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow: hidden;
  box-shadow: 0px 0px 20px #dedede;
}
.services .single-service:hover {
  background: #3353ea;
}
.services .single-service.active {
  background: #3353ea;
}
.services .single-service.active {
  background: #3353ea;
}
.services .single-service i {
  font-size: 48px;
  margin-bottom: 20px;
  color: #3353ea;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.services .single-service:hover i {
  color: #fff;
}
.services .single-service.active i {
  color: #fff;
}
.services .single-service .number {
  font-size: 42px;
  color: #e5e5e5;
  position: absolute;
  right: 30px;
  opacity: 0.8;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  font-weight: 600;
  top: 40px;
}
.services .single-service:hover .number,
.services .single-service.active .number {
  color: #e5e5e5;
  opacity: 1;
  visibility: visible;
}
.services .single-service h4 {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 23px;
  padding-bottom: 15px;
  text-transform: capitalize;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.services .single-service:hover h4 {
  color: #fff;
}
.services .single-service.active h4 {
  color: #fff;
}
.services .single-service h4:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 50px;
  background: #3353ea;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.services .single-service:hover h4:before {
  background: #fff;
}
.services .single-service.active h4:before {
  background: #fff;
}
.services .single-service p {
  color: #7b7b7b;
  line-height: 28px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.services .single-service:hover p {
  color: #fff;
}
.services .single-service.active p {
  color: #fff;
}
.services .single-service .btn {
  margin-top: 30px;
  display: inline-block;
  color: #3353ea;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border: 1px solid #ddd;
  background: transparent;
}
.services .single-service .btn:before {
  background: #fff;
}
.services .single-service:hover .btn {
  color: #fff;
}
.services .single-service .btn:hover {
  color: #333;
  border-color: transparent;
}
/*=============================
  / End Services CSS
===============================*/

/*=============================
  Call To Action CSS
===============================*/
.call-action {
  padding: 50px 0px;
  background-image: url("https://via.placeholder.com/1900x700");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.call-action.overlay:before {
  background: #3353ea;
  opacity: 0.9;
}
.call-action .call-content {
  text-align: center;
}
.call-action .call-content h3 {
  text-transform: capitalize;
  color: #fff;
  font-size: 34px;
  font-weight: 700;
  padding-top: 6px;
}
.call-action .call-content h3 .span2 {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  display: block;
  margin: 15px 0px 20px 0px;
}
.call-action .call-content p {
}
.call-action .call-content {
}
.call-action .call-content .button {
}
.call-action .call-content .button .btn {
  background: #fff;
  color: #333;
}
.call-action .call-content .button .btn:before {
  display: none;
}
.call-action .call-content .button .btn:hover {
  background: #fff;
  color: #333;
}
/*=============================
  End Call To Action CSS
===============================*/

/*=============================
  Start Why Choose CSS
===============================*/
.why-choose {
  background: #fff;
  position: relative;
}
.why-choose .why-left .section-title {
  text-align: right;
}
.why-choose .why-left .section-title h2 {
  position: relative;
}
.why-choose .why-left .section-title h2:after {
  display: none;
}
.why-choose .why-left .section-title h2:before {
  content: "";
  width: 80px;
  height: 2px;
  position: absolute;
  bottom: -1px;
  right: 0;
  background: #3353ea;
  border-radius: 0px;
}
.why-choose .why-left {
  text-align: right;
}
.why-choose .why-left .content {
}
.why-choose .why-left .content p {
  line-height: 30px;
}
.why-choose .why-left .content ul {
  margin-top: 25px;
}
.why-choose .why-left .content li {
  display: block;
  margin-bottom: 15px;
}
.why-choose .why-left .content li:last-child {
  margin-bottom: 0px;
}
.why-choose .why-left .content li i {
  color: #3353ea;
  margin-left: 10px;
}
.why-choose .why-left .content .button {
  margin-top: 25px;
}
.why-choose .why-right {
  position: relative;
}
.why-choose .why-right::before {
  z-index: 0;
  position: absolute;
  content: "";
  border: 15px solid #3353ea;
  height: 511px;
  width: 300px;
  right: 51px;
  top: 0;
  display: block;
}
.why-choose .why-right .inner {
  position: relative;
}
.why-choose .why-right img {
  margin-top: 55px;
}
.why-choose .why-right .image1 {
  position: relative;
}
.why-choose .why-right .image1 img {
  position: absolute;
  z-index: 5;
  left: 0;
  top: 70px;
  width: 455px;
  height: auto;
}
.why-choose .why-right .image1 .video-main {
  position: absolute;
  width: 49%;
  height: 100%;
  background-image: url("img/why-choose.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  left: 0;
}
.why-choose .why-right .image1 .video-main:before {
  opacity: 0.7;
  visibility: visible;
}
.why-choose .why-right .image1 .video-play a {
  left: 228px;
  margin-left: -150px;
  top: 285px;
  margin-left: -35px;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 100%;
  background: #fff;
  color: #3353ea;
  font-size: 20px;
  position: absolute;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding-left: 3px;
  z-index: 30;
}
.why-choose .why-right .image1 .video-play a:hover {
  background: #3353ea;
  color: #fff;
}
.why-choose .why-right .image1 .video-main .waves-block .waves {
  position: absolute;
  width: 250px;
  height: 250px;
  background: rgba(255, 255, 255, 0.3);
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-radius: 100%;
  -webkit-animation: waves 3s ease-in-out infinite;
  animation: waves 3s ease-in-out infinite;
  left: 253px;
  margin-left: -150px;
  top: 310px;
  margin-top: -150px;
  z-index: 20;
}
.why-choose .why-right .image1 .video-main .waves-block .wave-1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.why-choose .why-right .image1 .video-main .waves-block .wave-2 {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.why-choose .why-right .image1 .video-main .waves-block .wave-3 {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.why-choose .why-right .image2 {
}
.why-choose .why-right .image2 img {
  z-index: 5;
  right: 0;
  top: 0;
  width: 455px;
  height: auto;
  float: right;
}
/*=============================
  /End Why Choose CSS
===============================*/

/*===============================
  Latest Works
================================*/
.latest-works {
  background: #f4f7fc;
}
.latest-works .section-title {
  text-align: left;
  margin-bottom: 30px;
}
.latest-works .section-title h2:after {
  left: 0;
  margin-left: 0px;
}
/* works-menu */
.latest-works .works-menu {
  text-align: left;
  padding-bottom: 15px;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 50px;
}
.latest-works .works-menu ul {
}
.latest-works .works-menu ul li {
  position: relative;
  font-size: 13px;
  font-weight: 500;
  color: #888;
  display: inline-block;
  margin-right: 8px;
  padding: 9px 23px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 3;
  border-radius: 30px;
  border: 1px solid #dedede;
  background: transparent;
}
.latest-works .works-menu ul li:last-child {
  margin-right: 0;
}
.latest-works .works-menu ul li span {
  display: block;
  color: #fff;
  font-size: 13px;
  background: #3353ea;
  height: 27px;
  width: 34px;
  line-height: 30px;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -17px;
  text-align: center;
  border-radius: 3px;
  font-weight: 600;
  z-index: -1;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  opacity: 0;
  visibility: hidden;
}
.latest-works .works-menu ul li span::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: -10px;
  border: 5px solid #3353ea;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  margin-left: -5px;
}
.latest-works .works-menu ul li:hover span {
  top: -39px;
  opacity: 1;
  visibility: visible;
}
.latest-works .works-menu ul li:hover {
  cursor: pointer;
}
.latest-works .works-menu ul li.active {
  color: #fff;
  cursor: pointer;
  background: #3353ea;
  border-color: #3353ea;
}
/* single-work */
.latest-works .single-work {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
  z-index: 9;
}
.latest-works .single-work:before {
  background: #3353ea;
  top: 0px;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  left: 0px;
  position: absolute;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 5;
}
.latest-works .single-work:hover:before {
  opacity: 0.9;
  visibility: visible;
}
.latest-works .single-work img {
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: -1;
}
.latest-works .single-work:hover img {
  transform: scale(1.2);
}
.latest-works .single-work .works-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 35px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 9;
}
.latest-works .single-work:hover .works-hover {
  opacity: 1;
  visibility: visible;
}
.latest-works .single-work .works-hover a {
  display: inline-block;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.latest-works .single-work .works-hover h4 {
  color: #fff;
  font-size: 15px;
  margin-bottom: 20px;
  position: relative;
  text-transform: uppercase;
  transform: translateY(-20px);
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: #fff;
  color: #3353ea;
  display: inline-block;
}
.latest-works .single-work .works-hover h4 a {
  color: #3353ea;
  padding: 5px 10px;
}
.latest-works .single-work:hover .works-hover h4 {
  transform: translateY(0px);
}
.latest-works .single-work .works-hover p {
  color: #fff;
  font-size: 15px;
  transform: translateY(-20px);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.latest-works .single-work:hover .works-hover p {
  transform: translateY(0px);
}
.latest-works .single-work .works-hover .link {
  font-size: 13px;
  color: #fff;
  background: transparent;
  text-align: center;
  position: absolute;
  display: block;
  z-index: 9999;
  border-radius: 100%;
  border: 1px solid #fff;
  height: 40px;
  width: 40px;
  line-height: 39px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  right: 35px;
  bottom: 35px;
}
.latest-works .single-work .works-hover .link:hover {
  background: #fff;
  color: #3353ea;
  border-color: transparent;
}

/* Single Portfolio */
.single-portfolio .section-title h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.single-portfolio .portfolio-gallery .single-slider.overlay:before {
  opacity: 0;
  visibility: hidden;
}
.single-portfolio .portfolio-gallery .single-slider.overlay:hover:before {
  opacity: 0.4;
  visibility: visible;
}
.single-portfolio .portfolio-gallery .single-slider {
  margin: 0px 10px;
}
.single-portfolio .portfolio-gallery .single-slider img {
  height: 100%;
  width: 100%;
}
.single-portfolio .portfolio-gallery .owl-nav {
  margin: 0;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -20px;
}
.single-portfolio .portfolio-gallery .owl-carousel .owl-nav button {
  height: 40px;
  width: 40px;
  line-height: 40px;
  background: transparent;
  color: #fff;
  border: 1px solid #fff;
  font-size: 14px;
  position: absolute;
  margin: 0;
  border-radius: 100%;
}
.single-portfolio .portfolio-gallery .owl-carousel .owl-nav button:hover {
  color: #fff;
  background: #3353ea;
  border-color: transparent;
}
.single-portfolio .portfolio-gallery .owl-nav .owl-prev {
  left: 20px;
}
.single-portfolio .portfolio-gallery .owl-nav .owl-next {
  right: 20px;
}
.single-portfolio .details-body {
  margin-top: 40px;
}
.single-portfolio .project-history {
  background: #3353ea;
  padding: 30px;
  margin-bottom: 30px;
}
.single-portfolio .project-details h4 {
  font-size: 26px;
  font-weight: 600;
}
.single-portfolio .project-name ul li {
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  line-height: 32px;
  margin: 10px 0px;
}
.single-portfolio .project-name ul li a:hover {
  color: #fff;
}
.single-portfolio .project-name span {
  padding-right: 15px;
  min-width: 110px;
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
}
.single-portfolio .project-inner {
  margin-bottom: 40px;
}
.single-portfolio .project-details p {
  font-size: 14px;
  letter-spacing: 0.5px;
  margin-bottom: 25px;
}
.single-portfolio .project-history .project-new {
}
.single-portfolio .project-history .project-new h4 {
  font-size: 23px;
  color: #fff;
}
.single-portfolio .project-history .project-new .button {
  margin-top: 40px;
}
.single-portfolio .project-history .project-new .button .btn {
  background: #fff;
  color: #333;
}
.single-portfolio .project-history .project-new .button .btn:hover {
  color: #fff;
}
.single-portfolio .project-details .marker-list li {
  color: #444;
  padding-left: 30px;
  margin: 10px 0px;
  position: relative;
}
.single-portfolio .project-details .marker-list li::after {
  position: absolute;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  left: 0;
  top: 3px;
  color: #3353ea;
  font-weight: 700;
}
.single-portfolio .project-details .single-services-page .marker-list li {
  color: #444;
}
.single-portfolio .project-details h4 {
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 24px;
  font-weight: 600;
  position: relative;
}
.single-portfolio .project-details h4:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 50px;
  background: #3353ea;
}
.single-portfolio .project-details p {
  margin-bottom: 25px;
}
/*=============================
  / End Latest Works CSS
===============================*/

/*=============================
  Start Team CSS
===============================*/
.team {
  position: relative;
  background-color: #fff;
}
.team .section-title {
  text-align: left;
}
.team .section-title h2:after {
  left: 0;
  margin-left: 0px;
}
.team.page .section-title {
  text-align: center;
}
.team.page .section-title h2:after {
  left: 50%;
  margin-left: -40px;
}
.team .section-title p {
  line-height: 27px;
}
.team .xs-team {
  background-color: #f9f9f9;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.08);
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin: 0px 10px;
}

.team .xs-team.single-page {
  margin: 0px 0px 30px 0px;
}
.team .team.page .xs-team {
  margin: 0px 0px;
  margin-bottom: 30px;
}
.team .xs-team h3 {
  font-size: 19px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.team .xs-team h3 a {
  color: #101010;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.team .xs-team p {
  margin: 0;
}
.team .xs-team:hover {
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.08);
}
.team .xs-team:hover .xs-team-overlay {
  right: 0;
}
.team .xs-team:hover h3 a {
  color: #3353ea;
}
.team .xs-team-thumb {
  position: relative;
  overflow: hidden;
}
.team .xs-team-thumb img {
  width: 100%;
  -webkit-transition: all 0.43s ease;
  -o-transition: all 0.43s ease;
  transition: all 0.43s ease;
}
.team .xs-team-thumb:hover img {
  -webkit-transform: translateX(-40px) scale(1.1);
  -ms-transform: translateX(-40px) scale(1.1);
  transform: translateX(-40px) scale(1.1);
}
.team .xs-team-content {
  padding: 23px 20px 25px;
  text-align: center;
  background: #fff;
  border: 1px solid #dddddd9e;
  border-top-color: transparent;
}
.team .xs-team-overlay {
  position: absolute;
  top: 0;
  right: -100px;
  height: 100%;
  background-color: #3353ea;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.team .xs-team-share {
  display: table-cell;
  vertical-align: middle;
  margin-top: 20px;
  padding-top: 60px;
}
.team .xs-team-share a {
  display: block;
  padding: 12px;
  color: #ffffff;
  font-size: 17px;
  text-align: center;
}
.team .xs-team-share a:hover {
  color: #f0f0f0;
}
.team .owl-nav {
  margin: 0;
  position: absolute;
  width: 100%;
  z-index: 999;
  top: 366px;
  left: -291px;
}
.team .owl-carousel .owl-nav button {
  height: 45px;
  width: 45px;
  line-height: 45px;
  background: transparent;
  color: #666;
  border: 1px solid #ddd;
  font-size: 14px;
  position: absolute;
  margin: 0;
  border-radius: 100%;
  box-shadow: 4px 4px 10px #0000001a;
}
.team .owl-carousel .owl-nav button:hover {
  color: #fff;
  background: #3353ea;
  border-color: transparent;
}
.team .owl-nav .owl-prev {
  left: 0;
}
.team .owl-nav .owl-next {
  left: 60px;
}
/*=============================
  / End Team CSS
===============================*/

/*=============================
  Start Testimonials CSS
===============================*/
.testimonials {
  background: #3353ea;
  text-align: center;
}
.testimonials .overlay:before {
  opacity: 0.8;
}
.testimonials .section-heading {
  padding-top: 70px;
}
.testimonials .section-heading h5 {
  color: #fff;
  font-size: 17px;
  font-weight: 300;
  text-transform: uppercase;
}
.testimonials .section-heading h4 {
  color: #fff;
  font-size: 27px;
}
.testimonials .single-testimonial {
  text-align: center;
  background: transparent;
  color: #fff;
  padding: 40px;
  box-shadow: 0px 0px 7px #0000001a;
  margin-top: 20px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-right: 3px solid transparent;
}
.testimonials .single-testimonial i {
  font-size: 30px;
  color: #3353ea;
  margin-bottom: 20px;
}
.testimonials .single-testimonial p {
  position: relative;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 27px;
}
.testimonials .single-testimonial .inner {
  position: relative;
}
.testimonials .single-testimonial img {
  width: 60px;
  height: 60px;
  display: inline-block;
  border-radius: 100%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  margin-top: 30px;
}
.testimonials .single-testimonial .name {
  padding-top: 18px;
  color: #fff;
  font-size: 16px;
}
.testimonials .single-testimonial .name span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-top: 5px;
  color: #fff;
}
.testimonials .owl-dots {
  z-index: 333;
  left: 50%;
  width: 100%;
  text-align: center;
  padding-bottom: 80px;
}
.testimonials .owl-dots button {
  width: 15px;
  height: 6px;
  background: #fff;
  border-radius: 4px;
  margin-right: 5px;
  border: 1px solid transparent;
}
.testimonials .owl-dots button.active {
  width: 23px;
  background: #fff;
  border-color: transparent;
}

.testimonials .section-heading.right {
  padding-bottom: 40px;
}
.testimonials .section-heading.right h5 {
}
.testimonials .section-heading.right h4 {
  color: #fff;
  font-weight: 400;
}
.testimonials .section-heading.right h4 span {
  font-weight: 500;
}
.testimonials .contact-form-box {
  padding: 0px 60px;
}
.testimonials .contact-form-box .mailform input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  height: 50px;
  width: 100%;
  padding: 0px 15px;
  margin-bottom: 15px;
  background: #f9f9f9;
  border-radius: 0px;
  border: none;
}
.testimonials .contact-form-box .mailform textarea {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  min-height: 120px;
  padding: 15px 12px;
  width: 100%;
  background: #f9f9f9;
  border-radius: 0px;
  border: none;
}
.testimonials .contact-form-box .mailform .button {
  text-align: left;
  margin-top: 15px;
}
.testimonials .contact-form-box .mailform .button .btn {
  text-align: left;
  padding: 13px 40px;
  background: #fff;
  color: #333;
}
.testimonials .contact-form-box .mailform .button .btn:hover {
  color: #fff;
}
/*=============================
  / End Testimonials CSS
===============================*/

/*=============================
  Start Pricing Table CSS
===============================*/
.pricing-table {
  background: #f4f7fc;
  position: relative;
}
.pricing-table .single-table {
  background: #fff;
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 9;
  border-radius: 0px;
  box-shadow: 0 0px 1px #ddd;
  padding: 30px 20px;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  padding: 70px 50px;
  z-index: 5;
}
.pricing-table .single-table.active {
  background: #3353ea;
}
.pricing-table .single-table:hover {
  background: #3353ea;
}
.pricing-table .table-head {
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
}
.pricing-table .single-table .popular {
  position: absolute;
  right: -19px;
  top: 31px;
  color: #fff;
  background: #3353ea;
  transform: rotate(90deg);
  padding: 5px 17px;
  text-transform: uppercase;
  border-radius: 0px 20px 20px 0px;
}
.pricing-table .single-table:hover {
  box-shadow: 0px 6px 8px #ddd;
}
/* Popular */
.pricing-table .single-table .popular {
  position: absolute;
  right: -50px;
  top: 35px;
  padding: 3px 50px;
  color: #3353ea;
  background: #fff;
  font-size: 12px;
  font-weight: 400;
  transform: rotate(45deg);
  z-index: 9;
  border-radius: 0;
}
/* Table Head */
.pricing-table .single-table .table-head {
  text-align: center;
  margin-bottom: 20px;
}
.pricing-table .single-table .title {
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 15px;
  color: #3353ea;
  font-size: 28px;
  border-radius: 50px;
}
.pricing-table .single-table.active .title {
  color: #fff;
}
.pricing-table .single-table:hover .title {
  color: #fff;
}
.pricing-table .single-table .price {
  position: relative;
  line-height: 40px;
}
.pricing-table .single-table .amount {
  font-size: 35px;
  font-weight: 700;
  color: #333;
}
.pricing-table .single-table.active .amount {
  color: #fff;
}
.pricing-table .single-table:hover .amount {
  color: #fff;
}
.pricing-table .single-table .amount span {
  font-size: 14px;
  color: #333;
  font-weight: 500;
  display: inline-block;
  margin-left: 2px;
  transform: translateY(-20px);
}
.pricing-table .single-table.active .amount span {
  color: #fff;
}
.pricing-table .single-table:hover .amount span {
  color: #fff;
}
.pricing-table .single-table .duration {
  margin-top: -12px;
}
.pricing-table .single-table.active .duration {
  color: #fff;
}
.pricing-table .single-table:hover .duration {
  color: #fff;
}
/* Table List */
.pricing-table .single-table .table-list {
  text-align: center;
  z-index: 9;
  text-align: center;
  padding: 20px 0;
}
.pricing-table .table-list li {
  text-transform: capitalize;
  color: #666;
  padding: 12px 0px;
}
.pricing-table .single-table.active .table-list li {
  color: #fff;
}
.pricing-table .single-table:hover .table-list li {
  color: #fff;
}
.pricing-table .table-list li:last-child {
  border: none;
}

/* Table Bottom */
.pricing-table .button {
  text-align: center;
  margin-top: 10px;
}
.pricing-table .single-table.active .button .btn {
  background: #fff;
  color: #3353ea;
}
.pricing-table .single-table:hover .button .btn {
  background: #fff;
  color: #3353ea;
}
.pricing-table .single-table .button .btn:hover {
  color: #fff;
}
/*=============================
  / End Pricing Table CSS
===============================*/

/*=============================
  Start FAQ CSS
===============================*/
.faq-area {
  background: #fff;
  overflow: hidden;
  position: relative;
}
.faq-area .section-title {
  text-align: left;
  margin-bottom: 47px;
}
.faq-area img {
  height: 100%;
  width: 100%;
}
.faq-area .section-title h2:after {
  left: 0;
  margin-left: 0px;
}
/* Faq Area */
.faq-area .panel-group {
  margin: 0;
  text-align: left;
}
.faq-area .panel {
  background: #f5f5f5;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  border-radius: 0px;
  border: 1px solid #ddd;
}
.faq-area .panel-heading {
  background: none;
}
.faq-area .faq-title {
  border: 1px solid #ddd;
}
.faq-area .faq-title a {
  font-size: 15px;
  position: relative;
  color: #fff;
  width: 100%;
  display: block;
  border: 1px solid #ddd;
  font-weight: 600;
  padding: 20px;
  background: #3353ea;
  border-radius: 0px;
}
.faq-area .faq-title a::before {
  content: "\f068";
  font-family: "Font Awesome 5 Free";
  top: 50%;
  margin-top: -15px;
  right: 10px;
  position: absolute;
  background: transparent;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  border-radius: 0px;
  text-align: center;
  font-size: 14px;
}
.faq-area .panel .faq-title a {
  text-decoration: none;
  border-color: transparent;
}
.faq-area .panel .faq-title a.collapsed {
  color: #333;
  background: transparent;
  text-decoration: none;
  border-color: transparent;
}
.faq-area .faq-title a.collapsed::before {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  color: #666;
  background: transparent;
  transition: all 0.4s ease;
  font-size: 14px;
}
.faq-area .faq-body {
  padding: 20px;
  color: #666;
  box-shadow: none;
  text-shadow: none;
  background: transparent;
  font-weight: 300;
  border-radius: 0px;
  border: 1px solid #ddd;
  background: #fff;
  border-top-color: transparent;
}
.faq-area .panel-default {
  border: none;
  box-shadow: none;
  text-shadow: none;
  margin: 0 0 15px;
}
.faq-area .panel-default:last-child {
  margin: 0;
}
/*=============================
  / End FAQ Area CSS
===============================*/

/*=============================
  Start Blog CSS CSS
===============================*/

.blog .single-news {
  background: #fff;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blog .single-news:hover {
  box-shadow: 0px 4px 20px #00000021;
}
.blog .single-news img {
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blog .single-news .news-head {
  position: relative;
  overflow: hidden;
}
.blog .single-news:hover .news-head img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
.blog .single-news .news-content {
  text-align: left;
  z-index: 99;
  position: relative;
  padding: 40px 30px 0 30px;
}
.blog .single-news .news-body h2 {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
}
.blog .single-news .news-body h2 a {
  color: #333;
}
.blog .single-news .news-body h2 a:hover {
  color: #3353ea;
}
.blog .single-news .news-content p {
  font-weight: 300;
  margin: 20px 0 30px 0;
}
.blog .single-news .bottom {
  overflow: hidden;
  padding: 20px 0px;
  border-top: 1px solid #dddddda8;
}
.blog .single-news .bottom i {
  color: #3353ea;
  margin-right: 10px;
  display: inline-block;
}
.blog .single-news .bottom span {
  display: inline-block;
  color: #666;
}
.blog .single-news .bottom .left {
  display: inline-block;
  float: left;
}
.blog .single-news .bottom .right {
  display: inline-block;
  float: right;
}
/* Blog Archive */
.blog.archive {
  padding: 70px 0 100px;
  background: #fff;
}
.blog.archive .news-head {
  position: relative;
}
.blog.archive .news-head .author {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px 20px;
  background: #3353ea;
  color: #fff;
  font-weight: 400;
  z-index: 9;
  text-transform: capitalize;
}
.blog.archive .single-news {
  margin-top: 30px;
}
.blog.archive .single-news:hover {
  box-shadow: none;
}
.blog.archive .news-content {
  text-align: left;
  z-index: 99;
  position: relative;
  padding: 40px 0px 0px 0px;
}
.blog.archive .news-content .text {
  font-weight: 400;
}
.blog.archive .news-content .date {
  margin: 0;
  padding: 0;
  font-weight: 600;
  color: #3353ea;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.blog.archive .single-news .button {
  margin-top: 20px;
}
/* Pagination CSS */
.pagination {
  text-align: left;
  margin: 40px 0 0 0;
  display: block;
}
.pagination.full-width {
  text-align: center;
}
.pagination.full-width {
  text-align: left;
}
.pagination .pagination-list li {
  margin-right: 5px;
  display: inline-block;
}
.pagination .pagination-list li:last-child {
  margin-right: 0px;
}
.pagination .pagination-list li a {
  background: #f4f7fc;
  color: #333;
  height: 50px;
  width: 50px;
  line-height: 50px;
  display: block;
  font-weight: 400;
  font-size: 16px;
  text-align: center;
  border-radius: 100%;
}
.pagination .pagination-list li.active a,
.pagination .pagination-list li:hover a {
  background: #3353ea;
  color: #fff;
}
.pagination .pagination-list li a i {
  font-size: 13px;
}
.pagination .pagination-list li a i {
}
.blog-grids.pagination {
  margin-top: 50px;
  text-align: center;
}
/* Blog Sidebar */
.widget_recent_entries .media-heading {
  margin-bottom: 15px !important;
}
.blog-sidebar {
  background: #fff;
  margin-top: 30px;
}
.blog-sidebar .single-widget {
  margin-bottom: 50px;
}
.blog-sidebar .single-widget .title {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 30px;
  display: block;
  background: #fff;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}
.blog-sidebar .single-widget:last-child {
  margin: 0;
}
.blog-sidebar .search {
  position: relative;
}
.blog-sidebar .search input {
  width: 100%;
  height: 50px;
  box-shadow: none;
  text-shadow: none;
  font-size: 13px;
  border: none;
  text-transform: uppercase;
  color: #222;
  background: #f4f7fc;
  padding: 0 70px 0 20px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blog-sidebar .search .button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  width: 50px;
  line-height: 50px;
  box-shadow: none;
  text-shadow: none;
  text-align: center;
  border: none;
  font-size: 14px;
  color: #fff;
  background: #3353ea;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blog-sidebar .search .button:hover {
  background: #333;
  color: #fff;
}

.widget-educators-list .media-left {
  border-radius: 99px;
  overflow: hidden;
  border: 2px solid #ef8365;
  margin: 0;
  margin-right: 10px;
  width: 70px;
  height: 70px;
  padding: 0;
}
.widget-educators-list .media-left > img {
  border-radius: 99px;
  border: 2px solid #fff;
}
.widget-educators-list li a {
  color: #f7931d !important;
}
/* Category List */
.blog-sidebar .categor-list {
  margin-top: 15px;
}
.blog-sidebar .categor-list li {
}
.blog-sidebar .categor-list li {
  margin-bottom: 15px;
}
.blog-sidebar .categor-list li:last-child {
  margin-bottom: 0px;
}
.blog-sidebar .categor-list li a {
  display: inline-block;
}
.blog-sidebar .categor-list li a:hover {
  color: #3353ea;
}
.blog-sidebar .categor-list li a i {
  display: inline-block;
  margin-right: 0px;
  font-size: 9px;
  transform: translateY(-1px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.blog-sidebar .categor-list li a:hover i {
  margin-right: 6px;
  opacity: 1;
  visibility: visible;
}
/* Recent Post */
.blog-sidebar .recent-post {
}
.blog-sidebar .single-post {
  position: relative;
  padding: 28px 0px 34px 0;
  border-bottom: 1px solid #ddd;
}
.blog-sidebar .single-post.first {
  padding-top: 0px;
}
.blog-sidebar .single-post:last-child {
  padding-bottom: 0px;
  border: none;
}
.blog-sidebar .single-post .image {
}
.blog-sidebar .single-post .image img {
  height: 80px;
  width: 80px;
  position: absolute;
  left: 0;
  top: 0;
}
.blog-sidebar .single-post .content {
  padding-left: 100px;
}
.blog-sidebar .single-post .content h5 {
  line-height: 18px;
}
.blog-sidebar .single-post .content p {
  display: block;
  color: #7a7a7a;
  font-weight: 500;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 13px;
}
.blog-sidebar .single-post .content p span {
  display: inline-block;
  color: #333;
  margin-left: 10px;
}
.blog-sidebar .single-post .content h5 a {
  color: #2c2d3f;
  font-weight: 500;
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  display: block;
}
.blog-sidebar .single-post .content h5 a:hover {
  color: #3353ea;
}
/* Side Follow */
.blog-sidebar .side-follow .social {
  margin-top: 20px;
}
.blog-sidebar .side-follow .social li {
  display: inline-block;
  margin-right: 10px;
}
.blog-sidebar .side-follow .social li:last-child {
  margin-right: 0px;
}
.blog-sidebar .side-follow .social li a {
  color: #888;
  border: 1px solid #e7e7e7;
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 100%;
  display: block;
  font-size: 14px;
}
.blog-sidebar .side-follow .social li a:hover {
  background: #3353ea;
  border-color: transparent;
  color: #fff;
}
.blog-sidebar .side-follow .social li.active a {
  background: #3353ea;
  border-color: transparent;
  color: #fff;
}
/* Blog Tags */
.blog-sidebar .side-tags {
}
.blog-sidebar .side-tags .tag {
  margin-top: 40px;
}
.blog-sidebar .side-tags .tag li {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 26px;
}
.blog-sidebar .side-tags .tag li a {
  background: #fff;
  color: #888;
  padding: 10px 12px;
  border: 1px solid #e5e5e5;
  text-transform: capitalize;
}
.blog-sidebar .side-tags .tag a:hover {
  color: #fff;
  background: #3353ea;
  border-color: transparent;
}
/* Blog Newslatter CSS */
.blog-sidebar .newsletter {
}
.blog-sidebar .newsletter .letter-inner {
  padding: 50px 25px;
  box-shadow: 0px 0px 12px #00000014;
}
.blog-sidebar .newsletter .letter-inner h4 {
  text-transform: capitalize;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
}
.blog-sidebar .newsletter .letter-inner p {
  margin-bottom: 20px;
}
.blog-sidebar .newsletter .letter-inner .form-inner {
  position: relative;
}
.blog-sidebar .newsletter .letter-inner input {
  width: 100%;
  height: 45px;
  background: #fff;
  border: none;
  border: 1px solid #ddd;
  padding: 0px 60px 0px 20px;
  box-shadow: none;
  text-shadow: none;
}
.blog-sidebar .newsletter .letter-inner .form-inner a {
  position: absolute;
  right: 5px;
  top: 5px;
  height: 35px;
  width: 35px;
  background: #3353ea;
  color: #fff;
  font-size: 14px;
  display: block;
  text-align: center;
  line-height: 35px;
}
.blog-sidebar .newsletter .letter-inner .form-inner a:hover {
  background: #333;
  color: #fff;
}
./* Side Business Start */
.blog-sidebar .business-start {
}
.blog-sidebar .business-start .business-inner {
  background-image: url("https://via.placeholder.com/370x550");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 90px 50px;
  text-align: center;
}
.blog-sidebar .business-start .business-inner .content {
}
.blog-sidebar .business-start .business-inner h2 {
  font-size: 19px;
  text-transform: capitalize;
  margin: 50px 0px;
}
.blog-sidebar .business-start .business-inner h2 span {
  display: block;
  font-size: 40px;
  font-weight: 700;
  margin-top: 20px;
}
/* Blog Single CSS */
.blog-single {
  background: #fff;
  padding: 70px 0 100px;
}
.blog-single .blog-single-main {
  margin-top: 30px;
}
.blog-single .blog-detail {
  background: #fff;
}
.blog-single .image {
  position: relative;
}
.blog-single .image img {
  width: 100%;
  height: 100%;
}
.blog-single .blog-title {
  font-size: 28px;
  font-weight: 700;
  margin: 20px 0 10px;
  text-transform: capitalize;
  margin: 20px 0 30px 0;
}
.blog-single .blog-meta {
  margin-bottom: 0;
  overflow: hidden;
  margin-top: 40px;
}
.blog-single .blog-meta .author i {
  color: #3353ea;
  margin-right: 10px;
  font-size: 13px;
}
.blog-single .blog-meta .author a {
  margin-right: 10px;
}
.blog-single .blog-meta .author a:last-child {
  margin: 0;
}
.blog-single .blog-meta span {
  display: inline-block;
  font-size: 14px;
  color: #666;
}
.blog-single .blog-meta span a i {
  margin-right: 10px;
  color: #3353ea;
}
.blog-single .blog-meta span a:hover {
  color: #3353ea;
}
.blog-single .content p {
  margin-bottom: 25px;
  line-height: 26px;
}
.blog-single .content p:last-child {
  margin: 0;
}
.blog-single blockquote {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  padding-left: 20px;
  padding: 10px 20px;
  background: #3353ea;
  padding: 30px 40px 30px 70px;
  color: #fff;
  border: none;
  margin-bottom: 25px;
}
.blog-single blockquote i {
  font-size: 30px;
  color: #ffffff78;
  position: absolute;
  left: 20px;
  top: 20px;
}
.blog-single .content .img-post {
  margin-bottom: 25px;
}
.blog-single .content .img-post .inner-image img {
  height: 100%;
  width: 100%;
}
.blog-single .content .img-post .img-text p i {
  display: block;
  font-weight: 600;
  margin-bottom: 30px;
}
.blog-single .content .title-post {
  margin-bottom: 25px;
}
.blog-single .content .title-post h3 {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 25px;
  font-weight: 700;
}
.blog-single .content .title-post h3:before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 50px;
  background: #3353ea;
}
.blog-single .content .title-post p {
}
.blog-single .content .title-post ul {
  padding-left: 70px;
}
.blog-single .content .title-post ul li {
  position: relative;
  display: block;
  margin: 10px 0px;
  padding-left: 12px;
}
.blog-single .content .title-post ul li:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  height: 6px;
  width: 6px;
  border-radius: 100%;
  background: #333;
  margin-top: -1px;
}
.blog-single .content .title-post .inner-image img {
  height: 100%;
  width: 100%;
}
.blog-single .share-social {
  overflow: hidden;
  padding: 10px 20px;
  border-radius: 3px;
  margin-top: 20px;
}
.blog-single .share-social .col-md-6 {
  padding: 0px;
}
.blog-single .share-social .col-sm-6 {
  padding: 0px;
}
.blog-single .share-social .col-xs-6 {
  padding: 0px;
}
.blog-single .share-social .content-tags {
  position: relative;
}
.blog-single .share-social .content-tags h4 {
  position: absolute;
  left: 0;
  top: 7px;
  font-size: 15px;
}
.blog-single .share-social .content-tags .tag-inner {
  padding-left: 60px;
}
.blog-single .share-social .content-tags .tag-inner li {
  display: inline-block;
  margin-right: 7px;
  margin-bottom: 10px;
  margin-top: 4px;
}
.blog-single .share-social .content-tags .tag-inner li:last-child {
  margin-right: 0px;
  margin-bottom: 0px;
}
.blog-single .share-social .content-tags .tag-inner li a {
  border-radius: 30px;
  padding: 5px 15px;
  background: #f4f7fc;
  font-size: 13px;
}
.blog-single .share-social .content-tags .tag-inner li a:hover {
  color: #fff;
  background: #3353ea;
}
.blog-single .share-social .share-inner ul {
  float: right;
}
.blog-single .share-social .share-inner ul li {
  display: inline-block;
  margin-right: 5px;
}
.blog-single .share-social .share-inner ul li:last-child {
  margin-right: 0px;
}
.blog-single .share-social .share-inner ul li a {
  color: #fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 100%;
  display: block;
  text-align: center;
}
.blog-single .share-social .share-inner ul li .facebook {
  background: #3b5998;
}
.blog-single .share-social .share-inner ul li .twitter {
  background: #55acee;
}
.blog-single .share-social .share-inner ul li .linkedin {
  background: #0077b5;
}
.blog-single .share-social .share-inner ul li .google-plus {
  background: #dd4b39;
}
.blog-single .share-social .share-inner ul li .pinterest {
  background: #bd081c;
}
.blog-single .share-social .share-inner ul li a:hover {
  color: #fff;
}
/* Comments */
.blog-single .comments .comment-title {
  position: relative;
  text-align: left;
  font-size: 18px;
  color: #2c2d3f;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-weight: 400;
  margin-top: 35px;
  font-weight: 600;
}
.blog-single .comments {
}
.blog-single .comments .single-comment {
  position: relative;

  padding: 35px 0px;
}
.blog-single .comments .single-comment.left {
  margin-left: 110px;
}
.blog-single .comments .single-comment img {
  height: 70px;
  width: 70px;
  border-radius: 100%;
  position: absolute;
  left: 0;
}
.blog-single .single-comment .content {
  padding-left: 95px;
}
.blog-single .single-comment .content h4 {
  color: #333;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  display: inline-block;
  margin-bottom: 18px;
  text-transform: uppercase;
}
.blog-single .single-comment .content h4 span {
  display: inline-block;
  font-size: 13px;
  color: #8d8d8d;
  margin: 0;
  margin-left: 5px;
  font-weight: 400;
  text-transform: capitalize;
}
.blog-single .single-comment .content p {
  color: #666;
  font-weight: 400;
}
.blog-single .single-comment .content a {
  display: inline-block;
  color: #666;
  font-weight: 400;
  margin-left: 90px;
  background: #33333312;
  color: #3353ea;
  padding: 5px 12px;
  border-radius: 30px;
  text-transform: capitalize;
  font-size: 13px;
}
.blog-single .single-comment .content a:hover {
  background: #3353ea;
  color: #fff;
}
/* Comment Form */
.blog-single .reply .reply-title {
  position: relative;
  text-align: left;
  font-size: 20px;
  color: #2c2d3f;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-weight: 400;
  margin-top: 35px;
  font-weight: 600;
}
.blog-single .reply .form-group {
  margin-bottom: 25px;
}
.blog-single .reply .form-group input {
  box-shadow: none;
  text-shadow: none;
  font-size: 15px;
  width: 100%;
  padding: 0 20px;
  text-transform: capitalize;
  height: 55px;
  background: transparent;
  box-shadow: none;
  border: none;
  color: #2c2d3f;
  border-radius: 0px;
  border: 1px solid #dbdee5;
}
.blog-single .reply .form-group textarea {
  box-shadow: none;
  text-shadow: none;
  border: none;
  font-size: 15px;
  padding-left: 16px;
  padding-top: 18px;
  height: 200px;
  color: #2c2d3f;
  background: transparent;
  text-transform: capitalize;
  width: 100%;
  border-radius: 0px;
  border: 1px solid #dbdee5;
}
.blog-single .reply .button {
  text-align: left;
  margin-bottom: 0px;
}
/* Blog Single-Full-width CSS */
.blog-single.full-width {
}
.blog-single.full-width .single-news {
  margin-top: 30px;
}
.blog-single.full-width .news-head {
  position: relative;
}
.blog-single.full-width .news-head .date {
  position: absolute;
  left: 6px;
  top: 6px;
  height: 70px;
  width: 70px;
  line-height: 70px;
  background: #3353ea;
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 52px;
  font-size: 13px;
}
.blog-single.full-width .news-head .date span {
  display: block;
  line-height: 0px;
  margin-top: -9px;
}
.blog-single.full-width .news-head img {
  height: 100%;
  width: 100%;
}
.blog-single.full-width .news-content {
  padding: 35px;
  box-shadow: 0px 0px 12px #00000014;
}
.blog-single.full-width .news-content .author {
  margin-bottom: 20px;
}
.blog-single.full-width .news-content .author a {
  display: inline-block;
  color: #333;
  text-transform: uppercase;
}
.blog-single.full-width .news-content .author a:hover {
  color: #3353ea;
}
.blog-single.full-width .news-content .author span {
  display: inline-block;
  margin: 0px 5px;
  color: #888;
  text-transform: uppercase;
}
.blog-single.full-width .news-content h2 {
  margin-bottom: 20px;
}
.blog-single.full-width .news-content h2 a {
  text-transform: capitalize;
  font-size: 28px;
  font-weight: 700;
}
.blog-single.full-width .news-content h2 a:hover {
  color: #3353ea;
}
.blog-single.full-width .news-content p {
}
.blog-single.full-width .news-content .button {
  margin-top: 20px;
}
/* Full Single */
.blog-single.full-single .news-content h2 a {
  font-size: 20px;
}
.blog-single.full-single .news-content h2 {
  margin-bottom: 20px;
  line-height: 22px;
}
/*=============================
  /End End Blog CSS
===============================*/

/*=============================
  Start Clients CSS
===============================*/
.clients {
  background: #fff;
  text-align: left;
}
.clients .content {
  padding-right: 65px;
}
.clients .content .section-title {
  text-align: left;
  margin-bottom: 0px;
}
.clients .content .section-title h2:after {
  left: 0;
  margin-left: 0px;
}
.clients .content p {
}
.clients .content .button {
  margin-top: 20px;
}
.clients .image-head {
}
.clients .image-head .inner {
  background: #fff;
  width: 100%;
  height: 120px;
  line-height: 120px;
  text-align: center;
  margin-bottom: 30px;
  box-shadow: 0px 0px 15px #00000012;
  border-radius: 5px;
}
/*=============================
  / End Clients CSS
===============================*/

/*=============================
  Start Error 404 CSS
===============================*/
.error-page {
  background-image: url("https://via.placeholder.com/1900x800");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.error-page.overlay::before {
  opacity: 0.7;
}
.error-page .error-inner {
  text-align: center;
  flex-direction: initial;
  text-align: center;
  margin-top: 80px;
}
.error-page .error-inner h2 {
  color: #333;
  margin-bottom: 20px;
  font-weight: 800;
  display: inline-block;
  font-size: 140px;
}
.error-page .error-inner p {
  color: #333;
  font-weight: 600;
  line-height: 24px;
  font-size: 16px;
  padding: 0 30px;
}
.error-page .button {
  margin-top: 30px;
}
.error-page .button .btn {
  margin-right: 15px;
  border-radius: 30px;
}
/*=============================
  /End Error 404 CSS
===============================*/

/*=============================
  Start Contact CSS
===============================*/
.contact-area .contact-items {
  overflow: hidden;
}
.contact-area .contact-form h2 {
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.contact-area .contact-form p {
  margin-bottom: 25px;
  position: relative;
  padding-bottom: 20px;
}
.contact-area .contact-form p::after {
  background: #3353ea;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 50px;
}
.contact-area .contact-form input {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  height: 50px;
  width: 100%;
  padding: 0px 15px;
}
.contact-area .contact-form textarea {
  border: 1px solid #e7e7e7;
  border-radius: inherit;
  box-shadow: inherit;
  min-height: 180px;
  padding: 15px 12px;
}
.contact-area .contact-form button {
  background: #3353ea;
  border: medium none;
  box-shadow: inherit;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  padding: 12px 30px;
  text-transform: uppercase;
}
.contact-area .contact-form button i {
  margin-left: 2px;
}
.contact-area form img.loader {
  margin-left: 5px;
}
.contact-area .contact-form {
  margin-top: -5px;
}
.contact-area .address-items h4 {
  border-bottom: 1px solid #e7e7e7;
  font-weight: 600;
  padding-bottom: 15px;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.contact-area .address-items li {
  display: block;
  margin-bottom: 30px;
}
.contact-area .address-items li:last-child {
  border: medium none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.contact-area .address-items li .icon,
.contact-area .address-items li span {
  display: inline-block;
  vertical-align: top;
}
.contact-area .address-items li span {
  padding-left: 15px;
}
.contact-area .address-items li .icon {
  height: 50px;
  width: 50px;
  line-height: 58px;
  text-align: center;
  background: #3353ea;
  color: #fff;
  display: inline-block;
}
.contact-area .address-items li .icon i {
  color: #fff;
  display: inline-block;
  font-size: 25px;
}
.contact-area .address-items li .icon i.fa-clock,
.contact-area .address-items li .icon i.fa-envelope-open {
  font-weight: 500;
}
/* Google Map */
.goolge-map #myMap {
  height: 442px;
  width: 100%;
  border-radius: 0px;
}
/* Mail Success */
.mail-success .mail-inner {
  text-align: center;
  background: #fff;
  padding: 70px 30px;
  box-shadow: 0px 0px 10px #00000021;
}
.mail-success .mail-inner p {
  font-size: 15px;
  color: #333;
}
.mail-success .mail-inner h2 {
  font-size: 40px;
  margin: 10px 0 20px;
  font-weight: 700;
  color: #3353ea;
}
.mail-success .mail-inner .btn {
  background: #3353ea;
  color: #fff;
}
.mail-success .mail-inner .btn i {
  margin-right: 5px;
}
/*=============================
  / End Contact CSS
===============================*/

/*=======================
   Start Newslatter CSS
=========================*/
.newslatter {
  background: #fff;
}
.newslatter .inner {
  padding: 70px 0;
}
.newslatter .content {
  text-align: center;
}
.newslatter .content h2 {
  color: #333;
  font-weight: 700;
  text-transform: capitalize;
}
.newslatter .content p {
  color: #888;
  margin: 20px 0 30px 0;
}
.newslatter .mail {
  position: relative;
}
.newslatter .mail input {
  height: 50px;
  line-height: 50px;
  width: 73%;
  padding: 0 25px;
  background: #fff;
  border: none;
  box-shadow: none;
  border-radius: 3px;
  color: #272727;
  border: 1px solid #00000029;
  border-radius: 30px;
}
.newslatter .mail .button {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.newslatter .mail .button {
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  width: 135px;
  color: #fff;
  background: #3353ea;
  border: none;
  box-shadow: none;
  text-shadow: none;
  display: block;
  border-radius: 0 3px 3px 0;
  font-weight: 500;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
}
.newslatter .mail .button:hover {
  background: #333;
  color: #fff;
}
.newslatter .mail .button a {
  color: #fff;
}
.newslatter .mail .button a i {
}

/*=======================
   / End Newslatter CSS
=========================*/

@media screen and (max-width: 768px) {
  #nav {
    float: unset;
  }
  button.navbar-toggle {
    margin: 0 15px 0 0 !important;
  }
  .main-nav-cstm .nav > li > a::after {
    left: 0;
    width: 100%;
  }
  .main-nav-cstm ul.dropdown-menu li ul.dropdown-menu {
    left: unset !important;
  }
  .navbar-nav .open .dropdown-menu {
    position: absolute;
    width: 100%;
  }
  .main-nav-cstm ul.dropdown-menu a span.caret {
    transform: rotate(0deg);
  }
  .navbar-collapse.collapse.in {
    height: 100vh;
  }

  .spg_h {
    font-size: 36px;
  }
  .blognav,
  .spg .blognav {
    padding: 0px 1.2rem;
  }
  .blognav:before,
  .blognav-right:after {
    top: -10px;
  }
  .generic-bs-popup .modal-body ol {
    margin: 0;
  }
  .generic-bs-popup .list-disc {
    margin: 0px 0px;
  }
  .row-equal-height {
    display: block;
    width: auto;
  }
  .row-equal-height .col {
    margin-bottom: 20px;
  }
  /*.vc_column_container{padding:0 15px !important;}*/
}

/* Shortcode Styling */
.school-logo-container {
  text-align: center;
}
/*.box-shaow-container {
    box-shadow: 0 4px 5px rgba(0,0,0,0.25);
}*/

.restrict-content-message {
  padding: 100px;
  font-size: 36px;
  line-height: 70px;
}

a {
  color: #f4a641;
}

.col.single-department {
  margin-bottom: 20px;
}

#request-timeline {
  text-align: left;
}

#request-timeline p {
  text-align: left;
}

#request-timeline h3 {
  font-size: 19px;
  margin: 40px 0 4px;
}

#request-timeline h3 a {
  margin-left: 10px;
}

#request-timeline h3 a:last-child {
  margin: 0;
}

#scrollUp {
  padding: 10px 12px !important;
}

/* #school-supervisors {
  float: left;
  padding-right: 15px;
}
#school-supervisors + .clearfix ~ #school-supervisors ~ .clearfix {
  display: none;
}
#school-supervisors:last-child + .clearfix {

} */

.our-team {
  padding: 30px 0 40px;
  margin-bottom: 30px;
  background-color: #f0f0f0;
  text-align: center;
  overflow: hidden;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.our-team:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.our-team .picture {
  display: inline-block;
  height: 130px;
  width: 130px;
  margin-bottom: 50px;
  z-index: 1;
  position: relative;
}

.our-team:hover .picture::before {
  height: 100%;
}

.our-team .picture::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #301c2a;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.our-team .picture img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  transform: scale(1);
  transition: all 0.9s ease 0s;
  object-fit: cover;
}

.our-team:hover .picture img {
  box-shadow: 0 0 0 14px #f7f5ec;
  transform: scale(0.7);
}

.our-team .title {
  display: block;
  font-size: 15px;
  color: #4e5052;
  margin: 10px 0;
  text-transform: capitalize;
}

/* Logo Styling */
.school-logo-container img {
  width: 60%;
  max-height: 400px;
}

.entry-footer {
  display: none !important;
}

.easy-autocomplete.eac-plate-dark ul li {
  background: #cc3131;
}

.easy-autocomplete.eac-plate-dark ul li.selected,
.easy-autocomplete.eac-plate-dark ul li:hover {
  background: #f4a641;
}
.easy-autocomplete.eac-plate-dark ul {
  top: 0;
  width: 100%;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.easy-autocomplete.eac-plate-dark ul li:first-child {
  border-radius: 0;
}
.easy-autocomplete-container ul li {
  border-color: transparent !important;
}

.selected-school-option .ginput_container_select {
  position: relative;
}
.selected-school-option .ginput_container_select::after {
  content: "";
  background: #f0f0f0;
  display: block;
  width: 100%;
  height: 50px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  opacity: 0.4;
}

#input_14_11 + img {
  border: 2px solid #ccc;
  display: block;
  height: auto;
  margin: 1% 0 1% 0;
  border-radius: 5px;
}

#field_14_43 .ginput_container {
  background-color: #ccc;
  padding: 2px;
  border-radius: 7px;
  overflow: hidden;
}
#field_14_43 .ginput_container #map {
  border-radius: 7px;
}
.gform_button_select_files {
  background: #f4a641;
  border: 0;
  color: #fff;
  padding: 5px 10px;
}

#PreviewImg {
  display: none;
  border: 3px solid #ccc;
  margin: 1% 0;
  border-radius: 5px;
  width: 200px;
  padding: 10px;
  text-align: center;
}
#PreviewImg.show {
  display: block;
}

#files_list .file-i a {
  color: #d85f5c;
}
#files_list .file-i {
  background: #ebebeb;
  margin: 10px 0;
  padding: 10px;
  display: block;
  width: 40%;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #d85f5c;
  position: relative;
}

#files_list .file-i:before {
  content: "\f15b";
  font-family: "fontAwesome";
  margin-right: 10px;
  color: #d85f5c;
  font-size: 25px;
}

#files_list .file-i.icon-png:before,
#files_list .file-i.icon-gif:before,
#files_list .file-i.icon-jpg:before {
  content: "\f1c5";
}
#files_list .file-i.icon-pdf:before {
  content: "\f1c1";
}
#files_list .file-i.icon-word:before {
  content: "\f1c2";
}
#files_list .file-i.icon-mp4:before {
  content: "\f1c8";
}
.new-file.file-i {
  background: #301c2a !important;
  border: 1px solid #301c2a !important;
}

#files_list .file-i span {
  position: absolute;
  right: -4px;
  top: -5px;
  background: red;
  line-height: 12px;
  color: #fff;
  width: 15px;
  border-radius: 19px;
  font-size: 13px;
  height: 15px;
  text-align: center;
  cursor: pointer;
}

/* dashboard page */

.bg-white {
  background: white !important;
}
.text-white {
  color: white !important;
}
.bg-grey {
  background: #f5f5f5 !important;
}

.label-orange {
  background-color: #f7931d !important;
}
.bg-orange {
  background-color: #f7931d !important;
}
.text-orange {
  color: #f7931d !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
a.mb-0 {
  margin-bottom: 0 !important;
}
a.btn-sm {
  padding: 6px 20px !important;
  font-size: 14px !important;
}
.btn-circle {
  border-radius: 30px !important;
}
body .dashboard-table a.orange-btn {
  color: white !important;
}
.logout-btn,
a.orange-btn {
  background: #ffa500;
  border-radius: 50px;
  padding: 5px 15px;
  color: white !important;
}
.logout-btn:hover,
a.orange-btn:hover {
  background: #ef9a00;
  color: white !important;
}
.not-found-txt {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 25px 15px;
  background: #fff;
}
.hidden {
  display: none !important;
}
.dashboard-user-box {
  padding: 20% 10% 20%;
}
.dashboard-user-box
  img.gravatar.avatar.avatar-886.um-avatar.um-avatar-uploaded {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.table-responsive table {
  margin-bottom: 0 !important;
}
.dashboard-add-btn {
  background: orange;
  color: white !important;
  height: 25px;
  display: inline-block;
  width: 25px;
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
  font-size: 30px;
}
.dashboard-add-btn:hover {
  color: #f5f5f5 !important;
}
.dashboard-table thead {
  background: #ffa500;
  color: white;
}
.dashboard-table {
  margin-bottom: 50px;
}
.dashboard-table thead th {
  border-bottom: 4px solid #f5f5f5 !important;
  padding: 14px 20px !important;
}
.dashboard-table thead th span.fooicon {
  right: 15px !important;
}
.dashboard-table tbody tr {
  background-color: white !important;
}
.dashboard-table tbody td {
  padding: 18px 20px !important;
  border-color: #f5f5f5 !important;
  vertical-align: middle !important;
}
.dashboard-table tbody td a {
  color: black !important;
}

.dashboard-user-contianer .bordered:nth-child(3) {
  border-right: 1px solid #dee2e6 !important;
}
.dashboard-user-contianer .bordered:nth-child(2) {
  border-right: 1px solid #dee2e6 !important;
  border-left: 1px solid #dee2e6 !important;
}

@media screen and (max-width: 480px) {
  .dashboard-user-contianer .bordered:nth-child(2) {
    border: 0 !important;
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
  }
  .dashboard-user-box {
    height: auto !important;
  }
}
/* dashboard page end */

/* Faisal */
.td-status- {
  background: #eaf0f5;
  color: #9ca8d3;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 20px;
}

.wizard,
.tabcontrol {
  display: block;
  width: 100%;
  overflow: hidden;
}

.wizard a,
.tabcontrol a {
  outline: 0;
}

.wizard ul,
.tabcontrol ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}

.wizard ul > li,
.tabcontrol ul > li {
  display: block;
  padding: 0;
}

/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info {
  position: absolute;
  left: -999em;
}

.wizard > .content > .title,
.tabcontrol > .content > .title {
  position: absolute;
  left: -999em;
}

/*
    Wizard
*/

.wizard > .steps {
  position: relative;
  display: block;
  width: 100%;
}

.wizard.vertical > .steps {
  display: inline;
  float: left;
  width: 20%;
}

.wizard > .steps .number {
  font-size: 1.429em;
}

.wizard > .steps > ul > li {
  width: 25%;
}

.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
  float: left;
}

.wizard.vertical > .steps > ul > li {
  float: none;
  width: 100%;
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
  display: block;
  width: auto;
  margin: 0 0.5em 0.5em;
  padding: 1em 1em;
  text-decoration: none;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
  background: #eee;
  color: #aaa;
  cursor: default;
}

.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
  background: #cc3131;
  color: #fff;
  cursor: default;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
  background: #f4a641;
  color: #fff;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
  background: #ff3111;
  color: #fff;
}

.wizard > .content {
  background: #eee;
  display: block;
  margin: 0.5em;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  width: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow-y: scroll;
}

.wizard.vertical > .content {
  display: inline;
  float: left;
  margin: 0 2.5% 0.5em 2.5%;
  width: 75%;
}

.wizard > .content > .body {
  float: left;
  position: absolute;
  width: 95%;
  height: 60%;
  padding: 2.5%;
}

.wizard > .content > .body ul {
  list-style: disc !important;
}

.wizard > .content > .body ul > li {
  display: list-item;
}

.wizard > .content > .body > iframe {
  border: 0 none;
  width: 100%;
  height: 100%;
}

.wizard > .content > .body input {
  display: block;
  border: 1px solid #ccc;
}

.wizard > .content > .body input[type="checkbox"] {
  display: inline-block;
}

.wizard > .content > .body input.error {
  background: rgb(251, 227, 228);
  border: 1px solid #fbc2c4;
  color: #8a1f11;
}

.wizard > .content > .body label {
  display: inline-block;
  margin-bottom: 0.5em;
}

.wizard > .content > .body label.error {
  color: #8a1f11;
  display: inline-block;
  margin-left: 1.5em;
}

.wizard > .actions {
  position: relative;
  display: block;
  text-align: right;
  width: 100%;
}

.wizard.vertical > .actions {
  display: inline;
  float: right;
  margin: 0 2.5%;
  width: 95%;
}

.wizard > .actions > ul {
  display: inline-block;
  text-align: right;
}

.wizard > .actions > ul > li {
  margin: 0 0.5em;
}

.wizard.vertical > .actions > ul > li {
  margin: 0 0 0 1em;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
  background: #cc3131;
  color: #fff;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
  background: #eee;
  color: #aaa;
}

.wizard > .loading {
}

.wizard > .loading .spinner {
}

/*
    Tabcontrol
*/

.tabcontrol > .steps {
  position: relative;
  display: block;
  width: 100%;
}

.tabcontrol > .steps > ul {
  position: relative;
  margin: 6px 0 0 0;
  top: 1px;
  z-index: 1;
}

.tabcontrol > .steps > ul > li {
  float: left;
  margin: 5px 2px 0 0;
  padding: 1px;

  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tabcontrol > .steps > ul > li:hover {
  background: #edecec;
  border: 1px solid #bbb;
  padding: 0;
}

.tabcontrol > .steps > ul > li.current {
  background: #fff;
  border: 1px solid #bbb;
  border-bottom: 0 none;
  padding: 0 0 1px 0;
  margin-top: 0;
}

.tabcontrol > .steps > ul > li > a {
  color: #5f5f5f;
  display: inline-block;
  border: 0 none;
  margin: 0;
  padding: 10px 30px;
  text-decoration: none;
}

.tabcontrol > .steps > ul > li > a:hover {
  text-decoration: none;
}

.tabcontrol > .steps > ul > li.current > a {
  padding: 15px 30px 10px 30px;
}

.tabcontrol > .content {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 35em;
  overflow: hidden;
  border-top: 1px solid #bbb;
  padding-top: 20px;
}

.tabcontrol > .content > .body {
  float: left;
  position: absolute;
  width: 95%;
  height: 95%;
  padding: 2.5%;
}

.tabcontrol > .content > .body ul {
  list-style: disc !important;
}

.tabcontrol > .content > .body ul > li {
  display: list-item;
}

#educator-request-creation {
}

body.page-id-3860,
body.page-id-38670000000 {
  position: relative;
  overflow: hidden;
}
body.page-id-3860::before,
body.page-id-386700000::before {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  background: #868484b5;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: "";
  z-index: 9999999999999999;
  /*overflow: hidden;*/
}

.gform_page_footer .button {
  background: #cc3131;
  color: #fff;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0;
}

#educator-request-creation {
  z-index: 9999999999999999999999999999999999;
  position: relative;
  background: #fff;
  margin: 40px;
  padding: 20px;
}

.gf_page_steps {
  width: 20% !important;
  float: left;
  display: block;
}
.gf_step {
  display: block !important;
  background: #f4a641;
  margin: 10px 0 !important;
  opacity: 1 !important;
  color: #fff;
  padding: 11px;
  height: auto !important;
}
.gf_step_active {
  background: #cc3131 !important;
}
/*#gform_19 .gform_body {
    width: 70% !important;
    float: left;
    margin-left: 30px;
}*/

#gform_19 .validation_error {
  display: none;
}
#gform_19 li.gfield.gfield_error {
  border: 0;
  background: inherit;
}
#gform_19 .gfield_error .gfield_label {
  color: #000;
}
#gform_19 .validation_message {
  color: red;
  padding-top: 3px;
}
#gform_19 li.gfield_error div.ginput_complex.ginput_container label,
#gform_19 li.gfield_error ul.gfield_checkbox,
#gform_19 li.gfield_error ul.gfield_radio {
  color: #000;
}
.gform_wrapper ul.gfield_radio li {
  overflow: visible !important;
}

#address-map {
  position: absolute;
  width: 120%;
  height: 500px;
  left: -5%;
  top: -16%;
}

.map-bodyContent img {
  width: 100%;
}

#address-map .gm-ui-hover-effect {
  display: none !important;
}

/*.selected-school-empty {
  display: none;
}*/

.gf_progressbar_percentage {
  background: #f7931d !important;
  color: #fff !important;
}
#input_19_10 > li {
  float: left;
}

.gchoice_19_10_0,
.gchoice_19_10_1,
.gchoice_19_10_2 {
  width: 30%;
  margin-bottom: 35px !important;
}
#input_19_10 img {
  margin: 0 auto;
  display: block;
  height: 60px;
}
#input_19_10 strong {
  text-align: center !important;
  display: block;
  margin: 25px;
  font-size: 20px;
}
#input_19_10 button {
  display: block;
  margin: 13px auto;
  border: 0;
  background: #4a86e8;
  color: #fff;
  padding: 6px 10px;
  border-radius: 5px;
}
#input_19_10 input:checked ~ label button {
  background: #ffab40;
  color: #000000;
}
#input_19_10 p {
  margin: 0 30px;
  font-size: 13px;
  text-align: center;
  line-height: 20px !important;
}
#input_19_10 a {
  text-align: center !important;
  display: inherit;
  margin: 12px;
  font-size: 13px;
  color: #4a86e8;
}
#input_19_10 input:checked ~ label {
  border-color: #ffab40;
}
#input_19_10 label {
  background-color: #fff;
  padding: 10px;
  padding-left: 10px;
  height: 250px;
  border: 1px solid transparent;
  max-width: 100%;
  width: 90%;
  /*background-image: url(/wp-content/uploads/2020/07/o-capsource.png);*/
  /*text-indent: -9999px;*/
  /* width: 100%; */
  /*background-size: contain;
  height: 100px;
  border: 2px solid #ddd !important;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-color: #fff;*/
}

#input_19_10 label:after,
#input_19_10 label:before {
  display: none !important;
}

/*#input_19_10 label#label_19_10_1 {
  background-image: url(/wp-content/uploads/2020/07/o-live-case.png);
}
#input_19_10 label#label_19_10_2 {
  background-image: url(/wp-content/uploads/2020/07/o-co-op.png);
}
#input_19_10 label#label_19_10_3 {
  background-image: url(/wp-content/uploads/2020/07/o-site-visits.png);
}

#input_19_10 input:checked ~ label {
  border: 2px solid #F7931D !important;
}*/

#input_19_10 {
  position: relative;
}
#input_19_10 input {
  position: absolute;
  top: 20px;
  left: 30px;
}
#gform_submit_button_19 {
  display: inline-block;
}

/* #field_19_19,
#field_19_20,
#field_19_21,
#field_19_22 {
    width: 23%;
    float: left;
    clear: none;
} */

#field_19_17,
#field_19_18 {
  width: 35%;
  float: left;
  clear: none;
}

/* Old Theme style Load */
.header_hor .l-header.pos_fixed ~ .l-main .l-section.sticky {
  top: 70px !important;
}
.admin-bar.header_hor .l-header.pos_fixed ~ .l-main .l-section.sticky {
  top: 100px !important;
}
code {
  vertical-align: middle !important;
  color: #333 !important;
  background-color: #eae7c0 !important;
}
.oc-r-t-t {
  font-size: 16px;
}
#opencase_guest_message {
  background: #eee;
  padding: 29px;
  width: 90%;
  margin: 40px auto;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
#opencase_guest_message h3 {
  font-size: 25px;
}

.loggedin-only {
  display: none !important;
}
body.logged-in .loggedin-only {
  display: inherit !important;
}
tr.show {
  display: table-row !important;
}

.create-opencase-btn {
  display: none !important;
}

.role-company .create-opencase-btn {
  display: block !important;
}

.opencase-item {
  border: 1px solid rgba(212, 221, 223, 0.5);
  box-shadow: 0 0 5px 0 rgba(212, 221, 223, 0.85);
  margin: 0 -1px 35px;
  position: relative;
  padding: 0 15px 15px;
  background: #fff;
  min-height: 250px;
}

.opencase-item.request-item {
  min-height: inherit;
}
.opencase-item .company-logo {
  margin: 30px 0;
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 95%;
}

.opencase-item .company-name {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  margin: 0;
  margin-top: 20px;
  padding-right: 50px;
}

.opencase-item .tagline {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 13px;
  display: block;
  line-height: 16px;
  color: #6a7a7e;
}

.opencase-item .provider-info__description {
  color: #6a797d;
  padding-top: 20px;
  border-right: 1px solid #ddd;
}
.company-name {
  display: inline-block;
}
.provider-info__description {
  color: #6a797d;
  padding-top: 20px;
}
.provider-info__description .module-list {
  margin: 0 0 0 5px;
}
.provider-info__description .module-list li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
}
.provider-info__description blockquote {
  padding-left: 5px;
  margin-top: 0;
}
.provider-info__description blockquote {
  padding: 0;
  margin: 10px 0;
  border: 0;
  font-size: 16px;
  color: #6a797d;
}
blockquote p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.42857;
}
.row.provider-row-header {
  border-bottom: 1px solid #ddd;
}

.badge {
  background-color: #ce3737;
  padding: 5px 7px;
  font-size: 11px;
  margin-bottom: 5px;
}
.provider-topics {
  padding-top: 20px;
  border-left: 1px solid #ddd;
}
.provider-info__details {
  padding-top: 20px;
}
.row.provider-row-footer {
  padding: 20px;
  border-top: 1px solid #ddd;
  margin: 20px;
  margin-bottom: 0;
  text-align: center;
  padding-top: 30px;
}
.oc-left-btn {
  width: 49%;
  border-right: 1px solid #ddd;
  float: left;
}
.oc-right-btn {
  margin-left: 15%;
  float: left;
}

.opencase-btn {
  width: 100%;
}

.oc-left-btn a,
.oc-center-btn a,
.oc-right-btn a {
  background: #f7b341;
  padding: 10px 25px;
  border-radius: 3px;
  color: #fff;
}
.oc-left-btn a:hover,
.oc-center-btn a:hover,
.oc-right-btn a:hover {
  background: #f7b341 !important;
  color: #fff !important;
}

.highlight {
  background-color: #fff34d;
  -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3-4 */
  border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
}
.total-counting-opencase {
  font-size: 22px;
  margin: 0 0 25px;
}

.panel-body.search-departments {
  height: 300px;
  overflow-y: scroll;
}

.oc-action-btns-container {
  position: absolute;
  right: 10px;
  top: 40px;
  background: #ddd;
  list-style-type: none;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
  padding: 10px;
  display: none;
}
.oc-action-btns {
  position: absolute;
  right: 10px;
  top: 10px;
  background: #f5f5f5;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  padding-top: 2px;
  padding-left: 2px;
  color: #ce3737;
}
.module-list a {
  color: #6a797d;
}
.not-found-txt {
  display: block;
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 25px 15px;
  background: #fff;
}

.align-center {
  text-align: center;
}

.page-id-18480 .bg-img-contain .cl-flipbox-back {
  background-size: cover !important;
}

.page-id-18480 .cl-flipbox-front {
  background-color: transparent !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
a.edit-disable {
  background: gray !important;
  cursor: not-allowed;
}

body.home .w-btn.style_solid.color_red.icon_none {
  background-color: #921245;
}
/* .um-request-button.um-export-data-button,
.um-request-button.um-erase-data-button,
.um input[type="submit"].um-button, .um input[type="submit"].um-button:focus, .um a.um-button, .um a.um-button.um-disabled:hover, .um a.um-button.um-disabled:focus, .um a.um-button.um-disabled:active {
    background: #F7931D !important;
} */
.um-request-button.um-export-data-button:hover,
.um-request-button.um-erase-data-button:hover {
  color: #fff !important;
}
.um-field.um-field-export_data {
  margin-top: 40px;
}
.um-account-side li a.um-account-link,
.um-account-side li a.um-account-link:hover {
  color: #fff !important;
  background: #f7931d !important;
  margin: 8px 0;
}
.um-account-side .um-account-icon i {
  color: #fff;
}
.um-account-side li a span.um-account-title {
  color: #fff;
}
.um-account-side li a.um-account-link.current {
  background: #cc3232 !important;
}

#um_field_general_user_email {
  display: none !important;
}

.um-button.um-btn-auto-width {
  width: 120px !important;
  display: inherit;
}

.um-button.um-btn-auto-width:hover {
  color: #fff !important;
}
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover {
  background: #cc3232;
}
.ajax-upload-dragdrop .upload {
  background-color: #f7931d !important;
}

.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color {
  color: #c33;
}
.um .um-form input[type="text"],
.um .um-form input[type="search"],
.um .um-form input[type="tel"],
.um .um-form input[type="password"],
.um .um-form textarea {
  background: #f5f8fa !important;
}
.um-account-side li a span.um-account-title {
  color: #fff !important;
}
/*.um-account-profile-link {
  display: none;
}*/

/* login Page */
.um-form .um-misc-img > a {
  box-shadow: 0 0px 2px 0 #ccc !important;
  display: inline-block;
  padding: 5px;
  border-radius: 99px;
  margin-bottom: 15px;
}
.um-form .um-misc-with-img > div > strong {
  font-size: 22px;
  font-weight: 500;
}
.um-misc-ul > li > a {
  display: block;
  text-align: center;
  margin-bottom: 10px !important;
}

.um-login-wrapper .um-login {
  max-width: 100% !important;
}
.um-login-wrapper .um-center {
  text-align: left !important;
}
.um-login-wrapper .um-button {
  margin-top: 20px !important;
}
/* login Page */

.users-list .author-card {
  border: 1px solid #ddd;
  padding: 10px;
  width: 200px;
}
.view-profile-btn {
  background: #f7931d;
  color: #fff;
  padding: 2px;
  display: block;
  margin: 10px auto;
  border-radius: 5px;
  width: 75%;
  font-size: 13px;
}
.view-profile-btn:hover {
  background: #ce3737 !important;
  color: #fff !important;
}
.users-list .gravatar {
  border-radius: 50%;
  width: 68%;
  margin: 17px 0;
}
.users-list strong {
  margin-bottom: 17px;
  display: block;
}
.wpb_text_column.vc_custom_1574734390474 h4 {
  text-align: justify !important;
  line-height: 40px;
}

.provider-info__details h6,
.provider-topics h6 {
  margin-bottom: 6px;
  font-size: 15px;
}

.badge-colab-type {
  padding: 1px;
  background: #f7b341;
  display: block;
  margin: 10px 0;
  color: #fff;
  font-size: 13px;
  border-radius: 21px;
  text-align: center;
}

body.search-loading * {
  cursor: wait !important;
}

/*.current_page_ancestor > .w-nav-anchor {
  color: #66525f !important;
}*/

#label_26_22_0,
#label_26_22_1,
#label_26_22_2,
#label_26_22_3,
#label_27_22_0,
#label_27_22_1,
#label_27_22_2,
#label_27_22_3 {
  border: 1px solid #ddd;
  padding: 8px 30px 8px 20px;
  width: 200px;
}
#input_26_22 li #choice_26_22_0,
#input_26_22 li #choice_26_22_1,
#input_26_22 li #choice_26_22_2,
#input_26_22 li #choice_26_22_3,
#input_27_22 li #choice_27_22_0,
#input_27_22 li #choice_27_22_1,
#input_27_22 li #choice_27_22_2,
#input_27_22 li #choice_27_22_3 {
  width: 1px !important;
  opacity: 0;
  margin-left: -22px;
}
#choice_26_22_0:checked + #label_26_22_0,
#choice_26_22_1:checked + #label_26_22_1,
#choice_26_22_2:checked + #label_26_22_2,
#choice_26_22_2:checked + #label_26_22_3,
#choice_27_22_0:checked + #label_27_22_0,
#choice_27_22_1:checked + #label_27_22_1,
#choice_27_22_2:checked + #label_27_22_2,
#choice_27_22_3:checked + #label_27_22_3 {
  border: 1px solid #cc3434;
  background: #cc3434;
  color: #fff;
}
.w-btn.color_light {
  color: #fff !important;
}
.autocomplete-suggestion {
  cursor: pointer;
  height: 50px;
  padding: 10px;
  margin: 2px 0;
}
.autocomplete-suggestion:hover {
  background: #cc3131;
  color: #fff;
}
.autocomplete-suggestions {
  background: #f7931d;
  /*display: block !important;*/
  overflow: hidden;
  overflow-y: scroll;
}
.suggestion-logo {
  width: 50px;
  float: left;
  margin-right: 10px;
  text-align: center;
}
.autocomplete-suggestions img {
  padding: 2px;
  max-width: 40px;
  max-height: 30px;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
.ui-datepicker-title select {
  color: #fff;
  background: #666 !important;
  float: left;
  width: 34%;
  height: 18px;
  font-size: 12px;
  border: 1px solid #ddd;
  margin: 5px 2px;
}

.td-status- {
  background: #eaf0f5;
  color: #9ca8d3;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 20px;
}
.td-status-Complete {
  background: #e5f6ee;
  color: #4b9780;
}

#vip-container,
#opencase-container {
  display: none;
}
.active-form {
  background: #cc3131 !important;
}
#label_25_30_0,
#label_25_30_1,
#label_25_30_2,
#label_26_30_0,
#label_26_30_1,
#label_26_30_2 {
  border: 1px solid #ddd;
  padding: 8px 30px 8px 20px;
  width: 200px;
}
#input_25_30 li #choice_25_30_2,
#input_26_30 li #choice_26_30_0,
#input_26_30 li #choice_26_30_1,
#input_26_30 li #choice_26_30_2 {
  width: 1px !important;
  opacity: 0;
  margin-left: -22px;
}
#choice_25_30_0:checked + #label_25_30_0,
#choice_25_30_1:checked + #label_25_30_1,
#choice_25_30_2:checked + #label_25_30_2,
#choice_26_30_0:checked + #label_26_30_0,
#choice_26_30_1:checked + #label_26_30_1,
#choice_26_30_2:checked + #label_26_30_2 {
  border: 1px solid #cc3434;
  background: #cc3434;
  color: #fff;
}
.auto-praragraph p {
  margin-bottom: 4px;
}
.users-list-container {
  margin: 25px 0;
}
.relevant-topics-row {
  margin-bottom: 50px;
}
#hubspot-messages-iframe-container {
  z-index: 9999 !important;
}
#apply-form-slider {
  background: #fff;
  z-index: 9999999 !important;
  width: 70% !important;
  padding: 50px;
  overflow-y: scroll;
}

body.hide-scroll {
  overflow-y: hidden;
}
#iacbe-main-menu {
  background: #cc3131;
  color: #fff;
}
#iacbe-main-menu a {
  color: #fff;
}
body.single-product .label {
  color: #66525f;
  font-size: 18px;
  text-align: left;
}
.single_add_to_cart_button.button.alt {
  background: #f7931d;
}
.woocommerce-breadcrumb {
  display: none;
}
.woocommerce-select {
  width: 90%;
}
.woocommerce .cart .reset_variations {
  left: 91%;
}
.product_meta {
  display: none;
}
.woocommerce-notices-wrapper {
  display: none;
}
#place_order {
  background: #f7931d;
}

.select2-selection__arrow::before {
  display: none !important;
}

.w-nav-list.level_1 > li > a {
  text-transform: uppercase;
}

@media only screen and (max-width: 480px) {
  body.page-id-24973 .btn.hvr-grow {
    width: 90%;
    padding: 20px;
  }

  h1.vc_custom_heading.vc_custom_1591140005202,
  h1.vc_custom_heading.vc_custom_1591139942353 {
    font-size: 25px !important;
  }
}

@media only screen and (max-width: 1019px) {
  .menu-item-25200 {
    display: none !important;
  }
}

#menu-item-25433 {
  display: none !important;
}
body.logged-in #menu-item-25433 {
  display: inline-block !important;
}

#filter-area {
  background: #f5f5f5;
  /*padding: 10px;*/
  border-radius: 4px;
  box-shadow: 0 2px 3px rgba(111, 104, 104, 0.7);
}

.filter_div {
  height: 48px;
  line-height: 48px;
  padding: 0 15px;
}
.filter_span {
  color: #000;
  text-transform: uppercase;
  font-size: 18px;
}
.filter_div span svg {
  position: relative;
  top: 4px;
  margin-right: 10px;
}

.padding-top {
  padding-top: 20px;
}
.padding-bottom {
  padding-bottom: 20px;
}
.border-top {
  border-top: 1px solid #e2e2e2;
}
.slick-dots,
.text-center {
  text-align: center;
}
.yellow-btn {
  background: rgb(244, 166, 65);
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0 18px;
  text-transform: uppercase;
  font-size: 12px;
  border: 1px solid rgb(244, 166, 65);
}

.yellow-btn:hover {
  color: #fff !important;
}

.panel-title > a {
  display: block;
  position: relative;
}
.panel-title > a::after {
  content: ""; /* fa-chevron-down */
  background-image: url("images/chevron-down.svg");
  position: absolute;
  right: 0;
  width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  background-size: contain;
}
.panel-title > a[aria-expanded="true"]::after {
  background-image: url("images/chevron-up.svg");
}

#filter-area .panel-body {
  border: 0;
}

#filter-area .panel {
  border: 0;
  box-shadow: 0;
}

#filter-area .panel-group .panel {
  border-radius: 0;
}

#filter-area #accordion {
  margin-bottom: 0;
}

.default-search-bar {
  padding: 10px;
}
.input-field {
  box-shadow: none !important;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 0 !important;
  min-height: 45px;
  padding-left: 23px !important;
  width: 100%;
}

.row.provider-row-footer.provider-row-footer-school,
.request-item .row.provider-row-footer {
  border-top: 0;
  margin-top: 0;
}
.request-item .tagline,
.school-item .tagline {
  margin-top: 20px;
  margin-bottom: 15px;
}

.request-item .list-item,
.school-item .list-item {
  margin-bottom: 15px;
}

body .ts-advanced-tables-container table.ts-advanced-tables-theme-simplelittle {
  border-top: 2px solid #e0e0e0 !important;
}

#gform_wrapper_14 {
  display: block !important;
}

.edit-item {
  display: none !important;
}

body.logged-in .edit-item {
  display: block !important;
}

/* === global style === */
p {
  line-height: 28px !important;
  font-size: 16px;
}
.wpb_video_wrapper {
  padding-top: 0 !important;
}
.clm-p-0 .vc_column-inner {
  padding: 0 !important;
}
/* === acf button sttyle === */
.acf-button {
  color: #fff !important;
  background: #f7931d !important;
  padding: 8px 15px !important;
  border: 0px !important;
  position: relative !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  z-index: 0;
}
.acf-form-submit {
  text-align: left;
}
/* === Social icons list === */
.social-icons-list {
  margin-bottom: 20px;
}
.social-icons-list li {
  display: inline-block;
  margin-right: 10px;
}
.social-icons-list li:last-child {
  margin-right: 0px;
}
.social-icons-list li a {
  position: relative;
  height: 60px;
  width: 60px;
  line-height: 1;
  /* line-height: 38px; */
  text-align: center;
  border-radius: 6px;
  display: block;
  font-size: 25px !important;
  padding: 13px;
  border: 0;
  z-index: 1;
  overflow: hidden;
  color: white;
}
.social-icons-list li a > i {
  margin-top: 4px;
}
.social-icons-list li a.envelope {
  background-color: #bfbfc5;
}
.social-icons-list li a.fb {
  background-color: #42599e;
}
.social-icons-list li a.in {
  background-color: #117eb9;
}
.social-icons-list li a.twitter {
  background-color: #55acee;
}
.social-icons-list li a::after {
  position: absolute;
  content: "";
  background-color: rgba(255, 255, 255, 0.15) !important;
  z-index: 100;
  width: 100%;
  height: 0%;
  left: 0;
  top: 0;
  transition: 0.4s height;
  z-index: -1;
  color: white;
}
.social-icons-list li a:hover::after {
  height: 100%;
}
/* small icons list */
.social-icons-list.small-list li a {
  height: 40px;
  width: 40px;
  border-radius: 6px;
  font-size: 15px !important;
}
/* meduim icons list */
.social-icons-list.medium-list li a {
  height: 50px;
  width: 50px;
  font-size: 22px;
}
.social-icons-list.small-list li a > i,
.social-icons-list.medium-list li a > i {
  margin-top: 0px;
}
/* white icons list */
.social-icons-list.white-list li a {
  background-color: transparent !important;
  color: #fff !important;
}
/* === Widgets === */
aside.widget-area > aside {
  margin-bottom: 30px;
}
aside .widget-title {
  background: #cc3131;
  padding: 8px 15px;
  font-size: 18px;
  color: white;
  font-weight: 600;
  margin-bottom: 10px;
}
aside .widget_recent_entries li {
  padding: 10px;
  margin-bottom: 10px;
  position: relative;
  background: #f5f5f5;
  transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out;
}
aside .widget_recent_entries li:hover {
  box-shadow: 0 2px 8px 0px #d6d6d6c4;
  -ms-transform: scale(1.014);
  transform: scale(1.014);
}
aside .widget_recent_entries li a {
  color: #333;
}
aside .widget_recent_entries a::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
aside .widget_recent_entries span {
  display: block;
  font-weight: 600;
}
aside .widget_recent_entries.blog-webinar-list li a {
  color: #f7931d;
}
aside .widget_recent_entries.blog-webinar-list li a:hover {
  color: #fff;
}

/* === Boxes === */
.background-attach-size .vc_column_container {
  width: 50% !important;
}

.box-translate > .vc_column-inner {
  transition: all 300ms ease;
}
.box-translate.active-box > .vc_column-inner,
.box-translate > .vc_column-inner:hover {
  /* box-shadow: 0 0px 8px 0 #ccc; */
  transform: translateY(-10px);
}

.boxes-border-shadow > .vc_column-inner {
  border: 1px solid #eee !important;
  transition: all 300ms ease;
  border-radius: 10px !important;
  overflow: hidden;
}
.boxes-border-shadow.active-box .vc_column-inner,
.boxes-border-shadow > .vc_column-inner:hover {
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.15);
}
.boxes-border-shadow > .background-attach-size {
  background-size: 100%;
  border-radius: 8px 8px 0 0;
}
.charter_school_logo,
.charter_company_logo {
  max-height: 170px;
  min-height: 175px;
  margin-top: 70px;
  border: 2px solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.adjust-logos .wpb_single_image {
  float: left;
  width: 50% !important;
  padding: 20px 15px !important;
  background: #f5f5f5;
  margin-bottom: 40px !important;
}
.adjust-logos.logo-bg-transparent .wpb_single_image {
  background: transparent;
}
.adjust-logos.logo-bg-transparent .vc_single_image-wrapper {
  box-shadow: 0px 0px 2px 2px #f5f5f5;
}
.adjust-logos.logo-fit .vc_single_image-wrapper img {
  object-fit: contain;
  height: 100%;
}


#vip-btns .active-box .vc_column-inner {
  /*background-color: #f3f3f3;*/
}
/* === Webinar Page === */
.page-id-29044 img.attachment-post-thumbnail {
  /* height: auto; */
}
/* === Blog Page === */
body.blog footer .single-footer.hs-iframe-widget {
  display: none;
}
.caps-blog-wrapper .col-md-6:first-child {
  width: 100%;
  height: auto;
  height: fit-content;
}
.caps-blog-wrapper .col-md-6:first-child .blog-image-wrap img {
  height: auto;
}
.caps-blog-wrapper .col-md-6:first-child .blog-col-data {
  height: auto;
}
.blog-col-data {
  background: #f5f5f5;
  height: 100%;
  position: relative;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #efefef;
  transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out;
}
.blog-col-data:hover {
  box-shadow: 0 2px 8px 0px #d6d6d6c4;
  -ms-transform: scale(1.014);
  transform: scale(1.014);
}
.blog-image-wrap {
  border-bottom: 1px solid #efefef;
}
.blog-meta-data,
.blog-entry-title {
  padding: 0px 15px 11px;
}
.blog-col-data a::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 767px) {
  #filter-area {
    position: relative !important;
  }
  .caps-blog-wrapper {
    margin-bottom: 30px;
  }
  .blog-col-data {
    height: auto;
  }
  .caps-blog-wrapper .blog-image-wrap img {
    height: auto;
  }
  .caps-blog-wrapper .col-min-height {
    height: auto;
  }
}

/* end blog page */
.box-educators {
  margin-bottom: 20px;
}
.box-educators .name {
  font-weight: 600;
  letter-spacing: 1px;
}
.box-educators .sub-heading {
  font-weight: 600;
}
.box-educators .vc_single_image-wrapper {
  border-radius: 99px;
  overflow: hidden;
  box-shadow: 0px 3px 8px -2px #8d8d8e;
}
.box-educators .vc_single_image-wrapper img {
  width: 100%;
}
.box-educators .link {
  text-decoration: underline;
  font-weight: 600;
  letter-spacing: 1;
}
.box-educators .link a:hover {
  color: #cd3535 !important;
}
.box-educators h2.vc_custom_heading {
  font-size: 22px !important;
}

/* === Vip Applications === */
.orange-accordion .panel {
  border: 0;
}
.orange-accordion .panel-heading {
  padding: 0;
}
.orange-accordion .panel-title > a {
  padding: 8px 15px;
  background: #f7931d;
  color: #fff;
  border: 0;
  font-size: 18px;
}
.orange-accordion .panel-title > a span {
  margin-left: 10px;
}
.orange-accordion .panel-title > a:hover {
  background-color: #ffa500;
}
.orange-accordion .panel-title > a span.pull-right {
  font-style: italic;
  padding: 8px 0;
}

.orange-accordion .panel-title > a.collapsed span.pull-right i {
  transform: rotate(0deg) !important;
}
.orange-accordion .panel-title > a span.pull-right i {
  transition: all 0.2s linear 0s;
  transform: rotate(180deg);
}
.orange-accordion .panel-title > a::after {
  content: "";
  display: none;
}
.orange-accordion .panel-body ul {
  margin-top: 20px;
  color: #000;
  border: 1px solid #f5f5f5;
}
.orange-accordion .panel-body ul li {
  font-size: 16px;
  border-bottom: 1px solid #f5f5f5;
  display: flex;
}
.orange-accordion .panel-body ul li .info {
  width: 50%;
  float: left;
  padding: 15px;
  border-right: 1px solid #f5f5f5;
}
.orange-accordion .panel-body ul li .data {
  width: 50%;
  float: left;
  padding: 15px;
}
.orange-accordion .change-status {
  margin-top: 25px;
  font-size: 16px;
  color: #000;
}
.orange-accordion .change-status select {
  cursor: pointer;
}

/* === Helper Classes === */
.crop-fixed .vc_single_image-wrapper {
  width: 200px;
  height: 200px !important;
  overflow: hidden;
}
.icon-img .vc_single_image-wrapper {
  width: 140px !important;
  height: 140px !important;
}

.card-box .wpb_wrapper,
.img-bordered > img,
.img-bordered .vc_single_image-wrapper {
  border: 1px solid #ccc;
  border-radius: 5px;
  overflow: hidden;
  padding: 10px;
  background: #fff;
}
.custom-select {
  display: inline-block;
  width: 100%;
  padding: 5px 5px;
  font-weight: 400;
  color: #495057;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  position: relative;
}
.vc_icon_element.vc_icon_element-outer {
  margin-bottom: 0;
}
.vc-circle-img {
  border-radius: 99px;
  overflow: hidden;
  border: 3px solid #fff;
  box-shadow: 0 0 0px 2px #ef8365;
  margin-right: 15px;
}
.size-150 {
  height: 150px;
  width: 150px;
}
.size-170 {
  height: 170px;
  width: 170px;
}
.size-200 {
  height: 200px;
  width: 200px;
}
.m-auto {
  margin: 0 auto;
}
.p-0 {
  padding: 0 !important;
}
.relative {
  position: relative;
}
.rounded-circle {
  border-radius: 99px !important;
}
.link-with-icon > i {
  margin-right: 10px;
}
body a.hover-primary:hover {
  color: #f7931d !important;
}

.white-circle-logo .vc_single_image-wrapper {
  border-radius: 99px;
  background: #fff;
  padding: 3px;
  width: 130px;
  height: 130px;
  overflow: hidden;
}
.white-circle-logo .vc_single_image-wrapper img {
  border-radius: 99px;
}
/* primary table */

.cs-advance-table thead {
  background: #f7931d;
  color: #fff;
  font-weight: 400 !important;
}
.cs-advance-table th {
  border-bottom-width: 1px !important;
  padding: 10px 20px !important;
}
.cs-advance-table.table thead tr > th:first-child {
  min-width: 300px !important;
}
.cs-advance-table td {
  padding: 20px !important;
  color: #000;
}
.cs-advance-table th::after {
  bottom: 13px !important;
}
.cs-advance-table thead .sorting_asc::after {
  content: "\f0de" !important;
}
.cs-advance-table thead .sorting_desc::after {
  content: "\f0dd" !important;
}
.cs-advance-table th,
.cs-advance-table td {
  font-weight: 500;
}
.cs-advance-table td.tl-action {
  text-align: center !important;
}
.cs-advance-table > tbody > tr:hover {
  background-color: #f9f9f9;
}
.cs-advance-table .edit-tl-title {
  margin-bottom: 8px;
  display: inline-block;
  font-weight: bold;
}
.cs-advance-table p.edit-tl-title {
  color: #000;
}
.cs-advance-table .edit-tl-title > i {
  margin-left: 10px;
}
.cs-advance-table .edit-tl-content {
  text-align: left;
  line-height: 1.5 !important;
  white-space: normal;
  word-break: break-word;
  color: #000;
  white-space: break-spaces;
}
.cs-advance-table .edit-tl-content ol,
.cs-advance-table .edit-tl-content ul {
  white-space: normal;
}
.cs-advance-table .edit-tl-content ul li {
  list-style: disc !important;
  list-style-position: inside !important;
}
.cs-advance-table .edit-tl-content ol li {
  list-style: inherit;
  list-style-position: inside;
}
@media only screen and (max-width: 767px) {
  .cs-advance-table.table.dataTable {
    margin: 0 !important;
  }
  .checkbox-inline + .checkbox-inline,
  .radio-inline + .radio-inline {
    margin-left: 0 !important;
  }
  label.radio-inline {
    margin-left: 0 !important;
    margin-right: 15px;
  }
}
.tl-badge-na {
  color: #92979d !important;
  background-color: transparent !important;
  border: 1px solid #e1e4e8 !important;
}
.tl-badge-submitted {
  color: #3cc13b !important;
  background-color: transparent !important;
  border: 1px solid #ceefce !important;
}
.tl-badge-past-due {
  color: #f03738 !important;
  background-color: transparent !important;
  border: 1px solid #fbcdcd !important;
}
/*  */

body.single-course .dataTables_info {
  display: none !important;
}
.button.tl-form-toggle {
  margin: 25px 0;
}
form#tl-edit-form {
  margin: 25px 0;
}
form#tl-edit-form label {
  font-size: 16px !important;
  font-weight: 700;
  margin-bottom: 15px;
}
form#tl-edit-form .form-control {
  box-shadow: unset !important;
}
/* social list */
.social-list {
  display: flex;
  margin: 0 -3px;
}
.social-list.rounded.white-bg-list li > a {
  height: 40px;
  width: 40px;
  color: #301c2a;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 3px;
}
.social-list.white-bg-list li > a {
  background: #fff;
}
.social-list.rounded li > a {
  border-radius: 99px;
}
.social-list li > a:hover {
  color: #f7931d !important;
}
.label-white {
  padding: 8px 10px;
  color: #f7931d;
  background: #fff;
  font-size: 16px;
  display: inline-block;
}
ul.list-disc li {
  list-style: disc inside !important;
}

a.btn.btn-link-cstm {
  color: white;
  text-decoration: underline;
}

/* === navbar === */
button.navbar-toggle {
  margin: 12px 0 0;
}
.navbar-default .navbar-toggle {
  border-color: #cc3131;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #cc3131;
}

@media only screen and (max-width: 767px) {
  .m-left .vc_column-inner {
    padding-left: 15px !important;
  }
  .m-right .vc_column-inner {
    padding-right: 15px !important;
  }
  #Navbar {
    background: white;
    margin-left: -30px;
    margin-right: -30px;
  }
  #Navbar ul.mobile-menu {
    float: none;
    margin: 0;
    height: 100vh;
  }
  #Navbar ul.mobile-menu li {
    display: block;
    float: none;
    padding: 0;
  }
  #Navbar .empty-nav-link {
    display: none !important;
  }
  #Navbar ul.mobile-menu li a {
    display: block;
    float: none;
  }
  .header .nav li .dropdown {
    top: 50px !important;
    width: 100% !important;
  }
  .header .nav li .dropdown .sub-dropdown {
    left: 0 !important;
    box-shadow: 0px 0px 15px 0px black !important;
  }
  .header .nav li:hover > a,
  .header .nav li:focus > a {
    background-color: transparent !important;
    color: black !important;
  }
  .box-educators h2.vc_custom_heading {
    font-size: 16px !important;
  }
}
/* === btn layer === */
.btn-layer button,
.btn-layer a {
  padding: 15px 25px !important;
  border-radius: 0px !important;
  color: #fff !important;
  border-color: transparent !important;
  text-transform: uppercase;
  border: 0px !important;
  position: relative !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  z-index: 0;
}
.btn-layer > button::after,
.btn-layer > a::after {
  position: absolute;
  content: "";
  background-color: rgba(255, 255, 255, 0.15) !important;
  z-index: 100;
  width: 100%;
  height: 0%;
  left: 0;
  top: 0;
  color: #fff !important;
  transition: 0.4s height;
  z-index: -1;
}
.btn-layer > button:hover::after,
.btn-layer > a:hover::after {
  height: 100%;
}
.btn-educators button,
.btn-educators a {
  background: #921245 !important;
}
.btn-students button,
.btn-students a {
  background: #cc3131 !important;
}
.btn-companies button,
.btn-companies a {
  background: #f7931d !important;
}
.btn-orange > button,
.btn-orange > a {
  background: transparent !important;
  color: #f7931d !important;
  outline: 2px solid #f7931d;
}
.btn-white > button,
.btn-white > a {
  background: transparent !important;
  color: white !important;
  outline: 2px solid white;
}
.btn-dark > button,
.btn-dark > a {
  background: transparent !important;
  color: black !important;
  outline: 2px solid black;
}

.btn-orange > button::after,
.btn-orange > a::after {
  background-color: #f7931d !important;
}
.btn-white > button::after,
.btn-white > a::after {
  background-color: white !important;
}
.btn-dark > button::after,
.btn-dark > a::after {
  background-color: black !important;
}
.btn-orange > button:hover,
.btn-orange > a:hover {
  color: white !important;
}
.btn-white > button:hover,
.btn-white > a:hover {
  color: black !important;
}
.btn-dark > button:hover,
.btn-dark > a:hover {
  color: white !important;
}

.btn-small button,
.btn-small a {
  padding: 10px !important;
}
.btn-color-orange a {
  color: #e46f1f !important;
}
/* === tabs orange === */
.tabs-orange .vc_tta-panels {
  background-image: none !important;
  background-color: transparent !important;
  border: 0 !important;
}
.tabs-orange .vc_tta-panel-body {
  background-image: none !important;
}
.tabs-orange .vc_tta-tabs-list {
  background: #fff !important;
}
.tabs-orange .vc_tta-tabs-list li a {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 3px solid;
  opacity: 0.8 !important;
  color: #000 !important;
}
.tabs-orange .vc_tta-tabs-list li.vc_active a {
  opacity: 1 !important;
}
.tabs-orange .wpb-js-composer .vc_tta.vc_tta-style-modern .vc_tta-tab {
  margin-bottom: -1px;
}
.tabs-orange .vc_tta-tabs-list li:hover a {
  opacity: 1 !important;
}
/* === tabs fixed orange === */
.tabs-orange.tabs-cstm .vc_tta-tabs-list,
.tabs-orange.tabs-fixed-cstm .vc_tta-tabs-list {
  background: #fff !important;
}
.tabs-orange.tabs-cstm .vc_tta-tabs-list li a,
.tabs-orange.tabs-fixed-cstm .vc_tta-tabs-list li a {
  border-radius: 0 !important;
  border-bottom: 2px solid transparent !important;
  color: #000 !important;
}
.tabs-orange.tabs-cstm .vc_tta-tabs-list li.vc_active a,
.tabs-orange.tabs-fixed-cstm .vc_tta-tabs-list li.vc_active a {
  background-color: transparent !important;
}
.tabs-orange.tabs-cstm .vc_tta-tabs-list li a:hover,
.tabs-orange.tabs-fixed-cstm .vc_tta-tabs-list li a:hover {
  color: #fff !important;
}
.tabs-fixed-cstm .vc_tta-tabs-container {
  top: 0;
}
.tabs-fixed-cstm .vc_tta-tabs-container.fixed-tabs {
  position: fixed !important;
  top: 90px;
  left: 0;
  margin: 0 !important;
  width: 100%;
}
.tabs-fixed-cstm .vc_tta-tabs-container.fixed-tabs-hide {
  /*   transition: all 0.5s linear 0s;
  top: 0; */
}
.tabs-fixed-cstm {
}
@media screen and (max-width: 767px) {
  .tabs-orange.tabs-fixed-cstm .vc_tta-tabs-list li a:focus {
    background-color: transparent !important;
    color: #000 !important;
  }
}
.tabs-rounded .vc_tta-tabs-list li a {
  border-radius: 8px !important;
}
/* Footer style
   ============================= */
footer {
  z-index: 40;
  position: relative;
}
footer .hs-iframe-widget {
  z-index: 40;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.footer-connect-logo img {
  width: 150px;
}
.footer .footer-top {
  padding: 80px 0px;
}
.footer .single-footer .widget h2 + div {
  margin-bottom: 50px;
}
.footer .single-footer h2 {
  color: #b8a5b2;
  font-size: 24px;
  font-weight: 400;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.footer a {
  font-size: 16px;
}
.footer a:hover {
  color: #fff !important;
}
/* footer Social Icons */
.transparent-sicons.social-icons-list li a.fb::after,
.footer .social-icons-list li a.fb::after {
  background-color: #42599e !important;
}
.transparent-sicons.social-icons-list li a.in::after,
.footer .social-icons-list li a.in::after {
  background-color: #117eb9 !important;
}
.transparent-sicons.social-icons-list li a.twitter::after,
.footer .social-icons-list li a.twitter::after {
  background-color: #55acee !important;
}
/* === icon-list === */
.icon-list li i.fa {
  margin-right: 10px;
  width: 15px;
}
.icon-list li.disabled {
  color: #b8a5b2;
}

/* Footer Link */
.footer ul li {
  margin-bottom: 5px;
}
.footer ul li:last-child {
  margin-bottom: 0px;
}
.footer ul li a {
  display: inline-block;
  color: #f4a641;
}
/* === footer form === */

/* Blog Single Post */

body.page-template-user-login .site-main-content > .container,
body.page-template-user-registration .site-main-content > .container,
body.page-template-experiential-educator-profile
  .site-main-content
  > .container,
body.single-post .site-main-content > .container {
  width: 100% !important;
}
body.single-post .post-text .wpb_wrapper > .wpb_single_image {
  padding-right: 50px !important;
  padding-left: 50px !important;
}
@media only screen and (max-width: 767px) {
  body.single-post .post-text .wpb_wrapper > .wpb_single_image {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
.post-f-image-mob {
  display: none;
}
.blog-post-header {
  background: #f3f3f3;
  padding: 40px 15px;
  margin-bottom: 60px;
}
.blog-post-header-inner {
  padding: 0 15px;
  margin: 0 auto;
  text-align: center;
}
.post-cat-date {
  display: flex;
  justify-content: center;
  font-size: 16px;
}
.post-cat-date span {
  margin: 0 5px;
}
ul.blog-categories {
  margin: 0 -5px;
}
body.single-post .site-main ul.blog-categories li {
  float: left;
  margin: 0 5px;
  list-style: none !important;
}
.post-title h1 {
  font-size: 38px;
  font-weight: 600;
}
.post-exerpt p {
  font-weight: 600;
}
.blog-post-content {
  padding: 0 35px 35px;
}
.author-info {
  display: flex;
  align-items: center;
}
.author-avatar {
  border-radius: 99px;
  overflow: hidden;
  border: 3px solid #fff;
  margin-right: 15px;
  max-width: 100px;
  max-height: 100px;
}
.author-name {
  font-size: 18px;
}
.post-date-published {
  margin: 20px 0 30px;
  font-size: 20px;
}

@media only screen and (max-width: 767px) {
  .blog-post-header {
    background: #f3f3f3;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 60px;
  }
  .post-f-image-mob {
    display: block;
    margin-bottom: 50px;
  }
  .fixed-sidebar-wrapper {
    display: none;
  }
  .post-cat-date {
    flex-direction: column;
    align-items: center;
  }
  .post-cat-date span {
    display: none;
  }
  .blog-post-content {
    padding: 0 15px 35px;
  }
}
/* Educator Profile */
.educator-header {
  background: #f3f3f3;
  padding: 50px 15px;
  margin-bottom: 20px;
}
.educator-header-inner {
  padding: 0 15px;
  margin: 0 auto;
  text-align: center;
}
.educator-pos-institute {
  display: flex;
  justify-content: center;
  font-size: 16px;
}
.educator-pos-institute span {
  margin: 0px 10px 0 15px;
}
.educator-position {
  margin: 0 -5px;
}
.educator-institute li {
  float: left;
  margin: 0 5px;
}
.educator-title h1 {
  font-size: 38px;
  font-weight: 600;
}
.educator-content {
  padding: 0 15px;
}

.educator-date-published {
  margin: 10px 0 60px;
  font-size: 20px;
}

.fixed-sidebar-wrapper.educator-sidebar-wrapper {
  background: linear-gradient(to bottom, #d95c38, #ec963f);
  padding: 20px !important;
  color: #fff;
}
.educator-sidebar {
  text-align: center;
}
.educator-profile-pic {
  height: 130px;
  width: 130px;
  border-radius: 99px;
  box-shadow: 2px 0px 8px 0px #000000b0;
  overflow: hidden;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.educator-profile-pic img {
  width: 100%;
}
.educator-title.for-mob,
.educator-pos-institute.for-mob {
  display: none;
}
.educator-educator-bio {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 10px;
}
a.btn.btn-link-cstm {
  margin: 20px 0;
}

.edu-qa-box .wpb_text_column {
  padding: 20px;
  box-shadow: 0px 1px 8px -5px #000;
}
.edu-qa-box > .vc_column-inner > .wpb_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  /* height: 100%; */
  flex-grow: 1;
}
.edu-qa-box .wpb_text_column {
  padding: 20px;
  box-shadow: 0px 1px 8px -5px #000;
  /* height: 100%; */
  flex-grow: 1;
}

@media only screen and (max-width: 767px) {
  .profile-content {
    display: flex;
    flex-direction: column-reverse;
  }
  .educator-header {
    display: none;
  }
  .educator-title.for-mob,
  .educator-pos-institute.for-mob {
    display: block;
    color: #fff !important;
  }
  .educator-title.for-mob h1 {
    color: #fff !important;
  }
  .educator-pos-institute {
    flex-direction: column;
    align-items: center;
    margin-top: 0px;
    margin-bottom: 20px;
  }
  .educator-pos-institute span {
    display: none;
  }
  .educator-date-published {
    margin: 20px 0;
  }
  .educator-content {
    padding: 0 15px;
  }

  .fixed-sidebar-wrapper {
    display: block !important;
    padding: 40px 20px !important;
    position: static !important;
    height: auto !important;
  }
  .fixed-sidebar-wrapper .fixed-sidebar {
    height: auto !important;
  }
}
/* User Registration Sidebar */
.registration-content {
  background: white;
  padding: 15px 15% 100px;
}
.regisration-sidebar {
  color: #fff;
}
.regisration-sidebar .regisration-sidebar-image {
  padding: 30px 15%;
}
.regisration-sidebar .regisration-title {
  font-size: 38px;
  font-weight: 600;
  padding: 15% 7%;
  text-align: center;
}
.regisration-sidebar .regisration-title a {
  color: #fff;
}
.regisration-sidebar .regisration-title a:hover {
  text-decoration: underline !important;
}
@media only screen and (max-width: 767px) {
  .registration-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* fixed sidebar */
.fixed-sidebar-wrapper {
  padding: 0 !important;
  height: 100%;
  position: sticky;
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  right: 0;
  overflow-x: hidden;
  transition: all 0.2s linear 0s;
}
/* .sidebar-bg-gradient {
  background: linear-gradient(to bottom, #d95c38, #ec963f);
}
.bg-gradient-primary {
  background: linear-gradient(to bottom, #d95c38, #ec963f);
} */
.fixed-sidebar {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: 100%;
}
.fixed-sidebar-contnent {
  height: 100vh;
  background-size: cover !important;
  background-position: center bottom !important;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* Latest News */
.footer .latest-news {
}
.footer .single-news {
  margin-bottom: 20px;
  padding-left: 90px;
  position: relative;
  border-bottom: 1px solid #dddddd47;
  padding-bottom: 20px;
}
.footer .single-news:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
}
.footer .single-news img {
  width: 70px;
  height: 70px;
  border-radius: 0;
  position: absolute;
  left: 0;
}
.footer .single-news h4 {
  font-size: 15px;
  line-height: 23px;
}
.footer .single-news h4 a {
  color: #ccc;
  font-weight: 400;
}
.footer .single-news h4 a:hover {
  color: #3353ea;
}
.footer .single-news .date {
  color: #eee;
  display: block;
  margin-top: 7px;
  font-size: 13px;
}
/* Copyright */
.footer .copyright {
  background: #111;
  text-align: center;
  overflow: hidden;
  border-top: 1px solid #fff3;
  padding: 20px 0;
}
.footer .copyright-inner {
}
/* .footer .copyright-content p {
  color: #ccc;
}
.footer .copyright-content p a{
  font-weight:500;
  color:#ccc;
  -webkit-transition:all 0.4s ease;
  -moz-transition:all 0.4s ease;
  transition:all 0.4s ease;
}
.footer .copyright-content .links{
  float:right;
}
.footer .copyright-content .links li{
  display:inline-block;
  margin-right:15px;
}
.footer .copyright-content .links li:last-child{
  margin-right:0px;
}
.footer .copyright-content .links li a{
  color:#ccc;
}
.footer .copyright-content .links li a:hover{
  color:#3353ea;
} */

#gform_wrapper_26,
#gform_wrapper_25 {
  display: block !important;
}

#input_25_30,
#input_26_30 {
  width: 20%;
  float: left;
}
.format-image-markup {
  width: 75%;
  float: right;
}
.format-image-markup p {
  font-size: 13px;
}

.cond-item {
  display: none;
}
.format-image-markup img {
  height: 135px;
}
.format-image-markup strong {
  display: block;
  margin-bottom: 25px;
}

#input_19_35 {
  background: #ddd;
}

#field_19_24,
#field_19_25,
#field_19_35 {
  width: 30%;
  float: left;
  clear: none;
  margin: 12px;
  margin-left: 12px;
}
@media screen and (max-width: 767px) {
  #field_19_24,
  #field_19_25,
  #field_19_35 {
    width: 100%;
  }
  #field_19_17,
  #field_19_18 {
    width: 100%;
  }
}
/* === Course List === */
.course-box {
  display: flex;
  border-radius: 5px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 0px 8px -5px black;
  background-color: #f5f5f5;
  margin-bottom: 35px;
}
.school {
  width: 25%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px 0;
  background-color: #ee455c;
}
.school-img img {
  width: 75%;
}
.school a {
  display: inline-block;
  width: 80%;
  margin: 0 auto;
  padding: 5px;
  background-color: #0000001c;
  border-radius: 4px;
  color: #fff;
  margin-top: 35px;
}
.school a:hover {
  background-color: #fff;
  color: #ee455c;
}
.course {
  width: 75%;
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.cb-head h2 {
  font-size: 19px;
  font-weight: 400;
}
.cb-body {
  border-top: 2px solid #ee455c;
  padding-top: 20px;
  margin-top: 20px;
}
ul.cb-list li {
  position: relative;
  padding-left: 25px;
}
ul.cb-list li::before {
  position: absolute;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: #ee455c;
  top: 40%;
  left: 8px;
}
ul.cb-list li > span {
  font-weight: 600;
}

.course-code {
  cursor: pointer;
}

.vc_btn3.vc_btn3-color-orange.vc_btn3-style-modern {
  background-color: #f4a641;
}

.preloader-inner .single-loader {
  display: none !important;
}

.preloader-inner {
  /* background: url("images/cap-loader.gif") no-repeat center; */
  background-size: contain;
  width: 220px !important;
  height: 70px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

.orange-btn-center {
}

.single-post h5 {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 40px;
}

.woocommerce a.button,
.woocommerce a.button:hover,
.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .button:hover {
  background: #f7931d;
  color: #fff;
  border-radius: 0;
  padding: 13px 20px;
}

.products.columns-4 .product {
  border: 1px solid #ddd;
  padding: 10px !important;
}

.product-type-variable .button {
  margin-top: 3em !important;
}

.post-26788 .button {
  margin-top: 1em !important;
}

.woocommerce ul.products li.product .price {
  color: #cc3131 !important;
}

.woocommerce.columns-4 {
  margin-top: 50px;
}

body.single-product .woocommerce {
  margin: 100px;
}

.woocommerce span.onsale {
  background-color: #f7931d !important;
}

body.single-product .price {
  font-size: 30px !important;
  color: #cc3131 !important;
  margin: 20px 0;
}

body.single-product .single_add_to_cart_button {
  margin: 25px 0 !important;
}

.pwootitle {
  margin-top: 0;
  font-size: 50px;
}

#customer_details {
  float: left;
  width: 48%;
  margin-right: 34px;
  margin-bottom: 50px;
}

.woocommerce-tabs {
  display: none;
}

#order_review_heading,
.woocommerce-billing-fields h3 {
  margin-bottom: 20px;
}

#order_review {
  float: right;
  width: 49%;
}

#customer_details .col-2,
#customer_details .col-1 {
  float: none;
  width: 100%;
}

.related.products {
  display: none;
}

/**/
.post-password-form h3 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.post-password-form input {
  font-size: inherit;
  font-family: inherit;
  padding: 5px 4px;
  letter-spacing: normal;
  border-color: var(--gray-default) !important;
  height: 40px !important;
  border: 1px solid #cccccc !important;
  border-radius: 5px !important;
  padding-left: 10px !important;
}
.post-password-form input:focus {
  outline: none !important;
  border-color: var(--primary) !important;
}
.post-password-form input[type="submit"] {
  background: var(--red);
  color: var(--white);
  padding: 0.5em 1em;
  text-decoration: none;
  border-radius: 5px;
  border: 0;
}

/* img rounded bordered */
.img-rounded-bordered img {
  border-radius: 99px;
  border: 3px solid #fff;
  height: 200px !important;
  width: 200px;
  object-fit: cover;
}

/* Testimonials */
.testimonial-featured-image {
  text-align: center;
  border-radius: 99px;
  overflow: hidden;
  border: 3px solid #fff;
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
.testimonial-featured-image img {
  width: inherit;
  height: inherit;
  border-radius: 99px;
}
.cp-testimonials .testimonial-body {
  padding: 10px 50px;
}
.cp-testimonials .testimonial-text p {
  font-size: 16px;
  text-align: left;
  color: #000;
  line-height: 1.4;
  padding-top: 7%;
}
.cp-testimonials .testimonial-text p::before,
.cp-testimonials .testimonial-text p::after {
  content: '"';
  font-style: italic;
  position: relative;
  top: 10px;
  left: -5px;
  font-size: 40px;
}
.cp-testimonials .author-name {
  color: #000;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  margin: 10px 0;
}
.cp-testimonials .author-role {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: italic;
}
.cp-testimonials .owl-nav .owl-prev,
.cp-testimonials .owl-nav .owl-next {
  position: absolute;
}
.cp-testimonials .owl-nav .owl-prev {
  left: -50px;
  top: 42%;
}
.cp-testimonials .owl-nav .owl-next {
  right: -50px;
  top: 42%;
}
.cp-testimonials .owl-nav .owl-prev i,
.cp-testimonials .owl-nav .owl-next i {
  font-size: 50px;
  color: #f90;
}
.cp-testimonials .owl-nav .owl-prev:hover,
.cp-testimonials .owl-nav .owl-next:hover {
  background: transparent !important;
}
.owl-theme .owl-dots .owl-dot span {
}

/* Educator Request Creation Form */
.gform-radio-boxes ul {
  display: flex !important;
  justify-content: center;
  flex-wrap: wrap;
}
.gform-radio-boxes ul li {
  display: flex !important;
  justify-content: center;
  width: 33.33%;
}
.gform-radio-boxes ul li label {
  margin: 0 !important;
}
.desktop-ver {
  display: block;
}
.mobile-ver {
  display: none;
}
@media screen and (max-width: 767px) {
  .gform-radio-boxes ul li {
    width: 50%;
  }
  .testimonial-featured-image {
    margin: 0 auto;
  }
  .cp-testimonials .author-name,
  .cp-testimonials .author-role,
  .cp-testimonials .testimonial-text p {
    text-align: center;
  }
  .desktop-ver {
    display: none;
  }
  .mobile-ver {
    display: block;
  }
  /*.bg-for-mobile, .vc_custom_1603128911905{
    background-position: top right 85% !important;
  }*/
}
@media screen and (max-width: 550px) {
  .gform-radio-boxes ul li {
    width: 100%;
  }
}
/* requests table layout */
/* @media screen and (max-width:710px){ */
tbody td:first-child,
body
  .ts-advanced-tables-container
  table.ts-advanced-tables-datatable.ts-advanced-tables-flexflip
  tfoot
  th:first-child {
  font-weight: bold;
}
body
  .site-main-content
  .main-wrapper
  .container
  .row
  .ts-advanced-tables-container
  table.ts-advanced-tables-theme-simplelittle
  tr
  td {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-top: 0 !important;
  border-right: 0 !important;
  background-color: transparent !important;
  white-space: normal;
}
body
  .site-main-content
  .main-wrapper
  .container
  .row
  .ts-advanced-tables-container
  table.ts-advanced-tables-theme-simplelittle
  tr
  td:first-child {
  font-size: 18px !important;
  padding-bottom: 10px !important;
}
body
  .site-main-content
  .main-wrapper
  .container
  .row
  table.ts-advanced-tables-datatable.ts-advanced-tables-flexflip
  tr {
}
body
  .site-main-content
  .main-wrapper
  .container
  .row
  .ts-advanced-tables-container
  table.ts-advanced-tables-datatable.ts-advanced-tables-flexflip {
  display: table !important;
  max-width: unset !important;
}
body
  .site-main-content
  .main-wrapper
  .container
  .row
  .ts-advanced-tables-container
  table.ts-advanced-tables-datatable.ts-advanced-tables-flexflip
  tbody {
  display: block !important;
  margin-top: -2px;
}
/* body .site-main-content .main-wrapper .container .row .ts-advanced-tables-container table.ts-advanced-tables-datatable.ts-advanced-tables-flexflip tbody > tr{
  display: table-row !important;
}
body .site-main-content .main-wrapper .container .row .ts-advanced-tables-container table.ts-advanced-tables-datatable.ts-advanced-tables-flexflip tbody > tr > td{
  display: table-cell !important;
} */
@media screen and (max-width: 710px) {
  body
    .site-main-content
    .main-wrapper
    .container
    .row
    .ts-advanced-tables-container
    table.ts-advanced-tables-theme-simplelittle
    tr
    td:first-child {
    padding-bottom: 0px !important;
  }
}
/* acf form global */
div#charter-buttons {
  box-shadow: 0px 0px 15px -10px black;
  border-color: #cc3031 !important;
  padding: 30px 30px 0;
}
div#charter-buttons a.tab-btn {
  border: 1px solid #cc3031 !important;
  margin-bottom: -1px;
}
div#charter-buttons a.active {
  background: #cc3031 !important;
  color: white;
}
.acf-input input,
.acf-input select {
  min-height: 40px !important;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  transition: all 0.2s linear 0s;
}
.acf-input input[type="checkbox"] {
  min-height: auto !important;
  border-radius: 0 !important;
  margin-bottom: 3px !important;
}
@media screen and (min-width: 800px) {
  .acf-checkbox-list {
    column-count: 3;
  }
}
body:not(.single-charter) .acf-checkbox-list li {
  padding-top: 12px !important;
}
.acf-checkbox-list label {
  font-size: 14px !important;
  cursor: pointer;
}
/* .acf-checkbox-list input[type="checkbox"]:checked::after {
  border-color: #cc3031 !important;
}
.acf-input input:focus,
.acf-input select:focus {
  border-color: #cc303126 !important;
  outline: 0 !important;
  border-color: #cc303159 !important;
  box-shadow: 0 0 0px 3px #cc303136 !important;
} */
.acf-input input:focus,
.acf-input select:focus {
  outline: 0 !important;
}
/* a.acf-button,
.acf-form-submit input[type="submit"] {
  border-radius: 5px !important;
  margin-top: 20px !important;
  display: inline-block !important;
  background: #cc3031 !important;
}
a.acf-button:hover,
.acf-form-submit input[type="submit"]:hover {
  background: #ea3b3b !important;
}
a.acf-button:focus,
.acf-form-submit input[type="submit"]:focus {
  outline: 0 !important;
} */
a.acf-button,
.acf-form-submit input[type="submit"] {
  display: inline-block !important;
  margin-top: 20px !important;
}
.acf-form-submit {
  padding-left: 15px;
}
.acf-input-wrap {
  padding: 3px !important;
}
table.acf-table {
  border-collapse: separate;
  border-spacing: 0 33px;
}
table.acf-table .wp-editor-tools::after {
  display: block;
}
tbody.ui-sortable {
  box-shadow: 0px 1px 6px -4px #000000;
}
.wp-core-ui .quicktags-toolbar input.button {
  min-height: 25px !important;
}
.acf-repeater .acf-row-handle.order,
.acf-repeater .acf-row-handle.remove,
.acf-fields.-left > .acf-field::before {
  background-color: #fff !important;
}

/* custom forms global */
.form-group {
}
/* gform form global */
.form-group input:not([type="checkbox"], [type="submit"]),
.form-group select,
body ul.gform_fields li.gfield .ginput_container input:not([type="checkbox"]),
body ul.gform_fields li.gfield .ginput_container select,
body ul.gform_fields li.gfield .ginput_container textarea {
  min-height: 40px !important;
  border: 1px solid #ccd7e3 !important;
  border-radius: 3px !important;
  transition: all 0.2s linear 0s;
  background-color: #f5f8fa;
}
.form-group input:focus:not([type="checkbox"], [type="submit"]),
.form-group select:focus,
body ul.gform_fields li.gfield .ginput_container input:focus,
body ul.gform_fields li.gfield .ginput_container select:focus,
body ul.gform_fields li.gfield .ginput_container textarea:focus {
  border-color: #828f9b !important;
  /* box-shadow: 0 0 0px 3px #cc303136 !important; */
  box-shadow: unset !important;
  outline: 0;
}
div.charter-tab {
  padding: 25px !important;
  box-shadow: 0px 4px 15px -10px black;
}
label.gfield_label {
  font-size: 16px !important;
}
body .gform_wrapper ul li.gfield {
  margin-top: 0 !important;
}
.gfield_description {
  font-size: 14px !important;
}
.acf-icon::before {
  top: 4px !important;
}
.acf-row-handle .acf-icon::before {
  top: 1px !important;
}
.gfield_checkbox label {
  font-size: 14px !important;
}
.form-group input[type="checkbox"],
body
  .gform_wrapper
  [id^="gform_"]
  ul.gfield_checkbox
  li
  input[type="checkbox"] {
  border-color: #ccd7e3 !important;
  margin: 3px !important;
  background: #f5f8fa;
}
body .gform_wrapper [id^="gform_"] ul.gfield_checkbox li {
  padding-top: 3px !important;
}
.form-group input[type="checkbox"]:checked::after,
[id^="gform_"] input[type="checkbox"]:checked::after {
  border-color: #828f9b !important;
}

.form-group label::after,
body .gform_wrapper [id^="gform_"] .ginput_container_radio li label::after {
  border-color: #ccd7e3 !important;
  background-color: #f5f8fa;
}
.form-group label.radio-inline::before,
body
  .gform_wrapper
  [id^="gform_"]
  .ginput_container_radio
  li
  input[type="radio"]:checked
  + label::before {
  border-color: #828f9b !important;
  background: #828f9b !important;
}
body
  .gform_wrapper
  [id^="gform_"]
  .ginput_container_radio
  li
  input[type="radio"]:checked
  + label::after {
  border-color: #828f9b !important;
}
/*  */
body .gform_wrapper [id^="gform_"] li.remove-circle ul li label::before,
body .gform_wrapper [id^="gform_"] li.remove-circle ul li label::after {
  content: unset !important;
}
body .gform_wrapper [id^="gform_"] li.remove-circle ul li input {
  display: none !important;
}
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio,
.gform_wrapper .gfield_error .gfield_label {
  color: #000 !important;
}
.gform_wrapper .validation_message,
.gform_wrapper span.gfield_required {
  color: red !important;
}
.gform_wrapper li.gfield.gfield_error,
.gform_wrapper
  li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent !important;
  border-top: 1px solid transparent !important;
  border-bottom: 1px solid transparent !important;
}

li.gfield_error .ginput_container_fileupload .ginput_preview {
  display: none;
}
/* li.gfield_error .gfield_description {
  padding: 35px 20px 20px !important;
  height: auto !important;
  margin-top: 20px;
} */

element.style {
}
.gform_wrapper div.validation_error {
  color: red !important;
  border-top: 2px solid red !important;
  border-bottom: 2px solid red !important;
}
.gform_wrapper .gfield_password_strength.blank {
  border: 1px solid #ddd !important;
  background-color: #f5f8fa !important;
  border-bottom: 3px solid #ddd !important;
}

.gform_confirmation_wrapper {
  margin-top: 30px;
  font-size: 20px;
}
/**/
.hide-bottom-label input + label {
  display: none !important;
}
.full-field .ginput_container > span {
  width: 100% !important;
}
.hide-label > label {
  display: none !important;
}
.hidden-field {
  display: none !important;
}
/*  */
/*  */
/* .form-group input[type="submit"],
body .gform_wrapper input[type="button"],
body .gform_wrapper .gform_footer input[type="submit"] {
    border-radius: 5px !important;
    display: inline-block !important;
    background: #CC3031 !important;
    border-color: #CC3031 !important;
}
.form-group input[type="submit"]:hover,
body .gform_wrapper input[type="button"]:hover,
body .gform_wrapper .gform_footer input[type="submit"]:hover {
  background: #EA3B3B !important;
}
.form-group input[type="submit"]:focus,
body .gform_wrapper input[type="button"]:focus,
body .gform_wrapper .gform_footer input[type="submit"]:focus {
    border-color: #CC3031!important;
    outline: 0 !important;
} */
@media screen and (min-width: 800px) {
  .cols-3 .gfield_checkbox {
    column-count: 3;
  }
  .cols-3 .gfield_checkbox {
    column-count: 1;
  }
}
/* datepicker */
.datepicker-top-left,
.datepicker-top-right {
  border-top-color: #ccd7e3 !important;
}
.datepicker-top-left::before,
.datepicker-top-right::before {
  border-bottom-color: #ccd7e3 !important;
}
/* gform border colors */
.ql-toolbar.ql-snow {
  border-color: #ccd7e3 !important;
}
.ql-container.ql-snow {
  border-color: #ccd7e3 !important;
}
/* acf border colors */
/* table.acf-table {
  border-color: #cc303126 !important;
}
.acf-fields.-left > .acf-field::before {
  border-color: #cc303126 !important;
}
.acf-field.acf-field-text {
  border-color: #cc303126 !important;
}
td.acf-row-handle.remove {
  border-color: #cc303126 !important;
}
td.acf-row-handle {
  border-top: 1px solid #cc303126 !important;
  border-bottom: 1px solid #cc303126 !important;
}
td.acf-fields.-left {
  border-color: #cc303126 !important;
}
.acf-row:first-child .acf-fields.-left > .acf-field {
  border-top: 1px solid #cc303126 !important;
}
.acf-fields.-left > .acf-field:last-child {
  border-bottom: 1px solid #cc303126 !important;
}

.acf-fields > .acf-field {
  border-color: #cc303126 !important;
}
.show-if-value.file-wrap {
  border-color: #cc303126 !important;
}
.file-icon {
  border-color: #cc303126 !important;
} */
.acf-fields.-left > .acf-field {
  padding: 15px 0;
}
/* custom pricing table */
.pricing-table-ui p,
.pricing-table-ui button {
  color: #000 !important;
}
.pricing-table-ui .table-price-circle {
  background: #f3f3f3;
  height: 170px;
  width: 170px;
  margin: -90px auto 0;
  padding: 5px;
  vertical-align: middle;
  border: 2px solid #fff;
  border-radius: 99px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pricing-table-ui h2.vc_custom_heading {
  font-weight: 600;
}
.pricing-table-ui .features-list {
  padding: 0 20px;
}
.pricing-table-ui .features-icon i {
  margin-top: 5px;
}
.pricing-table-ui.highlighted {
  box-shadow: 0 0px 8px -2px #666;
  transform: scale(1.05);
  z-index: 9;
  background: #fff;
}
.pricing-table-ui.highlighted button {
  background-color: #cc3131 !important;
  color: #fff !important;
}
.pricing-table-ui.highlighted button:hover {
  background-color: #ea3b3b !important;
}
/**/
.topics-box-wrap .vc_column-inner {
  background-color: #fff;
  box-shadow: 0 0px 5px 0 #ccc;
  transition: all 0.2s linear 0s;
  cursor: pointer;
}
.topics-box-wrap .vc_column-inner:hover {
  box-shadow: 0 0px 8px 0 #ccc;
  transform: translateY(-10px);
}
.topics-box-wrap .vc_single_image-wrapper {
  box-shadow: 0 0px 2px 0 #ccc !important;
}

/* addtoany social icons */
.addtoany-wrapper {
  display: flex;
  justify-content: center;
}
/* input field loader */
.company_typeahead .ginput_container {
  position: relative;
}

.input-loader {
  top: 15px;
  position: absolute;
  right: 10px;
  display: none;
}

.input-loader span {
  display: inline-block;
  width: 3px;
  height: 10px;
  margin-left: 4px;
  background-color: #cc3031;
}
.input-loader span:nth-child(1) {
  animation: grow 1s ease-in-out infinite;
}

.input-loader span:nth-child(2) {
  animation: grow 1s ease-in-out 0.15s infinite;
}

.input-loader span:nth-child(3) {
  animation: grow 1s ease-in-out 0.3s infinite;
}

.input-loader span:nth-child(4) {
  animation: grow 1s ease-in-out 0.45s infinite;
}
@keyframes grow {
  0%,
  100% {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }

  50% {
    -webkit-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    -o-transform: scaleY(1.8);
    transform: scaleY(1.8);
  }
}
/* flipbox style for safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .asvc-flipbox .front {
    backface-visibility: hidden;
  }
}
.asvc-flipbox .front {
  -webkit-backface-visibility: hidden;
}
/* footer form on fone */
@media (max-width: 992px) {
  .hs-iframe-widget {
    margin-top: 0px !important;
    margin-bottom: 20px !important;
  }
  .footer-top > .container > .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    /* optional */
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }

  .footer-top > .container > .row > div:first-child {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .footer-top > .container > .row > div:first-child + div {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}
/* Cookies announcement button */
#cookie_action_close_header {
  margin-right: 100px !important;
}

/* wp menu */
.filters-sticky,
.sticky-nav {
  text-align: center;
  background-color: #fff;
  z-index: 45;
  margin-bottom: 0 !important;
}
.filters-sticky {
  z-index: 9 !important;
}
.sticky-nav .widget.widget_nav_menu {
  display: inline-block;
}
.sticky-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.sticky-nav ul li {
  float: left;
}

.sticky-nav ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  color: #000;
}
.sticky-nav ul li a.active,
.sticky-nav ul li a:hover {
  color: orange;
}
.menu-sticky {
  position: fixed;
  width: 100%;
  left: 0;
  box-shadow: 0 0 10px -5px var(--gray);
}
/* wp menu */

/* Responsiveness
   ============================= */
/* === Mobile Responsiveness === */
/*@media (min-width: 768px) and (max-width: 1024px) {
.box-educators {
    width: 50% !important;
  }
}*/
@media only screen and (max-width: 767px) {
  /* === Helper Classes === */
  /*.crop-fixed img {
      height: auto!important;
  }*/
  .mob-50 {
    width: 50% !important;
  }
  .mob-100 {
    width: 100% !important;
  }
  .mob-center * {
    text-align: center !important;
  }
  .mob-2-clms .wpb_column {
    width: 50% !important;
    float: left;
  }
  .mob-btn-center .vc_btn3-container {
    text-align: center !important;
  }
  body .mob-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  body .container .m-margin {
    padding-right: 0% !important;
  }
  body.page-template-user-login .site-main-content > .container,
  body.page-template-user-registration .site-main-content > .container,
  body.single-post .site-main-content,
  body.page-template-experiential-educator-profile .site-main-content {
    overflow-x: hidden !important;
  }

  .main-nav-cstm .logo img {
    margin-top: -8px;
  }

  .custom-icon-box .wpb_single_image {
    width: 30%;
    float: left;
    margin-right: 15px;
    margin-right: 15px;
    /* height: 100%; */
  }
  .custom-icon-box
    > .vc_column-inner
    > .wpb_wrapper
    > *:not(.wpb_single_image) {
    text-align: left !important;
    padding-left: 35% !important;
  }
  .custom-icon-box * {
    text-align: left !important;
  }
  .custom-icon-box h3 {
    font-size: 18px !important;
  }

  .custom-icon-box.custom-box-no-desc .wpb_wrapper {
    display: flex;
    align-items: center;
  }
  .custom-icon-box.custom-box-no-desc .wpb_single_image {
    margin-bottom: 0 !important;
  }

  .testimonial-carousel {
    margin: 0 18px;
  }
  /*.box-educators {
    width: 100% !important;
  }*/

  .circle-logos {
    padding: 0 20px 0 10px;
  }
  .circle-logos .bg-company-logo {
    height: 140px;
    width: 140px;
  }
  .circle-logos .wpb_column {
    width: 50%;
    float: left;
    padding: 0 !important;
  }
  .pricing-table-ui.highlighted {
    transform: scale(1) !important;
    box-shadow: unset !important;
  }
  .cp-testimonials .testimonial-body {
    padding: 10px !important;
  }
  /* footer */
  .footer .footer-top {
    padding: 40px 0px 40px !important;
    text-align: center;
  }
  .footer .footer-top img.alignnone {
    width: 200px;
    margin: 10px 0;
  }
}
/* === Mobile Responsiveness === */
@media screen and (max-width: 640px) {
  /* === typography === */
  body h1 {
    font-size: 28px !important;
    line-height: 1.2 !important;
  }
  body h2 {
    font-size: 26px !important;
  }
  body h3 {
    font-size: 22px !important;
  }
  /* === helpers === */
  .m-hidden {
    display: none;
  }
  .m-h20 {
    height: 20px;
  }
  .m-h30 {
    height: 30px;
  }
  .m-h40 {
    height: 40px;
  }
  .m-h50 {
    height: 50px;
  }
  .m-h60 {
    height: 60px;
  }
}
@media screen and (max-width: 600px) {
  #wpadminbar {
    /* position: fixed !important; */
    top: -45px !important;
  }
}

@media screen and (max-width: 400px) {
  .circle-logos .bg-company-logo {
    height: 130px;
    width: 130px;
  }
}

.charter_school_logo,
.charter_company_logo {
  border: 1px solid #f3f3f3;
  padding: 15px;
  min-height: 170px;
  max-height: 170px;
  margin-top: 70px;
  display: flex;
  justify-content: center;
}
.charter_school_logo img,
.charter_company_logo img {
  display: block;
  object-fit: contain;
  width: auto;
  height: 100px;
}
.charter_school_logo:hover,
.charter_company_logo:hover {
  box-shadow: 0 2px 5px 0 #999;
  transition: all 0.3s ease;
}

.edit-tl-title {
  text-align: left !important;
}
.edit-tl-content {
  font-weight: normal !important;
}
.edit-tl-content a {
  background: #f0f0f0;
  padding: 3px 8px;
  font-size: 13px;
  margin-top: 2px;
  display: inline-block;
}

.ginput_preview {
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: -1px;
}
.ginput_preview:hover {
  background: #fafafa;
}
img.gform_delete {
  float: right;
  margin-top: 5px;
}
.ginput_preview a {
  margin-left: 10px;
  padding: 2px 5px;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

body.single-post .site-main ol > li {
  list-style: unset !important;
}

body.single-post .site-main ul > li {
  list-style: disc !important;
}

.deliverable-content p {
  text-align: left;
  color: #000;
}
.bg-while {
  background: #fff;
}
.p-5 {
  padding: 5em;
}
.deliverable-date-wrapper {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: 50px;
  margin-bottom: 50px;
}
.deliverable-date-wrapper > .col-sm-6 {
  padding: 20px 0;
}
.deliverable-content .uplaod-wrapper {
  margin: 50px 0;
}
.deliverable-form.team_already_submitted {
  display: none;
}

.breadcrumb {
  text-transform: capitalize;
  opacity: 1;
  background-color: transparent !important;
}

#nav li:last-child ul li:first-child a span {
  float: left;
  margin-top: 8px;
  margin-right: 10px;
  margin-left: 0;
  transform: rotate(90deg);
}

#nav li:last-child ul li:first-child ul {
  right: 100% !important;
}

#nav li:last-child ul li:first-child ul {
  right: 100% !important;
  left: -100% !important;
}

/* custom-post-sticky-menu */
#custom-post-sticky-menu .nav.navbar-nav {
  padding: 0 !important;
  float: none;
}

#custom-post-sticky-menu {
  border-top: 1px solid #ddd;
  box-shadow: 0 0 10px -5px var(--gray);
}

#custom-post-sticky-menu ul {
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 10px;
}

#custom-post-sticky-menu li {
  display: inline-block;
  margin: 0;
  float: none;
}

#custom-post-sticky-menu li a {
  color: #fff;
  border-bottom: 3px solid transparent;
}

#custom-post-sticky-menu .nav > li > a:focus {
  background-color: transparent;
  border-color: #fff;
}

#custom-post-sticky-menu .nav > li.active > a {
  border-color: #fff;
}

#custom-post-sticky-menu li:hover a {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

#custom-post-sticky-menu.stick-it {
  position: fixed !important;
  width: 100%;
  z-index: 9;
  animation: fadeInDown 0.8s both 0s;
}

@media screen and (max-width: 991px) {
  #custom-post-sticky-menu ul {
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 10px;
    overflow-x: scroll;
    white-space: nowrap;
    border-color: transparent;
  }
}

@media screen and (max-width: 991px) {
  #custom-post-sticky-menu li:hover a {
    border-color: transparent;
  }
}

@media screen and (max-width: 991px) {
  #custom-post-sticky-menu .nav > li.active > a {
    border-color: transparent;
  }
}

@media screen and (max-width: 991px) {
  #custom-post-sticky-menu .nav > li > a:focus {
    border-color: transparent;
  }
}

.scroll-hand {
  display: none;
}

@media (max-width: 991px) {
  #custom-post-sticky-menu .scroll-hand {
    position: absolute;
    text-align: center;
    right: 15px;
    top: 30px;
    display: none;
  }

  .stick-it .scroll-hand {
    display: block !important;
  }
}



.deleverable-table.table thead tr > th:first-child {
  min-width: 100px !important;
}


.table thead .sorting:after {
  bottom: 16px !important;
}



.table thead tr > th.actions:after { 
  display : none !important
}

table.dataTable thead .sorting_asc::after,
.table.dataTable thead .sorting_desc::after {
  content: "\f0dc" !important;
  margin-bottom: 8px;
}

#wp-admin-bar-analytify,
#wp-admin-bar-wp-mail-smtp-menu {
  display: none !important;
}

body.single-post .wpb_text_column ul,
body.single-post .wpb_text_column ol,
body.page .wpb_text_column ul,
body.page .wpb_text_column ol {
  margin: 15px 0;
  padding-left: 40px;
}

body.single-post .wpb_text_column ul li,
body.page .wpb_text_column ul li {
  list-style: disc;
}
body.single-post .wpb_text_column ol li,
body.page .wpb_text_column ol li {
  list-style: decimal;
}

/* mentorship */
.pb-60 {
  padding-bottom: 60px;
}
.shadow-img {
  box-shadow: 0px 0px 2px 2px #e5e6ed;
}
.avatar img {
  height: 130px;
  width: 130px;
  border-radius: 99px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}
.ment-info-box {
  margin-bottom: 24px !important;
  background-color: #fff;
  padding: 32px 20px;
  border: 1px solid #e5e6ed !important;
  border-radius: 5px !important;
}
.box-content hr:last-of-type {
  display: none;
}
.ment-info-box h3 {
  margin-bottom: 20px !important;
  font-size: 20px;
  font-weight: 600;
}
span.chip {
  margin-right: 5px;
  margin-top: 5px;
  padding: 5px 12px;
  background: #EDEDED;
  border-radius: 99px;
  display: inline-block;
}
.col-8,
.col-4 {
  padding: 0 15px;
  float: left;
}
.col-8 {
  width: 60%;
}
.col-4 {
  width: 40%;
}