@charset "utf-8";
/* CSS Document */

* {
	outline:none;
	margin:0;
	padding:0;
}

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

*::-moz-focus-inner {
	padding:0;
	border: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;
}

@font-face {
	font-family:'aria';
	font-style:normal;
	font-weight:bold;
	src:url('fonts/arial.woff') format('woff'),
		url('fonts/arial.ttf') format('truetype');
}

@font-face {
	font-family:'ariaBold';
	font-style:normal;
	font-weight:bold;
	src:url('fonts/arialBold.woff') format('woff'),
		url('fonts/arialBold.ttf') format('truetype');
}

@font-face {
	font-family:'sans';
	font-style:normal;
	font-weight:normal;
	src:url('fonts/sans.eot');
	src:url('fonts/sans.eot?#iefix') format('embedded-opentype'),
		url('fonts/sans.woff2') format('woff2'),
		url('fonts/sans.woff') format('woff'),
		url('fonts/sans.ttf') format('truetype');
}

a {
	color:#211f22;
	text-decoration:none;
}

.green {
	color:#038f2d;
}

a.green:hover {
	color:#333;
}

.white {
	color: #fff;
}

.red,a:hover {
	color:#ff7700;
}

.gray {
	color:#4f4f4f;
}

img {
	border:none;
}

div,input,h1,h2,h3,h4,h5,h6,form,table,input,select,textarea {
	font:normal 14px sans;
	direction:rtl;
	color:#211f22;
	line-height:14px;
	letter-spacing:-0.2px;
}

.container {
	max-width:1100px;
	width:calc(100% - 20px);
	margin:0 auto;
	min-width:320px;
	height:100%;
}

.clear {
	clear:both;
}

.ltr {
	direction:ltr;
}

body {
	background:#f8f9fa;
}

#top {
	background:#f3f3f3;
	border-bottom:2px solid #d7d7d7;
	height:110px;
}

.logoText {
	font:normal 26px sans;
	float:left;
	direction:ltr;
	display:block;
	color:#828282;
	margin:35px 0 0;
}

.logo {
	background:#f3f3f3;
	width:140px;
	height:170px;
	display:block;
	float:right;
}

.logo span {
	background:url(images/logo.png);
	width:77px;
	height:139px;
	display:block;
	margin:15px 34px 0 0;
}

.logoInfo {
	float:right;
	line-height:30px;
	margin:25px 10px 0 0;
	font-size:15px;
}

.logoInfo b {
	font-size:22px;
}

.menu {
	float:right;
}

.menu a {
	font-size: 15px;
    margin: 27px 25px 0 0;
	float:right;
}

.sliderLarge {
	margin-top:10px;
	border-bottom:6px solid #ff8300;
	line-height:0;
	position:relative;
}

.sliderLarge img {
	width:100%;
	height:100%;
	object-fit: cover;
}

.login {
	float:left;
	background:#00793e;
	color:#fff;
	padding:7px 15px 8px;
	display:block;
	border-radius:100px;
	cursor:pointer;
	font-size:16px;
	margin:19px 10px 0 0;
}

.loginUser {
	background:none;
	color:#333;
	font-weight:bold;
}

.login:hover {
	background:#ff7700;
	color:#fff;
}

.containerNow {
	margin-top:-34px;
	position:relative;
	z-index: 1;
}

.now {
	background:#038f2d;
	color:#fff;
	font:normal 20px sans;
	/* float:right; */
	padding:14px 25px;
	border-radius:100px;
	/* margin-left:14px; */
	cursor:pointer;
	position:relative;
	display: block;
	text-align: center;
}

.nowRight {
	padding-right:65px;
}

.now span {
	background:url(images/click.png);
	width:41px;
	height:58px;
	position:absolute;
    top:4px;
    right:15px;
}

.nowGreen {
	background:#038f2d;
}

.now:hover {
	background:#1377f2;
	color: #fff;
}

.section {
	text-align:center;
	float:right;
	width:calc(50% - 40px);
}

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

