/*
IRANYEKAN fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com
--------------------------------------------------------------------------------------
This set of fonts are used in this project under the license: (HMB2M)
--------------------------------------------------------------------------------------
*/

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/iranyekan/eot/iranyekanwebbold.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff2/iranyekanwebbold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/iranyekan/woff/iranyekanwebbold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/iranyekan/eot/iranyekanweblight.eot');
	src: url('../fonts/iranyekan/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff2/iranyekanweblight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/iranyekan/woff/iranyekanweblight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanweblight.ttf') format('truetype');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/iranyekan/eot/iranyekanwebregular.eot');
	src: url('../fonts/iranyekan/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('../fonts/iranyekan/woff2/iranyekanwebregular.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('../fonts/iranyekan/woff/iranyekanwebregular.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('../fonts/iranyekan/ttf/iranyekanwebregular.ttf') format('truetype');
}



/*Normalising*/

html,body{margin:auto;padding: 0 ;}
.Chakaame-Contents {padding-top: 73px}
@media screen and (max-width: 310px)
{
    .Chakaame-Contents {padding-top: 75px}

}
a{text-decoration: none; cursor: pointer;}
a:link,a:visited,a:hover,a:active{color:#333;}
p, ul, li {padding:0; -webkit-padding-start: 0; -webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0;}
img{border:0!important;}
.ltr {direction: ltr!important;}
.rtl {direction: rtl!important;}
body{
	direction:rtl;
	width:100%;
	margin:auto;
    font-family: iranyekan, sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern';
}
hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0));
}

