select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: 1px;
  text-overflow: '';
  border: none;
  padding: 0;
  line-height: 0;
  line-height: 24px;
}

::-webkit-input-placeholder {
  text-align: right;
  direction: rtl;
}

input:-moz-placeholder {
  text-align: right;
  direction: rtl;
}

* ::-moz-focus-inner {
  padding: 0;
  border: 0;
  outline: 0;
}

input::-webkit-input-placeholder {
  text-align: right;
  direction: rtl;
}

input:-moz-placeholder {
  text-align: right;
  direction: rtl;
}

input::-moz-placeholder {
  text-align: right;
  direction: rtl;
}

input:-ms-input-placeholder {
  text-align: right;
  direction: rtl;
}

input.rtlEn::-webkit-input-placeholder {
  text-align: left;
  direction: rtl;
}

input.rtlEn:-moz-placeholder {
  text-align: left;
  direction: rtl;
}

input.rtlEn::-moz-placeholder {
  text-align: left;
  direction: rtl;
}

input.rtlEn:-ms-input-placeholder {
  text-align: left;
  direction: rtl;
}

.rtl {
  direction: rtl;
}



a, a.green:hover {
  color: #1d1d1d;
  text-decoration: none;
}

a:hover {
  color: #00a88d;
}

.green {
  color: #19a882;
}

.gray {
  color: #575757;
}

.blue {
  color: #2256cd;
}

img {
  border: 0;
}


form {
  display: block;
}

i {
  font-style: normal;
}



.clear::after {
  content: '';
  display: block;
  clear: both;
}

.container {
  max-width: 100%;
  min-width: 400px;
  padding: 0;
  width: 100%;
  margin: 0 auto;
  min-width: 285px;
}

#top {
  background: #00a78d;
  height: 4px;
}

.address {
  float: right;
    color: #fff;
    margin: 13px 0 10px;
    font-size: 13px;
}

.address:hover {
  color: #fff;
}

.phone {
  margin: 15px 50px 0 0;
}



.addLetter .forSearch {
  float: left;
  margin: 0;
  padding: 11px 17px 13px;
  font-size: 13px;
  background: #6dab35;
  margin-right: 10px;
}

.addLetter .forSearchTel {
  background: #1a9fff;
  padding-left: 32px;
}

.addLetter .forSearchTel::after {
  content: '';
  background: url('../images/tg.png');
  float: left;
  width: 17px;
  height: 17px;
  background-size: contain;
  position: absolute;
  margin-right: 4px;
}

.addLetter .forSearchBorder {
  /*background: none;
  padding: 10px 16px 12px;
  border: 1px solid #aaa;
  color: #333;*/
  background: #785c94;
}

.find {
  background: url('../images/search.png');
  float: left;
  margin: 7px;
  width: 21px;
  height: 21px;
  background-size: contain;
}

.find:hover {
  opacity: 0.7;
  cursor: pointer;
}

.searchInput {
  float: left;
  width: calc(100% - 165px);
  font-size: 11px;
  padding: 10px 13px;
}

.search select {
  background: #fafafa;
  float: right;
  border-left: 1px solid #ddd;
  border-radius: 0;
  font-size: 13px;
  padding: 10px 10px 12px 20px;
  border-radius: 0 100px 100px 0;
}

.logo {
  background: url('../images/logo.png');
  float: right;
  margin: 5px 0;
  width: 243px;
  height: 86px;
  background-size: contain;
}

#navbar {
  background: #fff;
  position: relative;
  z-index: 100000 !important;
}

.navTop {
  float: right;
}

.dr {
  float: left;
  background: url('../images/dr.png') right no-repeat;
  margin: 5px 7px 0 0;
  height: 86px;
  background-size: contain;
  padding-right: 110px;
}

.dr b {
  font-family: sahelBold;
  margin: 23px 0 9px;
  display: block;
}

.dr p {
  font-size: 12px;
  color: #666;
  letter-spacing: -0.6px;
}

#navbar a, #navbar span, #navbar .byLogin {
  float: right;
  margin: 15px 0 17px 30px;
  cursor: pointer;
  display: block;
  letter-spacing: -0.7px;
}

#navbar span:hover {
  color: #00a88d;
}

#navbar .byLogin {
  float: left;
  margin: 8px 20px 17px 0;
  color: #333;
  position: relative;
}

#navbar .byLogin::before {
  background: url('../images/login.png');
  content: '';
  display: inline-block;
  position: relative;
  margin-left: 5px;
  width: 17px;
  height: 17px;
  background-size: contain;
  opacity: 0.5;
  top: 4px;
}

#navbar .noIcon::before {
  display: none;
}

#navbar .basket::before {
  background-image: url('../images/cart.png');
}

.basket {
  margin-left: 20px !important;
}

#navbar .byLogin:hover::before {
  opacity: 0.9;
}

.slider {
  position: relative;
  line-height: 0;
}

.slider img {
  width: 100%;
  height: auto;
}

.slider * {
  direction: rtl;
}

.onSlide {
  background: rgba(0,0,0,0.6);
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 100;
  padding: 20px 0 21px;
  color: #fff;
}

.login {
  display: inline-block;
  background: #ca9149;
  color: #fff;
  letter-spacing: -0.3px;
  margin: 10px 5px;
  padding: 15px 20px 17px;
  font-size: 16px;
  cursor: pointer;
  border-radius: 20px 0px 20px 0px;
}

.login:hover {
  background: #b5b81fc0;
  border-color: #b5b81fc0;
  color: #fff;
}

.register {
  background: #00a78d;
}

.onIndex {
  font: normal 18px sahelBold;
  margin: 17px 0 0;
}

.sepIndex {
  float: right;
  width: calc(50% - 13px);
}

.sepIndex:nth-last-of-type(2n-1){
  float: left;
}

.playVideo {
  position: relative;
  line-height: 0;
  cursor: pointer;
  height: calc(100% - 25px);
  overflow: hidden;
  border-radius: 20px;
}

.playVideo img {
  height: 100%;
  border-radius: 20px;
}

.playIcon {
  position: absolute;
  background: url('../images/icon.png');
  height: 54px;
  width: 54px;
  background-size: contain;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
}

.news {
  display: block;
  margin-bottom: 25px;
  background: #fff;
  position: relative;
  border-radius: 20px;
}

.news .imgNews {
  float: right;
  width: 196px;
  display: block;
  line-height: 0;
}

.bySep .news {
  float: right;
  width: calc(50% - 13px);
}

.bySep .news:nth-of-type(2n) {
  float: left;
}

.imgNews img {
  width: 100%;
  height: auto;
  border-radius: 0 20px 20px 0;
}

.detail {
  float: right;
  width: calc(100% - 239px);
  margin: 22px 20px 0 0;
}

.detail h3 {
  font-size: 17px;
}

.detail h2 {
  font-size: 14px;
  margin-top: 16px;
  line-height: 22px;
}

.detail p {
  color: #666;
  line-height: 20px;
  font-size: 12px;
  margin-top: 12px;
  text-align: justify;
}

.go {
  position: absolute;
  left: 20px;
  bottom: 20px;
  background: #333;
  color: #fff;
  padding: 9px 13px;
    border-radius: 10px;
}

.viewAll {
  background: #00a78d;
  color: #fff;
  float: left;
  padding: 15px 20px 17px;
  margin-bottom: 25px;
  display: block;
  border-radius: 20px;
}

.viewAll:hover {
  background: #ca9149;
  color: #fff;
}

.bgWhite {
  background: #fff;
  padding-top: 1px;
}

.viewAllRight {
  float: left;
  margin: 10px 0;
  border-radius: 20px;
}

.onIndexGreen {
  color: #00a78d;
  float: right;
}

.arrow {
  float: left;
  background: #ededed;
}

.arrow::after {
  background: url('../images/icon.png');
  height: 54px;
  width: 54px;
  background-size: contain;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
}

.customOwl, .customOwl *, .customOwlSimple, .customOwlSimple * {
  direction: rtl;
}

.customOwl, .customOwlSimple {
  padding-bottom: 25px;
  position: relative;
}

.postIndex {
  background: #fff;
  border: 1px solid #bbb;
  border-radius: 20px 0px 20px 0px;
  position: relative;
}

.postIndex a {
  display: block;
}

.postIndex h2 {
  border-bottom: 1px solid #d4d4d4;
  margin: 0 12px;
  padding: 8px 0 10px;
  height: 96px;
}

.postIndex h2 a {
  color: #00a78d;
  text-align: center;
  display: block;
  font: normal 17px sahelBold;
}

.postIndex h2 a:hover {
  color: #ca9149;
}

.postIndex img {
  width: 100% !important;
  border-radius: 20px 20px 0 0;
}

.byLine {
  border-bottom: 1px solid #d4d4d4;
  margin: 0 12px;
  padding: 8px 0 10px;
}

.byLine span {
  display: block;
  width: 50%;
  float: right;
  text-align: center;
  color: #6e6e6e;
  font-size: 11px;
  margin-bottom: 3px;
}

.byLine span i {
  display: block;
  font: normal 17px sahelBold;
}

.buy {
  background: #00a78d;
  color: #fff;
  text-align: center;
  display: block;
  padding: 14px 0 16px;
  font-size: 17px;
  margin: 0 -1px;
  position: relative;
  top: 1px;
  border-radius: 20px 0px 20px 0px;
}

.buy:hover {
  background: #ca9149;
  color: #fff;
}

.price {
  direction: rtl;
  text-align: center;

  font-size: 14px;
  padding: 3px 0 10px;
  margin: 0 12px;
}

.price i {
  font: normal 20px sahelBold;
  margin-left: 2px;
  position: relative;
  top: 4px;
}