.family {
	background:url(images/family.png);
	width:478px;
	height:119px;
	display:inline-block;
	margin-top:40px;
}

.shake {
	background-image:url(images/shake.png);
}

.slider b {
	font-size:17px;
}

.slider p {
	text-align:justify;
	text-align-last:center;
	font-size:15px;
	line-height:26px;
	margin-top:20px;
}

.intoOwl {
	margin-top:2px;
}

.dot,.owl-dots {
	height:10px;
	margin-top:30px;
}

.dot span,.owl-dots .owl-dot {
	width:10px;
	height:10px;
	background:#d2d2d2;
	border-radius:100px;
	display:inline-block;
	margin:0 2px;
	cursor:pointer;
}

.dot span.active,.dot span:hover,.owl-dots .active {
	background:#414141;
}

#go {
	background:#f2f1f1;
	margin-top:40px;
}

.love {
	width:50%;
	border-left:2px solid #fff;
	float:right;
	text-align:center;
}

.love:nth-of-type(2){
	border:none;
	width:calc(50% - 2px);
}

.loveIcon {
	width:149px;
	height:149px;
	margin:0 auto;
	margin-top:20px;
	background:url(images/love.png);
}

.love h2 {
	font:bold 24px sans;
	margin-top:20px;
}

.love p {
	line-height:26px;
	margin:0 40px 0;
	font-size:15px;
	text-align:justify;
	text-align-last:center;
}

.our {
	background:#fff;
	border:1px solid #f27a13;
	padding:14px 40px 14px;
	font-weight:bold;
	font-size:16px;
	display:inline-block;
	margin:40px 0 40px;
	border-radius:100px;
}

.our:hover {
	background:#f27a13;
	color:#fff;
}

.teamIcon {
	background-image:url(images/team.png);
}

.mbti {
	float:left;
	width:400px;
	margin-top:60px;
}

.inMbti {
	/* background:url(images/mbti.png); */
	width:353px;
	margin:0 auto;
	line-height: 0;
}

.inMbti video {
	width: 100%;
	height: auto;
}

.mbti .nowRight {
	/* float:none; */
	margin-top:30px;
	/* border:1px solid #ff8b00;
	background:#fff;
	color:#333; */
}

.mbti .nowRight span {
	/* background-image:url(images/clickOrange.png); */
}

.mbti .nowRight:hover {
	/* background:#ff8b00; */
	/* color:#fff; */
}

.mbti .nowRight:hover b {
	color:#fff;
}

.mbti .nowRight:hover span {
	background-image:url(images/click.png);
}

.info {
	float:right;
	width:calc(100% - 430px);
	line-height:28px;
	font-size:16px;
	text-align:justify;
	margin-top:60px;
	display: flex;
}

.info h3 {
	font:bold 23px sans;
	margin-bottom:10px;
}

.info .owl-dots,.sliderDown .owl-dots {
	height:14px;
}

.info .owl-dot,.sliderDown .owl-dot {
	width:14px;
	height:14px;
}

.info p {
	line-height:34px;
}

.sliderDown {
	border:none;
	margin-top:50px;
}

.sliderDown .owl-dots {
	position:absolute;
	right:30px;
	bottom:30px;
}

.list {
	float:right;
	width:370px;
	margin-top:35px;
}

.list .arrow {
	float:left;
	background:url(images/arrow.png);
	width:83px;
	height:44px;
	display:block;
	margin-left:30px;
}

.list p {
	float:right;
	font-size:20px;
	font-weight:bold;
	margin:18px 30px 0 0;
}

.circle span {
	width:82px;
	height:47px;
	padding-top:35px;
	background:#878787;
	color:#fff;
	text-align:center;
	display:block;
	float:left;
	border-radius:100px;
	font-size:18px;
	margin:10px 10px 0 0;
	cursor:pointer;
}

.circle span:hover,.circle span.active {
	background:#ff7700;
}

.other {
	float:left;
	width:calc(100% - 420px);
	margin-top:50px;
}

