a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
@font-face {
  font-family: "Nassim";
  src: url("https://igx.ir/training/asset/fonts/MehrazNassim.eot");
  src: url("https://igx.ir/training/asset/fonts/MehrazNassim.eot?#iefix") format("embedded-opentype"),
    url("https://igx.ir/training/asset/fonts/MehrazNassim.woff") format("woff"),
    url("https://igx.ir/training/asset/fonts/MehrazNassim.ttf") format("truetype");
}
@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebBold.eot");
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebBold.eot?#iefix") format("embedded-opentype"), url("https://igx.ir/training/asset/fonts/IRANYekanWebBold.woff") format("woff"), url("https://igx.ir/training/asset/fonts/IRANYekanWebBold.woff2") format("woff2"), url("https://igx.ir/training/asset/fonts/IRANYekanWebBold.ttf") format("truetype");
  }
  
  @font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 100;
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebThin.eot");
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebThin.eot?#iefix") format("embedded-opentype"), url("https://igx.ir/training/asset/fonts/IRANYekanWebThin.woff") format("woff"), url("https://igx.ir/training/asset/fonts/IRANYekanWebThin.woff2") format("woff2"), url("https://igx.ir/training/asset/fonts/IRANYekanWebThin.ttf") format("truetype");
  }
  
  @font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebLight.eot");
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebLight.eot?#iefix") format("embedded-opentype"), url("https://igx.ir/training/asset/fonts/IRANYekanWebLight.woff") format("woff"), url("https://igx.ir/training/asset/fonts/IRANYekanWebLight.woff2") format("woff2"), url("https://igx.ir/training/asset/fonts/IRANYekanWebLight.ttf") format("truetype");
  }
  
  @font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebRegular.eot");
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebRegular.eot?#iefix") format("embedded-opentype"), url("https://igx.ir/training/asset/fonts/IRANYekanWebRegular.woff") format("woff"), url("https://igx.ir/training/asset/fonts/IRANYekanWebRegular.woff2") format("woff2"), url("https://igx.ir/training/asset/fonts/IRANYekanWebRegular.ttf") format("truetype");
  }
  
  @font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebMedium.eot");
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebMedium.eot?#iefix") format("embedded-opentype"), url("https://igx.ir/training/asset/fonts/IRANYekanWebMedium.woff") format("woff"), url("https://igx.ir/training/asset/fonts/IRANYekanWebMedium.woff2") format("woff2"), url("https://igx.ir/training/asset/fonts/IRANYekanWebMedium.ttf") format("truetype");
  }
  
  @font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 800;
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebExtraBold.eot");
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebExtraBold.eot?#iefix") format("embedded-opentype"), url("https://igx.ir/training/asset/fonts/IRANYekanWebExtraBold.woff") format("woff"), url("https://igx.ir/training/asset/fonts/IRANYekanWebExtraBold.woff2") format("woff2"), url("https://igx.ir/training/asset/fonts/IRANYekanWebExtraBold.ttf") format("truetype");
  }
  
  @font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 850;
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebBlack.eot");
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebBlack.eot?#iefix") format("embedded-opentype"), url("https://igx.ir/training/asset/fonts/IRANYekanWebBlack.woff") format("woff"), url("https://igx.ir/training/asset/fonts/IRANYekanWebBlack.woff2") format("woff2"), url("https://igx.ir/training/asset/fonts/IRANYekanWebBlack.ttf") format("truetype");
  }
  
  @font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 900;
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebExtraBlack.eot");
    src: url("https://igx.ir/training/asset/fonts/IRANYekanWebExtraBlack.eot?#iefix") format("embedded-opentype"), url("https://igx.ir/training/asset/fonts/IRANYekanWebExtraBlack.woff") format("woff"), url("https://igx.ir/training/asset/fonts/IRANYekanWebExtraBlack.woff2") format("woff2"), url("https://igx.ir/training/asset/fonts/IRANYekanWebExtraBlack.ttf") format("truetype");
  }
  @font-face {
    font-family: 'icomoon';
    src:  url('https://igx.ir/training/asset/fonts/icomoon.eot?m3x3qi');
    src:  url('https://igx.ir/training/asset/fonts/icomoon.eot?m3x3qi#iefix') format('embedded-opentype'),
      url('https://igx.ir/training/asset/fonts/icomoon.ttf?m3x3qi') format('truetype'),
      url('https://igx.ir/training/asset/fonts/icomoon.woff?m3x3qi') format('woff'),
      url('https://igx.ir/training/asset/fonts/icomoon.svg?m3x3qi#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-pricetags:before {
    content: "\e02f";
  }
  .icon-bars:before {
    content: "\e900";
  }
  .icon-social-twitter:before {
    content: "\e901";
  }
  .icon-social-facebook:before {
    content: "\e902";
  }
  .icon-social-linkedin:before {
    content: "\e903";
  }
  .icon-instagram:before {
    content: "\e904";
  }
  .icon-warning:before {
    content: "\e905";
  }
  .icon-chat:before {
    content: "\e906";
  }
  .icon-clipboard:before {
    content: "\e907";
  }
  .icon-world:before {
    content: "\e908";
  }
  .icon-paperclip:before {
    content: "\e909";
  }
  .icon-chevron-left:before {
    content: "\e90a";
  }
  .icon-chevron-right:before {
    content: "\e90b";
  }
  .icon-mapmarker:before {
    content: "\e90c";
  }
  .icon-envelope:before {
    content: "\e90d";
  }
  .icon-mail:before {
    content: "\e90e";
  }
  .icon-phone1:before {
    content: "\e90f";
  }
  .icon-chevron-thin-down:before {
    content: "\e910";
  }
  .icon-chevron-thin-up:before {
    content: "\e911";
  }
  .icon-bookmark:before {
    content: "\e912";
  }
  .icon-book:before {
    content: "\e913";
  }
  .icon-phone2:before {
    content: "\e914";
  }
  .icon-support_agent:before {
    content: "\e916";
  }
  .icon-clock:before {
    content: "\e917";
  }
  .icon-calendar:before {
    content: "\e918";
  }
  .icon-calendar-o:before {
    content: "\e919";
  }
  .icon-locked:before {
    content: "\e91a";
  }
  .icon-info:before {
    content: "\e91b";
  }
  .icon-calendar1:before {
    content: "\e91c";
  }
  .icon-clock1:before {
    content: "\e91d";
  }
  .icon-user1:before {
    content: "\e91e";
  }
  .icon-tag:before {
    content: "\e91f";
  }
  .icon-trophy:before {
    content: "\e920";
  }
  .icon-search22:before {
    content: "\e921";
  }
  .icon-people_alt:before {
    content: "\e922";
  }
  .icon-cube:before {
    content: "\e923";
  }
  .icon-box:before {
    content: "\e924";
  }
  .icon-archive:before {
    content: "\e925";
  }
  .icon-file-text2:before {
    content: "\e926";
  }
  .icon-film:before {
    content: "\e927";
  }
  .icon-camera:before {
    content: "\e928";
  }
  .icon-gmail:before {
    content: "\e929";
  }
  .icon-phone:before {
    content: "\e942";
  }
  .icon-printer:before {
    content: "\e954";
  }
  .icon-user:before {
    content: "\f007";
  }
  .icon-cog11:before {
    content: "\f015";
  }
  .icon-key:before {
    content: "\f084";
  }
  .icon-google:before {
    content: "\f1a0";
  }
  .icon-pinterest-p:before {
    content: "\f231";
  }
  .icon-whatsapp1:before {
    content: "\f235";
  }
  .icon-user-o:before {
    content: "\f2c0";
  }
  .icon-applemusic:before {
    content: "\e915";
  }
  .icon-mic:before {
    content: "\e92a";
  }
  
  
html {
    overflow-x: hidden
}

body {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 400;
}

.clear {
    clear: both
}

.padding-clear {
    padding: 0
}

a {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a:focus {
    text-decoration: none
}
button::-moz-focus-inner {
  border: 0;
}
:focus {outline:none;}
::-moz-focus-inner {border:0;}

header {
	background: #fff;
	border-bottom: 1px solid #eee;
}
.top_header {
	background: #2c2e3e;
	padding: 10px 0px;
	width: 100%;
	text-align: center;
}
.top_header a span {
	background: #2690ce;
	color: #fff;
	padding: 4px 10px;
	border-radius: 20px;
	font-size: 12px;
  transition: 0.6s;
}
.top_header a span:hover {
  background: #ff492c;
  transition: 0.6s;
}

.top_header elm {
	font-size: 12px;
	color: #fff;
}

.menu {
  width: 100%;
    position: relative;
    padding-top: 67px;
}
.logo {

}
.logo img {
  height: 70px;
}

nav {
	margin-top: 30px;
  float: left;
}
nav ul {
	list-style: none;
	position: relative;
	display: table-cell;
	width: 100%;
	z-index: 100;
	float: left;
}
nav ul li {
	float: left;
	padding: 10px;
}
nav ul li a {
	color: #000;
	border-bottom: 2px solid transparent;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 0.9rem;
	padding-bottom: 3px;
	float: right;
	font-size: 13px;
}
nav ul li span {
	font-size: 13px;
	margin-left: 6px;
	float: right;
	margin-top: 2px;
}
nav ul li a:hover {
  color: #dd0000;
  border-bottom: 2px solid #dd0000;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-decoration: none;
}
nav ul li:hover > a{
  color: #dd0000;
  border-bottom: 2px solid #dd0000;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-decoration: none;
}
nav ul ul {
  display: none;
  width: 264px;
/*    border-right: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(171,171,171,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(171,171,171,1);
  box-shadow: 0px 0px 3px 0px rgba(171,171,171,1);*/
  position: absolute; 
  top: 100%;
  padding: 0px;
}
nav ul li:hover > ul {
  display: block;
}
nav ul ul li {
  position: relative;
  padding: 0px;
}
nav ul ul li a {
  color: #fff;
  border: none;
  padding: 9px 20px 0px;
  height: 40px;
  background: #1b1b1b;
  width: 264px;
  border-bottom: 0px !important;
  font-size: 13px;
}
nav ul ul li a:hover {
  color: #fff;
  border-bottom: 0px !important;
  background: #dd0000;
}
nav ul ul li:hover  > a {
  color: #fff;
  border-bottom: 0px !important;
  background: #dd0000;
}
nav ul ul ul {
  position: absolute; 
  right: 100%; 
  top:0;
  padding: 0px;
}
.register {
	float: left;
	margin-top: 35px;
	margin-right: 20px;
}
.register a {
    font-size: 13px;
    color: #000;
    border-radius: 20px;
    border: 0.1rem solid #ff492c;
    padding: 4px 10px;
    background: #fff;
    transition: 0.4s;
}
.register a:hover {
  color: #fff;
  background: #ff492c;
  transition: 0.4s;
}

#sliderRight {
	position: relative;
	height: 380px;
	width: 100%;
	padding-top: 20px;
  background: url(../images/bgright.jpg);
	background-size: 150px;
	background-repeat: no-repeat;
	background-position: 185px 100px;
  margin-bottom: 40px;
}
#sliderRight .frameOne {
	position: absolute;
	width: 150px;
	height: 150px;
  background: #eee;
  overflow: hidden;
	left: 0px;
  border-radius: 8px;
}