.priceEx span {
  display: block;
  float: right;
  width: 50%;
  text-align: center;
  direction: rtl;
  position: relative;
}

.priceEx span:nth-of-type(1) {
  opacity: 0.7;
}

.priceEx span:nth-of-type(1)::after, .lineEx::after, .addEx span:nth-of-type(1)::after {
  content: '';
  height: 1px;
  background: #111;
  width: 100%;
  display: block;
  position: absolute;
  top: 18px;
  left: 0;
}

.priceEx span:nth-of-type(2) {
  color: #359913;
}

.owl-nav {
  position: absolute;
  top: -74px;
  left: 175px;
  margin: 0 !important;
}

.owl-nav div {
  margin: 0 5px 0 0 !important;
}

.owl-prev, .owl-next {
  background: url('../images/arrow.png') !important;
  background-size: contain !important;
  width: 45px;
  height: 45px;
  padding: 0 !important;
  font-size: 0 !important;
}

.owl-prev {
  transform: rotate(180deg);
}

.bgCourse .onIndex, .postIndex h2 a {
  color: #000;
  direction: rtl;
}

.postIndex h2 a:hover {
  color: #00a78d;
}

.bgCourse .viewAllRight, .bgCourse .buy {
  background: #ca9149;
}

.bgCourse .viewAllRight:hover, .bgCourse .buy:hover {
  background: #00a78d;
}

.startCourse span {
  margin: 14px 0 15px;
}

.startCourse span:nth-of-type(2) {
  margin: 10px 0px 4px;
}

#about {
  padding: 25px 0;
}

.seminar {
  float: right;
  width: calc(50% - 12.5px);
}

.seminar:nth-of-type(2){
  float: left;
}

.titleSeminar {
  background: #00a78d;
  color: #fff;
  padding: 15px 15px 14px;
  font-family: sahelBold;
  border-radius: 20px;
}

.text {
  line-height: 28px;
  text-align: justify;
  margin: 15px 2px;
}

.about {
  line-height: 0;
}

.about img {
  width: 100%;
  border-radius: 20px;
}

.request {
  background: #9e9128;
  color: #fff;
  display: block;
  padding: 17px 0 20px;
  margin-top: 25px;
  text-align: center;
  font-size: 15px;
  border-radius: 20px;
}

.download .request {
  float: right;
  width: calc(50% - 12.5px);
  background: #785c94;
}

.download .request:nth-of-type(1) {
  float: left;
  background: #945c7c;
}

.request:hover {
  background: #00a78d !important;
  color: #fff;
}




.goSite {
  float: right;
  background: #058c77;
  color: #fff;
  width: calc(100% / 3 - 13.4px);
  margin-left: 20px;
  margin-bottom: 20px;
  border-radius: 20px;
}

.goSite:nth-last-of-type(1){
  margin-left: 0;
}

.goSite span {
  display: block;
  float: right;
  background: #00a78d;
  width: 50px;
  height: 50px;
  margin: 8px;
  border-radius: 100px;
}

.goSite i {
  float: right;
  line-height: 20px;
  margin: 14px 9px 0 0;
  font-size: 12px;
}

.goSite span::after {
  background: url('../images/p24.png');
  content: '';
  width: 25px;
  height: 25px;
  display: block;
  background-size: contain;
  margin: 12px 12px 0 0;
}

.goSite:hover span {
  background: #058c77;
}

.goSite:hover {
  background: #057b69;
  color: #fff;
}

.share {
  text-align: center;
  padding: 8px 0 20px;
}

.share a, .telegramIcon {
  display: inline-block;
  background: url('../images/at.png');
  width: 28px;
  height: 28px;
  background-size: contain;
  margin: 0 10px;
}

.share a.tg, .telegramIcon {
  background-image: url('../images/tg.png');
}

.share a.in {
  background-image: url('../images/in.png');
}

.telegramIcon {
  margin: 0 5px 0 0;
  width: 16px;
  height: 16px;
  top: 3px;
  position: relative;
}

.mailIcon {
  background-image: url('../images/mail.png');
}

.sliderSingle {
  line-height: 0;
}

.sliderSingle img {
  width: 100%;
}

.leftSingle {
  width: calc(100% - 350px);
  float: left;
}

.onLeft {
  float: left;
  text-align: center;
  margin-top: 20px;
  height: 70px;
}

.priceSingle {
  display: block;
  margin: 0;
}

.payFinish {
  float: left;
}

.priceSingle b {
  font: normal 22px sahelBold;
  position: relative;
  top: 3px;
}

.priceSingle .green {
  color: #64a91b;
}

.priceSingle.green {
  color: #64a91b;
}

.lineEx {
  position: relative;
}

.lineEx::after {
  top: 11px;
}

.why {
  background: #b38d40;
  color: #fff;
  display: inline-block;
  font: normal 15px sahelBold;
  padding: 4px 20px 6px;
  margin-top: 30px;
  border-radius: 20px;
}

.textWhy {
  line-height: 28px;
  text-align: justify;
  margin-top: 17px;
}

.aparat {
  position:relative;
  margin-top: 20px;
}

.aparat .ratio {
  display:block;
  width:100%;
  height:auto;
}

.aparat iframe {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border: 0;
}

.spanAparat {
  display:block;
  padding-top:57%;
}

.textWhat {
  padding: 10px 0 60px;
}

.textWhat span {
  display: block;
  background-size: contain;
  margin: 5px 0 0;
  line-height: 21px;
}

.textWhat span::before {
  content: '';
  display: inline-block;
  background: url('../images/tick.png') no-repeat;
  height: 20px;
  width: 20px;
  background-size: contain;
  margin-left: 10px;
  position: relative;
  top: 6px;
}

.bgGray {
  background: #e6e6e6;
}

.teacher, .byBlog {
  background: #fff;
  border:1px solid #ccc;
  margin-top: 10px;
  border-radius: 20px;
}

.teacher img {
  float: left;
  margin: 25px;
  border-radius: 100px;
  width: 80px;
}

.detailTeacher {
  float: right;
  width: calc(100% - 180px);
  line-height: 24px;
  margin: 25px 30px 25px 0;
  text-align: justify;
}

.teacher b {
  display: block;
  font-size: 16px;
  margin-bottom: 8px;
}

.listTeacher {
  padding-bottom: 30px;
}

.centerText {
  text-align: center;
  font: normal 16px sahelBold;
  padding: 50px 0 30px;
}

.centerText span {
  display: none;
}

.downloadBefore {
  background: #00a185;
  color: #fff;
  float: left;
  line-height: 30px;
  padding: 0 10px 0 5px;
  cursor: pointer;
  border-radius: 20px;
}

.downloadBefore:hover {
  background: #785c94;
}

.downloadBefore::after {
  float: left;
  display: block;
  background: url('../images/download.png') right no-repeat;
  height: 20px;
  width: 20px;
  background-size: contain;
  margin: 5px 10px;
}

.table {
  margin-top: 10px;
  margin-bottom: 60px;
  border: 0;
  width: 100%;
  border-radius: 12px;
}

.titleTable {
  background: #b38d40;
  border-radius: 12px 12px 0 0;
}

.table div span {
  color: #fff;
  padding: 11px 0 12px;
  text-align: center;
  float: right;
  width: 70px;
  border-left: 1px solid rgb(0, 0, 0, 0.2);
}

.table div.contentTable span {
  padding: 7px 0 4px;
}

.table div.contentTable span:nth-of-type(1), .table div.titleTableBar span:nth-of-type(1) {
  width: calc(100% - 385px);
  text-align: right;
  /*padding: 7px 15px 9px;*/
  padding-right: 15px;
  padding-left: 15px;
}

.table .titleTableTime {
  border-radius: 0 0 12px 12px;
}

.table .titleTableTime span {
  border-top: 3px solid #f4f4f4;
  width: 50% !important;
  border-left: none;
  height: auto;
}

.table div:nth-of-type(1) span:nth-of-type(1) {
  border-radius: 0 12px 0 0;
}

.table div:nth-of-type(1) span:nth-last-of-type(1) {
  border-radius: 12px 0 0 0;
}

.table div:nth-last-of-type(1) span:nth-of-type(1) {
  border-radius: 0 0 12px 0;
}

.table div:nth-last-of-type(1) span:nth-last-of-type(1) {
  border-radius: 0 0 0 12px;
}

.table .contentTable {
  background: #fff;
  position: relative;
  overflow: hidden;
}

.table .contentTable span {
  color: #434343;
  line-height: 22px;
  font-size: 13px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  /*padding: 22px 0;*/
}

.table .contentTable span b {
  float: left;
  margin-right: 6px;
  display: none;
}

.table div span:nth-last-of-type(1) {
  border-left: none;;
}

.tab {
  margin: 30px 0;
  border-bottom: 3px solid #cacaca;
}

.tab span {
  float: right;
  display: block;
  padding: 0 20px 20px;
  position: relative;
  cursor: pointer;
  top: 3px;
  color: #444;
}

.tab span.active, .tab span:hover {
  border-bottom: 3px solid #b38d40;
  color: #b38d40;
}

.tab span:hover::after, .tab span.active::after {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #b38d40;
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -5px;
}

.inTab {
  display: none;
}

.inTab1 {
  display: block;
}

.faq {
  margin-bottom: 5px;
}

.faqTitle {
  background: #f9f9f9;
  border: 1px solid #ccc;
  padding: 16px 20px;
  cursor: pointer;
  border-radius: 20px;
}

.faq p {
  display: none;
  line-height: 26px;
  font-size: 13px;
  padding: 18px 14px 16px;
}

