.intro-chakaamegraphy {background-image: url('/media/img/intro/intro-chakaamegraphy-bg1.jpg')}

#chakaamegraphi_page { margin:20px auto!important; text-align:center; width:100%}
#chakaamegraphi_logo {margin:0 auto; text-align: center; height:120px;}
#chakaamegraphy_logo_home {margin:30px auto 0 auto; text-align: center; height:50px;}
#chakaamegraphis {margin:auto; width : 100%;text-align:center; min-height:400px; max-width: 95%;}

#ChakaamegraphyDialogLayer {display:none;z-index: 400; position:fixed; padding:15px;background-color: rgba(1,1,1,0.75); overflow:auto; width:100%; height:100%; top:0; right:0; left:0; bottom:0;}
#ClosableDialog {position:fixed;  width:100%; height:100%; top:0; right:0; left:0; bottom:0;cursor:pointer; }
#closeBtm {width:24px; height:24px; position:fixed; top:120px; right:10px;font-size: 20px; color: #e4e4e4;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s;-o-transition: all 0.3s ;transition: all 0.3s;
} #closeBtm:hover {color: #d01818 }
.CHKMVerticalCenter {display:table; width:100%; height:100%;}
.CHKMvcCell {display: table-cell; vertical-align:middle;}
.CHKMContentWrap {padding:10px 30px; }
.CHKMDialogContent {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;}
.MediaModal{width:95%; max-width: 840px;}
#CHKMItem {padding-bottom: 61%; height:auto;} 