#sliderRight .frameTwo {
	position: absolute;
	width: 200px;
	height: 250px;
  background: #eee;
  overflow: hidden;
	left: 110px;
	top: 128px;
  border-radius: 8px;
}

#sliderLeft {
	position: relative;
	height: 380px;
	width: 100%;
	padding-top: 20px;
	background: url(../images/bgleft.jpg);
	background-size: 225px;
	background-repeat: no-repeat;
	background-position: 18px 73px;
}

#sliderLeft .frameOne {
	position: absolute;
	width: 250px;
	height: 300px;
  background: #eee;
  overflow: hidden;
	left: 48px;
	top: 20px;
	border-radius: 8px;
}

#sliderLeft .frameTwo {
	position: absolute;
	width: 150px;
	height: 150px;
	background: #eee;
  overflow: hidden;
	left: 280px;
	bottom: 0px;
	border-radius: 8px;
}

.frameOne img {
	position: absolute;
}

#sliderRight  .frameOne .top {
	animation-name: fade;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 9s;
	animation-direction: alternate;
}
#sliderLeft  .frameOne .top {
	animation-name: fade;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 7s;
	animation-direction: alternate;
}

.frameTwo img {
	position: absolute;
}

#sliderLeft .frameTwo .top {
	animation-name: fadeOther;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 5s;
	animation-direction: alternate;
}
#sliderRight .frameTwo .top {
	animation-name: fadeOther;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-duration: 6s;
	animation-direction: alternate;
}

.searchMain {
  padding-top: 190px;
  padding-left: 25px;
}
.searchMain h2 {
	font-size: 18px;
	font-weight: 750;
	margin-bottom: 10px;
}
.searchMain h3 {
	font-size: 12px;
	line-height: 23px;
	text-align: justify;
}
form {
	margin-top: 10px;
}
.searchMain span {
  color: #ff492c;
}

.searchMain button {
	float: right;
  background: #ff492c;
  border: 0px;
  height: 42px;
  font-size: 13px;
  color: #fff;
  border-radius: 20px 0px 0px 20px;
  width: 20%;
}
.searchMain input[type="text"] {
	float: right;
	height: 42px;
	padding: 5px 10px;
	border: 0.13rem solid #ff492c;
	box-shadow: none;
	border-radius: 0px 20px 20px 0px;
	width: 80%;
	font-size: 12px;
}
.padding-right-clear {
  padding-right: 0px;
}
.padding-left-clear {
  padding-left: 0px;
}
.searchMain .tools {
	margin-top: 10px;
	display: inline-block;
}
.searchMain .tools p {
  color: #979797;
  float: right;
  font-size: 11px;
}
.searchMain .tools span {
  color: #979797;
  float: right;
  font-size: 12px;
  margin-right: 10px;
  margin-left: 3px;
}
.classmenu {
	margin-top: 50px;
}
.classmenu h1 {
	color: #000;
	font-size: 16px;
	font-weight: 750;
	margin-bottom: 20px;
}
.classmenu ul {
  list-style: none;
}
.classmenu li {
  margin-bottom: 10px;
}
.classmenu li a {
  color: #000;
	border-bottom: 2px solid transparent;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	font-size: 0.9rem;
	font-size: 13px;
  padding-bottom: 3px;
}
.classmenu li a:hover {
  color: #dd0000;
  border-bottom: 2px solid #dd0000;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-decoration: none;
}

.padding-class {
  padding-left: 8px;
  padding-right: 8px;
}

