/* @font-face { 
 font-family: 'yekan'; 
 src: url('//cdn.bayan.ir/blog/templates/shared/fonts/BYekan.woff?download') format('woff'); 
 font-weight: normal; 
 font-style: normal; 
 }*/
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 900;

    src: url('http://bayanbox.ir/download/3778449826455009379/IRANSansWeb-Black.eot');
    src: url('http://bayanbox.ir/download/3778449826455009379/IRANSansWeb-Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('http://bayanbox.ir/download/6679195585478303409/IRANSansWeb-Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('http://bayanbox.ir/download/1577462105641574528/IRANSansWeb-Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('http://bayanbox.ir/download/2543943432740697663/IRANSansWeb-Black.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: bold;
    src: url('http://bayanbox.ir/download/6964059359505854087/IRANSansWeb-Bold.eot');
    src: url('http://bayanbox.ir/download/6964059359505854087/IRANSansWeb-Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('http://bayanbox.ir/download/3323856480481229272/IRANSansWeb-Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('http://bayanbox.ir/download/6880885322197796693/IRANSansWeb-Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('http://bayanbox.ir/download/141469690202560995/IRANSansWeb-Bold.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('http://bayanbox.ir/download/4119296001403264755/IRANSansWeb-Medium.eot');
    src: url('http://bayanbox.ir/download/4119296001403264755/IRANSansWeb-Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('http://bayanbox.ir/download/5158707851566233900/IRANSansWeb-Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('http://bayanbox.ir/download/2766156104540101582/IRANSansWeb-Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('http://bayanbox.ir/download/610884391892034421/IRANSansWeb-Medium.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('http://bayanbox.ir/download/1500733003590583428/IRANSansWeb-Light.eot');
    src: url('http://bayanbox.ir/download/1500733003590583428/IRANSansWeb-Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('http://bayanbox.ir/download/2695772351317246536/IRANSansWeb-Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('http://bayanbox.ir/download/598002068757367851/IRANSansWeb-Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('http://bayanbox.ir/download/3846959011835491887/IRANSansWeb-Light.ttf') format('truetype');
}
@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;

    src: url('http://bayanbox.ir/download/1769629691335967589/IRANSansWeb.eot');
    src: url('http://bayanbox.ir/download/1769629691335967589/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
    url('http://bayanbox.ir/download/1230274198518486937/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
    url('http://bayanbox.ir/download/7237061813775621626/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('http://bayanbox.ir/download/6815387014987254119/IRANSansWeb.ttf') format('truetype');
}
 /*---body---*/ 
 body { 
 background: #f2f2f2; 
 background-image: url(); 
 background-size: ; 
 font-family: IRANSans,yekan,tahoma; 
 font-size: 14px; 
 } 
 body a{ 
 text-decoration: none; 
 } 
 h1,h2,h3,h4,h5,h6 { 
 margin: 0; 
 padding: 0; 
 line-height: 1.9; 
 font-family: IRANSans,yekan,tahoma;
 } 
 .post-content h1,h2 {
 font-size: 20px;
 }
 .post-content h3,h3 {
 font-size: 15px;
 }
.post-content h1,h2,h3,h4,h5,h6 { 
 line-height: 2; 
 } 
 ul{ 
 list-style: none; 
 margin: 0; 
 padding: 0; 
 line-height: 1.1; 
 } 
 li{ 
 line-height: 2.2em; 
 } 
 .clear { 
 clear: both; 
 } 
 * { 
 -webkit-box-sizing: border-box; 
 -moz-box-sizing: border-box; 
 box-sizing: border-box; 
 } 
 #wrp { 
 width: 80%; 
 margin: auto; 
 } 
 /*---header---*/ 
 #header { 
	height: 140px;
 background-color: #e6e6e6; 
 /*background-image: url(http://bayanbox.ir/view/5479204608662001648/melotext.ir.png);*/
 background-size: contain; 
	background-repeat: no-repeat;
 background-position: center; 
 background-size: ; 
 padding: 20px 5px; 
 text-align: center; 
 margin-top: 15px; 
 border-radius: 15px 15px 0px 0px; 
 border-width: 1px 1px 0px 1px; 
 border-style: solid; 
 border-color: #d0d0d0; 
 color: #FFFFFF; 
 } 
.logo{padding-top: 20px;}
 .header-top { 
 height: auto;
 background-color: #e1e1e1; 
 padding: 20px 5px; 
 text-align: center; 
 /*margin-top: 15px; */
 /*border-radius: 15px 15px 0px 0px; 
 border-width: 1px 1px 0px 1px; */
 border-radius: 20px;
 border-style: solid; 
 border-color: #e5e5e5; 
 border: 1px solid #d0d0d0;
 } 
 #blog-title{ 
 display: inline-block; 
 /* background: rgba(0,0,0,.3); */
 padding: 4px 20px; 
 border-radius: 15px; 
 } 
.blog-description{text-align: justify;}
 .header-top h1{ 
 font-weight: normal; 
 font-family: IRANSans,yekan,tahoma; 
 font-size: 16px; 
 margin: 0; 
 padding: 5px 0px; 
 } 
 .header-top h2{ 
 font-weight: normal; 
 font-family: IRANSans,yekan,tahoma; 
 font-size: 14px; 
 margin: 0; 
 padding: 5px 0px;
	color:black;
 } 
 /*---menu---*/ 
 #menu { 
 background: #e6e6e6;
 padding: 6px 6px;
 font-family: IRANSans,yekan,tahoma;
 border-width: 2px 1px 1px 1px;
 border-color: #d0d0d0;
 border-style: solid;
 border-radius: 0px 0px 15px 15px;
 text-align: right; 
 } 
 #menu li{ 
 display: inline-block; 
 border-radius: 8px;	
 } 
 #menu li:after{ 
 content: "|"; 
 color: #000000; 
 } 
 #menu li:last-child:after{ 
 content: ""; 
 } 
 #menu a{ 
 color: #000; 
 padding: 0px 6px; 
 } 
 #menu a:hover{ 
 color: #00BDBF; 
 } 
 #menu a.selected{ 
 color: #00BDBF; 
 } 
 /*---block-post---*/ 
 #block-post { 
 width: 71.111111%; 
 float: right; 
 padding: 15px 0px 15px 0px; 
 } 
 /*---block-message---*/ 
 .align { 
 margin-bottom: 10px; 
 } 
 .messages { 
 background: #fff; 
 border: 1px solid #e5e5e5;; 
 padding: 18px 10px; 
 text-align: center; 
 border-radius: 15px;
	margin: 0px 8px;
 } 
 .messages h2{ 
 font-family: IRANSans,yekan,tahoma; 
 font-weight: normal; 
 font-size: 16px; 
 } 
 /*---post---*/ 
 .post { 
 margin-bottom: 20px; 
 } 
 .post img{ 
 max-width: 100%; 
 height: inherit!important;
 border-radius: 10px;
 } 
 .post audio{ 
 max-width: 100%; 
 height: inherit; 	
 } 
 .post video{ 
 max-width: 100%; 
 height: inherit; 
 } 
 .post-title {
 text-align: right;
 padding: 7px 10px;
 border-radius: 15px 15px 0px 0px;
 background: linear-gradient(86deg, #00bfbf 0%, rgb(0 153 153) 100%);
 border-right: 4px solid #c8c8c8;
 border-top: 1px solid #cac9c9;
 border-bottom: 2px solid #cac9c9;
 border-left: 1px solid #cac9c9;	
 } 
 .post-title a{ 
 color: #fff !important; 
 } 
 .post-title a:hover{ 
 color: #008F91; 
 } 
 .post a{ 
 color: rgb(0 171 173); 
 } 
 .post a:hover{ 
 color: #008F91; 
 } 
 .post-title h2{ 
 font-size: 17px;
 font-family: IRANSans,yekan,tahoma; 
 font-weight: normal; 
 margin: 0; 
 padding: 0; 
 } 
 .post-content { 
 line-height: 2; 
 padding: 5px 10px; 
 background: #e1e1e1; 
 border: 1px solid #e5e5e5; 
 margin: 2px 0px; 
 border-right: 4px solid #c8c8c8;
 border-top: 1px solid #cac9c9;
 border-bottom: 2px solid #cac9c9;
 border-left: 1px solid #cac9c9;
 border-radius: 5px;	
 } 
 .read-more { 
 padding: 5px 3px 10px 3px; 
 text-align: center; 
    font-size: 15px;
	background: linear-gradient(206deg, rgb(0, 32, 45) -19%, rgb(18 148 157) 26%, rgb(0 154 154) 79%, rgb(4, 90, 102) 99%);
	box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.37);
	border-radius: 5px;
 } 
 .read-more a{ 
 /*background: #00BDBF; */
 padding: 4px 10px; 
 border-radius: 15px; 
 color: #fff;
 text-shadow: 0 2px 4px rgba(0,0,0,.3);
 } 
 .read-more a:hover { 
 /*background: #008F91; */
 color: #fff; 
 } 
 /*---post-detail---*/ 
 .post-detail { 
 padding: 5px 10px;
 background: #e6e6e6;
 border-radius: 0px 0px 15px 15px;
 border: 1px solid #c2bcbc;
 border-right: 4px solid #c8c8c8;
 border-top: 1px solid #cac9c9;
 border-bottom: 2px solid #cac9c9;
 border-left: 1px solid #cac9c9;	
 } 
 .post-detail li{ 
 display: inline-block; 
 padding: 0px; 
 } 
 .post-detail li:after { 
 content: "|"; 
 color: #f0f0f0; 
 } 
 .post-detail li:last-child:after { 
 content: ""; 
 } 
 .post-detail-right { 
 float: right; 
 } 
 .post-detail-right span{ 
 padding: 0px 1px; 
 color: #787878; 
 } 
 .post-detail-left { 
 float: left; 
 } 
 .post-detail a{ 
 color: #787878; 
 } 
 .post-tags { 
 background: #e6e6e6; 
 border: 1px solid #bab8b8; 
 border-radius: 2px; 
 padding: 8px; 
 border-radius: 15px; 
 margin-bottom: 15px; 
 text-align: right;
 } 
 .post-tags a{ 
 color: #000; 
 } 
 .post-tags a:hover{ 
 color: #00BDBF; 
 } 
 .post-tags-title { 
 padding: 6px 0px; 
 margin-bottom: 4px; 
 border-radius: 2px; 
 color: #7d7d7d; 
 display: inline-block; 
 } 
 /*----comment-----*/ 
 .comment-count-box { 
 text-align: center; 
 background: #e6e6e6; 
 border-radius: 15px; 
 font-family: IRANSans,yekan; 
 padding: 15px; 
 border: 1px solid #bab8b8; 
 } 
 .comment-count-box a{ 
 color: #000; 
 font-size: 20px; 
 line-height: 1.1; 
 } 
 .cm-main { 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 border-radius: 15px; 
 margin: 15px 0px; 
 padding: 5px; 
 text-align:right	
 } 
 .cm-body { 
 padding-bottom: 1px; 
 } 
 .cm-details { 
 border-bottom: 1px solid #f0f0f0; 
 padding-bottom: 5px; 
 } 
 .cm-avatar { 
 float: right; 
 } 
 .cm-av { 
 width: 40px; 
 border-radius: 50%; 
 } 
 .comment-details { 
 overflow: hidden; 
 padding-top: 2px; 
 margin-right: 46px; 
 } 
 .cm-name { 
 margin-right: 5px; 
 color: #636363; 
 } 
 .cm-name a{ 
 color: #a3a3a3; 
 } 
 .cm-name a:hover{ 
 color: #858585; 
 } 
 .comment-matn { 
 padding: 10px; 
 line-height: 1.7; 
 overflow: hidden; 
 color: #000; 
 } 
 .comment-link { 
 width: 15px; 
 height: 15px; 
 } 
 .cm-reply-main { 
 overflow: hidden; 
 padding: 0px 5px 1px 5px; 
 } 
 .comment-reply { 
 margin-right: 45px; 
 margin-left: auto; 
 padding: 8px; 
 line-height: 1.7em; 
 color: #00BDBF; 
 border-radius: 15px; 
 background: #fafafa; 
 border: 1px solid #f0f0f0; 
 } 
 .comment-reply-page { 
 padding: 8px; 
 line-height: 1.7em; 
 border-radius: 15px; 
 background: #fafafa; 
 color: #00BDBF; 
 border-radius: 6px; 
 } 
 .reply-av { 
 width: 40px; 
 float: right; 
 border-radius: 50%; 
 } 
 .comment-add-form { 
 margin-top: 15px; 
 margin-bottom: 15px; 
 padding: 10px; 
 background: #e6e6e6; 
 border: 1px solid #bab8b8; 
 border-radius: 15px; 
 color: #000; 
 text-align: right;
 } 
 .comment-add-form label{ 
 font-weight: normal; 
 } 
 .bComForm .sendbutton.hasCheckbox:hover { 
 background: #e0e0e0; 
 transition-duration: .3s; 
 } 
 input[type=button], input[type=text], input[type=password], input[type=submit], button, textarea, select, .inputBox, input.text, a.btn, a.btn:hover, a.btn:visited { 
 background-color: #fafafa;
 border: 1px solid #bab8b8;
 color: #454545;
 border-radius: 6px; 
 } 
 .htmlbox .toolbar { 
 background: #f5f5f5 !important; 
 border-bottom: 1px solid #e5e5e5 !important; 
 padding: 5px !important; 
 } 
 .htmlbox .toolbar a{ 
 margin: 0px 1px !important; 
 padding: 2px !important; 
 border: 1px solid #ebebeb !important; 
 border-radius: 2px !important; 
 } 
 .htmlbox { 
 border: 1px solid #e5e5e5 !important; 
 background: #fafafa; 
 border-radius: 2px; 
 } 
 .bComForm .sendbutton.hasCheckbox { 
 background: #00BDBF; 
 border: 0px; 
 cursor: pointer; 
 margin-top: 0; 
 width: 100px; 
 border-radius: 15px; 
 color: #fff; 
 } 
 .bComForm .sendbutton.hasCheckbox:hover { 
 background: #008F91; 
 transition-duration: .3s; 
 } 
 /*--cm-detail-top--*/ 
 .post-detail-top { 
 padding: 2px 0px; 
 color: #b0b0b0; 
 cursor: default; 
 font-size: 12px; 
 } 
 .post-detail-top a { 
 color: #b0b0b0; 
 cursor: default; 
 } 
 .post-detail-top ul{ 
 list-style: none; 
 padding: 0; 
 margin: 0; 
 } 
 .post-detail-top li{ 
 border-left: 1px solid #f0f0f0; 
 display: inline-block; 
 padding: 0px 5px; 
 } 
 .post-detail-top li:last-child { 
 border-left: 0px; 
 } 
 /*---pagingation---*/ 
 .pagingation { 
 padding: 4px 6px; 
	    text-align: center;
 } 
 .pagesList { 
 display: inline-block; 
 } 
 .pagingation li{ 
 display: inline-block; 
 line-height: 2.2em; 
 } 
 .pagingation a{ 
 padding: 4px 10px; 
 color: #000; 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 border-radius: 2px; 
 } 
 .pagingation a:hover{ 
 border: 1px solid #00BDBF; 
 } 
 /*---block-left---*/ 
 #block-left { 
 width: 27.666666%; 
 float: left; 
 line-height: 1.6em; 
 color: #666; 
 padding: 15px 0px 15px 0px; 
 } 
 #block-left .left-box { 
 margin-bottom: 8px; 
 cursor: default; 
 } 
