@charset "UTF-8";
/*
Theme Name: Marz Rooyesh
Theme URI: https://iranet.co
Author: Saeed Tajabadi Farahani
Author URI: https://iranet.co
Description: Marz Rooyesh Theme.
Requires at least: WordPress 4.9.6
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
*/

* {
	margin: 0;
	padding: 0;
	text-decoration: none;
}
html {
	direction: rtl;
	height: 100%;
}
body {
	font: 16px YekanBakh, Tahoma, sans-serif;
	background-color: #f5f5f5;
}
input, textarea, button {
	font-family: inherit;
}
.flex-space {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.flex-start {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.wrap {
	width: 80%;
	margin: 0 auto;
}
.introduce {
	padding: 10px 0 100px 0;
	background-color: rgba(1, 102, 72, 0.6);
	background-image: url("img/teraphy.png");
	background-position: center;
	background-size: cover;
	margin-bottom: 25px;
}
.introduce .wrap {
	max-width: 1170px;
}
.introduce-banner {
	color: #fff3e6;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 25px;
}
.introduce-banner h1 {
	color: #056248;
	font-size: 38px;
	text-shadow: 0 0 5px #fff;
}
.introduce-banner h2 {
	font-weight: 500;
	font-size: 24px;
	text-shadow: 0 0 2px #08531b;
}
.person-card {
	width: 300px;
	height: 420px;
	background-color: #FFFFFF;
	background-position: center;
	background-size: cover;
	position: relative;
	transition: all 0.3s;
}
.person-card:hover .card-mask {
	opacity: 0;
}
.card-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
	background-color: rgba(255,255,255,0.5);
}
.peyghan {
	background-image: url("img/peyghan.jpg");
}
.abdikhan {
	background-image: url("img/abdikhan.jpg");
}
.motahari {
	background-image: url("img/motahari.jpg");
}
.person-card-subject {
	position: absolute;
	top: 0;
	text-align: center;
	width: 80%;
	color: #282828;
	background-color: rgba(255,255,255,0.8);
	font-weight: 600;
	font-size: 20px;
	padding: 4px 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	font-family: Pinar;
	border-radius: 0 0 5px 5px;
}
.person-card-name {
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	color: #fff3e6;
	/*background-image: linear-gradient( 135deg, #2fff8b 10%, #28C76F 100%);*/
	background-image: linear-gradient( 135deg, #92FFC0 10%, #002661 100%);
	font-weight: 600;
	font-size: 20px;
	padding: 4px 0;
}
.short-about {
	padding: 25px 0;
	display: none;
}
.short-about .right {
	width: 70%;
}
.short-about .right h3 {
	font-family: Pinar;
	margin-bottom: 25px;
	color: #195a18;
	font-size: 28px;
}
.short-about .left {
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.short-about .left img {
	width: 200px;
}
.social-items {
	margin-top: 15px;
}
.social-items a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	padding: 5px;
	border-radius: 0.3rem;
	color: #ffffff;
	transition: all 0.3s;
	background-color: #64b763;
	margin-left: 5px;
}
.social-items a:hover {
	opacity: 0.8;
}
.eitaa-icon:hover {
	background-color: darkorange;
}
.whatsapp-icon:hover {
	background-color: #25d366;
}
.telegram-icon:hover {
	background-color: #2AABEE;
}
.youtube-icon:hover {
	background-color: #c4302b;
}
.linkedin-icon:hover {
	background-color: #0077b5;
}
.email-icon:hover  {
	background-color: #d325a2;
}
.twitter-icon:hover  {
	background-color: #1DA1F2;
}
.instagram-icon:hover  {
	background-color: darkorchid;
}
.short-about .wrap {
	background-color: #ffffff;
	position: relative;
	top: -60px;
	padding: 10px;
	border-radius: 0.3rem;
	box-shadow: 0px 30px 3px -26px #eaeaea;
}
.latest-blog {
	min-height: 300px;
}
.latest-blog .owl-nav.disabled {
	display: flex !important;
}
.latest-blog .owl-nav {
	position: absolute;
	width: 75px;
	top: -49px;
	left: 0;
	font-size: 24px;
	display: flex;
	justify-content: space-between;
}
.latest-blog .owl-nav i {
	padding: 5px;
	border-radius: 0.3rem;
	background-color: #cfffcf;
	color: darkslategrey;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px dashed #98ff98;
}
#width50-blog {
	position: relative;
}
#width50-blog .owl-nav.disabled {
	display: flex !important;
}
#width50-blog .owl-nav {
	position: absolute;
	width: 65px;
	top: -36px;
	left: 0;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
}
#width50-blog .owl-nav i {
	padding: 5px;
	border-radius: 0.3rem;
	background-color: #cfffcf;
	color: darkslategrey;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px dashed #98ff98;
}
.owl-carousel img {
	height: auto;
}
.latest-blog .wrap {
	position: relative;
}
.caro-post {
	background-color: #FFFFFF;
	padding: 5px;
	border-radius: 0.3rem;
	position: relative;
	display: block;
	transition: all 0.3s;
}
.caro-post img {
	border-radius: 0.3rem;
	transition: all 0.3s;
}
.caro-post:hover {
	background-color: #f5f5f5;
}
.caro-post:hover img {
	transform: scale(105%);
}
.caro-post h3 {
	font-weight: 500;
	font-size: 14px;
	color: #282828;
	padding: 10px;
	text-align: center;
}
.caro-post::before, .caro-post::after {
	content: '';
	position: absolute;
	width: 70%;
	height: 70%;
	border-radius: 25px;
	z-index: -1;
}
.caro-post::after {
	bottom: 0;
	left: 0;
	box-shadow: -2px 2px 30px #edf0f5;
}
.caro-post::before {
	top: 0;
	right: 0;
	box-shadow: 2px -2px 30px #edf0f5;
}
.section-title {
	font-family: Pinar;
	color: #195a18;
	margin-bottom: 15px;
}
.section-title span {
	background: #64b763;
	color: #fff;
	padding: 0 15px;
	border-radius: 0.3rem;
}
.caro-post-hr {
	width: 106%;
	height: 5px;
	background: linear-gradient( 135deg, #81FBB8 10%, #28C76F 100%);
	position: absolute;
	top: 50%;
	left: -3%;
	right: auto;
	margin: 0 auto;
	border-radius: 35%;
}
.reserve {
	margin-top: 100px;
}
.reserve .right {
	width: 50%;
}
.reserve .left {
	width: 50%;
}
.reserve .right input {
	width: 50%;
	box-sizing: border-box;
	padding: 10px 5px;
	border: 1px dashed #ccc;
	border-radius: 4px;
	font-family: inherit;
}
.reserve .right textarea {
	font-family: inherit;
	padding: 10px 5px;
	box-sizing: border-box;
	border: 1px dashed #ccc;
	border-radius: 4px;
	width: 100%;
	display: block;
	margin: 15px 0;
}
.reserve .right select {
	font-family: inherit;
	padding: 10px 5px;
	box-sizing: border-box;
	border: 1px dashed #ccc;
	border-radius: 4px;
	width: 100%;
	display: block;
	margin: 15px 0;
	background-color: #f5f5f5;
	font-weight: 700;
	color: #282828;
}
.reserve .right .button {
	background-image: linear-gradient( 135deg, #069145 10%, #049746 100%);
	color: #eee;
	padding: 5px 10px;
	border-radius: 3px;
	font-weight: 700;
	box-shadow: 0 0 2px 0px #0a6421;
	transition: all 0.3s;
	display: flex;
	align-items: center;
	font-family: inherit;
	border: none;
	cursor: pointer;
	width: 150px;
}
.product-price {
	text-align: center;
	color: #3c8f7c;
}
.main-logo-introduce {
	text-align: center;
	margin-top: 25px;

}
.main-logo-introduce img {
	width: 135px;
	height: auto;
}
.main-logo-introduce h3 {
	color: #ffffff;
	font-size: 32px;
	text-shadow: 0 0 4px #084808;
}
.home-slider {
	margin-bottom: 25px;
	position: relative;
}
.home-slider .owl-nav {
	position: absolute;
	z-index: 9;
	top: 45%;
	right: 0;
	width: 100%;
	font-size: 38px;
}
.home-slider .owl-nav .owl-prev {
	right: 0;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom-left-radius: 0.3rem;
	border-top-left-radius: 0.3rem;
}
.home-slider .owl-nav .owl-next {
	left: 0;
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;

	border-bottom-right-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
}
.home-slider .owl-nav i {
	padding: 5px;
	background-color: rgba(255,255,255,0.7);
	color: #444444;
}
.home-slider .wrap {
	background-color: #fff;
	border-radius: 0.3rem;
	overflow: hidden;
}
footer {
	background-color: #ffffff;
	padding: 15px 0;
	position: relative;
	margin-top: 25px;
	border-top: 3px solid;
	border-image: linear-gradient( 135deg, #81FBB8 10%, #28C76F 100%) 1;
}
footer::after {
	content: "";
	max-width: 1170px;
	height: 10px;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -6px;
	background: linear-gradient( 135deg, #81FBB8 10%, #28C76F 100%);
	border-radius: 79%;
}
.footer-right {
	width: 70%;
}
.footer-left {
	width: 160px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-left img {
	width: 70px;
	height: auto;
	display: block;
	margin: 0 10px;
}
.footer-row {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.footer-about-title {
	font-family: Pinar;
	font-weight: 700;
}
.footer-row p {
	font-size: 14px;
	color: #282828;
	font-weight: 300;
}
.footer-widgets {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.footer-widget {
	width: 30%;
}
.contact-item {
	display: flex;
	align-items: center;
}
.contact-item span {
	margin-top: 3px;
	margin-right: 10px;
}
.contact-item i {
	font-size: 18px;
}
.contact-item:first-child i {
	font-size: 20px;
}
.footer-widget-title {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	font-family: Pinar;
	font-weight: 700;
}
.important-links li {
	list-style: none;
}
.important-links li a {
	color: #282828;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.important-links li a i {
	color: #096909;
}
.important-links li a span {
	margin-right: 5px;
	background-color: #64b763;
	color: #ffffff;
	padding: 0 3px;
	border-radius: 0.3rem;
}
header {
	position: fixed;
	width: 100%;
	background-color: #FFFFFF;
	box-shadow: 0 0 5px 0px #eee;
	border-top: 3px solid;
	border-image: linear-gradient( 135deg, #81FBB8 10%, #28C76F 100%) 1;
	z-index: 1;
	height: 0;
	transition: all 0.3s;
	overflow: hidden;
	z-index: 99;
}
header::after {
	content: "";
	max-width: 1170px;
	height: 10px;
	position: absolute;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -6px;
	background: linear-gradient( 135deg, #81FBB8 10%, #28C76F 100%);
	border-radius: 79%;
}
.logo {
	font-weight: 900;
	font-size: 18px;
	font-family: Pinar;
	margin-top: 5px;
	height: 42px;
}
.logo span {
	margin-right: 10px;
	background: -webkit-linear-gradient(77deg, rgba(12, 122, 49, 0.9), #00ff95 80%);
	background-clip: border-box;
	background-clip: border-box;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.logo img {
	height: 90%;
	width: auto;
}
.main-menu ul {
	display: flex;
	align-items: center;
}
.main-menu ul li {
	margin-right: 15px;
	list-style: none;
	position: relative;
}
.main-menu ul li a {
	color: #282828;
	transition: all 0.3s;
	font-size: 14px;
}
.main-menu ul li a:hover {
	color: limegreen;
}
.main-menu .current-menu-item a {
	color: limegreen;
	font-weight: 700;
}
.main-menu .menu-item-has-children ul {
	display: none;
}
.main-menu .sub-menu li > .sub-menu {
	display: none !important;
}
.main-menu .menu-item-has-children:hover ul {
	display: block;
	width: 200px;
	position: absolute;
	top: 25px;
	right: -15%;
	background-color: #ffffff;
	padding: 5px;
	border-radius: 0.3rem;
	box-shadow: 0 0 5px #cccccc;
}
.main-menu .sub-menu li:hover .sub-menu {
	display: block !important;
	width: 200px;
	position: absolute;
	top: 0;
	right: 100%;
	background-color: #ffffff;
	padding: 5px;
	border-radius: 0.3rem;
	box-shadow: 0 0 5px #cccccc;
}
.person-page-menu {
	height: 48px;
	position: fixed;
	top: 0;
	overflow: unset;
}
.person-page-header {
	position: relative;
	height: 300px;
	display: flex;
	align-items: center;
	margin-top: 50px;
}
.person-page-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}
.person-abdikhan-cover {
	background-image: url("img/self-knowledge.jpg");
}
.person-peyghan-cover {
	background-image: url("img/kids.png");
	border-radius: 0px 0px 150% 50%;
	background-color: #fff494;
}
.person-motahari-cover {
	background-image: url("img/family.jpg");
}
.person-page-details {
	display: flex;
	width: 40%;
	align-items: center;
	position: relative;
	margin-right: 10%;
}
.person-page-avatar {
	width: 180px;
	height: 180px;
	background-position: center;
	background-size: cover;
	border-radius: 0.3rem;
	overflow: hidden;
	box-shadow: 0 0 3px -1px #666;
}
.person-abdikhan {
	background-image: url("img/abdikhan.jpg");
	border-radius: 50%;
	position: absolute;
	left: -90px;
	top: -25px;
}
.person-motahari {
	background-image: url("img/motahari.jpg");
}
.person-peyghan {
	background-image: url("img/peyghan.jpg");
	border-radius: 50%;
}
.person-page-titles {
	margin-right: 25px;
	font-weight: 600;
	font-size: 18px;
}
.person-page-titles h1 {
	font-weight: 600;
}
.person-page-titles h2 {
	font-family: pinar;
	font-weight: 500;
}
.person-bio, .person-asar {
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: #fff;
	border-radius: 0.3rem;
	padding: 15px;
}
.person-bio h3, .person-asar h3 {
	font-family: Pinar;
}
.person-about {
	width: calc(100% - 90px);
}
.person-about p {
	margin-bottom: 15px;
	text-align: justify;
}
.person-social {
	width: 90px;
}
.person-bio .flex-space {
	align-items: flex-start;
}
.tab {
	overflow: hidden;
	display: flex;
	margin-top: 25px;
	margin-bottom: 10px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
	background-color: #fff;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 10px 16px;
	transition: 0.3s;
	border-bottom: 2px solid #dbdbdb;
}

/* Change background color of buttons on hover */
.tab button:hover {
	border-bottom: 2px solid greenyellow;
}

/* Create an active/current tablink class */
.tab button.active {
	border-bottom: 2px solid greenyellow;
}

/* Style the tab content */
.tabcontent {
	display: none;
	border-top: none;
	position: relative;
	animation: fadeEffect 1s;
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
	from {opacity: 0;}
	to {opacity: 1;}
}
.kids-bg {
	background-image: url("img/kids-bg2.png");
}
.peyghan-slider {
	background-color: transparent;
	height: 300px;

	margin-top: 50px;
}
.peyghan-slide {
	display: block;
	position: relative;
	background-size: cover;
	background-position: center;
	height: 300px;
	overflow: hidden;
	border-radius: 10%;
}
#peyghan .owl-nav {
	position: absolute;
	width: 100%;
	top: 50%;
	height: 0;
}
#peyghan .owl-prev {
	position: absolute;
	right: -24px;
	top: 10px;
}
#peyghan .owl-next {
	position: absolute;
	left: -24px;
	top: 55px;
}
#peyghan .owl-nav i {
	background-color: #FFFFFF;
	border-radius: 50%;
	font-size: 24px;
	color: #777777;
	padding: 10px;
	box-shadow: 0 0 5px -1px #d3d3d3;
}
.motahari-slider {
	background-color: transparent;
	height: 300px;
	margin-top: 50px;
}
.motahari-slide {
	display: block;
	position: relative;
	background-size: cover;
	background-position: center;
	height: 300px;
	overflow: hidden;
	border-radius: 0.3rem;
}
#motahari .owl-nav {
	position: absolute;
	width: 100%;
	top: 50%;
	height: 0;
}
#motahari .owl-prev {
	position: absolute;
	right: -24px;
}
#motahari .owl-next {
	position: absolute;
	left: -24px;
}
#motahari .owl-nav i {
	background-color: #FFFFFF;
	border-radius: 0.3rem;
	font-size: 24px;
	color: #777777;
	padding: 10px;
	box-shadow: 0 0 5px -1px #d3d3d3;
}
.footer-peyghan {
	background-color: #fff494;
}
.footer-peyghan .footer-row {
	border-bottom: 1px solid #868686;
}
.footer-peyghan .footer-widget-title {
	border-bottom: 1px solid #868686;
}
.social-peyghan {
	width: 100%;
}
.social-peyghan .eitaa-icon {
	background-color: orange;
}
.social-peyghan .telegram-icon {
	background-color: #0088cc;
}
.social-peyghan .instagram-icon {
	background-color: #8a3ab9;
}
.social-peyghan .whatsapp-icon {
	background-color: #25d366;
}
.social-peyghan .youtube-icon {
	background-color: red;
}
.peyghan-stucture {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.peyghan-stucture .person-bio {
	width: 25%;
	margin-left: 10px;
}
.peyghan-stucture .person-asar {
	width: 70%;
}
.peyghan-stucture .person-bio .flex-space {
	flex-wrap: wrap;
}
.peyghan-stucture .person-about {
	width: 100%;
}
.peyghan-stucture .tab button.active {
	border-bottom: 2px solid #c76a00;
}
.masonry { /* Masonry container */
	-webkit-column-count: 4;
	-moz-column-count:4;
	column-count: 4;
	-webkit-column-gap: 1em;
	-moz-column-gap: 1em;
	column-gap: 1em;
	margin: 1.5em;
	padding: 0;
	-moz-column-gap: 1.5em;
	-webkit-column-gap: 1.5em;
	column-gap: 1.5em;
	font-size: .85em;
}
.item {
	display: inline-block;
	background: #fff;
	padding: 1em;
	margin: 0 0 1.5em;
	width: 100%;
	-webkit-transition:1s ease all;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 2px 2px 4px 0 #ccc;
}
.item img{max-width:100%; height: auto}

@media only screen and (max-width: 320px) {
	.masonry {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
	}
}

@media only screen and (min-width: 321px) and (max-width: 768px){
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
}
@media only screen and (min-width: 769px) and (max-width: 1200px){
	.masonry {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3;
	}
}
@media only screen and (min-width: 1201px) {
	.masonry {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4;
	}
}
.reserve {
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: #fff;
	border-radius: 0.3rem;
	padding: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.reserve-right {
	width: 30%;
	margin-left: 10px;
}
.reserve-right h3 {
	font-family: Pinar;
}
.reserve-left {
	width: 70%;
}
.page-template-motahari .person-social {
	width: auto;
}
.page-template-motahari .person-social a {
	background-color: teal;
}
.page-template-motahari .person-page-avatar {
	margin-left: 15px;
	border-radius: 50%;
}
.page-template-motahari .person-bio .flex-space {
	align-items: flex-start;
}
.page-template-motahari .person-bio ul {
	padding-right: 25px;
}
.person-about-titles {
	display: flex;
	align-items: center;
	word-spacing: -4px;
}
.person-about-titles h1 {
	font-weight: 700;
}
.person-about-titles h2 {
	margin-right: 10px;
	color: teal;
	padding-right: 15px;
	border-right: 2px solid #00c4c4;
	font-weight: 500;
}
.white-box {
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: #fff;
	border-radius: 0.3rem;
	padding: 15px;
}
.white-box-title {
	word-spacing: -4px;
	font-weight: 500;
	border-bottom: 1px dashed teal;
}
.width-50 {
	width: 47%;
}
.person-credit-card img {
	width: 100%;
	height: auto;
}
.form-contact {
	margin-right: 25px;
	margin-top: 25px;
}
.form-contact li {
	list-style: none;
	background-color: #f5f5f5;
	margin-bottom: 5px;
	padding: 5px;
	border-radius: 0.3rem;
}
.form-contact li span {
	margin-left: 10px;
}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
	font-family: inherit;
}
.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
	border: none;
	padding: 4px 8px;
	cursor: pointer;
	border-radius: 0.3rem;
	font-size: 16px;
}
.client-details-verification li {
	list-style: none;
	background-color: #f5f5f5;
	margin-bottom: 5px;
	padding: 5px;
	border-radius: 0.3rem;
}
.client-details-verification li span {
	margin-left: 10px;
}
.client-details-verification li span:nth-child(1) {
	font-weight: 500;
}
.client-details-verification li span:nth-child(2) {
	font-weight: bold;
}
.abdikhan-tabs ul li {
	list-style: inside;
	position: relative;
	text-align: justify;
}
.abdikhan-tabs ul li::marker {
	color: #59b700;
	background-color: #59b700;
}
.abdikhan-tabs ul {
	padding-right: 25px;
}
.go-to-reserve {
	border: 1px dashed #59b700;
	padding: 5px 10px;
	color: #59b700;
	margin-top: 20px;
	border-radius: 0.5rem;
	display: inline-flex;
}
.accord-box {
	width: 70%;
}
.accordion {
	background-color: #f9f9f9;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: right;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

.person-about .active, .accordion:hover {
	background-color: #f5f5f5;
}

.person-about .accordion:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}

.person-about .active:after {
	content: "\2212";
}

.panel {
	padding: 0 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
	margin-bottom: 5px;
}
.word-spacing {
	word-spacing: 2px;
}
.form-image {
	width: 400px;
}
.reserve-form {
	width: 50%;
}
.gfield_required {
	display: none !important;
}
#gform_3_validation_container {
	display: none !important;
}
.abdikhan-tabs .tab button.active {
	color: green;
}
.abdikhan-tabs .tab button {
	font-size: 16px;
	font-weight: 700;
	padding: 7px 16px;
	font-family: Pinar, Tahoma;
}
.page-template-abdikhan .main-menu .current-menu-item a {
	color: #000;
	transition: all 0.3s;
	font-weight: normal;
}
.page-template-abdikhan .main-menu .current-menu-item a:hover {
	color: limegreen;
}
.page-template-abdikhan .person-bio,
.page-template-abdikhan .abdikhan-tabs{
	width: calc(48% - 10px);
}
.page-template-abdikhan .person-social {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}
.page-template-abdikhan .person-about {
	width: 100%;
}
.badikhan-about-boxes {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.page-template-abdikhan .tab {
	margin-top: 0;
}
.page-template-abdikhan .person-bio h3 {
	border-bottom: 2px solid #dbdbdb;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
}
.page-template-abdikhan .person-page-titles {
	border-right: 4px solid #005109;
	padding-right: 15px;
}
.cover {
	position: relative;
	width: 100%;
	height: 300px;
	background-position: center;
	background-size: cover;
}
.cover-overley {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background-color: rgba(4, 117, 81, 0.85);
}
.cover-content {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cover-content h1 {
	color: #ffffff;
	font-family: Pinar, Tahoma;
}
.content-box {
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: #fff;
	border-radius: 0.3rem;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.page-content-box {
	margin-top: 25px;
	margin-bottom: 25px;
	background-color: #fff;
	border-radius: 0.3rem;
	padding: 15px;
}
.content {
	width: 100%;
}
.content p {
	text-align: justify;
	margin-bottom: 5px;
}
.content p br {
	margin-top: 5px;
	margin-bottom: 5px;
}
.content ul {
	padding-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.thumb-pik {
	width: 45%;
	display: none;
	align-items: center;
	justify-content: center;
}
.thumb-pik img {
	width: 100%;
	height: auto;
	display: block;
}
.page-content-box .content {
	width: 100%;
}
.small-subject {
	font-size: 15px;
}
.page-template-about .wp-block-column p {
	text-align: justify;
}
.page-template h1 {
	margin-top: 25px;
}
.about-logo {
	margin-top: -40px;
}
.page-content h1 {
	margin-top: 40px;
}
.reset-form-btn {
	cursor: pointer;
	border: 1px dashed green;
	padding: 10px;
	color: green;
	border-radius: 0.3rem;
}

.page-template-motahari .person-bio {
	margin-top: 70px;
}
.logged-in header,
.logged-in .person-page-menu {
	top: 32px;
}
.logged-in .page-template-motahari .person-bio {
	margin-top: 75px;
}
.peyghan-stucture .person-about ul {
	padding-right: 25px;
}
.menu-btn-container {
	position: fixed;
	left: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border-radius: 0.5rem;
	background-color: #179b70;
	box-shadow: 0 0 13px 2px #fff;
	z-index: 999;
}
.menu-btn-mobile {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	cursor: pointer;
}
.menu-btn-line {
	width: 65%;
	margin: 7px auto;
	height: 3px;
	background-color: #ffffff;
	border-radius: 0.5rem;
}
.hc-offcanvas-nav {
	font-family: inherit;
}
.category-page {
	flex-wrap: wrap;
}
.cat-post {
	width: calc(18% - 10px);
	background-color: #fff;
	margin-top: 15px;
	padding: 10px;
}
.cat-post-thumb {
	width: 100%;
	height: 220px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 0.3rem;
}
.cat-post h2 {
	height: 60px;
	font-size: 16px;
	font-weight: 500;
	color: #282828;
	padding: 5px 0;
	text-align: center;
}
.cat-post img {
	width: 100%;
	height: auto;
	display: block;
}
.pagination {
	width: 100%;
}
.pagination ul {
	display: flex;
	justify-content: center;
}
.pagination ul li {
	list-style: none;
	background: #fff;
	border-radius: 0.3rem;
}
.pagination ul li a {
	display: block;
	padding: 3px;
}
.pagination ul li span {
	display: block;
	padding: 3px;
}
.product-single-page {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	background-color: #ffffff;
	margin-top: 50px;
	border-radius: 0.5rem;
	padding: 15px;
	border: 1px solid #f0f0f1;
}
.product-right {
	width:20%;
}
.product-right .product-thumb img {
	width: 100%;
	height: auto;
}
.product-left {
	width: calc(65% - 60px);
}
.product-shop-actions {
	width: 15%;
	padding: 15px;
	min-height: 300px;
	background-color: #f5f5f5;
	border-radius: 0.5rem;
}
.product-single-page .quantity {
	display: none;
}
.product-single-page h1 {
	margin-top: 0;
}
.add_to_cart_button {
	width: 100%;
	background-color: mediumseagreen;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-shadow: 0 0 1px #cccccc;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 0.3rem;
	margin-top: 10px;
	transition: all 0.3s;
}
.add_to_cart_button:hover {
	opacity: 0.8;
}
.gheymat {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 24px;
	color: mediumseagreen;
}
.content ol li {
	list-style-position: inside;
}
@media only screen and (max-width: 1024px) {
	.peyghan {
		background-image: url("img/peyghan-new.png");
		background-size: 200px;
		background-repeat: no-repeat;
		background-position: center 100px;
		background-color: #f9ffed;
	}
	.motahari {
		background-image: url("img/motahari-new.png");
		background-size: 200px;
		background-repeat: no-repeat;
		background-position: center 100px;
		background-color: #fffced;
	}
	.abdikhan {
		background-image: url("img/abdikhan-new.png");
		background-size: 225px;
		background-repeat: no-repeat;
		background-position: center 50px;
		background-color: #eee;
	}
	.reserve .left {
		display: none;
	}
	.reserve .right {
		width: 100%;
	}
	.footer-widgets {
		flex-wrap: wrap;
	}
	.footer-widget {
		width: 100%;
	}
	.home-slider .owl-nav i {
		display: none;
	}
	.small-subject {
		font-size: 11px;
	}
	.person-card-subject {
		font-size: 14px;
	}
	.logo span {
		font-size: 13px;
		margin-top: 8px;
	}
	.person-page-details {
		display: flex;
		width: 100%;
		align-items: center;
		position: relative;
		margin-right: auto;
		flex-wrap: wrap;
	}
	.person-abdikhan {
		position: relative;
		margin: 25px auto;
		left: auto;
		top: auto;
	}
	.person-page-header {
		position: relative;
		height: auto;
		display: flex;
		align-items: center;
		margin-top: 50px;
		flex-wrap: wrap;
	}
	.page-template-abdikhan .person-bio,
	.page-template-abdikhan .abdikhan-tabs {
		width: 100%;
	}
	.badikhan-about-boxes {
		flex-wrap: wrap;
	}
	.abdikhan-tabs .tab button {
		font-size: 11px;
	}
	.flex-space {
		flex-wrap: wrap;
	}
	.width-50 {
		width: 92%;
	}
	.reserve-form {
		width: 100%;
	}
	.form-image {
		width: 100%;
	}
	.peyghan-stucture .person-bio {
		width: 100%;
		margin-left: auto;
	}
	.peyghan-stucture {
		flex-wrap: wrap;
	}
	.peyghan-stucture .person-asar {
		width: 92%;
	}
	.person-peyghan {
		margin: 10px auto;
	}
	.introduce .flex-space {
		flex-wrap: nowrap;
	}
	.introduce .flex-space .person-card {
		margin-bottom: 10px;
	}
	.person-about {
		width: 100%;
	}
	.card-mask {
		background-color: rgba(255,255,255,0);
	}
	.motahari-slider,
	.peyghan-slider {
		margin-top: -5px;
		height: auto;
	}
	.motahari-slide,
	.peyghan-slide {
		height: 70px;
	}
	#motahari .owl-nav,
	#peyghan .owl-nav {
		display: none;
	}
	.person-card-name {
		color: #0c3509;
		background-image: linear-gradient( 135deg, #d4ffe7 10%, #51F098 100%);
	}
	.content-box {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.content {
		width: 100%;
	}
	.thumb-pik {
		width: 100%;
		margin-bottom: 15px;
	}
	.thumb-pik img {
		width: 100%;
		height: auto;
		display: block;
	}
	.cat-post {
		width: 100%;
	}
}