.itemclass {
	background: #fff;
	border-radius: 4px;
	margin-bottom: 20px;
	overflow: hidden;
  position: relative;
  height: 470px;
  -webkit-box-shadow: 0px 0px 20px 2px rgba(222,222,222,1);
-moz-box-shadow: 0px 0px 20px 2px rgba(222,222,222,1);
box-shadow: 0px 0px 20px 2px rgba(222,222,222,1);
  transition: 0.6s;
}
.itemclass:hover {
  -webkit-box-shadow: 0px 0px 6px 2px rgba(222,222,222,1);
-moz-box-shadow: 0px 0px 6px 2px rgba(222,222,222,1);
box-shadow: 0px 0px 6px 2px rgba(222,222,222,1);
  
}
.itemclass .content {
	padding: 10px !important;
	height: 250px !important;
	min-height: 250px !important;
}
.itemclass .img {
	height: 200px;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
  position: relative;
}
.itemclass .img2 {
	height: 250px !important;
}
.itemclass .cat {
	background: rgba(255,198,0,0.8);
	font-size: 9px;
	color: #fff;
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 4px 10px;
	border-radius: 1px;
}
.itemclass .free {
	background: rgba(37,134,58,0.8);
	font-size: 9px;
	color: #fff;
	position: absolute;
	right: 10px;
	top: 33px;
	padding: 4px 10px;
	border-radius: 1px;
}
.itemclass h1  {
	font-size: 16px !important;
	color: #000 !important;
	margin-bottom: 1px !important;
	margin-top: 0px !important;
  transition: 0.6s;
}
.itemclass h1 a {
	font-size: 16px !important;
	color: #000 !important;
	margin-bottom: 1px !important;
	margin-top: 0px !important;
  transition: 0.6s;
}
.itemclass h1 a:hover {
	color: #ff492c !important;
  transition: 0.6s;
}
.itemclass elm {
	color: #000;
	font-size: 10px;
	margin-bottom: 10px;
}
.itemclass elm a {
	color: #ff492c;
	font-size: 10px;
	margin-bottom: 10px;
  transition: 0.6s;
}
.itemclass elm a:hover {
	color: #000;
  transition: 0.6s;
}
.itemclass p {
	color: #959595;
	font-size: 10px !important;
	line-height: 18px !important;
	margin-top: 10px;
  text-align: justify;
}
.itemclass .tools {
	height: 20px;
	position: absolute;
	bottom: 50px;
	right: 10px;
}
.itemclass .tools p {
	color: #000;
	margin-left: 10px;
	font-size: 9px;
  margin-top: 0px;
  float: right;
}
.itemclass .tools span {
	color: #000;
	float: right;
	margin-left: 4px;
}
.itemclass a button {
	border: 0px;
	background: #ff492c;
	font-size: 12px;
	color: #fff;
	padding: 4px 10px;
	margin-top: 10px;
	border-radius: 1px;
  transition: 0.6s;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
.itemclass:hover a button {
  box-shadow: none;
  background: #000;
}
.allLink {

}
.allLink a {
	background: #062846;
	color: #fff;
	font-size: 15px;
	padding: 10px 30px;
	float: left;
  transition: 0.6s;
  margin-top: 20px;
}
.allLink a:hover {
	background: #ff492c;
  transition: 0.6s;
}
.logo_sponser {
	position: absolute;
	left: 10px;
	bottom: 10px;
}
.logo_sponser img {
  height: 30px;
}
.logo_list {
	background: #fff;
	border-radius: 50%;
	height: 85px;
	width: 85px;
}
.logo_list img {
	height: 72px !important;
	border-radius: 50%;
	background: #fff;
	padding: 4px;
	/* width: 100px; */
	/* padding-top: 16px; */
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}
/* .logo_list img:hover {
  margin-top: -10px !important;
  transition: 0.6s;
} */
.servicebg {
  margin-top: 60px;
  background: #e8ebec;
  padding-top: 60px;
  padding-bottom: 60px;
}
.servicebg h1 {
	font-size: 20px;
	font-weight: 750;
	margin-bottom: 20px;
}
.servicebg .serviceitem {
	height: 200px;
}
.servicebg .serviceitem img {
	height: 25px;
	float: right;
}
.servicebg .serviceitem h2 {
	color: #000;
	float: right;
	font-size: 14px;
	font-weight: 600;
}
.servicebg .serviceitem p {
	color: #6e6e6e;
	display: inline-block;
	font-size: 12px;
	line-height: 26px;
	margin-top: 20px;
  text-align: justify;
}
.adsindex {
  background: #062846;
  padding-top: 40px;
  padding-bottom: 40px;
}
.adsindex img {
	height: 280px;
	margin: auto;
	display: block;
}
.adsindex p {
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	padding-top: 15px;
  text-align: center;
  margin-bottom: 50px;
}
.adsindex strong {
  color: #ff492c;
}
.testemonialsection {
  background: #ffc600;
  direction: ltr;
  padding-top: 20px;
  padding-bottom: 0px;
}



.testemonialsection h1 {
	font-size: 20px;
	font-weight: 750;
	margin-bottom: 30px;
  color: #000;
  text-align: center;
}


.testemonialsection .th-margin-remove {
  margin: 0!important
}
.testemonialsection figure.testimonial {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  padding: 0 20px;
  text-align: left;
  box-shadow: none !important;
}
.testemonialsection figure.testimonial * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.testemonialsection figure.testimonial img {
	max-width: 100%;
	vertical-align: middle;
	height: 90px;
	width: 90px;
	border-radius: 50%;
	margin: 40px 30px 0 0px;
	float: right;
}
.testemonialsection figure.testimonial blockquote {
	background-color: #fff;
	display: block;
	font-size: 12px;
	font-weight: 400;
	line-height: 2.2em;
	margin: 0;
	padding: 25px 50px 30px;
	position: relative;
	text-align: justify;
	direction: rtl;
}
.testemonialsection figure.testimonial blockquote:before, figure.testimonial blockquote:after {
  content: "\201C";
  position: absolute;
  color: #959595;
  font-size: 50px;
  font-style: normal;
}
.testemonialsection figure.testimonial blockquote:before {
  top: 25px;
  left: 20px;
}
.testemonialsection figure.testimonial blockquote:after {
  content: "\201D";
  right: 20px;
  bottom: 0;
}
.testemonialsection figure.testimonial .arrow {
	top: 100%;
	width: 0;
	height: 0;
	border-left: 0 solid transparent;
	border-right: 25px solid transparent;
	border-top: 25px solid #fff;
	margin: 0;
	position: absolute;
	right: 45px;
}
.testemonialsection figure.testimonial .author {
	position: absolute;
	bottom: 45px;
	/* padding: 0 10px 0 120px; */
	margin: 0;
	color: #000;
	-webkit-transform: translateY(50%);
	/* transform: translateY(50%); */
	right: 150px;
	text-align: right;
  font-size: 13px;
}
.testemonialsection figure.testimonial .author h5 {
  opacity: 0.9;
  margin: 0;
  margin-bottom: 8px;
}
.testemonialsection figure.testimonial .author h5 span {
  font-weight: 400;
  text-transform: none;
  padding-left: 5px;
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/* Arrows */
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}
.slick-prev:before, .slick-next:before {
  font-family: 'icomoon';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
  left: -40px;
}
.slick-prev:before {
  content: "\e90a";
}
.slick-next {
  right: -40px;
}
.slick-next:before {
  content: "\e90b";
}
footer {
  background: #062846;
  padding-top: 30px;
  padding-bottom: 30px;
}
footer .menu {
    padding: 0px;
    display: block !important;
}
footer .menu ul {
  float: right;
  margin-right: 10%;
  width: 23%;
}

footer .menu ul span {
color: #fff;
font-size: 16px;
margin-bottom: 20px;
display: block;
font-weight: 650;
}

footer .menu ul li a {
color: #ccc;
font-size: 12px;
-webkit-transition: 0.6s;
transition: 0.6s;
margin-bottom: 15px;
display: block;
/* font-weight: 400; */
}
footer .menu ul li {
font-size: 12px;
color: #3c547b;
}
footer .menu ul li a:hover {
  color: #fff;
}
.footer_logo {

}
.footer_logo img {
    height: 145px;
}
.social {
  margin-top: 10px;
}
.social a {
    margin: 0px 3px;
    color: #fff;
}
.social span {
    font-size: 20px;
    color: #fff !important;
    background: #373948;
    display: inline-block;
    padding: 3px;
    border-radius: 50%;
    padding: 8px;
}
.social span:hover {
    color: #e77817 !important;
    background: #fff;
}
.footer_address {
  padding-top: 0px;
}
.footer_address div {
    margin-bottom: 15px;
}
.footer_address span {
color: #fff;
float: right;
margin-left: 10px;
}
.footer_address p {
    font-size: 11px;
    color: #fff;
    line-height: 24px;
}
.copyright {
  text-align: center;
  padding-top: 15px;
}

.copyright p {
  font-size: 11px;
  color: #fff;
}
.copyright {
    text-align: center;
    padding-top: 15px;
    border-top: 1px solid #373948;
    margin-top: 30px;
}
.copyright a {
  color: #fff;
}


.modal {
  background: rgba(0, 0, 0, 0.7);
}

/* .modal {
  text-align: center;
}
.modal:before {
  content: '';
  height: 100%;
  width: 1px;
  display: inline-block;
  vertical-align: middle;
}
.modal .modal-dialog {
  text-align: left;
  margin: 10px auto;
  display: inline-block;
  vertical-align: middle;
} */
.main_login {
  /* width: 420px;
  height: 550px; */
  /* position: absolute; */
  /* left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px; */
  /* filter: blur(10px); */
  /* background: rgba(0,0,0,0.8); */
  margin: auto;
  border-radius: 10px;
  padding: 30px;
  padding-bottom: 40px;
  padding-top: 20px;
  display: inline-block;
  width: 100%;
}

.main_login h2 {
	font-size: 17px;
	margin-bottom: 20px;
	/* font-weight: bold; */
	text-align: center;
	font-weight: 650;
}

.main_login h3 {
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: bold;
  text-align: center;
}

.main_login input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"] {
  width: 100%;
  border: 2px solid #eee;
  padding: 10px;
  height: 45px;
  border-radius: 0px;
  font-family: "iranyekan";
  font-size: 12px;
  color: #000;
}

.main-text {
  min-height: 400px;
}

.main_login input[type="text"]:focus,
.main_login input[type="password"]:focus,
.main_login input[type="number"]:focus,
.main_login input[type="email"]:focus {
  border: 2px solid #062846;
  box-shadow: none;
}

.main_login input[type="text"]:active,
.main_login input[type="password"]:active,
.main_login input[type="number"]:active,
.main_login input[type="email"]:active {
  border: 2px solid #062846;
  box-shadow: none;
}

.btn {
  font-family: "iranyekan";
  font-size: 12px;
  padding: .775rem .75rem;
  border-radius: 2px;
  box-shadow: none;
}
.btn:focus {
  box-shadow: none;
}
.main_login input[type="submit"] {
  background: #52ac52;
  color: #fff;
  transition: 0.6s;
  box-shadow: none;
}

.main_login input[type="submit"]:hover {
  background: #5f5f5f;
  color: #fff;
  transition: 0.6s;
  box-shadow: none;
}
.main_login input[type="submit"]:focus {

  box-shadow: none;
}
.main_login textarea {
  border: 2px solid #eee;
  transition: 0.6s;
}

.main_login textarea:focus {
  border: 2px solid #529bcd;
  transition: 0.6s;
}

.main_login .login {
  background: #e60023;
  color: #fff;
  margin-top: 15px;
  transition: 0.6s;
  width: 100%;
}