.allQuestion {
  float: left;
  display: block;
  border: 1px solid #aaa;
  margin: 20px 0 30px;
  font-size: 13px;
  padding: 11px 16px 12px;
  border-radius: 20px;
}

.allComment {
  margin-bottom: 30px;
}

.comment {
  background: #f9f9f9;
  border: 1px solid #ccc;
  border-bottom: 0;
  padding: 1px;
}

.comment:nth-of-type(2n) {
  background: #e8e8e8;
}

.allComment .comment:nth-of-type(1) {
  border-radius: 16px 16px 0 0;
}

.allComment .comment:nth-last-of-type(1) {
  border-radius: 0 0 16px 16px;
  border-bottom: 1px solid #ccc;
}

.comment img {
  float: right;
  width: 60px;
  border-radius: 100px;
  margin: 20px;
}

.comment p {
  float: right;
  width: calc(100% - 125px);
  line-height: 25px;
  text-align: justify;
  margin: 25px 0;
  overflow: hidden;
  position: relative;
}

.customOwlThree {
  padding-bottom: 50px;
}

.info {
  background: #fff;
  border: 1px solid #aaa;
  float: right;
  width: 305px;
  margin-top: -66px;
  position: absolute;
  padding: 10px;
  border-radius: 20px;
  text-align: center;
  z-index: 3;
}

.info h1, .resTitle {
  border-radius: 14px;
  background: #214260;
  color: #fff;
  padding: 14px 0 18px;
  text-align: center;
  font: normal 15px sahelBold;
}

.goSection {
  font-size: 13px;
  padding: 10px 10px 12px;
  display: block;
  color: #444;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
  text-align: right;
}

.info .priceSingle {
  float: none;
  display: block;
  margin: 0;
  text-align: center;
}

.info .buy, .infoNew .buy {
  background: #945c7c;
  font-family: sahelBold;
  cursor: pointer;
  border-radius: 20px;
  padding-left: 35px;
  padding-right: 35px;
  display: inline-block;
}

.info .buy:hover, .infoNew .buy {
  background: #8f436f;
  color: #fff;
}

.add {
  padding: 17px 40px 10px;
  text-align: justify;
  line-height: 22px;
  font-size: 13px;
  text-align-last: center;
}

.add .green {
  font-family: sahelBold;
}

.fixed {
  position: fixed;
  top: 0;
  margin-top: 0;
}

.fixedRes {
  position: fixed;
  top: 0;
  margin: 0 !important;
  left: 0;
  width: 100%;
  z-index: 1111;
}

.addEx span {
  width: 50%;
  display: block;
  float: right;
  direction: rtl;
  position: relative;
  white-space: nowrap;
}

.addEx span:nth-of-type(2){
  color: #64a91b;
}

#popup {
  background: rgba(0,0,0,0.9);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 111111;
  display: none;
}

#main {
  background: #fff;
  width: 800px;
  top: calc(50% - 100px);
  left: calc(50% - 250px);
  position: absolute;
  max-width: calc(100% - 20px);
  z-index: 111111;
  /*transform: scale(1);
  transition: all 0.2s;
  opacity: 1;*/
}

#title {
  background: #ddd;
}

#title h6 {
  float: right;
  margin: 10px 12px 13px;
  font-size: 12px;
}

#title span {
  float: left;
  background: #d72329;
  display: block;
  color: #fff;
  padding: 10px 12px 13px;
  cursor: pointer;
  font-size: 12px;
  cursor: pointer;
}

.goForm {
  float: right;
  width: calc(50% - 30px);
  margin-right: 20px;
  margin-top: 5px;
}

.goFormFix {
  width: calc(100% - 36px);
}

.goForm i {
  display: inline-block;
  font-size: 11px;
  background: #ccc;
  padding: 0px 4px 3px;
  border-radius: 4px 4px 0;
  position: relative;
  top: 8px;
  right: 0;
  color: #fff;
}

.goForm i::after {
  width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-right: 6px solid #ccc;
	border-bottom: 6px solid transparent;
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: -6px;
}

.goForm input {
  background: #fafafa;
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  border-radius: 12px;
  padding: 5px;
  width: calc(100% - 30px);
  padding: 10px 14px 12px;
  font-size: 12px;
}

.viewRegister {
  float: none;
}

.viewRegister {
  display: inline-block;
  border-radius: 14px;
  font-size: 12px;
  padding: 10px 20px 13px;
  margin-top: 20px;
  cursor: pointer;
}

.viewError, .viewErrorAnother {
  color: #aaa;
  margin-top: 20px;
  font-size: 12px;
  display: none;
  line-height: 20px;
  text-align: center;
}

.orRegister {
  margin: 0 0 30px;
  font-size: 13px;
  display: block;
  text-align: center;
  cursor: pointer;
}

.red {
  color: #d1103d;
}

.green {
  color: #11c414;
}

.addColor0 .why {
  background: #00a78d;
}

#whyOpen {
  margin-top: 0;
}

.onRight {
  float: right;
  margin-top: 37px;
}

.onRight span {
  float: right;
  border-right: 1px solid #ccc;
  padding: 4px 22px 5px;
}

.onRight span:nth-last-of-type(1) {
  border-left: 1px solid #c2c2c2;
}

.onRight span i {
  font-family: sahelBold;
  font-size: 18px;
  position: relative;
  top: 2px;
}

.inPage {
  line-height: 28px;
  text-align: justify;
  margin: 50px 0 45px;
}

.inPage h1 {
  font-weight: bold;
  font-size: 17px;
  margin-bottom: 12px;
}

#profile {
  background: #fff;
  margin: 30px 0;
  min-height: 657px;
  position: relative;
}

.basketItem {
  background: #fff;
  margin: 30px 0 0;
  border-radius: 20px;
}

#basket {
  margin-bottom: 30px;
}

#rightMenu {
  background: #00a78d;
  width: 250px;
  float: right;
  position: absolute;
  height: 100%;
}

#leftMenu {
  float: left;
  width: calc(100% - 250px);
}

.picture {
  background: #007562;
}

.picture img {
  float: right;
  width: 60px;
  height: auto;
  margin: 20px;
}

.picture h5 {
  color: #fff;
  float: right;
  font-size: 16px;
  line-height: 22px;
  margin-top: 27px;
}

.picture h5 i {
  font-size: 12px;
}

.menuRight {
  padding: 20px 0;
}

.menuRight a {
  display: block;
  border-bottom: 1px solid #a5ded5;
  margin: 0 40px 0 10px;
  padding-left: 2px;
}

.menuRight a:nth-of-type(1) {
  border-top: 1px solid #a5ded5;
}

.menuRight a p {
  float: left;
  color: #fff;
  margin-top: 14px;
  font-size: 13px;
}

.menuRight a span {
  float: right;
  background: url('../images/menuHome.png');
  background-size: contain;
  width: 22px;
  height: 22px;
  margin: 10px 2px;
}

.menuRight a.workshopIcon span {
  background-image: url('../images/menuWork.png');
}

.menuRight a.workshopIcon.active span {
  background-image: url('../images/menuWorkActive.png');
}

.menuRight a.distanceIcon span {
  background-image: url('../images/menuDistance.png');
}

.menuRight a.distanceIcon.active span {
  background-image: url('../images/menuDistanceActive.png');
}

.menuRight a.historyIcon span {
  background-image: url('../images/menuShop.png');
}

.menuRight a.historyIcon.active span {
  background-image: url('../images/menuShopActive.png');
}

.menuRight a.favoriteIcon span {
  background-image: url('../images/menuStar.png');
}

.menuRight a.favoriteIcon.active span {
  background-image: url('../images/menuStarActive.png');
}

.menuRight a.giftIcon span {
  background-image: url('../images/menuGift.png');
}

.menuRight a.giftIcon.active span {
  background-image: url('../images/menuGiftActive.png');
}

.menuRight a.suggestIcon span {
  background-image: url('../images/menuSuggest.png');
}

.menuRight a.suggestIcon.active span {
  background-image: url('../images/menuSuggestActive.png');
}

.menuRight a.articleIcon span {
  background-image: url('../images/menuArticle.png');
}

.menuRight a.articleIcon.active span {
  background-image: url('../images/menuArticleActive.png');
}

.menuRight a.settingIcon span {
  background-image: url('../images/menuSetting.png');
}

.menuRight a.settingIcon.active span {
  background-image: url('../images/menuSettingActive.png');
}

.menuRight a.pmIcon span {
  background-image: url('../images/menuChat.png');
}

.menuRight a.pmIcon.active span {
  background-image: url('../images/menuChatActive.png');
}

.menuRight a.supportIcon span {
  background-image: url('../images/menuSupport.png');
}

.menuRight a.supportIcon.active span {
  background-image: url('../images/menuSupportActive.png');
}

.menuRight a.commentIcon span {
  background-image: url('../images/menuComment.png');
}

.menuRight a.commentIcon.active span {
  background-image: url('../images/menuCommentActive.png');
}

.menuRight a.outIcon span {
  background-image: url('../images/menuOut.png');
}

.menuRight a.active {
  background: #fff;
  border-color: #fff;
  margin-left: 0;
  margin-right: 20px;
  padding-right: 20px;
  padding-left: 10px;
  border-radius: 0 100px 100px 0;
  margin-top: -1px;
}

.menuRight a.active p {
  background: #fff;
  border-color: #fff;
  margin-left: 0;
  color: #111;
}

.menuRight a.active span {
  background-image: url('../images/menuHomeActive.png');
}

.formSetting {
  padding: 20px 20px 34px 34px;
}

.onePart {
  float: right;
  margin: 20px 20px 10px 0;
  width: calc(50% - 20px);
}

.fullPart {
  width: calc(100% - 20px);
}