.note {
	float:left;
	background:url(images/note.png);
	width:77px;
	height:100px;
	margin:0 30px 20px;
}

.other p {
	text-align:justify;
	line-height:30px;
	font-size:16px;
	display:none;
}

.other p.openAt04 {
	display:block;
}

.other h6 {
	font:bold 28px sans;
	float:right;
	margin:30px 0 0 0;
}

.other .now {
	float:none;
	display:inline-block;
	margin-top:30px;
}

.pack {
	background: rgb(243,243,243);
	background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(243,243,243,1) 16%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%,rgba(243,243,243,1) 16%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(243,243,243,1) 0%,rgba(243,243,243,1) 16%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 );
	margin-top:60px;
	text-align:center;
}

.pack center {
	font:bold 24px sans;
	display:block;
	padding:50px 0;
}

.package {
	display:block;
	margin:0;
	cursor: pointer;
	/* float: right; */
	/* width: calc(100% / 5); */
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	background: #fff;
	padding: 1px;
}

.package h5, .getPack {
	font:bold 18px sans;
	color:#fff;
	background:#a7a7a7;
	margin-top:0;
	padding:20px 0;
	display:block;
	border-left: 2px solid #fff;
}

.package:nth-of-type(5) h5 {
	border: none;
}

.package p {
	font-size: 14px;
    margin-top: 0px;
    font-weight: bold;
}

.getPack {
	font-size: 15px;
    padding: 7px 0 8px;
    border-radius: 100px;
    position: relative;
    margin: 20px;
	border: none;
}

.getPack span {
	font-size:22px;
	position:relative;
	top:-4px;
}

.des .getPack {
	display: inline-block;
	padding: 15px 40px;
}

.package_b {
	border-color:#1665a2;
}

.package_b h5,.package_b .getPack {
	background:#1665a2;
}

.package_c {
	border-color:#ffd400;
}

.package_c h5,.package_c .getPack {
	background:#ffd400;
}

.package_d {
	border-color:#ff8b06;
}

.package_d h5,.package_d .getPack {
	background:#ff8b06;
}

.package_e {
	border-color:#6bc62a;
}

.package_e h5,.package_e .getPack {
	background:#6bc62a;
}

.inprice {
	font-weight: bold;
	font-size: 25px;
	display: block;
	margin-top: 35px;
}
.inprice span {
	font-size: 13px;
}

.package:hover {
	/* background:#878787;
	color:#fff;
	border-color:#878787; */
}

.package:hover {
	transform: scale(1.05);
}

#footer {
	background:#005787;
	margin-top:100px;
	border-top:8px solid #ff8300;
}

#copyRight {
	background:#ff8300;
	text-align:center;
	color:#fff;
	padding:26px 20px 23px;
	line-height: 24px;
}

.footer {
	width:280px;
	float:right;
	margin:35px 0;
}

.tavangary {
	float:right;
	background:url(images/tavangary.png);
	width:54px;
	height:51px;
	margin-bottom:15px;
}

.one {
	border-bottom:1px solid #7ca9c1;
	color:#fff;
	text-align:justify;
	line-height:22px;
	font-size:13px;
}

.one p {
	float:left;
	width:calc(100% - 70px);
	margin-top:5px;
}

.support {
	float:right;
	background:url(images/support.png);
	width:35px;
	height:35px;
	margin:25px 0;
}

.one p span {
	float:left;
	direction:ltr;
	margin-top:2px;
}

.oneSupport p {
	width:auto;
	direction:ltr;
	margin-top:21px;
}

.oneSupport b {
	float:right;
	margin:30px 10px 0 0;
	font-size:15px;
}

.letter {
	float:left;
	width:280px;
	border-bottom:1px solid #7ca9c1;
	color:#fff;
	line-height:22px;
	text-align:justify;
	margin-top:41px;
}

.newsLetter {
	background:#fff;
	margin:23px 0;
}

.newsLetter input {
	direction:ltr;
	font-size:12px;
	float:left;
	border:none;
	background:none;
	padding:10px;
	width:calc(100% - 112px);
}