.main_login .login:hover {
  background: #5f5f5f;
  transition: 0.6s;
}

.main_login .forgot {
  background: #1877f2;
  color: #fff;
  margin-top: 15px;
  transition: 0.6s;
  width: 100%;
  float: right;
}

.btn:focus {
  box-shadow: none;
}

.main_login .forgot:hover {
  background: #5f5f5f;
  transition: 0.6s;
}

.float_form_right {
  float: right;
  width: 49% !important;
  margin-left: 1%;
}

.float_form_left {
  float: right;
  width: 50% !important;
}

.main_login_account {
  width: 420px;
  height: 580px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  /* filter: blur(10px); */
  background: rgba(0, 0, 0, 0.8);
  margin: auto;
  border-radius: 10px;
  padding: 30px;
  padding-bottom: 40px;
  padding-top: 20px;
  display: inline-block;
  color: #fff;
}

.main_login_account h2 {
  font-size: 14px;
  margin-bottom: 20px;
  font-weight: bold;
  text-align: center;
}

.main_login_account h3 {
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: bold;
  text-align: center;
}

.main_login_account input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"] {
  width: 100%;
  border: 2px solid #eee;
  padding: 10px;
  height: 45px;
  border-radius: 0px;
  font-family: "iranyekan";
  font-size: 13px;
  color: #000;
}

.main_login_account input:focus {
  border: 2px solid #52ac52;
  box-shadow: none;
}

.main_login_account input:active {
  border: 2px solid #52ac52;
  box-shadow: none;
}

.btn {
  width: 100%;
  font-family: "iranyekan";
  font-size: 12px;
  padding: .775rem .75rem;
  border-radius: 0px;
}

.main_login_account input[type="submit"] {
  background: #52ac52;
  color: #fff;
  transition: 0.6s;
}

.main_login_account input[type="submit"]:hover {
  background: #5f5f5f;
  color: #fff;
  transition: 0.6s;
}

.main_login_account .login {
  background: #e60023;
  color: #fff;
  margin-top: 15px;
  transition: 0.6s;
  width: 100%;
}

.main_login_account .login:hover {
  background: #5f5f5f;
  transition: 0.6s;
}

.main_login_account .forgot {
  background: #1877f2;
  color: #fff;
  margin-top: 15px;
  transition: 0.6s;
  width: 100%;
  float: right;
}

.main_login_account .forgot:hover {
  background: #5f5f5f;
  transition: 0.6s;
}

#dialog {
  direction: ltr;
}

#dialog input {
  margin-left: 1px;
  text-align: center;
  line-height: 80px;
  font-size: 50px;
  border: solid 1px #ccc;
  box-shadow: 0 0 5px #ccc inset;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 3px;
  height: 100px;
  width: 14.9%;
}

#dialog input:first-child {
  margin: 0px;
}

#dialog input:focus {
  border-color: #52ac52;
  box-shadow: 0 0 5px #52ac52 inset;
}

#dialog input::-moz-selection {
  background: transparent;
}

#dialog input::selection {
  background: transparent;
}
.form-group {
	margin-bottom: 1rem;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 45px;
  user-select: none;
  -webkit-user-select: none;
  padding-top: 6px;
  border-radius: 0px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 9px;
  left: 10px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  direction: rtl;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 2px solid #eee;
  border-radius: 0px;
}
.select2-container {
  width: 100% !important;
}
.close {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	border: 0px;
	background: transparent;
}
.nav-bg {
	height: 30px;
	text-align: right;
	width: 100%;

    background: #1f3559;
}

.nav-bg .navigation {
  color: #fff;
  font-size: 12px;
  padding-top: 7px;
  padding-bottom: 7px;
  text-transform: uppercase;
  width: 100%;
  max-width: 1440px;
  margin: auto;
  padding-right: 10px;
}

.nav-bg .navigation a {
  color: #fff;
  font-size: 12px;
  padding-left: 10px;
  text-transform: uppercase;
}

.nav-bg .navigation span::after {
  content: " . ";
  padding-left: 10px;
}

.nav-bg .navigation a:hover {
  color: #eee;
}
.alert {
  padding: 4px;
  font-size: 13px
}

strong {
  font-weight: 700
}
strong span {
  font-size: 14px !important;
}
.alert strong::after {
  content: " / "
}

.alert span::before {
  content: " / "
}

.alert span {
  font-size: 12px;
  color: #e77817
}

.panel_menu {
	/* border-bottom: 1px solid #eee; */
}
.panel_menu ul {
  list-style: none;
  margin: 0px;
  display: inline;
}
.panel_menu ul li {
	float: right;
	width: 14.28%;
	margin-left: 0px;
	border-left: 2px solid #fff;
}
.panel_menu li a {
	background: #eee;
	
	margin-bottom: 0px;
	padding: 20px 7px;
	padding-right: 10px;
	border-radius: 1px;
	transition: 0.6s;
	font-size: 14px;
	width: 100%;
	display: block;
	text-align: center;
	border: 1px solid #eee;
	color: #1f3559;
}
.panel_menu .active_menu {
  background: #e77817;
  color: #fff;
}
.panel_menu li a:hover {
  background: #e77817;
  color: #fff;
  transition: 0.6s;
}
.panel_bg {
	background: #fff;
	border-radius: 10px;
	box-shadow: 1px 1px 10px #eee;
	padding: 20px;
	margin-top: 20px;
	display: inline-block;
	width: 100%;
}
.table table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}
.table table  caption {
font-size: 1.5em;
margin: .5em 0 .75em;
}
.table table > thead tr {
  background: #323433;
  color: #fff;
  text-align: center;
  padding: 10px 5px
}

.table tr:nth-child(-n+1) th {
  text-align: center
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 10px 5px;
  font-size: 12px;
  text-align: center
}

.table td {
  border: 1px solid #d2d2d2;
  padding: 10px 5px;
  font-size: 13px;
  vertical-align: middle
}

.table tr {
  background: #fff;
  font-size: 13px;
  padding: 5px
}



.table span {
  color: #e77817
}

.table button {
  margin-bottom: 0;
  margin-top: 0
}

.table a button {
	background: #c03838;
	border: 0;
	color: #fff;
	padding: 6px 10px;
	font-family: iranyekan;
	font-size: 11px;
	cursor: pointer;
	transition: .6s;
	width: 100%;
	margin-bottom: 2px;
}

.table a button:hover {
  background: #1f3559;
  color: #fff;
  transition: .6s
}

#error {
font-size: 12px;
color: #fff;
margin-bottom: 15px;
background: #e77817;
padding: 7px;
border-radius: 2px;
}

#error:before {
  content: "\e905";
  font-family: icomoon;
  padding-left: 3px;
  font-size: 9px
}
.content {
  padding: 20px 0px;
  min-height: 600px;
  height: auto;
}
.content h1 {
	color: #000;
	font-size: 20px;
	font-weight: 650;
	text-align: right;
	margin-bottom: 20px;
	margin-top: 20px;
  transition: .6s
}

.btn-danger {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
	color: #fff !important;
	padding: 4px 10px;
}
.content p {
  font-size: 12px;
line-height: 25px;
font-weight: 400;
}
.parsley-length, .parsley-required {
	color: #c03838 !important;
	font-size: 10px !important;
	padding: 5px 0;
	margin-bottom: 0px !important;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #468847
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #e77817
}

.parsley-errors-list {
    font-size: .9em;
    line-height: .9em;
    list-style-type: none;
    margin: 2px 0 3px;
    opacity: 0;
    padding: 0;
    transition: all .3s ease-in 0s
}
.error_register {
  font-size: 12px;
  color: #fff;
  margin-bottom: 15px;
  padding: 4px;
  border-radius: 4px;
  background: #e77817;
  width: 100%;
  font-weight: 400;
}

.error_register:before {
  content: "\e905";
  font-family: icomoon;
  padding-left: 3px;
  font-size: 16px
}
.parsley-errors-list.filled {
    opacity: 1
}

.parsley-type {
    font-size: 11px;
    color: #e77817;
    padding: 5px 0
}
.form-control {
    padding: 9px 12px;
    font-size: 12px;
    border-radius: 3px;
    font-family: iranyekan;
    border:2px solid #eee;
}
.form-control:focus {
    box-shadow: none;
}
.form-control:focus {
    border:2px solid #e77817;
}
label {
	font-size: 14px;
	margin-bottom: 10px;
	/* width: 100; */
	display: block;
}
.form-group {
    margin-bottom: 10px
}
.checkbox-inline,
.radio-inline {
    display: inline
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-left: 5px
}