.onePart input, .onePart select, .onePart textarea {
  background: #fbfbfb;
  border-radius: 8px;
  border: 1px solid #ddd;
  padding: 9px 16px 12px;
  font-size: 13px;
  width: calc(100% - 34px);
}

.formSettingNew {
  border: 1px solid #ddd;
  margin: -1px 20px 0;
  padding-left: 18px;
  border-radius: 12px;
}

.formSettingNew .submitGo {
  margin: 20px;
}

.formSettingNew .error {
  margin-top: 20px;
}

.onePart textarea {
  height: 120px;
  padding-top: 14px;
}

.onePart select {
  background:#fbfbfb url('../images/down.png') left no-repeat;
  background-size: contain;
  width: 100%;
  padding: 12px 16px 12px;
}

.onePart p {
  margin: 0 9px 9px;
  font-size: 13px;
}

.onePart p span {
  font-size: 12px;
}

.onePartBirth select {
  float: right;
  width: calc(100% / 3 - 7px);
  margin-left: 10px;
}

.onePartBirth select:nth-last-of-type(1) {
  margin-left: 0;
}

.submitGo {
  background: #ca9149;
  color: #fff;
  border-radius: 20px;
  padding: 13px 22px 15px;
  margin-right: 14px;
  cursor: pointer;
  margin-top: 20px;
}

.submitGo:hover {
  background: #00a78d;
}

input[type="text"]:disabled {
  background: #e9e9e9;
}

.error {
  background: #d72329;
  color: #fff;
  text-align: center;
  margin-right: 20px;
  padding: 16px 0 19px;
  border-radius: 100px;
}

.finish {
  background: #29c77e;
}

.paddingBottom {
  padding-bottom: 22px;
}

.buttonGo .login {
  margin: 0 5px 25px;
  padding: 12px 20px 14px;
  font-size: 13px;
}

.buttonGo .login:hover {
  background: #434343;
  color: #fff;
}

#basket {
  min-height: auto;
}

.empty {
  text-align: center;
  padding: 24px 0 26px;
}

.addColor0 .titleTable {
  background: #00a78d;
}

.addColor0 .tab span.active, .addColor0 .tab span:hover {
  border-bottom-color: #00a78d;
  color: #00a78d;
}

.addColor0 .tab span:hover::after, .addColor0 .tab span.active::after {
  border-bottom-color: #00a78d;
}

.addColor0 .bgCourse .onIndex, .addColor0 .postIndex h2 a {
  color: #00a78d;
}

.addColor0 .bgCourse .viewAllRight, .addColor0 .bgCourse .buy {
  background: #00a78d;
}

.addColor0 .bgCourse .viewAllRight:hover, .addColor0 .bgCourse .buy:hover {
  background: #ca9149;
}

.addColor0 .bgCourse .onIndex:hover, .addColor0 .postIndex h2 a:hover {
  color: #00a78d;
}

.downloadIcon {
  background: url('../images/audio.png') right no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: relative;
  top: 2px;
  opacity: 0.6;
  display: inline-block;
  cursor: pointer;
  font-size: 0;
}

.videoIcon {
  background-image: url('../images/video.png');
}

.slideIcon {
  background-image: url('../images/slide.png');
}

.linkIcon {
  background-image: url('../images/link.png');
}

.fileIcon {
  background-image: url('../images/file.png');
}

.addView img {
  float: right;
  width: 150px !important;
  height: 150px !important;
  margin: 20px 20px 20px 0;
}

.addView center {
  float: left;
  width: calc(100% - 170px);
}

.borderPlace p {
  float: right;
  margin-top: 13px;
}

.borderPlace .priceAdd {
  float: left;
}

.borderPlace {
  border-top: 1px solid #ddd;
  margin: 7px 20px;
  padding: 6px 2px;
}

.byAdd {
  padding: 12px 30px 14px !important;
  float: right;
  margin:0 20px 20px !important;
}

.byAddLeft {
  float: left;
}

.greenBottom {
  margin: 20px 0;
}

.basketItem center {
  float: right;
  width: calc(100% - 290px);
}

.basketItem .force {
  text-align: center;
  float: none;
  width: auto;
  padding: 7px 30px 35px;
  display: block;
  line-height: 24px;
}

.delete {
  float: left;
  width: 44px;
  margin: 60px 0 0 45px;
  cursor: pointer;
}

.delete span {
  background: url('../images/delete.png');
  width: 44px;
  height: 44px;
  background-size: contain;
  display: block;
}

.delete span::after {
  border-radius: 100px;
  background:#fff url('../images/close.png');
  width: 22px;
  height: 22px;
  background-size: contain;
  display: block;
  position: relative;
  content: '';
  top: 14px;
  right: -3px;
}

.delete p {
  font-size: 10px;
  color: #aaa;
  text-align: center;
  margin-top: 6px;
}

.borderPlaceNone {
  border: none;
  margin-top: 41px;
}

.singleLine {
  margin-top: 67px;
}

#copun p, #copunHide p {
  float: right;
  margin: 28px 30px 28px 27px;
  line-height: 22px;
}

#copun .byAdd, #copunHide .byAdd {
  float: right;
  margin: 15px 0 !important;
}

#copun .byAdd:hover, #copunHide .byAdd:hover {
  color: #fff;
  background: #285f97;
}

#credit {
  padding: 30px;
}

#credit p {
  float: right;
}

.useCredit {
  float: left;
  cursor: pointer;
}

.useCredit::after {
  background:url('../images/radio.png');
  width: 18px;
  height: 18px;
  background-size: contain;
  display: block;
  position: relative;
  content: '';
  top: 2px;
  float: right;
  margin: -5px 0 0 6px;
  opacity: 0.4;
}

.addTickActive::after {
  background-image:url('../images/radioSelect.png');
  opacity: 1.0;
}

.byTick, .point span {
  background:url('../images/check.png') right no-repeat;
  height: 18px;
  padding-right: 26px;
  line-height: 21px;
  background-size: contain;
  display: block;
  margin: 15px 0 0 0;
  color: #777;
  font-size: 13px;
}

.blueBg {
  background: #285f97;
  border-radius: 19px 19px 0 0;
  padding: 30px;
  text-align: center;
}

.blueBg * {
  color: #fff;
}

.blueBg p {
  float: right;
}

.blueBg i {
  float: left;
  font-size: 25px;
}

.blueBg i b {
  font-size: 14px;
  position: relative;
  top: -3px;
}

.alphabet {
  display: inline-block;
  text-align: center;
  padding: 12px 18px 13px;
  margin:5px 3px;
  border-radius: 6px;
  border: 1px solid #fff;
}

.youWant .alphabet {
  border: 1px solid #1188dc;
  background: #1188dc;
  color: #fff;
}

.faqBasketUp {
  color: #11c414 !important;
  padding: 20px 0 0;
  line-height: 20px;
}

.basketFaq {
  padding: 24px 32px 26px;
  line-height: 24px;
  font-size: 12px;
  text-align: justify;
}

.useCreditNone {
  float: none;
  margin: 0 30px 30px;
}

#finish {
  padding-bottom: 1px;
}

#payOnline {
  text-align: center;
  background: #285f97;
  float: none;
  margin: 0 auto !important;
  margin-top: 20px !important;
  margin-bottom: 60px !important;
  width: 110px;
}

#payOnline:hover {
  color: #fff;
  background: #00a78d;
}

#workShop .addView {
  border-bottom: 1px solid #ddd;
  margin-right: 20px;
  margin-left: 20px;
}

#workShop .addView:last-child, #workShop .addView:nth-last-child(1) {
  border: none;
}

#workShop .addView img {
  margin-right: 0;
}

.inProduct {
  float: right;
  margin: 30px 20px 0 0;
  width: calc(100% - 170px);
}

.inProduct h5 {
  margin-bottom: 15px;
}

.inProduct .downloadIcon {
  width: calc(100% / 2 - 7px);
  float: right;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: none;
  margin: 10px 0 0 10px;
  font-size: 11px;
  padding: 5px 0 0;
  text-align: center;
}

.inProduct .downloadIcon:nth-of-type(2n) {
  float: left;
  margin-left: 0;
}

.sumNow {
  border-bottom: 1px solid #ddd;
  margin: 0 20px;
}

.sum {
  float: right;
  margin: 25px 10px;
  line-height: 22px;
}

.sum span {
  display: inline-block;
  background: #eee;
  border-radius: 100px;
  padding: 7px 30px;
}

.sumNow .sum:nth-of-type(2) {
  float: left;
}

.sumNow .sum:nth-of-type(2) span {
  background: #00a78d;
  color: #fff;
}

.point {
  margin: -15px 10px 35px 0;
}

.inProductItem {
  line-height: 26px;
  font-size: 13px;
}

.addViewPart {
  float: right;
  width: calc(100% - 30px);
}

.viewPart .addViewPart:nth-of-type(2n) {
  /*margin: 0 !important;*/
}

.emptyBox {
  background: #b68240;
  color: #fff;
  text-align: center;
  border-radius: 100px;
  margin:35px;
  padding: 16px 0 18px;
}

.sliderPanel {
  margin: 20px 20px 0;
  line-height: 0;
}

.sliderPanel a {
  display: block;
}

.sliderPanel img {
  width: 100%;
}

.buyer {
  margin: 10px 0 16px;
}

.bgWhiteBorder {
  border-top: 1px solid #f4f4f4;
  /*padding: 20px 0 40px;*/
}

.bgWhiteBorder .postIndex {
  width: calc(100% / 4);
  float: right;
  margin: 15px 0 0 15px;
}

.goOpen {
  cursor: pointer;
}

.goOpen:hover {
  color: #8f436f;
}

#sendComment {
  position: relative;
}