.newsLetter span {
	float:right;
	background:#f6f6f6;
	border-left:1px solid #e3e3e3;
	padding:10px 10px;
	font-size:12px;
	cursor:pointer;
}

.newsLetter span:hover {
	background:#e3e3e3;
}

.share {
	float:right;
	margin-right:40px;
	border-bottom:1px solid #7ca9c1;
	width:calc(100% - 640px);
	text-align:center;
	color:#fff;
	margin-top:46px;
}

.aparat {
	background:url(images/aparat.png);
	width:29px;
	height:27px;
	display:inline-block;
	margin:20px;
}

.instagram {
	background-image:url(images/instagram.png);
}

.telegram {
	background-image:url(images/telegram.png);
}

.url {
	border-top:1px solid #7ca9c1;
	color:#fff;
	margin-top:19px;
}

.url a {
	display:inline-block;
	margin:11px 5px;
	color:#fff;
}

.url a:hover {
	color:#00cdd0;
}

.owl-carousel .owl-stage-outer {
	direction:ltr;
}

.infoPage {
	width: 100%;
	display: block;
}

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

#barLoading, .loadingSmall {
  border: 3px solid #fff;
  border-radius: 50%;
  border-top-color: #ff8300;
  width: 29px;
  height: 29px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
}

.loadingSmall {
	top: 4px;
  width: 14px;
  height: 14px;
  border-width: 2px;
  margin-left: -10px;
  border-color: #ddd;
  border-top-color: #333;
}

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

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

.errorOfSelect, .myError {
  background: #f00;
  font-size: 11px;
  position: absolute;
  left: 0;
	width: 100%;
  top: 4px;
  color: #fff;
  padding: 2px 0 2px;
  border-radius: 4px;
  text-align: center !important;
}

.myErrorGreen {
	background: #666;
}

.main {
  width: 450px;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
}

.topMain {
  background: #ff7700;
}

.topMain h6 {
  float: right;
  margin: 20px 23px;
	color: #fff;
}

.close {
  float: left;
  width: 16px;
  height: 16px;
  background: url('images/remove.png');
  background-size: cover;
  margin: 19px;
  cursor: pointer;
}

.close:hover {
  opacity: 0.8;
}

.fromPopUp {
  text-align: center;
  padding: 20px 0 0;
  font-size: 15px;
}

.inForm {
  padding: 8px 20px 20px;
}

.inForm input, .inForm textarea, .inForm select {
  background: #fbfbfa;
  border: 1px solid #dcdcdc;
  width: calc(100% - 34px);
  margin-top: 10px;
  font-size: 12px;
  padding: 12px 16px 13px;
	border-radius: 4px;
}

.inForm select {
	width: 100%;
}

.inForm textarea {
  height: 120px;
}

.addGo {
  background: #038f2d;
	display: inline-block;
	border-radius: 100px;
  margin-top: 26px;
  color: #fff;
  cursor: pointer;
  padding: 10px 20px 11px;
}

.addGo:hover {
	background: #333;
}

.accept {
	font-size: 12px;
	color: #666;
	margin: 13px 0 11px;
}

.ifRegistered {
	cursor: pointer;
}

.ifRegistered:hover {
	color: #ff7700;
}

.fromPopUpLogin {
	padding: 6px;
}

.loadingInto {
	position: relative;
	width: 100%;
	float: right;
}

.info .byColor {
	background: #ff7700;
  color: #fff;
  border-radius: 100px;
  padding: 8px 23px 9px;
  display: inline-block;
	font: normal 18px sans;
}

.info .byColorGreen {
	background: #00793e;
}

.frameCheck {
	border: none;
	width: 100%;
	margin-top: 15px;
	height: 340px;
}

.pageTxt {
	background: #fff;
	/* border: 1px solid #ddd; */
	line-height: 24px;
	text-align: justify;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.pageTxt * {
	line-height: 24px;
	text-align: justify;
}

.pageTxt center {
	text-align: center;
}

.openForm {
	cursor: pointer;
}

.please {
	text-align: center;
	padding: 13px 0 12px;
}
.please .openForm {
	color: #038f2d;
}

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

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

.qList {
	display:none;
}

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

#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); }
}