.btn {
    border-radius: 0;
    font-family: iranyekan;
    font-size: 14px;
    cursor: pointer;
    box-shadow: none !important;
}
.btn:focus {
    box-shadow: none;
}
select {
    font-family: iranyekan;
}
option {
    font-family: "iranyekan";
}
.register_style a {
	font-size: 12px;
	color: #e77817;
}
.profile {
	border-radius: 50%;
	margin-top: 10px;
	width: 100px;
	height: 100px;
}
.file-img {
	position: relative;
}
#x {
	position: absolute;
	right: 10px;
	top: 80px;
	cursor: pointer;
	background: #fff;
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
	border-radius: 50%;
	font-size: 14px;
	padding-top: 1px;
	background: #000;
	color: #fff;
}
#fld_agree {
    margin-left: 4px;
}
.btn-success {
    background: #e77817;
    border-color: #e77817;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: 0.6s;
    display: inline-block;
    width: auto;
    padding: 5px 10px;
}
.btn-success:hover {
    background: #000;
    border-color: #000;
    transition: 0.6s;
}
.btn-success:focus {
    background: #000;
    border-color: #000;
    transition: 0.6s;
}
.table .btn-success {
  width: 100%;
  margin: 0px;
}
.view-success {
	background: #6e6e6e;
	color: #fff;
	margin-top: 10px;
	margin-bottom: 10px;
	transition: 0.6s;
	display: inline-block;
	width: auto;
	padding: 8px 10px;
	font-size: 12px;
}
.alert {
    padding: 4px;
    font-size: 13px
}
.parsley-length,
.parsley-requi#e77817 {
    color: #c03838;
    font-size: 10px;
    padding: 5px 0
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #468847
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    color: #e77817
}

.parsley-errors-list {
    font-size: .9em;
    line-height: .9em;
    list-style-type: none;
    margin: 2px 0 3px;
    opacity: 0;
    padding: 0;
    transition: all .3s ease-in 0s
}

.parsley-errors-list.filled {
	opacity: 1;
	margin: 0px;
}

.parsley-type {
    font-size: 11px;
    color: #e77817;
    padding: 5px 0
}
.ticketview {
  font-size: 13px
}

.ticketview label {
	color: #17adbc;
	float: right;
	margin-left: 10px;
}
.usersender {
  margin-bottom: 10px;
}
.usersender {
	margin-bottom: 10px;
	display: block;
	font-weight: 750;
	font-size: 14px;
}
.adminsender {
  margin-bottom: 10px;
}
.adminsender {
	margin-bottom: 10px;
	display: block;
	font-weight: 750;
	font-size: 14px;
}
.content_class {
	background: #fff;
	padding: 20px;
	min-height: 400px;
	margin: 30px 0;
	border-radius: 5px;
}
.news_title {
  margin-top: 20px;
  margin-bottom: 20px;
 }
 .news_title .line {

    background: #e77817;
    width: 4px;
    height: 30px;
    float: right;
    margin-left: 10px;
}
.news_title h1 {
    font-weight: 750;
    margin-bottom: 5px;
    font-size: 22px;
    text-align: center;
}
 .news_item {
  margin-bottom: 30px;
 }
 .news_item a h1 {
    font-weight: 750;
    color: #000;
    font-size: 16px;
    transition: 0.6s;
}
.news_item a h1:hover {
    color: #e77817;
}
.news_item p {
    font-size: 12px;
    line-height: 25px;
}
.news_img {
    height: 200px;
    border-radius: 5px;
    margin-bottom: 10px;
  -webkit-box-shadow: 0px 0px 3px 0px rgba(163,163,163,1);
  -moz-box-shadow: 0px 0px 3px 0px rgba(163,163,163,1);
  box-shadow: 0px 0px 3px 0px rgba(163,163,163,1);
}
.news_data {
    font-size: 10px;
    color: #e77817;
}
.title {
  padding-top: 20px;
  padding-bottom: 20px;
}
.title h1 {
  color: #000;
  font-size: 20px;
  font-weight: 650;
  text-align: right;
}
.news-detail {
  font-size: 14px;
line-height: 25px;
font-weight: 400;
}
.img-hover {
	padding-bottom: 100%;
	margin-top: 40px;
	border-radius: 5px;
}
.lid {
	color: #8e8f97;
	font-size: 13px;
}
.date {
	margin-top: 10px;
	color: #437832;
	font-size: 11px;
}
.box-container {
  direction: ltr;
  margin-bottom: 20px;
}
.box-container .card {
	position: relative;
	width: auto;
	height: 400px;
	border-radius: 10px;
	overflow: hidden;
	background: #f5f6fa;
	/* box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2); */
	display: block;
}
.box-container .card:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 0;
  background: #e77817;
  transition: all 0.5s ease;
}
.box-container .card:hover {
  /*%% Card on hover %%*/
}
.box-container .card:hover:before {
  height: 180px;
}
.box-container .card:hover .social {
  margin-top: 50px;
}
.box-container .card:hover .pic {
  width: 120px;
  height: 120px;
  margin-top: 50px;
  box-shadow: 0px 0px 10px 1px #888;
}
.box-container .card:hover .content {
  margin-top: 90px;
}
.box-container .card .social {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 0;
  margin-top: -30px;
  text-align: center;
  transition: margin-top 0.5s ease;
}
.box-container .card .social a {
  text-decoration: none;
  color: #2d3436;
  padding: 8px;
  font-size: 18px;
  color: #fff;
}
.box-container .card .pic {
  position: relative;
  left: 50%;
  top: 15%;
  transform: translateX(-50%);
  width: 140px;
  height: 140px;
  overflow: hidden;
  transition: all 0.5s ease;
  border-radius: 50%;
  background: #fff;
}
.box-container .card .pic img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.box-container .card .content {
  margin-top: 90px;
  text-align: center;
  padding: 0 30px;
  color: #2d3436;
  transition: margin-top 0.5s ease;
}
.box-container .card .content .title {
	margin-bottom: 0;
	/* font-family: "Marck Script", cursive; */
	font-size: 18px;
	font-weight: 750;
	color: #000;
}
.box-container .card .content span {
	font-size: 12px;
}
.box-container .card .content p {
  margin: 20px 0;
  font-size: 12px;
  line-height: 1.6;
  color: #b0b0b0;
}
.content_teacher {
  min-height: 600px;
  height: auto;
  margin-top: 40px;
}
.content_teacher h1 {
  color: #000;
  font-size: 20px;
  font-weight: 650;
  margin-bottom: 20px;
}
.content_teacher h2 {
color: #000;
font-size: 16px;
font-weight: 650;
margin-bottom: 20px;
}
.content_teacher p {
  font-size: 12px;
line-height: 25px;
font-weight: 400;
}
.class_detail {
}

