@import url('../fonts/fa-fonts/font-face.css');

html{
  background-color: #ddd!important;
}


.our-team, .course-single2, .pb30 {background-image: url('/public/images/pattern.jpg')}



.search-input{
  padding: 7px;
  font-size: 17px;
  border: 1px solid grey;
  float: right;
  background: #f1f1f1;
  border-radius: 0 25px 25px 0;
}
.search-input::placeholder{
  font-size: 13px;
}
.search-input:focus, .search-btn:focus{
  outline: none;
}
.search-btn{
  float: right;
  padding: 7px;
  background: #2196F3;
  color: white;
  font-size: 17px;
  border: 1px solid grey;
  border-right: none;
  cursor: pointer;
  border-radius: 25px 0 0 25px;
}
.search-btn:hover{
  background: #0b7dda;
}



.tazhib-bg{
  background-image: url('/public/images/pattern.jpg');
  font-size: 18px;
}

.mobile-gram-footer{
  height: 50px;
  background-color: #156;
  opacity: 98%;
}

.m2-small{
  font-size: 12px;
  list-style: none;
}

.m2-page{
  background-color: #ddd !important;
  padding-bottom: 0;
}

.details{
  background: #fdfdfd;
}

.dashboard_main_content{
  display: contents;
}

.fa-star, .fa-star-half, .fa-star-o{
  font-size: 20px;
  cursor: pointer;
}

.countdown1 .digit{
  padding: 2px;
  border: 1px solid #aaa;
  border-radius: 3px;
  margin: 1px;
  font-weight: bold;
  min-width: 30px;
  display: inline-block;
  text-align: center;
}

.width-10{width: 10% !important;}
.width-15{width: 15% !important;}
.width-20{width: 20% !important;}
.width-30{width: 30% !important;}
.width-40{width: 40% !important;}
.width-50{width: 50% !important;}
.width-60{width: 60% !important;}
.width-70{width: 70% !important;}
.width-80{width: 80% !important;}
.width-90{width: 90% !important;}
.width-100{width: 100% !important;}