.hiddenOrNot {
	margin: -5px 20px 20px;
}

.mbtiTest .hiddenOrNot {
	display: none;
}

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

.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: #818181;
	color: #fff;
	text-align: center;
	float: left;
	border-radius: 100px;
	font-size: 18px;
}

.cirRight {
	float: right;
}

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

.lineOn span {
	position: relative;
    top: -13px;
    font-size: 12px;
    text-align: center;
    background: #fff;
    padding: 0 3px;
    border-radius: 100px;
}

@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;
	}
  }

  .none {
	  text-align: center;
  }

  #printNow, .pattern .startMB {
    padding: 11px 35px 14px !important;
    cursor: pointer;
    border-radius: 100px;
    font-size: 13px;
    font-family: sahel;
  }

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

  .smallSizeFont {
    font-size: 11px;
  }

  .outSide:hover {
    color: #b38d40;
  }

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

.myProfile {
	position: relative;
}

.subMenu {
	background: #fff;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
	border-radius: 10px;
	position: absolute;
	top: 29px;
	left: 0;
	width: 150px;
	z-index: 10000;
	padding: 10px 0;
	display: none;
}

.myProfile:hover .subMenu {
	display: block;
}

.subMenu a {
	display: block;
	padding: 8px 20px;
}

.vch {
	background: #3384cc;
}

.fromPopUpChoose {
	padding: 0 0 25px;
}

.addPc {
	line-height: 28px;
    padding: 24px 15px 20px;
}

.nowVH {
	background: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
    display: inline-block;
    margin-top: 40px;
    padding: 10px 14px 8px;
    border-radius: 55px;
}

.vchin {
	background: #3384cc;
    float: none;
    display: inline-block;
    margin: 0;
}

.viaVx {
	line-height: 24px;
	margin-top: 30px;
	color: #888;
}

.viaVx b {
	color: #1377f2;
	font-size: 14px;
}

.lineViv {
	height: 1px;
	background: #ddd;
	margin-top: 30px;
}

.simplePro {
	background: #038f2d;
	padding: 9px 23px 10px;
	margin: 30px 5px 0;
	display: inline-block;
}

.selTime {
	border: 1px solid #ddd;
    background: #fff;
    margin: 5px;
    border-radius: 10px;
}

.selTime h5 {
	color: #3498db;
    margin: 11px 20px 0 0;
}

.getSelTime {
	display: inline-block;
    background: #ff8400;
    margin: 5px 5px 5px 0;
    border-radius: 6px;
    padding: 4px 10px 2px;
    cursor: pointer;
    color: #fff;
}

#sendBook {
	cursor: pointer;
}

.selTimeFull {
	display: block;
	padding: 10px;
}

.package {
	
}

.iconTest {
	background: url('images/1.png') no-repeat center / contain;
	width: 60px;
	height: 60px;
	display: inline-block;
}

.iconTestRep {
	background-image: url('images/2.png');
}

.iconTestPro {
	background-image: url('images/3.png');
}

.iconTestPer {
	background-image: url('images/4.png');
}

.iconTestBook {
	background-image: url('images/5.png');
}

.iconTestDis {
	background-image: url('images/6.png');
}

.iconTestVid {
	background-image: url('images/7.png');
}

.iconTestPay {
	background-image: url('images/8.png');
}

.iconTestSup {
	background-image: url('images/9.png');
}

.iconTestStt {
	background-image: url('images/10.png');
}

.iconTestOut {
	background-image: url('images/11.png');
}

.package .viaPa {
	font-weight: bold;
	font-size: 15px;
}

.lsGive {
	display: block;
}

.upper span, .downer span {
	float: right;
	display: block;
	width: 120px;
	text-align: center;
	padding: 12px 0;
	line-height: 22px;
}

