@font-face {
	font-family: Vazir;
	src: url('../font/Vazir.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: Vazir;
	src: url('../font/Vazir-Bold.woff2') format('woff2');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: Vazir;
	src: url('../font/Vazir-Black.woff2') format('woff2');
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: Vazir;
	src:url('../font/Vazir-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: Vazir;
	src: url('../font/Vazir-Light.woff2') format('woff2');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: Vazir;
	src: url('../font/Vazir-Thin.woff2') format('woff2');
	font-weight: 100;
	font-style: normal;
}

body *{
	font-family: Vazir;
}

.dataTables_wrapper .row{
	width: 100% 
}

.dataTables_wrapper .row .col-sm-6 > div{
	width: 100%
}

.dataTables_wrapper,
.dataTables_wrapper .btn {
	font-size: 13px;
}

.dataTables_wrapper table.dataTable {
	margin: 15px 0;
	width: 100% !important;
}


/**
*font-size
**/

.font-size-13 {
	font-size: 13px;
	font-weight: 300;
}

.font-size-14 {
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
}

.font-size-16 {
	font-size: 16px;
	font-weight: 500;
	line-height: 27px;
}

.font-size-18 {
	font-size: 18px;
	font-weight: 500;
	line-height: 29px;
}

.font-size-20 {
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
}

.font-size-22 {
	font-size: 22px;
	font-weight: 500;
}

/**
*general
**/
body {
	background: #F7F8Fc;
	font-family: Vazir;
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
	color:#222;
	overflow-x: hidden
}
a{
	text-decoration: none!important;
}
.color-green {
	color: #1b5037 !important;
}

.border-green {
	border: 2px solid #1b5037;
}

.border-green:hover{
	background: #257F69!important;
	color: #fff !important;
	border: 2px solid #257F69!important;
}
.btn-success{
	background-color: #257F69!important;
	border: 1px solid #257F69!important;
	padding: .3rem 1.5rem !important;
}
.btn-success:hover{
	background-color:#1D6C59!important;
}
.color-blue {
	color: #317ecc    !important;
}

.border-blue {
	border: 2px solid #317ecc  ;
}

.border-blue:hover{
	background: #447fbd    !important;
	color: #fff !important;
	border: 2px solid #447fbd   !important;
}
.color-red {
	color: red    !important;
}

.border-red {
	border: 2px solid red  ;
}

.border-red:hover{
	background: red    !important;
	color: #fff !important;
	border: 2px solid red   !important;
}

.btn-primary{
	background-color: #447fbd    !important;
	border-color: #447fbd   !important;
	padding:.3rem 1.5rem !important;
}
.btn-primary:hover{
	background-color:#3c74ae  !important;
	border-color: #3c74ae !important;
}
.table td, .table th {
	padding: .5rem;

}
strong {
	font-family: Vazir;

}

.radius {
	border-radius: 4px;
}

.d-rtl {
	direction: rtl;
}

.box-shadow {
	border-radius: 4px;
	box-shadow: 0 6px 7px #ebeef9;
	background-color: #fff;
	border:0;
}

.form-control {
	direction: rtl;
	font-family: Vazir;
}
.btn {
	padding:.4rem 1rem !important;

	font-size: 14px;
	font-weight: bold;
}
.btn-sm {
    font-size: 13px !important;
	padding: .4rem 1rem !important;

}
.table.table-bordered td,
.table.table-bordered th {
	border-bottom: 1px solid #dee2e6 !important;
}
.table td,
.table th{
	vertical-align: middle !important;
}
.list-group-flush > .list-group-item{
	direction:rtl;
}
ul{
	list-style: none;
}
main{
	margin-top:75px;
}
/**
*header
**/

.navbar-nav ul{
	text-align:right;
	direction:rtl;
}
.dropdown-menu {
  top: 40px;
  border-radius: 4px;
	margin:0!important;
	padding:0!important;
}
.dropdown-item {
  display: block;
  padding: 5px 15px;
}
ul.dropdown-menu li > ul.dropdown-menu{
    right: 100%;
    top: 0;
	left:auto;
	
}

.navbar-nav li:hover > ul.dropdown-menu,
ul.dropdown-menu li:hover > ul.dropdown-menu,
ul.dropdown-menu li:focus > ul.dropdown-menu{
    display: block
}

.navbar-light .navbar-nav a span {
	color: #1b5037;
	font-weight: 500;
	font-size: 15px;


}

.navbar-text .btn {
	margin-top: 15px;
	line-height: 1.2;
}
.navbar-toggler {
	padding: .10rem .75rem;
	border: 2px solid #1b5037!important;
}
.navbar-toggler-icon {
	fill:#1b5037!important;
	height: 1.3em;
}
.box-header {
	background-color: rgba(256, 256, 256, 1);
	box-shadow: 0 3px 4px rgba(0, 0, 0, .08);
}
.logged-in.admin-bar .box-header.fixed-top{
	top:30px;
}
.box-header.affix .navbar {
	padding-top: 0;
	padding-bottom: 0;
}



/*.box-header.affix .navbar-text .btn {
margin-top: 5px;
}
*/
.box-header.affix .searchbar {
	top: 8px;
}

.searchbar {
	position: absolute;
	top: 17px;
	left: -10px;
}

.search_input {
	color: white;
	border: 0;
	outline: 0;
	background: none;
	width: 0;
	line-height: 40px;
	transition: width 0.2s linear;
	height: 40px;
	direction: rtl;
	text-align: right;
}

.searchbar:hover>.search_input {
	padding: 0 15px 0 0;
	width: 300px;
	transition: width 0.4s linear;
	background-color: #353b48;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.searchbar:hover>.search_icon {
	background-color: #353b48;

}

.searchbar:hover>.search_icon i {
	color: #fff;
}

.searchbar .search_icon i {
	color: #dc3545;
	font-size: 23px;
	padding: 8px 15px 10px 0px;
	text-align: center;
}

.search_icon {
	height: 40px;
	width: 40px;
	float: left;
	border: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	color: white;
	background-color: transparent;

}






/**
*sub-header-index
**/
/*
.index-search {
background: url(../images/header1.jpg) no-repeat center bottom;
background-size: cover;
min-height: 600px;
}*/
.index-search h1{
	font-size:30px;
}
.index-search .box-search{
	position: absolute;
	top: 200px;
}
.index-search .box-form-search {
	background: rgba(0, 0, 0, 0.5);

}
.index-search .advance-search-field{
	display:none
}
.click-advance-search{

	position: relative;
	width: 150px;
	height: 100px;
	margin: 0 auto;
	left: 0;
	right: 0;


}
.click-advance-search:hover span{
	cursor: pointer;
}
.click-advance-search span{
	position: absolute;
	left: 0;
	right: 0;
	font-weight: 500;
	color: #fff;
	text-align: center;
} 
.click-advance-search svg path{
	fill:  rgba(0, 0, 0, 0.5);
}
/**
*index
**/
.date-box,
.type-event{
	position: absolute;
	top: 15px;
	right: 15px;
	background: rgba(227, 33, 51,0.8);
	color: #fff;
	border-radius: 15px;
	padding: 0 7px;
	font-size: 13px;
}
.date-box{
	left:15px;
	right:auto;
}


section header h3 {
	font-size: 24px;
	display: inline-block;
	margin-bottom: 10px;
	font-weight:700;
}
section header h3 a{
	color:#1b1b1b;
	transition:.3s
}

section header i.fas {
	vertical-align: middle;
	font-size: 12px;
	background: #317ecc;
	color: #fff;
	padding: 8px 10px;
	border-radius: 20px;
	margin-top: 3px;
}
section header h3:hover a{
	color: #317ecc;
}
.h3-new{
	color:#317ecc ;
}
.teammate .swiper-slide{
	max-height:140px;
	background:#fff;
}
.teammate  a{
	color: #1b1b1b;
	font-size:12px;
}
.swiper-slide{
	overflow:hidden;
}

.swiper-timeline .timeline li {
	width: 65px;
	height: 65px;
	text-align: center;
	padding: 10px 7px;
	display: inline-block;
	font-size: 14px;
	box-shadow:0 6px 7px #ebeef9;
	margin: 5px;
	border-radius: 4px;

}

.swiper-timeline .timeline li span:first-child {
	font-size: 27px;
	font-weight: bold;
}
.amazing-offer{
	background:#ff4948 url(../images/amazing.jpg) 20% center no-repeat;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
}
.amazing-offer  .swiper-pagination{
	bottom:60px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.swiper-pagination-bullet{
	width:10px;
	height:10px;
	margin:3px; 
	background:#fff;
}


.swiper-timeline ul.details{
	font-size: 15px;
	direction: rtl;
	padding-right: 3px;
}
.swiper-timeline i{
	font-size: 6px;
	color: #d98a44;
	padding:10px 0;
}

.swiper-timeline .swiper-content {
	width: 300px;
	margin: 40px;
	float: right;
	text-align: right;
	direction: rtl;
	border-radius: 4px;
	background-color: #fff;
	display: none;
	position: relative;
	z-index: 10;
}

.swiper-timeline .swiper-date {
	margin: 40px;
	border-radius: 4px;
	background: #DCEBED;
	color: #035a2d;
	display: inline-block;
	font-size: 18px;
	display: none;
	width: 80px;
	height: 80px;
	padding-top: 18px;
	position: relative;
	z-index: 10;
}

.swiper-timeline .swiper-date span:first-child {
	font-weight: bold;
	font-size: 25px;
}






.swiper-container:not(.swiper-teammate) .swiper-slide img {

	width:auto;
	max-width:100%;
}

.card-body {


	padding: .5rem 1rem;
	display:table;
	width:100%;
}

.card-title {
	font-size: 14px;
	font-weight: 500;
	line-height: 27px;
	text-align: center;
	margin-bottom: 0;
	display: table-cell;
	vertical-align: middle;
}
.card-title a,.swiper-timeline h2 a{
	color:#222;
}
.list-group li {
	font-size: 13px;
	font-weight: 300;
	padding: .25rem 1rem!important;
	text-align: right;
	color: #8a8886;
}
.card-footer{
	background:#fff;
	border-top:1px solid #ebedf7;
	padding: .75rem 1rem!important;
}
.list-group li strong {
	font-size: 14px;
	font-weight: 300;
	line-height: 25px;
	color: #4b4a4a;
}
.card-footer .btn-danger{
	background-color:#e32133 !important;
	border-color:#e32133 !important;
}

.box-next-prev{
	background: white;
	position: absolute;
	top: 0;
	height: 35px;
	width: 80px;
	border-radius: 20px;
	box-shadow: 0 6px 7px #ebeef9;
}
.swiper-button-next::after, .swiper-button-prev::after {
	font-size:16px;
	color: #1b1b1b;
}

.box-swiper{
	overflow:hidden;padding:0;
}
.box-swiper .swiper-container{
	overflow:visible;padding:7px;
}
.swiper-button-next {
	right: auto;
	left:50px;
}

.swiper-button-prev {
	left: 3px;
}
/**
*single
**/
.overlay {
	position: absolute;
	display: block;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,.5);
	border-radius: 5px;
}
.overlay i{
	margin-top:45%;
	color:#fff;
	font-size: 25px;


}
.single .content label{
	width: 110px;
	font-size:15px;

}
.single .content strong{

	font-size:15px;
	color:#444;
	font-weight: 500;

}
.single .content ul{
	padding-right:15px;
	margin-bottom:0;
	font-size:14px;
	list-style:square

}
.single .content ul li{
	line-height: 30px;
}
/*.box-thumbnail{
position:relative;
left:0;
right:0;
top:0;
bottom:0;
background:red;
}*/

.single .content .information span i{
	color: #dc3545;
	font-size: 17px;
	margin-left:4px;
	margin-bottom: 15px;
}
.single .content .info-h3, .h1-head,.speaker-box{
	background: rgba(0, 0, 0, 0.07);
	display: inline-block;
	color: #424242 !important;
	padding: 2px 15px 2px;
	border-radius: 16px;
	margin-bottom: 15px;
	font-size: 15px
}
.speaker-box{
	font-size:13px;
	margin:10px auto;
}
/**
* style contact form 7
**/
.box-contact-us form p,.box-contact-us form label{

	direction:rtl!important;
	text-align:right!important;
	font-size:16px;
	width:100%;
}
.box-contact-us .wpcf7 input[type="text"],.box-contact-us .wpcf7 input[type="email"],.box-contact-us .wpcf7 input[type="tel"],.box-contact-us textarea{
	text-align:right!important;
	font-size:13px;

}
.box-contact-us textarea{
	height:100px;
}
/**
*aside
**/
aside ul li{
	border-bottom: 1px solid #e9ebf2;	
}
aside ul li a{
	font-size: 14px;
	color: #444;
	display: block;
	padding: 4px 10px 6px 0;
	transition: all ease-in-out .2s;

}

aside ul li a:hover{
  background: #f7f7f7;
  
}
aside ul.cat-list li i{
	font-size:6px;
	padding-left:4px;
	color:#dc3545;
}
aside h3  i{
	font-size:17px!important;
	color: #dc3545;
}
aside ul li span{
	color: #444;
}
aside img{
	margin-top:7px;
}
.sticky-offset {
	top: 75px;
}
aside .sticky-top img{
	width: 100%;
	max-width: 100%;
	height: auto
}


/**
*footer
**/
footer{
	background:#0A383F;
	color:#fff;
}
footer h3 i ,.single h3 i,.profile h1 i{
	font-size: 8px;
	color: #dc3545;
}

footer i {
	font-size: 20px;
	color: #4e6f75
}

footer label {
	font-size: 16px;
}

footer ul li {
	width: 40px;
	height: 40px;
	text-align: center;
	display: inline-block;
	margin: 2px;
	border-radius: 4px;
}

footer ul li img {
	filter: invert(43%) sepia(8%) saturate(1322%) hue-rotate(142deg) brightness(90%) contrast(86%)
}

footer ul li:hover img {
	filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(7deg) brightness(102%) contrast(106%);
}

footer .border-top {
	border-color: #4e6f75 !important;
}

footer .copy-right {
	color: #b6c9cd;
}



/*
* Profile
*/
.profile .sidebar-profile p.name-family{
	font-size:20px;
	color:#404040;
	font-weight:normal;
}
.profile .sidebar-profile  .list-group-flush > .list-group-item:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.profile .sidebar-profile ul li a{
	display: block;
	font-size: 15px;
	color: #363737;
	padding: 3px 0;
	transition:all .3s;
}
.profile .sidebar-profile ul li:hover a{
	color:#447fbd;
}

.profile .sidebar-profile ul li a i{
	width: 25px;
	height: 25px;
	background: #f1f0f1;
	border-radius: 20px;
	padding-top: 5px;
	color: #447fbd;
	font-size: 14px;
	text-align: center;
}
.profile small{
	font-size: 95%;
	font-weight: 300;
}
#wpas_ticketlist{
	width:100%;
}
#wpas_ticketlist td{
	padding:.5rem 0;
}
#wpas_ticketlist td,
#wpas_ticketlist th{
	text-align: right
}
.wpas-label.wpas-label-status{
	padding:0px 3px;
	border-radius:4px;
	display: inline-block;
	margin-left: 10px;

}
.profile .wpas-form-control{
	margin:10px 0;
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.profile .card {
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
}
.profile .card {
	border: 0 solid rgba(0,0,0,.125);
	border-radius: .25rem;
}

.profile .gutters-sm>.col,
.profile .gutters-sm>[class*=col-] {
	padding-right: 8px;
	padding-left: 8px;
}
.profile .list-group-item {
	border: 0;
	border-top: 1px solid rgba(0,0,0,.125);
}
.card-body .wpas{
	width: 100%
}

.pagination .nav-links{
	width: 100%;
	text-align: center;
	margin-top: 40px;
}
.pagination .nav-links a,
.pagination .nav-links span{
	background: #fff;
	width: 35px;
	display: inline-block;
	padding: 5px 0;
	border: 1px solid #a9d1fd; 
}
.pagination .nav-links span{
	border: 1px solid rgba(0,0,0,.2)
}

.ui-widget.ui-widget-content{
	border: 0 !important;
	box-shadow: 0 3px 7px #ebeef9;
}
.ui-widget-header {
	border: 0!important;
	background: #ebeef9 !important;
}
.ui-widget-header .ui-icon{
	color: transparent;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	border: 0 !important;
	background: #ebeef9 !important;
	border-radius: 4px;
	text-align: center
}

.ps-loader {
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  align-content: center; 
  justify-content: flex-start;  
	z-index: 100000;
  background: rgba(0,0,0,.2);
}

.ps-loader__element {
	height: 3px;
	width: 100%;
	background: var#A5D6A7;

}

.ps-loader__element:before {
	content: '';
	display: block;
	background-color: #4CAF50;;
	height: 3px;
	width: 0;
  animation: getWidth 3s ease-in infinite;
}

@keyframes getWidth {
	100% { width: 100%; }
}


/*****************end edit ***********************/
@media only screen and (max-width: 1024px) {
	.navbar-light .navbar-nav a {
		font-size: 14px;
		padding: .5rem .5rem;
	}

	@media only screen and (max-width: 980px) {
		.dropdown-menu {
			background-color: #f3f3f3;
			border: none;
			
		}
		.box-login {
			position: absolute;
			left:70px;

		}
		.index-search .box-search {

			top: 67px;
		}
		.index-search{
			min-height:330px
		}
		section header h3{
			font-size:20px;
		}
		.timeline  h2{
			margin-top:1rem !important;
			font-size:16px;
		}
		table td:not(table table td){
			display:block;
			box-sizing:border-box;
			clear:both
		}
		.ui-datepicker-calendar td{
			display:table-cell;
			box-sizing:initial;
			clear:initial
		}

	}

	@media only screen and (max-width: 767px) {
		.logged-in.admin-bar .box-header.fixed-top{
			top:0;
		}
		#wpadminbar{
			display:none;	
		}
		main {
			margin-top: 30px;
		}
		.swiper-timeline .swiper-slide.swiper-slide-active .swiper-content{
			display:block
		}
		.swiper-timeline .swiper-date{
			display:none!important
		}
		.swiper-timeline .swiper-slide .imgBx{
			padding-top:30px;
		}
		.swiper-timeline .swiper-content {
			display: block;

			float: none;
			margin:11% auto;
		}

		/*
		.swiper-container:not(.swiper-teammate) .swiper-slide img{
		height: auto;
	}
		*/
		.box-thumbnail, .box-thumbnail img{
			width:100%;
			height:300px;
			margin-bottom: 20px
		}
	}
	@media only screen and (max-width: 480px) {
		.index-search h1{
			font-size:22px;
		}
		.information{
			margin-top:20px;
		}

		.box-timeline {
			margin-top: 20px;
		}

		.amazing-offer {

			border-bottom-right-radius: 0;
			min-height: 150px;
			border-top-left-radius: 4px;
			background-position: 35%;

		}
		.amazing-offer .swiper-pagination{
			bottom:-5px;
		}	


		.details-teacher .media{
			-webkit-box-orient: vertical !important;
			-webkit-box-direction: normal !important;
			-ms-flex-direction: column !important;
			flex-direction: column !important;
		}
		.details-teacher .media .media-body{
			text-align: center;
			margin-top:20px
		}
		.card-body {
			min-height: auto;
		}
		.swiper-timeline .justify-content-between{
			-webkit-box-orient: vertical !important;
			-webkit-box-direction: normal !important;
			-ms-flex-direction: column !important;
			flex-direction: column !important;
		}
		section header h3{
			font-size:16px;
		}
		footer .col-lg-3 ul.text-right,footer .col-lg-3 p.text-right{
		
			margin-top: 1rem !important;
		}
	}
	@media only screen and (max-width: 479px) {
		.navbar-toggler-icon {

			height: 1.1em;
		}
		.box-login{
			padding:0!important;
			margin-left:-4px;
		}
		.amazing-offer {

			background-position: 29%;
		}
		.navbar-toggler {
			padding: .10rem .4rem;


		}
		.navbar-text{
			margin-top:2px;
		}
		.box-header .btn{
			padding: .4rem .3rem !important;
			font-size: 12px;


		}
		.box-login .ml-2{
			margin-left:-3px!important;
		}
		.index-search h1{
			font-size:18px;
		}
		.index-search h4{
			font-size:14px;
		}
		.index-search   .btn-danger.w-25{
			font-size:0!important;
		}
		.index-search   .btn-danger.w-25 i{
			font-size:20px!important;
		} 
	}