.clear {clear: both;}
.border-top { border-top: 1px solid #ccc;   padding-top: 0.5em;}
.border-bottom { border-bottom: 1px solid #ccc;   padding-bottom: 0.5em;}
.btn-default {
-webkit-border-radius: 2px;
border-radius: 2px;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
border: 1px solid #dcdcdc;
border: 1px solid rgba(0,0,0,0.1);
color: #444;
cursor: default;
font-family: inherit;
font-size: 11px;
font-weight: normal;
height: 40px;
line-height: 40px;
text-align: center;
margin: 5px;
min-width: 72px;
max-width: 200px;
outline: 0;
padding: 0 8px;
cursor: pointer;
}
.btn-default:hover {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
border: 1px solid #c6c6c6;
color: #333;}
.btn-default:active {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
border: 1px solid #c6c6c6;
color: #333;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}
.btn-default-imp {
    min-height: 41px;
    background-color: #4d90fe;
    background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
    background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
    background-image: linear-gradient(top,#4d90fe,#4787ed);
    border: 1px solid #3079ed;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,0.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
    box-sizing: border-box;
    padding: 0 8px;
    cursor: pointer;
    min-width: 72px;margin: 5px;
    height: 40px;
    line-height: 40px;
    text-align: center;


 }
.btn-default-imp:hover
{
    background-color: #357ae8;
    background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
    background-image: linear-gradient(top,#4d90fe,#357ae8);
    border: 1px solid #2f5bb7;
    color: #fff;
}
.btn-default-imp:active {
    
    background-color: #357ae8;
    background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
    background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
    background-image: linear-gradient(top,#4d90fe,#357ae8);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

.btn-default-warr {
background-color:#ff3a3a;
background-image: -webkit-linear-gradient(top,#ff3a3a,#fc5656);
background-image: linear-gradient(top,#ff3a3a,#fc5656);
border: 1px solid #fc5656;
color: #fff;
 }
.btn-default-warr:hover
{
background-color: #dd0000;
background-image: -webkit-linear-gradient(top,#fa1515,#a70000);
background-image: linear-gradient(top,#fa1515,#a70000);
border: 1px solid #ff2727;
color: #fff;
}
.btn-default-warr:active {
    
background-color: #dd0000;
background-image: -webkit-linear-gradient(top,#a70000,#fa1515);
background-image: linear-gradient(top,#a70000,#fa1515);
border: 1px solid #ff2727;
color: #fff;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

.Music-Download-btn {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-color: #f5f5f5;
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
    border: 1px solid #dcdcdc;
    border: 1px solid rgba(0,0,0,0.1);
    cursor: pointer;
    font-family: inherit;
    font-size: 11px;
    font-weight: normal;
    height: 40px;
    display: inline-block;
    font-size: 13px;
    line-height: 40px;
    text-align: center;
    margin: 10px 0;
    min-width: 72px;
/*    max-width: 200px;*/
    outline: 0;
    padding: 0 8px;
    cursor: pointer;
}

.direct-download {display:block; margin: auto; text-align: center; line-height: 50px; width: 130px; height: 50px; color: #fff!important; }
.direct-download:hover {color: #000!important; }

.Music-Download-btn:hover {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
border: 1px solid #c6c6c6;
color: #333;}
.Music-Download-btn:active {
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1);
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
border: 1px solid #c6c6c6;
color: #333;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
}


h1,h2,h3,h4,h5,h6 {font-weight: normal}
section .default { text-align:center; height: auto; margin:5px auto; background-color: rgba(255,255,255,0.6)}
.blacknotes {color: #000!important;}
.darkRednotes {color: #a90020!important}
.rednotes {color: #FF0000;}
.graynotes {color: #777!important}
.c4notes {color: #c4c4c4!important}
.default-text-color {color: #333;}
.Whitenotes {color: #fff!important}

.behdad {font-family: 'behdad', sans-serif!important}
.iranyekan {font-family: iranyekan, sans-serif!important}
.mitra {font-family: 'mitra', sans-serif!important}
.p25px {font-size: 25px;}
@media screen and (max-width: 420px) {
    .p25px {font-size: 20px;}
}
.p15px {font-size: 15px;}.p16px {font-size: 16px;}.p18px {font-size: 18px;}.p13px {font-size: 13px;}.p11px {font-size: 11px;}
.Max960 {width: 95%; max-width: 960px; margin: auto;}
.Max1070 {width: 98%; max-width: 1070px; margin: auto;}
.Max80 { width: 80%; max-width: 500px; margin: auto;}
.Right {text-align: right!important;}
.Left {text-align: left!important;}
.justify {text-align: justify!important;}
.DivMargin {margin-top: 30px!important;}
.balck-bg {background: #000!important;}
.NoneMargin {margin: 0!important;}
.text-center {text-align: center!important;}
.title-color{color: #AF4516!important}
a .title-color:hover {color: #d01818!important}
.light-box-shadow {-moz-box-shadow: 0 0 5px #a9a9a9;-webkit-box-shadow: 0 0 5px #a9a9a9;box-shadow: 0 0 5px #a9a9a9;}
#pagemask {display: none; background: rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; z-index:10000; cursor:pointer}
#alert{position:fixed;z-index:200000000;background:url(../img/pattern.jpg);display:none;width:100%;height:100%; text-align:center; margin: auto}
#alert .AlertBox{max-width:450px;height:184px;background:url(../img/browser_alert.png) 0 0 no-repeat;margin:10rem auto;z-index:200000010; width:100%; background-size:contain}
.Transmit_3 {-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s ;transition: all 0.3s;}
.Transmit_5 {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-o-transition: all 0.5s  ease;transition: all 0.5s ease;}
.relative {position: relative;}
.absolute {position: absolute}
.BYekan {font-family: 'BYekan', sans-serif}
.Circle {border-radius: 50%!important;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.margin-bt-30{margin-bottom: 30px;}
.padding-bt-30{padding-bottom: 30px;}
.padding-bt-10{padding-bottom: 10px;}
.vertical-middle {vertical-align: middle!important;}
.vertical-text-top {vertical-align: text-top;}
.float-left {float: left;} .float-right{float: right;}
.white-bg {background-color:  rgba(255,255,255,0.5)}
.HomeSections {padding: 20px 0; background: rgb(255, 255, 255); margin: 20px auto;}
.line2h {line-height: 1.8}
.grayscale-blur {
    webkit-filter: grayscale(100%) blur(5px);
    -moz-filter: grayscale(100%) blur(5px);
    -o-filter: grayscale(100%) blur(5px);
    -ms-filter: grayscale(100%) blur(5px);
    filter: grayscale(100%) blur(5px) grayscale(1);
}

/*HEADER*/
header {font-family:iranyekan, sans-serif;
min-height: 50px; 
position:fixed;top:0!important; margin:auto; margin-bottom: 10px;width:100%; z-index:400;text-align:right;
-moz-box-shadow: 2px 0 5px rgba(0,0,0,0.2);-webkit-box-shadow: 2px 0 5px rgba(0,0,0,0.2);box-shadow: 2px 0 5px rgba(0,0,0,0.2);
}
#TopNav {float: left; height:50px; width:100%; margin: auto; text-align: right; background: rgba(31,31,31,0.8); padding: 5px 0;}
#TopNav {float: left; height:22px; width:100%; margin: auto; text-align: right; background: rgba(31,31,31,0.8); padding: 5px 0; line-height: 22px;}
#TopNavLogo {display: inline-block;width: auto; vertical-align: middle; margin:1px auto;margin-right:20px ;text-align:right;}
.NavTitle { margin: 0 auto; color: #E2BD48; -webkit-transition: color 0.5s;-moz-transition: color 0.5s;-o-transition: color 0.5s;transition: color 0.5s; font-size: 13px; font-weight: normal}

#TopNavLogo:hover >h1 {color: #CBC2A6}


#MENU, .topmenu li ul, .TopMenuLeft ul  {/*background: url(../img/poems_list_bg.jpg);*/
    background: rgba(255,255,255,0.95);
}
.topmenu {display: inline-block;margin:auto; text-align:right; /*padding-right:20px;*/ direction:rtl;line-height:45px; position:relative;
/*-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;*/}
.topmenu li{display:inline-block; position:relative; text-align:center; cursor:pointer; background: rgba(255,255,255,0.5); min-width: 60px;border-left:1px solid #ccc;
-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition: all 0.2s ease;}
.topmenu li:first-child{ border-right:1px solid #ccc;}
.topmenu li:hover {background-color:rgba(255,255,255,0.6);}
.topmenu li:hover > span, .topmenu li:hover > a span{color: #d01818; text-shadow:0 0px 3px #e4e4e4;}
.topmenuitems {padding: 0 5px; margin: 0 5px; font-size:0.9rem; color:#555; font-weight: bold;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.topmenu li ul li span , .TopMenuLeft ul  li span{ font-size:0.9rem; color:#555; cursor:pointer;}
.topmenu li ul{ display:none; position:absolute; width: 140%;margin-right:-20%;margin-top: 0.5px; line-height:200%;}
.topmenu li ul li{display:inline-block; width:100%; min-height:30px;cursor:pointer; line-height:30px;border-bottom:1px solid #ccc; border-right: none!important; border-left:none!important} 
.topmenu li ul li:hover, .topmenu li ul a li:hover {background-color:rgba(255,255,255,0.6)} 
.topmenu li ul li:hover > span, .topmenu li ul li:hover > span span, .topmenu li ul li:hover > a span{color: #539cd1!important; text-shadow:#e4e4e4}
#toplogo {display: none; width:48px; height: 48px;margin:auto; text-align:center; background:url(../img/icons/chakaame-icons/apple-icon-120x120.png) no-repeat center center;
background-size:contain; position:absolute; right: 1rem; top:0; z-index:5;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.MenuFixed {position:fixed; top:0;min-height: 50px; background: #ff9900; margin:auto; width:100%; }

.Menu-bt {visibility:hidden; display:none}

.TopMenuLeft {position: relative; display: inline-block; height: 45px;float: left;margin: 0; line-height: 45px; z-index:105;
background: rgba(204, 142, 0, 0.81); background-size: contain; cursor:pointer; color: #fff;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}

.user-menu {position: relative; display: inline-block; height: 45px;float: left;margin: 0; line-height: 50px; z-index:105; color: #444; font-size: 2rem; text-align: center; margin-left: 20px; opacity: 0.8;}
.user-icon {background: url(../img/icons/ic_account_circle_white_48dp.png) no-repeat center center; position: absolute; width: 45px; height: 100%; background-size: contain; right: 5px;}
.TopMenuLeft a {color:#fff; -webkit-transition: color 0.5s ease;-moz-transition: color 0.5s ease;-o-transition: color 0.5s ease;transition: color 0.5s ease;
}
.TopMenuLeft ul li a {
    padding: 0!important;
    width: 100%;
    display: block;
}
.UserName { padding: 0 60px 0 10px}
.TopMenuLeft a:hover {color:#d01818; text-shadow: 1px 0 3px rgba(0,0,0,0.2)}
.TopMenuLeft ul {display:none; position:absolute; left: 0; width: 100%;margin-top: 0.5px;}
.TopMenuLeft ul  li {padding: 0 5px; height: 30px; line-height: 30px; display:block; text-align: center;border-bottom:1px solid #ccc;  background: rgba(255,255,255,0.5);}
.TopMenuLeft ul  li:hover {background-color:rgba(255,255,255,0.6);}
.TopMenuLeft ul  li:hover > a span {color:#d01818}
.ActiveMenu { background:#fff!important; }
.ActiveMenu:after {content: ""; width: 100%; height: 2px; bottom: 0; right: 0; position: absolute;background-color: #d01818;}

.New-Menu-Item {background-color: rgba(183, 59, 21, 0.81)!important}
.New-Menu-Item a span {color: #fff}
.New-Menu-Item:hover > a span {color: #fff!important}

@media screen and (max-width: 319px)
	{
		
		#TopNavLogo h1 span {display: none;}
	}
@media screen and (max-width: 210px)
	{
		#toplogo{display:none;}
		.Menu-bt{ padding: 0!important; text-align:center!important; width: 100%!important; margin:0!important}
        
	}

.Top-Social-Link {float: left; padding-top: 1px!important; margin-left: 10px!important;}
.Top-Social-Link a  {display: inline-block; width: 20px;  }
.Top-Social-Link a img, .footer-social-link li a img {width: 100%;}
.Top-Social-Link a , .footer-social-link li a  {color: #fff; font-size: 18px; text-align: center;}
.Top-Social-Link a:hover, .footer-social-link li a:hover {color: #d01818;}
.Top-Social-Link a:hover > img { -webkit-filter: grayscale(0.5); filter: grayscale(0.5);}
.footer-social-link li:hover > a img { -webkit-filter: grayscale(0.5); filter: grayscale(0.5);}
.footer-social-link li {display: inline-block; width: 40px}
.footer-social-link {display: none; margin: 10px auto; }


.hasSubMenu ul li a{display: block;}


.importmenu {background: #d01818!important}
.importmenu a span {color: #fff!important;}
@media screen and (max-width: 310px)
	{
        .Top-Social-Link {display: none;}
        .footer-social-link {display: block}
        .TopMenuLeft{width: 100%; margin: 0; padding: 0;}
        .TopMenuLeft ul {width: 100%;}
        .user-icon {right: 20px;}
        .UserName {padding: 0 80px 0 0;}
    } 

/*Menu for Mobile */

@media screen and (max-width: 480px) {
html {-webkit-text-size-adjust: none;	}
p {line-height:180%}
}


@media screen and (max-width: 930px)
{  
/*#TopNav {display:none;}*/
/*#toplogo { display: block; width: 50px; height:50px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;}*/
.topmenu { padding:0px; position:relative; display:none; background: rgba(119,119,119,0.8); width: 100%;}
ul.topmenu li ul {position:relative; overflow:hidden; width:100%!important; -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; margin-right:0;}
.topmenu li, .topmenu li a{display:block; width:100%; background:transparent; text-align:right}
.topmenu li:hover{background:#777}
.topmenuitems, .topmenu li ul li span, .Menu-bt {}
.topmenuitems, .Menu-bt {color:#fff; }
.topmenuitems:hover {color:#fff; }
.topmenu li:hover > span, .topmenu li:hover > a span {color: #fff; }
.topmenu li ul li 
.topmenu li ul { width:100%; -moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none; margin-right:0;}
.hasSubMenu ul li a{padding: 0 5px;}
.Menu-bt { float: left; width:auto;  height:45px;  visibility:visible; display: inline-block!important; cursor:pointer; opacity:0.8; background-size: contain; text-align: left; padding-left: 10px;
line-height:50px; color: #444; font-size: 2rem;
-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
.TopMenuLeft {height:45px; line-height: 45px;}
.Menu-bt:hover, .user-menu:hover {opacity:1}
.ActiveMenu {background-color:#777!important; }
.products_submenu {width:100%!important;min-width:100%;}
.products_submenu_menu {float:none; width:100%!important}
.CompaniesItem{background-position: right!important}
.products_submenu li span {padding-right:30px;}
.carsMenu {right:0!important}
.carsMenu li {width:49.5%!important; height:2rem; line-height:2rem; display:inline-block!important;
border-bottom: 1px solid #c1c1c1!important; margin:0}
.secondUL {right:0} .trdUL {right:0;} .fourUL {right:0;} .fvthUL {right:0;}
}
 /*Menu for Mobile ENDDDDDD*/

/*NEW LOGO in MENU*/

.new-menu-logo {display: inline-block;margin-right: 20px;}
.new-menu-logo img {display: inline-block; vertical-align: middle;}

/*HEADER END*/

.swiper-container {display: block; visibility: visible}
.slider {
    display: block; margin: -6px auto; margin-bottom: 30px;
/*    height: 600px;*/
    
}
@media screen and (max-width: 730px)
{
/*    .slider { height: 300px; }*/

}
.swiper-container {
    width: 100%;
    height: 100%;
    
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #4b4b4b;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    
}
.slide-content {
    width: 100%; height: 100%; margin: auto; background-size:auto;background-repeat: no-repeat; background-position: center center;
}
.swiper-slide img {
    width: auto!important;
    min-width: 100%!important;
    height: auto!important; min-height: 100%!important;
    display: block;
    margin: auto;
    vertical-align: bottom;
    -webkit-filter: grayscale(100%) blur(10px);
    -moz-filter: grayscale(100%) blur(10px);
    -o-filter: grayscale(100%) blur(10px);
    -ms-filter: grayscale(100%) blur(10px) ;
    filter: grayscale(100%) blur(10px) grayscale(1);
}
.swiper-slide a { z-index: 1; 
    top: 10px;position: absolute; width: 100%; height: 100%; background-position:center center; background-repeat: no-repeat; background-size: contain;}
#firstLevelAlert{
	width:347px;
	height:40px;
	background-color:rgba(0,0,0,0.9);
	border-radius:7px;
	position:absolute;
	cursor: pointer;
	display:none;
}
.swiper-slide p {
    color: rgba(255,255,255,0.8);
     width: 100%; 
     display: block; 
     background: rgba(0,0,0,0.5); 

}

#firstLevelAlert p{
	color: white;
	margin-top: 6px;
}

#registerBox, .registerBox{
	margin: 0 auto;
	width: 350px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	border-radius:7px;
	height:40px;
	padding: 0;
	border:2px solid transparent;
}

textarea,input, button,p,.phone,label,nav a,#admin a{
	font-family: 'BYekan',sans-serif;
	font-size: 15px;
	margin: 0;
}


button,.phone,label,.register,#admin a{

	border:none;
}


.phone,label{

}

button,#admin li a{
	cursor: pointer;
	
}

#finalRegister, .btn{
	background: url(../img/button2.jpg) repeat-x;
	width:172px;
	display:none;
	border-radius:7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.shopbutton{
	background: url(../img/button3.jpg) repeat-x!important;
	width:148px !important;
	display: block !important;
	margin: 0 auto !important;
	float: none !important;	border-radius:7px !important;	line-height:40px!important;
}
.shopbutton a {}
.shopbutton:hover, #fistLevelRegisterButton:hover,#admin a:hover{
	background-position: 0 -40px !important;

}

.shopbutton:active, #fistLevelRegisterButton:active,#admin a:active{
	background-position: 0 -80px !important;
}

.box{
	background: url('../img/box.png') no-repeat;
	height:138px;
	width:197px;
	margin: 0 20px;
	

}
.box_shajarian {
	background: url('../img/box_shajarian.png') top center no-repeat!important;
	height:160px!important;
	width:197px!important;
	margin:10px auto 0 auto!important;
	padding-top:80px;
}
.box .price{
	font-size: 22px!important;
	width:158px;
	height:40px;
	padding-top:5px;
	margin: 0 auto;
	text-align: center;

}

.box .title{
	font-size: 25px!important;
	color:#780303;text-shadow: 0 0 3px #ffe3a6;
}


#appbox {
	
	background: url('../img/appbox.png');
	height:293px;
	width:250px;
	margin: 0 20px;
}

#appbox .appname{
	font-family: 'BYekan', sans-serif; font-size: 18px!important; margin: auto 20px!important; text-align:center!important;padding-top:5px;
	color:#780303;text-shadow: 0 0 3px #ffe3a6;
}

#appbox .des{
	font-size: 13px!important; font-family:tahoma; line-height:20px;
	width:158px;height:40px;
	padding-top:5px; color:#613000;
	margin: 0 auto!important;
	text-align: center!important;

}


#appbox  .barcode{
margin:auto; margin:10px auto;
width:130px; height:120px;
}
#appbox  .barcode img{ width: 95%!important;}

button:hover,#finalRegister:hover,.shopbutton:hover{
	background-position: 0 -40px;

}

button:active,#finalRegister:active,.shopbutton:active{
	background-position: 0 -80px;
}

textarea,input,#adminContents .bagInput{
	height:40px;
	background-color: rgba(100,100,100,0.7);
	border:none;
	direction: ltr;
	text-align:center;
	padding:0;
	width:180px;
	margin-right: 0px;
	margin-left:-4px;
	color:white;
}


p{
	font-size:18px;
	text-align:center;
	
}

ul{
	list-style:none;
}

#notice{
	margin-top:10px;

}

.tip{
	margin-top: 100px;
	color:red;
}

#secondLevel{
	display: none;
    max-width: 300px;
    margin: auto;
	

}
#secondLevelInputs li {position: relative;}
#secondLevelInputs li label { background:none!important; font-family: 'BYekan'; font-size:0.8rem; color:#e4e4e4;width:auto; 
right:0; text-align:right;position:absolute; direction:rtl; text-align:right;padding:0 2px 0!important; line-height:40px; height:40px;
}
#secondLevelInputs li #email {font-size: 1em;}
#secondLevelInputs li #bday {font-family: 'BMitra'!important;}
#secondLevel input,select {
width: 100%; margin: auto; 
font-family: 'BYekan',sans-serif!important;
}

.SubmitBtn {width:300px; float:none; margin:5px auto;background: #0099ff url(../img/userloginbtn.svg)  no-repeat 268px center;
text-align:center; font-family:'BYekan'; font-size:1.2rem; color:#fff; border-radius: none!important;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
-moz-box-shadow: 0 0 3px #a9a9a9;-webkit-box-shadow: 0 0 3px #a9a9a9;box-shadow: 0 0 3px #a9a9a9;
}
.SubmitBtn:hover {background: #00bff3 url(../img/userloginbtn.svg) no-repeat 268px center; box-shadow: 0 0 3px #00bff3} .SubmitBtn:active{background: #007ca5 url(../img/userloginbtn.svg) no-repeat 268px center;outline:none;}.SubmitBtn:focus{outline:none}

#adminContents input,#adminContents textarea,#adminContents .bagInput {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	width:250px;
	direction: rtl;

}


#secondLevel button { float: none!important; margin: auto!important;}
#secondLevel li {
	width:100%;
	margin-bottom: 5px;

}

#secondLevel select {
	height:40px;
	background-color: rgba(100,100,100,0.7);
	border:1px solid rgba(100,100,100,0);
	direction: rtl;
	text-align:center;
	padding:0;
	color:white;
}

#secondLevel span{
	color:red;
	margin:0 5px;
	font-family: Bmitra;
	font-size: 20px;
}

#secondLevel p{
	font-family: Tahoma;
	font-size: 11px;
	color:black;
	text-align: right;
	margin: 0 5px 10px 5px;

}

 .btn{
	display: block;
	margin:0 auto;
	float:none;
}

#secondLevelAlert{
	display:none;
	margin-top: 80px;
}

#secondLevelAlert p{
	font-family: 'BYakan', sans-serif;
	font-size: 18px;
	margin-bottom: 20px;

	text-align: center;
}

#secondLevelClose,#chakaamegraphi_ShoppingForm_Close{
	cursor:pointer;
	height:21px !important;
	width: 21px !important;
	margin:5px !important;
	padding: 0 !important;
	border-radius: 7px !important;
	float:right !important;
	background: url('../img/close.png') no-repeat !important;
	background-position: 1px 0 !important;
	background-color: black !important;

}
.freeBox{
	width: 355px;
	margin: auto; margin-top:20px;
	height:40px;
	
}
#free{
	background: url('../img/free.png') no-repeat center center;
	width:93px;
	height:39px;
	margin:auto;
}

.required {
	background-color: rgba(150,100,100,0.7) !important;
	box-shadow: 0 0 3px red !important;
}

.planboxs {
	width : 100%;
	margin: 30px auto 30px auto;
	text-align:center;
}

.premium table{

}

#under_login a{color:#ff0000!important; text-shadow:none; padding-right:5px;padding-left:5px}
#under_login a:hover{color:#333333!important; text-shadow: 0 0 5px #959595}

#admin {
	padding: 0;
	margin: auto;
	width: 100%;
	min-width:980px;
}

#admin nav{
	position: fixed;
	left: 100%;
	top: 0;
	margin-left: -120px;
	margin-top: 85px;
}

#admin nav ul{
	display: inline-block;
}


#admin nav li a{
	width:120px;
	text-align: left;
	padding: 0 0 0 5px;
	height: auto;
	float:right;
	margin-bottom: 2px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

#adminContents{
	max-width: 950px;
	padding: 10px;
	margin:auto;
	border-radius: 7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	background-color: rgba(255,255,255,0.8);
	
}

#adminContents p,#adminContents select{
	font-size: 15px;
}

#adminContents td,#adminContents th{
	border-bottom: 1px solid rgb(200,200,200);
	padding: 0 6px;
	
}

#adminContents table{
	margin-bottom: 10px;
}

#adminContents th {
	padding-bottom: 10px;
}

#adminContents td{
	padding: 5px 0;
}

#adminContents select {
	border-radius: 3px;
	border: 1px solid rgb(200,200,200);
	padding:2px;
	width: auto;
	margin : 0 auto;
}

#adminContents a {
	background: url(../img/button.jpg) repeat-x;
	padding: 0 5px;
	border-radius: 3px;
}

#adminContents label {
	width:150px;
}

#adminContents input,#adminContents .bagInput {
	width: 300px;
	padding: 0 5px;
	direction: ltr;
}


#adminContents textarea {
	width: 300px;
	height: 200px;
	min-height: 200px;
	text-align: right;
	padding: 5px;
	border-bottom-right-radius: 7px;
	font-family:'BYekan'; font-size:13px;
}

#adminContents ul{
	padding: 0;
	margin: 0;
}


#adminContents li{
	margin-bottom: 2px!important;
}

.inputTip{
	
	font-size:20px!important;
	color:red;
	height: 37px;
	padding-top: 3px;
	text-align: right;
	margin: 0 10px;
}

footer{width:100%; margin:80px auto 0 auto;min-height:200px; position: relative; background: #fbfbfb;
-moz-box-shadow: 2px 0 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 0 5px rgba(0,0,0,0.2);
    box-shadow: 2px 0 5px rgba(0,0,0,0.2);
}
#real_footer {margin:auto; width: 95%; direction:rtl; padding: 20px 5px; text-align:center;}

.footerLink {font-family: iranyekan, sans-serif; font-size: 0.84rem; color: #777!important;
-webkit-transition: color 0.5s;-moz-transition: color 0.5s;-o-transition: color 0.5s;transition: color 0.5s;
}
.footerNote {color: #adadad; line-height: 2;}
.footerLink  {margin: auto; padding-left: 10px;}
.footerLink:before {content: "• "}
.englishNote {font-family: sans-serif; font-size: 0.7rem; color: #adadad; direction: ltr;}
.footerLink:hover , .footerNote span{ color:#d01818!important;}
.footerNote span { margin: 0 10px}
@media screen and (max-width: 345px)
	{
		.footerLink:after { content:"\A"; white-space:pre;}
		.footerNote span {display:none}
	}

footer {clear:both}
.footer_fix {position: fixed; bottom: 0; width: 100%;}

/*Footer New BTNS*/

.footer-btns li {display: inline-block; vertical-align: top;}
.footer-btns li a{display: block;}
.footer-dl-btn:hover {background: #848484}
.footer-dl-btn:hover > i,.footer-dl-btn:hover > span {color: #fff}
.footer-dl-btn {
    border: 1px solid #ccc;
    padding: 3px 10px;
    border-radius: 10px;
    min-width: 100px;
    height: px;
    line-height: 2;
    display: inline-block;
}
.footer-dl-btn i {
    opacity: 0.8;
    padding-right: 0px;
    padding-left: 10px;
    border-left: 1px solid #888;
    vertical-align: middle;
}
.footer-dl-btn span {

    font-size: 11px;
    color: #777;
}

.footer-dl-btn .os {

    display: ;
    color: #777;
}



/**/
#smsTable tr{
float:right;
margin-bottom: 2px;
	
}
#login_buttoms {width: 300px; margin:auto; text-align:center;}
.remember {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 30px;
	background: url(../img/button.jpg) repeat-x;
	height: 25px;
	width: 120px;
	border: none;
	border-radius: 5px;
	padding: 5px 20px;
}

.remember label{
	background: none;
	border:0;
	float:none;
	padding:0;
	height:auto;
	margin: 0;
	float:left;
	width: auto;
	margin-top:2px;
}

.remember input{

	height: auto;
	background:none;
	border: none;
	direction:inherit;
	padding: 0;
	width: auto;
	margin:0;
	color: white;
	float:right;
	margin-top:5px;
	display: block;
}
#gototop{
	z-index:1;
    width:40px;
    height:40px;
    opacity:0.7;
    position:fixed;
    bottom:20px;
	right:2%;
	margin:20px auto;
	display:none;
    text-indent:-9999px;
    background: url('../img/topofpage.svg') no-repeat;
	cursor:pointer;
}
.downloadApp-box ul { text-align: center};
.downloadApp-box li {display: inline-block!important;}
/********New Admin **/
.admin_menuItem {padding: 0 10px!important ; display:inline-block; height:30px; background: #0099ff; margin:5px auto!important;}
.admin_menuItem:hover {background:#00bff3}
.admin_menuItem a {font-size:0.84rem!important; font-family: 'BYekan'!important; line-height: 30px; height:30px; border-radius:0!important; min-width: 100px;width:auto; color:#fff}
.admin_combo, #adminContents select {height:40px; padding:2px; border: 1px solid rgb(200,200,200); font-size:0.84rem; font-family: 'BYekan';}
.admin_textarea_poembox {direction:rtl!important;}
#poemTable a {font-size:12px!important; font-family: 'BYekan'!important;}

title{ 	background: rgba(255,255,255,0.5) url("../img/title_icon.png") right center no-repeat; height:40px; line-height:40px; border-bottom: 1px solid rgba(189,129,0,0.5); padding-right:40px; color: rgb(209,129,0); text-shadow: 0 0 3px #ffffff;}

.Register-info {margin: 10px auto; text-align: center;}

.ChakaameCalendar {
    max-width: 400px; margin: auto;
}
.ChakaameCalendar:hover { opacity: 0.8;}
.ChakaameCalendar-imgbox {
    
  margin: auto;
  max-width: 100%;
  
  background-size: contain, auto;
  width: 100%;
  height: 209px;
  background-blend-mode: multiply;
  background-repeat: no-repeat, repeat;
  background-position: center;
}
.ChakaameCalendarp { font-family: 'BYekan', sans-serif; color: rgba(153,51,0,0.8);font-size: 1.2rem;  padding-bottom: 10px; margin-bottom: 20px;
    background: url(../img/footer_border.png) no-repeat bottom center;}
.ChakaameCalendarp span {font-size: 1.3rem; color: rgb(153,51,0)}
.more-items {width: 90px; height: 90px; border: 1px solid rgba(204, 142, 0, 0.55); display: block; margin: auto; line-height: 90px; font-size: 13px; color: rgb(204, 142, 0) !important;}
.more-items:hover { box-shadow: 0 0 3px rgba(204, 142, 0, 0.81); text-shadow: 0 0 1px rgba(204, 142, 0, 0.81)}

.div25 {width: 24%; max-width: 300px; height: auto; margin: auto 0.25%; position: relative; } .div25 img {width: 100%; display: block}
.div30 {width: 29%; height: auto; position: relative; display: inline-block; vertical-align: top; margin-right: 0.3%}
.div70 {width: 69.5%; height: auto; position: relative; display: inline-block; }
.div50 {width: 49%; height: auto; position: relative; display: inline-block; }
.div25:hover  {opacity: 0.8; box-shadow: 0 0 3px #777}
.inline {display: inline-block;}
.block {display: block;}
.border-right {border-right: 1px solid #c7c7c7}
@media screen and (max-width: 820px) {
    .div25 {width: 48%; margin: auto 0.5%;} .div25 img {width: 100%;}
    .div30, .div70, .div50 {width: 95%; float: none; height: auto; margin:10px auto; position: relative; display: block; vertical-align: top;}
    .div70 {margin: auto!important;}
    .div30 {padding-top: 10px; border-top: 1px dotted #c7c7c7;}
    .border-right {border-right: none}
    .widgets {width: 100%; margin: auto;}

}
@media screen and (max-width: 485px) {
    .div25 {width: 95%; height: auto; margin:10px 0.5%; position: relative; } 
    .inline {display: block;}
}
.full-div-hyper {position: absolute; top: 0; width: 100%; height: 100%; display: block; margin: auto; cursor: pointer;z-index: 1;}
.hide-overflow {overflow: hidden;}
.hidden {display: none!important;}
/*MESSENGER*/
.intro-messenger {/*background-image: url('/media/img/intro/intro-messenger-bg1.jpg');*/ background: #fff; }
.intro {width: 95%; height: 100%; overflow: hidden;}
.smartphone {
    position: relative; z-index: 5;
    background-color: #fff; margin: -5px auto 0;
    text-align: center; 
}
.smartphone img {width: 98%; max-width: 650px; vertical-align: top; margin: auto;}
.smartphone-slides {
    display: inline-block;
    margin-top: 5%;
    margin-left: -4%;
}
.smartphone-slides li, .smartphone-slides li img { width: 100%;}
.features {background: #fff; margin: auto; text-align: right; position: relative;}
.features-wrapper { width: 49%; height:100%; display: inline-block; overflow: hidden; vertical-align: middle;}
.features-wrapper .background {width: 100%; vertical-align: middle}
.features-wrapper p {}
@media screen and (max-width: 480px) {
    .features-wrapper {width: 100%; display: block; text-align: center;}
/*    .features-wrapper .background {height: 100%; width: auto; vertical-align: middle}*/

}


/*News*/
.News-Box {height: 250px; background-size: cover; background-position: top center; background-repeat: no-repeat; border-bottom: 1px solid #dbdbdb}
.News-title {padding: 10px 5px; margin: 0 auto; font-size: 1rem; text-align: right;line-height: 1.5; font-weight: bold}

.News-details {
    color: #777;
    text-align: right;
    padding: 5px;
    font-size: 0.7rem;
    border-top: 1px solid #ccc;
}
.News-details i{padding-left: 5px;}


.div25-news {vertical-align: top; width: 40%; max-width: 400px; height: auto; margin: 10px 2%; position: relative; background: #fff; overflow: hidden;}
.div25-news img {width: 100%; display: block;}
.div25-news:hover  { box-shadow: 0 0 3px #c1c1c1}
.div25-news:hover > .full-div-hyper {background: rgba(255,255,255,0.1);
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;

}
.div25-news:hover > .News-Box {box-shadow: inset 0 0 5px rgba(0,0,0,0.5);
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
}
.inline {display: inline-block;}
.block {display: block;}
.div70 audio, .div70 iframe {max-width: 100%; background: rgba(0,0,0,0.5); max-height: 300px;}
.div70 video {max-width: 100%; background: rgba(0,0,0,0.5); max-height: 500px; position: relative; z-index: 5; display: block; margin: auto;}
.div70 iframe {max-height: none!important;}
.div70 img { max-width: 100%; margin: auto; }
.news-top-mobile, .news-top-ads, #TopAds {display: none}
@media screen and (max-width: 980px) {
.div25-news { max-width: 350px; margin: 10px 0.5%;} .div25-news img {width: 100%;}
}
@media screen and (max-width: 820px) {
.div25-news {width: 48%; max-width: 390px; margin: 10px 0.5%;} .div25-news img {width: 100%;}
}
@media screen and (max-width: 620px) {
.div25-news {width: 95%; height: auto; max-width: 480px; margin:10px 0.5%; position: relative; } 
}
.div25-news .title {padding: 0 5px; color: #AF4516}
.div25-news .message {color: #484848}
.padding5px {padding: 5px;}
.padding-begin {padding-top: 20px;}
.Margin-top-5 {margin-top: 5px;}
.news-img-blur-bg {
    
    background-color: transparent;
    width: 100%; height: 100%; position: absolute; top: 0;
    z-index: 5;

}
/*
.news-img-blur-bg b {
    width: 110%; height: 110%; position: absolute; top: -2%; right: -2%;
    background-color: transparent; background-size: cover;
    webkit-filter: grayscale(100%) blur(5px);
    -moz-filter: grayscale(100%) blur(5px);
    -o-filter: grayscale(100%) blur(5px);
    -ms-filter: grayscale(100%) blur(5px);
    filter: grayscale(100%) blur(5px) grayscale(1);
    

}
*/
.news-img-blur-bg b {
    width: 100%; height: 100%; position: absolute; top: 0; right: 0%;
    background-color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center;
    background-color: #777;
}

.news-img-blur-bg .ads {
    display: none;
    width: 100%; height: 100%; position: absolute; top: 0; right: 0%;
    background-color: transparent; background-size: contain; background-repeat: no-repeat; background-position: center;
    background-color: #777;
}

.play-video-btn {
    position: absolute; width: 80px; height: 80px; top: 50%; margin-top: -50px; left: 50%; margin-left: -50px;
    display: block;
    background-color: #000;
    border: solid 2px #fff;
    border-radius: 50%;
    -webkit-transition-property: background-color, border-color;
    transition-property: background-color, border-color;
    overflow: hidden;
}
.play-video-btn i{color: #fff; line-height: 80px; text-align: center; display: block; font-size: 2.3rem; margin-left: 5px;}

.play-video-btn:hover {background-color: #d01818}
.h_iframe-aparat_embed_frame iframe {border: none!important;}

.ratio {display: block; padding-top: 50%};
.arvan-iframe iframe {}


#progressBar {
    
    z-index: 5;
    width: 100%;
    height: 8px;
    position: absolute;
    bottom: -5px;
    right: 0;
    direction: ltr;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    
}

progress[value]::-webkit-progress-bar {
    background-color: #fff;
    border-radius: 3px;

}

.news-img { max-width: 100%; max-height: 450px; display: block; cursor: pointer; z-index: ; position: relative; }  
.news-img img {max-width: 100%;height: auto; max-height: 450px;z-index:5; position: relative; display: block;}
.news-header {height: 100%; position: relative; display: block;}

@media screen and (max-width: 820px) {
    .news-img {max-height: 300px;}
    .news-img img{max-height: 300px;}
}
@media screen and (min-width: 1170px) {
.News-Article { clear: both; width: 100%; margin: auto;}

}
.News-Article h1 {font-weight: bold;}
.News-content p { font-size: 15px; text-align: justify; color: #333; padding-top: 10px; max-width: 100%; font-family: iranyekan, sans-serif; line-height: 2}

@media screen and (max-width: 750px) {
.News-content p { text-align: right;}

}

.News-content li {
    color: #b24d20;
    margin-right: 20px;
    display: list-item!important;
}
.News-Photos {width: 100%!important; max-width:250px!important;}

.widgets {}
.widgets-titles {cursor: pointer; background: #f3f3f3; /*border-bottom: #c7c7c7 1px solid;*/ padding: 5px 2px; text-align: center;  
    font-family: iranyekan, sans-serif;}
.widgets-titles i {padding-left: 10px; vertical-align: middle;}
.Last-news { min-height: 48px; position: relative; padding-right: 5px; border-bottom: 1px dotted #e4e4e4; display: block; margin: 5px auto;}
.Last-news:hover {background-color: #e4e4e4;}
.Last-news-img {position: absolute; width: 48px; height:48px; vertical-align: middle; display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat}
.Last-news p { padding-right: 52px; display: inline-block; vertical-align: middle;vertical-align: -webkit-baseline-middle;}

#PopUpDialogLayer {display:none;z-index: 99999; position:fixed; padding:5px;background-color: rgba(1,1,1,0.75); overflow:auto; width:100%; height:100%; top:0; right:0; left:0; bottom:0;}
#ClosePopUp {position:fixed;  width:100%; height:100%; top:0; right:0; left:0; bottom:0;cursor:pointer; }
.CHKMVerticalCenter {display:table; width:100%; height:100%;}
.CHKMvcCell {display: table-cell; vertical-align:middle;}
.PopUpContentWrap {padding:10px 30px; }
.PopUpDialogContent {margin: 0 auto;background:#fdfdfd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position:relative;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.1);	-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1); box-shadow: 0 1px 5px rgba(0,0,0,.1);
background-clip:padding-box;}
.PopUpMediaModal{width:98%; max-width: 1070px;}
.PopUpItem {height:auto; max-height: 100%;}
.PopUpItemNav { min-height: 24px; text-align: center;}
/*.PopUpItemNav a {width: 16px; height: 16px; display: inline-block!important; margin: auto; padding: 5px!important; min-width: 16px!important; background-position: center center!important}*/
.PopUpItem img {max-width: 100%; max-height: 100%; display: block; margin: auto;}

.photo-background { background-size: cover; background-repeat: no-repeat; background-position: center center;}

#owl-LastMusic .item, #owl-LastMusic .owl-item {height: 100px!important; width:100px!important;}
#owl-LastMusic .owl-item {margin: 0 5px!important;}

@media screen and (max-width: 620px) {
    .Last-news p { padding-right: 55px; vertical-align: middle}
    .PopUpItemNav span { display: block;}
    
    .news-top-mobile, .news-top-ads, #TopAds {display: block}
    

}


.news-head {min-height: 25px; padding: 5px; margin-bottom: 20px;}
.PopUpItemNav span { display: inline-block;}
@media screen and (max-width: 320px) {
    .PopUpItemNav span { display: block; height: 25px; line-height: 25px;}

}
.comment-wrapper {
    background: rgba(255,255,255,0.7);
    border: 1px solid rgba(204, 204, 204, 0.76);
    box-shadow: 0 0 3px rgba(204, 204, 204, 0.76); 
    border-radius: 0.5em;
    margin: 20px auto;
    max-width: 95%;
}
.comments-header {border-top-right-radius: 0.5em;border-top-left-radius: 0.5em; height: 24px; background: #F1F1F1; padding:0.2em 1em;}
.comments-header p { line-height: 24px;}
p.comments {padding: 1em;}
.comments-footer {border-bottom-right-radius: 0.5em;border-bottom-left-radius: 0.5em; height: 16px; background: #F1F1F1;  padding:0 2px;}
.comments-footer a {width: 14px; height: 14px; padding: 1px; vertical-align: top; background-color: #afafaf; display: inline-block; float: none; color: #ffffff; text-shadow: 0 0 1px #333; }
.comments-footer a i{display: block!important; font-size: 0.8em; line-height: 14px;vertical-align: middle;}
.comments-footer a:hover {background: #646464;}
@media screen and (min-width: 930px) {
    .comments48 {display: inline-block; vertical-align: top; width: 48%; margin:10px 0.5%; }
    .CommentForm .CommentInfo, .CommentForm .CommentInput {display: inline-block; vertical-align: top; width: 49%;}
    .CommentForm li {max-width: 100%!important;}
}
.comment-wrapper ul.has_answer {border-top: 1px solid #A9A9A9}
.comment-wrapper ul {padding-right: 20px; position: relative;}
.comment-wrapper li { margin-bottom: 5px;}
.comment-wrapper li:last-child { margin-bottom: 0;}
.comment-wrapper ul:before {content: ""; width: 20px; height: 100%; position: absolute; right: 0; background: #A9A9A9;}
.comment-wrapper ul .comments-header { border-top-right-radius: 0!important;border-top-left-radius: 0!important;}
.comment-wrapper ul .comments-footer {border-bottom-right-radius: 0!important;border-bottom-left-radius: 0!important;}


/*SignUp*/

.signup-logo {width: 80px; height: 80px; margin: auto; background: url(../img/avatar_2x.png) center center no-repeat; background-size: cover; display: block;}
#SignUp ul li, #InsertComment ul li {height: 50px; margin: 5px auto; width: 95%; max-width: 300px;}
#SignUp ul li input, #InsertComment ul li input {position: relative;}
#SignUp ul li label, #InsertComment ul li label {
    position: absolute; z-index: 1; color: #777; line-height: 50px;
    font-size: 13px; margin-right: 10px;

}
.default-input {
    width: 95%;
    height: 49px; line-height: 50px;
    background: #fff!important;
    text-align: right;
    color: #333;
    font-family: 'BYekan', sans-serif;
    font-size: 1.3rem;
    -webkit-appearance: none;
    padding: 0 2.5%;
    font-size: 14px;
    border: #c1c1c1 1px solid;
}

.default-input:focus{
    outline: none;
    border: 1px solid rgba(100, 99, 99, 0.63); 
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

.input-error {
    border: 1px solid #dd4b39!important;
    -moz-box-shadow: 0 0 2px rgba(221, 75, 57, 0.54);
    -webkit-box-shadow: 0 0 2px rgba(221, 75, 57, 0.54);
    box-shadow: 0 0 2px rgba(221, 75, 57, 0.54);
}
.registermask { background: rgba(255,255,255,0.5) url(../img/orbit/loading.gif) center center no-repeat; width: 100%; height: 100%; z-index: 1000; display: none;}
#Registration-notic li { margin-bottom: 10px;} #Registration-notic li:last-child { margin-bottom: 0;}

/* Gallery */
.Albumes-Box {height:250px; margin:  auto; background-size: cover; background-position: center center; background-repeat: no-repeat; border-bottom: 1px solid #dbdbdb; overflow: hidden;}
.img-w {width: 100%; height: auto; vertical-align: middle; margin: auto;margin-top: -25%!important;}
.img-h {width: auto!important; margin: auto; max-width: none!important;  margin-right: -25%!important; height: 100%!important; vertical-align: middle; }

@media screen and (max-width: 480px) {
    .img-h {
        width: 100%!important;
        max-width: none!important;
        margin: auto!important;
        height: auto!important;
        vertical-align: middle;
    }

}



@media screen and (min-width: 820px) {
.img-eq {width: auto!important; max-width: none!important; height: 100%!important; vertical-align: middle; margin-left:-12.5%;}

.Photo-info {opacity: 0; position: absolute; width: 100%; bottom: -10px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%);
    z-index: 1;
}
.div25-news:hover > .Photo-info {opacity: 1; bottom: 0; padding-bottom: 10px;}
    .Photo-info h1,.Photo-info p,.Photo-info h3, .Photo-info h2, .Photo-info span {color: #e0e0e0!important; text-shadow: 0 0 3px rgba(0,0,0,0.8)}
}
.Photo-nav-icons {
    color: #FFF!important;
    font-size: 14px;
    line-height: 27px;
    vertical-align: middle;
    margin: 0;
    border-radius: 5px;
    width: 24px;
    text-align: center!important;
    height: 24px;
    background: rgba(196, 196, 196, 0.88);
    display: inline-block;
}
.Photo-nav-icons:hover { color: #fff!important; background: #d01818;}

.Photographer {text-align: right; display: block; vertical-align: middle; height: 40px; line-height: 40px;}
.Photographer .img-Box {background-color: #acacac ; vertical-align: middle; width: 32px!important; height: 32px!important;margin-right: 5px; display: inline-block; background-size: cover;}
.Photographer span {vertical-align: middle; margin-right: 5px;}


.profile-Header {height: 300px; display: block; position: relative;overflow: hidden!important; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.header-profile-img { height: 280px; width: 280px; margin: 15px auto; background-position: center center; background-repeat: no-repeat; background-size: cover;}

.header-profile-bio {
    color: #333;
    font-family: iranyekan, sans-serif;
    font-size: 13px;
    text-align: center;
    padding: 5px 20px;
    line-height: 1.8;
/*    text-shadow: 0 0 5px rgba(0,0,0,0.3);*/
}



/*SEARCH*/
.search-menu {min-width: 30px!important; width: 35px!important;}
.search-menu:hover {    background-color: #E0E0E0!important;}
.search-menu-item {display: inline-block; background: url(../img/search.svg) center center no-repeat!important; background-size: 24px; width: 100%; height: 100%;}
.search-menu-item span {display: inline-block; height: 100%; width: 1005;}
@media screen and (max-width: 931px) {
    .search-menu { width: 100%!important;}   
}


.search-icon {
    width: 100%;
    max-width: 400px!important;
}

.Chk-main-search-box { margin: auto; width: 98%; max-width: 500px; text-align: center;
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-top-color: none;
    height: 38px;
    vertical-align: top;

}
.Chk-input-search-box {
    position: relative;
    margin: auto;
    height: 38px; line-height: 38px;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box;
    padding: 5px 9px 0;
}
.Chk-input-search-box label {
    color: #A55B2E;
    z-index: 200;
    right: 2.5%;
    position: absolute;
    height: 28px;
    line-height: 28px;
    font-weight: normal!important;
    font-size: 13px;
}

.chkm-main-search {
    
    border: none;
    padding: 0px;
    margin: 0px;
    top: 0;
    height: 100%;
    width: 95%;
    position: absolute;
    z-index: 6;
    right: 0px;
    outline: none;
    background: #fff;
    color: #333;
    direction: rtl;
    text-align: right;
    padding: 0 2.5%;
}
.chkm-main-search-submit {
    cursor: pointer!important;
    height: 36px;
    line-height: 27px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
    -webkit-border-radius: 2px;
    -webkit-user-select: none;
    background-color: #f2f2f2;
    border: 1px solid #d1d1d1;
    
    border-radius: 2px;
    color: #757575;
    cursor: default;
    font-size: 13px;
    margin: 11px 4px;
    min-width: 54px;
    padding: 0 16px;
    text-align: center;

}

.chkm-main-search-submit:focus, .chkm-main-search-submit:active {
    border: 1px solid #4d90fe!important;
    outline: none;

}

.chkm-main-search-submit:hover {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    background-color: #f8f8f8;
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    color: #222;

}


/*Yek Beyte Mandegar*/
.yekbeyt-header {margin: auto; text-align: center; position: relative; height: 320px; background: url(../img/yekbeyt/Chakaame.com-ChakaameMandegar-header.jpg) center center no-repeat; background-size: cover;}
@media screen and (max-width: 490px) {
    .yekbeyt-header {background: url(../img/yekbeyt/Chakaame.com-ChakaameMandegar-header-sm.jpg) center center no-repeat; background-size: 100%;}
}
.yekbeyt-Upload-btn {
    position: absolute;
    bottom: 10px;
    margin: auto;
    text-align: center;
    width: 250px;
    left: 50%;
    margin-left: -125px;
    color: #fff!important;
    
}
#YekBeyt-intro {max-height: 100px;overflow: hidden; position: relative; margin-bottom: 20px;
background: url(../img/footer_border.png) no-repeat bottom center;}
#YekBeyt-intro h1, #YekBeyt-intro h2, #YekBeyt-intro h3 {color: #333}
#YekBeyt-intro h1 span, #YekBeyt-intro h2 span, #YekBeyt-intro h3 span{color: #d01818; font-size: 16px;}

.full-bio {
    display: block; position: absolute; bottom: 0px; width: 100%; cursor: pointer; margin-top: -15px;

    background: rgba(255,255,255,0.82); color: #D2A02D!important;
background: -moz-linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,1) 56%, rgba(255,255,255,0.74) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.82)), color-stop(56%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0.74)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,1) 56%, rgba(255,255,255,0.74) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,1) 56%, rgba(255,255,255,0.74) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.82) 0%, rgba(255,255,255,1) 56%, rgba(255,255,255,0.74) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.82) 0%, rgba(255,255,255,1) 56%, rgba(255,255,255,0.74) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.full-bio :hover {color: #d01818!important}
.item {background-size: contain!important;}

.ActionBox {padding: 5px 0; margin: auto;height: 30px; width: 100%; display: block}

/*sponsors*/
.homebox .cover.beeptunes {background-image: url(../img/ads/beeptunes/beeptunes_for_BeyteMandegar.jpg)}

#UploadYekBeyt ul li {display: block; margin-bottom: 5px!important; padding-bottom: 10px!important; border-bottom: 1px dotted #bebebe}
#UploadYekBeyt textarea {min-height: 100px;}


/*Events*/
.special-events img {margin: auto; text-align: center; max-width: 98%;}


/*About-Team*/
.About-Team {margin: auto; text-align: center;}
.Team-item {margin: auto 20px; vertical-align: top;}
.Team-Avatar {margin: auto; text-align: center;width: 150px; height: 150px; background: no-repeat center center; background-size: cover;}
.Team-Title {color: #333; font-size:  15px; text-align: center; padding: 0 10px; margin: auto; margin-top: 5px; line-height: 1.2}
.Team-job {font-size:  13px; color: #777; text-align: center; padding: 0; margin: auto;}
.Team-links a {margin: 0 5px; color: #777;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s ;transition: all 0.3s;
}
.Team-links a:hover {margin: 0 5px; color: #AF4516;}


/*NEW SEARCH 2018*/
#search-content {display: none; position: fixed; width: 100%; height: 100%; max-width: 500px; max-height: 500px; background: #fff}

/*Products*/
.related-products-title {height: 24px; background-color:#cdb55d; background: #cdb55d url(/media/img/ads/related-products-title.png) no-repeat center center; background-size: contain;}
h5.products-title 
{
    position: absolute;
    width: 100%;
    padding: 5px 0;
    font-size: 11px;
    margin: auto;
    text-align: center;
    background: #dbdbdb;
    border-radius: 5px;
    color: #9b9b9b;
    
    bottom: 0;
    vertical-align: middle;
}