.upper span i {
	font-style: normal;
	font-weight: bold;
	display: block;
	font-size: 20px;
}

.upper span p {
	margin-top: 15px;
	display: block;
}

.upper span:nth-of-type(1), .downer span:nth-of-type(1) {
	width: calc(100% - 610px);
}

.downer span:nth-of-type(1) {
	text-align: right;
	line-height: 48px;
	font-weight: bold;
	font-size: 14px;
}

.upper span:nth-of-type(n+2), .downer span:nth-of-type(n+2) {
	border-left: 2px solid #ccc;
}

.upper span:nth-last-of-type(1), .downer span:nth-last-of-type(1) {
	border-left: none;
}

.downer span:nth-of-type(n+2) {
	padding: 21px 0;
}

.downer span:nth-of-type(2) .ticked {
	border-radius: 0 100px 100px 0;
}

.downer span:nth-last-of-type(1) .ticked {
	border-radius: 100px 0 0 100px;
}

.iconLs {
	float: right;
    border: 2px solid rgb(128, 128, 128);
    border-radius: 100px;
    width: 90px;
    height: 40px;
	margin-left: 15px;
}

.ticked {
	background: #ececec;
	height: 30px;
}

.ticked::after {
	display: inline-block;
	background: url('images/tick.png') no-repeat center / contain;
	width: 40px;
	height: 40px;
	content: '';
	margin-top: -14px;
}

.notick::after {
	background-image: url('images/no.png');
	margin-top: -5px;
}

.fulltext {
	background: #008761;
	padding: 22px 0;
	margin-top: 30px;
}

.fulltext * {
	color: #fff;
	text-align: right;
}

#body_pack {
	background: #fff;
}

.smenu {
	border-radius: 100px;
	margin: 0 0 20px;
	float: none;
	padding: 0;
	float: right;
	width: calc(100% - 0px);
}
.smenu:nth-of-type(2){
	float: left;
}

.smenu a {
	float: right;
	display: block;
	width: calc(100% / 4);
	text-align: center;
	font-size: 13px;
	line-height: 16px;
	padding: 10px 0;
	position: relative;
}

.smenu .iconTest {
	width: 40px;
	height: 40px;
}

#SpotPlayer {
	width:100%; 
	height:400px;
}

#SpotPlayer iframe {
	width:100%; 
	height:100%;
	border: none;
}

.tickedMenu {
	background: #49a918;
	position: absolute;
	left: calc(50% - 10px);
	top: -10px;
	width: 20px;
	height: 20px;
	border-radius: 100px;
}

.tickedMenu::after {
	content: '✓';
    color: #fff;
    line-height: 25px;
    display: block;
    font-size: 16px;
    text-align: center;
}

#sendSetting {
	cursor: pointer;
}

.largeCir {
	background: #0083b6;
	border: 8px solid rgb(236, 236, 236);
	width: 160px;
	height: 160px;
	border-radius: 100px;
	display: inline-block;
	color: #fff;
	text-align: center;
	margin: 0 5px;
}

