@charset "utf-8";
/* CSS Document */
/** * Eric Meyer's*/html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 0;} ol, ul {}
blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none;}
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
*:focus,
*:active,
a:active,
a:focus,
input:focus,
input:active { 
    -moz-outline-style: none;
	outline:none;
	outline: 0;
}

@font-face {
	font-family: 'BYekan';
	src: url('includes/fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
	url('includes/fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
	url('includes/fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
	font-family: 'Handwriting';
	src: url('includes/fonts/LucidaHandwriting.eot?#') format('eot'),  /* IE6–8 */
	url('includes/fonts/LucidaHandwriting.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
  font-family: Sahel;
  src: url('includes/fonts/Sahel-FD.eot');
  src: url('includes/fonts/Sahel-FD.eot?#iefix') format('embedded-opentype'),
       url('includes/fonts/Sahel-FD.woff2') format('woff2'),
       url('includes/fonts/Sahel-FD.woff') format('woff'),
       url('includes/fonts/Sahel-FD.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: SahelB;
  src: url('includes/fonts/Sahel-Bold-FD.eot');
  src: url('includes/fonts/Sahel-Bold-FD.eot?#iefix') format('embedded-opentype'),
       url('includes/fonts/Sahel-Bold-FD.woff2') format('woff2'),
       url('includes/fonts/Sahel-Bold-FD.woff') format('woff'),
       url('includes/fonts/Sahel-Bold-FD.ttf') format('truetype');
}

@font-face{
	font-family: 'pelak';
    src: url('includes/fonts/Pelak-Regular.ttf') format('truetype');}
@font-face{
	font-family: 'pelakBlack';
    src: url('includes/fonts/Pelak-Black.ttf') format('truetype');
	font-weight: bold;
}
@font-face{
    font-family: 'pelakBold';
	src: url("includes/fonts/Pelak-Bold.ttf") format('truetype');
	}
@font-face{
    font-family: 'PelakSemiBold';
	src: url("includes/fonts/Pelak-SemiBold.ttf") format('truetype');
	}
@font-face{
    font-family: 'Pelakmedium';
	src: url("includes/fonts/Pelak-Medium.ttf") format('truetype');
	}

/*General*/
body{margin:0px; padding:0; font-size:1.2em; color:#4a2e88; font-family:'sahel'; text-align:right; background:url(images/brown.jpg) repeat; direction:rtl;}
a{text-decoration:none; color:#272010;} 
a:hover{text-decoration:none; color:#9f6907;}
img{padding:0; margin:0; border:0; line-height:0;}
.main_div{width:835px; margin-left:auto; margin-right:auto; text-align:right; font-family:'sahel';}
.main{background:#FFF; border:2px solid #272010; border-radius:10px;}
.clr{clear:both; padding-top:0 !important; padding-bottom:0 !important;}
.txtleft{text-align:left !important;}
.linkb a{color:#0963f8 !important;}.linkb a:hover{color:#4B8DFA;}
.linkb .online_bt{ padding: 10px 10px; margin: 10px 0 0; background: #14a56f; color: #fff!important; text-align: center; display: inline-block; min-width: 200px; font-size: 18px; font-family: sahelB;}
.en-font{ font-family: tahoma !important;}
.ltext{ display: inline-block; direction: ltr;}
strong{ font-family:sahelB; font-weight:normal;}

/*News*/
.highlight{ background:rgba(118,29,71,0.1); padding:0 5px; display:inline-block;}
.intxt h3{ padding: 4px 7px; margin-bottom:10px; background:rgba(118,29,71,0.1); font-size:18px; font-family:"sahelB"; font-weight:normal; border-bottom:3px solid rgba(118,29,71,0.8); display:inline-block;}
.intxt img{margin:10px auto 10px;}
.intxt .example1{ color:#888888; position:relative; bottom:10px; font-size:14px; line-height:25px; font-style:italic; text-align:center; display:block;}
.intxt ul, .shorts ul, .intxt ol, .shorts ol{padding-right:30px;}
.shorts{}/*min-height:170px;*/
.imgtop img{width:100% !important; height:auto;}
.intxt img, .intxt iframe{max-width:100%; border-radius:3px; height:auto; display:block;}
.resultp{padding:30px 0 0; margin:auto !important; color:#FFF; font-size:30px; font-family:sahel; line-height:34px;}
.resultp a{color:#C90;}
.intxt table, #account table{ width:100%; margin:20px 0; text-align:center; border-spacing:0; border-collapse: collapse;}
.intxt table tr td, #account table td{ padding:5px 10px; border:1px solid #ddd;}
.intxt table tr td ul, #account table ul, .intxt table tr td ol, #account table ol{ padding-right: 15px; text-align: right;}

.intxt table tr:first-child, #account table tr:first-child{ background:rgba(118,29,71,0.8); color:#fff; text-shadow:1px 1px 1px #000;}
.free-course, .pottery-course{ padding:15px 10px; margin:20px 0; background:url(images/symbol/pottery.jpg); color:#fff; font-size:18px; line-height:30px; text-shadow:1px 1px 1px #000; text-align:center; border-radius:5px; position:relative;}
.free-course span, .pottery-course span{ position:relative; z-index:10;}
.free-course:after, .pottery-course:after{ content:""; background: -moz-linear-gradient(45deg, rgba(145,39,95,1) 0%, rgba(248,2,5,0.35) 94%, rgba(255,0,0,0.35) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(145,39,95,1)), color-stop(94%, rgba(248,2,5,0.35)), color-stop(100%, rgba(255,0,0,0.35))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(145,39,95,1) 0%, rgba(248,2,5,0.35) 94%, rgba(255,0,0,0.35) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(145,39,95,1) 0%, rgba(248,2,5,0.35) 94%, rgba(255,0,0,0.35) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(145,39,95,1) 0%, rgba(248,2,5,0.35) 94%, rgba(255,0,0,0.35) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(145,39,95,1) 0%, rgba(248,2,5,0.35) 94%, rgba(255,0,0,0.35) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#91275f',GradientType=1 ); /* ie6-9 */ position:absolute; top:0; left:0; right:0; bottom:0; z-index:9;} 
/** dar yek negah **/	
.view{ width:100%; padding:0 !important; margin:20px 0; background: #F5F5F5; border:2px solid rgba(118,29,71,0.8);}
.view li{ width:100%; padding:7px 10px; font-size:16px; border-top: 1px solid #fff; border-right: 1px solid #fff; list-style:none; transition:all linear 0.2s;}  
.view li:hover{ background:#ddd;}
.view li span{ width:130px; height: 35px; position:relative; margin-left:20px; padding:3px 5px; background:#914a6c; color:#fff; font-size:16px; line-height: 26px; text-shadow:1px 1px 1px #333; display:inline-block;}
.view li span:after{ content: ''; position: absolute; right: 100%; top: 0; width: 0; height: 0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; border-right: 18px solid #914a6c; clear: both;}	
.view li span i{ padding-left:4px; font-size:15px;}	
@media only screen and (min-width: 40px) and (max-width: 900px) {
	.view li{ width:100%; float:none; display:block;}
	/**{transition: width 0.5s ease 0s;}*/
	.main_div{width:90%;}
	.txt img{width:100%; max-width:600px; height:auto;}
	.letterdiv{height:auto !important; padding-bottom:20px;}
	.address{height:auto !important; padding-bottom:40px !important;}
}
@media only screen and (min-width: 40px) and (max-width: 550px) {
	.view li{ text-align:center;}
	.view li span{ width:100%; margin:0 0 15px 0; display:block;}
	.view li span:after{ left:0; right:0; margin:auto; top:100%;  border-top: 14px solid #914a6c; border-left: 14px solid transparent;  border-right: 14px solid transparent;}
}

/*writer*/
.writer{display:table; width:100%; background:#f5f5f5; padding:10px 20px; color:#5B5B5B;}
.writer a{ font-size:16px; display:inline-block; transition:all linear 0.2s;}
.writer a:hover{ color:#892057 !important;}
.writer p{font-size:15px; margin:0; line-height:26px;}
.writer div:after{content:""; clear:both; display:block;}
.writer div:first-child{width:14%; display:table-cell; padding:15px 0 15px 15px; vertical-align:middle;}
.writer div:first-child img{width:100%; margin:0; border-radius:5px; box-shadow:1px 1px 4px rgba(51,51,51,0.7);}
.writer div:last-child{display:table-cell; vertical-align:middle; width:86%;}
.writer div:last-child b{ color:#892057; font-weight:normal;}
@media only screen and (max-width:725px){
	.writer{ padding:10px; text-align:center; border-right:3px solid #892057; display:block;}
	.writer div:first-child{width:100%; padding:10px; display:block;}
	.writer div:last-child{ width:100%; padding:0; border-right:none; display:block;}
	.writer div:first-child img{ width:100px; margin:auto;}
}

/***** responsive table code 194 *****/
@media only screen and (max-width: 600px) {
	.news_194 tr td{ display:block;}	
	.news_194 tr:first-child{ display:none;}
	.news_194 tr td:nth-child(1){ background:rgba(118,29,71,0.8); color:#fff; text-shadow:1px 1px 1px #000;}
	.news_194 tr td:before{ padding-left:4px; color: rgba(118,29,71,0.8);}
	.news_194 tr td:nth-child(1):before{content:"ترم:"; color:#fff;}
	.news_194 tr td:nth-child(2):before{content:"محتوای آموزشی:";}
	.news_194 tr td:nth-child(3):before{content:"جلسات:";}
}
/***** end responsive table code 194 *****/

/***** responsive table code 195 *****/
@media only screen and (max-width: 600px) {
	.news_195 tr td{ display:block;}	
	.news_195 tr:first-child{ display:none;}
	.news_195 tr td:nth-child(1){ background:rgba(118,29,71,0.8); color:#fff; text-shadow:1px 1px 1px #000;}
	.news_195 tr td:before{ padding-left:4px; color: rgba(118,29,71,0.8);}
	.news_195 tr td:nth-child(1):before{content:"روز و ساعت:"; color:#fff;}
	.news_195 tr td:nth-child(2):before{content:"توضیحات:";}
}
/***** end responsive table code 195 *****/

/***** responsive table code 196 *****/
@media only screen and (max-width: 450px) {
	
}
/***** end responsive table code 196 *****/

/***** responsive table code 216,192 *****/
@media only screen and (max-width: 768px) {
	.tb_scroll > div{ overflow-x: scroll; overflow-y: visible;}
	.tb_scroll > div table{ margin-top:10px;}
	.tb_scroll > div table td{ white-space:nowrap;}
	.tb_scroll::before{ content:'جدول را به راست و چپ بکشید.' url("images/icon/swipe-helper.gif"); padding-bottom:10px; display: block; text-align: center; font-size: 16px; border:1px solid #E2E2E2; color:#333; border-radius: 5px; margin-top: 10px; }
}
/***** responsive table code 216,192 *****/

@media only screen and (min-width: 40px) and (max-width: 400px) {
.txt span{width:85%;}
}

/*Socialnetwork*/
.teleg, .four, .insta, .trip, .rss{display:inline;}
.teleg a{font-size:50px; color:#1e96c8 !important; padding:0 15px 0px 0;}
.trip a{font-size:50px; color:#67b24c !important; padding:0 15px 0px 0;}
.rss a{font-size:50px; color:#ff9900 !important; padding:0 15px 0px 0;}
.teleg a:hover, .four a:hover, .insta a:hover, .trip a:hover, .rss a:hover{opacity:0.8;}
.four a{font-size:50px; color:#f94877 !important; padding:0 0 0px 15px;}
.insta a{font-size:50px; color:#356C99 !important;}
.inlineb{display:inline-block;}
.abs{padding:10px 0 10px; border-color: rgba(204, 204, 204, 0.15) -moz-use-text-color; border-width: 1px medium; border-style: solid none; background: rgb(255, 249, 241) none repeat scroll 0% 0%;}
@media only screen and (min-width: 40px) and (max-width: 400px) {
.teleg a, .trip a, .rss a, .four a, .insta a{font-size:35px !important;} 
}
/*Head*/
.logo{padding-top:25px; padding-bottom:15px; float:right; width:120px; text-align:right;}
.slogan{text-align:right; float:right; padding-top:50px;}
iframe{width:100%;}
.hdivide{float:left; width:250px; padding-top:50px; text-align:left;}
.phone{font-size:28px; font-family:BYekan; color:#FFF;}
.phone a{color:#FFF !important;}
.phone .fa-phone{font-size:45px; color:#9f6907;}
.enlink{line-height:30px; font-size:15px; direction:ltr; display:block;}
.enlink span{font-weight:bold; color:rgb(203, 140, 25);}
.enlink:hover{ color:#CCC !important;}
.pad30{padding-top:30px;}
.linke{position:relative;}
.phonebox{ display: flex;}
.fa-rotate-90{ margin-right: 12px;}
.phone_num{ line-height: 30px;}
/*
@media (max-width: 600px) {
	.logo{padding-top:50px; padding-bottom:15px; float:none; width:100%; text-align:center;}
	.slogan{text-align:center; float:none; padding:10px 0 10px; width:100%;}
	.hdivide{clear:both; width:100%; float:none; text-align:center; padding:15px 0 15px; } 
}
*/
@media (max-width: 600px) {
	.logo{padding-top:20px; padding-bottom:15px; width:38%; max-width:120px}
	.slogan{width:50%; max-width:190px; padding-top:55px;}
	.logo img{width:100% !important; height:auto;}
	.slogan img{width:100% !important; height:auto;}
	.hdivide{clear:both; width:100%; float:none; text-align:center; padding:10px 0 10px; background:rgba(0,0,0,0.25); border-radius:5px; margin-bottom:20px; border:1px solid #272010;} 
	.phonebox{ justify-content: center;} 
	.enlink{position:absolute; left:0; right:0; top:0; background:rgba(255,255,255,1); border-radius:0 0 5px 5px; padding:5px; border:1px solid #000;}
	a.enlink{color:#000 !important; font-size:18px;}
	.enlink span{font-weight:bold; color:rgb(203, 140, 25);}
	.enlink:hover{ color:#666 !important;}
	.pad30{padding-top:0px;}
	.linke .logo{padding-top:60px;}
	.linke .slogan{padding-top:90px;}
}
.pane{background:#FFF; border:2px solid #272010; border-radius:10px;}
@media only screen and (min-width: 40px) and (max-width: 640px) {
	.phone{font-size:28px; font-family:BYekan; color:#FFF;}
	.phone i{font-size:50px; color:#9f6907;}
	}
.txt{padding:20px; color:#8B815C; line-height:32px; font-size:16px;}
.txt strong{font-weight:200 !important; font-size:17px !important; color:#000 !important;}
.txt span{color:#2ba850; font-size:20px; margin-top:10px; line-height:30px; display:block; width:70%; border-bottom:2px solid #2ebd59; padding-bottom:10px; margin-bottom:10px;}
.txt p img{margin:15px 0px; border-radius:10px;}
.txt div, .movie > span, .events > span{text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); color:#FFFFFF; font-size:23px; padding:15px 0 15px; line-height:30px; text-align:center; background:url(images/symbol/menu.png); border-radius:10px;}
.txt div{ padding:0;} 
.txt div a{ color:#fff;}
.txt a{color:#3B2119; transition:linear .2s;}
.txt a:hover,.txt a:focus{color:#783824;}


.campaign{margin:20px; padding:10px; border-top:6px dotted #39bfcb; line-height:28px;}
.campaign span{display:block; text-align:justify; color:#333; padding-top:10px; font-size:16px !important;}
.campaign div{display:block; color:#39bfcb; font-size:20px; line-height:35px;}
.campaign p img{margin:15px 0px; width:100%; border-radius:10px;}

.address{background:#e9e5dc; text-align:center; padding:25px 20px 20px; font-size:22px; line-height:40px;}
.address i{color:#FFF; border:2px solid #CCC; border-radius:200px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); background:#BFBFBF; width:45px; height:45px; padding:5px;}
.address span{color:#333; display:block;}
.address .NewPlace{ color: #C10061;}
.cell span{display:inline-block !important; padding-top:5px; direction:ltr !important;}
.cell .total{ margin-bottom:8px; position:relative;}
.cell .total:after{ content:""; width:180px; height:2px; background:#91275F; position:absolute; bottom:-4px; left:0; right:0; margin:auto; display:block;}
.cell, .cell a, .cell a:hover{color:#333 !important;}
.cell a div{ direction:ltr !important; display:inline-block;}

/*Movie Of the week*/
.movie, .events{padding:20px; line-height:1.4em;}
.movie a, .events a, .campaign a, .address a{color:#4D4D9B;}
.movie a:hover, .events a:hover, .campaign a:hover,  .address a:hover{color:#7C3F7C;}
.movie div, .events div{color:#333; font-size:20px; text-align:right; text-align:justify; padding:20px 0 20px;}
.campaign a{font-size:20px;}
.movie p, .events p{color:#333; font-size:16px; line-height:29px; margin:0;}
.movie > span{display:block; background:url(images/symbol/movie.png);}
.events > span{padding:0; display:block; background:url(images/symbol/events.png); font-family:sahelB;}
#shop > span{ background:url(images/symbol/shop.jpg) !important;}
.movie span img, .events span img{width:20px; height:auto; padding-left:10px;}
.movie .right, .events .right{float:right; width:50%;}
.movie .left, .events .left{float:left; width:47%; padding-top:3px;}
.movie img, .events img{width:100%; border-radius:10px;}
@media only screen and (min-width: 40px) and (max-width: 857px) {
	.movie .right, .events .right{float:none; width:100%; padding-bottom:0px;}
	.movie .left, .events .left{float:none; width:100%; padding-top:0; width:98%;}
}
/*End of Movie Of the week*/

.menu_line{ width: Calc(100% - 40px); display: block; color:#FFFFFF; font-family:sahelB; font-size:23px; padding:15px; cursor:pointer; line-height:30px; text-align:center; border-radius:10px;}
.menu_line span{ color:#FFFFFF; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); transition: all linear 0.2s;}
.menu_line:hover span{ opacity: 0.6; color: #fff !important;}

/*Footer*/
.hammura{color:#FFF; padding:10px 0 40px; font-size:20px; font-family:BYekan; float:right; width:50%;}
.hammurae{color:#FFF; padding:10px 0 40px; font-size:13px; font-family:Tahoma; text-align:left; direction:ltr; font-weight:bold; float:left; width:50%; line-height:25px;}
.hammurae a{color:#FFF;}
.hammura a{color:#FFF; line-height:1.4em;}
.hammura a:hover{color:#BFAB9D;}
.jomle{padding:30px 10px 30px; display:block; color:#FFFFFF; font-size:20px; line-height:35px; background:#761d47; border-radius:0px 0px 5px 5px;}
#foot_menu{ padding:5px 10px; background:#91275f;}
#foot_menu ul{ padding:0; margin:0; font-size:0;}
#foot_menu ul li{ margin:0 3px; line-height:30px; font-size:16px; display:inline-block;}
#foot_menu ul li a{ padding:5px 10px; background:#892057; color:#fff; border-radius:3px; transition:all linear 0.3s; display:block;}
#foot_menu ul li a:hover{ background:#761d47;}
@media only screen and (max-width: 860px) {
	#foot_menu{ padding:15px;}
	#foot_menu ul{ max-width:450px;}
	#foot_menu ul li{ display:block;}	
	#foot_menu ul li:last-child a{ margin-bottom:0;}
	#foot_menu ul li a{ margin-bottom:5px;}
}

/********* club banner **********/
#club{ width:100%; margin:0; color:#fff; box-sizing:border-box; position:relative;}
#club > img{ width:120px; margin:auto; position:absolute; top:-230px; left:0; right:0; display:block;}
#club > div{ padding:110px 20px 105px; background:#85D0D1; text-align:center; position:relative; box-sizing:border-box;} 
#club > div img{ position:absolute;}
#club > div .img_one{ width:50px; top:0; right:30px;}
#club > div .img_two{ width:200px; top:-73px; right:70px}
#club > div .img_three{ width:180px; bottom:0; left:0;}
#club > div .mem_counter{ margin-bottom:30px; color:#000; font-size:26px; font-family:"SahelB"; line-height:40px;} 
#club > div .mem_counter span{ width:150px; color:#B01431; font-size:50px; text-align: left; display:inline-block;} 
.more{ padding:5px 0; margin:20px auto; color:#B01431; font-size:22px; line-height:33px; text-align:center; letter-spacing:0; border-bottom:2px solid #B01431; text-decoration:none; text-shadow:none; display:inline-block; transition:all linear 0.2s;}
.more:hover{ opacity:0.7;}
.more i{ padding-right:10px; vertical-align:middle;}
@media only screen and (min-width: 40px) and (max-width: 600px) {
	#club > div .img_three{ width:130px;}
	#club > div .img_two { width: 150px; top: -55px; right: 0;}
	#club > div .img_one { width: 40px; top: 23px; right: 10px;}
}


/*Instagram*/
#insta_bg{ background:#761d47;}
#insta_bg a div:hover {opacity:0.6;}
#insta_bg .last_post{ line-height:25px; padding:5px; color:#fff; font-size:15px; text-align:center; }
#insta{ background:#222; text-align:center;}
#insta:after{ content:""; clear:both; display:block;}
#insta ul{ padding:0; margin:0; font-size:0;}
#insta ul li{ width:25%; height:150px; position:relative; font-size:15px; display:inline-block; float:right; overflow:hidden;}
#insta ul li a{ height:100%; background-size:cover !important; background-position: center !important; display:block; transition:all linear 0.3s;}
#insta ul li:hover a{ transform: scale(1.1);}
#insta ul li:hover .instashow{ visibility:visible; opacity:1;}
#insta ul li:hover .insta_info{ visibility:visible; opacity:1;}
#insta .instashow{ background:rgba(0,0,0,0.6); display: block; position: absolute; visibility: hidden; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease;}
#insta .description { -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); font-size: 16px;}
#insta .insta_info{ display: block; position: absolute; visibility: hidden; z-index: 3; width: 80%; max-height: 80%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translateX(-50%) translateY(-40%); transform: translateX(-50%) translateY(-40%); text-align: center; color: #fff; -webkit-transition: all .3s ease; transition: all .3s ease;}
#insta .insta_info i{ vertical-align:middle;} 
#insta .insta_count + .insta_count{ margin-right: 16%;}
@media only screen and  (max-width: 768px){
	#insta ul li{ width:50%;}
}
/*Footer*/

@media only screen and (min-width: 40px) and (max-width: 657px) {
	.hammura{float:none; width:100%; text-align:center;}
	.hammurae{text-align:center; float:none; width:100%; padding-bottom:0;}
}

/* iPhone 5 Retina regardless of IOS version */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
input{font-size:15px !important;}
input::-moz-placeholder, textarea::-moz-placeholder {font-size:15px !important; height:30px; padding-top:5px; color:#B1B1B1 !important;} 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {font-size:15px !important; height:30px; padding-top:5px; color:#B1B1B1 !important;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {font-size:15px !important; height:30px; padding-top:5px; color:#B1B1B1 !important;}
.newsletter input:last-child{border:1px solid #880044 !important; background:url(images/bg/bgb.png) !important; }
}

.navigator{padding:20px; text-align:right; line-height:40px;} .navigator a{background:#4a2e2e; border-radius:5px; font-size:15px; color:#FFFFFF; padding:5px 10px 5px;}
.navigator a:hover{background:#603C3C; color:#FFFFFF !important;}
.navigator i{font-size:17px; color:#CCCCCC; padding-right:2px;}
.matlab{text-align:right; padding:20px 40px; line-height:28px; font-size:16px; color:#333;}
.subt{font-size:15px; line-height:28px; color:#9f6907; padding-bottom:5px;}
.title{font-size:23px; line-height:33px; padding-bottom:10px; font-family:"sahelB";}
.dividerm{border-bottom:3px dotted #E6E6E6 ; margin:30px 5% 30px;}
.divider{height:5px;}
.title i{color:#9F6907;}
.titleser{font-size:25px; font-family:sahelB; line-height:35px; text-align:right; padding:0 20px 10px 0; color:#333;}

/*Box*/
.box{width:32.4%; float:right; margin-right:10px; margin-bottom:30px; transition:linear .2s; text-align:right; overflow:hidden; position:relative; font-family:sahel;}/*height: 250px;*/
.box p{font-size:17px; color:#333; line-height:25px; text-align:center; padding-top:5px;}
.box img{width:100%; border-radius:3px; transition: all .2s ease-in-out}
.box:hover{opacity:.8;}
.box div{position:absolute; bottom:0; background-color: rgba(0, 0, 0, 0.6); padding:10px; font-size:16px; width:100%; color:#F0F0F0;}

.box a{font-size:17px; line-height:30px; color:#FFFFFF; text-align:right !important;}
.box a:hover{color:#FFFFFF; text-decoration:none;}
div.box:nth-of-type(3n-2) {
    margin-right: 0px;
}
@media only screen and (min-width: 40px) and (max-width: 920px) {
	/*Box*/
	.box{width:32%; margin-right:2%;}
	div.box:nth-of-type(3n-2) {
		margin-right: 0px;
	}
}
@media only screen and (min-width: 40px) and (max-width: 720px) {
	/*Box*/
	.box{width:48.9%; min-height:100%;}
	div.box:nth-of-type(2n+1) {
		clear: both;
	}
	div.box:nth-of-type(3n-2) {
		margin-right: 2%;
	}
	div.box:nth-of-type(2n-1) {
		margin-right: 0;
	}
	.f_size{ font-size:19px; line-height:37px;}
	.intxt h3{ font-size:20px;}
	.f_size .title{ font-size:24px; line-height:42px;}
}

@media only screen and (min-width: 40px) and (max-width: 500px) {
	/*Box*/
	.box{float:none; width:100%; margin-right:0; height:auto;}
	div.box:nth-of-type(3n-2) {
		margin-right: 0;
	}
	.heightm{height:auto !important;}
	.share span {display:block;}
}
.imgr{width:35%; float:right; margin-left:20px;}
.imgr img{width:100%; border-radius:5px; height:auto;}
.txtl{padding:0px 10px 0 0; float:right; width:57%;}
.txtl a{color:#960; line-height:35px;}.txtl a:hover{color:#CE8B00;}
@media only screen and (min-width: 40px) and (max-width: 630px) {
	.imgr{width:100%; float:none; margin-left:0;}
	.txtl{padding:15px 10px 0 0; float:none; width:100%;}
	}

.dilike{background:#E9E9E9; margin:20px 0 20px; border:1px solid #DBDBDB; border-radius:3px; color:#CCC; padding: 5px 5px 0;}
.dilike span{padding:3px; color:#333;}
.fa-facebook-square{color:#3d5a98;}.fa-google-plus-square{color:#dd5044;}
.share{padding:5px; text-align:center;}.share span {color:#333;}
.share i{font-size:22px;}
.share i:hover{opacity:0.8; cursor:pointer;}
.imgs{width:265px; border-radius:5px; float:right; margin-left:25px;}
.imgb{width:100%; height:auto;}
@media only screen and (min-width: 40px) and (max-width: 665px) {
	.imgs{width:100%; float:none; margin-left:0;}
	.shorts{min-height:auto !important;}
	.linkd{padding:30px 0 114px;}
	.imgs{margin-bottom:15px;}
	.share i{font-size:40px;}
 }

/*Comments*/
.fcomments{font-size:14px; color:#666; display:inline-block;}
.fcomments table i{color:#FFCC00;}
.fcomments table{width:100%;}
.fcomments table td{ vertical-align: top;}
.fcomments input{ width: 100%; font-family:"sahel"; font-size:16px; color:#666666; border:1px #E0E0E0 solid; direction:rtl; padding:6px; border-radius:3px;}
.fcomments input::placeholder{ text-align: right; font-family: "sahel";}
.fcomments textarea{ height: 163px; font-family:"sahel"; font-size:16px; color:#666666; border:1px #E0E0E0 solid; direction:rtl; padding:3px; background:#FFF; border-radius:3px; resize: none;}
.textareaC{background:#880044 !important; color:#FFF !important; cursor:pointer; width:100%; padding:0; border-radius:3px; border:none !important; font-family:sahel;}
.textareaC:hover{background:#C10061 !important;}
.combox{padding-bottom:40px; border-radius:3px;}

.comments{text-align:justify; transition:all 0.5s; display:inline-block; width:100%;}
.comments:hover .replylink a{color:#BD4649; transition:all 0.5s;}
.comments:hover .thumbs div{background:#4a2e2e; transition:all 0.3s;}
.thumbs div{width:70px;}
.comments .top{border-top:3px dotted #F0F0F0; margin:20px 0px 0px;}
.name{float:right; width:30%; margin-right:0px; font-size:17px; color:#383838; margin-top:13px;}
.message{font-size:14px; line-height:30px; color:#666; padding:0 0px 10px;}
.message span{color:#E4B4B5; font-size:14px; display:block;}
.replylink{float:right; transition:all 0.5s;}.replylink a{color:#E4B4B5;}
.replylink a:hover{color:#BD4649 !important;}
.thumbs{float:left; color:#383838; transition:all 0.5s;}
.thumbs i{color:#FFF; margin-right:12px; margin-top:5px;}
.thumbs a{color:#FFF; font-size:18px; padding:3px 10px 3px;}
.thumbs div:nth-child(1){float:right; background:#CCCCCC; border-radius:3px; margin-left:3px; transition:all 0.5s;}
.thumbs div:nth-child(1):hover{background:#009933 ; transition:all 0.5s; cursor:pointer;}
.thumbs div:nth-child(2):hover{background:#D50000 ; transition:all 0.5s; cursor:pointer;}
.thumbs div:nth-child(2){float:right; background:#CCCCCC; border-radius:3px; transition:all 0.5s;}
.thumbs span {color: white; text-align:left;}
.reply{margin-top:5px; padding-right:10px; font-size:14px; line-height:30px; border-right:2px solid #660033; color:#666;}
.reply span{color:#660033;}
.txtatr{text-align:right; color:#333; padding:15px 0 10px !important;}
.txtend{text-align:right; color:#9F6907; line-height:30px; padding-top:15px;}span.txtend{color:#333; display:block;}.txtend a{color:#4D4D9B;}.txtend a:hover{color:#7C3F7C;}
.publish{color:#AAAAAA; font-size:14px; display:block;}

.replytable{color:#333; line-height:30px;}
.replytable table{background:#FFF; padding:0 20px 20px; border-radius:5px; margin-top:30px; width:100%;}
.replytable input, .replytable textarea{width:100%; border:1px solid #CCC; padding:7px; border-radius:3px; margin-bottom:5px; margin-right:5px; font-family:sahel; font-size:16px;}
.submitPas{font-family:sahel; font-size:16px; width:150px; cursor:pointer; background:#880044; color:#FFF; border:1px solid #606 !important;}
.submitPas:hover{background:#B9005C; transition:0.4s; border:1px solid #CE0067 !important;}
.tahomin{text-align:left; font-family:Tahoma !important; padding:10px 6px 9px 16px !important;}
.mess{font-size:23px; color:#FFF; padding:20px 10px 50px; background:#093; color:#FFF; clear:both; line-height:30px;}

@media only screen and (min-width: 40px) and (max-width: 910px) {
	.g-recaptcha > div{ margin: auto;}
	.dis_none{ display: none !important;}
	.tableresC input {
		font-size: 0.85em;
		padding:7px 4px 5px;
		width:91%;
		max-width:510px;
		}
	.tableresC table, .tableresC thead, .tableresC tbody, .tableresC th, .tableresC td, .tableresC tr { 
		display: block;
		font-size:17px;
		line-height:1.5em;
	}
	.tableresC td { 
		position: relative;
		border-radius:0px;
		text-align: center !important; 
		padding:4px;
	}	
	.textareaC{width:90%; font-size:17px; margin-bottom:5px;}
	.fcomments{display:block !important;}
	.fcomments textarea{width:90%; max-width:500px;}
	.reply{margin-right:0;}
	.message{margin-right:0;}
	.combox{border:1px solid #FFFFFF;}
}
video {width:100%;}
/** { transition:all 0.2s;}*/
.linkd{background:url(images/delivery.png) no-repeat center; background-size:cover; background-position: 50% 0px; padding:114px 0 114px;}
.linkf{background:url(images/deliveryf.png); width:100%; height:100px; background-size:cover;}
.linkd div a, .headorder div{clear:both; transition:all 0.2s; font-family:BYekan; font-size:35px; background:#FF2924; border:1px solid #bf0802; padding:20px 0 20px; width:55%; border-radius:5px; color:#FFF; line-height:30px; display:block;}
.headorder{margin-bottom:0;}
.headorder div{margin-bottom:0;}
.linkd div a:hover{background:#333; border:1px solid #000; transition:all 0.2s;}
@media only screen and (min-width: 40px) and (max-width: 760px) {
	.linkd div a, .headorder div{font-size:27px; width:70%;}
	.headorder div{margin-top:30px;}

}
@media only screen and (min-width: 40px) and (max-width: 600px) {
	.linkd{padding:60px 0 70px;}
	.linkd div a, .headorder div{font-size:20px; width:80%;}
	.capimg img{max-width:100%;}
}
.order form span.bl{display:block;}
.order form label {
    display: inline-block;
    clear: both;
    float: right;
    padding-left: 15px;
    text-align: left;
	font-family:BYekan;
	font-size:19px;
	line-height:28px;
	margin-top:5px;
	width:115px;
}
.order form input, .order form select, .order form textarea{
	padding:3px;
	border-radius:3px;
	border:1px solid #bac060;
	margin-bottom:15px;
	font-size:13px;
	background:#bac060;
	font-family:BYekan;
	font-size:19px;
	color:#333;
}
.birthform input, .birthform select, .birthform textarea{
	float:none !important;
	
}
.order form textarea{width:78.2%;}
.order form input[type="submit"]{background:#9bd42c; border:#9bd42c; padding:7px 20px 7px; float:none; margin-top:25px; font-size:20px;}
.order form input[type="submit"]:hover{background:#C1E481; cursor:pointer;}

.rightb{float:right; width:50%;}
.leftb{float:left; width:50%;}

.birthform{background:#fca4a8; padding:20px 20px 0;}
.birthform .rightb{float:right; width:63%;}
.birthform .leftb{float:right; width:37%;}
.birthday {padding:0 !important;}
.birthday .result{background:#fca4a8; padding:25px 25px 10px;}
.bluef{background:#C1E7FD; border-top:1px solid rgb(171, 221, 255); padding:20px 20px 30px;}
@media only screen and (min-width: 40px) and (max-width: 850px) {
	.order form label {width:25%;}
	.rightb, .leftb{float:none !important; width:100% !important;}
	.order form textarea{width:100%;}
	.order form textarea{width:70% !important;}
}
@media only screen and (min-width: 40px) and (max-width: 570px) {
	.order form label {
		float: none;
		width:100%;
		text-align:center !important;
		margin-bottom:5px;
		padding-left: 0;
	}
	.birthday{text-align:center !important;}
	.order form input, .order form select, .order form textarea{
		float:none;
		margin-bottom:15px;
	}
	.order form textarea{width:90% !important; height:100px;}
	.order form input[type="submit"]{width:100%;}
}
/*Birthday Form*/
.tips{float:right; width:63%; padding-top:20px;}
.tips span{color:#d42629;}
.tips div{padding:15px; border-radius:10px; font-size:27px; background:#d42629; color:#FFF; }
.imageside{float:left; width:30%;}
.imageside img{width:100%; margin-top:40px;}
.birthday form input[type="submit"]{background:#d42629 !important; border:5px solid #9a2923 !important; color:#FFF !important; border-radius:10px;}
.birthday form input[type="submit"]:hover{background:#E05659 !important;}

.birthday input, .birthday textarea, .birthday select{background:#FFFFFF !important; border-color:#FFFFFF !important;}
@media only screen and (min-width: 40px) and (max-width: 620px) {
	.tips{float:none; width:100%;}
	.imageside{float:none; width:100%; text-align:center;}
	.imageside img{width:60px; margin:0;}
}
/*Tables*/
.tableres{clear:both; font-family:BYekan; padding-top:50px;}
.tableres select{text-align:center; border:1px solid #bac060; border-radius:3px; background:#bac060; font-family:BYekan; font-size:15px; color:#333; margin:5px 0 5px; float:none !important; margin-bottom:4px !important;}
.tableres table { 
  width: 95%; 
  border-collapse: collapse; 
  margin:auto;
  font-size:17px;
  text-align:right !important;
}
.tableres table tr td{width:80px;}
.tableres tr:nth-of-type(1) { 
	color: #840000; 
	border-bottom: 1px solid #840000 ; 
}
.tableres tr td:nth-of-type(1){padding-right:70px;}
.tableres tr:last-child { 
	border-top: 1px solid #840000 ; 
}
.tableres td, .tableres tr { 
	line-height:30px !important;
}
.tableres tr:last-child td:nth-of-type(2):after {content: " سفارش";}
.tableres tr:last-child td:nth-of-type(4):after {content: " تومان";}
.tableres tr:last-child {color:#FFF; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1); background:#ff2924;}
.tableres tr:last-child td{padding-bottom:5px;}
.result{text-align:right; padding:20px; line-height:32px; font-size:21px; color:#333; font-family:BYekan; background:#62aa59;}
#bgorder{background:#62aa59;}
.heightim {height:450px;}
.heightn img{width:100%; height:auto;}/*max-height:533px;*/
.carousel-caption h1, .carousel-caption .btn-primary{text-shadow: 0px 1px 2px black !important;}
.carousel-caption h1{ font-size:30px; line-height:40px; font-family:sahelB;}
.carousel-caption p{font-size:15px; line-height:24px; text-shadow: 0px 1px 2px black;}

@media only screen and (min-width: 40px) and (max-width: 650px) {
	.tableres tr td:nth-of-type(1){padding-right:0px;}
	/*Registration Table*/
	.tableres table, .tableres thead, .tableres tbody, .tableres th, .tableres td, .tableres tr { 
		display: block; 
	}
	.tableres tr:nth-of-type(1), .tableres tr:last-child td:nth-of-type(3) { 
		display:none;
	}
	.tableres tr td:nth-of-type(1) { 
		border-top: 2px solid #840000;
	}
	.tableres td { 
		position: relative;
		border-radius:0px;
		text-align: center !important; 
		padding:4px;
	}	
	.tableres td:nth-of-type(1):before {content: "نام سفارش: "; color:#840000;}.tableres tr:last-child td:nth-of-type(1):before {content: ""; color:#840000;}
	.tableres td:nth-of-type(2):before {content: "تعداد: "; color:#840000;}
	.tableres td:nth-of-type(3):before {content: "قیمت (تومان): "; color:#840000;}
	.tableres td:nth-of-type(4):before {content: "کل قیمت: "; color:#840000;}
	.tableres tr:last-child td:before, .tableres tr:last-child {color:#FFF; text-shadow: 0px 1px 2px rgba(0, 0, 0, 1);}
	/*Registration Table*/
	.tableres table tr td{width:100%;}
}

/**************Menu****************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html { -webkit-font-smoothing: antialiased; }
nav {
  display: block;
  background: #91275f;
  border-radius:5px 5px 0 0px;
}

.menu { display: block; line-height:27px;}
.fa-reorder{margin-left:5px;}

.menu li {
  display: inline-block;
  position: relative;
  z-index: 100;
}

.menu li:first-child { margin-right: 0; }

.menu li a {
  text-decoration: none;
  padding: 16px 15px;
  display: block;
  color: #fff;
  transition: all 0.2s ease-in-out 0s;
  font-size:16px;
  border: 1px solid #8C2153;
  background: #892057;
}

.menu li a:hover,
.menu li:hover>a {
  color: #fff;
  background: #761d47;
}
.responsive-menu {
  display: none;
  width: 100%;
  padding: 20px 15px;
  background: #91275f;
  color: #fff !important;
  border-radius:5px 5px 0 0px;
  font-size:16px;
}
.responsive-menu i {font-size:21px;}
.responsive-menu:hover {
  background: #842456;
  color: #fff;
  text-decoration: none;
}

a.homer { background: #761d47; }
@media (min-width: 881px) and (max-width: 979px) {
	.mainWrap { width: 881px; }
	.menu li a { font-size: 16px; }
	a.homer { background: #761d47; }
}
 @media (max-width: 880px) {
.mainWrap {
  width: auto;
  padding: 50px 20px;
}
.menu { display: none; }
.responsive-menu { display: block; }
nav {
  margin: 0;
  background: none;
}
.menu li {
  display: block;
  margin: 0;
}
.menu li a {
  background: #a12c6a;
  color: #FFFFFF;
  border-bottom:1px solid #982a64;
}
.menu li a:hover,
.menu li:hover>a {
  background: #B63277;
  color: #fff;
}
}
@media only screen and (min-width: 40px) and (max-width: 880px) {
	.heightim {height:400px !important; min-height:100%;}
}
#l_pagging{
    margin-bottom: 30px;
    text-align: center;
    direction: ltr;
}
#l_pagging li{
    font-size: 18px;
    display: inline-block;
	margin-top:3px;
}
#l_pagging i{
    font-size: 16px; line-height:32px;
}
#l_pagging a{
    width: 35px;
    height: 35px;
    color: #000000;
    text-align: center;
    border: 1px solid #eeeeee;
    display: block;
    transition: all .2s linear;
	border-radius:3px !important;
	 line-height:35px;
}
#l_pagging a:hover,.pactive a{
    color: #FFFFFF !important;
    background: #ad1a50 !important;
    border: 1px solid #ad1a50 !important;
}

/**** corona menu link ****/
#menubox{ max-width: 680px; padding: 20px 20px 0; align-items: stretch; justify-content: center;}
#menubox a{ width: 100%; max-width: 180px; min-height: 120px; margin: 0 0 20px auto; font-family: "sahelB"; display: flex; flex-direction: column; justify-content: center;}
#menubox a:last-child{ margin-left: 0;}
#menubox a i{ font-size: 35px; margin-bottom: 15px; display: block;}
#corona, #table_res, #line_menu{ padding:12px; background:#0c9f68; font-size:15px; line-height:25px; color: #fff; text-shadow: 1px 1px 1px #333; border-radius: 10px; display:block; transition:all linear 0.2s;}
#table_res{ background:#19616d;}
#line_menu{ background: #97683a;}
#corona:hover, #table_res:hover,#line_menu:hover{ opacity:0.7;}
@media only screen and (max-width: 700px) {
	#menubox{ display: block;}
	#menubox a{ margin: 0 auto 20px !important;}
}
/*** index taze tarin az weblog ***/
#newblog{ padding:20px; background:#eae9e9;}
#newblog .newtitle, #albumBox .newtitle{ background:url(images/symbol/web.jpg); margin-bottom:20px; font-family:sahelB; font-size:23px; color:#fff; text-shadow:0px 1px 2px rgba(0, 0, 0, 0.6); line-height:30px; border-radius:10px; }
#newblog .newtitle a, .events > span a, .txt div a, #albumBox .newtitle a{ padding:15px 0; display:block; color:#fff; transition:all linear 0.2s;}
#newblog .newtitle a:hover, .events > span a:hover, .txt div a:hover{ opacity:0.6; color:#fff !important;}
#newblog .newpic{ height:150px; width:100%; margin-bottom:20px; position:relative; background-size:cover !important; background-position:center !important; border-radius:10px;}
#newblog .newpic a{ position:absolute; display:block; top:0; left:0; right:0; bottom:0;}
#newblog > a{ margin:0 0 5px 0; color: #960; line-height: 40px; font-size:20px; display:block; transition:all linear 0.2s;}
#newblog a:hover{ color:#CE8B00 !important;}
#newblog .newtxt{font-size:16px; line-height:28px; color:#333;}
#newblog .newtxt a{ color: #960; font-size:16px;}

/**** membership ****/
#membership{ position:relative; z-index:90; background:#fff; display:table; width:100%;}
.non_scroll{ min-height: Calc(100vh - 150px);}
#costumer_info{ height:100vh; padding:50px 20px 20px; line-height:27px; color:#333; font-family:"sahel"; font-size:16px; text-align:center; display:table-cell; vertical-align:top; position:relative; z-index:100;}  
/*#membership:after{ content:""; background:rgba(0,0,0,0.2); position:absolute; top:0; left:0; right:0; bottom:0; height:100%;}*/
#costumer_info .top_title, #costumer_info #result{ margin-bottom:30px; line-height:42px; color:#333; font-size:27px; font-family:sahelB;}
#costumer_info .top_title span{ background:rgba(255,255,255,0.5); border-radius:3px; padding:8px 15px; display:inline-block;}
#costumer_info .top_title span i{ color: #f24242;}
#costumer_info .top_title .fnt_new{ font-family: sahel; font-size: 20px; line-height: 33px; display: block;}
#costumer_info .top_title .ltext{ direction: ltr; display: inline-block;}
#costumer_info .mem_txt{ line-height:40px; font-size:23px; color:#fff; text-shadow:1px 1px 1px #000;}
#costumer_info .items{ max-width:500px; padding:0; margin:30px auto auto; font-size:0;}
#costumer_info .items li{ margin-bottom:25px; display:flex;}
#costumer_info .items li > div{ width:50%; padding:0 8px; position:relative}
#costumer_info .items li #birth{ width:100%; display:flex; display: -webkit-flex; /* Safari */} 
#costumer_info .items li #birth select:nth-child(2){ margin:0 15px;}

#costumer_info .items .flexbox{ display: flex;}
#costumer_info .items li label{ width: Calc(50% - 5px); font-size: 17px; border: 1px #C1C1C1 solid; padding: 6px; background: #FFF; border-radius: 4px; display: block; cursor: pointer;}
#costumer_info .items li label.active{ border-color: #14a56f;}
#costumer_info .items li label:first-child{ margin-left: 10px;}
#costumer_info .items input[type="radio"], #register input[type="radio"], #register input[type="checkbox"]{ height: 14px!important; width: 14px!important; -webkit-appearance: none; -moz-appearance: none;	-ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #A5A6A4!important; border-radius:50%; background:#FFFFFF; vertical-align:middle; cursor:pointer;}
#costumer_info .items input[type="radio"]:checked, #register input[type="radio"]:checked,#register input[type="checkbox"]:checked{ background: #35AD68; border: 1px solid #35AD68;}
#register input[type="checkbox"]{ border-radius: 0 !important;}
#costumer_info .items li select option, #register select option{ font-family: tahoma; font-size: 15px;}

#costumer_info .items li input[type="text"],#costumer_info .items li input[type="submit"], #costumer_info .items li input[type="tel"],#costumer_info .items li input[type="email"], #costumer_info .items li select{ width:100%; height:40px; font-family: "sahel"; font-size:17px !important; color: #000; border: 1px #C1C1C1 solid; padding: 6px; background: #FFF; border-radius: 4px;}
#costumer_info .items li input:focus, #costumer_info .items li select:focus{ border:2px solid #333;}
#costumer_info .items li select{ width:auto !important; flex:1; -webkit-flex: 1; /* Safari 6.1+ */ -ms-flex: 1; /* IE 10 */ }
#costumer_info .items li span{ border-radius:0 3px 3px 0; padding:0 5px; background:#fff; position:absolute; right:20px; top:-18px; color:#7d7d7d; font-size:15px; text-align:right;}
#costumer_info .items li:last-child > div, #costumer_info .items li:nth-last-child(2) > div{ width:100%;}
#costumer_info .items li:last-child input{ border-radius:4px;}
#costumer_info .items li:last-child span{ background:transparent;} 
#costumer_info input[type=submit], #register button{ padding:9px 6px !important; background: #14a56f !important; color:#fff !important; font-family: sahelB !important; border:2px solid #14a56f !important; transition:all linear 0.2s; cursor:pointer;}
#costumer_info input[type=submit]:hover, #register button:hover{ opacity:0.7;}
#costumer_info #result{ margin: 0;}
#costumer_info #result i{ color: green; font-size: 30px;}
.butt_flex{ margin-top: 20px !important; font-size: 0; display: flex;justify-content: center;width: fit-content;margin: auto;flex-wrap: wrap;}
#costumer_info .new_mem{ min-width:215px; padding: 5px 15px; margin: 0 5px; background:#880044; color:#fff; font-family: sahelB; font-size:27px; line-height: 42px; border-radius:5px; display:block; transition:all linear 0.2s;}
#costumer_info .new_mem:hover{ background:#C10061;}
@media only screen and (max-width: 1024px) {
	.non_scroll{ min-height: inherit;}
}
@media only screen and (max-width: 730px) {
	#costumer_info .new_mem{ width: 100%; max-width: 400px; margin: 0 0 10px; text-align: center;}
	#costumer_info .top_title{ padding:0 10px;}
	#costumer_info{ padding-top:50px; vertical-align:top;}
	#costumer_info .items li input, #costumer_info .items li select{ height:45px; font-size:20px !important;}
}
@media only screen and (max-width: 390px) {
	#costumer_info .items{ max-width:100%;}
	#costumer_info .items li{ margin-bottom:0; flex-wrap:wrap; -webkit-flex-wrap: wrap; /* Safari 6.1+ */} 
	#costumer_info .items li input, #costumer_info .items li select{ width:100% !important;}
	#costumer_info .items li #birth{ width:100%; display:block;}
	#costumer_info .items li #birth select:nth-child(2){ margin:20px 0;}
	#costumer_info .items li > div{ width:100%; margin-bottom:30px;}
}

.copyright{ padding: 20px 20px 0; margin-top: 30px; font-size: 15px; border-top: 1px dashed #333;}
.copyright .mainbox{ flex-direction: row-reverse;}
.copyright a{ transition: all linear .2s;}
.mainbox{ display: flex;}
.en_copy{ margin-right: auto;}
@media only screen and (max-width: 600px) {
	.mainbox{ display: block;}
	.copyright{  padding: 20px 0 0; position: static;}
}

/*Tajrobeye Sofalgari*/
.totalsofal {background:url(images/cafe/4.jpg); background-size:cover; background-position:top; padding:0 !important;}
.offer {background:rgba(255,255,255,1.00); border-bottom:5px solid white; padding:0 !important;}
.offer div {line-height:38px; border-right:3px solid rgba(217,14,122,1.00); padding:15px 20px 15px !important; font-size:23px; margin:0 40px 0; color:rgba(30,66,92,1.00);}
.offer span {font-size:35px; color:rgba(217,14,122,1.00);}
.workshops {padding: 0 35px 170px !important;}
.workshops div {max-width:490px; text-align:right; border-right:3px solid rgba(0,251,255,1.00); background:rgba(0,0,0,0.60); padding:10px; font-size:16px; margin:5px; color:white; text-shadow:1px 1px 0px black;}
.workshops span {color:rgba(0,251,255,1.00); font-size:23px;}
/*Tedade afrade sabtenami dar doreha:216, 192, 195*/
.Loab {background:rgba(255,255,255,1.00); border-bottom:5px solid white;}
.Loab div {line-height:38px; border:1px solid #d6b5c4; text-align:center; padding:15px 20px 10px; border-left:none; border-right:none; background:#f1e8ec; font-size:18px; color:rgba(30,66,92,1.00);}
.Loab span {font-size:23px; color:rgba(217,14,122,1.00); padding-top:10px;}


@media only screen and (max-width: 540px) {
	.offer span {font-size:30px;}
	.workshops {padding: 5px 15px 120px;}
	.offer div {margin:0 20px 0;}
}

/*** cancel ***/
#cancel{ padding:0 20px; margin-top:30px; background:#fff; color:#333; text-align:right;}
#cancel .top_txt{ font-size:16px; line-height:32px; text-align:right;}
#cancel .top_txt span{ color:#892057; font-size:20px; line-height:32px; display:block;}
#cancel form{ margin:40px 0;}
#cancel form .title{ margin-bottom:20px; font-family: 'BYekan'; font-size:22px;}
#cancel form .title span{ padding-bottom:5px; border-bottom:3px solid rgba(118,29,71,0.8); display:inline-block;}
#cancel #form_box{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center;}
#cancel #form_box > div{ width:Calc(33.33% - 4px); margin:0 2px 20px;}
#cancel #form_box > div span{ padding-right:5px; color:#892057; font-size:16px; line-height:27px; text-align:right; display:block;} 
#cancel #form_box > div span i{ color:red; position:relative; top:-5px; font-size:10px;} 
#cancel #form_box > div input, #cancel #form_box > div select{ max-width:300px; width:100%; height:35px; line-height:35px; padding:5px; color:#333; font-family: "sahel"; font-size:15px; border:1px #ddd solid; border-radius:3px;}
#cancel form button{ width:100%; max-width:261px; height:35px; line-height:35px; background:#880044; color: #fff; font-family: "sahel"; font-size: 16px; border-radius: 3px; border: 1px #880044 solid; transition:all linear .2s;}
#cancel form button:hover{ background:#C10061; border-color:#C10061;}
#cancel .f_result{ margin:20px 0; color:#006618; font-size:18px;}
.agree{ margin-bottom:20px; font-size:16px; line-height:26px;}
.agree input{ vertical-align:middle;}
.agree a{ color: #9f6907; transition:all linear 0.2s;}
.agree a:hover{ opacity:0.6;}
.w100{ width:103px !important;}
.w70{ width:73px !important;}
.w160{ width:169px !important;}
.Ared{color:#e21e1e}
.Agreen{color:#08b008}
/***** sabtenam *****/
#term{ text-align:right; line-height:25px; font-size:16px;}
#term table{ width:100%; margin:10px 0 20px; text-align:center; border-collapse:collapse;} 
#term table td{ border:1px solid #ddd;}
#term table td label{ padding:8px; display:block; cursor:pointer;}
#term table tr:first-child{ background:rgba(118,29,71,0.8); color:#fff;}
#term table tr:first-child td{ padding:8px;}
#term table input[type="checkbox"]{ height: 12px; width: 12px; -webkit-appearance: none; -moz-appearance: none;	-ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #A5A6A4; background:#FFFFFF; vertical-align:middle; cursor:pointer;}
#term table input[type="checkbox"]:checked{ background: rgba(118,29,71,0.8); border: 1px solid rgba(118,29,71,0.8);}
@media only screen and (max-width: 550px){
	#term table tr, #term table td{ display:block;}
	#term table tr{ margin-bottom:20px;}
	#term table tr:first-child{ display:none;}
	#term table tr td:first-child{ padding:8px 0; background:rgba(118,29,71,0.8); color:#fff; font-size:17px;}
	#term table tr td label:after{ padding-right:5px;}
	#term table tr td:nth-child(2) label:after{ content:"10-12";}
	#term table tr td:nth-child(3) label:after{ content:"13-15";}
	#term table tr td:nth-child(4) label:after{ content:"15-17";}
	#term table tr td:nth-child(5) label:after{ content:"17-19";}
	#term table tr td:nth-child(6) label:after{ content:"19-21";}
}
/** add samira  **/
.titr_table { text-align: right; margin-bottom: 15px; margin-top: 30px; font-size: 16px;}
.table_page_term { margin-right: auto; margin-left: auto; width: 100%; margin-bottom: 60px;}
.table_page_term, .table_page_term tr{ background: #fff; font-size: 13px;}
.table_page_term th, .tbble_page_term td { background: #fff; border: 1px solid #ddd; font-size: 13px;}
.table_page_term tr:nth-child(odd) { background: #eee;}
.table_page_term th { height: 35px; white-space: nowrap; text-align: center; background: #cfd6e8; color: #004f8c; font-size: 15px; font-weight: unset;}
.table_page_term td { white-space: nowrap; text-align: center; border: 1px solid #ddd;}
.table_page_term td label {padding: 8px; display: block; cursor: pointer;}
.table_page_term tr { background: #fff; font-size: 13px;}
.container_table { text-align: center;}
.table_page_term tr td:nth-child(1) { width: 2%;}
.table_page_term tr td:nth-child(2) { width: 2%;}
.table_page_term tr td:nth-child(1) i {	display: block;}
.table_page_term tr td:nth-child(3) { width: 20%;}
/** add samira **/

/** varizi **/
#account{ font-size:16px; line-height:25px; color:#333;}
#account table{ max-width:550px;}
#account table td{ border:none; border-bottom:1px dashed #D0D0D0; transition:all linear 0.2s;}
#account table tr:hover td{ background:#DDDDDD;}
#account table td:first-child > div{ padding:5px; background:rgba(118,29,71,0.8); color:#fff; text-shadow:1px 1px 1px #000; border-radius:3px;}
#account table tr:first-child{ background:#FFF;}
#account table tr:first-child td:last-child{ color:#333; text-shadow:none;}
#account table tr:nth-child(2n+1){ background:#F7F7F7;} 
.break{ word-break:break-all;}
@media only screen and (max-width:600px){ 
	#account table tr:first-child{ text-shadow:none;}
    #account table, #account table tbody,#account table tr,#account table td{ display: block !important;}
	#account table tr td:nth-child(1){ display:none !important;}
    #account table td:nth-child(1){ background:#585858; color:#FFFFFF;}
    #account table tr{ height: auto;}
    #account table td{ width: auto; padding: 5px 10px !important; text-align: center; border-bottom: 1px solid #eeeeee !important;}
    #account table tr td:before{ width:100%; padding:5px; margin-bottom:5px; font-size: 17px; text-align:center; background:#8e4768; color: #fff; border-radius:3px; display:block;}
    #account table tr:nth-child(1) td:nth-child(2):before{ content: "نام صاحب حساب";}
    #account table tr:nth-child(2) td:nth-child(2):before{ content: "نام بانک";}
    #account table tr:nth-child(4) td:nth-child(2):before{ content: "شماره حساب";}
    #account table tr:nth-child(3) td:nth-child(2):before{ content: "شماره کارت";}
    #account table tr:nth-child(5) td:nth-child(2):before{ content: "شماره شبا";}
}

.hitslink{ padding:20px; text-align:right; font-size:0;}
.hitslink > div{ padding:3px 10px; margin-left:30px; background:#603C3C; color:#fff; font-size:14px; line-height:24px; border-radius:0 3px 3px 0; display:inline-block; position:relative;}
.hitslink > div:after{ content:""; width: 0; height: 0; border-top:15px solid transparent; border-right: 17px solid #603C3C; border-bottom: 15px solid transparent; position:absolute; top:0; right:100%;}
.hitslink > a{ padding:3px 10px; margin:0 0 4px 4px; background:#892057; color:#fff; font-size:14px; line-height:24px; border-radius:3px; display:inline-block; transition:all linear 0.2s;} 
.hitslink > a:hover{ background:#670F3D;}
@media only screen and (max-width: 900px) {
	#cancel #form_box > div input, #cancel #form_box > div select{ height:50px;}
	#cancel form button{ height:50px; line-height:50px; font-size:18px; max-width:300px; width:100%;}
	#cancel, #cancel .top_txt, #cancel #form_box > div span{ text-align:center;}
	#cancel #form_box > div span{ font-size:18px;} 
	#form_box > div span{ padding:0;}
	#cancel #form_box > div{ width:100%;}
	#account table{ max-width:550px; margin:20px auto;}
	.w160{ width:190px !important;}
	.w70{ width:94px !important;}
}

.flex_box{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap; align-items:center;} 
#register{ max-width: 500px; margin: auto; padding: 0;}
#register input[type="text"],#register button, #register input[type="tel"], #register input[type="email"], #register select{ width:100%; height:45px; font-family: "sahel"; font-size:18px !important; color: #000; border: 1px #C1C1C1 solid; padding: 6px; background: #FFF; border-radius: 4px;}
#register input[type="text"]:focus, #register input[type="tel"]:focus, #register input[type="email"]:focus, #register select:focus{ border: 2px solid #333;}
#register .flex_box > div{ width: Calc(50% - 8px); margin: 0 0 25px 16px; position: relative;}
#register .flex_box > div:last-child{ margin-left: 0;}
#register .flex_box > div span{ padding: 0 5px; background: #fff; color: #7d7d7d; position: absolute; right: 10px; top: -18px; font-size: 16px; }
#register .flex_box label{ width: Calc(50% - 5px); font-size: 17px; border: 1px #C1C1C1 solid; padding: 6px; background: #FFF; border-radius: 4px; display: block; cursor: pointer;}
#register .flex_box label:first-child{ margin-left: 10px;}
#register .flex_box label.active{ border: 2px solid #333;}
#register .flex_box:last-child > div{ width: 100%; margin-bottom: 0 !important;}
#register .sex{ display:flex; display:-webkit-flex; display:-ms-flexbox; flex-wrap:wrap;}
#register .top_txt{ text-align: right;}
#register .top_txt span{ margin-bottom: 10px; line-height: 42px; color: #333; font-size: 27px; font-family: "sahelB"; display: block;}
#register .point{ margin: 20px 0; text-align: right; font-size: 16px; line-height: 27px;}
#register .point b{ color: #914a6c; font-family: "sahelB"; font-size: 17px; line-height: 28px; font-weight: normal;}
#register .point ul{ padding-right: 25px;}
#register .point a, #register .check_box a{ color: #01689a; transition: all linear 0.2s;}
#register .point a:hover, #register .check_box a:hover{ opacity: 0.7;}
#register .d_birth{ font-size: 0;}
#register .d_birth select{ width: Calc(33.333% - 2px) !important;}
#register .d_birth select:nth-of-type(2){ margin: 0 3px;}
#register .check_box{ margin-bottom: 20px; text-align: right;}
.show_text{ padding: 5px 10px; margin-bottom: 30px; background: #fff6ed; text-align: right; border: 1px solid #ffd3a6; border-radius: 5px; display: none;}
.res_msg{ margin-bottom: 30px; line-height: 42px; color: #333; font-size: 27px; font-family: sahelB;}
.res_msg i{ color: #f24242; font-size: 40px;}
.padtop{ padding-top: 50px !important;}
.padtop1{ padding-top: 50px !important;}
.paint{ color: #914a6c; font-family: "sahelB";}
@media only screen and (max-width: 1400px) {
	.padtop1{ padding-top: 0px !important;}
}
@media only screen and (max-width: 600px) {
	#register{ max-width: 500px;}
	#register .flex_box > div{ width: 100%; margin: 0 0 30px !important;}
	.padtop{ padding-top: 0 !important;}
}


/** index album **/
#albumBox{ padding:20px;}
#albumBox .newtitle{ background:url(images/symbol/album.jpg);}
#t_album{ overflow:hidden;}
#album_box{ position:relative;} 
#galleryBox{ padding:0; margin:auto; font-size:0; text-align:center; background:#2e3434; transition: all .5s linear; white-space:nowrap;}
#galleryBox:after{ content:''; clear:both; display:block;}
#galleryBox li{ height:200px; background-size:cover !important; background-position:center !important; position:relative; font-size:14px; display:inline-block; vertical-align:bottom; cursor: pointer; list-style:none;}
#galleryBox li:before{ content:"\f00e"; padding-top:95px; color:#fff; position:absolute; top:0; right:0; left:0; bottom:0; font-family:"fontawesome"; font-size:30px; visibility:hidden; opacity:0; transition:all linear 0.5s;}
/**#galleryBox li:after{ content:"کلیک کنید"; padding-top:85px; position:absolute; top:0; right:0; left:0; bottom:0; color:#fff; font-size:16px; font-family:'BYekan'; text-shadow:1px 1px 1px #000; transition:all linear 0.5s;}
#galleryBox li:hover:after{ visibility:hidden; opacity:0;}**/
#galleryBox li:hover{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);}
#galleryBox li:hover:before{ visibility:visible; opacity:0.8;}
#galleryShow{ max-width: 100%; max-height: 100%; padding:0 10px 10px 10px; background: rgba(0,0,0,.88); position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: auto; transform-origin: 50% 0; opacity: 0; visibility: hidden; transition: all .5s linear; z-index: 9999; }
#galleryShowClose{ padding:10px 50px; color: #FFF; font-size: 30px; line-height: 30px; cursor: pointer; transition: all .3s linear; position:relative; z-index:13;}
#galleryShowClose:hover{ opacity:0.5;}
#galleryShowImg{ overflow: hidden; margin-top: 5px; opacity: 1; transition: all .8s linear; text-align:center;}
#galleryShowImg > span{ position:relative; display:inline-block;}
#galleryShowImg > span > div{ position:absolute; bottom:5px; left:5px; margin:auto; padding:3px 15px; text-shadow:1px 1px 1px #000; background:rgba(0,0,0,0.5); color:#fff; font-size:15px; line-height:25px; display:inline-block;}
#galleryShowImg > span > div:empty{ display:none;}
#galleryShowImg img{ max-width: 100%; max-height:530px; margin:auto; display: block;}
#galleryShowImg i{ width: 50%; height:100%; padding-top:22%; margin: auto; font-size: 36px; color: #FFF; text-shadow: 0px 1px 2px #000; position: absolute; top: 0; bottom: 0; z-index: 12; cursor: pointer; transition: all .3s linear; opacity: 0;}
#galleryShowImg i:hover{ opacity:0.5;}
#leftGallerySlide{ padding-left:20px; left: 0; text-align:left;}
#rightGallerySlide{ padding-right:20px; right: 0; text-align:right;}
#galleryShowInfo{ margin-top: 10px; color: #c2c2c2; text-align: center; }
#galleryShowTxt{ line-height: 30px; font-size: 18px; font-family:'BYekan'}
#galleryShowdetail{ line-height: 18px; font-size: 12px; }
#galleryShow.active{ opacity: 1; visibility: visible; }
#morePic{ width:120px; padding:8px; margin:20px auto 30px; background:#660033; color: #fff; font-size: 16px; line-height:24px; border-radius:5px; text-align:center; cursor:pointer; display:none; transition:all linear 0.2s;}
#morePic:hover{ opacity:0.5;}
#morePic i{ color: #fff; vertical-align: middle;}
#nex_mtlbkh,#pre_mtlbkh{ width:50px; padding-top:80px; font-size: 35px; text-align:center; margin: auto; position: absolute; top: 0; bottom: 0; color: #FFFFFF; cursor: pointer; transition: all .3s linear; z-index:999; text-shadow:1px 1px 1px black; opacity:.7;}
#pre_mtlbkh{ padding-left:15px; right: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );}
#nex_mtlbkh{ padding-right:15px; left: 0px; background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );}
#nex_mtlbkh:hover,#pre_mtlbkh:hover{ opacity:0.4; }

@media only screen and  (max-width: 768px){
	#galleryBox{ width:auto !important;}
	#galleryBox li{ width:50% !important; height:280px;}
	#galleryBox li:before, #galleryBox li:before{ padding-top:130px;}
	#galleryBox li.disnone{ display:none;}
	#morePic{ display:block;}
	#nex_mtlbkh,#pre_mtlbkh{ display:none !important;}
}

@media only screen and  (max-width: 768px){
	#leftGallerySlide, #rightGallerySlide{ opacity:0.5 !important;}
}

@media only screen and  (max-width: 550px){
	#galleryBox li{ width:100% !important; display:block;}
}
/*shop*/
.oln_shop{background: url(images/pay5.png);background-size: 100px;padding-bottom: 10px;padding-bottom:100px!important;line-height: 28px;    padding: 0 20px;margin-top: 30px;background: #fff;color: #333;text-align: right;}
.shop_tbl select{width:90px;font-family: sahel;font-size: 14px;}
.shop_tbl{font-family:sahel;}
.titr_shop{font-size:18px;font-family:sahel;margin: 0px 0 0;text-align: right;color: #9f6907;display: flex;align-items: flex-end;width: max-content;text-align: justify;border-bottom: 1px solid #3d150c;}
.titr_shop img{width: 50px;height: 50px;margin-left: 7px;}
.titr_shop table tr:first-child{background:green!important;}
.shop_tbl{ text-align:right; line-height:25px; font-size:16px;}
.shop_tbl table{ width:100%; margin:10px 0 20px; text-align:center; border-collapse:collapse;} 
.shop_tbl table td{ border:1px solid #ddd;padding: 5px;color: #313030;font-size: 16px;}
.shop_tbl table td label{ padding:8px; display:block; cursor:pointer;}
.shop_tbl table tr:first-child{ background:rgba(118,29,71,0.8); color:#fff!important;}
.shop_tbl table tr:first-child td{ padding:8px; color:#fff!important;}
.shop_tbl table tr:first-child td:first-child{width: 30%;}
.shop_tbl table tr:first-child td:nth-child(2){width: 25%;}
.shop_tbl table tr:first-child td:nth-child(3){width: 25%;}
.shop_tbl table tr:first-child td:nth-child(4){width: 20%;}

.shop_tbl table input[type="checkbox"]{ height: 12px; width: 12px; -webkit-appearance: none; -moz-appearance: none;	-ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #A5A6A4; background:#FFFFFF; vertical-align:middle; cursor:pointer;}
.shop_tbl table input[type="checkbox"]:checked{ background: #689e72; border: 1px solid #5c8864;}
@media only screen and (max-width: 550px){
	.shop_tbl table tr, .shop_tbl table td{ display:block;text-align: right;color: black;}
	.shop_tbl table tr{ margin-bottom:20px;}
	.shop_tbl table tr:first-child{ display:none;}
	.shop_tbl table tr td:first-child{ padding:8px 5px; font-size:17px;}
	.shop_tbl table tr td:first-child:before{ content:"محصول:";color: #b83030;margin-left: 5px;}
	.shop_tbl table tr td:after{ padding-right:5px;}
	.shop_tbl table tr td:nth-child(2):before{ content:"مقدار:";color: #b83030;margin-left: 5px;}
	.shop_tbl table tr td:nth-child(3):before{ content:"قیمت واحد:";color: #b83030;margin-left: 5px;}
	.shop_tbl table tr td:nth-child(4):before{ content:"تعداد:";color: #b83030;margin-left: 5px;}
}
.shop_fctr{}
.shop_fctr table{ width:50%; margin:0px 0 5px; text-align:center; border-collapse:collapse;min-width: 300px;} 
.shop_fctr table td{ border:1px solid #ddd;padding: 5px;height: 40px;font-size: 16px;font-family: sahel;color:black;}
.shop_fctr table td label{ padding:8px; display:block; cursor:pointer;}
.shop_fctr table tr:first-child{ }
.shop_fctr table tr:first-child td{ padding:8px;font-family: sahel!important;}
.shop_fctr table tr td:first-child{width: 15%;background: #4f9673;color: white;font-size: 17px;}
.shop_fctr table tr:first-child td:nth-child(2){width: 30%;}
.shop_fctr table tr:first-child td:nth-child(3){width: 25%;}
.shop_fctr table tr:first-child td:nth-child(4){width: 15%;}
.shop_fctr table tr:first-child td:nth-child(5){width: 25%;}
.shop_fctr table input[type="checkbox"]{ height: 12px; width: 12px; -webkit-appearance: none; -moz-appearance: none;	-ms-appearance: none; -o-appearance: none; appearance: none; border: 1px solid #A5A6A4; background:#FFFFFF; vertical-align:middle; cursor:pointer;}
.shop_fctr table input[type="checkbox"]:checked{ background: #689e72; border: 1px solid #5c8864;}
@media only screen and (max-width: 550px){
	.shop_fctr table{width: 100%;min-width: inherit;}
}
.formtop{font-size:0; padding-top:15px;}
.formtop>div{display:inline-block; text-align:center; margin-left:0.25%;}
 .formtop>div:last-child{margin-left:0;}
.formtop>div>div:first-child{display:inline-block; font-size:16px; background:rgba(118,29,71,0.8); width:100%; border:1px solid rgba(111, 26, 66, 0.8);
	padding:2px 5px; border-radius:3px 3px 0 0; font-family:'sahel'; color:#FFF; text-shadow:1px 1px 1px #000000;}
 .formtop>div>div:nth-child(2){display:block; font-size:14px; background:rgba(255,255,255,.85); padding:5px; border:1px solid #FFFFFF; border-top:none;}
.formtop>div:nth-child(1){width:24%}.formtop>div{width:25%; vertical-align:top;}
.formtop select, .formtop input{border:1px solid #CCC;max-width:250px;width:100%;padding:0px 3px 0;height:30px;font-family: sahel;font-size: 16px;}
.ltr {direction: ltr;display: inline-block;}
.formtop >div:nth-child(5) input {max-width:inherit;}
.formtop >div:nth-child(5) {width:74%;margin-top: 10px;}
.formtop >div:nth-child(6) {width: 25%;margin-top: 10px;}
.formtop >div:nth-child(7) {width: 100%;margin-top: 10px;}
.formtop >div:nth-child(7) input {max-width:inherit;}
.oln_shop form button{ width:100%; max-width:261px; height:35px; line-height:35px; background:#5e9a7d; color: #fff; font-family: "sahel"; font-size: 16px; border-radius: 3px; border: 1px #53886e solid; transition:all linear .2s;cursor:pointer;margin-top: 40px;}
.oln_shop h3 {
    padding: 4px 7px;
    margin: 40px 0 30px;;
    background: rgba(118,29,71,0.1);
    font-size: 18px;
    border-bottom: 3px solid rgba(118,29,71,0.8);
    display: inline-block;
}
.formtop .time_resid select:nth-child(1){width:28%;}
.formtop .time_resid select:nth-child(2){width:40%;}
.formtop .time_resid select:nth-child(3){width:28%;}
#free_peyk{color:#b63737}
@media only screen and (max-width: 768px) {
.formtop > div{ vertical-align:top;}
.formtop > div > div:first-child{ font-size:16px;} 
.formtop > div > div:nth-child(2){ font-size:16px;}
}

@media only screen and (min-width: 40px) and (max-width: 575px) {
.formtop>div{display:block; width:100% !important; margin-bottom:5px;}
.formtop>div div:first-child{background-color:rgba(118,29,71,0.8);}
.formtop select, .formtop input	{height: 35px;}
.oln_shop form button{margin: 40px auto 0;display: block}
}
#pay_info{display:none;}
.titr_oln{padding: 20px 0 0px;font-size: 20px;line-height: 36px;text-align: justify;}
.titr_oln a{color:#b08013;white-space: nowrap;}
.txt_tbl{color: #888888;font-size: 15px;font-family: sahel;}
.pay_tm > div:first-child{width: 30%;min-width: 230px;}
.pay_tm > div:nth-child(2){width: 30%;min-width: 75px;}
.pay_cnc{line-height: 36px;}
.pay_cnc span{color: #179144;white-space: nowrap;}
.rtl{text-align: right; direction: rtl;}
.cntr{text-align:center;}
.no-spinners { -moz-appearance:textfield;}
.no-spinners::-webkit-outer-spin-button,.no-spinners::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}

/** dar yek negah matlab code 199 **/
#glance{ max-width:600px; margin-top:15px;}
#glance .items{ width:100%; border-bottom:1px dashed #666666; display:table;}
#glance .items:last-of-type { border-bottom: none;}
#glance .items i{padding-left: 7px; color:#8F4668; vertical-align:middle;}
#glance .items > div{ padding:8px 10px; display:table-cell;}
#glance .items > div:first-child{ width:150px; font-family:"sahelB"; font-size:15px; border-left:1px dashed #666666;}  
#glance .more_bt{ min-width: 100%; padding:10px; margin-top: 20px; line-height: 30px; background: #35AD68; color: #FFF !important; font-family:sahelB; font-size: 16px; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,.5); border-color: #68b78e; display: block; transition:all linear 0.2s;}
#glance .more_bt:hover{ opacity:0.8;}
#glance .more_bt span{ direction:ltr; display:inline-block;}
@media only screen and (max-width: 720px) {
	#glance .items { padding:10px; border-right:1px dashed #666;}
	#glance .items > div{ padding:0; display:block;}
	#glance .items > div:first-child{ width:100%; border-left:none;}
	#glance .items > div:first-child, #glance .more_bt{ font-size:18px;}
	
}
.padL7px{padding: 0 0 0 7px!important;}

/**wagreement**/
#wagree{ width: 100%; height: 100%; background: #fff; line-height: 25px;}
#wagree .main2{ padding: 20px; color: #333;}
#wagree .main2{ max-width:900px; padding:40px 30px 40px 30px; margin:auto; display:block; font-size:15px; line-height:26px;}
#wagree .main2 .example1{ color: #888888; position: relative; bottom: 6px; font-size: 13px; font-style: italic; text-align: center; display: block; background: white;} 
#wagree .main2 img{max-width:100%; height:auto; margin:15px auto 10px; display:block;}
#wagree .main2 h3{ margin-bottom:10px; line-height:30px; font-family:'sahelB'; font-size:17px; border-bottom:3px solid #166419; display:inline-block;}
#wagree .main2 h2{line-height: 43px; font-family: 'sahelB'; padding-bottom:10px; font-size:26px;}
#wagree .main2 ul, #wagree .main2 ol{ padding-right:30px;}
#wagree .main2 a{ color:#1152B5; transition:all linear 0.2s;}
#wagree .main2 a:hover{ color:#166419;}
#wagree .main2 table{ width:100%; margin:10px 0; text-align:center; border-spacing: 0; border-collapse: collapse;} 
#wagree .main2 table tr td{ padding:3px 5px; background:#F8F8F8; border:1px solid #fff; transition:all linear .2s;}
#wagree .main2 table tr:nth-child(2n-1) td{ background:#eee; border-colr:#fff;} 
#wagree .main2 table tr:first-child td{ background:rgba(118,29,71,0.8); color:#fff; font-size:16px;}
#wagree .titr_1{ font-size: 20px; line-height: 33px; margin-bottom: 20px; font-family:"sahelB"; }
#wagree .matn{ margin-bottom: 20px; font-size: 15px; line-height: 25px;}
.butt_close{ padding: 5px 15px 5px; color: #AF2229;; background: #fff; font-size: 15px; font-family:"sahel"; border: 1px solid #AF2229;; border-radius: 3px; transition: all 0.2s linear;}
.butt_close:hover{ color: #fff; background: #AF2229;}
@media only screen and (max-width: 768px) {
	#wagree .tb_scroll > div{ overflow-x: inherit; overflow-y: inherit;}
	#wagree .tb_scroll > div table{ margin-top:10px;}
	#wagree	.tb_scroll > div table td{ white-space:normal;}
	#wagree .tb_scroll::before{ display: none;}
}
@media only screen and (max-width: 600px) {
	#wagree .tb_scroll > div{ overflow-x: scroll; overflow-y: visible;}
	#wagree .tb_scroll > div table{ margin-top:10px;}
	#wagree	.tb_scroll > div table td{ white-space:nowrap;}
	#wagree .tb_scroll::before{ content:'جدول را به راست و چپ بکشید.' url("images/icon/swipe-helper.gif"); padding-bottom:10px; display: block; text-align: center; font-size: 16px; border:1px solid #E2E2E2; color:#333; border-radius: 5px; margin-top: 10px; }
}

/******************************************** 1402 ***************************************/
#y_new{ width: 100%; min-height: 100vh; background: #f8f8f8; color: #000; font-family:"pelak"; font-size: 16px; line-height: 28px; text-align: center;}
#y_new .main_new{ min-height: Calc(100vh - 125px); padding: 20px; position: relative;}
#y_new .text{ min-height: 31px; color: #000f95; font-family: "pelakBlack"; font-size: 20px; line-height: 30px;}
.top_head{ padding: 35px 20px; background: #10a9cf; color: #fff;}
.top_head h1{ font-family: "pelakBlack"; font-size: 40px; line-height: 50px; border-bottom: 5px solid #29d5e0; display: inline-block;}
.img_box{ max-width: max-content; margin: auto; position: relative;}
.img_box img, .show_box img{ width: 100%; max-width: 350px; margin: 20px auto; display: block;}
.img_box button{ width: 100%; background: transparent; border: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: block; cursor: pointer;}
.show_box{ font-family: "pelakBlack"; display: none;}
.show_box form{ margin-top: 25px; font-family:"pelak";}
.show_box .txtbox{ margin-bottom: 7px; color: #4757db; font-family: "pelakBlack"; font-size: 27px; line-height: 37px;}
.show_box input, .show_box button{ width: 250px; height: 50px; padding: 10px; margin: 10px auto; font-size: 20px; border: 1px solid #ddd; border-radius: 5px; display: block;}
.show_box button{ background: #22bf86; color: #fff; font-family: "pelakBlack"; font-size: 20px; border: none;}
.show_before{ display: none;}
.show_before img{ width: 100%; margin: auto; max-width: 300px; display: block;}
.r_copy{ font-size: 14px; color: gray; position: absolute; bottom: 20px; left: 0; right: 0;margin: auto;}
.r_copy a{ color: gray; transition: all linear .2s;}
.r_copy a:hover{ opacity: 0.7;}
.eyd_bt{ width: 215px; border:1px solid #14a56f; background:#14a56f; margin:15px auto auto; padding:10px; border-radius:5px; color:#FFFFFF; padding-left:25px; padding-right:25px; display: block;}
.eyd_bt2{ border-color:#666dad; background:#666dad; margin:10px auto auto;}
.eyd_bt:hover{ color: #fff;}