@import url('https://fonts.googleapis.com/css?family=Bree+Serif|Itim|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

body {
  font-family: 'Open Sans', sans-serif;
}

* {
  margin: 0;
  padding: 0;
}

p,ul,li,a {
  color: #6d7a8c;
}

h2 {
  color: rgb(51, 98, 237);
  font-family: "Bree Serif",serif;
  text-transform: uppercase;
}

select::-ms-expand {
  display: none;
}

/*--header--*/
.header-main {
  float: left;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.header-main.header-two {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

.header-main .navbar-brand img {
  max-width: 110px;
}

.header-min {
  background-color: rgb(255, 255, 255);
  float: left;
  width: 100%;
}

.header-main .navbar {
  border-radius: 0;
  margin: 0;
  min-height: 85px;
  position: relative;
  z-index: 22;
}

.header-main .navigation-ul > li a {
  border: 1px solid rgba(0, 0, 0, 0);
  color: #3362ED;
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  padding: 10px 15px;
  position: relative;
  text-transform: uppercase;
  /*transition: all 0.3s linear 0s;*/
}

.header-main .navigation-ul li.active a {
  color: #fff;
  background-color: #3362ED;
}

.header-main .navigation-ul li a:hover {
  color: #3362ED;
}

.header-main .navigation-ul li a:hover,.header-main .navigation-ul li a:focus {
  background-color: #3362ED;
  color: #fff;
}

.navigation-ul {
  padding-top: 22px;
}

.navigation-ul > ul {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.navigation-ul li.login > a {
  background-color: transparent;
  border: 1px solid #3362ED;
  color: #3362ED;
  transition: all 0.3s ease 0s;
}

.navigation-ul li.login > a:hover,.navigation-ul li.login > a:focus {
  background-color: #3362ED;
  border: 1px solid #3362ED;
  color: #fff;
}

.top-header {
  background-color: #3362ED;
  float: left;
  padding: 15px 0;
  width: 100%;
}

.header-main .navigation-ul li.cart-li a:hover {
  background-color: transparent;
  color: #3362ED;
}

.header-main .navigation-ul li.cart-li a span.no-cart {
  background-color: #887799;
  border-radius: 50%;
  color: #ffffff;
  font-size: 10px;
  height: 15px;
  right: 10px;
  position: absolute;
  text-align: center;
  top: 3px;
  width: 15px;
  line-height: 15px;
}

.header-main .navigation-ul li.cart-li a.cart-span {
  position: relative;
}

.social-icon {
  float: left;
  width: 50%;
}

.social-icon > ul {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.top-header .top-logins > ul {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.top-header .social-icon > ul li {
  display: inline-block;
  padding: 1px 0;
}

.social-icon > ul li {
  padding:5px 0;
  display: inline-block;
}

.social-icon > ul li a {
  color: #ffffff;
  display: inline-block;
  height: 40px;
  line-height: 2.8;
  text-align: center;
  transition: all 0.4s ease 0s;
  width: 40px;
}

.top-header .social-icon > ul li a {
  color: #ffffff;
  display: inline-block;
  padding: 10px;
  text-align: center;
  transition: all 0.4s ease 0s;
  line-height: 1.4;
}

.social-icon > ul li a:hover {
  background-color: #fff;
  color: #3362ED;
}

.top-logins {
  float: right;
  width: 50%;
  text-align: right;
}

.top-logins ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

.top-logins > ul li {
  display: inline-block;
}

.top-logins > ul li a {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #ffffff;
  border-radius: 20px;
  color: #ffffff;
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.top-logins > ul li a:hover,.top-logins ul li.active a {
  background-color: #fff;
  color: #3362ED;
}
/*--banner--*/
.banner-main {
  float: left;
  width: 100%;
  position: relative;
  z-index: -1;
}

.banner-main::after {
  background-color: rgba(0, 26, 148, 0.3);
  content: "";
  float: left;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.banner-sec .owl-theme .owl-controls .owl-pagination {
  bottom: 0;
  left: 0%;
  position: absolute;
}

.banner-sec .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
}

.banner-sec .owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
}

.banner-sec .owl-theme .owl-controls {
  margin-top: 0;
}

.banner-sec .owl-theme .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  font-size: 65px;
  position: absolute;
  top: 40%;
}

.banner-sec .owl-theme .owl-controls .owl-buttons div i {
  color: #fff;
}

.banner-sec .owl-theme .owl-controls .owl-pagination .owl-page span {
  background: #fff;
}

.banner-content {
  float: none;
  left: 0;
  max-width: 100%;
  padding: 0 40px;
  position: absolute;
  text-align: center;
  top: 25%;
  width: 100%;
  z-index: 10;
}

.slider-sec {
  float: left;
  height: 100%;
  padding-top: 0;
  position: relative;
  width: 100%;
  z-index: -1;
}

.bg-video {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  max-height: 500px;
  overflow: hidden;
}

.bg-video::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: '';
  background-color: rgba(88,95,121,.6);
}

.slider-sec video {
  width: 100%;
  height: auto;
}

.slider-img {
  background-position: center center;
  background-size: cover;
  float: left;
  min-height: 560px;
  position: relative;
  width: 100%;
}

.slider-img-content {
  display: table;
/*
  height: 620px;*/
  padding: 80px 100px;
  width: 100%;
  position: absolute;
}

.slider-text {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 36px;
  text-transform: uppercase;
  color: #fff;
}

.banner-content h2 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 0;
  font-family: 'Bree Serif', serif;
}

.banner-content h1 {
  color: #fff;
  font-family: "Bree Serif",serif;
  font-size: 54px;
  margin-top: 0;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.banner-content img {
  display: inline-block;
  margin-bottom: 30px;
}

.serch-state {
  float: none;
  width: 100%;
  max-width: 50%;
  display: inline-block;
  margin-top: 10px;
}

.serch-state a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 15px 30px;
}

.serch-state .select-style {
  background-image: url("../img/down.png");
}

.select-style {
  background-attachment: scroll;
  background-clip: border-box;
  background-color: #ffffff;
  background-image: url("../img/arrow-down.png");
  background-origin: padding-box;
  background-position: 95% 49%;
  background-repeat: no-repeat;
  border: 1px solid #cccccc;
  border-radius: 0;
  height: 45px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.select-style select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border: medium none;
  box-shadow: none;
  color: #333;
  padding: 10px 8px;
  width: 100%;
}

.serch-state select.form-control, .serch-state .select-style {
  font-size: 20px;
  height: 55px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #3362ED;
}

.serch-state .input-group-addon {
  background-color: #3362ED;
  border: 1px solid #3362ED;
  color: #fff;
  padding: 0;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
}

.service-content {
  background-color: rgb(255, 255, 255);
  border-top: 5px solid #3362ED;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  float: left;
  left: -20px;
  margin: 0;
  list-style: none;
  min-width: 230px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 83px;
  transform: translateY(50px);
  transition: all 0.4s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9;
}

.service-content > li {
  cursor: pointer;
  padding: 5px 0;
  width: 100%;
}

.header-main .navigation-ul ul.service-content > li a {
  display: block;
  font-size: 13px;
  padding: 10px 15px;
  text-decoration: none;
}

.service-content i {
  padding-right: 5px;
}
/*.service-sec:hover .service-content {
  opacity: 1;
  transform: translateY(-30px);
  transition: all 0.4s ease 0s;
  visibility: visible;
}*/
.service-content.active-ul {
  opacity: 1;
  transform: translateY(-30px);
  transition: all 0.4s ease 0s;
  visibility: visible;
}

.slider-play-icon {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
  border: 6px solid rgba(255, 255, 255, 0.45);
  border-radius: 150px;
  color: #ffffff;
  font-size: 26px;
  height: 80px;
  line-height: 70px;
  text-align: center;
  width: 80px;
  display: inline-block;
  margin-bottom: 30px;
  cursor: pointer;
  transition: all 0.5s ease 0s;
}

.slider-play-icon:hover {
  border: 6px solid rgba(255, 255, 255, 0.8);
}

.video-main {
  float: left;
  left: 0;
  position: absolute;
  text-align: center;
  display: none;
  top: 0;
  width: 100%;
  z-index: 9;
}

/*--services--*/
.service-main {
  float: left;
  width: 100%;
  padding: 30px;
  background-color: #ECF1F8;
}

.service-mini {
  float: left;
  width: 100%;
}

.service-mini .top-heading {
  text-align: left;
}

.divider {
  position: relative;
}

.divider::after {
  background-color: #3362ED;
  bottom: -10px;
  content: "";
  height: 3px;
  left: 0;
  max-width: 50px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.top-heading > p {
  margin-top: 10px;
  float: left;
  text-transform: capitalize;
  font-size: 15px;
}

.services-content {
  display: flex;
  flex-flow: row wrap;
  float: left;
  margin-top: 40px;
  width: 100%;
}

.service-indiv {
  float: left;
  margin-bottom: 20px;
  /*min-height: 215px;*/
  transition: all 0.4s ease 0s;
  width: 100%;
}

.service-indiv > span {
  float: left;
  font-size: 30px;
  width: 10%;
  color: #3362EF;
  transition: all 0.4s ease 0s;
}

.serviv-right {
  float: left;
  padding: 0 15px;
  width: 90%;
}

.serviv-right > h3 {
  font-size: 16px;
  font-weight: 600;
  margin-top: 0;
}

.serviv-right > p {
  margin: 0;
  /*text-align: justify;*/
}

.service-indiv:hover .serviv-right h3 {
  color: rgb(51, 98, 239);
}

.service-indiv:hover span {
  transform: scale(1.1,1.1);
}

.guarantee-main {
  float: left;
  padding: 20px;
  text-align: left;
  width: 100%;
}

.guarantee-main img {
  max-width: 200px;
}

/*--footer--*/
.footer-main {
  float: left;
  width: 100%;
  background-color: #ECF1F8;
}

.footer-mini {
  padding: 30px 0px;
  float: left;
  width: 100%;
}

.footer-ul {
  float: left;
  width: 100%;
}

.footer-ul > h3 {
  font-size: 18px;
  font-weight: 600;
  color: rgb(109, 122, 140);
}

.footer-ul > ul {
  float: left;
  list-style: outside none none;
  width: 100%;
}

.footer-ul li {
  display: block;
  margin: 15px 0;
}

.footer-ul a {
  color: rgb(109, 122, 140);
  transition: all 0.4s ease 0s;
}

.footer-ul a:hover {
  color: #3362ED;
}

.footer-ul.social-icon ul li a {
  color: #fff;
  border-radius: 50%;
}

.footer-ul.social-icon ul li a:hover {
  border-radius: 0;
}

.footer-ul.social-icon .facebook-a,.footer-ul.social-icon .facebook-a:hover {
  background-color: #475993;
}

.footer-ul.social-icon .twitter-a,.footer-ul.social-icon .twitter-a:hover {
  background-color: #76A9EA;
}

.footer-ul.social-icon .linkedin-a,.footer-ul.social-icon .linkedin-a:hover {
  background-color: #0077B7;
}

.footer-ul.social-icon .google-a, .footer-ul.social-icon .google-a:hover {
  background-color: #F34A38;
}

.footer-cpy {
  float: left;
  width: 100%;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  background-color: #3362ED;
}

.footer-cpy p {
  margin-bottom: 0;
  color: #fff;
}

.footer-ul > p {
  margin-top: 20px;
  color: rgb(109, 122, 140);
}

.footer-ul.social-icon > ul {
  margin-top: 5px;
}

.disclaimer-main {
  float: left;
  width: 100%;
  text-align: center;
  padding: 20px 0;
  border-top: 1px solid #ddd;
}

.disclaimer-main > div {
  max-width: 85%;
  display: inline-block;
}

/*--testimonial--*/
.testimonial-sec::after {
  background-color: rgba(0, 0, 0, 0.6);
  content: "";
  float: left;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.testimonial-sec {
  background-position: center center;
  background-size: cover;
  float: left;
  padding: 50px 0;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: -1;
}

.testimonial-sec h2 {
  color: rgb(255, 255, 255);
  font-family: 'Bree Serif', serif;
  font-size: 36px;
  margin: 0;
  margin-bottom: 20px;
  text-align: center;
  text-transform: capitalize;
}

.testimonial-sec .brdr-bottom {
  border-bottom: 3px solid rgb(255, 255, 255);
  margin: 30px auto;
  max-width: 90px;
  text-align: center;
}

.testimonial-sec p {
  color: rgb(255, 255, 255);
  font-size: 20px;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.testimonial-sec-wrap {
  float: left;
  margin-top: 50px;
  width: 100%;
}

.card {
  background: rgb(255, 255, 255) none repeat scroll 0 0;
  border-radius: 6px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
  color: rgba(0, 0, 0, 0.87);
  display: inline-block;
  margin: 25px 0;
  position: relative;
  width: 100%;
  transition: all 0.5s ease 0s;
}

.card-testimonial .icon {
  color: rgb(77, 77, 77);
  font-size: 24px;
  margin-top: 30px;
}

.card .card-content {
  float: left;
  padding: 8px 20px;
  position: relative;
  text-align: center;
  width: 100%;
  min-height: 310px;
}

.card-description {
  color: rgb(153, 153, 153);
  float: left;
  font-size: 16px;
  width: 100%;
}

.card-testimonial .card-description {
  color: rgb(109, 122, 140);
  font-size: 16px;
  line-height: 1.4;
}

.footer-crd {
  float: left;
  text-align: center;
  width: 100%;
}

.card .card-title {
  color: rgb(60, 72, 88);
  font-family: 'Bree Serif', serif;
  font-size: 26px;
  margin-bottom: 3px;
  margin-top: 0;
  position: relative;
  top: -30px;
}

.card .footer-crd .card-title {
  margin: 5px 0;
  top: 0;
}

.footer-crd .category {
  color: rgb(153, 153, 153);
  font-size: 16px;
  margin: 5px 0;
}

.card-avatar {
  border-radius: 50%;
  box-shadow: 0 0px 25px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
  overflow: visible;
}

.card-testimonial .card-avatar {
  display: inline-block;
  margin-bottom: -30px;
  margin-top: 15px;
  max-height: 100px;
  max-width: 100px;
}

.card-testimonial {
  margin-top: 0;
  text-align: center;
  padding: 10px 0 30px;
}

.card-avatar .img-responsive {
  border-radius: 100%;
}

.newpackageslider .item {
  padding: 0 20px;
}

.top-heading {
  float: left;
  width: 100%;
  text-align: center;
}

.top-heading img {
  display: inline-block;
}

.newpackageslider .slick-prev::before,.newpackageslider .slick-next::before {
  color: #fff;
}

.card-testimonial:hover {
  background-color: #3362ED;
}

.card-testimonial:hover .card-description,.card-testimonial:hover .icon,.card-testimonial:hover .card-title {
  color: #fff;
}

/*--study on any device--*/
.study-main {
  float: left;
  margin: 30px 0;
  padding: 50px 0;
  width: 100%;
}

.study-mini {
  float: left;
  width: 100%;
}

.study-img {
  float: left;
  width: 100%;
}

.study-img img {
  width: 100%;
}

.study-content {
  float: left;
  text-align: left;
  width: 100%;
}

.study-content > h2 {
  font-family: 'Bree Serif', serif;
  color: #3362ED;
}

.study-content p {
  margin-top: 30px;
  color: rgb(109, 122, 140);
}



/*--statistics--*/
.statisics-sec {
  float: left;
  width: 100%;
  background-color: #ECF1F8;
  padding: 30px 0;
}

.statisics-sec span {
  color: #3362ED;
}

.counter {
  font-size: 36px;
}

.rate-star {
  font-size: 20px;
  margin-left: 5px;
}

.stats-bottom h2 {
  border-bottom: 1px solid rgb(216, 224, 236);
  padding-bottom: 10px;
  margin-top: 0;
}

.stats-bottom h3 {
  font-size: 17px;
  margin: 0px;
  color: rgb(109, 122, 140);
  text-transform: capitalize;
}

.stats-bottom h3:first-child {
  margin-bottom: 0;
}

.couner-main {
  float: left;
  width: 100%;
  text-align: center;
}

.counter-mini {
  display: inline-block;
}

.counter-mini .mrg-remv {
  margin-bottom: 5px;
}

/*--subscription--*/
.subs-main {
  background-color: #3362ed;
  float: left;
  padding: 30px 0 50px;
  position: relative;
  width: 100%;
}

.subs-main::after {
  background: rgba(0, 0, 0, 0) url("../img/pattern.png") repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.subs-mini {
  float: left;
  text-align: center;
  width: 100%;
}

.subs-cntnt {
  display: inline-block;
  position: relative;
  z-index: 2;
}

.subs-cntnt > h3 {
  color: #ffffff;
  font-size: 30px;
  margin-bottom: 20px;
}

.subs-cntnt img {
  margin-bottom: 20px;
}

.subs-cntnt .input-group {
  width: 100%;
}

.subs-cntnt .newslteer-main input.form-control {
  border-radius: 30px;
  height: 45px;
  position: relative;
}

.subs-cntnt .input-agroup-addon {
  background-color: #333333;
  border-radius: 50%;
  color: #ffffff;
  height: 35px;
  line-height: 35px;
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  width: 35px;
  z-index: 10;
}

.nav.navbar-nav.navbar-right.navigation-ul.mobile-navbar {
  display: none;
}

.header-main .navigation-ul.mobile-navbar > li a {
  color: #fff;
}

.header-main .mobile-navbar .service-sec .service-content a {
  color: #3362ed;
}

.header-main .mobile-navbar .service-sec .service-content a:hover {
  color: #fff;
} 


/*--login--*/
.login-main {
  float: left;
  padding: 30px 0 40px;
  width: 100%;
}

.login-heading {
  float: left;
  text-align: center;
  width: 100%;
}

.login-form {
  border: 2px solid #3362ED;
  float: left;
  padding: 25px 10px 15px;
  width: 100%;
  border-radius: 5px;
}

.login-form.cua-login-form {
  float: right;
  max-width: 85%;
}

.login-content {
  float: left;
  margin: 20px 0;
  text-align: center;
  width: 100%;
}

.login-content .row {
  display: inline-block;
  float: none;
  max-width: 80%;
  width: 100%;
}

.login-heading > p {
  margin-top: 20px;
}

.login-form .form-horizontal .form-group {
  margin-left: 0;
  margin-right: 0;
}

.login-form .form-horizontal label {
  text-align: left;
}

.login-btn {
  float: left;
  text-align: center;
  width: 100%;
}

.cus-btn {
  background-color: rgb(51, 98, 237);
  display: block;
  font-size: 18px;
  padding: 6px 15px;
  color: #fff;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.cus-btn:hover {
  background: #2655e2 none repeat scroll 0 0;
  color: #fff;
}

.forgt-a,.forgt-a:hover {
  color: rgb(51, 98, 237);
}

.login-form .input-group-addon {
  background-color: rgba(0, 0, 0, 0);
  border: medium none;
  right: 8px;
  padding: 10px;
  position: absolute;
  top: 0;
  z-index: 9;
  width: 35px;
  height: 40px;
  line-height: 20px;
  transition: all 0.3s ease 0s;
}

.input-group {
  width: 100%;
}

.form-control.txtfield,.input-group .form-control.txtfield {
  border-radius: 50px;
  height: 40px;
  padding-right: 40px;
  font-family: 'Open Sans', sans-serif;
}

.form-control.txtfield:focus,.input-group .form-control.txtfield:focus {
  border: 1px solid #3362ED;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(51, 98, 255, 0.2);
}

.form-control.txtfield:focus + .input-group-addon {
  color: #3362ED;
}

/*--checkbox--*/
.control {
  font-weight: normal;
  position: relative;
  padding-left: 30px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
}

.control.control--checkbox {
  padding-left: 30px;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control__indicator {
  position: absolute;
  top: 0px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #e6e6e6;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
  background: #ccc;
}

.control input:checked ~ .control__indicator {
  background: rgb(51, 98, 237) none repeat scroll 0 0;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: rgb(51, 98, 237);
}

.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.control__indicator:after {
  content: '';
  position: absolute;
  display: none;
}

.control input:checked ~ .control__indicator:after {
  display: block;
}

.control--checkbox .control__indicator::after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #ffffff;
  border-image: none;
  border-style: solid;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 7px;
  top: 4px;
  transform: rotate(45deg);
  width: 5px;
}

.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
  left: 7px;
  top: 7px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
  background: #7b7b7b;
}

.profile-h4 {
  color: #337DF1;
}

.control--radio .control__indicator {
  border-radius: 50%;
}

.logged-span {
  background-color: #dce1e8;
  border-radius: 50%;
  color: #6d7a8c;
  padding: 1px 2px;
}

.login-reg > p {
  font-size: 16px;
}

.login-reg > ul {
  padding-left: 15px;
  list-style: none;
}

.login-reg > h3 {
  color: #3362ED;
  margin-top: 0;
  font-family: 'Bree Serif', serif;
}

.login-reg > a {
  color: #3362ed;
  font-family: 'Bree Serif', serif;
  font-size: 18px;
  margin-top: 10px;
  float: left;
}

.login-thoughts {
  float: left;
  font-size: 30px;
  text-align: center;
  width: 100%;
  position: relative;
}

.login-thoughts p span {
  color: #3362ed;
  font-size: 20px;
}

.login-thoughts p {
  font-family: 'Itim', cursive;
}

.rquote {
  position: absolute;
  bottom: 0;
  right: 0;
}

.lquote {
  left: 0;
  position: absolute;
  top: 0;
}

.icon-clr {
  color: #3362ED;
}

/*--register--*/
.reg-content {
  float: left;
  text-align: center;
  width: 100%;
}

.reg-mini {
  display: inline-block;
  float: none;
  margin-top: 30px;
  max-width: 500px;
  padding: 25px 10px 10px;
  width: 100%;
}

.account-reg {
  color: #ffffff;
  float: left;
  margin-bottom: 20px;
  margin-top: -50px;
  text-align: center;
  width: 100%;
}

.account-mini {
  background-color: #3362ed;
  display: inline-block;
  font-size: 18px;
  padding: 10px 20px;
}

.reg-content h2 {
  color: #6d7a8c;
  font-size: 16px;
  text-transform: initial;
}

.reg-content h2 a {
  color: #3362ed;
  font-weight: 600;
}

.reg-mini.login-form .select-style {
  border-radius: 50px;
  height: 40px;
}

.reg-mini.login-form .select-style select {
  color: #999;
  padding-top: 8px;
}

.reg-terms .control {
  margin-bottom: 0;
}

.reg-mini.thank-reg {
  font-size: 16px;
  margin: 0;
  max-width: 700px;
  padding: 50px 0;
}

.reg-terms {
  float: left;
  width: 100%;
  text-align: left;
}

.reg-terms ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.reg-terms ul li {
  display: block;
  margin-bottom: 10px;
}

.thank-cntnt {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.thank-heading {
  float: left;
  padding: 50px 0;
  text-align: center;
  width: 100%;
  background-color: #3362ED;
}

.thank-cntnt p {
  margin-bottom: 0;
  letter-spacing: 1px;
}

.thank-heading img {
  display: inline-block;
  max-width: 100px;
  box-shadow: 0px 3px 8px 7px rgba(0,0,0,0.2);
  border-radius: 50%;
}

.login-main.thank-main {
  background-color: #ecf1f8;
  padding: 0;
}

.reg-content .login-heading h2 {
  color: #3362ed;
  font-size: 30px;
}

.reg-content .login-heading p {
  margin: 0;
}

.hide-char {
  margin-top: 10px;
  margin-bottom: 0;
}

.hide-char a {
  color: #3362ED;
}

.alrdy-a {
  font-family: 'Open Sans', sans-serif;
}


/*---pricings--*/
.pricing-main {
  float: left;
  width: 100%;
  padding: 40px 0;
}

.pricing-table {
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
  float: left;
  overflow: hidden;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}

.pricing-table .pricing-wrap {
  padding-bottom: 40px;
  float: left;
  width: 100%;
}

.cstm-nin-hight .pricing-table .pricing-wrap {
  min-height:425px!important;
  overflow: auto;
}

.pricing-one .pricing-wrap {
  border: 5px solid #6d78ad;
}

.pricing-two .pricing-wrap {
  border: 5px solid #51CDA0;
}

.pricing-three .pricing-wrap {
  border: 5px solid #FE443C;
}

.pricing-one .pricing-table-header {
  background-color: #6d78ad;
}

.pricing-two .pricing-table-header {
  background-color: #51CDA0;
}

.pricing-three .pricing-table-header {
  background-color: #FE443C;
}

.pricing-four .pricing-table-header {
  background-color: #014880;
}

.pricing-five .pricing-table-header {
  background-color: #F86923;
}

.pricing-one .divider-circle::after {
  background: #6d78ad;
}

.pricing-two .divider-circle::after {
  background: #51CDA0;
}

.pricing-three .divider-circle::after {
  background: #FE443C;
}

.pricing-table-header {
  color: #ffffff;
  font-size: 16px;
  margin: 0;
  padding: 10px 10px 15px;
  text-transform: uppercase;
  min-height:70px;
}

.pricing-table-label {
  background: #25313d none repeat scroll 0 0;
  padding: 17px 15px;
  text-align: center;
}

.pricing-table-label p {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.pricing-table-body {
  padding: 0;
}

.pricing-object-lg {
  color: #333;
  font-size: 72px;
  margin-top: 20px;
}

.pricing-list > li {
  color: #333;
  margin-bottom: 10px;
}

.pricing-object-lg .small-top, .pricing-object-xl .small-top {
  font-size: 14px;
  margin-right: 5px;
  top: 25px;
  vertical-align: top;
}

.pricing-object > * {
  margin-top: 0;
  text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

.pricing-object-lg .small-bottom, .pricing-object-xl .small-bottom {
  bottom: -4px;
  margin-left: 3px;
  vertical-align: bottom;
}

.pricing-object .small {
  color: inherit;
  font-size: 10px;
  position: relative;
  text-transform: uppercase;
}

.pricing-object-lg .small, .pricing-object-xl .small {
  font-size: 10px;
}

.divider-circle::after {
  border-radius: 50px;
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
}

.divider-circle {
  height: 10px;
  position: relative;
  width: 100%;
}

* + .divider-circle {
  margin-top: 40px;
}

.pricing-table * + .pricing-list {
  margin-bottom: 20px;
  margin-top: 20px;
}

.pricing-table .pricing-list {
  color: #00030a;
  font-size: 16px;
  font-weight: 300;
  list-style: none;
}

.pricing-table .pricing-list span {
  display: inline-block;
  margin-right: 0.25em;
}

.page .text-ebony-clay {
  color: #25313d;
}

.pricing-main .row {
  display: flex;
  display:-webkit-flex;
  /*flex-wrap: wrap;*/
  margin-left: -15px;
  margin-right: -15px;
}

.align-items-md-end {
  align-items: flex-end !important;
}

.pricing-table-footer {
  float: left;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

.pricing-one .pricing-table-footer a {
  background-color: #6D78AD;
  border: 2px solid transparent;
}

.pricing-one .pricing-table-footer a:hover {
  background-color: transparent;
  border: 2px solid #6D78AD;
  color: #6D78AD;
}

.pricing-two .pricing-table-footer a {
  background-color: #51CDA0;
  border: 2px solid #51CDA0;
}

.pricing-two .pricing-table-footer a:hover {
  background-color: transparent;
  border: 2px solid #51CDA0;
  color: #51CDA0;
}

.pricing-three .pricing-table-footer a {
  background-color: #FE443C;
  border: 2px solid #FE443C;
}

.pricing-three .pricing-table-footer a:hover {
  background-color: transparent;
  border: 2px solid #FE443C;
  color: #FE443C;
}

.pricing-table-footer a {
  color: #fff;
  font-size: 18px;
  padding: 10px 30px;
  text-decoration: none;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  display: inline-block;
  transform: perspective(1px) translateZ(0px);
  transition: all 0.4s ease 0s;
  vertical-align: middle;
}

.pricing-table-footer a:hover {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

.pricing-head {
  float: left;
  width: 100%;
  text-align: center;
}

.pricing-sec {
  float: left;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
}

.free-reg {
  float: left;
  width: 100%;
}


/*--dashboard--*/
.dashboard-main {
  float: left;
  min-height: 100vh;
  padding: 20px 0;
  width: 100%;
  background-color: #ECF1F8;
}

.dashboard-min {
  float: left;
  min-height: calc(100vh - 245px);
  width: 100%;
}

.page-sidebar-wrapper {
  padding: 0 15px;
}

.dash-sidebar {
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  float: left;
  margin-right: -100%;
  position: relative;
  width: 100%;
  max-width: 250px;
}

.page-content-wrapper {
  width: 100%;
}

.page-content {
  margin-left: 250px;
  padding-left: 35px;
  padding-right: 15px;
}

.side-img {
  float: left;
  text-align: center;
  width: 100%;
}

.side-img img {
  max-width: 100px;
  display: inline-block;
  border-radius: 50%;
  min-height: 100px;
  max-height: 100px;
}

.dshbrd-nvbar > li > a.dropdown-user {
  padding: 3px 15px;
}

.dshbrd-nvbar > li > a.dropdown-user:hover {
  background-color: transparent;
  color: #3362ed;
}

.dropdown-user img {
  border-radius: 50%;
  display: inline-block;
  width: 35px;
  margin-right: 4px;
}

.dshbrd-subnvbar::before {
  box-shadow: 0 -2px 9px 0 rgba(0, 0, 0, 0.898);
  content: "";
  height: 4px;
  position: absolute;
  right: 37px;
  top: -4px;
  width: 4px;
  z-index: 0;
}

.dshbrd-subnvbar::after {
  border-bottom: 10px solid #ffffff;
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid rgba(0, 0, 0, 0);
  content: "";
  position: absolute;
  right: 30px;
  top: -10px;
}

.dshbrd-subnvbar {
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  position: absolute;
  right: 0;
  top: 80px;
  transition: all 0.4s ease 0s;
  visibility: hidden;
  width: 160px;
}

.dshbrd-subnvbar > li > a {
  display: block;
  padding: 10px;
}

.dropdown-li:hover .dshbrd-subnvbar {
  opacity: 1;
  top: 53px;
  transition: all 0.4s ease 0s;
  visibility: visible;
}

.header-main .navigation-ul .dshbrd-subnvbar a {
  display: block;
  text-transform: capitalize;
  text-decoration: none;
}

.sidebar-listing {
  float: left;
  width: 100%;
}

.sidebar-listing > ul {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.sidebar-listing li {
  display: block;
  float: left;
  margin-bottom: 2px;
  position: relative;
  width: 100%;
}

.sidebar-listing li.active > a {
  background-color: #3362ed;
  color: #ffffff;
  border-left: 5px solid #20209d;
  margin-left: -5px;
}
.sidebar-listing li.active > a::after
{
  font-family: 'FontAwesome';
  content: '\f0d9';
  width: 10px;
  height: 43px;
  background-position: center;
  z-index: 138;
  position: absolute;
  top: -31px;
  right: 3px;
  line-height: 2.5;
  font-size: 40px;
}
.sidebar-listing li.active a span {
  color: #fff;
}

.sidebar-listing > ul li a {
  background-color: #ffffff;
  display: block;
  font-size: 16px;
  padding: 10px 10px 10px 35px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.sidebar-listing a:hover {
  background-color: #ECF1F8;
}

.sidebar-listing span.side-icon {
  color: #a7bdcd;
  left: 0;
  margin-right: 3px;
  padding: 10px;
  position: absolute;
  top: 0;
}

.dashboard-contnt {
  background-color: #ffffff;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
  float: left;
  min-height: 100vh;
  padding: 10px 15px;
  width: 100%;
}

.dash-main {
  float: left;
  width: 100%;
}

.dash-head {
  float: left;
  width: 100%;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}

.dash-head p {
  margin: 0;
}

.exam-taken {
  float: left;
  text-align: right;
  width: 100%;
  margin-top: 20px;
}

.exam-taken .dropdown {
  float: right;
}

.exam-taken .dropdown-menu {
  right: 0;
  left: unset;
}

.cus-btn.cutm-btn {
  display: inline-block;
  font-size: 14px;
}

.overview-dash {
  float: left;
  width: 100%;
}

.overall-map {
  border: 1px solid #999999;
  float: left;
  padding: 20px 10px 10px;
  position: relative;
  width: 100%;
  min-height: 330px;
}

.overall-map h3 {
  background-color: #ffffff;
  font-size: 16px;
  left: 10px;
  margin: 0;
  position: absolute;
  top: -10px;
  width: auto;
}

.expire-subs p span {
  color: #3362ed;
  font-family: "Bree Serif",serif;
  font-weight: normal;
}

.expire-subs span {
  color: #B63426;
  font-weight: 600;
}

.expire-subs {
  border: 1px solid #999999;
  float: left;
  padding: 10px;
  width: 100%;
  margin-top: 20px;
}

.expire-subs > p {
  font-size: 16px;
  margin: 0;
}

.chart-main {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.canvas {
  float: left;
  width: 100%;
  height: 300px;
}

.sidebar-listing .sidebar-sub-ul a {
  background-color: rgba(51, 98, 237, 0.6);
  color: #ffffff;
  font-size: 15px;
  padding: 10px 20px;
}

.ryt-arrow {
  transition: all 0.3s ease 0s;
}

.ryt-arrow.rot {
  transform: rotate(90deg);
}

.progress {
  margin: 10px 0;
  width: 100%;
}

.progress-bar {
  background-color: #3362ed;
}

.test-cards {
  float: left;
  width: 100%;
}

.test-cards h4 {
  color: #3362ed;
  font-family: 'Bree Serif', serif;
  margin-top: 0;
}

.score-get {
  display: table;
  float: left;
  height: 100%;
  margin: 40px 0;
  text-align: center;
  width: 100%;
}

.score-mini {
  display: table-cell;
  height: 100px;
  vertical-align: middle;
}

.score-mini p {
  color: #3362ed;
  font-size: 36px;
}

.retake-center {
  float: left;
  text-align: center;
  width: 100%;
}

.retake-center .cus-btn.cutm-btn {
  padding: 10px 30px;
}

.overall-map .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
}

.overall-map .owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
}

.overall-map .owl-theme .owl-controls {
  margin-top: 0;
}

.overall-map .owl-theme .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #2655e2;
  font-size: 20px;
  position: absolute;
  top: 120px;
  /*top: 50%;*/;
}

.select-ctr {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 350px;
  height: 370px;
  font-family: "Roboto";
}

.select-ctr > div {
  padding: 15px 20px;
  position: absolute;
  width: 100%;
  font-size: 1.25rem;
  cursor: pointer;
}

.select-ctr .input-5 {
  top: 300px;
}

.select-ctr .input-4 {
  top: 240px;
}

.select-ctr .input-3 {
  top: 180px;
}

.select-ctr .input-2 {
  top: 120px;
}

.select-ctr .input-1 {
  top: 60px;
}

.select-ctr > div.input {
  background: #fff;
  color: #777;
  border-radius: 2px;
  box-shadow: 0 2px 15px 3px rgba(0, 0, 0, 0.1);
}

.select-ctr > div.input.active {
  color: #1D77EF;
}

.select-ctr > div.input-preview {
  color: rgba(255, 255, 255, 0.75);
  position: relative;
  transition: .3s all ease;
}

.select-ctr > div.input-preview.active {
  color: white;
}

.select-ctr > div.input-preview:before {
  content: "";
  position: absolute;
  top: 18px;
  right: 20px;
  bottom: 20px;
  width: 20px;
  background: rgba(255, 255, 255, 0.75);
  -webkit-clip-path: polygon(50% 73%, 0 0, 100% 0);
  clip-path: polygon(50% 73%, 0 0, 100% 0);
  padding: 10px;
  box-sizing: border-box;
  transition: .3s all ease;
}

.select-ctr > div.input-preview.active:before {
  background: white;
  -webkit-clip-path: polygon(50% 0, 0 73%, 100% 73%);
  clip-path: polygon(50% 0, 0 73%, 100% 73%);
}


/*--profile--*/
.profile-sec {
  float: left;
  width: 100%;
}

.profile-main {
  border: 1px solid #eeeeee;
  float: left;
  margin-top: 20px;
  padding: 20px;
  width: 100%;
}

.view-profile {
  float: left;
  width: 100%;
  position: relative;
}

.view-profile img {
  float: left;
  max-height: 90px;
  max-width: 90px;
  min-height: 90px;
  width: 100%;
  object-fit: cover;
}

.profile-strngh {
  float: left;
  padding: 10px 0;
  width: 40%;
}

.profile-strngh h4 {
  color: #6d7a8c;
  margin-top: 0;
}

.profile-strngh .progress {
  height: 12px;
}

.profile-cntnt {
  float: left;
  width: 100%;
  margin: 5px 0 0;
}

.profile-cntnt ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.profile-cntnt ul li {
  display: inline-block;
  float: left;
  font-size: 16px;
  margin-bottom: 15px;
  max-width: 50%;
  width: 100%;
}

.profile-cntnt ul li:last-child {
  margin: 0;
}

.profile-cntnt ul li span.left-span {
  float: left;
  width: 100%;
  max-width: 40%;
  position: relative;
}

.profile-cntnt ul li span.left-span::after {
  content: ":";
  position: absolute;
  top: 0;
  right: 10px;
}

.profile-cntnt ul li span.right-span {
  float: left;
  width: 100%;
  max-width: 60%;
}

.edit-icn {
  color: #3362ed;
  cursor: pointer;
  position: absolute;
  right: 0;
  top: -10px;
  font-size: 20px;
}

.edit-profile {
  float: left;
  width: 100%;
}

.edit-img {
  float: left;
  text-align: center;
  width: 100%;
}

.edit-img img {
  display: inline-block;
  max-height: 110px;
  max-width: 110px;
  min-height: 110px;
  object-fit: cover;
  width: 100%;
}

.upload-img {
  float: left;
  text-align: center;
  width: 100%;
}

.upload-img .btn {
  border-radius: 0;
  font-size: 11px;
  position: relative;
}

.upload-img .btn input {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

.profile-form {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.profile-form .form-horizontal label {
  text-align: left;
}

.profile-form .select-style {
  border-radius: 50px;
  height: 40px;
}

.profile-form .select-style select {
  color: #999999;
  padding-top: 8px;
}

.save-btns {
  float: left;
  width: 100%;
  text-align: center;
}

.profile-setting {
  border: 1px solid #eeeeee;
  float: left;
  margin-top: 20px;
  padding: 20px;
  width: 100%;
}

.profile-setting .nav-tabs {
  border-bottom: 2px solid #DDD;
}

.profile-setting  .nav-tabs > li.active > a, .profile-setting  .nav-tabs > li.active > a:focus, .profile-setting  .nav-tabs > li.active > a:hover {
  border-width: 0;
}

.profile-setting  .nav-tabs > li > a {
  border: none;
  color: #666;
}

.profile-setting .nav-tabs > li.active > a, .profile-setting  .nav-tabs > li > a:hover {
  border: none;
  color: #3362ED !important;
  background: transparent;
}

.profile-setting .nav-tabs > li > a::after {
  content: "";
  background: #3362ED;
  height: 2px;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: -1px;
  transition: all 250ms ease 0s;
  transform: scale(0);
}

.profile-setting .nav-tabs > li.active > a::after, .profile-setting  .nav-tabs > li:hover > a::after {
  transform: scale(1);
}

.profile-setting  .tab-nav > li > a::after {
  background: #21527d none repeat scroll 0% 0%;
  color: #fff;
}

.profile-setting .tab-content {
  padding: 20px 10px;
  float: left;
  width: 100%;
}

.profile-setting  .card {
  background: #FFF none repeat scroll 0% 0%;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  margin-bottom: 30px;
}

.score-main {
  float: left;
  width: 100%;
}

.score-main ul {
  list-style: none;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

.score-main ul li .progress {
  height: 12px;
}

.score-main li {
  display: inline-block;
  float: left;
  max-width: 50%;
  width: 100%;
}

.progress-one.progress-bar {
  background-color: #6d78ad;
}

.progress-two.progress-bar {
  background-color: #51CDA0;
}

.progress-three.progress-bar {
  background-color: #FE443C;
}

.progress-four.progress-bar {
  background-color: #ff9f00;
}

.progress-five.progress-bar {
  background-color: #095480;
}

.test-main {
  float: left;
  width: 100%;
  padding: 0 10px;
}

.test-flash {
  float: left;
  max-width: 100%;
  width: 100%;
}

.test-retake {
  float: left;
  max-width: 100%;
  padding: 0 0 15px;
  text-align: right;
  width: 100%;
}

.test-retake .btn {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #3362ED;
  color: #3362ED;
  text-transform: capitalize;
}

.account-main {
  float: left;
  width: 100%;
}

.account-main ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.cus-switch .switch {
  display: inline-block;
  height: 25px;
  position: relative;
  width: 55px;
}

.cus-switch .switch input {
  display: none;
}

.cus-switch .slider {
  background-color: #ccc;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.cus-switch .slider::before {
  background-color: #ffffff;
  bottom: 3px;
  content: "";
  height: 20px;
  left: 5px;
  position: absolute;
  transition: all 0.4s ease 0s;
  width: 20px;
}

.cus-switch input:checked + .slider {
  background-color: #3362ED;
}

.cus-switch input:checked + .slider:before {
  transform: translateX(26px);
}

.cus-switch .slider.round {
  border-radius: 34px;
}

.cus-switch .slider.round:before {
  border-radius: 50%;
}

.cus-switch > span {
  display: inline-block;
  float: left;
  height: 25px;
  padding: 0px 0;
  font-size: 16px;
  width: 85%;
}

.account-main li {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.profile-cntnt .change-accoutnt {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.profile-cntnt .change-accoutnt li {
  display: block;
  float: left;
  margin-bottom: 5px;
  max-width: 100%;
  width: 100%;
}



/*--flashcards--*/
.flash-main {
  border: 1px solid #eeeeee;
  float: left;
  margin-top: 20px;
  padding: 10px;
  width: 100%;
  text-align: center;
}

.flash-mini {
  float: left;
  position: relative;
  width: 100%;
  padding: 20px 0;
}

.flash-parent {
  float: left;
  width: 100%;
  /*min-height: 260px;*/
  min-height: 150px;
  padding: 20px 10px;
}

.flip-top {
  display: table;
  height: 200px;
  width: 100%;
}

.flip-sub {
  display: inline-block;
  max-width: 70%;
  width: 100%;
  text-align: justify !important;
  height:auto!important;
}

.flip-sub > p {
  font-size: 16px;
}

.flip-inner {
  display: table-cell;
  max-width: 70%;
  vertical-align: middle;
  width: 100%;
  position: relative;
}

.flip-inner > span {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #6d7a8c;
  text-transform: uppercase;
}

.flip > div {
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
  display: table-cell;
  height: auto !important;
  padding: 15px;
  vertical-align: middle;
  overflow: hidden; 
  /*25 MAy change Overflow*/
}

.front > h4 {
  color: #3362ed;
  float: left;
  margin: 0;
  text-align: left;
  width: 100%;
  font-weight: 600;
}

.back > h4 {
  color: #FE443C;
  float: left;
  margin: 0;
  text-align: left;
  width: 100%;
  font-weight: 600;
}

.flash-parent > div {
  display: table;
  height: 100%;
  width: 100%;
}

.flash-line {
  float: left;
  width: 100%;
}

.flash-main h3 {
  color: #3362ED;
  font-family: "Bree Serif",serif;
}

.flash-main .owl-theme .owl-controls {
  margin-top: 0;
}

.flash-main .owl-theme .owl-controls .owl-buttons div {
  background: #3362ED;
  color: #fff;
  font-size: 20px;
}

.paginations-main {
  position: absolute;
  bottom: 20px;
  right: 20px;
  font-size: 26px;
}

/*--contact*/
.contact-main {
  float: left;
  width: 100%;
  padding: 40px 0;
}

.contact-contnt {
  float: left;
  margin: 30px 0 20px;
  width: 100%;
  text-align: center;
}

.contact-map {
  float: left;
  width: 100%;
}

.contact-form > h3 {
  font-size: 26px;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 600;
}

.contact-form > h3 span {
  color: #3362ED;
}

.contact-form {
  display: inline-block;
  max-width: 70%;
  width: 100%;
}

.contact-form .select-style {
  border-radius: 0;
  height: 40px;
}

.contact-form .btn {
  padding: 10px 20px;
  font-size: 16px;
}

.contact-form .form-control {
  border-radius: 0;
}

.contact-form .form-group {
  margin-bottom: 20px;
}

.cntct-cntnt {
  float: left;
  width: 100%;
}

.cntct-cntnt > p {
  display: inline-block;
  max-width: 75%;
  width: 100%;
}

.cntct-cntnt p a.icon-clr {
  text-decoration: underline;
}

.cntct-cntnt p a.icon-clr:hover {
  color: #3362ED;
}

.cntct-cntnt p.icon-clr > span {
  color: #6d7a8c;
  font-weight: 600;
}

.resize-txt.form-control {
  resize: none;
  height: auto;
}

.contact-form .select-style select {
  color: #999999;
  padding-top: 8px;
}

/*--my-packages--*/
.my-package-main {
  float: left;
  width: 100%;
}

.my-package-main .pricing-table {
  padding: 0;
}

.pricing-one .purchase-cart {
  border: 3px solid #6d78ad;
}

.pricing-two .purchase-cart {
  border: 3px solid #51CDA0;
}

.pricing-three .purchase-cart {
  border: 3px solid #FE443C;
}

.pricing-four .purchase-cart {
  border: 3px solid #014880;
}

.pricing-five .purchase-cart {
  border: 3px solid #F86923;
}


/*--quiz--*/
.quiz-main {
  float: left;
  width: 100%;
  margin-top: 20px;
  position: relative;
}

.quiz-head {
  float: left;
  width: 100%;
}

.quiz-head h3 {
  color: #3362ed;
  margin: 0;
  font-family: "Bree Serif",serif;
  font-weight: 500;
}

.quiz-timing {
  float: left;
  text-align: right;
  width: 100%;
}

.quiz-timing > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.quiz-timing li {
  display: block;
}

.quiz-timing > ul li span {
  color: #3362ed;
  font-size: 16px;
  font-weight: 600;
}

.quiz-area {
  border: 1px solid #999999;
  float: left;
  padding: 15px;
  width: 100%;
  margin-top: 15px;
}

.quiz-table {
  display: table;
  height: 100%;
  width: 100%;
}

.quiz-table-cell {
  display: table-cell;
  vertical-align: middle;
}

.quiz-ques {
  float: left;
  margin-bottom: 25px;
  width: 100%;
}

.quiz-area .quiz-ques:last-child {
  margin-bottom: 0;
}

.quiz-ques > p {
  font-size: 16px;
  font-weight: 600;
}

.quiz-ques > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.quiz-ques > ul li {
  display: block;
  width: 100%;
  float: left;
}

.answer-btn {
  float: left;
  margin-top: 30px;
  text-align: left;
  width: 100%;
}

.answer-btn .cus-btn.cutm-btn {
  background-color: #ccd1d8;
}

.answer-btn .cus-btn.cutm-btn:focus {
  color: #fff;
}

.answer-btn .cus-btn.cutm-btn.check-btn {
  background-color: #51CDA0;
}

.quens-number {
  float: left;
  width: 100%;
}

.quens-number h4 {
  color: #3362ed;
  font-size: 16px;
}

.quens-number .progress {
  height: 13px;
}

.correct-ans {
  color: #51cda0;
  float: none!important;
  margin-left: 12px;
  font-weight: 600;
}

.wrong-ans {
  color: #FE443C;
  float: none!important;
  margin-left: 12px;
  font-weight: 600;
}

.quiz-ques .checkbox label.control {
  /*float: left;*/
  padding-left: 28px;
}

.pagination-main {
  float: left;
  width: 100%;
  text-align: right;
}

.pagination-main .pagination li.active > a {
  background-color: #3362ED;
  border: 1px solid #3362ED;
  color: #fff;
}

.pagination-main .pagination li > a {
  color: #3362ED;
}

/*--my classroom--*/
.class-main {
  color: #ffffff;
  float: left;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
  padding:20px 5px 20px 5px; 
}

.class-one {
  background-color: #6D78AD;
}

.class-two {
  background-color: #51CDA0;
}

.class-three {
  background-color: #FE443C;
}

.class-four {
  background-color: #014880;
}

.class-five {
  background-color: #F86923;
}

.class-free {
  background-color: #ffad26;
  min-height: 195px;
}

.class-main.class-free > a {
  height: 100%;
  min-height: 150px;
  padding-top: 44px;
}

.class-free.class-main h5 {
  font-size: 36px;
}

.class-main > a {
  /*padding: 20px 10px;*/
  display: block;
  text-decoration: none;
}

.class-main > a:hover {
  color: #fff;
}

.class-main .pricing-list {
  list-style: outside none none;
  /*margin: 25px 0 0;*/
  padding: 0;
  margin-bottom:10px!important; 
}

.class-main .pricing-list > li {
  color: #ffffff;
  /*margin-bottom: 10px;*/
}

.class-main .pricing-list > li:last-child {
  margin-bottom: 0;
}

.class-main .pricing-list span {
  /*font-size: 22px;*/
  font-size: 18px;
}

.class-main .pricing-list p {
  color: #ffffff;
  font-size: 18px;
  margin: 0;
}

.class-main h5 {
  color: #ffffff;
  font-family: bree serif;
  font-size: 18px;
  text-transform: uppercase;
  min-height: 0px!important;
  padding: 10px 0px!important;
}
/*--faq--*/
.faq-search {
  display: inline-block;
  max-width: 50%;
  width: 100%;
  margin: 20px 0;
}

.accordion-header:hover {
  background-color: #3362ED;
  color: #fff;
}

.accordion-header.active-header {
  background-color: #3362ED;
  color: #fff;
  transition: 0.2s ease 0s;
  margin-bottom: 0;
}

/*--about us--*/
.about-main {
  float: left;
  padding: 40px 0;
  width: 100%;
  background-color: #ECF1F8;
}

.about-contnt {
  float: left;
  width: 100%;
  margin-top: 50px;
}

.about-main .top-heading > p {
  max-width: 75%;
  display: inline-block;
  float: none;
}

.about-image {
  float: left;
  width: 100%;
}

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

.about-data {
  float: left;
  width: 100%;
}

.about-data > h3 {
  font-weight: 600;
  margin-top: 0;
  text-transform: uppercase;
}

.about-data h4 {
  font-size: 18px;
  font-weight: 600;
}

.about-data h3 span {
  color: #3362ed;
}

.about-data > ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.service-main.about-service {
  background-color: #fff;
}

.about-data li {
  display: block;
  margin-bottom: 10px;
}

/*--blog--*/
.blog-main {
  float: left;
  background-color: #ECF1F8;
  width: 100%;
  padding: 40px 50px;
}

.blog-cntnt {
  float: left;
  width: 100%;
}

.blog-cntnt {
  float: left;
  width: 100%;
  margin-top: 30px;
}

.blog-listing {
  float: left;
  width: 100%;
}

.blogs-queue {
  background-color: #ffffff;
  float: left;
  padding: 20px;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.07);
  width: 100%;
  margin-bottom: 20px;
}

.blogs-queue > img {
  width: 100%;
  object-fit: cover;
  min-height: 400px;
  max-height: 400px;
}

.blogs-queue > h3 {
  font-family: bree serif;
}

.blog-time {
  float: left;
  width: 100%;
  margin: 20px 0 10px;
  color: #6d7a8c;
}

.blog-time > span.date-blog {
  margin-right: 12px;
}

.blog-time > span.comment-blog {
  margin-left: 12px;
}

.blog-by {
  float: left;
  width: 100%;
}

.blog-desc {
  float: left;
  width: 100%;
}

.blog-desc a {
  border-radius: 0;
  padding: 10px 30px;
  margin-top: 20px;
}

.blog-sidebar {
  float: left;
  width: 100%;
}

.blog-search {
  float: left;
  width: 100%;
}

.blog-sidebar h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
  text-align: left;
}

.blog-input {
  float: left;
  position: relative;
  width: 100%;
}

.blog-input .form-control.txtfield {
  position: relative;
}

.blog-input .input-group-addon {
  background-color: rgba(0, 0, 0, 0);
  border: medium none;
  border-radius: 0 !important;
  font-size: 18px;
  height: 100%;
  line-height: 20px;
  position: absolute;
  right: 0px;
  top: 0;
  z-index: 9;
  padding: 10px 30px 10px 10px;
  text-align: center;
}

.blog-shadow {
  background-color: #ffffff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.07);
  float: left;
  padding: 20px;
  width: 100%;
  margin-bottom: 20px;
}

.blog-connect ul li {
  margin-bottom: 5px;
}

.blog-recent {
  border-bottom: 1px solid #dddddd;
  float: left;
  padding: 15px 0;
  width: 100%;
}

.blog-recent img {
  float: left;
  height: 100%;
  max-height: 60px;
  max-width: 30%;
  min-height: 60px;
  object-fit: cover;
  width: 100%;
  margin-top: 5px;
}

.blog-dtl {
  float: left;
  max-width: 70%;
  padding-left: 10px;
  width: 100%;
}

.blog-dtl > p {
  margin-bottom: 5px;
}

.blog-dtl > p.time-blg {
  margin: 0;
  color: #3362ED;
}

.blog-categ {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.blog-categ ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-categ ul li {
  display: block;
  margin-bottom: 10px;
}

.blog-categ ul li a {
  background-color: #ECF1F8;
  color: #333333;
  display: inline-block;
  padding: 5px 50px 5px 15px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}

.blog-categ ul li a:hover {
  background-color: #3362ED;
  color: #ffffff;
}

.blog-categ ul li .count {
  background-color: #ECF1F8;
  color: #333333;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  left: -41px;
  line-height: 1;
  min-width: 15px;
  padding: 3px 7px;
  position: relative;
  text-align: center;
  top: -1px;
}

.comments {
  float: left;
  text-align: left;
  width: 100%;
}

.comment-sec {
  border: 1px solid #dddddd;
  float: left;
  margin: 20px 0;
  padding: 20px;
  text-align: left;
  width: 100%;
}

.comment-sec img {
  border-radius: 50%;
  display: inline-block;
  float: left;
  width: 10%;
}

.comment-reply {
  float: left;
  padding-left: 20px;
  text-align: left;
  width: 90%;
}

.comment-reply > span {
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}

.custm-rly {
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0 0 0 50px;
  width: 90%;
}

.custm-rly span {
  float: left;
  margin-left: 20px;
  width: 80%;
}

.reply-sec {
  float: left;
  text-align: left;
  width: 100%;
}

.reply-sec h3 {
  font-family: bree serif;
}

.comments > h3 {
  font-family: bree serif;
}

.form-section {
  float: left;
  margin-top: 10px;
  width: 100%;
}

.reply-sec .form-control.resize-txt {
  height: auto;
  border-radius: 0;
}

.reply-sec .form-control {
  border-radius: 0;
}

.comment-btn {
  float: left;
  width: 100%;
}

.comment-btn .btn {
  padding: 10px 20px;
}

/*--payment--*/
.payment-main {
  float: left;
  width: 100%;
}

.payment-head {
  float: left;
  width: 100%;
  padding: 20px 0;
  background-color: #3362ED;
}

.course-summr > h3 {
  text-transform: uppercase;
}

.payment-head .top-heading h2 {
  color: #fff;
}

.payment-head .top-heading > p {
  max-width: 70%;
  display: inline-block;
  float: none;
  color: #fff;
}

.payment-cntnt {
  background-color: #ECF1F8;
  float: left;
  text-align: center;
  width: 100%;
}

.payment-mini {
  background-color: #ffffff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.07);
  display: inline-block;
  float: none;
  margin: 10px 0;
  max-width: 60%;
  padding: 20px;
  width: 100%;
  text-align: left;
}

.payment-cntnt h2 {
  font-size: 24px;
  margin-top: 0;
}

.course-summr {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.student-info {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.border-bottom {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.payment-cntnt h3 {
  font-size: 22px;
  font-weight: 600;
  margin-top: 0;
}

.payment-cntnt .select-style {
  border-radius: 50px;
  height: 40px;
}

.payment-cntnt .select-style select {
  color: #999999;
  padding-top: 8px;
}

.student-id {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.billing-info {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.blog-input.card-input .input-group-addon {
  right: 10px;
}

.billing-label {
  float: left;
  margin: 10px 0;
  width: 100%;
}

.login-info {
  float: left;
  width: 100%;
  margin: 10px 0;
}

.review-info {
  float: left;
  margin: 10px 0;
  width: 100%;
}

.billing-label label.control {
  margin-bottom: 0;
}

.review-info table thead th {
  background-color: #3362ED;
  color: #fff;
  border: 1px solid #3363ed;
}

.enroll-id {
  background-color: #ecf1f8;
  float: left;
  width: 100%;
  padding: 20px;
}

.enroll-id .form-control.txtfield {
  border-radius: 0;
}

.enroll-id .form-control.txtfield:focus + .input-group-addon {
  color: #fff;
}

.enroll-id .input-group-addon {
  background-color: #3362ED;
  border: 1px solid #3362ed;
  color: #fff;
}

.order-totl {
  background-color: #3362ed;
  float: left;
  width: 100%;
}

.order-totl .table {
  margin-bottom: 0;
  color: #fff;
}

.total-price th {
  background-color: #fff;
  color: #3362ED;
}

.review-table th:first-child {
  min-width: 80.4%;
}

.enroll-btn {
  float: left;
  width: 100%;
  margin-top: 20px;
}

.enroll-btn .btn {
  display: block;
  font-size: 18px;
  padding: 10px 20px;
}

.payment-card {
  float: left;
  width: 100%;
}

.payment-card .form-control.txtfield {
  float: left;
  width: 80%;
}

.payment-card > div {
  color: #ffffff;
  float: left;
  height: 100%;
  padding: 10px;
  text-align: center;
  width: 20%;
}

.payment-card span {
  background-color: #3362ED;
  border-radius: 50%;
  width: 20px;
  cursor: pointer;
  height: 20px;
}

.cvn-main {
  background-color: #fff;
  float: left;
  padding: 40px 0;
  text-align: center;
  width: 100%;
}

.cvn-main img {
  display: inline-block;
  width: 100%;
  max-width: 50%;
}

/*--states--*/
.states-main {
  float: left;
  width: 100%;
}

.states-head {
  background-color: #3362ed;
  float: left;
  padding: 20px 0;
  width: 100%;
}

.states-head .top-heading h2 {
  color: #ffffff;
}

.states-head .top-heading > p {
  color: #ffffff;
  display: inline-block;
  float: none;
  max-width: 70%;
}

.states-cntnt {
  float: left;
  width: 100%;
  background-color: #ECF1F8;
  text-align: center;
}

.states-mini {
  background-color: #ffffff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.07);
  display: inline-block;
  float: none;
  margin: 10px 0;
  max-width: 60%;
  padding: 20px;
  width: 100%;
  text-align: left;
}

.states-ul {
  float: left;
  width: 100%;
}

.states-ul > ul {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.states-ul li {
  margin-bottom: 10px;
}

.states-ul li a {
  transition: all 0.3s linear 0s;
}

.states-ul li a:hover {
  color: #3362ED;
  text-decoration: none;
  margin-left: 5px;
}


/*--pricing-two--*/
.pricing-main.pricing-two-main {
  padding-bottom: 0;
}

.select-state-main {
  background-color: #ecf1f8;
  float: left;
  padding: 50px 20px;
  text-align: center;
  width: 100%;
}

.state-main {
  display: inline-block;
  margin: 40px 0;
  max-width: 45%;
  width: 100%;
}

.select-state-main select.form-control, .select-state-main .select-style {
  color: #3362ed;
  font-size: 16px;
  font-weight: 600;
  height: 55px;
  text-transform: uppercase;
}

.state-main .btn {
  border-radius: 0;
  display: inline-block;
  margin: 30px 0 0;
  padding: 10px 60px;
}

.select-state-main .select-style {
  background-image: url("../img/down.png");
  border: 1px solid #3362ED;
}

.free-ques {
  background: rgba(0, 0, 0, 0) url("../img/black-pattern.png") repeat fixed 0 0;
  color: #ffffff;
  float: left;
  max-width: 70%;
  padding: 50px 30px 50px 60px;
  position: relative;
  text-align: center;
  width: 100%;
}

.reg-free-btn {
  float: left;
  max-width: 30%;
  padding: 35px 20px;
  text-align: center;
  width: 100%;
}

.ques-inline {
  display: inline-block;
}

.ques-inline h4 {
  text-transform: uppercase;
  font-family: 'Itim', cursive;
}

.ques-inline h4 span {
  font-size: 20px;
  margin: 0 5px;
}

.free-reg {
  border: 2px solid #333333;
  float: left;
  width: 100%;
  margin-top: 20px;
}

.reg-free-btn a.btn {
  border-radius: 0;
  padding: 10px 20px;
  font-size: 18px;
  margin-top: 10px;
  background-color: transparent;
  border: 2px solid #FE443C;
  font-family: 'Itim', cursive;
  color: #FE443C;
}

.reg-free-btn a.btn:hover {
  background-color: #FE443C;
  color: #fff;
}

.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.ribbon::before, .ribbon::after {
  border: 5px solid #9F342C;
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #fe443c;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}

.ribbon-top-left::before {
  right: 20px;
  top: 0;
}

.ribbon-top-left::after {
  bottom: 20px;
  left: -1px;
}

.ribbon-top-left span {
  right: -5px;
  top: 30px;
  transform: rotate(-45deg);
}



/*--23 march--flip css*/
.flip {
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
}

.front,
.back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.front,
.back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
}

.front {
  background-color: #fff;
}

.back {
  background-color: #fff;
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__front {
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}

.card.effect__click.flipped .card__back {
  -webkit-transform: rotateY(0);
  transform: rotateY(0);
}


/*--refund-policy--*/
.policy-main {
  float: left;
  width: 100%;
}

.policy-head {
  background-color: #3362ed;
  float: left;
  padding: 20px 0;
  width: 100%;
}

.policy-head .top-heading h2 {
  color: #ffffff;
}

.policy-cntnt {
  background-color: #ecf1f8;
  float: left;
  text-align: center;
  width: 100%;
}

.policy-mini {
  background-color: #ffffff;
  box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.07);
  display: inline-block;
  float: none;
  margin: 10px 0;
  max-width: 60%;
  padding: 20px;
  text-align: left;
  width: 100%;
}

.refund-policy {
  float: left;
  text-align: left;
  width: 100%;
}

.refund-img {
  float: left;
  padding: 20px 0;
  text-align: center;
  width: 100%;
}

.refund-img img {
  display: inline-block;
  max-width: 200px;
}

.refund-policy h5 {
  font-size: 14px;
  font-weight: 600;
}

.refund-policy > ul {
  padding-left: 25px;
}

.refund-policy li {
  margin-bottom: 10px;
}

/*--privacy--*/
.privacy-policy {
  float: left;
  width: 100%;
}

.privacy-policy h4 {
  font-size: 16px;
  font-weight: 600;
}

.alpha-let {
  font-weight: 600;
  color: #333;
}

.privacy-policy > ul {
  padding-left: 25px;
}

.li-span {
  font-weight: 600;
  color: #333;
}

.form-control-feedback {
  line-height: 40px;
  right: 25px;
}

.pagination-main li {
  color: #3362ED;
}

.pagination-main li.active > span {
  background-color: #3362ED;
  border: 1px solid #3362ED;
}
 /*--10 april--*/
.steps-main {
  background-color: #ecf1f8;
}

.steps-back {
  background-color: #fff;
}

.reg-content h2.alrdy-a {
  margin-top: 0;
}

.form-steps {
  display: block;
  width: 100%;
  position: relative;
  margin: 40px 0;
}

.form-steps:after {
  content: "";
  display: table;
  clear: both;
}

.form-steps__item {
  display: inline-block;
  float: none;
  padding: 0;
  position: relative;
  text-align: center;
  width: 33%;
}

.form-steps__item-content {
  display: inline-block;
}

.form-steps__item-icon {
  background: #8191ab none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  margin: 0 auto 10px;
  position: relative;
  text-align: center;
  width: 30px;
  z-index: 2;
}

.form-steps__item-text {
  font-size: 16px;
  color: #8191ab;
  font-weight: 500;
}

.form-steps__item-line {
  display: inline-block;
  height: 3px;
  width: 100%;
  background: #cfd8dc;
  float: left;
  position: absolute;
  left: -50%;
  top: 12px;
  z-index: 1;
}

.active .form-steps__item-icon {
  background: #3362ED;
  color: #ffffff;
}

.active .form-steps__item-text {
  color: #3362ED;
}

.active .form-steps__item-line {
  background: #3362ED;
}

.form-steps__item--completed .form-steps__item-text {
  color: #4f5e77;
}

.form-steps__item--completed .form-steps__item-line {
  background: #3362ED;
}

.cart-main {
  background-color: #ffffff;
  float: left;
  padding: 10px 20px;
  width: 100%;
}

.cart-main .review-info {
  margin-top: 0;
}

.steps-main h3 {
  font-size: 22px;
  font-weight: 600;
  margin-top: 5px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.bg-white {
  background-color: #ffffff;
  float: left;
  padding: 10px 20px;
  width: 100%;
}

.bg-white .payment-cntnt {
  background-color: transparent;
}

.billing-step {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.enroll-id.step-enroll {
  background-color: #3362ed;
  text-align: right;
}

.enroll-id.step-enroll .btn.cus-btn {
  margin-top: 10px;
  padding: 4px 20px;
  font-size: 14px;
  background-color: #fff;
  color: #3362ed;
  display: inline-block;
}

.cart-ul {
  list-style: outside none none;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  padding: 10px;
}

.cart-ul > li {
  display: inline-block;
  font-size: 16px;
  max-width: 29%;
  text-align: right;
  width: 100%;
}

.cart-ul > li:first-child {
  max-width: 70%;
  text-align: left;
  width: 100%;
  font-size: 14px;
}

.cart-ul li a {
  color: #3362ED;
}

.secure-pos .input-group-addon {
  background-color: rgba(0, 0, 0, 0);
  border: medium none;
  height: 40px;
  line-height: 20px;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease 0s;
  width: 35px;
  z-index: 9;
}

.order-mini {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.order-mini h3 span {
  font-size: 18px;
  color: #3362ED;
}

.order-mini h3 {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 15px;
}

.order-mini .bg-white > p {
  font-size: 16px;
  margin-bottom: 10px;
  text-transform: capitalize;
}
/*10 april*/
.form-horizontal .has-feedback .form-control-feedback {
  line-height: 44px;
  right: 30px;
}

.help-block {
  text-align: left;
}

.form-control.txtfield:focus + .input-group-addon {
  color: #3362ed;
}


/*---21-april-2018--*/
.ans-desc {
  float: left;
  width: 100%;
  margin: 15px 0 10px;
  text-align: justify !important;
  border: 2px solid red;
  border-radius: 5px;
  padding: 15px;
  background:#f9eaea;
}

.ans-desc h4 {
  /*color: #51cda0;*/
  color:red;
  margin: 0;
  padding: 0px 0px 10px 0px;
}

.ans-desc p {
  font-size: 14px;
  margin: 0;
  text-align: justify;
}

/*.change-main
{
  float: left;
  width: 100%;
}
.change-main .form-horizontal label
{
  text-align: left;
}
.change-btns
{
  float: left;
  width: 100%;
  text-align: center;
}
.change-main .row {
  float: left;
  text-align: center;
  width: 100%;
}
.change-main .row > div {
  display: inline-block;
  float: none;
}*/
.has-success label,.has-error label {
  color: #333 !important;
}

/*--27 april 2018--*/
.bg-hide {
  background: unset;
}

.faq-accor h2 {
  padding-right: 23px;
}

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

.new-login .row {
  display: inline-block;
  float: none;
  margin: 0;
  max-width: 80%;
  width: 100%;
}

.login-form.steps-back {
  text-align: left;
}

.login-reg {
  text-align: left;
}

.error-main {
  background-color: rgb(51, 98, 237);
  float: left;
  padding: 40px 0;
  width: 100%;
}

.error-table {
  display: table;
  float: left;
  height: 500px;
  width: 100%;
}

.error-table-cell {
  display: table-cell;
  float: none;
  text-align: center;
  vertical-align: middle;
}

.error-desc {
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
  float: none;
  max-width: 50%;
  width: 100%;
  text-align: center;
  padding: 30px 20px;
}

.error-desc h1 {
  color: rgb(255, 255, 255);
  font-size: 130px;
  margin: 0;
  font-weight: normal;
}

.error-desc p {
  font-size: 30px;
  color: #fff;
  margin: 0;
}

.error-desc h1 {
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
  color: rgb(255, 255, 255);
  font-size: 130px;
  font-weight: normal;
  margin: 0 0 20px;
}

.error-desc .btn.cus-btn {
  padding: 10px 20px;
  font-size: 20px;
}

.error-desc h4 {
  margin: 20px 0 25px;
  text-transform: uppercase;
  color: #fff;
}

.reg-terms.has-feedback i.glyphicon {
  display: none !important;
}

.pricing-main.dis-unset .row {
  display: unset;
}

/*--4 may 2018--*/

.login-content.cus-login-cntnt .row {
  display: unset;
  float: unset;
  width: unset;
  max-width: unset;
}

.login-cus-sec {
  max-width: 500px;
  display: inline-block;
  width: 100%;
}

.login-cus-sec .login-form.cua-login-form {
  float: left;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

/*--5 may--*/
.login-reg-exam {
  float: left;
  text-align: center;
  width: 100%;
}

.login-reg-exam .login-reg {
  float: left;
  text-align: center;
  width: 100%;
}

.login-reg-exam .login-reg > a {
  display: inline-block;
  float: none;
  font-size: 24px;
  margin-top: 0;
}

.login-reg-exam .login-reg > h3 {
  margin-bottom: 20px;
}

.login-reg > h3 {
  margin-bottom: 30px;
}

.login-reg a.reg-a {
  font-size: 24px;
}

.newslteer-main span.input-agroup-addon i {
  line-height: 33px;
}

.cart-tbl {
  display: table;
  height: 500px;
  width: 100%;
}

.cart-tbl-cl {
  display: table-cell;
  vertical-align: middle;
}
.top-heading h1
{
  font-size: 24px;
}
.top-heading h3
{
  font-size: 36px;
}

.normal-h3
{
 font-size: 36px!important; 
 color:#333!important;
 font-family: unset;
}
.normal-h2
{
 font-size: 36px!important; 
 color:#333!important;
 font-family: unset;
 text-transform: capitalize;
}

.par
{
  color: #6d7a8c!important; 
  font-size: 14px!important;
}

/* new */
.policy
{
  color: #fff;
  text-transform: uppercase;
  font-size: 30px!important;
  font-family: "Bree Serif",serif;
}
.policy-b
{
  color:#3362ed!important;
  text-transform: uppercase!important;
  font-size: 30px!important;
  font-family: "Bree Serif",serif!important;
  
}
.policy-b-size
{
  color:#3362ed!important;
  font-size: 30px!important;
  font-family: "Bree Serif",serif;
  /*text-transform: uppercase;*/
}
.h2-style
{
  font-size: 28px!important;
  color: #333;
font-family:unset;
text-transform: capitalize;
}
.h1-style
{
  font-size: 22px!important;
}
.normal-h1
{
 font-size: 28px!important; 
 color:#333!important;
 font-family: unset;
 text-transform: capitalize;
}
.normal-h1-w
{
 font-size: 28px!important; 
 color:#fff!important;
 font-family: unset;
 text-transform: capitalize;
}
.h1-email
{
  color:#6d7a8c!important;
  font-size: 26px!important;
}
.classroom-drop
{
  position: static!important;
  top:217px!important;
  padding: 0;
  margin: 0;
  width:100%;
}
.classroom-drop > li > a
{
  color: #6d7a8c;
}
.classroom-drop > li > a:hover, .classroom-drop > li > a:focus
{
  background: #ECF1F8!important;
  color: #23527c!important;
}
.classroom-caret
{
  position: absolute!important;
  top: 20px!important;
  right: 12px!important;
  color: #fff!important;
  width: 9px!important;
}

/* mpej exam page */

.mpj-heading
{
  text-align: center;
  font-size: 20px;
  color: #3362ed;
  padding-left: 180px;
}
.mpje-table
{
  width:80%;
  margin: 30px auto;
  

}

.mpje-table tbody tr
{
  border-collapse: collapse;
  margin: 31px;
  /*border-bottom: 20px solid #fff;*/
  background: #fff;
}
.mpje-table tr td
{

  background: #3362ed;
  border:1px solid #fff;
  color:#fff;
  border-top:none!important;
}
.mpj-h
{
  font-size: 18px;
}
.td-data
{
  font-size: 16px;
  font-weight: bold;
}
.td-data a
{
   text-decoration: none;
   color: #fff; 
}
.p-0
{
  padding: 0!important;
}
.m-0
{
  margin: 0!important;
}
.classroom-btn
{
  background: transparent;
  border: 2px solid #fff;
  width: 30%;
  padding: 5px 0px !important;
}
.classroom-btn:hover
{
  background: transparent;
}
.class-free h5
{
  padding: 35px 0px!important;
}
.pdf-table
{
  width:80%;
  margin:30px auto;

}
.pdf-table thead th
{
  background:#3362ed;
  color:#fff;
  padding:5px!important;
  border:2px solid #fff;
}
.pdf-table tbody tr
{
  border-collapse: collapse;
  margin: 31px;
  border-bottom: 20px solid #fff;
  background: #fff;
}
.pdf-table tr td
{
  background: #fff;
  border:3px solid #fff;
  color:#333;
  border-top:none!important;
}
.flash-table
{
  width:100%!important;
  margin:0px auto!important;

}
.flash-table tbody tr
{
  border-collapse: collapse;
  margin: 31px;
  border-bottom: 5px solid #fff!important;
  background: #fff;
}
.flash-table tbody tr td
{
  background: #ddd;
  border:2px solid #fff;
  color:#333;
  border-top:none!important;
  text-align: center;
}
.flash-table-div
{
  /*height:210px;
  overflow-x: auto;*/
  margin: 25px 0px;
}
.text-l
{
  text-align: left!important;
}
/* quiz-ques page*/
/*.quiz-ques > ul
{
  width:40%;
}*/

.graph
{
  
}
.quiz-ul img
{
  width:45%;
  margin: auto;
}
.flash-parent
{
  overflow-x: auto!important;
  /*height:750px!important;*/
}
/* pdf */


.pdf-outerdiv
  {
    width:90%!important;
    margin: auto!important;
    margin-left: 0!important;
    left:0!important;
    margin-top:20px!important;
  }
  .pdf-toolbar
  {
    width:90%!important;
    margin: auto!important;
  }
  .pdf-viewer
  {
    width:90%!important;
    margin: auto!important;
  }
  .pdf-canvas canvas
  {
    width:1791px!important;
    margin: auto!important; 
  }
  .touchPDF > .pdf-outerdiv > .pdf-toolbar > .pdf-button
  {
    color:#333!important;
  }
.play-btn
{
      font-size: 16px;
    padding: 10px 20px;
    position: absolute;
    /*top: 280px;*/
    /*left: 300px;*/
    top: 105px;
    left: 150px;
    background-color: rgb(168,12,94);
    border: none;
    color: #fff;
}
/* 11 march 2019 */

.video-title
{
   background:#3362ed;
}
.video-title h1
{
    font-size: 18px;
color: #fff;
margin: 0;
padding: 8px;
}
.video-des p
{
    color: #3362ed;
    margin: 0;
    padding: 5px 9px;
    font-size: 14px;    
}
/* 20 march 2019 */

/* display packages */

.ptcb-header
{
  background: #a0238a !important;
  font-size: 26px !important;
  padding-top: 24px;
  font-family: "Bree Serif",serif !important;
}
.ptcb-wrap
{
  border: 5px solid #a0238a!important;
  min-height:auto!important;
  padding-bottom: 0!important;
}

  
.pricing-single .divider-circle::after {
   background: #5cb0c2!important;
}
.pricing-single .pricing-table-footer a
{
  background-color:#3362ed ;
  border: 2px solid transparent;

}
.pricing-single .pricing-table-footer a:hover
{
  background-color: transparent;
  border: 2px solid #3362ed;
  color: #3362ed;
}     
.ptcb-span
{
  font-size: 40px!important;
  color: #3362ed!important;
}
.ptcb-wrap
{
  min-height: auto!important
}

.ptcb-left-wrap
{
  border: 5px solid #49baca!important;
  min-height:auto!important;
}          
.ptcb-left-header
{
  background: #49baca!important;
  font-size: 26px !important;
  padding-top: 24px;
  font-family: "Bree Serif",serif !important;
  text-transform: capitalize;
}         
.ptcb-right-wrap
{
  border: 5px solid #84a023!important;
  min-height:auto!important;
  padding-bottom: 0!important;
}          
.ptcb-right-header
{
  background: #84a023!important;
  font-size: 26px !important;
  padding-top: 24px;
  font-family: "Bree Serif",serif !important;
  text-transform: capitalize;
}         
.ptcb-price
{
  font-size:32px;

}
.p-0
{
  padding: 0!important;
}
.m-0
{
  margin: 0!important;
}
.ptcb-list > li
{
  text-align: left;
  padding-left: 30px;
  color: #000!important;
  margin-bottom: 7px!important;
}
.ptcb-list > li > i
{
  color:#66b93d;
  padding-right: 10px;
}
.ptcb-footer a
{
  background-color: #a0238a!important;
  border: 2px solid transparent!important;
  text-transform: uppercase;
  font-weight: bold;
}
.ptcb-footer a:hover
{
  background-color: transparent!important;
  border: 2px solid #a0238a!important;
  color:#a0238a!important;
  text-transform: uppercase;
  font-weight: bold;
}
.ptcb-left-body p
{
  margin: 45px 0px;
  color: #000;
}
.ptcb-lg
{
  font-size: 45px!important;
}
.pack-one
{
  margin-top: 30px;
  min-height:335px!important;
}
.pack-two
{
  min-height:393px!important;
}
.ptcb-right-body p
{
  margin: 45px 0px;
  color: #000;
}
.pack
{
  padding: 1px;
}

/* 28 march 2019 */

.mpje-row
{
	margin-top:30px!important;
}
.mpje-tb
{
    margin:0px auto!important;
}

.nw-clor{
  color: #020202;
  padding-left: 3px;
}

.service-content-2 {
  background-color: rgb(255, 255, 255);
  border-top: 5px solid #3362ED;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  float: left;
  left: -20px;
  margin: 0;
  list-style: none;
  min-width: 230px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 83px;
  transform: translateY(50px);
  transition: all 03s ease 0s;
  visibility: hidden;
  width: 100%;
  z-index: 9;
}


.service-content-2 a{
	display: block!important;
	text-decoration: none!important;
}

li.service-sec-2:hover ul.service-content-2{
	opacity: 1!important;
	transform: translateY(-35px)!important;
	transition: all 1.5s ease 0s!important;
	visibility: visible!important;
}

.service-content-2 li a{
	color: #3362ED!important;
}


.service-content-2 li a:hover{
	color: #ffffff!important;
}


@media(max-width: 768px){
	#add_product{
		padding: 8px!important;
	}
	.cstm-nin-hight .pricing-table .pricing-wrap{
		min-height: 495px !important;
		overflow: auto;
	}
	.social-icon > ul li a{
		padding: unset!important;
	}
}


.help-block.error {
                display: none;
            }
            .help-block.error > p {
              color: #ff0000;
              font-size: 14px;
            }

            /*loader css*/
            .loader {
              background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
              float: left;
              height: 100%;
              position: fixed;
              text-align: center;
              width: 100%;
              z-index: 2147483647;
            }
            .loader-inner {
              display: inline-block;
              float: none;
              position: relative;
              top: 40%;
              width: auto;
            }
            .loader-inner > img {
              width: auto;
            }

            table, tr, td{
              border:1px solid gray;
              padding: 0px 5px;
            }
            ul, li
            {
                list-style:none!important;
            }
            .quiz-ques .checkbox label.control
            {
                float:none!important;
            }
            /* 18 march 2019 */

            .quiz-ul
            {
                width:100%;
                float:letf;
                list-style:none!important;
            }
            .quiz-ul > li
            {
                width:100%!important;
                list-style:none!important;
                line-height: 30px;
            
            }
            #idCalculadora
            {
                transform: scale(0.6,0.6);
                position: absolute;
                top: -162px;
            }
            #idCalculadora .panel-body
            {
                padding:5px!important;
                
            }
            .cal-left
            {
                float:left;
                /*width:50%;*/
                width:60%;
            }
            .cal-right {
            	width: 40%;
            	position: relative;
            	top: -20px;
            	float: right;
            	right: 80px;
            }
            #idCalculadora btns
            {
                padding:10px;
            }
            .txtr
            {
                height: 55px;
                margin-bottom: 5px;
            }
            .ques-div
            {
                width: 60%;
                float: left;
            }
            .quiz-ques .close-cal, .close-cal:hover {
            	position: absolute;
            	top: -77px;
            	right: 55px;
            	-webkit-appearance: none;
                padding: 1px 6px;
                background: #484848;
                color: #fff;
                opacity: 1;
                border-radius: 20px;
                z-index: 11;
            }
            .cal-btn
            {
                background: #3362ed;
                color: #fff;
                padding: 5px 20px;
                float: right;
                border-radius: 5px;
                font-size:22px;
                cursor:pointer;
            }
            .cal-right {
            	z-index: 10;
            }