.countComment {
  position: absolute;
    left: 27px;
    bottom: 42px;
    background: #ccc;
    border-radius: 5px;
    color: #333;
    padding: 6px 9px 4px;
}

#sendComment textarea {
  width: calc(100% - 52px);
  padding: 21px 25px 0;
  background: #fff;
  border-radius: 20px;
  border: 1px solid #ddd;
  border-bottom-width: 3px;
  height: 160px;
  font-size: 12px;
}

#sendComment .downloadBefore {
  float: right;
  padding: 3px 22px 5px;
  margin-top: 10px;
}

#sendComment .downloadBefore::after {
  display: none;
}

.viewErrorComment {
  float: right;
  margin: 25px 16px 0;
  font-size: 12px;
}

.complete {
  text-align: center;
  padding: 60px 0;
  line-height: 28px;
}

.complete a {
  background: #00a185;
  color: #fff;
  display: inline-block;
  margin-top: 6px;
  padding: 7px 22px 9px;
  border-radius: 100px;
}

.complete a:hover {
  background: #b38d40;
}

#copunHide {
  display: none;
}

#copunHide input {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 100px;
  float: right;
  font-size: 12px;
  direction: rtl;
  text-align: center;
  width: 190px;
  padding: 12px 15px 13px;
  margin: 14px 0 0 10px;
}

.allPm {
  padding: 30px 30px 0;
}

.allPm a {
  float: right;
  border: 1px solid #ddd;
  background: #f7f7f7;
  border-radius: 5px 5px 0 0;
  margin-left: 4px;
  font-size: 13px;
  padding: 8px 14px 10px;
}

.allPm a.sendNew {
  background: #cb9148;
  border-color: #cb9148;
  color: #fff;
}

.allPm a.active {
  background: #00a78d;
  border-color: #00a78d;
  color: #fff;
}

.commentFind {
  background: #f3f3f3;
  border-radius: 10px;
  margin: 20px 40px 0 20px;
  text-align: justify;
  padding: 0 30px 29px;
  line-height: 24px;
  font-size: 13px;
}

.commentFind::before {
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 0px solid transparent;
  border-left: 14px solid #f3f3f3;
  float: right;
  margin: 12px -44px 0;
}

.delComment {
  background: url('../images/close.png') no-repeat;
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  background-size: contain;
  margin: 16px 0 0 -13px;
}

.commentFind h5 {
  margin-top: 20px;
  background: url(../images/note.png) right no-repeat;
  height: 18px;
  line-height: 15px;
  padding-right: 30px;
  background-size: contain;
}

.commentFind h5 a {
  color: #d6aa79;
}

.listComment .error {
  margin: 20px 20px 0;
}

.dateComment {
  float: left;
  color: #999;
  margin-top: 25px;
}

#blog .news {
  background: #f1f1f1;
  overflow: hidden;
  height: 196px;
}

#blog {
  padding: 20px 20px 0;
  width: calc(100% - 40px);
}

#blog .viewAll {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

#support {
  padding: 40px;
}

.support {
  background: #f7f7f7;
  border: 1px solid #999;
}

.titleSupport {
  background: #00a78d;
  color: #fff;
  margin: -1px -1px 0 0;
  width: calc(100% - 36px);
  padding: 14px 19px 16px;
  line-height: 22px;
}

.lineSupport {
  border-bottom: 1px solid #ddd;
  margin: 12px 20px 0;
  padding-bottom: 20px;
  line-height: 24px;
}

.lineSupport a {
  direction: rtl;
  display: inline-block;
}

.lineSupport::before {
  background: url('../images/telegram.png');
  content: '';
  display: inline-block;
  position: relative;
  margin: 0 5px;
  width: 18px;
  height: 18px;
  background-size: contain;
  opacity: 0.8;
  top: 5px;
}

.lineSupportTicket::before {
  background-image: url('../images/menuChatActive.png');
}

.lineSupportPhone::before {
  background-image: url('../images/phone.png');
}

.lineSupportTicket {
  position: relative;
}

.lineSupportTicket a {
  background: #11c414;
  color: #fff;
  padding: 6px 15px 9px;
  position: absolute;
  font-size: 12px;
  border-radius: 20px;
  left: 0;
  top: 0px;
  line-height: 18px;
}

.lineSupportPhone {
  border: none;
}

.phoneDetail {
  line-height: 24px;
  font-size: 13px;
  margin: 11px 33px 0 0;
}

.supportBlue .titleSupport {
  background: #285f97;
}

.p24 {
  float: left;
  background: url('../images/pLogo.png');
  content: '';
  display: block;
  position: relative;
  margin: 20px;
  width: 184px;
  height: 75px;
  background-size: contain;
}

.goQuestion {
  float: right;
  margin: 18px 30px 0;
  width: calc(100% - 285px);
  line-height: 22px;
}

.goQuestion a {
  background: #1c91e4;
  color: #fff;
  padding: 6px 15px 9px;
  position: absolute;
  font-size: 12px;
  border-radius: 20px;
  margin-top: 15px;
}

.lineThin {
  height: 2px;
  background: #ddd;
}

.viewSuggest {
  margin: 40px 20px 0;
}

.viewSuggest h5 {
  float: left;
  background: #b38d40;
  color: #fff;
  border-radius: 0 30px 30px 0;
  padding: 16px 25px 18px;
  margin-top: -26px;
  margin-bottom: 16px;
  margin-left: -20px;
}

.noItem {
  background: #f1f1f1;
  text-align: center;
  padding: 10px 0 12px;
  border-radius: 30px;
  margin-bottom: 20px;
}

.viewSuggestSimple .postIndex h2 {
  border: none;
  height: 42px;
}

.viewSuggestSimple .postIndex h2 a {
  font: normal 14px sahel;
}

#drBlog {
  background: #efefef;
}

.onIndexRight {
  float: right;
}

#addPlayer {
  line-height: 0;
}

audio {
  width: 100%;
}

#adminBar {
  background: #000;
  opacity: 90;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1111;
}

#adminBar a {
  float: right;
  color: #fff;
  display: block;
  padding: 12px 14px 15px;
  font-size: 11px;
}

.sepIndexVideo {
  height: 440px;
}

.paddingAll {
  padding: 24px 0;
}

.orForget {
  display: inline-block;
  background: url('../images/key.png') right no-repeat;
  background-size: contain;
  height: 14px;
  margin-bottom: 12px;
  padding-right: 20px;
  line-height: 9px;
}

.heightBuy {
  height: 15px;
}

.forLogin {
  display: none;
}

.forLogin a {
  float: left !important;
  font-size: 12px;
  margin: 10px 4px 10px 0 !important;
  border: 1px solid #ddd;
  border-radius: 100px;
  padding: 4px 10px 7px;
}

.menuTree {
  display: none;
  float: right;
  background: url('../images/menu.png') no-repeat;
  background-size: contain;
  height: 22px;
  width: 22px;
  margin: 12px 3px;
  cursor: pointer;
}

.prof {
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 1000;
  background: #fff;
  border: 1px solid #ddd;
  border-top-width: 2px;
  width: 146px;
  padding: 7px 0 2px;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
  border-radius: 6px;
  display: none;
}

#navbar .prof a {
  margin: 0;
  padding: 0;
  float: none;
  position: relative;
  height: 18px;
  padding: 7px 0;
  border: none;
}

#navbar .prof span {
 margin: 0;
 padding: 0;
 position: absolute;
 top: 5px;
 right: 0;
 float: none;
 width: 16px;
 height: 16px;
}

#navbar .prof p {
 margin: 0;
 padding: 0 16px 0 0;
 float: none;
 color: #333;
}

.byBlog {
  margin-bottom: 30px;
  line-height: 28px;
  padding: 21px 29px 22px;
  text-align: justify;
}

.byBlog li {
  list-style-position: inside;
  list-style: none;
}

.byBlog img {
  max-width: 100%;
  margin: 24px 0 13px;
  height: auto !important;
}

.h_iframe-aparat_embed_frame{position:relative;margin: 27px 0 25px;}
.h_iframe-aparat_embed_frame span{display: block;padding-top: 57%}
.h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto;}
.h_iframe-aparat_embed_frame iframe {position:absolute;top:0;left:0;width:100%; height:100%;border:0;}

.byBlog audio {
  margin: 20px 0 12px;
}

.viewTitle {
  padding: 24px 0 26px;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}

.forMobile {
  margin-top: 24px;
}

.viewTitle div {
  color: #fff;
  font-size: 18px;
}

.owlPage .owl-nav, .owl-nav {
  left: -35px;
  top: auto;
  bottom: 150px;
  width: calc(100% + 70px);
}

.owlPage .owl-nav div, .owl-nav div {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
    border-radius: 12px !important;
    margin: 0 !important;
}

.owlPage .owl-nav div:nth-of-type(1), .owl-nav div:nth-of-type(1) {
  float: left;
}

.owlPage .owl-nav div:nth-of-type(2), .owl-nav div:nth-of-type(2) {
  float: right;
}

.workCategory .postIndex {
  width: calc(100% / 4 - 13.5px);
  float: right;
  margin: 15px 0 0 15px;
}

.workCategory .postIndex:nth-of-type(4n) {
  margin-left: 0;
}

.workCategory {
  padding-bottom: 40px;
}

#bundleStyle {
  padding: 20px 0;
}

#bundleStyle .table, #bundleStyle .downloadBefore {
  display: none;
}

#bundleStyle .centerText {
  background: #ddd;

  padding: 10px 60px 13px 10px;
  margin: 10px 0;
  text-align: right;
  border-radius: 100px;
  font: normal 15px sahel;
  position: relative;
  color: #333;
  cursor: pointer;
}

