/*=========================
	All css
==========================*/
@import url("../vendors/bootstrap/css/bootstrap.min.css");
@import url("../vendors/fontawesome/css/font-awesome.min.css");
@import url("../vendors/flaticon/flaticon.css");
@import url("../vendors/line-awesome/css/line-awesome.min.css");
@import url("../vendors/themify/themify-icons.css");
@import url("../vendors/owl-carousel/owl.carousel.css");
@import url("../vendors/bootstrap-select/bootstrap-select.min.css");
@import url("../vendors/magnific-popup/magnific-popup.css");
@import url("../vendors/scroll/scrollbar.css");
@import url("../vendors/switcher/switcher.css");

/*=========================
	All css
==========================*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Raleway:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i|Rubik:300,300i,400,400i,500,500i,700,700i,900,900i');

/*
    font-family: 'Poppins', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Raleway', sans-serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Rubik', sans-serif;
    font-family: 'Montserrat', sans-serif;
*/

.width-250{
	width: 250px;
}

.mfp-img-mobile{
	z-index: 999999 !important;
}

.mfp-auto-cursor{
	z-index: 999999 !important;
}

.pagination .current{
    background: #4c1864;
    color: white !important;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


.rating {
  float:left;
}

/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
  follow these rules. Every browser that supports :checked also supports :not(), so
  it doesn’t make the test unnecessarily selective */
.rating:not(:checked) > input {
    position:absolute;
    top:-9999px;
    clip:rect(0,0,0,0);
}

.rating:not(:checked) > label {
    float:right;
    width:1em;
    /* padding:0 .1em; */
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:300%;
    /* line-height:1.2; */
    color:#ddd;
}

.rating:not(:checked) > label:before {
    content: '★ ';
}

.rating > input:checked ~ label {
    color: #4c1864;
    
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
    color: #4c1864;
    
}

.rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
    color: #4c1864;
    
}

.rating > label:active {
    position:relative;
    top:2px;
    left:2px;
}

.initials{
      color: white;
    font-size: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.see_more_reviews--div{
  text-align: center;
}
.see_more_reviews {
  text-align: center;
  border: 1px solid #8e44ad;
  padding: 15px;
  color: #8e44ad !important;
}




/*  Accordian css  */
.accordian-container .accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.accordian-container .active, .accordian-container .accordion:hover {
  background-color: #ccc;
}

.accordian-container .accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.accordian-container .active:after {
  content: "\2212";
}

.accordian-container .panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/*  Accordian css end  */

/* Social icons color */
.fb-color{
  color:  #3b5998;
}
.twitter-color{
  color: #30a0f2;
}
.linkedin-color{
  color:  #2277b5;
}
.instagram-color{
  color:  #b52886;
}
.youtube-color{
  color:  #f60003;
}
/* Socila icons color end */

.ttr-notify-header::after, .widget-bg1, .ttr-search-bar, .ttr-header, .ovpr-dark:after, .pricingtable-main, .account-head:after {
    background: linear-gradient(45deg, #100018 0%,#26006c 50%,#110038 100%);
    opacity: 0.7 !important;
}

.ovbl-middle::after, .ovbl-light::after, .ovbl-dark::after {
  opacity: 0.7 !important;
}

.footer-top, .footer-bottom {
  background-color: #4c1864 !important;
}


.pt-btn-join a:hover{
  background-color: #f7b205 !important;
  color: #000 !important;
}
.input-group-btn button:hover{
  background-color: #f7b205 !important;
  color: #000 !important;
}

.facebook-btn{
  background: #3a559f !important;
  color: white !important;
  width: 100%;
}
.google-btn{
  background: #e33e2b !important;
  color: white !important;
  width: 100%;
}

.secondary-menu .btn-link {
    font-size: 20px !important;
}
.pt-social-link a{
  font-size: 20px;
}

/*.testimonial-course-carousel .testimonial-bx-course {
    padding: 20px 20px 20px 20px;
    margin-left: 0;
    margin-right: 15px;
}*/

.testimonial-course-carousel .owl-nav {
  display: none;
}