.class_detail div {
    box-shadow: 0 0 0 5px rgba(255, 73, 44, 0.8) inset;
    height: 300px;
    margin-top: 45px
}
.class_detail .social {
	height: auto;
	box-shadow: none;
	border-bottom: 1px solid #eee;
	margin-top: 20px;
	padding-bottom: 10px;
	text-align: center;
}
.class_detail .social a {
  color: #062846;
  transition: 0.6s;
}
.class_detail .social a:hover {
  color: #e77817;
  transition: 0.6s;
}
.class_detail figure {
	width: 100%;
	display: block;
	margin-top: 10px;
	font-size: 12px;
	padding: 5px;
	transition: .6s;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.class_detail figure:last-child {
	border-bottom: 0px solid #ddd;
}
.class_detail figure span {
	color: #e77817;
	float: right;
	margin-left: 10px;
	font-size: 16px;
}
.class_detail figure p {
	color: #000;
}

.class_detail a button {
    border: 0;
    background: #e77817;
    color: #fff;
    font-size: 13px;
    padding: 8px 10px;
    font-family: iranyekan;
    margin-top: 10px;
    transition: .6s;
    cursor: pointer;
    width: 100%
}
.class_detail a button:hover {
    background: #000;
    transition: .6s
}
.class_detail_item {
  /* width: 428px; */
}
.class_detail_item .item {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  -moz-box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  transition: 0.6s;
  padding: 20px;
}
.class_detail_item .item elm {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	padding-top: 10px;
}
.class_detail_item .item  elm h3 {
  color: #000;
font-size: 14px;
float: right;
}
.class_detail_item .item  elm h3:last-child {

float: left;
}
.class_detail_item .item  elm h3 span {
  color: #e77817;
  font-size: 15px;
}
.rating {
  display: flex;
  width: 100%;
  justify-content: center;
  overflow: hidden;
  flex-direction: row-reverse;
  height: 22px;
  position: relative;
}

.rating-0 {
  filter: grayscale(100%);
}

.rating > input {
  display: none;
}

.rating > label {
  cursor: pointer;
  width: 22px;
  height: 22px;
  margin-top: auto;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e3e3e3' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76%;
  transition: .3s;
}


.rating > input:checked ~ label,
.rating > input:checked ~ label ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e77817' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}

.rating > input:not(:checked) ~ label:hover,
.rating > input:not(:checked) ~ label:hover ~ label {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='https://w3.org/2000/svg' width='126.729' height='126.73'%3e%3cpath fill='%23e77817' d='M121.215 44.212l-34.899-3.3c-2.2-.2-4.101-1.6-5-3.7l-12.5-30.3c-2-5-9.101-5-11.101 0l-12.4 30.3c-.8 2.1-2.8 3.5-5 3.7l-34.9 3.3c-5.2.5-7.3 7-3.4 10.5l26.3 23.1c1.7 1.5 2.4 3.7 1.9 5.9l-7.9 32.399c-1.2 5.101 4.3 9.3 8.9 6.601l29.1-17.101c1.9-1.1 4.2-1.1 6.1 0l29.101 17.101c4.6 2.699 10.1-1.4 8.899-6.601l-7.8-32.399c-.5-2.2.2-4.4 1.9-5.9l26.3-23.1c3.8-3.5 1.6-10-3.6-10.5z'/%3e%3c/svg%3e");
}
.feedback {
	/* background-color: #fff; */
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	/* box-shadow: 0 4px 30px rgba(0,0,0,.05); */
	border-bottom: 1px solid #eee;
}
.feedback  p {
	font-size: 14px;
	margin-bottom: 10px;
}
.class_detail_item .item a button {
	margin-top: 10px;
	width: 100%;
	border: 0px;
	background: #e77817;
	color: #fff;
	padding: 10px;
	font-size: 16px;
	border-radius: 2px;
  transition: 0.6s;
}
.class_detail_item .item a button:hover {
  background: #062846;
  transition: 0.6s;
}
.othertools {
	border: 0px;
	padding: 15px 0px;
	border-bottom: 1px solid #eee;
}
.othertools input[type="checkbox"] {
	border: 0px;
	float: right;
	margin-left: 5px;
}
.othertools input[type="radio"] {
	border: 0px;
	float: right;
	margin-left: 5px;
}
.othertools p {
	border: 0px;
	font-size: 11px;
	color: #e77817;
}
.othertools .form-group {
  margin-bottom: 0px;
}

.teacherclass {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  -moz-box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  transition: 0.6s;
  padding: 20px;
  margin-top: 20px;
}
.teacherclass h2 {
	color: #000;
	font-size: 16px;
	font-weight: 750;
	margin-bottom: 20px;
}
.teacherclass .img {
	width: 70px;
	height: 70px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	border-radius: 50%;
	float: right;
	margin-bottom: 0px;
	margin-left: 10px;
}
.teacherclass elm {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding: 10px 0px;
}
.teachercontent {
	padding-right: 10px;
	float: right;
	margin-top: 8px;
}
.teacherclass a h3 {
	color: #000;
	font-size: 14px;
	margin-bottom: 15px;
  transition: 0.6s;
}
.teacherclass a h3:hover {
	color: #e77817;
  transition: 0.6s;
}
.teacherclass p {
	color: #000;
	font-size: 10px;
}
.class_detail_info {

	padding: 20px;
	border-radius: 4px;
	padding-top: 0px;
}
.class_detail_info_shadow {
	-webkit-box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
	 -moz-box-shadow: 0px 0px 5px 2px rgba(222,222,222,1); 
	box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  margin-top: 18px;
  padding: 0px;
  overflow: hidden;
}
.class_detail_info_padding {
  padding: 20px;
}
.class_detail_info h1 {
	color: #062846;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 750;
  text-align: right;
}
.class_detail_info img {
	margin-bottom: 10px;
	border-radius: 4px;
}
.class_detail_info p {
	color: #062846;
	font-size: 14px;
	line-height: 29px;
	text-align: right;
}
.class_detail_info ul {
  margin-top: 20px;
}
.class_detail_info li {
  color: #062846;
	font-size: 14px;
  margin-bottom: 10px;
}
.class_detail_info video {
	width: 100%;
	height: 450px;
}

.comments-container {
	margin: 60px auto 15px;
}

.comments-container h1 {
	font-size: 26px;
	color: #283035;
	font-weight: 750;
}

.comments-container h1 a {
	font-size: 18px;
	font-weight: 700;
}

.comments-list {
	margin-top: 30px;
	position: relative;
}

.reply-list:before, .reply-list:after {display: none;}



.comments-list li {
	margin-bottom: 15px;
	display: block;
	position: relative;
}

.comments-list li:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	width: 0;
}

.reply-list {
	padding-right: 88px;
	clear: both;
	margin-top: 15px;
  display: inline-block;
  width: 100%;
}

 .comments-list .comment-avatar {
	width: 65px;
	height: 65px;
	position: relative;
	z-index: 99;
	float: right;
	border: 3px solid #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	overflow: hidden;
}

.comments-list .comment-avatar img {
	width: 100%;
	height: 100%;
}

.reply-list .comment-avatar {
	width: 50px;
	height: 50px;
  margin-bottom: 10px;
}

.comment-main-level:after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	clear: both;
}
 .comments-list .comment-box {
	width: 90%;
	float: left;
	position: relative;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	box-shadow: 0 -1px 5px rgba(0,0,0,0.15);
}