#bundleStyle .centerText::after {
  content: 'مشاهده درس »';
  display: none;
  float: left;
  color: #333;
  margin: 0px 7px;
  font-size: 17px;
}

#bundleStyle .centerText span {
  display: block;
  position: absolute;
  right: -2px;
  top: -2px;
  background: #00a78d;
  border: 2px solid #fff;
  border-radius: 100px;
  width: 46px;
  height: 34px;
  padding-top: 12px;
  color: #fff;
  text-align: center;
}

#bundleStyle .buy {
  float: left;
    background: #00a185;
    border-radius: 100px;
    padding: 5px 15px 8px;
    font-size: 14px;
    margin: -5px 0 0 -5px;
    width: 104px;
    text-align: left;
    letter-spacing: -0.7px;
}

#bundleStyle .buyer {
    background: #945c7c;
}

#bundleStyle .centerText span::after {
  background: url('../images/unlocked.png') center left no-repeat;
    width: 25px;
    height: 25px;
    background-size: contain;
    content: '';
    display: block;
    margin: -2px 10px 0;
}

#bundleStyle .centerText .buyer + span::after {
  background-image: url('../images/locked.png');
}

#bundleStyle .centerText .buyer + span {
  background-color: #945c7c;;
}

#bundleStyle .buy:hover {
  background: #214260;
}

.circleSingle {
  margin-top: -11px;
}

.circleSingle span.activeX {
  background:#669933;
  border-color:#669933;
}

.circleSingle span {
  width:16px;
  height:16px;
  background:#fff;
  border:1px solid #ccc;
  border-radius:100px;
  display:inline-block;
  margin: 0 -1px;
}

.forComment, .forChart {
  text-align:center;
  margin: -40px 0 60px;
}

.forComment p {
  font-size: 14px;
  display:block;
  background:#f9f9f9;
  padding:21px 20px 19px;
  line-height:24px;
  border-radius: 20px 20px 0 0;
  border-bottom:2px dashed #ccc;
}

.qList {
  display:none;
}

.qList:nth-of-type(1){
  display:block;
}

.inFormDataX {
  padding:6px;
}

.inFormDataX .byForm {
  float:right;
  width:auto;
  margin:5px 15px 0 0;
}

.inFormDataX .byForm span {
  display:block;
  float:right;
  width:auto;
  text-align:right;
  margin: 6px 0;
}

.inFormDataX .byForm select {
  background: #fff url('../images/down.png') center left no-repeat;
  width:120px;
  float:right;
  margin-right:15px;
  border-radius:5px;
  border: 1px solid #ddd;
  padding: 5px 8px 6px;
  font-size: 12px;
  background-size: contain;
}

.inFormDataX input {
  float:right;
  width:150px;
  margin-right:5px;
  border-radius:5px;
  display:none;
  border: 1px solid #ddd;
  padding: 5px 8px 6px;
  font-size: 12px;
}

.inFormDataX input.sendVote {
  width:auto;
  cursor:pointer;
  background:#ddd;
}

.qQq {
  float: left;
  font-size: 13px;
  margin: 10px 0 19px 22px;
}

.forComment .gray {
  padding: 31px 0 32px;
  font-size: 13px;
  display: block;
}

#chartX {
	width:calc(100% - 30px);
	position:relative;
	margin:40px 0 0;
	height:auto;
	padding-top:40px;
}

#chartX span {
	height:1px;
	width:calc(100% - 15px);
	background:#f2f2f2;
	position:absolute;
	top:0;
	left:0;
	line-height:5px;
  text-align:left;
  padding-left:15px;
}

#chartX span:nth-of-type(1) {
  top:0;
}

#chartX span:nth-of-type(2) {
	top:10%;
}

#chartX span:nth-of-type(3) {
	top:20%;
}

#chartX span:nth-of-type(4) {
	top:30%;
}

#chartX span:nth-of-type(5) {
	top:40%;
}

#chartX span:nth-of-type(6) {
	top:50%;
}

#chartX span:nth-of-type(7) {
	top:60%;
}

#chartX span:nth-of-type(8) {
	top:70%;
}

#chartX span:nth-of-type(9) {
	top:80%;
}

#chartX span:nth-of-type(10) {
	top:90%;
}

#chartX span:nth-of-type(11) {
  top:calc(100% - 1px);
}

.lineChart {
	float:left;
	display:block;
	width:calc(100% / 8 - 25px);
	margin-left:20px;
	height:100%;
	position:relative;
	z-index:1;
}

#chartX .lineChart:nth-of-type(1) {
	margin-left:40px;
}

.intoLine {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00a2bf+0,00a78d+100 */
background: rgb(0,162,191); /* Old browsers */
background: -moz-linear-gradient(left, rgba(0,162,191,1) 0%, rgba(0,167,141,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,162,191,1) 0%,rgba(0,167,141,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,162,191,1) 0%,rgba(0,167,141,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2bf', endColorstr='#00a78d',GradientType=1 ); /* IE6-9 */

	position:absolute;
	bottom:0;
	width:100%;
  left:0;

  opacity: 0.85;
}

.intoLine p {
	position:absolute;
	width:100%;
	top:-15px;
	font:bold;
	font-size:17px;
  text-align:center;
  color: #fff;
}

.intoLine i {
	position: absolute;
  width: 100%;
  bottom: -57px;
  left: -29px;
  transform: rotate(-45deg);
  text-align: right;
  white-space: nowrap;
  letter-spacing: -0.5px;
}

/* VOTE */

body #chartX {
	margin:0;
	height:auto;
  padding-top:10px;
  width: auto;
}

body #chartX .lineChart {
	float:none;
	width:100%;
	margin-left:0;
	height:30px;
	margin-top:40px;
}

body #chartX .intoLine {
	right:0;
	width:20%;
	left:auto;
  height:100%;
  border-radius: 100px;
}

body #chartX .intoLine p {
	text-align:left;
	top: 10px;
  left: 10px;
}

body #chartX .intoLine i {
	bottom:38px;
	left:-13px;
	text-align:right;
  transform:rotate(0deg);
  font-size: 13px;
}

body #chartX span {
	height:calc(100% - 15px);
	width:1px;
	top:0 !important;
	left:0;
  padding:0 0 0;
  text-indent: -8px;
}

body #chartX span:nth-of-type(1) {
	left:0;
}

body #chartX span:nth-of-type(2) {
	left:10%;
}

body #chartX span:nth-of-type(3) {
	left:20%;
}

body #chartX span:nth-of-type(4) {
	left:30%;
}

body #chartX span:nth-of-type(5) {
	left:40%;
}

body #chartX span:nth-of-type(6) {
	left:50%;
}

body #chartX span:nth-of-type(7) {
	left:60%;
}

body #chartX span:nth-of-type(8) {
	left:70%;
}

body #chartX span:nth-of-type(9) {
	left:80%;
}

body #chartX span:nth-of-type(10) {
	left:90%;
}

body #chartX span:nth-of-type(11) {
  left:calc(100% - 1px);
  text-indent: -3px;
}

.forChart {
  padding: 30px;
}

.table .contentTable:nth-of-type(2n) {
  background: #f9f9f9;
}

.table .contentTable.yellowBg {
  background: #f7f5ca;
  position: relative;
}

.yellowBg::before {
  background: #cb9148;
  color: #fff;
  border-radius: 10px;
  content: 'رایگان';
  position: absolute;
  right: 0px;
  font-size: 12px;
  top: 6px;
  display: block;
  padding: 2px 5px 3px;
  transform: rotate(30deg);
}

.endWork {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  z-index: 1;
  border-radius: 18px;
}

.endWork span {
  background: #fff;
    border: 2px solid #d1103d;
    color: #333;
    position: absolute;
    left: calc(50% - 74px);
    top: calc(50% - 14px);
    border-radius: 100px;
    padding: 14px 34px 16px;
    font-size: 17px;
    transform: rotate(-15deg);
    word-spacing: -3px;
}

.table div.contentTableWork span:nth-of-type(1), .table div.contentTableWork span:nth-of-type(3) {
  width: 200px;
}

.table div.contentTableWork span:nth-of-type(2) {
  width: calc(100% - 432px);
}

#bundleStyle .forChart {
  margin-top: 0;
  margin-bottom: 20px;
}

.postIndex a img:nth-of-type(2) {
  display: none;
}

.yesBlur {
  overflow: hidden;
}

.yesBlur a:nth-of-type(1) {
  position: relative;
  overflow: hidden;
}

.yesBlur a img:nth-of-type(1) {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-filter: blur(7px);
  filter: blur(7px);
  opacity: 0.6;
  transform: scale(1.3);
}

.yesBlur a img:nth-of-type(2) {
  display: block;
  z-index: 10;
  position: relative;
  width: calc(100% - 50px) !important;
  height: auto !important;
  margin: 0 25px 50px;
  box-shadow: 0 0 12px rgba(0,0,0,0.1);
  border-radius: 0;
}

.counterDown {
  position: absolute;
    left: 0;
    bottom: 8px;
    font-size: 12px;
    text-align: center;
    z-index: 100;
    width: 100%;
    direction: rtl;
}

.counterDownColor {
  background: rgba(19, 115, 234, 0.85);
  padding: 7px 0 8px;
  color: #fff;
  line-height: 16px;
  bottom: 9px;
}

.counterDown p {
  display:block;
  margin-bottom:5px;
}

.countdown-section {
  background:rgba(240,80,40,0.9);
  border-radius:5px;
  display:inline-block;
  margin:0 0 0 5px;
  width:36px;
  text-align:center;
  color:#fff;
  padding:5px 0 3px;
}

.countdown-section span {
  display:block;
  font-size:10px;
}