.left-box{
    text-align: right;
    direction: rtl;
}
 #block-left .left-title { 
 background: #009999; 
 border-radius: 15px 15px 0px 0px; 
 padding: 4px 10px; 
 font-family: IRANSans,yekan,tahoma; 
 color: #fff; 
 text-align: center; 
 margin-block: 7px;  
 margin-bottom: 1px;	
 } 
 #block-left a{ 
 color: #000; 
 } 
 #block-left a:hover { 
 color: #00BDBF; 
 } 
 #block-left .left-detail { 
 background: #e6e6e6; 
 border: 1px solid #d0d0d0; 
 margin-top: 2px; 
 border-radius: 0px 0px 15px 15px; 
 padding-bottom: 0px; 
 } 
 #block-left .left-detail li:hover { 
 background: #fafafa; 
 } 
 #block-left .left-detail li:last-child:hover { 
 background: #fafafa; 
 border-radius: 0px 0px 15px 15px; 
 } 
 #block-left .left-detail li{ 
 border-bottom: 1px solid rgb(207 206 206);
 padding: 0.5em 7px; 
 } 
 #block-left .left-detail li:last-child{ 
 border-bottom: 0px; 
 padding-bottom: 8px; 
 } 
 .left-detail a{ 
 display: block; 
 } 
 /*---about-me---*/ 
 .blog-image { 
 text-align: center; 
 margin-bottom: 10px; 
 } 
 .about-me { 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 border-radius: 15px; 
 padding: 15px; 
 } 
 .about-me img{ 
 width: 100%; 
 border-radius: 15px; 
 } 
 /*---follow-box---*/ 
 .followBx { 
 margin-top: 10px; 
 background: #fff; 
 border-radius: 0px; 
 border-top: 1px solid rgba(221,221,221,.5); 
 } 
 .followThis.followed { 
 background: #00BDBF; 
 border-radius: 15px; 
 } 
 .followThis { 
 background: #00BDBF; 
 border-radius: 0px; 
 font-family: IRANSans,yekan,tahoma; 
 font-size: 14px; 
 border-radius: 15px; 
 } 
 #followInBx #followersLs .followImg { 
 border-radius: 50%; 
 } 
 /*---stat---*/ 
 .left-stat { 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 padding-bottom: 5px; 
 border-radius: 0px 0px 15px 15px; 
 margin-top: 2px; 
 } 
 .left-stat li{ 
 padding: 4px 6px; 
 border-bottom: 1px solid #f0f0f0; 
 } 
 .left-stat li:last-child{ 
 border-bottom: 0px; 
 } 
 .stat-value { 
 float: left; 
 } 
 /*---category---*/ 
 .left-category { 
 background: #e6e6e6; 
 border: 1px solid #d0d0d0; 
 padding-bottom: 5px; 
 border-radius: 0px 0px 15px 15px; 
 margin-top: 2px; 
 } 
 .left-category li{ 
font-size: 14px;
background: #e6e6e6;
border-bottom: 1px solid rgb(207 206 206);
padding: 0.5em 0;	
 } 
 .count { 
 color: #bdbdbd; 
 } 
 .left-category li a{ 
 padding-right: 12px; 
 /*background-image: url(//bayanbox.ir/view/8661660237688751606/category-right.png); */
 background-repeat: no-repeat; 
 background-position: right center; 
 display: inline-block; 
 } 
 .left-category .category-child a{ 
 padding-right: 12px; 
 background-image: url(//bayanbox.ir/view/4955324527815090542/category-child-right.png); 
 background-repeat: no-repeat; 
 background-position: right center; 
 display: inline-block; 
 } 
 /*---recent-comments---*/ 
 .recent-cm-main { 
 overflow: hidden; 
 } 
 .recent-cm-main img{ 
 width: 30px; 
 float: right; 
 border-radius: 50%; 
 margin-top: 3px; 
 } 
 .recent-cm-detail { 
 margin-right: 35px; 
 } 
 .recent-cm-name { 
 color: #00BDBF; 
 } 
 .recent-cm-matn { 
 color: #000; 
 } 
 /*---recent-post---*/ 
 .left-detail a:hover{ 
 color: #666; 
 } 
 /*---tags---*/ 
 .left-tag { 
 padding: 4px 6px 8px 6px; 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 border-radius: 0px 0px 15px 15px; 
 } 
 .tags a{ 
 background: #f8f9fa;
 border: 1px solid #bab8b8;
 border-radius: 10px;
 padding: 4px 6px;
 margin: 2px 0px;
 display: inline-block; 
 } 
 .tags a:hover { 
 color: #000 !important; 
 border: 1px solid #00BDBF; 
 } 
 /*---footer---*/ 
 .footer { 
 padding: 8px 15px; 
 margin-bottom: 15px; 
 border-radius: 15px; 
 background: #fff; 
 border: 1px solid #e5e5e5; 
 } 
 .footer a{ 
 color: #00BDBF; 
 } 
 footer a:hover { 
 color: #008F91; 
 } 
 .erfan { 
 float: left; 
 } 
 .bayan { 
 float: right; 
 } 
 @media only screen and (max-width: 768px) { 
 body { 
 font-size: 82%; 
 } 
 .post-title h2{ 
 font-size: 115%; 
 } 
 #wrp { 
 width: 95%; 
 margin-right: 2.5%; 
 margin-left: 2.5%; 
 } 
 #menu { 
 text-align: center; 
 } 
 #menu li{ 
 display: ; 
 padding: 3px 0px;
		font-size: 14px;
 } 
 #menu a{