.reply-list .comment-box {
	width: 90%;
}
.comment-box .comment-head {
	background: #FCFCFC;
	padding: 10px 12px;
	border-bottom: 1px solid #E5E5E5;
	overflow: hidden;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

.comment-box .comment-head i {
	float: right;
	margin-left: 14px;
	position: relative;
	top: 2px;
	color: #A6A6A6;
	cursor: pointer;
	-webkit-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
	transition: color 0.3s ease;
}

.comment-box .comment-head i:hover {
	color: #03658c;
}

.comment-box .comment-name {
	color: #283035;
	font-size: 14px;
	font-weight: 700;
	float: right;
	margin-left: 10px;
}

.comment-box .comment-name a {
	color: #e77817;
}

.comment-box .comment-head span {
	float: right;
	color: #999;
	font-size: 13px;
	position: relative;
	top: 1px;
}

.comment-box .comment-content {
	background: #FFF;
	padding: 12px;
	font-size: 12px;
	color: #595959;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
	line-height: 22px;
}

.coursefree {
  margin: 50px 0;
  direction: ltr;
}

.coursefree .accordion .card {
  margin-bottom: 10px;
  border: 0;
}

.coursefree .accordion .card .card-header {
  border: 0;
  -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
          box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
  border-radius: 2px;
  padding: 0;
}

.coursefree .accordion .card .card-header .btn-header-link {
	/* color: #fff; */
	display: block;
	text-align: left;
	background: #ddd;
	color: #222;
	padding: 20px;
	text-align: right;
  font-weight: 700;
}

.coursefree .accordion .card .card-header .btn-header-link::after {
	content: "\e910";
	font-family: 'icomoon';
	font-weight: 900;
	float: left;
}

.coursefree .accordion .card .card-header .btn-header-link.collapsed {
	background: #e77817;
	color: #fff;
	text-align: right;
}

.coursefree .accordion .card .card-header .btn-header-link.collapsed:after {
  content: "\e911";
}

.coursefree .accordion .card .collapsing {
  background: #eee;
  line-height: 30px;
}

.coursefree .accordion .card .collapse {
  border: 0;
}

.coursefree .accordion .card .collapse.show {
  background: #eee;
  line-height: 30px;
  color: #222;
}
/* .fixed {
  position: fixed;
top: 15px;
right: auto;
width: 400px;
} */


.teacherclasscourse {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  -moz-box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  transition: 0.6s;
  padding: 20px;
  margin-top: 20px;
}
.teacherclasscourse h2 {
	color: #000;
	font-size: 16px;
	font-weight: 750;
	margin-bottom: 20px;
}
.teacherclasscourse .img {
	width: 200px;
	height: 200px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	border-radius: 50%;
	margin: auto;
	margin-bottom: 20px;
}
.teacherclasscourse elm {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding: 10px 0px;
}
.teachercontentcourse {
	padding-right: 10px;
	/* float: right; */
	margin-top: 8px;
	width: 100%;
}
.teacherclasscourse a h3 {
	color: #000;
	font-size: 14px;
	margin-bottom: 10px;
	transition: 0.6s;
	text-align: center;
	width: 100%;
	font-weight: 650;
}
.teacherclasscourse a h3:hover {
	color: #e77817;
  transition: 0.6s;
}
.teacherclasscourse p {
	color: #6e6e6e;
	font-size: 10px;
	text-align: center;
}
.teacherclasscourse p:last-child {
	color: #000;
	font-size: 12px;
	text-align: right;
	margin-top: 10px;
	line-height: 25px;
}
.teacherbutton {
	margin-top: 15px;
	text-align: center;
}
.teacherbutton a:first-child button {
	background: #e77817;
	color: #fff;
	border: 0px;
	padding: 5px 20px;
	font-size: 12px;
	border-radius: 1px;
  transition: 0.6s;
}
.teacherbutton a:last-child button{
  color: #fff;
  background: #062846;
	border: 0px;
	padding: 5px 20px;
	font-size: 12px;
	border-radius: 1px;
  transition: 0.6s;
}
.teacherbutton a:hover button{
  background: #03658c;
  transition: 0.6s;
}

.teacherclasschart {
  background: #fff;
  border-radius: 4px;
  margin-bottom: 20px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  -moz-box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  box-shadow: 0px 0px 5px 2px rgba(222,222,222,1);
  transition: 0.6s;
  padding: 20px;
  margin-top: 20px;
}
.teacherclasschart h2 {
	color: #000;
	font-size: 16px;
	font-weight: 750;
	margin-bottom: 20px;
}

.teacherclasschart figcaption {
  font-size: 10px;
  text-align: right;
  margin-top: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.teacherclasschart figcaption div {
	margin-bottom: 10px;
}
.teacherclasschart span:after {
  display: inline-block;
  content: "";
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.4em;
  height: 0.8em;
  border-radius: 0.2em;
  background: currentColor;
}
.teacherclasschart section {
  padding-bottom: 25px;
text-align: center;
}

.circle-chart__circle {
  animation: circle-chart-fill 2s reverse; /* 1 */ 
  transform: rotate(-90deg); /* 2, 3 */
  transform-origin: center; /* 4 */
}
.circle-chart__info {
  animation: circle-chart-appear 2s forwards;
  opacity: 0;
  transform: translateY(0.3em);
}
.classtoptools {
	border-bottom: 1px solid #eee;
  height: 56px;
}
.classtoptools span {
	color: #000;
	margin-top: 0px;
	display: block;
}

.righticon {
	border-left: 1px solid #eee;
	display: inline;
	color: #000;
	width: 5% !important;
	height: 50px;
	text-align: center;
	font-size: 30px;
	padding-top: 2px;
	float: right;
}
.righticon:hover {
  color: #fff !important;
  background: #52ac52;
}
.righticon:hover span {
  color: #fff !important;
}
.lefticon {
	border-right: 1px solid #eee;
	display: inline;
	color: #000;
	width: 5% !important;
	height: 50px;
	text-align: center;
	font-size: 30px;
	padding-top: 2px;
	float: left;
}
.lefticon:hover {
  color: #fff !important;
  background: #52ac52;
}
.lefticon:hover span {
  color: #fff !important;
}
.classtoptoolsitem .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  float: right;
}
.classview {
  color: #000;
}
.classview .itemview {
	color: #000;
	font-size: 14px;
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
	border: 1px solid #eee;
	padding: 10px;
	border-radius: 4px;
	background: #f7f7f7;
	/* box-shadow: -1px 0px 5px #ddd; */
}
.classview .itemview a {
  color: #000;
  font-size: 12px;
}
.classview .itemview a:hover {
  color: #e77817;
}
.classview .itemview .detailview {
	margin-top: 10px;
}
.classview .itemview .detailview div {
	color: #000;
	width: 33%;
	float: right;
	font-size: 9px;
	border: 1px solid #eee;
	padding: 6px 3px;
}
.classview .itemview .detailview div:nth-child(1)
{
  background: #ddd;
}
.classview .itemview .detailview div:nth-child(2)
{
  background: #c9eebc;
}
.classview .itemview .detailview div:nth-child(3)
{
  background: #eebcbc;
}
.classview .itemview .detailview div span {
  color: #000;
}
.classview .itemview .detailview div span::after {
	content: "";
	margin: 0px;
	height: unset;
	width: unset;
}
.itemviewexam {
	width: 99% !important;
	margin-top: 2px;
	background: #1877f2;
}
.itemviewexam a {
	color: #fff !important;
}
.itemviewexam:hover  {
	background: #000;
}
.checkboxmargin {
  margin-top: 10px;
}
.courselist {

}
.courselist ul {
  margin-right: 10px;
}
.courselist li {
	margin-bottom: 15px;
	font-size: 12px;
	color: #000;
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
}
.courselist li a {
  color: #000;
  transition: 0.6s;
  font-size: 13px;
}
.courselist .active a{
  color: #e77817;
}
.courselist li a:hover {
  color: #e77817;
}
.classtoptoolsitem {
  width: 100%;
}
.classtoptoolsitem div {
	color: #000;
	/* width: 10%; */
	height: 56px;
	text-align: center;
	font-size: 19px;
	/* padding-top: 16px; */
	width: 90% !important;
	/* float: right; */
  overflow: hidden;
}
.classtoptoolsitem div.active {
  background: #52ac52 ;
  color: #fff !important;
}

.classtoptoolsitem .active span {
  color: #fff !important;
}
.classtoptoolsitem elm {
	color: #fff;
	font-size: 12px;
	text-align: center;
}
.classtoptoolsitem div.see {
  background: #A6A6A6 !important;
  color: #fff !important;
}
.classtoptoolsitem .see span {
  color: #fff !important;
}
.classtoptoolsitem .slick-slide:hover {
  background: #52ac52;
  color: #fff !important;
}
.classtoptoolsitem .slick-slide:hover span {
  color: #fff !important;
}
.classtoptoolsitem .slick-slide {
  float: right; 
  /* edit left */
  width: 91px !important;
}
.plyr--video {
  margin-bottom: 30px;
  margin-top: 30px;
}

.invoice {
	background: #eee;
	width: 100%;
	padding: 30px;
	margin: auto;
	border-radius: 10px;
	display: inline-block;
}
.invoice h1 {
    text-align: center;
    font-weight: 750;
    font-size: 20px;
    margin-bottom: 20px;
}
.invoice .date {
	margin-top: 10px !important;
	color: #000 !important;
	font-size: 12px !important;
}
.invoice .item {
	border: 1px solid #ddd;
	background: #fff;
	padding: 10px;
	margin-top: 12px;
}
.invoice .item p {
  font-size: 13px;
  line-height: 25px;
}
.finalprice {
	background: #ddd;
	color: #000;
	padding: 10px;
}
.finalprice p {
  font-size: 13px;
  line-height: 25px;
}
.finaldiscount {
	background: #17adbc;
	color: #fff;
	padding: 10px;
}
.finaldiscount p {
  font-size: 13px;
  line-height: 25px;
}
.finalpriceclass {
	background: #dd0000;
	color: #fff;
	padding: 10px;
}
.finalpriceclass p {
  font-size: 13px;
  line-height: 25px;
}
.discounterror {
	display: block;
	width: 100%;
	clear: both;
	font-size: 12px;
	padding-top: 10px;
	color: #dd0000;
}
.discount {
	background: #fff;
	padding: 10px;
	display: inline-block;
	width: 100%;
}
.discount p {
	font-size: 12px;
	line-height: 25px;
	margin-bottom: 10px;
}
.discount input[type="text"] {
	border: 1px solid #ddd;
	font-size: 12px;
	padding: 7px;
	border-radius: 0px 2px 2px 0px;
	float: right;
	width: 300px;
}
.discount input[type="submit"] {
	background: green;
	border: 0px;
	font-size: 12px;
	color: #fff;
	padding: 7px;
	height: 32px;
	float: right;
	width: 100px;
  transition: 0.6s;
}
.discount input[type="submit"]:hover {
	background: #000;
  transition: 0.6s;
}
.button input[type="submit"] {
	background: #ffc600;
	border: 0px;
	color: #000;
	padding: 7px;
	height: auto;
	float: right;
	width: 100%;
	font-size: 18px;
	margin-top: 10px;
  transition: 0.6s;
}
.button input[type="submit"]:hover {
	background: #000;
	color: #ffc600;
  transition: 0.6s;
}
.error_note {
	background: #e77817;
	padding: 10px;
	color: #fff;
	font-size: 13px;
	line-height: 26px;
	border-radius: 4px;
}
.error_success {
	background: green;
	padding: 10px;
	color: #fff;
	font-size: 13px;
	line-height: 26px;
	border-radius: 4px;
}
.autoplay {
  direction: ltr;
}
.adsindex .slick-prev::before, .adsindex .slick-next::before {
	font-family: 'icomoon';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.adsindex .slick-prev, .adsindex .slick-next {
	top: 30%;
}
.adsindex .slick-list {
	height: 150px;
}
.classscroll {
	width: 100% !important;
	float: right;
}
.class_detail_info table {
  width: 100%;
  margin: auto;
}

.class_detail_info table tr:nth-child(-n + 1) {
  background: #e77817;
  color: #fff;
  height: 14px;
  text-align: center;
}

.class_detail_info table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 10px 5px;
}

.class_detail_info table td {
  border: 1px solid #d2d2d2;
  padding: 10px 5px;
  font-size: 13px;
  vertical-align: middle;
}

.class_detail_info table tr:nth-child(2n) {
  background: #f4f4f4;
}

.class_detail_info table a {
  color: #000;
}

.class_detail_info table a:hover {
  color: #e77817;
}

.class_detail_info table span {
  color: #e77817;
}

.class_detail_info table button {
  margin-bottom: 0;
  margin-top: 0;
}
.green {
	font-size: 13px !important;
	color: green !important;
}
.login_form {

}
.login_form  a {
  color: #e77817;
  font-size: 13px;
}
.show_msg_error {
	background: #e77817;
	color: #fff;
	text-align: right;
	font-size: 13px;
	padding: 5px;
	border-radius: 2px;
	margin: 10px 0px;
}
.show_msg_success {
	background: green;
	color: #fff;
	text-align: right;
	font-size: 13px;
	padding: 5px;
	border-radius: 2px;
	margin: 10px 0px;
}
.fixed {
  position: fixed;
  top: 10px;
  transition: 0.6s;
}
.see_course {
	color: #fff !important;
	background: #5f5f5f;
	padding: 3px 8px;
	border-radius: 1px;
  font-size: 11px !important;
}
.see_course::after {
	content: "" !important;
	width: 0px !important;
	height: 0px !important;
  
}
.exm_end {
	color: #fff !important;
	background: #5f5f5f;
	padding: 3px 8px;
	border-radius: 1px;
  font-size: 11px !important;
}
.exam {
} 
.exam h2 {
  font-size: 14px;
  font-weight: 650;
}
.exam label {
	margin-top: 7px;
	margin-bottom: 0px;
	margin-right: 10px;
	font-size: 12px;
}
.exam input[type="radio"] {
	float: right;
	margin-top: 10px;
	margin-left: 5px;
}
.exam-item {
	display: inline-block;
	width: 100%;
	margin-top: 10px;
}
.exam-item div {
	background: #1f3559;
	float: right;
	font-size: 10px;
	margin-top: 10px;
	margin-left: 10px;
	width: 14px;
	height: 14px;
	text-align: center;
	border-radius: 50%;
	color: #fff;
	padding-top: 1px;
}
.notcorrect {
  background: red !important;
}
.correct {
  background: green !important;
}
.gray {
	background: gray !important;
  color: #fff !important;
}
hr:not([size]) {
	height: 0.6px;
}
hr {
	margin: 1rem 0;
	color: inherit;
	border: 0;
	opacity: 1;
	background: #eee;
}
.cer {
	background-image: url(../images/certificate.jpg?ver=1);
	background-size: contain;
	width: 1020px;
	min-height: 900px;
	margin: auto;
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	font-family: "Nassim";
	height: auto;
  background-position: center;
}
.cer .track {
	position: absolute;
	left: 80px;
	bottom: 180px;
	font-size: 15px;
	text-transform: uppercase;
}
.cer .date {
  margin-top: 10px;
  font-size: 15px;
  position: absolute;
  left: 80px;
  bottom: 150px;
  color: #000;
}
.cer_content {
  width: 600px;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  top: 284px;
  font-size: 18px;
}
.printsize {
	width: 28cm !important;
	height: 20cm !important;
	min-height: auto !important;
}
.cer_content p {
	font-size: 26px !important;
	line-height: 48px;
}

.cer_content strong {
  font-weight: bold;
}
.cer_content h2 {
  text-align: center;
  width: 100%;
  display: block;
}
.cer_content h1 {
  font-size: 26px !important;
  text-align: center;
  margin-bottom: 20px;
}
.filter {
	margin-bottom: 20px;
	display: flex;
	width: 100%;
}
.filter a {
	color: #000;
	font-size: 14px;
	border-right: 1px solid #eee;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
}
.filter a:first-child {
  border-right: 0px;
}
.filter a span {
	color: #000;
	font-size: 16px;
	float: right;
	margin-left: 5px;
}
.filter a:hover {
	color: #e77817;
}
.filter .active {
  color: #e77817;
}


.no_result {
  color: #ff0d01;
text-align: center;
padding-top: 50px;
font-size: 14px;
}

.pagination-style {
	color: #000;
	font-size: 13px;
	background: #ffc600;
	display: inline-block;
	border-radius: 4px;
}
.pagination-style a {
  color: #000;
  font-size: 13px;
}
.pagination-style a:hover {
  color: #fff;
}
.page-item {
	padding: 11px 10px;
	display: inline-block;
	border-left: 1px solid #fff;
}
.download {
	background: #2c2e3e;
	display: inline-block;
	padding: 8px 10px;
	border-radius: 2px;
	font-size: 12px;
	color: #fff;
  transition: 0.6s;
  margin-bottom: 10px;
}
.download a {
  color: #fff;
}
.download:hover {
	background: #e77817;
}
#timer {
	font-size: 26px;
	font-weight: 100;
	color: white;
	text-shadow: 0 0 20px #48C8FF;
	direction: ltr;
	display: inline-block;
}
#timer div {
  display: inline-block;
  min-width: 60px;
}
#timer div span {
  color: #B1CDF1;
  display: block;
  font-size: 0.35em;
  font-weight: 400;
}
.box_top {
	display: inline-block;
}
.rate {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 10px 0;
  display: inline-block;
  width: 100%;
  margin-top: 20px;
}
.ratesystem {
  padding: 14px 0;
  display: inline-block;
  width: 100%;
}
.codexworld_rating_widget {
  padding: 0;
  margin: 0;
  float: left;
  direction: ltr;
}
.codexworld_rating_widget li {
  line-height: 0;
  width: 12px;
  height: 14px;
  padding: 0;
  margin: 0;
  margin-left: 2px;
  list-style: none;
  float: left;
  cursor: pointer;
}
.codexworld_rating_widget li span {
  display: none;
}
.overall-rating {
  font-size: 11px;
  color: #000;
  float: right;
}
.backbtn {
	color: #fff;
	width: auto;
	float: left;
	margin-bottom: 20px;
	padding: 7px;
	border-radius: 2px;
}
.opinion button {
	background: #437832;
	color: #fff;
	border: 0px;
	padding: 5px 20px;
	font-size: 12px;
	border-radius: 1px;
	transition: 0.6s;
	margin-top: 5px;
}
.opinion button:hover {
	background: #062846;
	transition: 0.6s;
}
.tikmodel {
	display: inline-block;
}
.tikmodel label {
	float: right;
	margin-left: 20px;
	font-size: 12px;
}
.tikmodel input[type="radio"] {
  margin-left: 5px;
}
.tikmodel input[type="checkbox"] {
  margin-left: 5px;
}
.lablecolor {
  color: #e77817;
}
.greenbutton button {
  background: #468847 !important;
}
.redbutton button {
  background: #c03838 !important;
}
.google {
  background: #2c2e3e;
  width: 100%;
  display: inline-block;
  margin-top: 4px;
  text-align: center;
  padding: .775rem .75rem;
  color: #fff !important;
  font-size: 14px;
  transition: 0.6s;
}
.google span {
  margin-right: 10px;
}
.google:hover {
  background: #000;
  transition: 0.6s;
}
.gmail-title {
	text-align: center;
	margin-bottom: 20px;
}
.print {
	color: #fff;
	background: #1f1a17;
	display: inline-block;
	padding: 4px 10px;
	border-radius: 2px;
  transition: 0.6s;
}
.print a {
	color: #fff;
	font-size: 12px;
}
.print a span {
	color: #fff;
}
.print:hover {
  background: #e77817;
  transition: 0.6s;
}