.bg-2color-blue-green1 {box-shadow: 2px 2px 7px #555; background: linear-gradient(120deg, #80b330 30%, #8bc556 60%); font-weight: bold; color: #fff;}
.bg-2color-blue-green2 {box-shadow: -2px 2px 7px #555; background: linear-gradient(60deg, #057bb0 30%, #12c1d1 60%); font-weight: bold; color: #fff;}
.bg-2color-green-blue1 {box-shadow: 2px -2px 7px #555; background: linear-gradient(-120deg, #057bb0 30%, #12c1d1 60%); font-weight: bold; color: #fff;}
.bg-2color-green-blue2 {box-shadow: -2px -2px 7px #555; background: linear-gradient(-60deg, #80b330 30%, #8bc556 60%); font-weight: bold; color: #fff;}
.bg-2color-blue-blue1 {box-shadow: -2px -2px 7px #555; background: linear-gradient(0deg, #00A0A0  30%, #008080 83%); font-weight: bold; color: #fff;}
a.bg-2color-blue-green1:hover, a.bg-2color-blue-green2:hover, a.bg-2color-green-blue1:hover, a.bg-2color-green-blue2:hover{color: black;}

.font-titr{font-family: Titr}
.font-shabnam{font-family: Shabnam FD}

fieldset{
  border: 1px solid #aaa;
  padding: 15px;
  border-radius: 8px;
  background: white;
}
legend{
  background: #eee;
  padding: 6px 12px;
  border-radius: 5px;
  width: auto;
  border: 1px solid #999;
  color: black;
  font-weight: bold;
}
.school-register{
  background: #eee;
  padding: 25px 5px;
  border-radius: 10px;
  margin-bottom: 12px;
  box-shadow: 0px 0px 8px #666;
}

.statistics{
  background: #fff;
  padding: 4px 2px;
  margin-right: 5px;
  border-radius: 10px;
  color: black;
  font-size: 11px;
  font-weight: bold;
  min-width: 40px;
  display: inherit;
  float: left;
  margin-left: 4px;
}

.statistics-new {
  float: right;
  margin-top: -12px;
  background: #f00;
  color: white;
}

.fs-8{font-size: 8px !important;}
.fs-9{font-size: 9px !important;}
.fs-10{font-size: 10px !important;}
.fs-11{font-size: 11px !important;}
.fs-12{font-size: 12px !important;}
.fs-13{font-size: 13px !important;}
.fs-14{font-size: 14px !important;}
.fs-15{font-size: 15px !important;}
.fs-16{font-size: 16px !important;}
.fs-17{font-size: 17px !important;}
.fs-18{font-size: 18px !important;}
.fs-19{font-size: 19px !important;}
.fs-20{font-size: 20px !important;}

.original-price > .line {
  position: absolute;
  top: 47%;
  right: 5px;
  width: 85%;
  height: 1px;
  transform: rotateZ(-27deg);
  background-color: white;
}

.discount-percent, .original-price{
  font-size: 11px !important;
  font-weight: bold;
  padding: 0.3rem 0.2rem;
}

.img-rounded-circle{
  /*border-radius: 80px;*/
}

.bg-red{
  background: red !important;
}

.price_quere_list li a span:first-child{
  font-size: 15px;
  margin-top: 7px;
}

.courses-details-image img {
  width: 100%;
  border-radius: 5px;
}

.rtl{
  direction: rtl !important;
}

.ltr{
  direction: ltr !important;
}

.courses_single_container .nav-tabs .nav-item{
  background: #dde;
  border: 1px solid #999;
  border-radius: 5px;
  /*font-size: 13px;*/
  box-shadow: #444 0px 0px 3px;
}

.nav-link{
  padding: 1px !important;
}

.site-page{
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  max-width: 96%;
}

.site-page-header{
  font-weight: bold;
  text-shadow: 2px 2px 0px #fff;
}

.viewed-content-icon{
  color: #777 !important;
}

.video_iframe{
  height: 500px;
}

.play-btn{
  font-family: FontAwesome, iransans-UltraLight;
}

.modal-footer .btn{
    margin-left: 10px;
}

.soureh{
  padding: 10px 10px;
  cursor: pointer;
  margin-bottom: 1px;
  font-weight: bold;
}

.soureh:hover {
  background: #33a;
  color: white;
  font-weight: bold;
  border-radius: 7px;
}

.ayeh-ar{
  font-size: 24px;
  padding-top: 12px;
  font-family: "qurani1";
  line-height: 42px;
}
.ayeh-ar.active{
  /*background: #fdfdfd;
  border-radius: 8px;
  border: 1px solid #66a;
  padding-bottom: 8px;*/
  color: red;
}
.ayeh-fa{
  font-size: 14px;
}
.ayeh-kol:hover{
  background: #ccf;
  border-radius: 7px;
}

.next-btn, .prev-btn{
  height: 100%;
}

.goto-div{
  z-index: 1001;
  border-radius: 5px;
  padding-right: 2px;
  padding-top: 3px;
  background: #ddc;
}
.quran-page{
  background: url('/public/images/pattern.jpg');
}
.quran-page-inner{
  background-color: #f7f4e3;
  border: 1px solid #aa8;
}
.goto-div{
  background-color: #ddc;
}

.breadcrumb_content{
  text-shadow: 2px 2px 2px #000;
}
.breadcrumb_content h4{
  font-weight: bold;
}

.our-team .instructor_personal_infor{
  font-weight: bold;
  color: black !important;
}

.my_resume_eduarea .fa-check-square{
  color: #559;
}

.my_resume_eduarea .fa-check-circle{
  color: #933;
}

.my_resume_eduarea .edu_stats{
  line-height: 34px !important;
  font-size: 16px;
}

.m2-icon{
  cursor: pointer;
  background-size: 100% 100%;
  width: 20px;
  height: 18px;
  display: inline-block !important;
}

.like{
  background-image: url("/public/icons/like.png");
}
.like-fill{
  background-image: url("/public/icons/like-fill.png");
}
.save{
  background-image: url("/public/icons/save.png");
}
.save-fill{
  background-image: url("/public/icons/save-fill.png?1");
}


.festival-item img, .festival-item video{
  width: 100%;
}

.footer_one, .footer_bottom_area{
  background-image: url('/public/images/bg-pattern.png');
}
.pattern2{
  background-image: url('/public/images/bg-pattern2.png?23');
}

.m2-section{
  padding: 8px;
  border: 1px solid #aaa;
  border-radius: 5px;
  box-shadow: 1px 1px 2px #999;
  background-color: white;
  margin: 15px 0;
}
/*
.banner-title{
  background-color: #999;
  display: inline-block;
  padding: 7px 23px;
  border-radius: 20px;
  opacity: 0.7 !important;
  border: 1px solid white;
  clear: both;
}*/

.final-accept-img {

}
/*////////////////////////////////////////////////////////////////////////////////*/
.school-title{
  background-color: #f22;
  background-image: -webkit-linear-gradient( 100deg, rgb(90, 110, 180) 0%, rgb(0, 140, 180) 50%, rgb(90, 110, 180) 100%);
  width: 270px;
  border: 1px solid white;
  border-radius: 4px;
  margin-top: 30px;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  color: white;
}
/*////////////////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width:1260px){
  .video_iframe{
    height: 480px;
  }
  .m2-small{
    font-size: 14px !important;
  }
}

@media only screen and (max-width:1160px){
  .video_iframe{
    height: 400px;
  }
  .m2-small{
    font-size: 13px;
  }
}

@media only screen and (max-width:992px){
  .video_iframe{
    height: 390px;
  }
  .m2-small{
    font-size: 12px !important;
  }
  .st-content-section{
    margin-top: 100px
  }
  .school-page-title{
    display: none;
  }
  .pt-90px{
    padding-top: 90px;
  }
  .inner_page_breadcrumb2{height: 280px!important;}
}

@media only screen and (max-width:767px){
  .video_iframe{
    height: 312px;
  }
  .m2-small{
    font-size: 11px !important;
  }
  .st-content-section{
    margin-top: 100px
  }
}


@media only screen and (max-width:576px){
  .video_iframe{
    height: 250px;
  }
  .m2-small{
    font-size: 10px !important;
  }
  .st-content-section{
    margin-top: 100px
  }
}

@media only screen and (max-width:479px){
  .video_iframe{
    height: 210px;
  }
  .m2-small{
    font-size: 10px !important;
  }
  .st-content-section{
    margin-top: 100px
  }
}

.shake-item:hover {
  animation: shake 0.5s;
}



@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}