@font-face {
  font-family: 'Sylfaen';
  src: url("../fonts/sylfaen.ttf");
}

body{
	margin: 0;
	padding: 0;
	background-color: #c1b49a;
	overflow-x:hidden;
}

.container{
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
	min-height: 560px;
}
.header{
	width: 100%;
	margin: 0px auto;
	min-height: 91px;
	background-color:#fff ;
}
.logo{
	width: 100%;
	float: left;
	font-family: 'Sylfaen';
	font-size: 21px;
	line-height: 25px;
	margin-top: 38px;
	padding-left: 25px;
	margin-left: 20px;
}

.highlighted {
    font-weight: 700;
    background-color: #EBF2F2;
    padding: 1px 5px;
}

.logo p{
	margin-bottom: 0;
}
.logo span{
	font-size: 17px;
}
.logo a{
	color: #fff;
	text-decoration: none;
}

.top_menu{
	width: 100%;
	float: left;
}
.menu{
	margin: 9px 0 0;
	padding: 0;
	list-style: none;
	float: right;
}
.menu li{
	float: left;	
	margin: 0 1px;
	height: 35px;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
}
.menu li a{
	line-height: 35px;
	color: #333333;
	padding: 8px 20px;
	background: url('../images/menu_sep.png') center right no-repeat;
}
.menu li:last-child a{
	background: none;
}
.menu li a:hover{
	text-decoration: none;
	color: #58595b;
}
.menu li a.active{
	text-decoration: none;
	color: #58595b;
	font-weight: 700;
	font-size: 16px;
}
.pageActive{
	background-color: #f6f6f6;
}
.social_cont{
	float: right;
	margin-top: 4px;
	margin-right: 15px;
}
.social_cont .social_box{
	width: 26px;
	height: 26px;
	float: left;
	margin-left: 13px;
}
.social_cont .social_box:nth-child(1){
	background: url('../images/social_sprite.png') -1px 0 no-repeat;
}
.social_cont .social_box:nth-child(2){
	background: url('../images/social_sprite.png') -40px 0 no-repeat;
}
.social_cont .social_box:nth-child(3){
	background: url('../images/social_sprite.png') -79px 0 no-repeat;
}
.social_cont .social_box:nth-child(4){
	background: url('../images/social_sprite.png') -118px 0 no-repeat;
}
.reset-btn{
	margin-left: 30px;
}
.btn-view-quran{
	margin-top: 5px;
	margin-left: 14px;
	float: left;
}
.profile-success-msg{
  margin-left: auto;
  margin-right: auto;
  width: 550px;

}
.errorMessage {
	color: red;
}
.errormsg{
	color: red;
}

.favItem{
	color: red!important;

}
.main_content{
	width: 100%;
	float: left;
	background: #fff;
	padding-bottom: 14px;
	min-height: 545px;
}
.content_top{
	height: 43px;
	width: 100%;
	float: left;
	position: relative;
	background: url('../images/content_topb_bg_center.png') repeat-x;
	padding-right: 62px;
}
.content_top_bg{
	height: 43px;
	width: 59px;	
	position: absolute;
	top: 0;
}
.content_top_left_bg{
	background: url('../images/content_top_bg_left.png') no-repeat;
	left: 0;
}
.content_top_right_bg{
	background: url('../images/content_top_bg_right.png') no-repeat;
	right:0;
}
.content_top li{
	float: right;
		list-style: none;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 14px;
	margin-left: 26px;
	line-height: 43px;
	text-transform: uppercase;
}
.content_top li a{
		color: #333333;

}
.content_top li a:hover{
	color: #58595b;
}

.left_box{
	width: 270px;
	float: left;
	min-height: 20px;
	margin-left: 30px;
	margin-bottom: 20px;
}
.box_head{
	height: 43px;
	width: 100%;
	float: left;
	position: relative;
	background: url('../images/content_topb_bg_center.png') repeat-x;
}
.box_head h3{
	font-family: "Oswald",sans-serif;
    font-size: 14px;
    font-weight: 400;
	color: #58595b;
	text-align: center;
	margin: 0;
	line-height: 43px;
}
.box_cont{
	width: 100%;
	float: left;
	border: 2px solid #a87c4f;
	border-top: none;
	min-height: 10px;
}
.box_style_1{
	width: 205px;
	min-height: 10px;
	float: left;
	margin-left: 30px;
	padding: 15px 0;
}
.box_style_1 select,.box_style_1 input[type="text"]{
	width: 100%;
	height: 28px;
	border: 1px solid #e7e8e8;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding-left: 5px;
}
.box_style_1 input[type="text"]{
	padding-left: 10px;
	padding-right: 20px;
}
.search_box{
	position: relative;
	float: left;
	width: 100%;
}
.search_box span{
	  position: absolute;
  right: 0px;
  top: 0px;
  width: 24px;
  background-color: #f6f6f6;
  padding: 4px;
  padding-left: 10px;
  cursor: pointer;
}
.search_box span:hover{
	background-color: #ccc;
}
.lang{
	min-width: 30px;
	float: left;
	border-left:3px solid;
	padding-left: 10px;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	margin-right: 10px;
	margin-top: 17px;
	margin-bottom: 0;
}
.lang_1{
	border-color: #33CC33;
}
.lang_2{
	border-color: #FF3333;
}
.lang_3{
	border-color: #CCCC33;
}
.loaderCon{
	width: 100%;
	position: fixed;
	top: 50%;
	z-index: 9999;
	margin: auto;
	left: 50%;
	transform: translateY(-50%);
	display: none;
}
.loader{
  position: absolute;
  width: auto;
  height: auto;
  margin: 0 auto;
  color: #58595B;
  font-weight: bolder;
  background-color: #FFE;
  padding: 10px 20px;
  top: 5px;
  box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}