.countdown-section span:nth-of-type(1) {
  font-size:12px;
}

.counterDownRes {
  position:static;
}

.counterDownRes .countdown-section {
  float:none;
  display:inline-block;
}

.adminReply {
  margin: 0 20px 20px !important;
    padding: 0 32px !important;
    border: none !important;
    background: #00a78d !important;
    color: #fff !important;
    border-radius: 20px !important;
}

#your {
  background: url('../images/bask.png');
  position: fixed;
  background-size: contain;
  left: 0;
  top: 220px;
  color: #fff;
  opacity: 0.97;
  z-index: 111;
  line-height: 19px;
  display: none;
  width: 86px;
  height: 42px;
}

#your span {
  color: #fff;
  float: left;
  font: normal 15px sahel;
  width: 40px;
  text-align: center;
  margin: 15px 0 0 2px;
}

.comment a {
  color: #fff;
}

#tabForVote {
  margin:-5px 0 30px;
}

#tabForVote span {
  background: #b38d40;
  color: #fff;
  border-radius: 100px;
  padding: 3px 15px 5px;
  font-size: 12px;
  opacity: 0.6;
  cursor: pointer;
}

#tabForVote span.active {
  opacity: 1;
}

.chart2 {
  display: none;
}

.tablePm {
  width: calc(100% - 40px);
  margin: 0 20px;
  position: relative;
  top: -1px;
}

.tablePm .titleTable {
  background: #a1abac;
}

.tablePm div.contentTable span, .tablePm div span {
  width: 100px;
  padding: 14px 0 16px;
}

.tablePm div span:nth-of-type(1) {
  width: calc(100% - 333px) !important;
  padding: 13px 15px 17px;
  text-align: right;
}

.new .byAdd {
  float: none;
  margin: 25px 5px !important;
  font-size: 13px;
}

.new .byAdd:hover {
  background: #ccc;
}

.forEnforce .tickWin {
  text-align: right;
    margin-top: 10px;
    line-height: 18px;
}

.forEnforce .tickWin::before {
    background: url('../images/yes.png') right no-repeat;
    height: 18px;
    width: 18px;
    background-size: contain;
    content: '';
    display: inline-block;
    margin-left: 8px;
    position: relative;
    top: 4px;
}

.forEnforce .tickWin p {
  display: inline-block;
  font: normal 14px sahelBold;
}

.forEnforce .tickWin i {
  color: #19a882;
}

.forEnforce {
  padding: 7px 21px 20px !important;
  margin: 20px 0 0;
}

.comment .adminReply p {
	width: 100%;
}

.commentIndex {
  border: none;
  border-bottom: 1px solid #ddd;
  margin: 0 20px 0 0;
  padding: 0 25px;
  background: none;
}

.commentIndex p {
  width: 100%;
}

.commentIndex:nth-of-type(2n) {
  background: #f3f3f3;
}

#navbar .ourCourse {
  float: left;
  background: #b38d40;
  border-radius: 100px;
  color: #fff;
  margin: 8px 0;
  padding: 7px 14px 9px;
}

.customDown {
  position: absolute;
  transform: rotate(-90deg);
  display: inline-block;
  color: #aaa;
  top: 12px;
  right: 76px;
}

.slider .owl-nav {
  top: 40%;
  width: calc(100% - 20px);
  left: 10px;
}

.slider .owl-nav .owl-next,.slider .owl-nav .owl-prev {
  float: right;
  margin: 0 !important;
  border-radius: 100px !important;
  border: 1px solid #bbb;
}

.slider .owl-nav .owl-prev {
  float: left;
}

.pointTop {
  margin: 0 17px 30px;
    padding: 0;
}

.sendGift {
  border: 1px solid #ddd;
    border-radius: 6px;
    display: inline-block;
    padding: 1px 10px 10px;
    background: #f5f5f5;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 13px;
    cursor: pointer;
    letter-spacing: -0.8px;
}

.sendGift::before {
  background: url('../images/gift.png');
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  position: relative;
  top: 5px;
  margin-left: 7px;
}

#bundleStyle .buy::before {
  background: url('../images/download.png');
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-size: contain;
  position: absolute;
  margin: 4px 0;
}

#bundleStyle .buyer::before {
  background-image: url('../images/menuShop.png');
}

.sendGift:nth-of-type(1)::before {
  background-image: url('../images/invite.png');
  opacity: 0.8;
  top: 6px;
}

.inCourse {
  background: #19a882;
  color: #fff;
  border-radius: 100px;
  font-size: 12px;
  padding: 1px 8px 2px;
}

.heard {
  background: url('../images/play.png');
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  position: absolute;
  left: 360px;
  top: 11px;
}

.sendInvite {
  line-height: 22px;
  margin-top: 20px;
}

.sendToTelegram {
  display: block;
  margin-bottom: 25px;
  font-size: 13px;
}

.addGift {
  background: #7ea700;
  color: #fff;
  border-radius: 100px;
  display: inline-block;
  margin-bottom: 10px;
  padding: 9px 14px;
}

#giftHistory {
  padding-bottom: 20px;
}

#supportFooter {
  background: url('../images/customer.png');
  width: 130px;
  height: 96px;
  background-size: contain;
  position: fixed;
  right: 12px;
  bottom: 12px;
  z-index: 2000;
  cursor: pointer;
}

.owl-carousel .owl-item .imgSlider img:nth-of-type(1){
  display: block !important;
}

.owl-carousel .owl-item .imgSlider img:nth-of-type(2){
  display: none !important;
}

.loadMoreComment {
  cursor: pointer;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 2px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(249,249,249,0) 0%, rgba(249,249,249,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(249,249,249,0) 0%,rgba(249,249,249,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(249,249,249,0) 0%,rgba(249,249,249,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9f9f9', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
}

.comment:nth-of-type(2n) .loadMoreComment {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,e8e8e8+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(232,232,232,0) 0%, rgba(232,232,232,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(232,232,232,0) 0%,rgba(232,232,232,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(232,232,232,0) 0%,rgba(232,232,232,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e8e8e8', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}

.openPlayer {
  font-size: 0;
}

.viaPadding {
  padding: 0 0px;
}

.loginMob {
  display: none;
}

.addLetter {
  padding: 20px 0;
}

.forResTitle {
  font: normal 15px sahel;
  display: inline-block;
}

.heightPrice {
  display: none;
}

.tabHistory {
  text-align: center !important;
  margin: 20px 0 22px !important;
}

.resTitle {
  display: none;
}

#forHelp {
  background: rgb(0, 0, 0, 0.9);
  z-index: 11111;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: none;
}

.byHelpActive {
  z-index: 11112 !important;
  position: relative;
}

.byHelp1 {
  background: #fff;
}

.yourUse {
  text-align: center;
  padding: 15px 0 16px;
  font-size: 12px;
}

.yourUse + .buy {
  background: #b68240;
}

.yourUse + .buy:hover {
  background: #785c94;
}

.cnAlign {
  text-align: center;
}

.cnAlign i {
  float: right;
  background: #fff;
  border-radius: 100px;
  color: #000;
  font-size: 13px;
  padding: 5px 9px 7px;
  margin: -5px 10px 0;
}

.cnAlign i:nth-of-type(2) {
  float: left;
}

.viewHistory {
  padding: 13px 0 15px;
}

.yes {
  float:right;
  width: calc(50% - 2px);
  border-left: 2px solid #ddd;
}

.no {
  border-right: 2px solid #ddd;
  border-left: none;
  margin-right: -2px;
}

.yes .yourUse {
  text-align: right;
}

.infoNew .buy {
  padding: 1px 10px 3px;
  font-size: 13px;
  margin-bottom: 10px;
}

.infoNew .buyOther {
  background: #00a78d;
}

.yes i.oop {
  background: #00a78d;
  color: #fff;
  text-align: center;
  display: block;
  margin-right: 2px;
  padding: 12px 0 13px;
}

.no i.oop {
  background: #aaa;
  margin-right: 0;
}

.grayImg {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  opacity: 0.8;
}

.forHelpMain {
  background: #fff;
  position: absolute;
  border-radius: 5px;
  width: 260px;
  padding: 12px 15px 14px;
  font-size: 11px;
  text-align: justify;
  line-height: 18px;
  display: none;
  z-index: 100000;
}

.forHelpMain img {
  border: 1px solid #c4cfcd;
  max-width: calc(100% - 2px);
  padding: 2px;
  margin-top: 8px;
}

.forHelpMain::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #ffffff transparent;
  margin: -19px 0 0 20px;
  content: '';
  display: block;
  float: left;
}

.goHelp {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 100px;
    margin: 0 1px;
    cursor: pointer;
}

.outHelp {
  background: #eaeaea;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: inline-block;
  font-size: 10px;
  padding: 2px 4px 3px;
  margin: 5px 3px 0;
  cursor: pointer;
}

.byHelp2.byHelpActive, .byHelp4.byHelpActive, .byHelp5.byHelpActive {
  background: #fff;
  border-radius: 100px;
}

.noscroll {
  position: fixed;
  overflow-y:scroll;
}

.actBub {
  background: #19a882;
}

.whyMobile {
  position: relative !important;
}

.noscroll { position: fixed; overflow-y:scroll }

#addPlayer .why {
  margin: 5px;
}
#addPlayer .why:hover {
  cursor: pointer;
  color: #fff;
}

.yesOOP {
  position: relative;
}

.yesOOP .owlPage .owl-nav, .yesOOP .owl-nav {
  top: 0;
  left: 0;
  width: 100%;
}

.listOfCup {
	padding:0 0 42px;
}

.listOfCup a, .inH6 {
	background:#e4e4e4;
	border-radius:14px;
	margin-bottom:5px;
	display:block;
	padding:11px 11px 20px;
}

.sepCupAll {
	width:calc(100% - 2px);
}

.sepCupAll .cupIcon {
	background-image:url(images/chat.png);
}

.sepCupAll h4 {
	background:#008465;
}

.inH6 h6 {
	margin:7px 8px 12px;
	line-height:20px;
}

.inH6 {
	display:none;
	text-align: center;
}

.inH6 label {
	display:inline-block;
	height:28px;
	width:calc(100% / 3 - 6px);
	width: 40px;
	height: 33px;
	padding-top: 7px;
	margin:5px 9px 0;
	cursor: pointer;
	font-size:14px;
	background:#fff;
	border-radius:106px;
	box-shadow:0 0 8px rgba(0,0,0,0.2);
	line-height:29px;
	overflow: hidden;
}

.inH6 label.activeLabel {
	background: #1e4582;
	color: #fff;
}

.inH6 label input {
	float:right;
	margin:-80px;
}

.tblRes {
	border-top:1px solid #666;
	border-left:1px solid #666;
	width: 100%;
	border-radius: 8px;
}

.tblRes tr td {
	border-bottom:1px solid #666;
	border-right:1px solid #666;
	padding:10px;
	text-align:center;
	line-height: 22px;
  font-size: 11px;
  background: #fff;
}

.tblRes tr:nth-of-type(1) td:nth-of-type(1) {
	border-radius: 0 7px 0 0;
}

.tblRes tr:nth-of-type(1) td:nth-last-of-type(1) {
	border-radius: 7px 0 0 0;
}

.tblRes tr:nth-last-of-type(1) td:nth-of-type(1) {
	border-radius: 0 0 7px 0;
}

.tblRes tr:nth-last-of-type(1) td:nth-last-of-type(1) {
	border-radius: 0 0 0 7px;
}

.tblRes tr:nth-of-type(1) td:nth-of-type(1) {
	background: green;
	color: #fff;
}

.tblRes tr:nth-of-type(2) td:nth-of-type(1) {
	background: blue;
	color: #fff;
}

.tblRes tr:nth-of-type(3) td:nth-of-type(1) {
	background: yellow;
}

.tblRes tr:nth-of-type(4) td:nth-of-type(1) {
	background: red;
	color: #fff;
}

.sliderDr {
	background: url(../images/drSlide.png) top center no-repeat;
  float: left;
  width: 380px;
  height: 280px;
  margin-top: 30px;
  background-size: contain;
  border: 1px solid #ddd;
  border-radius: 12px;
}

.drText {
	float: right;
  width: calc(100% - 430px);
  padding: 15px;
  background: #eaeaea;
  border-radius: 12px;
  line-height: 24px;
  margin-top: 30px;
  font-size: 11px;
}



.errorVisible {
  background: #d1103d;
  color: #fff;
  border-radius: 100px;
  padding: 20px 0;
  text-align: center;
  margin-top: 20px;
  /*animation: blink-animation 2s steps(5, start) infinite;
  -webkit-animation: blink-animation 2s steps(5, start) infinite;*/
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

.feel, #forMBTI .qQq {
    background: #eaa710;
    color: #fff;
    border-radius: 8px;
    padding: 15px 24px;
    margin: 30px 0 0;
	line-height: 22px;
	text-align: center;
}

#forMBTI {
  margin: 40px 0;
  background: #fff;
  border-radius: 20px;
  padding: 20px;
  width: calc(100% - 40px);
}

#forMBTI .qQq {
	float: none;
    background: #333;
	padding: 13px 24px;
	line-height: 22px;
	width: 120px;
}

#forMBTI .qQq .green {
	position: relative;
	top: 4px;
	font-size: 22px;
	color: #ffcc00;
}