[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]::before {
	position: absolute;
	bottom: -43%;
	left: 50%;
	margin-bottom: 5px;
	margin-left: -80px;
	padding: 6px;
	width: 160px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #e77817;
	background-color: #e77817;
	color: #fff;
	content: attr(data-tooltip);
	text-align: center;
	font-size: 10px;
	line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]::after {
	position: absolute;
	bottom: -14%;
	left: 50%;
	margin-left: -5px;
	width: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid #e77817;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	content: " ";
	font-size: 0;
	line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
.namad img {
	background: #fff;
	border-radius: 5px;
	height: 120px;
}
.plyr__poster {
	background-size: contain;
	background-color: #fff;
}
@media print 
{
    @page {
      size: A4; 
      margin:0;
    }
    html, body {
        width: 282mm;
        height: 21mm;
        background: #FFF;
        overflow:visible;
    }
    body {
        padding-top:15mm;
    }
}

@keyframes circle-chart-fill {
  to { stroke-dasharray: 0 100; }
}

@keyframes circle-chart-appear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (min-width: 31em) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@keyframes fade {
	0% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	75% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fadeOther {
	0% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	75% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@media only screen and (max-width: 4000px) {
  .container {
    width: 1400px;
    max-width: 1400px;
  }
}

@media only screen and (max-width: 1800px) {
  .container {
    width: 1400px;
    max-width: 1400px;
  }
}

@media only screen and (max-width: 1400px) {
  .container {
    width: 1280px;
    max-width: 1280px;
  }
}

@media only screen and (max-width:767px) {
  .container {
    width: auto;
  }
}