:root {
	--light-back: #fff;
	--light-back2: #ededed;
	--font-color:#555;
	--light-gray: #fafbfc;
	--nav-width: 300px;
	--main-color: #004298;
}

a , a:hover{color: inherit;text-decoration: none;}
ul {padding-right: 0px;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
img {max-width:100%;height: auto;}
body , html {font-family: iranyekan !important;font-size: 15px;direction: rtl !important;font-weight: 500;margin:0px;padding: 0px;width: 100%;background: #f8f8f8;}
.position-relative {position: relative;}
figure {margin:0px;}
svg {vertical-align: text-bottom;}
.gform_confirmation_message {background: #e5bf53;padding: 1rem; border-radius: 1rem;text-align: center;}
.scroll-btn { background: #e5bf53;padding: 13px 25px;border-radius: 1rem;box-shadow: 0px 0px 1px #8b8470;}
*:focus-visible {outline: unset;}
.zindex {position: relative;z-index: 2;}
.clearfix::after {content: "";clear: both;display: table;}
button { border:0px;}

/* login page */
.loginpage {height: 100vh;background: #f4f4f4;}
.loginpage .main-frame {height: 100vh;background: linear-gradient(0deg, #768dba, #204357);text-align: center;display: table;width: 100%;vertical-align: bottom;position: fixed;}
.loginpage .content-box {/* display: table-cell; */vertical-align: middle;padding: 5%;position: absolute;background: #f6f6f6cc;max-width: 700px;border-radius: 20px;top: 5%;width: 80%;height: 90%;right: 50%;transform: translateX(50%);overflow-y: auto;}
/* .loginpage .content-box::after {content: "";display: block;position: absolute;background-image: url('../img/tbk.jpg');width: 100%;height: 40px;} */
.loginpage .login-form {width: 100%;vertical-align: middle;display: table;}
.loginpage .main-frame #footer {display: table-cell;vertical-align: bottom;}
.content-box h2 {color: #464646;line-height: 2;margin-top: 1rem;font-size: 1.4rem;font-weight: bold;}
.box-opacity {display: inline-block;padding: 1rem;border-radius: 1rem;margin-top: 1rem;color: #ffffff;text-align: right;border: 2px dotted blue;}
.loginpage  .white-img {display: inline-block;border-radius: 6rem;padding: 0.5rem;}
/* login form */
.content-box h3 {font-size: 1.2rem;margin-bottom: 2rem;color: #d0934d; font-weight: bold;}
.form-input input{border: 1px solid #bdb8b8;border-radius: 13px;background: #fff;padding: 9px 14px;width: 100%;margin-bottom: 1rem;margin-top: 6px;}
form .submit_button {background: var(--main-color);border: 0px;color: #fff;border-radius: 4px;padding: 7px 2rem;margin:10px 0px;}
.status {text-align: center;background: #f2ca46;border-radius: 6px;font-size: 13px;margin-bottom: 35px;line-height: 2;}
form .status .succes { background: #adffa2;}
.status p {padding:6px;}

/* panel head */
.wellcome-banner {position: relative;}
.wellcome-banner .text {position: absolute;left: 1%;color: #fff;top: 26%;transform: translateY(50%);}

/* portal menu */
nav.sidebar {box-shadow: -1px 0px 5px #d5d5d5b0;position: fixed;z-index: 20;overflow: hidden;width: var(--nav-width);background: var(--light-back);box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05);-ms-flex-direction: column;transition: all .2s ease;height: 94%;top: 2%;position: fixed;right: 0px;bottom: -2%;z-index: 60;background: var(--main-color);margin-right: 20px;border-radius: 22px;}
nav.sidebar .logo {padding: 4px 0.5rem;height: 84px;text-align: center;margin: 35px auto;background: #8ebdfa;border-radius: 20px;width: fit-content;}
nav.sidebar .logo button {margin-top: 18px;font-size: 1.4rem;color: #000000;}
nav.sidebar ul {padding: 0px;padding-top: 10px;}
nav.sidebar ul li {list-style: none;color: #d7d7d7;}
nav.sidebar ul li.menu-item-has-children a {position: relative;}
nav.sidebar ul li.menu-item-has-children > a::after {content: "\f104";font-weight: 900;font-family: 'Font Awesome 5 Free';display: inline-block;position: absolute;left: 15px;color: #b7b7b7;}
nav.sidebar ul li.menu-item-has-children.open > a::after {content: "\f107";}
nav.sidebar .portal_menu.small li.menu-item-has-children > a::after {display: none;}
nav.sidebar ul li:hover > a , nav.sidebar ul li.current-menu-item > a ,  nav.sidebar ul li.open > a {color: white;transition: all 0.2s;}
nav.sidebar ul li:hover > a i._before , ul li.current-menu-item > a i._before , ul li.open > a i._before {color: #fff;}
nav.sidebar ul li a {display: block;width: 100%;padding: 21px;padding-right: 48px;}
.rtl .menu-item i._before {color: #ddaa70;margin-left: 15px;}
nav.sidebar ul .menu-item .sub-menu{display: none;border-right: 4px solid #90add3;padding-top: 0px;font-size: 0.9rem;box-shadow: 0px 1px 2px #ffffff;}
nav.sidebar ul .menu-item .sub-menu li a {padding-right: 1rem;}


/* portal body */
.portal-body {padding-right: var(--nav-width); margin-right: 30px;}
.portal-body header {width: 100%;background: var(--light-gray);height: 68px;padding: 5px 1rem;top: 0px;right: 0px;padding-right: var(--nav-width);z-index: 55;}
.header-left .user {border-right: 1px solid #e6e5e5;padding-right: 17px;height: 100%;padding-top: 20px;padding-left: 1rem;color: #403a32;position: relative;cursor: pointer;width: fit-content;float: left;}
.header-left {float: left;}
.header-left > span {margin-right: 15px;margin-left: 15px;margin-top: 20px;display: inline-block;position: relative;}
.header-left > span i {display: inline-block;background: #ff2d2d;width: 17px;height: 17px;text-align: center;border-radius: 10px;color: #fff;font-size: 12px;padding-top: 1px;font-style: normal;position: absolute;right: -20px;}
.header-left .fa-user-circle {font-size: 22px;color: #aaa;margin-right: 4px;vertical-align: sub;}
.header-left .date {opacity: 0.7;margin-left: 20px;vertical-align: sub;}
.login-submenu {left: 15px; z-index: 99;border-radius: 0px 0px 4px 4px;background: #ededed;padding: 1rem;position: absolute;top: 57px;box-shadow: 0px 0px 2px #505050;display: none; left: 0px;min-width: 132px;}
.login-submenu a {display: block;margin-bottom: 1rem;}
.portal-body h1 {font-size: 1.2rem;font-weight: bold;color: #000000;margin-top: 16px;margin-right: 16px;}

/* .portal-body {margin-top: 70px;} */
.body {margin-top: 15px;margin-bottom: 25px;}
.body .elder {background: #dfdfdf;text-align: center;margin-bottom: 1rem;padding:0.8rem;font-size: 13px;box-shadow: 0px 0px 2px #484642;}
.card-body {background: #fff;/* box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03); */border-width: 0;transition: all .2s;border-radius: 9px;padding: 1rem;height: 100%;border: 1px solid #b7d6ff;}
.card-body .box > a {color: #1e1e1e;padding: 1rem;border-radius: 6px;background-image: radial-gradient(circle 248px at center, #e7e7e7 0%, #efefefcf 47%, #f5f5f5 100%) !important;line-height: 2;padding-top: 2rem;display: block;}
.card-body .box ul {list-style: none;display: flex;background: #8ebdfa;position: absolute;top: 0px;transform: translateY(-50%);border-radius: 5px;padding: 4px 8px;font-size: 13px;right: 10px;color: #fff;}
.card-body .owl-carousel.owl-rtl .owl-item {padding: 1.5rem 0px;}
.col-12 h3 {font-size: 1rem;font-weight: bold;margin-bottom: 0.2rem;/* border-bottom: 1px solid #eaeaea; */}
.col-12 h3 span {/* border-bottom: 1px solid #dba76d; */display: inline-block;line-height: 2;padding: 3px;margin-left: 22px;}
.portal-body footer {width: 100%;box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);background: #f2f1f1;padding: 5px 1rem;position: fixed;bottom: 0px;right: 0px;padding: 6px;font-size: 14px;padding-right:var(--nav-width);z-index: 40;}
.crump-links ul {display: flex;justify-content: space-between;text-align: center;padding-right: 2rem;}
.crump-links ul li {background: #fff0df;width: 32.5%;text-align: center;border-radius: 10px;list-style: none;color: #000;box-shadow: 0px 1px 2px #7e7e7e91;margin-bottom: 1rem;}
.crump-links ul li a {display: block;padding: 10px;}
.header-right span {margin-right: 1rem;font-size: 0.9rem;color: #686363;border-right: 1px solid #bbb9b9;padding-right: 18px;}
.news .card-body ul {padding:0px;}
.news .card-body ul li {list-style: none;padding: 0.7rem;display: block;}
.banner img {border-radius: 10px;}
.body .video iframe {max-height:511px;}


/* single page */
.content-body {background: #fff;padding: 2rem;margin: 9px 1.5rem 3rem;border-radius: 10px;box-shadow: 0px 0px 2px #8ebdfa;}
.content-body h1 {font-size: 1.3rem;font-weight: bold;margin: 2rem 0px 2rem;color: #4a7ab9;border-right: 3px solid #79a7e2;padding-right: 10px;}
.content-body h2 , .title.colory a {font-size: 1.4rem;font-weight: bold;margin: 2rem 0px 1rem;color: #085bc7 !important;}
.content-body h3 , .content-body h4 {font-size: 1.2rem;font-weight: bold;margin: 2rem 0px 1rem;}
.content-body a {color: #3272c6;}
.alert-box {background: #ffeded;border-right: 3px solid #ff0a0a;padding: 1rem;border-radius: 1rem;}
.content-body .wp-block-file__button {background: #004298;box-shadow: 0px 0px 2px #6cb7ffde;color: #fff;border-radius: 6px;}
.learning li img {width: 28%;vertical-align: top;}
.learning li span {display: inline-block;margin-right: 2%;width: 65%;}


/* 3d flip */
.content-body ._df_book.df-container {background: #fff !important;max-height: calc(100% - 500px) !important;}



/* foode order */
.flat-table {width: 100%;overflow-x: auto;}
.flat-table th , .flat-table td {border: 1px solid #93d4eb;padding: 6px 1rem;text-align: right;white-space: nowrap;}
.flat-table tr:nth-child(2n) {background: #e9e9e9;}
.flat-table select {border: 1px solid #cccccc;border-radius: 5px;padding: 5px 10px;background: #f8f8f8;margin-bottom: 10px;min-width: 359px;}
.flat-table .fa-check-circle {color: #32a76d;}

/* page */
article.row-post {border-right: 3px solid #8ebdfa;background: #f2f8ff;padding: 2rem 10px;margin: 0.5rem;border-radius: 10px;}
article.row-post .title a {color: #000;font-weight: bold;font-size: 1.2rem;margin-bottom: 1rem;display: inline-block;line-height: 1.8;}
article.row-post .date {opacity: 0.7;margin-bottom:8px;}
.nav-links a , .nav-links span { display:inline-block;font-size:1rem;padding:6px; }
a.back-button {float:left;font-size: 0.7rem;color: #ffffff;background: #8ebdfa;padding:7px 4px;border-radius: 5px;/* border: 1px solid #d7cbcb; */margin-bottom:6px;margin-right:5px;}
.personnel .login ul li {list-style: none;font-size: 0.9rem;color: #828282;margin-bottom:5px;}
.personnel .exit ul li {list-style: none;font-size: 0.9rem;color: #c17e84e8;margin-bottom:5px;}
.personnel .exit > p , .personnel .exit > p {margin-top:-10px;}
.personnel img {max-width: 40px; float: right; margin-left: 10px;}
.banner-fix {position: fixed;bottom: 1%;right: 0%;z-index: 999;}

/* auction */
.auction .row-post .meta{color: #333;padding-left: 11%;}
.auction .row-post h2 {font-size: 1.3rem;font-weight: bold;margin-bottom: 2rem;}
.auction .topicThumb {margin-top: -2rem;}
.auction .topicThumb img {max-width: 90px;max-height: 90px;border: 1px solid #8b7b7b;}
.auction .topicThumb img:not(:last-child) {margin-left: -12%;}
.auction .topicThumb img:nth-child(2){margin-top: 5%;}
.auction .topicThumb img:nth-child(3){margin-top: 12%;}
.auction .row-post i {color:#ddaa70 ; }
.auction .article > a::before {content: "";display: inline-block; border:3px 6px 6px 5px red;}
.auction-form {background: #e9dfd3;padding: 1rem;border-radius: 10px; }
.auction-form ul li {list-style: none;margin:1rem 0px;}
.auction-form input[type=submit] {margin-top: 1rem; }
.auction-list a {color:#e59030;}
.form .submit_button:disabled {opacity: 0.4;}

/* auction list */
.auction-list tr td , .auction-list tr th {border: 1px solid #e9e9e9;padding: 5px 10px;background: #ffffffc7;}
table.auction-list {min-width: 800px;box-shadow: 0px 0px 6px #7a7a7a54;border: 0px;overflow: hidden;border-radius: 14px;}
.breadcrump a {color:#4e4e4e;font-size:13px;}
.breadcrump span {color: #a7a4a4;font-size:13px;}
/* timer */
.isauction .postTimerActive {position: absolute;right: 18%;top: -5%;max-width: 250px;}
.postTimerActive .timer > span {background: #fc781440;border-radius: 10px;min-width: 42px;padding: 5px 3px;}

/* sales */
.seal {position: absolute;left: 2%;top: 27%; max-width: 110px;}
.issale .box {background: #f9f9f9;padding: 1rem;border-radius: 1rem;box-shadow: 0px 0px 2px #ff8585;font-size: 0.9rem;transition: all 0.3s;text-align: center;}
.issale .box:hover {box-shadow: 0px 0px 4px #ff8585;}
.issale .box h3 {font-size: 1.1rem;font-weight: bold;margin: 1rem 0px;color: #ff3d00;}
.issale .box > p {text-align: right;}
.issale .box > p span {float: left;}
.issale .box .gotopage {display: block;text-align: center;background: #ed7659;color: #fff;padding: 7px;border-radius: 6px;margin-top: 2.2rem;}
.issale .postTimerActive {min-height: 46px;}
.issale .postTimerActive span {padding: 1px 2px;min-width: 38px;font-size: 12px;}
.issale .image-box {height: 150px;}

/* sale single */
.issale .edit-offer .hidden {display: none;}
.issale .edit-offer {background: linear-gradient(45deg, #ffd84e, #fba45c);border-radius: 10px;padding: 1rem;}
.issale .edit-offer button {background: #ffffff66;border-radius: 5px;padding: 5px 10px;}
.issale .edit-offer .small {font-size: 12px;float: left;color: #34872a;}
.blog-posts .content table td {border:1px solid #d7d3d3;padding:4px 10px;}



@media (min-width: 1600px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1580px;}
}

@media (min-width: 1460px){
    .auction .topicThumb img {max-width: 130px;max-height: 130px;}
}

@media (max-width: 992px){
	/* .content-prt .banner {margin-top: -5rem;padding: 1rem;}
	#top-section {border-radius: 0px 0px 2rem 2rem}
	.small-cont {max-width: 100%;}
	p.small-cont {margin-bottom: 5rem;font-size: 13px; */
	.content-body {margin:88px 0rem 2rem;padding:1rem;}

	 nav.sidebar {right:-102%;width: 100%;}
	:root { --nav-width: 0px !important; }
	.portal-body {padding-right: var(--nav-width);}
	.mobile-menu {background: inherit;font-size: 1.5rem;color: #8a8a8a;}
	 nav.sidebar .logo {width: 100%;}
	 nav.sidebar .logo button {margin-top: 9px;}
	.header-left > span {}
	.card-body .owl-stage {margin-right: 0px;}
	.crump-links img {  margin: 0px auto;max-width: 40px;margin-bottom: 10px;display: block;}
	.banner-fix {display:none;}
	nav.sidebar {margin-right: 0px; height: 100%;top: 0px;}
 .portal-body {margin-right: 0px;}


}

@media (min-width: 768px){
    article.row-post {
        height: 92%;
    }
}
@media(max-width:575px){
		.header-left .user > span {display: none;}
		.header-right img {max-width: 150px;}

		.seal {position: relative;left: unset;top: unset;margin-top: 1rem;max-width: 100px;}
		.auction .topicThumb img {max-width: 100px;}
		.auction .topicThumb , .auction .meta {text-align: center;}


}