#inMBTI .qList span {
	text-align: center;
	color: #008661;
	font-size: 15px;
	margin-top: 20px;
	display: block;
	border-top: 1px solid #ddd;
	padding-top: 30px;
	padding-bottom: 10px;
	line-height: 28px;
}

#inMBTI .qList label {
	color: #444;
	background: #e2e2e2;
	margin-top: 10px;
	border-radius: 5px;
	display: block;
	padding: 17px 19px 16px;
	line-height: 22px;
}

#inMBTI .qList label input {
	margin-left: 10px;
}

.loader {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 50%;
    animation: spin 2s linear infinite;
    position: absolute;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.none {
	text-align: center;
	padding: 40px 0 0;
	line-height: 30px;
}

.viewISTP {
	background: #3498db;
	color: #fff;
	border-radius: 6px;
	margin: 0 2px;
	padding: 4px 18px 3px;
	text-transform: uppercase;
}

.welMbti {
	float: right;
	line-height: 22px;
	margin: 40px 0;
}

.logoes {
	float: left;
	background: url('../images/logoes.png') left no-repeat;
	background-size: cover;
	height: 100px;
	width: 280px;
	margin: 30px 0;
}

.upResult {
	background: url('../images/logoes.png') center no-repeat;
	background-size: contain;
	height: 100px;
	margin: 30px 0 0;
}


.listBub {
	line-height: 36px;
	margin: 12px 0;
}

.listBub span {
	color: #737373;
	display: block;
}

.listBub span::before {
	background: #e79b35;
	border-radius: 100px;
	width: 12px;
	height: 12px;
	content: '';
	display: inline-block;
	margin-left: 5px;
	position: relative;
	top: 2px;
}

.startMB {
	background: #f87700;
	color: #fff !important;
	padding: 4px 18px 2px;
	font-size: 15px;
	display: inline;
	position: relative;
  top: 17px;
  border-radius: 14px;
}

.sepRes1 {
	background: url('../images/reportRes.jpg') center no-repeat;
	background-size: contain;
	height: 90px;
	margin: 0;
}

.cirOne {
	height: 60px;
	width: 300px;
	margin: 0 auto;
	margin-top: 14px;
	padding: 1px 0;
}

.cirLeft {
	height: 45px;
    line-height: 17px;
    padding-top: 15px;
	width: 60px;
	background: #b2b2b2;
	color: #fff;
	text-align: center;
	float: left;
	border-radius: 100px;
}

.cirRight {
	float: right;
}

.lineOn {
	height: 3px;
	background: #bdbdbd;
	margin: 28px 10px 0;
}

.lineOn span {
	position: relative;
    top: -16px;
    font-size: 9px;
}

@media print {
	body * {
	  visibility: hidden;
	}
	#sectionPrint, #sectionPrint * {
	  visibility: visible;
	  -webkit-print-color-adjust: exact;
	}
	#sectionPrint {
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 500px;
	  left: 50%;
	  margin-left: -250px;
	}
  }

  #printNow {
    padding: 5px 19px 8px;
    font-size: 12px;
    cursor: pointer;
  }

  .inCenter {
    text-align: center;
    padding-top: 44px;
    display: block;
  }

  .smallSizeFont {
    font-size: 11px;
  }

  .outSide:hover {
    color: #b38d40;
  }

  #offerAfterTest a {
    float: right;
    width: calc(100% / 5);
    line-height: 0;
    margin-left: 10px;
    display: block;
  }

  #offerAfterTest a img {
    width: 100%;
  }

  .viewQuestion {
    float: right;
    width: calc(100% / 2 - 58px);
    background: #fff;
    border-radius: 12px;
    margin-top: 20px;
    padding: 19px 24px 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  }

  .viewQuestion:nth-of-type(2n){
    float: left;
  }

  #listQQ {
    border: 1px solid #999;
    border-radius: 15px;
    background: #eee;
    margin: 60px 0;
    padding: 0 20px 20px 20px;
  }

  .centerBuy {
    text-align: center;
    background: #eaeaea;
    color: #333;
    border-radius: 100px;
    padding: 12px 0 14px;
    letter-spacing: -0.5px;
    font-size: 14px;
  }

  .supportTop {
    float: right;
    background: #11c414;
    color: #fff;
    border-radius: 100px;
    padding: 7px 10px 10px;
    margin: 8px 10px 0 0;
    display: none;
  }

  .currency {
    position: fixed;
    left: 0;
    top: 100px;
    background: #1188dc;
    color: #fff;
    z-index: 111111;
    padding: 8px 15px 9px 8px;
    border-radius: 0 100px 100px 0;
    cursor: pointer;
  }

  .currency .sub {
    position: absolute;
    display: none;
    background: #fff;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.4);
    width: 100%;
    top: 28px;
    border-radius: 0 15px 15px 0;
    font-size: 13px;
    left: -8px;
    padding-bottom: 15px;
  }

  .currency .sub a {
    display: block;
    padding: 13px 15px 0 0;
  }

  .currency:hover .sub {
    display: block;
  }

  .alertTopVpn {
    border-radius: 0;
    margin: 0;
    line-height: 18px;
    font-size: 12px;
    padding: 5px 0;
    cursor: pointer;
  }

  .alertData {
    font-size: 13px;
    line-height: 28px;
    text-align: justify;
    padding: 20px 27px;
  }

  .added, .added:hover {
    float: right;
    padding: 8px 12px 9px;
    border-radius: 100px;
    margin: 0 17px 0 0;
    cursor: pointer;
    background: #1188dc;
    color: #fff;
  }

  .addedPerson {
    background: #e6e6e6;
    border-radius: 100px;
    padding: 10px 15px 12px;
    text-align: right;
    margin: 0 18px 10px;
    font-size: 12px;
  }

  .delPerson {
    float: left;
    background: #d1103d;
    color: #fff;
    font-weight: bold;
    border-radius: 100px;
    padding: 7px 9px 5px;
    margin: -5px 0 0 -10px;
    cursor: pointer;
  }