display: block;
} 
 #menu li:after{ 
 content: ""; 
 } 
 #block-post { 
 width: 100%; 
 } 
 #block-left { 
 width: 100%; 
 margin-top: 10px; 
 } 
 .footer { 
 text-align: center; 
 } 
 .footer .erfan{ 
 padding-bottom: 10px; 
 float: none; 
 } 
 .footer .bayan{ 
 float: none; 
 } 
 } 
/*my css*/
.post-title h1 {
font-size: 17px;
}
 
p{font-size: 16px;
    /*margin: 15px 0px!important;*/
}
/*-------------------------acordian----------------------*/
.accordion {
            width: 100%;
            max-width: 360px;
            margin: 10px auto 20px;
            background: #FFF;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

        .accordion .link {
	margin-left: 5px;
	float: right;
            cursor: pointer;
            display: block;
            padding: 5px 0px 15px 30px;
            color: #4D4D4D;
            font-size: 14px;
            font-weight: 700;
            /*border-bottom: 1px solid #CCC;*/
            position: relative;
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .accordion li:last-child .link { border-bottom: 0; }

        .accordion li i {
            position: absolute;
            top: 5px;
            left: 12px;
            font-size: 18px;
            color: #595959;
            -webkit-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
            transition: all 0.4s ease;
        }

        .accordion li i.fa-chevron-down {
            right: 6px;
            left: auto;
            font-size: 16px;
        }

        /*.accordion li.open .link { color: #b63b4d; }

        .accordion li.open i { color: #b63b4d; }*/

        .accordion li.open i.fa-chevron-down {
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .submenu {
            display: none;
            background: #e7e8ec;
            font-size: 14px;
        }

        .submenu li { border-bottom: 1px solid #fff; }

        .submenu a {
            display: block;
            text-decoration: none;
            color: #d9d9d9;
            padding: 12px;
            padding-left: 42px;
            -webkit-transition: all 0.25s ease;
            -o-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

        .submenu a:hover {
            
            
        }







#fade{
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #000;
z-index:1001;
-moz-opacity: 0.7;
opacity:.70;
filter: alpha(opacity=70);
}
#light{
display: none;
position: absolute;
top: 5%;
left: 70.5%;
width: 640px;
height: 453px;
margin-left: -262px;
margin-top: 100px;                 
background: ;
z-index:1002;
overflow:visible;
}