.ChakaameGraphyPhotoFrame {position:absolute; height:100%;width:60%; right:0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: url(../chakaamegraphy/icons/please_wait.jpg) no-repeat center center}
.CHKMFullimage {width:100%; height:100%; background-repeat:no-repeat;border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-size:cover; background-color: transparent}
.CHKMinfo {position:absolute; width:40%; left:0; height:100%; }
.ChakaameGraphyBaseInfo {height:auto; width: 100%; background:#EBEBEB; overflow:hidden;margin: 0 auto 5px auto;
border-top-left-radius: 5px; -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)}
.ChakaameGraphyBaseInfo p {font-family: 'BYekan', sans-serif; font-size:13px; color: #333; height:35px;line-height:35px;}
.ChakaameGraphyBaseInfo p span {color: #B3914A}
.ChakaameGraphyBaseInfo ul {padding:0; margin:0; height:35px; border-bottom: 1px solid #F8F8F8; }
.ChakaameGraphyBaseInfo li {display:inline-block; margin: 0 5px; padding: 0 5px;} .ChakaameGraphyBaseInfo li.left {float:left;}
.CHKM-Code, .CHKM-Designer {max-width:100px; padding-left:10px;}
.CHKM-Designer a {-webkit-transition: all 0.25s;-moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}
.CHKM-Designer a:hover{color:#ff0000}
.ChakaameGraphyLikesInfo {}
.ChakaameGraphyLikesInfo ul {height:auto!important; margin: 10px auto; margin:10px auto;}

#LoginMSG, .CHKM-title {font-family: 'BYekan'; font-size:13px; color: #333; height:auto;line-height:180%; display:none; }
#LoginMSG {color:#ff0000}
.CHKM-LinkText {color: rgb(0, 141, 177)!important} .CHKM-LinkText:hover {color: rgb(13, 0, 107)!important}
.CHKM-title {display:block!important; color: #B3914A; text-align: right}

#CHKM_DownloadInfo {margin-top: 10px; padding-top:5px;  border-top: 1px solid #c1c1c1} #CHKM_DownloadInfo ul {margin:0 10px; padding:0}
#CHKM_DownloadInfo ul li {text-align:left; padding-left:10px; margin: 5px auto;}

#chakaamegraphis ul {margin:auto!important; padding:0}
#chakaamegraphis_sml {padding : 10px 5%;text-align:center; height: auto; margin:5px auto; background-color: rgba(255,255,255,0.5)}
#chakaamegraphis_sml ul {margin:auto!important; padding:0; min-height:200px; overflow:hidden;}
#chakaamegraphis_sml ul a {display: inline-block; margin: 10px auto;}
.chakaamegraphis_li_sml{
display:inline-block; width: 200px; height:auto; margin: auto 3px!important; text-align:center; background: url(../img/poems_list_bg.jpg) ;
-moz-box-shadow: 0 0 5px #898989;	-webkit-box-shadow: 0 0 5px #898989; box-shadow: 0 0 5px #898989;
}
#chakaamegraphis_li_sml_link {opacity:0.7}
.chakaamegraphi_img_box_sml {width:auto; height:190px; margin:3px; overflow:hidden; text-align:center; background: url(../img/chakaamegraphi/chakaamegraphi_logo.png) no-repeat center center; -moz-box-shadow: 0 0 5px #898989;	-webkit-box-shadow: 0 0 5px #898989; box-shadow: 0 0 5px #898989
}
.chakaamegraphi_des_box_sml {width:100%;margin:auto; text-align:center; }
.chakaamegraphi_title_box_sml{width:100%;height:35px;margin-bottom:12px;line-height:35px;background:#fff}
.chakaamegraphi_title_sml { width: 100%; font-size:16px; text-align:center;  padding:0 5px;}
.chakaamegraphi_title_sml span,.chakaamegraphi_Code_sml span {color:#935a00!important}
.chakaamegraphi_Code_sml {float:left; width: 30%; font-size:16px; text-align:left; padding: 0 0 0 5px;}

.chakaamegraphi_download_title{}
.chakaamegraphi_download_btn {}

#chakaamegraphi_notic {color:#925105!important; font-family:BYekan;}
#chakaamegraphi_notic span {color:#444!important;}
#chakaamegraphi_notic a {color: #925105} #chakaamegraphi_notic a:hover{color:#c00c00!important}
.chakaamegraphis_li{ display:inline-block; position:relative;
width: 240px; margin: 0 5px; height:290px; text-align:center; 
}
.ChakaamegraphyMainBox {width: 240px; height:240px; background: rgba(255,255,255,0.8); padding:5px 0; text-align:center;-moz-box-shadow: 0 0 5px #898989;	-webkit-box-shadow: 0 0 5px #898989; box-shadow: 0 0 5px #898989; cursor:pointer; position:absolute;top:20px;
-webkit-transition: all 0.25s ease-out .1s;-moz-transition: all 0.25s ease-out .1s ; -o-transition: all 0.25s ease-out .1s ; transition: all 0.25s ease-out .1s ;}
.ChakaamegraphyMainBox:hover { height:290px; top:0px}
.ChakaamegraphyMainBox:hover > .chakaamegraphy_image_desBox {height:20px!important;}
.ChakaamegraphyMainBox:hover > .chakaamegraphy_image_BtmBox {height:20px!important;}

.chakaamegraphi_box {width:220px; height:220px; margin:10px; overflow:hidden; text-align:right; background: url(../chakaamegraphy/icons/chakaamegraphy_bg.jpg) no-repeat center center; -moz-box-shadow: 0 0 2px #cacaca;	-webkit-box-shadow: 0 0 2px #cacaca; box-shadow: 0 0 2px #cacaca}
.chakaamegraphi_box img {width: 100%; height:100%; }

/**.chakaamegraphi_des_box {width:558px;float:left; margin:12px 0 12px 12px ; text-align:center; }*/
/*.chakaamegraphi_title_box{width:100%;height:35px;margin-bottom:12px;line-height:35px;-moz-box-shadow: 0 0 5px #cda652;	-webkit-box-shadow: 0 0 5px #cda652; box-shadow: 0 0 5px #cda652;color:#3d3117!important;
background: url(../img/chakaamegraphi/chakaamegraphi_title_eslimi.png), url(../img/poems_list_bg_selected.jpg);
background-repeat: no-repeat, repeat; background-position: center center, center center;}*/

.chakaamegraphy_image_desBox { margin:0;height:0px; line-height:20px; padding: 0 15px; overflow:hidden;
-webkit-transition: all 0.25s ease-out .1s;-moz-transition: all 0.25s ease-out .1s; -o-transition: all 0.25s ease-out .1s ; transition: all 0.25s ease-out .1s ;
}
.chakaamegraphy_image_BtmBox { margin:0 ;height:0px; line-height:20px; padding: 0 10px; overflow:hidden;
-webkit-transition: all 0.25s ease-out .1s;-moz-transition: all 0.25s ease-out .1s; -o-transition: all 0.25s ease-out .1s ; transition: all 0.25s ease-out .1s ;
}
.chakaamegraphy_image_BtmBox li {display:inline-block; height:20px; line-height:20px;}
.chakaamegraphi_title {float:right; width: 150px; font-size:13px;font-family:'BYekan'; text-align:right; border-left:1px solid #cacaca; color:#777 }
.chakaamegraphi_title span,.chakaamegraphi_Code span {color:#935a00!important}
.chakaamegraphi_Code {float:left; width: 40px; font-size:13px;font-family:'BYekan', sans-serif; text-align:left;color:#777}

.chakaamegraphy-img-btm {
    min-width:20px; height:20px; cursor:pointer; display:block;
    -webkit-transition: all 0.25s .1s;-moz-transition: all 0.25s .1s; -o-transition: all 0.25s .1s; transition: all 0.25s .1s;
    background: center right no-repeat; background-size: 20px; padding: 2px 23px 2px 5px; margin-left: 10px;

}
.chakaamegraphy-img-btm:hover {color: #d01818;}

.chakaamegraphyfav {background-image: url(../img/icons/fav.png);}
.active{ background-image: url(../img/icons/faved.png) !important;}
.chakaamegraphydownload {background-image: url(../img/icons/download.png);}
.chakaamegraphybuy {background-image: url(../img/icons/buy.png);}
.chakaamegraphyShare {background-image: url(../img/icons/share.png);}

@media screen and (max-width: 820px) {
    .chakaamegraphis_li {margin: 5px;}
    .ChakaamegraphyMainBox {height:290px; top:0px}
    .chakaamegraphy_image_desBox,.chakaamegraphy_image_BtmBox {height:20px!important;}
}

.chakaamegraphi_details_title { text-align: right!important; color:#b60000; text-shadow:none!important; margin-right:5px; font-family: BmitraBD; font-size:15px;}

.chakaamegraphi_download_size {position: relative; cursor:pointer; text-align:right;font-family:'BYekan', sans-serif;font-size:13px;line-height: 24px;padding-right:30px; display:block; direction: rtl;background-size: 28px!important; }
.chakaamegraphi_download_size:hover {color:#ff0000!important; text-shadow: 0 0 3px #c1c1c1; }
.dl_fb {background: url(../img/icons/sq/facebook.png) no-repeat right center; }
.dl_ins{background: url(../img/icons/sq/desktop.png) no-repeat right center;} 
.dl_wall{background: url(../img/icons/sq/computer.png) no-repeat right center;}
.dl_mobile{background: url(../img/icons/sq/mobile.png) no-repeat right center;}
.dl_all{background: url(../img/icons/sq/pictures.png) no-repeat right center;}
.dl_video{background: url(../img/icons/sq/media.png) no-repeat right center;}

.chakaamegraphi_details_box {width:275px;height:210px;}
#chakaamegraphiDownloadForm{ text-align:center!important;}
.chakaamegraphi_radio{font-size:15px!important;width:auto!important;height:30px!important; line-height:50px!important;text-align:right!important;margin-left:5px;}
.chakaamegraphi_lable{direction:ltr!important;font-size:13px!important;font-family: tahoma;text-align:right; background:none;width:auto!important;height:30px!important;}
.chakaamegraphi_price {direction:rtl!important; text-align:left; font-family:Bmitra; font-size:17px; line-height:20px;}
.chakaamegraphi_radio_left {margin: 0 10px 0 0!important; text-align:left!important;}

.chakaamegraphi_submit { width:127px!important;height:52px!important; background:url(../img/download_btn_sml.png) no-repeat 0 0;float:left; margin:5px auto;
color:#b60000; text-shadow: ; font-size:25px; line-height:52px!important;bottom:0; cursor:pointer}
.chakaamegraphi_submitForm {
width:166px!important;height:52px!important; background:url(../img/download_btn.png) no-repeat 0 0;float:none; margin:0 300px 20px auto!important;
color:#b60000; text-align: center!important ; font-size:25px; line-height:52px!important;bottom:0; cursor:pointer
}
.download_sml { float:left;width:127px;height:52px!important; background:url(../img/download_btn_sml.png) no-repeat 0 0; color:#000000;font-size:30px; line-height:52px;bottom:0; cursor:pointer}
.chakaamegraphi_submit:hover, .chakaamegraphi_submitForm:hover , .chakaamegraphi_submit a:hover{background-position:0 -52px; text-shadow: 0 0 3px #904e00;color:#b90000;}
.chakaamegraphi_submit:active , .chakaamegraphi_submitForm:active{background-position:0 0px}

#chakaamegraphi_ShoppingForm{
	min-height: 100px;
	height:auto;
	width: 800px;
	background-color: rgba(255,255,255,0.9);
	border-radius: 10px;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-250px;
	margin-left:-400px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	z-index:10001;
}
#chakaamegraphi_Login_Requared {font-family:Bmitra!important; font-size:20px!important; color: #333; margin:20px auto!important; width:100%!important; text-align:center!important; }
#chakaamegraphi_Login_Requared a{color: #ff0000!important;} #chakaamegraphi_Login_Requared a:hover {color: #333!important;}

#chakaamegraphi_ShoppingForm label {width:160px!important; margin:5px; background:url(../img/poems_list_bg_selected.jpg);-moz-box-shadow: 0 0 5px #cda652;	-webkit-box-shadow: 0 0 5px #cda652; box-shadow: 0 0 5px #cda652;color:#3d3117!important;} #chakaamegraphi_ShoppingForm label span {font-family:tahoma!important;font-size:13px!important; color:#935a00!important}
#chakaamegraphi_ShoppingForm input,#chakaamegraphi_ShoppingForm textarea{width:500px!important; margin:5px;}
#chakaamegraphi_ShoppingForm textarea {height:70px; overflow: hidden; font-size:18px; text-align:right; text-indent:5px; direction:rtl;}

/************************** NEW Version 1393-01-20 ****************/
#ChakaameGraphy-Slider {margin: auto; background: #777 url(../chakaamegraphy/slider/chakaamegraphy_slider_bg.png); position: relative; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06)}
.ChakaameLoding {position:absolute;background-position:center center; background-repeat:no-repeat; width:220px; height:220px; margin:10px; overflow:hidden;}
.ChakaameLodingShow {background-color: rgba(255,255,255,0.5); background-image: url(../img/poems-loader.gif);}
.ShareBox {position:absolute; width:80px; height:30px; background:#fff; display:none; text-align:center; padding: 0 1px;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.5);	-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.5); box-shadow: 0 1px 5px rgba(0,0,0,0.5);
/*-webkit-transition: all 0.5s .1s;-moz-transition: all 0.5s .1s; -o-transition: all 0.5s .1s; transition: all 0.5s .1s;*/ }
/*.SHARE:hover > .ShareBox {display:block;}*/


.ShareOn {cursor:pointer; width:24px!important; height:24px!important;margin-top:2px;display:inline-block; opacity: 0.7;	-moz-opacity: 0.7; filter:alpha(opacity=7);
-webkit-transition: all 0.25s ease-out .1s;-moz-transition: all 0.25s ease-out .1s; -o-transition: all 0.25s ease-out .1s; transition: all 0.25s ease-out .1s; }
.ShareOn:hover {opacity: 1;	-moz-opacity: 1; filter:alpha(opacity=10) }

.Share_facebook {background: url(../img/icons/fb.png) no-repeat center center; background-size: 24px;}
.Share_twitter {background: url(../img/icons/twitter.png) no-repeat center center;background-size: 24px;}
.Share_google {background: url(../img/icons/google.png) no-repeat center center;background-size: 24px;}
@media screen and (max-width: 860px) {
    
    .ChakaameGraphyPhotoFrame {display: none;}
    .CHKMinfo {position: relative; width: 100%;}
    #CHKMItem {padding-bottom: 0}
    .ChakaameGraphyBaseInfo {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
    #closeBtm {top:40%;}
}
@media screen and (max-width: 600px) {
    
}