.largeCir:hover {
	border-color: #fff;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}

.largeCir:nth-of-type(2) {
	background-color: #ff9500;
}

.largeCir:nth-of-type(3) {
	background-color: #924090;
}

.largeCir:nth-of-type(4) {
	background-color: #148700;
}

.fir {
	padding-top: 30px;
	color: #fff;
	text-align: center;
}

.yours {
	text-align: center;
	color: #fffc00;
	font-weight: bold;
	font-size: 32px;
	padding: 15px 0 15px;
}

.largeCir  i {
	border: 1px solid #fff;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-style: normal;
	border-radius: 100px;
	padding: 1px 7px 2px;
}

.noP {
	background: #1eb13e;
    border-radius: 100px;
    text-align: center;
    display: block;
    color: #fff;
    padding: 3px 0;
    margin-bottom: 30px;
}

.largeCir1 .yours {
	font-size: 27px;
	padding: 12px 0 18px;
}

.largeCir3 .yours {
	font-size: 12px;
	color: #fff;
	padding: 0;
}

.largeCir3 .yours + i {
	margin-top: 5px;
}

.iconTestPerWhite {
	background-image: url('images/meet.png');
	float: none;
	display: inline-block;
	width: 45px;
    height: 45px;
}

.cia, .hrhr {
	background: #008761;
	color: #fff;
	border-radius: 100px;
	padding: 2px 10px;
	margin-bottom: 30px;
	display: inline-block;
}

.hrhr {
	background: #cb7641;
}

.tickedMenuGray {
	background: #ccc;
}

.tree {
	float: right;
	margin: 18px 5px 0 0;
	cursor: pointer;
	display: none;
}

.tree span {
	display: block;
	margin: 3px 0;;
	background: #4c4c4c;
	border-radius: 100px;
	height: 5px;
	width: 30px;
}

.closeMenu {
	background: #f27a13;
	color: #fff;
	border-radius: 100px;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 10px;
	top: 10px;
	cursor: pointer;
	text-align: center;
	line-height: 32px;
	font-weight: bold;
	display: none;
}

.package_c::after, .package_e::after {
	content: 'پیشنهاد ما';
    position: absolute;
    left: -34px;
    top: 18px;
    background: #f00;
    color: #fff;
    width: 130px;
    transform: rotate(-45deg);
    padding: 3px 0;
}

.tabssss {
	display: none;
}

.des {
	display: none;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 8px;
	line-height: 28px;
	padding: 20px 25px;
	text-align: justify;
}

.getPackIn {
	text-align: center;
}

.getPackIn:hover, .package1:hover, .package2:hover {
	color: #000;
	background: #00cdd0 !important;
}

.package1, .package2 {
	cursor: pointer;
	text-align: center;
	display: inline-block;
	padding: 20px 40px;
}

.des center {
	margin: 0;
	padding: 0;
}

.sliderLarge a {
	display: block;
	line-height: 0;
	height: 400px;
	background: #000;
	position: relative;
}

.sliderLarge a video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.5;
}

.inUP {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	line-height: 24px;
	transform: translate(-50%, -50%);
}

.tabFix {
	float: right;
	width: 240px;
	color: #fff;
	margin-left: 10px;
}

.tabFix span {
	display: block;
    text-align: center;
    cursor: pointer;
    padding: 14px 0 15px;
	border-radius: 8px;
	margin-bottom: 2px;
	border: 2px solid #ddd;
}

.tabFix span.active {
	background: #fff !important;
	color: #000;
}

.tabLeft {
	float: left;
	width: calc(100% - 300px);
	display: none;
	border: 2px solid #ddd;
	background: #fff;
	border-radius: 8px;
	padding: 20px 25px;
	line-height: 22px;
}

.tabLeft * {
	line-height: 28px !important;
}

.tabLeft_1 {
	display: block;
}

.tabFix span.active {
	display: block;
}

.mbti .nowRight {
	display: none;
}

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

.dr b {
    margin: 23px 0 9px;
    display: block;
}

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

.faqPop {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px 10px;
	margin-top: 10px;
	text-align: center;
}

.faqPop * {
	text-align: center !important;
}

.crd {
	text-align: center;
	cursor: pointer;
	display: block;
	margin-top: 10px;
}

.crd input {
	margin-left: 10px;
	position: relative;
	top: 3px;
}

.dmenu {
	background: none;
	box-shadow: none;
	border: 1px solid #ddd;
}

.arrowLeftIn {
	position: absolute;
	left: -10px;
	top: 25px;
}

.arrowLeftIn::after {
	content: '➙';
	display: block;
	font-size: 38px;
	font-weight: bold;
	color: #6bc62a;
	transform: rotate(-180deg);
}

.dmenu {
	float: left;
	width: auto;
	border: none;
	margin: -26px 0 0;
}

.dmenu .iconTest {
	width: 25px;
	height: 25px;
	filter: brightness(0) invert(1);
}

.dmenu a {
	width: auto;
	margin-right: 20px;
}