.loader img{
	width: 40px;
	height: auto;
	display: block;
	margin: auto;
}

.updatemsg{
	color: green;
}



.history-btn-con{
	margin-left: 42px;
}
.history-btn-con input{
	float: left;
}
.history-btn-con span{
	float: left;
}
.history-btn-con span p{
	margin-top: 4px;
  	margin-left: 8px;
 	font-size: 11px;
}
.box_style_2{
	width: 208px;
	min-height: 10px;
	float: left;
	margin-left: 27px;
	padding: 15px 0;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
}

.box_style_2 label {
    display: inline-block;
    margin-bottom: 7px;
    font-weight: 400;
    line-height: 7px;
    vertical-align: middle;
}

.element_row{
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.element_row p{
	float: left;
	width: 50px;
	line-height: 28px;
	margin-bottom: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	text-align: right;
}
.box_style_2 select{
	width: 145px;
	float: right;
	height: 28px;
	border: 1px solid #e7e8e8;
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	padding-left: 5px;
}
.box_style_2 .element_row:last-child{
	margin-bottom: 0;
}
.prvious-surah{
	cursor: pointer;
	float: left;
}
.next-surah{
	cursor: pointer;
	float: right;
}
.surah-nextcon{
  width: 295px;
  margin-left: auto;
  margin-right: auto;
  text-transform: uppercase;
  font-family: "Oswald",sans-serif;
  font-size: 10px;
  left: -106px;
  position: absolute;
  top: 26px;
}


.top_pagination{
	height: 30px;
	width: 110px;
	margin: 0px auto;
	position: relative;
	margin-top: -76px;
	margin-bottom: 45px;
	font-family: "Oswald",sans-serif;
    font-size: 14px;
}
.top_pagination .prev{
	height: 100%;
	width: 20px;
	float: left;
	background: url('../images/prev.png') left center no-repeat;
}

.top_pagination .next{
	height: 100%;
	width: 20px;
	float: right;
	background: url('../images/next.png') right center no-repeat;
}
.top_pagination p{
	font-family: "Oswald",sans-serif;
    font-size: 14px;
    font-weight: 400;
    left: 10px;
    margin: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 7px;
    width: 105px;
    line-height: 18px;
}
.right_part{
	width: 815px;
	float: left;
	min-height: 50px;
	border: 1px solid;
	position: relative;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-style: solid;
    border-width: 30px;
    height: auto;
    min-height: 350px;
    margin-bottom: 35px;
}

.corners{
	width: 41px;
	height: 41px;
	position: absolute;
	z-index: 1;
}
.top_left{
	background: url('../images/main_top_left.png') no-repeat;
	left: -30px;
    top: -31px;
}
.top_right{
	background: url('../images/main_top_right.png') no-repeat;
	right: -30px;
    top: -31px;
}

.bottom_left{
	background: url('../images/main_bottom_left.png') no-repeat;
	left: -30px;
    bottom: -31px;
}
.bottom_right{
	background: url('../images/main_bottom_right.png') no-repeat;
	right: -30px;
    bottom: -31px;
}
.top_border{
	height: 31px;
	position: absolute;
	background: url('../images/border_bg.png') repeat-x;
	top: -31px;
	left: 9px;
	width: 100%;
}

.bottom_border{
	height: 31px;
	position: absolute;
	background: url('../images/border_bg_bottom.png') repeat-x;
	bottom: -32px;
	left: 9px;
	width: 100%;
}
.border-left{
	background: url("../images/border_bg_left.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
    left: -32px;
    position: absolute;
    top: 10px;
    width: 31px;
}
.border-right{
	background: url("../images/border_bg_right.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
    height: 100%;
    right: -31px;
    position: absolute;
    top: 10px;
    width: 31px;
}

.cont_heading{
	height: 43px;
	width: 700px;
	margin-left: 26px;
	float: left;
	margin-top: 18px;
	position: relative;
	background: url('../images/content_topb_bg_center.png') repeat-x;
}
.cont_heading_bg_l{
	position: absolute;
	left: 0;
	background: url('../images/cont_heading_bg_l.png') no-repeat;
	height: 43px;
	width: 143px;
}
.cont_heading_bg_r{
	position: absolute;
	right: 0;
	background: url('../images/cont_heading_bg_r.png') no-repeat;
	height: 43px;
	width: 143px;
}
.cont_heading h2{
	margin: 0;
	text-align: center;

	color: #58595b;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 18px;
	line-height: 43px;
}
.main_heading {
    float: left;
    margin-top: 15px;
    text-align: center;
    width: 100%;
    color: #000;
}
ul.ayat-list{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}
ul.ayat-list > li{
	position: relative;
	float: left;
	width: 100%;
}
ul.ayat-list > li > .ayat_no{
	position: absolute;
	color: #ccc;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 16px;
	left: 40px;
	top: 8px;
}
ul.ayat-list > li > ul{
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 30px;
}
ul.ayat-list > li > ul > li{
	padding: 5px 40px;
	margin-bottom: 7px;
	color: #333333;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	border-left: 4px solid #fff;
	border-right:4px solid #fff;
}
ul.ayat-list > li > ul > li p{
	margin: 0;
}
ul.ayat-list > li > ul > li.ar_lan{
	/*font-size: 28px;*/
    text-align: right;
    color: #000;
}
.search_list{
	font-size: 15px;
    text-align: right;
    color: #000;
}
.webCon{
	margin-left: auto;
	margin-right: auto;
	width: 870px;
}
.shareCon{
	width: 870px;
	border: 1px solid;
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent;
    border-style: solid;
    border-width: 30px;
    min-height: 300px;
    background-color: #FFF;
    margin-top: 30px;
    float: left;
}
.share_ar_lan{
	font-size: 28px;
    text-align: right;
    color: #000;
}
.item_sep {
    float: left;
    height: 1px;
    padding: 0 40px;
    width: 100%;
}
.item_sep span{
	width: 100%;
	height: 1px;
	float: left;
	background: rgba(0, 0, 0, 0.05);
}
.ayat_li:hover{
	background: rgba(0,153,51,0.1);
	/*height: 123px;*/
	 -webkit-transition: all  ease 1s;
	-moz-transition: all  ease 1s;
    transition:  all ease 1s;
}
.ayat_li:hover .ayat_con li{
	border-left: 4px solid;
}
.ayat_li:hover .ayat_con li.ar_lan{
	border:none;
	border-right: 4px solid;
}
.ayat_option img{
	opacity: 0.5;
	padding-right: 10px;
}
.ayat_li:hover .ayat_con li:nth-child(1){
	border-color: #33cc33;
}
.ayat_li:hover .ayat_con li:nth-child(2){
	border-color: #3333cc;
	border-right: none;
}	
.ayat_li:hover .ayat_con li:nth-child(3){
	border-color: #ff3333;
	border-right: none;
}
.ayat_li:hover .ayat_con li:nth-child(4){
	border-color: #cccc33;
	border-right: none;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
	background:none;
	color: #000;

}


.pagination>li>a, .pagination>li>span{
	border: none;
}
.pagination-sm li:nth-child(2) a:before{
	   content: "PAGE ";

}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span{
	height: 100%;
 	width: 20px;
  	float: left;
  	background: url('../images/prev.png') left center no-repeat;
  	color: #fff;
}
.pagination-sm>li:last-child>a, .pagination-sm>li:first-child>span{
	height: 100%;
 	width: 20px;
  	float: left;
	background: url('../images/next.png') right center no-repeat;
	color: #fff;
}



.favourite_share_cont{
	height: 0px;
	width: 100%;
	float: left;
	padding: 0 40px;
	display: block;
	overflow: hidden;
	-webkit-transition: all  ease 0.5s;
	-moz-transition: all  ease 0.5s;
    transition:  all ease 0.5s;
}
.unfavourite_share_cont{
	height: 35px;
	width: 100%;
	float: left;
	padding: 0 40px;
	color: #ccc;
}

.ayat_li:hover .favourite_share_cont{
	height: 35px;
	-webkit-transition: all  ease 0.5s;
	-moz-transition: all  ease 0.5s;
    transition:  all ease 0.5s;
	/*display: block!important;*/
}
.favourite_share_cont .top_sep{
	background:#ccc;
	height: 1px;
	width: 100%;
	float: left;
}
.fav_btn{
	height: 20px;
	width: 20px;
	float: right;
	background: url('../images/favourite_icon.png') no-repeat;
	margin-right: 23px;
	margin-top: 6px;
	cursor: pointer;
}
.favAyat{
	background: url('../images/favourite_icon.png') 0px -20px no-repeat;
}
.share_btn{
	height: 20px;
	width: 20px;
	float: right;
	background: url('../images/share_icon.png') no-repeat;
	margin-right: 8px;
	margin-top: 6px;
	cursor: pointer;
}



.footer{
	background: #716558;
}
.footer_wrap{
	min-height: 115px;
}
.footer .container{
	box-shadow: none;
	position: relative;
}
.footer_logo {
    float: left;
    margin-left: 29px;
    margin-top: 27px;
}

.footer .menu li a{
	font-size: 14px;
	color: #fff;
	background: none;
	padding: 8px 14px;
}
.footer .menu{
	margin-top: 22px;
	margin-right: 31px;
}
.footer .social_cont{
	margin-top: 28px;
	margin-right: 20px;
}
.Design_development{
	position: absolute;
	bottom: 0;
	right: 0;
}
.Design_development p{
	text-align: right;
	color: #fff;
	padding-right: 42px;
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
}
.col-md-4.left_part {
    margin-top: 30px;
}
.overflow{
	overflow: hidden;
}
.top_menu .logo{
	display: none;
}

.navbar-toggle{
	display: none;
}
.left_part{
	display: block;
}
.selectedAyat{
 background-color: #f6f6f6!important;
}
.pagination_box{
	width: 100%;
	padding: 0;
}
.footer_social_menu{
	position: relative;
}
.Design_development a{
	color: #fff;
	text-decoration: none;
}
.Design_development a:hover{
	color: #ccc;
}



/*for inner page*/

.no-results{
	margin-left: auto;
	margin-right: auto;
}
.inner_menu_cont{
	background: #E6E7E8;
}
.right_part_inner{
	border-width:0;
	border: 2px solid #a87c4f;
	margin-top: 32px;
	  min-height: 377px;
}
.inner_menu{
	margin: 14px 0 14px 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 100%;
}
.inner_menu li{
	float: left;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.inner_menu li:last-child{
	border:none;
}
.inner_menu li a{
	float: left;
	width: 100%;
	text-align: center;

	color: #333333;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 13px;
	  padding-bottom: 15px;
  padding-top: 15px;
}
.inner_menu li a:hover{
	text-decoration: none;
	color: #58595b;
}
.inner_main_heading{

	color: #58595b;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 20px;
	margin-top: 48px;
	margin-left: 38px;
	text-transform: uppercase;
}

.favourite_ayat_no {
    color: #ccc;
    font-family: "Oswald",sans-serif;
    font-size: 16px;
    font-weight: 400;
    left: 0px;
    position: absolute;
    top: 8px;
}
.favourite_ayat_list{
	padding: 0 38px;
	list-style: none;
}
.favourite_ayat_list li{
	position: relative;
	border-bottom:1px solid rgba(0, 0, 0, 0.05);
	float: left;
	width: 100%;
	padding-top: 33px;
}
.favourite_ayat_list li p{
	text-align: right;
	width: 95%;	
	float: right;
	color: #000;
    font-size: 25px;
}
.favourite_ayat{
	color: #ccc;
    font-family: "Oswald",sans-serif;
    font-size: 13px;
    font-weight: 400;
    left: 35px;
    top: 8px;
    cursor: pointer;
}
.view-fvpage{
	color: #ccc;
    font-family: "Oswald",sans-serif;
    font-size: 13px;
    font-weight: 400;
    left: 35px;
    top: 8px;
    text-decoration: none!important;
}
.favourite_ayat:hover{
	color: #666;
}
.profile_info-left {
    float: left;
    padding: 0 39px;
    width: 50%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 400;
	margin-top: 20px;
}

.profile_info-left p span,.profile_info-left p span {
    float: left;
    width: 175px;
}
.editInput input[type="text"], .editInput  input[type="password"]{
	background-color: #fff!important;
}
.editPorfile-fm input[type="text"], .editPorfile-fm input[type="password"]{
  width: 100%;
  height: 30px;
  border: 1px solid #f6f6f6;
  background-color: #e7e8e8;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  padding-left: 5px;
}
.edit-btn-con{
	float: right;
	margin-right: 40px;
	margin-top:40px;
}
.about_info{
	float: left;
    padding: 0 39px;
    width: 100%;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 400;
	margin-top: 20px;
}
.feedback_cont {
	width: 500px;
	height: 500px;
}
.feedback_cont input,textarea {
	width: 300px;
}
.feedback_cont textarea {
	height: 200px;
}
.feedback_cont input[type=submit]  {
	width: 80px;
}
.form_group{
	width: 175px;
}
.about_info p {
    line-height: 20px;
    margin-bottom: 12px;
}

.errorSummary p{
	display: none;
}
.errorSummary ul{
	margin: 0px;
	padding: 0px;
}
.errorSummary li{
	list-style: none;
	color: red;
}





.lan-list{
	float: left;
	margin: 0px;
	padding: 0px;
}
.lan-list li{
  min-width: 30px;
  float: left;
  padding-left: 8px;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  margin-right: 10px;
  margin-top: 17px;
  margin-bottom: 0;
  list-style: none;
  height: 20px;
}
.sort-lan-title{
	color: #000;
}
.lan-list li .close{
	margin-top: -9px;
	margin-left: 2px;
}
.lan-list li:nth-child(1){
  border-left: 3px solid #33CC33;
}
.lan-list li:nth-child(2){
  border-left: 3px solid #FF3333;
}
.lan-list li:nth-child(3){
  border-left: 3px solid #CCCC33;
}
.initiative{
	color: #fff;
    font-family: "Roboto",sans-serif;
    font-size: 11px;
    padding-right: 42px;
    text-align: right;
}
.login_page {
    border: 1px solid #ccc;
    font-family: "Oswald",sans-serif;
    font-size: 14px;
    margin-left: 45px;
    padding: 20px;
    width: 400px;
    float: left;
}
.login_page input[type='text']{
	border-radius: 0;
}
.login_page input[type='password']{
	border-radius: 0;
}
.login_page button{
	background: #58595b !important;
	border:none !important;
	border-radius: 0 !important;
	color: #fff !important;
}
.login_page button:hover, .login_page button:active, .login_page button:focus{
	background:rgba(88,89,91,0.9);
	outline: none;
}
.login_page .errorSummary{
	
    font-size: 13px;
    font-weight: 300;
    margin-top: 16px;
}
.login_page .errorSummary li{
	color: #B15B30 !important;
}
.feedback_page {
    font-family: "Oswald",sans-serif;
    font-size: 14px;
    margin-left: 20px;
    padding: 20px;
    width: 100%;
    float: left;
}
.feedback_page .form_group{
	width: auto;
}
.feedback_page .form_row{
	float: left;
    width: 100%;
    margin-bottom: 10px;
}

.feedback_page .form_group.form_left{
	width: 40%;
}
.feedback_page h3 {
    margin-bottom: 30px;
}
.feedback_page .form_row > label {
    float: left;
    line-height: 19px;
    width: 100%;
    font-weight: 400;
     padding-left: 10px;
     color: #58595b;
}
.feedback_page .form_row > label .asterix{
	margin-right: 10px;
	font-size: 16px;
	color: #58595b !important;
}
.feedback_page .form_row input[type="text"], .feedback_page .form_row input[type="email"]{
	width: 100%;
	border-radius: 0;
	border:1px solid #ccc;
	height: 30px;
	box-shadow: none;
	background:#F3F3F3;
}
.feedback_page .form_row textarea{
	width: 100%;
	border-radius: 0;
	border:1px solid #ccc;
	height: 70px;
	box-shadow: none;
	background:#F3F3F3;
}
.feedback_page input[type="submit"]{
	background: #58595b !important;
	border:none !important;
	border-radius: 0 !important;
	color: #fff !important;
	margin-top: 18px;
}
.error{
    margin: 0;
    padding: 0;
    font-size: 11px;
   color:red;
   font-family: "Gotham_bold";
   font-weight: bold;
    height: 22px;
    float: left;
    padding-bottom: 8px;
    padding-left: 10px;
    text-transform: uppercase;  
    margin-top: 10px;  
}
.asterix{
    display: inline-block;
    float: right;
    font-size: 24px;   
    /*margin-top: 8px;*/
    font-family: "Gotham_light";
}
.asterixRed{
    display: inline-block;
    float: right;
    font-size: 24px;
   /*
    margin-top: 8px;*/
    color: #F7D110;
    font-family: "Gotham_light";
}
.history-list li{
	float: left;
	width: auto !important;
	margin-right: 10px;
}
.history-list.favourite_ayat_list li{
	border:none;
}
.history-list.favourite_ayat_list li p{
	float: none;
	width: 100%;
	text-align:left !important;
	color: #58595b;
	font-size: 18px;
	border:1px solid #ccc;
	padding: 5px;
	border-radius: 0px;
	margin-bottom: 0;
	background-color: #f6f6f6;
}
.history-list.favourite_ayat_list li .unfavourite_share_cont{
	padding: 0;
	float: none;
	text-align: center;
}
.downloadpage_table{
	border-color: #ccc;
	width: 100%;
}
.downloadpage_table  td{
	padding: 10px;
	padding-bottom: 0px;
	border-color: #ccc;
			
}
.downloadpage_table tr td:last-child{
	padding-top: 0;
}
.btn-download {
    background: none repeat scroll 0 0 #666;
    border-color: #666;
    border-radius: 0;
    width: 100%;
    color:#fff;
    margin-top: 10px;
}


/*bookmarks starts*/
.book-mark-holder{
	font-family: "Oswald",sans-serif;
  	font-size: 11px;
  	float: right;
  	margin-top: -50px;
}
.book-mark-holder a{
	text-decoration: none;
}

.book-mark-holder-bottom{
	font-family: "Oswald",sans-serif;
  	font-size: 11px;
  	float: right;
  	margin-top: -50px;
}

.book-mark-holder-bottom a{
	text-decoration: none;
}

.remAllBookMark{
	color: #D1D2D3;
	font-family: "Oswald",sans-serif;
  	font-size: 11px;
  	margin-left: 5px;
}
.remAllBookMark:hover{
	color: red;
}
.bookMarkThis{
	color: #D1D2D3;
}
.bookMarkThis:hover{
	color: green;
}
.remSingleBookMark{
	color: green;
}
.remSingleBookMark:hover{
	color: red;
}

.allBookMarks{
	font-family: "Oswald",sans-serif;
  	font-size: 11px;
  	float: left;
  	margin-top: -50px;
}

.allBookMarks a{
	color: #D1D2D3;
	text-decoration: none;
}
.allBookMarks a:hover{
	color: #58595b;
}

.bookMarkList{
	position: absolute;
	height: 240px;
	width: 220px;
	border: 2px solid #A87C4F;
	z-index: 999999; 
	background-color: #EBF2F2;
}
.bookMarkListHolder{
	height: 200px;
	width: 215px;
	overflow-y:scroll;
}

.bookMarkListItems{
	display: inline-block;
	list-style: decimal;
	margin: 0;
	padding: 10px;
}

.bookMarkListItems li{
	display: inline-block;
	width: 100%;

}

.bookMarkListItems li a{
	font-family: "Oswald",sans-serif;
  	font-size: 11px;
  	color: #58595b;
}

.no-bookmarks{
	font-family: "Oswald",sans-serif;
  	font-size: 11px;
  	text-align: center;
}

.allBookmarksIcon{
	height: 20px;
	width: 24px;
	background:url('../images/bookmark_list.png') no-repeat transparent center top;
	display: block;
}
.bookMarkThis{
	height: 20px;
	width: 24px;
	background:url('../images/bookmark.png') no-repeat transparent center top;
	display: block;
}
.bookMarked{
	height: 20px;
	width: 24px;
	background:url('../images/bookmark_selected.png') no-repeat transparent center top;
	display: block;
}
/*bookmark ends*/






@media (min-width: 1231px) {
	.col-md-4.left_part {
	    width: 330px;
	    margin-top: 30px;
	}
}
@media (max-width: 1230px) {
	.container{
		width: 970px;
	}
	.right_part{
		width: 96%;
	}
	.cont_heading{
		width: 90%;
	}
	.footer .menu li a{
		padding: 7px 8px;
	}
}
@media (max-width: 991px) {
	.box_cont{
		min-height: 142px;
	}
	.display_option_box{
		display: none;
	}
	.col-md-4.left_part{
		float: left;
		margin-top: 25px !important;
	}
	.right_part_cont_wrap{
		float: left;
	}
	.right_part_cont_wrap .col-md-12{
		float: left;
		width: 100%;
	}
	.right_part {
	    
	}
	.right_part{
		width: 100%;
	}
	.left_box{
		width: 243px;
	}
	.box_style_1{
		width: 182px;
	}
	.box_style_2{
		width: 182px;
	}
	.box_style_2 select{
		width: 135px;
	}
	.cont_heading {
	    width: 93%;
	}
	.header .col-md-4{
		width: 340px;
		float: left;
	}
	.header .col-md-8{
		width: 500px;
		float: right;
	}

	.footer_wrap .col-md-4{
		width: 280px;
		float: left;
	}

	.footer_wrap .col-md-8{
		width: 538px;
		float: right;
	}
	.footer .menu li a {
	    padding: 8px 10px;
	}
	.footer .menu {
	    margin-right: 14px;
	}


	.navbar-toggle{
		display: block;
	}
	.top_menu{
		display: none;
	}
	.left_part{
		display: none;
	}
	.header .social_cont{
		display: none;
	}
	.navbar-toggle .icon-bar {
	    height: 4px;
	    width: 30px;
	}
	.navbar-toggle{
		border:none !important;
		margin-right: 9px;
	}
	.navbar-toggle{
		border: 1px solid #ccc;
		background:#fff;
	}
	.icon-bar{
		background:#ccc;
	}
	.left_box {
	    width: 100%;
	    margin-bottom: 0;
	    margin-top: 20px;
	}
	.box_style_1 {
	    width: 92%;
	}
	.box_style_2 {
	    width: 92%;
	}
	.box_style_2 select {
	    width: 85%;
	}
	.col-md-4.left_part{
		overflow: auto;
		top: 70px;
	}
	.box_cont{
		min-height: auto;
	}
	.navbar-toggle{
		position: fixed;
		right: 22px;
		z-index: 3;
		top: 9px;
	}
	.col-md-4.left_part {
	    background: none repeat scroll 0 0 #fff;
	    float: left;
	    height: 100%;
	    margin-top: 0 !important;
	    position: fixed;
	    top: 70px;
	    z-index: 11;
	    width: 100%;
	}
	.header{
		position: fixed;
		z-index: 5;
		background:#fff;
		min-height: 70px;
		border-bottom: 1px solid rgba(0, 0, 0, 0.03);
	}
	.logo{
		margin-top: 20px;
	}
	.container{
		width: 100%;
	}
	body{
		overflow-x: hidden;
	}
	.navbar-toggle{
		border: 1px solid #ccc;
		background:#fff;
	}
	.icon-bar{
		background:#ccc;
	}
	.top_menu{
		display: none;
		position: fixed;
		left: 0;	
		background:#fff;
		z-index: 2;
	}
	.top_menu ul{
		float: left;
		width: 100%;
	}
	.top_menu ul li{
		width: 100%;
		height: auto;
	}
	.main_content{
		padding-top: 75px;
	}
	.navbar-toggle{
		display: block;
	}
	.top_menu{
		display: none;
	}
	.left_part{
		display: none;
	}

	.top_menu{
		height: 100% !important;
	}
	.top_menu .logo{
		display: block;
	}
	.footer_wrap .col-md-4{
		width: 30%;
	}
	.footer_wrap .col-md-8{
		width: 70%;
	}
	.footer_menu_wrap {
	    float: left;
	    width: 100%;
	}
	.footer .menu li a {
	    padding: 0 10px;
	}
	.footer_logo > img {
	    width: 100%;
	}
	.footer .social_cont {
	    position: absolute;
	    right: 0;
	    top: 5px;
	}
	.footer_wrap .col-md-8 {
	    margin-top: 17px;
	}
	.footer .menu{
		margin-top: 0;
	}
	.right_bg, .left_bg{
		display: none;
	}
	.main_content .col-md-12{
		float: left;
		width: 100%;
	}
	.main_content .col-md-12 .col-md-8{
		width: 100%;
		float: left;
	}
	.ayatdrc{
		width: 100%;
	}
	.navbar-toggle.open .icon-bar{
		background:#fff;
		display: none;
	}
	.navbar-toggle.open{
		background: url("../images/cross2.png") no-repeat scroll 0 0 / 27px auto rgba(0, 0, 0, 0); 
		height: 50px;
		width: 50px;
		top: 14px;
		right: 11px;
	}
	.left_box{
		padding: 0 30px;
		margin-left: 0;
	}
	.col-md-4.left_part .row{
		padding-bottom: 70px;
	}
	.login_wrap {
	    margin: 0 auto;
	    width: 400px;
	}
	.login_page{
		margin-left: 0;
	}

}
@media (max-width: 850px) {
	
	.menu li a {
	    padding: 8px 18px;
	}
	.footer_wrap .col-md-8 {
	    width: 457px;
	}
	
	.footer .menu{
		margin-top: 0;
	}
	
}

@media (max-width: 800px){
	
	.footer_wrap .col-md-8 {
	    margin-top: 17px;
	}
}

@media (max-width: 768px) {
	
	
	
	.header .col-md-8 {
	    width: 415px;
	}
	
	
	
	.menu li a{
		float: left;
		width: 100%;
	}
	
	.footer_wrap .col-md-8 {
	    width: auto;
	}
	.header .col-md-8{
		width: auto;
	}
	
	
	.footer_wrap .col-md-4{
		width: 30%;
	}
	.footer_wrap .col-md-8{
		width: 70%;
	}
	.footer_menu_wrap {
	    float: left;
	    width: 100%;
	}
	.footer .menu li a {
	    padding: 0 10px;
	}
	.footer_logo > img {
	    width: 100%;
	}

	
	
}

@media (max-width: 640px) {
	.logo{
		padding-left: 0;
	}
	.navbar-toggle{
		right: 4px;
	}
	.navbar-toggle.open{
		right: -9px;
	}
	.box_style_1 {
	    width: 90%;
	}
	.box_style_2 {
	    width: 90%;
	}
	.navbar-toggle{
		z-index: 13;
	}
	.footer .menu{
		margin-right: 0;
	}
	.footer .social_cont{
		margin-right: 3px;
	}
	.Design_development p{
		padding-right: 23px;
	}
	.footer .menu li a {
	    font-size: 12px;
	    padding: 0 8px;
	}
	ul.ayat-list > li > ul > li{
		padding: 5px 15px;
	}
	ul.ayat-list > li > .ayat_no{
		left: 15px;
	}
	.item_sep{
		padding: 0 15px;
	}
	.top_pagination{
		width: 100px;
	}
	.footer_logo{
		margin-left: 5px;
	}
	ul.ayat-list > li > ul > li.ar_lan{
		font-size: 20px;
	}
	ul.ayat-list > li > ul > li{
		font-size: 13px;
	}
	.left_box{
		margin-left: 0;
	}

	/*.right_part{
		margin-bottom: 75px!important;
	}
	.ayatdrc{
		margin-top: 75px!important;
	}
	.responsiveBMTopLeft{
		position: absolute;
		left: 0;
		top: -80px;
		margin: 0;
	}
	.responsiveBMTopRight{
		position: absolute;
		right: 0;
		top: -80px;
		margin: 0;
	}
	.responsiveBMBottom{
		margin-top: -15px;
	}*/
	/*.bookMarkThisRes{
		float: right;
		margin-top: 35px;
	}*/

}

@media (max-width: 530px){
	.footer_wrap .col-md-4 {
	    width: 100%;
	}
	.footer_wrap .col-md-8 {
	    width: 100%;
	    margin-top: 14px;
	}
	.footer .social_cont {
	    display: block;
	    right: 12px;
	    top: -78px;
	    width: 20px;
	}
	.footer .menu {
	    float: left;
	    margin-top: 0;
	}
	.Design_development {
	    right: auto;
	    left: 25px;
	}
	.social_cont{
		
	}
	.footer_logo {
	    margin-left: 12px;
	    margin-top: 15px;
	}
	.footer_logo > img {
	    width: 88%;
	}
	.loaderCon {
	    left: 51px;
	    position: absolute;
	    top: -37px;
	}

	.loader {
	    font-size: 9px;
	    padding-top: 5px;
	}
}

@media (max-width: 480px) {
	.right_part{
		width: 100%;
	}
	.navbar-toggle.open {
	    right: -11px;
	}
	.left_box{
		width: 100%;
		margin: 0 auto !important;
		margin-left: 0;
		float: left;
		margin-top: 20px !important;
	}
	.box_cont{
		margin-bottom: 20px;
	}
	.box_style_1, .box_style_2{
		float: none;
		margin: 0 auto !important;
		width: 85%;	
	}
	.element_row p{
		width: 20%;
	}
	.box_style_2 select{
		width: 75%;
	}
	.search_box{
		float: none;
	}
	.box_cont{
		padding-bottom: 15px;
	}

	.header .col-md-4{
		width:55%;
		float: left;
	}
	.header .col-md-8{
		width:30%;
		float: right;
	}
	.logo{
		margin-left: 16px;
	}
	.logo img {
	    width: 100%;
	}
	.navbar-toggle{
		right: 0;
		margin-right: 5px;
	}
	.cont_heading{
		width: 100%;
		margin-left: 0;
		position: absolute;
		top: -4px;
		margin-top: 0;
		z-index: 1;
	}
	.cont_heading_bg_l{
		left: -3px;
	}
	.cont_heading_bg_r{
		right: -3px;
	}
	.footer .menu li a {
	    font-size: 11px;
	    padding: 0 6px;
	}
	.menu li{
		height: 20px;
	}
	.menu li a{
		line-height: 0;
	}
	.footer_logo{
		margin-left: 0;
	}
	.footer .menu{
		margin-left: -7px;
	}
	.Design_development{
		left: 16px;
		width: 100%;
		padding-right: 65px;
	}
	.Design_development p{
		text-align: left;
	}
	.right_part{
		padding-top: 43px;
	}
	.top_pagination{
		margin: -124px auto 45px;
	}
	.pagination_box_bottom .top_pagination{
		margin: -76px auto 45px;
	}
	.login_wrap{
		width: 100%;
		float: left;
	}
	.login_page{
		width: 100%;
	}

	/*.right_part{
		margin-bottom: 75px!important;
	}

	.ayatdrc{
		margin-top: 75px!important;
	}
	.responsiveBMTopLeft{
		position: absolute;
		left: 0;
		top: -80px;
		margin: 0;
	}
	.responsiveBMTopRight{
		position: absolute;
		right: 0;
		top: -80px;
		margin: 0;
	}
	.responsiveBMBottom{
		margin-top: -15px;
	}*/
	/*.bookMarkThisRes{
		float: right;
		margin-top: 50px;
	}*/
}

@media (max-width: 360px) {
	.right_part{
		width: 100%;
	}
	.left_box{
		margin-left: 45px;
	}
	.footer .menu li a{
		font-size: 11px;
		padding: 0 7px;
	}
	.cont_heading{
		width: 100%;
		margin-left: 0;
	}
	.cont_heading_bg_l{
		display: none;
	}
	.cont_heading_bg_r{
		display: none;
	}
	.footer .menu li a{
		font-size: 10px;
	}
	.favourite_share_cont{
		padding:0 15px;
	}
}
.userProfilecon{
	margin-top: 40px;
}

.favoriteCon li{
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}
.ayatdrc{
	margin-top: 30px;
	float: left;
}
.pagination_box_bottom{
	margin-bottom: 0px;
	bottom: -95px;
	position: absolute;
    width: 100%;
}


@media (max-width: 320px){
	.footer .menu li a{
		font-size: 11px;
	}
	.footer_logo{
		margin-left: 0;
	}
	.footer .menu{
		margin-left: -8px;
	}
	.Design_development {
	    left: 15px;
	}
	.footer .social_cont{
		right: 5px;
	}
	.logo{
		padding-left: 0;
	}
	.navbar-toggle{
		top: 6px;
	}
	.footer_wrap {
	    min-height: 145px;
	}
	.footer .social_cont{
		top: -63px;
	}
	.left_box{

	}
}

@media (min-width:480px) and (max-width: 640px){
	.right_part{
		margin-bottom: 75px!important;
	}

	.ayatdrc{
		margin-top: 75px!important;
	}
	.responsiveBMTopLeft{
		position: absolute;
		left: 0;
		top: -80px;
		margin: 0;
	}
	.responsiveBMTopRight{
		position: absolute;
		right: 0;
		top: -80px;
		margin: 0;
	}
	.responsiveBMBottom{
		margin-top: -15px;
	}
}

@media (min-width:320px) and (max-width: 479px){
	.right_part{
		margin-bottom: 75px!important;
	}

	.ayatdrc{
		margin-top: 75px!important;
	}
	.responsiveBMTopLeft{
		position: absolute;
		left: 0;
		top: -130px;
		margin: 0;
	}
	.responsiveBMTopRight{
		position: absolute;
		right: 0;
		top: -130px;
		margin: 0;
	}
	.responsiveBMBottom{
		margin-top: -15px;
	}
}

@media screen and (max-width: 319px){
	.right_part{
		margin-bottom: 75px!important;
	}

	.ayatdrc{
		margin-top: 75px!important;
	}
	.responsiveBMTopLeft{
		position: absolute;
		left: 0;
		top: -130px;
		margin: 0;
	}
	.responsiveBMTopRight{
		position: absolute;
		right: 0;
		top: -130px;
		margin: 0;
	}
	.responsiveBMBottom{
		margin-top: -15px;
	}
}




.container{
	position: relative;
}
.left_bg{
	width: 202px;
	height: 100%;
	position: absolute;
	background: url('../images/cont-bg.png') repeat scroll;
	left: -101px;
	opacity: 0.5;
}
.right_bg{
	width: 202px;
	height: 100%;
	position: absolute;
	background: url('../images/cont-bg.png') repeat scroll;
	right: -101px;
	opacity: 0.5;
}
.first_row{
	background:#fff;
	position: relative;
}