@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'MehrNastaliqWeb';
  src: url('webfonts/MehrNastaliqWeb.eot?#iefix') format('embedded-opentype'),  url('webfonts/MehrNastaliqWeb.woff') format('woff'), url('webfonts/MehrNastaliqWeb.ttf')  format('truetype'), url('webfonts/MehrNastaliqWeb.svg#MehrNastaliqWeb') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('webfonts/MYRIADPRO-REGULAR.woff') format('woff');
}
button:focus, a:focus, input:focus, select:focus{outline: none;}
a{text-decoration: none;}
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img{max-width: 100%; vertical-align: middle;}
body.body_iner{background: #f3f3f3;}
.transition{ -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s;transition: all ease-in-out .5s;}
.header_home{width: 100%; float: left; background: url("../images/banner.jpg") no-repeat center; background-size: cover; border-bottom: 4px solid #b39273;}
.wrapper{width: 100%; display: block; margin: 0 auto; padding: 0 15px; max-width: 1200px;}
body, button,input {direction: rtl; font-family: MehrNastaliqWeb !important;}

.logoMain{display: block; margin: 10px auto; width: 400px; max-width: 100%;}
.banner_search{width: calc(100% - 80px); margin:30px 40px; padding: 20px; background:rgba(255,255,255,.2); border-radius: 4px; float: left; }
.banner_search_iner{width: 100%; float: left; background: #fff; padding: 20px 15px; border-radius: 4px;}
.banner_search_iner button, input[type=submit]{width: 163px; height: 60px; line-height: 58px; background: #b49372; border-radius: 4px; float: left; font-size: 24px; color: #fefefe; box-shadow: 0 17px 10px rgba(0,0,0,.13); cursor: pointer; border: 2px solid #b49372;}
.banner_search_iner a.transition{width: 163px; height: 60px; line-height: 58px; background: #b49372; border-radius: 4px; float: left; font-size: 24px; color: #fefefe; box-shadow: 0 17px 10px rgba(0,0,0,.13); cursor: pointer; border: 2px solid #b49372;}
.banner_search_iner button i{margin-left: 10px;}
.banner_search_iner button:hover, a.transition:hover{color: #b49372; background: #fff;}
.baner_search_left{float: right; width: calc(100% - 183px); border: 1px solid rgba(173,173,173,.55); border-radius: 4px; background: #eaebef;}
.baner_search_left .urdu_keyboard{float: left; padding:10px 15px; display: inline-block;}
.baner_search_left input{width:calc(100% - 63px); float: right; border: none; background: none; height: 58px; padding: 0 15px; font-size: 20px; color: rgba(0,0,0,.9);}
.after_search{width: calc(100% - 80px); float: left; margin: 30px 40px; margin-bottom: -150px; position: relative;}
.after_search > li{width: 48%; float: right; margin-right: 4%; padding: 20px; background: rgba(255,255,255,.2); border-radius: 4px; display: inline-block;}
.after_search > li:nth-child(2n+1){margin-right: 0;}
.after_search_iner{width: 100%; float: left; background: #fff; border-radius: 4px; padding: 15px; border-bottom: 4px solid #b49372; box-shadow: 0 17px 10px rgba(0,0,0,.13);}
.after_search_iner h2{font-size: 26px; color: rgba(0,0,0,.9); margin-bottom: 0;}
.after_search_cat{width: 100%; float: left; margin-top: 15px;}
.after_search_cat > li{width: 50%; float: right;display: inline-block;}
.after_search_cat > li > a{width: 100%;border-left: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 15px; color: rgba(0,0,0,.9); padding: 8px 50px 8px 10px; background: url("../images/bullet-icon.png") no-repeat 95% center #eaebef; display: inline-block; }
.after_search_cat > li > a:hover{background: url(../images/bullet-icon.png) no-repeat 95% center #e1cdb8;}
.after_search_iner label{font-size: 20px; color: rgba(0,0,0,.9); margin-bottom: 10px; width: 100%; display: inline-block;}
.custom_drop{width: 100%; background: #eaebef; position: relative; border: 1px solid rgba(173,173,173,.55); border-radius: 4px; margin-bottom: 15px;}
.custom_drop:after{position: absolute; left: 10px; top: 50%;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); content: '\f0d7'; font-family: 'Font Awesome 5 Free'; color: #b49372;font-weight: 600;}
.custom_drop select{width: 100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: none; position: relative; z-index: 1; height: 48px; border: none; padding: 0 10px; font-size: 15px; color: rgba(0,0,0,.9);font-family: 'MehrNastaliqWeb'; }
.after_search_iner input[type=submit], .after_search_iner button{font-size: 22px; color: #fff; width: 100%; height: 58px; border-radius: 4px; background: #b49372;box-shadow: 0 17px 10px rgba(0,0,0,.13); border: 2px solid #b49372; cursor: pointer; margin-bottom: 5px; font-family: 'MehrNastaliqWeb';}
.after_search_iner a.transition{font-size: 22px; color: #fff; display:block; text-align:center; width: 100%; height: 58px; border-radius: 4px; background: #b49372;box-shadow: 0 17px 10px rgba(0,0,0,.13); border: 2px solid #b49372; cursor: pointer; margin-bottom: 5px; font-family: 'MehrNastaliqWeb';}
.after_search_iner button i{margin-left: 10px;}
.after_search_iner input[type=submit]:hover, .after_search_iner button:hover, a.transition:hover{ background: #fff; color: #b49372;}
.banner_search_iner button:hover, input[type=submit]:hover{ background: #fff; color: #b49372;}
.container{max-width:100%}
.body_container{width: 100%; float: left;}
.about_section{width: 100%; float: left; background: url("../images/after_baner_bg.png") no-repeat center; background-size: 100% 100%; padding: 200px 0 70px;}
.heading_all{width: 100%; float: left; text-align: center;}
.heading_all h1, .heading_all h2, .heading_all h3, .heading_all h4, .heading_all h5{display: inline-block; position: relative; font-size: 40px; font-weight: normal;}
.heading_all h1:before, .heading_all h2:before, .heading_all h3:before, .heading_all h4:before, .heading_all h5:before{position: absolute; top: 60%; left: calc(100% + 30px); content: ''; background: url("../images/heading-icon.png") no-repeat center; width: 31px; height: 41px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.heading_all h1:after, .heading_all h2:after, .heading_all h3:after, .heading_all h4:after, .heading_all h5:after{position: absolute; top: 60%; right: calc(100% + 30px); content: ''; background: url("../images/heading-icon.png") no-repeat center; width: 31px; height: 41px;-webkit-transform: translateY(-50%) scaleX(-1); -moz-transform: translateY(-50%) scaleX(-1); transform: translateY(-50%) scaleX(-1);}
.about_detail{width: 100%; float: left; margin: 50px 0 40px;text-align: center;}
.about_detail p{font-size: 22px; line-height: 30px; color: #000; margin-bottom: 20px; }
.about_detail a{display: inline-block; font-size: 20px; color: #fff; background: #b49372; padding: 0px 35px; border-radius: 22px; border: 2px solid #b49372;margin-top: 30px;}
.about_detail a:hover{background: #fff; color: #b49372; }
.books_section{width: 100%; float: left; background: url("../images/books-bg.jpg") no-repeat center; background-size: cover; padding: 60px 0 90px;}
.color_white{color: #fff;}
.book_list{width: 100%; float: left; margin-top: 80px;}
.book_list li{display: inline-block; width: 19%; float: right;  margin-right:1.25%; text-align: center;}
.book_list li:nth-child(5n+1){margin-right: 0; clear: right;}
.book_list li a{display: inline-block;}
.book_list li img{ height: 290px;display: inline-block;}
.other_websites_section{width: 100%; float: left; background: #e3e3e3; padding: 40px 0 100px;}
.other_websites_list{width: 100%; float: left; text-align: center; margin-top: 80px;}
.other_websites_list li{display: inline-block;}
.other_websites_img{display: inline-block; padding:15px 60px 55px; background: url("../images/img_bg.png") no-repeat left bottom; background-size: 100% auto; position: relative;}
.other_websites_img img{height: 290px;}
.other_websites_img:before{width: calc(100% - 90px); display: inline-block; content: ''; height: calc(100% - 100px); position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); border: 2px solid #b39273; border-bottom: none;}
.contact_info_section{width: 100%; float: left; padding: 50px 0 90px; background: url("../images/before-footer-bg.jpg") no-repeat center; background-size: cover;}
.heading_right{ text-align: right; padding-right: 60px;}
.heading_right h1:after, .heading_right h2:after, .heading_right h3:after, .heading_right h4:after, .heading_right h5:after{display: none;}
.contact_info_right{width: 45%; float: right;}
.contact_info{width: 100%; padding: 20px 0px 30px 50px; background: url("../images/info-border.png") no-repeat left center; background-size: auto 100%; float: left; margin-top: 30px;}
.contact_info p{font-size: 22px; color: #b2b2b2; line-height: 30px; margin-bottom: 20px;}
.contact_info_left{width: 55%; float: left;}
.contact_info_left .contact_info{padding-left: 0; padding-right: 50px; background: none;}
.footer_section{width: 100%; float: left; background: url("../images/footer-bg.png") no-repeat center bottom #e3e3e3; padding: 60px 0 10px;}
.footer_sections{width: 45%; float: right;}
.footer_sections:nth-child(even){float: left;}
.footer_detail{width: 100%; float: left; padding-top: 40px;}
.footer_img{float: right; width: 175px;}
.footer_info{float: left; width: calc(100% - 175px); padding-right: 15px;}
.footer_info p{font-size: 16px; line-height: 36px; text-align: justify;}
.footer_sections:nth-child(even) .footer_info{float: right; padding-right: 0; padding-left: 15px;}
.footer_sections:nth-child(even) .footer_img{float: left;}
.footer_info a{color: #009140; display: inline-block; margin-top: 20px;font-family: 'Myriad Pro Regular';}
.copyright_section{width: 100%; float: left; background: #b49372; text-align: center;}
.copyright_section p{margin-bottom: 0; font-size: 16px; color: #191919; padding: 20px 0;font-family: 'Myriad Pro Regular';}
.inner_main{width: 100%; float: left; border-top: 5px solid #b49372; padding: 30px 0 60px;}
.sidebar_right{width: 36%; float: right; border-radius: 2px 2px 4px 4px; margin-bottom: 15px; }
.sidebar_left{float: left !important;}
.top_brown{width: 100%; float: left; background: #b49372; border-radius: 2px; padding: 5px 15px; box-shadow: 0 17px 10px rgba(0,0,0,.13);position: relative;}
.sub_search_top_brown{margin-top: 25px;}
.top_brown h3{font-size: 24px; color: #fff; font-weight: normal; float: right;}
.inner_all{width: 100%; padding: 30px 10px 20px; float: left;background: #fff;border-bottom: 4px solid #b49372; border-radius: 0 0 4px 4px;}
.book_inner_all{padding: 19px 10px 10px;}
.search_inner_all{padding: 5px 10px 10px;}
.sub_search_inner_all{padding: 25px 10px 10px}
.logo_inner{float: right; margin-bottom: 20px;}
.custom_radio{display: inline-block; float: right; width: 50%; padding-right: 30px; font-size: 30px; color: rgba(0,0,0,.9); cursor: pointer;}
.custom_radio label {font-size: 20px;}
.custom_radio span{font-family: 'Myriad Pro Regular'; margin-left: 5px; font-size: 27px;}
.custom_radio input{width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(173,173,173,.55); background: #eaebef; display: inline-block; position: relative; margin-left: 15px;}
.custom_radio input:before{position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; border-radius: 50%;  background: #b19175; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%); content: ''; display: none;}
.custom_radio input:checked{display: inline-block;background: #b19175;}
.custom_radio input[type="radio"] {
  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  width: 15px;
    height: 15px;
    padding: 2px;
  background-clip: content-box;
  border: 2px solid #bbbbbb;
  background-color: #e7e6e7;
  border-radius: 50%;
  cursor:pointer;
}

.custom_radio input[type="radio"]:checked {
  background-color: #b19175;
  border: 2px solid #b19175;
}
.inner_all .banner_search_iner{padding: 15px 0;}
.inner_all .banner_search_iner button{width:68px; height: 50px; line-height: 50px; box-shadow: none; }
.inner_all a.transition{width:68px; height: 50px; line-height: 50px; box-shadow: none;text-align: center; }
.inner_all .banner_search_iner button i{margin-left: 0;}
.inner_all .baner_search_left{width: calc(100% - 70px);}
.inner_all .baner_search_left input{height: 48px;}
.inner_all .baner_search_left .urdu_keyboard{padding: 5px 15px;}
.navigation_butons{width: 100%; float: left;}
.navigation_butons a{width: 49%; float: right; display: inline-block; font-size: 24px; border-radius: 2px; background: #b39273; color: #fff; text-align: center; padding: 5px 0; margin-top: 15px;}
.navigation_butons a i{margin-left: 10px;}
.navigation_butons a:nth-child(even){float: left;}
.navigation_butons a:nth-child(even) i{margin-left: 0; margin-right: 10px;}
.navigation_butons a:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b29274+0,d8b28d+50,b29274+100 */
background: rgb(178,146,116); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyOTI3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4YjI4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjkyNzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(178,146,116,1) 0%, rgba(216,178,141,1) 50%, rgba(178,146,116,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,146,116,1)), color-stop(50%,rgba(216,178,141,1)), color-stop(100%,rgba(178,146,116,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b29274', endColorstr='#b29274',GradientType=0 ); /* IE6-8 */ box-shadow: 0 17px 10px rgba(0,0,0,.13);
}
.search_results{width: 100%; float: left; background: #eaebef; border-radius: 2px; margin-top: 40px; padding: 15px 10px;}
.search_results span{font-size: 20px; color: rgba(24,24,24,.9); float: right;}
.search_results span:nth-child(even){float: left;}
.search_list{width: 100%; float: left;}
.search_list li{display: inline-block; width: 100%; float: right;}
.search_list li a{float: right; font-size: 15px; font-weight: bold; color: rgba(0,0,0,.9); width: 100%; padding: 12px 10px;}
.search_list li:nth-child(even) a{background: #f6f6f8;}
.search_list li a i{font-size: 20px; color: #b39273; margin-left: 10px;}
.search_list li a:hover{background: #e1cdb8;}
.search_list li a:hover i{color: #fff;}
.search_list{height: 422px; overflow-y: auto;}
.custom_scroll::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.custom_scroll::-webkit-scrollbar-track {
  background: #eaebef;
}

/* Handle */
.custom_scroll::-webkit-scrollbar-thumb {
  background: #b19175;
}

/* Handle on hover */
.custom_scroll::-webkit-scrollbar-thumb:hover {
  background: #b19175;
}
.inner_left_section{width: 62%; float: left;}
.inner_right_section{float: right !important;}
.inner_left_section h3{font-size: 30px; font-weight: normal; margin-bottom: 15px;}
.top_brown span{ font-size: 14px;font-family: 'Myriad Pro Regular'; padding: 2px 14px; background: #fff; float: left; color: #000; border-radius: 2px; margin-top: 15px;}
.inner_left_section .top_brown h3{font-size: 24px; margin-bottom: 0;}
.inner_all p{font-size: 16px; color: #393939; line-height: 32px; margin-bottom: 15px;}
.inner_all p.verse{font-size: 20px; color: #8e6841;}
.inner_all h1, .inner_all h2, .inner_all h3, .inner_all h4, .inner_all h5{font-size: 26px; color: #1d1d1d; font-weight: normal;}
.inner_all h1.color_blue, .inner_all h2.color_blue, .inner_all h3.color_blue, .inner_all h4.color_blue, .inner_all h5.color_blue{color: #4267b2;}
.hadees_ayat{display: inline-block; float: right; font-size: 13.5px; color: rgba(57,57,57,.8);}
.inner_left_section .inner_all{padding: 40px 20px 20px;border-bottom: 4px solid #b49372; border-radius: 0 0 4px 4px;}
.btn_detail{ max-width: 100%; font-size: 22px; color: #fff;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b29274+0,d8b28d+50,b29274+100 */
background: rgb(178,146,116); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyOTI3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4YjI4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjkyNzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(178,146,116,1) 0%, rgba(216,178,141,1) 50%, rgba(178,146,116,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,146,116,1)), color-stop(50%,rgba(216,178,141,1)), color-stop(100%,rgba(178,146,116,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b29274', endColorstr='#b29274',GradientType=0 ); /* IE6-8 */ box-shadow: 0 17px 10px rgba(0,0,0,.13); width: 416px; display: block; margin: 30px auto 0; text-align: center; clear: both; border-radius: 4px; padding: 5px 10px; border:2px solid #b49372;}
.btn_detail i{margin-left: 10px;}
.btn_detail:hover{background: #fff; color: #b49372;}
.clear-fix{width: 100%; display: block; clear: both;}
.footer_inner{width: 100%; float: left; background: url("../images/footer-bg.png") no-repeat center bottom #e3e3e3; padding: 50px 0 70px;}
.inner_footer_sections{width: 45%; float: right;}
.inner_footer_sections:nth-child(even){float: left;}
.inner_footer_sections .heading_all h1, .inner_footer_sections .heading_all h2, .inner_footer_sections .heading_all h3, .inner_footer_sections .heading_all h4, .inner_footer_sections .heading_all h5{font-size: 32px;}
.footer_other_webs{width: 100%; float: right; margin-bottom: 0; margin-top: 30px;}
.footer_other_webs li{width: 30%; float: right; margin-right: 5%; display: inline-block;}
.footer_other_webs li:nth-child(3n+1){margin-right: 0;}
.footer_other_webs li a{width: 100%; display: inline-block; padding: 20px 15px 0 15px; background: #fff; border-radius: 2px; box-shadow: 0 7px 65px rgba(0,0,0,.13); text-align: center;}
.footer_other_webs li a img{height: 194px; display: inline-block;}
.footer_other_webs li a span{width: 100%; display: inline-block; font-size: 21px; color: #191919; text-align: center;}
.heading_right img{height: 100px; margin-right: 50px;}
.footer_eng{width: 100%; float: left; direction: ltr; padding-top: 30px;}
.footer_eng_left{float: left;}
.footer_eng_right{width: calc(100% - 200px); float: right; padding-top: 15px;font-family: 'Myriad Pro Regular';}
.footer_eng_right p{font-size: 16px;line-height: 30px;color: #191919; text-align: justify;}
.footer_eng_right a{display: inline-block; font-size: 16px; color: #009140; margin-top: 20px;}
.category_list{width: 100%; float: left; }
.category_list li{width: 100%; float: left; display: inline-block;}
.category_list li a{font-size: 15px; font-weight: 700; padding: 10px 45px 10px 10px; width: 100%; float: left; color: rgba(0,0,0,.9); background: url("../images/bullet-icon.png") no-repeat 98% center;}
.category_list li a.selected {background: url(../images/bullet-icon.png) no-repeat 98% center #e1cdb8 !important;}
.category_list li:nth-child(even) a{background: url("../images/bullet-icon.png") no-repeat 98% center #f6f6f8;}
.category_list li a.cat_selected {background: url(../images/bullet-icon.png) no-repeat 98% center #e1cdb8;}
.category_list li a:hover{ background: url("../images/bullet-icon.png") no-repeat 98% center #e1cdb8;}
.book_list_view{width: 100%; float: left;}
.book_list_view li{width: 100%; display: inline-block; min-height:255px; background: #fff; border-radius: 2px; padding:15px 15px 15px 250px; border-right: 5px solid #b49372;  position: relative; box-shadow:  0 7px 65px rgba(0,0,0,.13); margin-bottom: 40px;}
.book_img_cont{width: 195px; padding:30px 25px; background: #fff; border-radius: 2px; box-shadow: 0 7px 65px rgba(0,0,0,.13); left: 25px; top: -15px; position: absolute; text-align: center;}
.book_img_cont img{height: 224px; display: inline-block;}
.book_cont_detail{width: 100%; float: right;}
.book_cont_detail h3{font-size: 24px; color: #2b2b2b; font-weight: normal; margin-bottom: 0;}
.author_info{width: 100%; display: inline-block;  font-size: 24px; color: #1d1d1d; }
.author_info span{color: #b29274}
.book_cont_detail p{font-size: 16px; color:#191919; line-height: 30px; margin-top: 10px; }
.book_btn{float: right; font-size: 18px; color: #fff; border-radius: 4px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b29274+0,d8b28d+50,b29274+100 */
background: rgb(178,146,116); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyOTI3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Q4YjI4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMjkyNzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(178,146,116,1) 0%, rgba(216,178,141,1) 50%, rgba(178,146,116,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,146,116,1)), color-stop(50%,rgba(216,178,141,1)), color-stop(100%,rgba(178,146,116,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(178,146,116,1) 0%,rgba(216,178,141,1) 50%,rgba(178,146,116,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b29274', endColorstr='#b29274',GradientType=0 ); /* IE6-8 */ box-shadow: 0 17px 10px rgba(0,0,0,.13); padding: 3px 15px; margin-top:20px;}
.book_btn i{margin-left: 5px;}
.inner_all .after_search_iner{padding: 0; border: none; box-shadow: none;}
.social_share{width: 100%; float: left; background: #fff; border-bottom: 4px solid #b49372; border-radius: 2px 2px 4px 4px; box-shadow: 0 7px 65px rgba(0,0,0,.13); margin-top: 15px; padding: 0px 20px 5px 20px;}
.social_share span{float: right; font-size: 25px; font-weight: 700; font-style: italic; color: #b49372;}
.social_share span span{margin-right: 10px; float: left;}
.social_media{float: left; margin-top: 10px;}
.social_media li{display: inline-block; float: left; margin-right: 10px;}
.social_media li:last-child{margin-right: 0;}
.social_media li a{display: inline-block; border-radius: 4px; font-size: 20px; color: #fff; width: 41px; height: 41px; text-align: center; line-height: 41px;}
.social_media li:nth-child(1) a{background: #4267b2;}
.social_media li:nth-child(2) a{background: #00baf4;}
.social_media li:nth-child(3) a{background: #b49372;}
.download_btn{width: 100%; float: left; height: 58px; line-height: 58px; text-align: center; font-size: 30px; color: #56422f; font-weight: bold;margin-bottom: 3px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+-1,c4c4c4+100 */
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSItMSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzRjNGM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) -1%, rgba(196,196,196,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(255,255,255,1)), color-stop(100%,rgba(196,196,196,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) -1%,rgba(196,196,196,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(255,255,255,1) -1%,rgba(196,196,196,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) -1%,rgba(196,196,196,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(255,255,255,1) -1%,rgba(196,196,196,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c4c4c4',GradientType=0 ); /* IE6-8 */ border: 1px solid #c1c1c1; border-radius: 4px; margin-top: 15px;
}
.download_btn img{margin-right: 15px; vertical-align: baseline;}
.page_count{width: 107px; display: inline-block; background: #fff; border-radius: 4px; font-size: 14px; font-weight: 600; float: left;}
.top_brown span.page_count{padding: 5px 10px; margin-top: 5px; line-height: 25px;}
.page_count select{float: left; background: #eaebef; border: 1px solid rgba(173,173,173,.55); border-radius: 2px; font-size: 14px; font-weight: 600; height: 25px; width: 50px; direction: ltr;}
.book_detail_iner{width: 100%; text-align: justify; padding: 20px 90px; position: relative;}
.book_naviagtion{position: absolute; top: 300px;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); right: -20px; font-size: 20px; color: #000;}
.book_naviagtion span{width: 31px; height: 31px; text-align: center; line-height: 28px; border-radius: 4px 0 0 4px; font-size: 20px; color: #fff; background: #b29274; box-shadow: 0 10px 10px rgba(0,0,0,.13); display: inline-block; margin-left: 10px;}
.book_naviagtion.book_navi_left{right: inherit; left: -20px;}
.book_naviagtion.book_navi_left span{margin-left: 0; margin-right: 10px; border-radius: 0 4px 4px 0;}
.banner_top{width: 100%; float: left; background: url("../images/nada-ay-khilafat.jpg") no-repeat center; background-size: cover; padding: 150px 0 100px; text-align: center;}
.logo_other{display: inline-block;}
/*** naday khildfat ***/
.naday_khilafat .banner_search_iner button, .blue_grad, .after_search_iner button.blue_grad{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#41a4da+0,41a4da+0,3c67b1+100 */
background: rgb(65,164,218); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxYTRkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDFhNGRhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNjNjdiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(65,164,218,1) 0%, rgba(65,164,218,1) 0%, rgba(60,103,177,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,164,218,1)), color-stop(0%,rgba(65,164,218,1)), color-stop(100%,rgba(60,103,177,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(65,164,218,1) 0%,rgba(65,164,218,1) 0%,rgba(60,103,177,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(65,164,218,1) 0%,rgba(65,164,218,1) 0%,rgba(60,103,177,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(65,164,218,1) 0%,rgba(65,164,218,1) 0%,rgba(60,103,177,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(65,164,218,1) 0%,rgba(65,164,218,1) 0%,rgba(60,103,177,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a4da', endColorstr='#3c67b1',GradientType=0 ); /* IE6-8 */ border: none;
}
.naday_khilafat .banner_search_iner button:hover, .after_search_iner button.blue_grad:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3c67b1+0,3c67b1+0,41a4da+100 */
background: rgb(60,103,177); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjNjdiMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjM2M2N2IxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzQxYTRkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(60,103,177,1) 0%, rgba(60,103,177,1) 0%, rgba(65,164,218,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,103,177,1)), color-stop(0%,rgba(60,103,177,1)), color-stop(100%,rgba(65,164,218,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(60,103,177,1) 0%,rgba(60,103,177,1) 0%,rgba(65,164,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(60,103,177,1) 0%,rgba(60,103,177,1) 0%,rgba(65,164,218,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(60,103,177,1) 0%,rgba(60,103,177,1) 0%,rgba(65,164,218,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(60,103,177,1) 0%,rgba(60,103,177,1) 0%,rgba(65,164,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c67b1', endColorstr='#41a4da',GradientType=0 ); /* IE6-8 */ color: #fff;
}
.naday_khilafat .copyright_section p, .hikmat_quran .copyright_section p, .mesaaq .copyright_section p{color: #fff;}
.after_baner_serach{width: 100%; float: left; padding: 20px 0 15px; box-shadow:0 17px 10px rgba(0,0,0,.13);}
.after_baner_serach_iner{width: 100%; float: left; padding: 0 15px;}
.search_btn_left{width: 163px; height: 58px; display: inline-block; float: left; background: #fff; border: none; box-shadow: 0 17px 10px rgba(0,0,0,.13); font-size: 22px; border-radius: 4px; cursor: pointer;}
.font-blue{color: #3f78c8;}
.search_btn_left i{margin-left: 10px; text-shadow: 0 17px 10px rgba(0,0,0,.13);}
.dropdowns_right{width: calc(100% - 180px); float: right;}
.dropdowns_right .custom_drop{width: 49.5%; float: right; margin-right: 1%; border-radius: 2px;}
.dropdowns_right .custom_drop:nth-child(2n+1){margin-right: 0;}
.naday_khilafat .dropdowns_right .custom_drop{background: rgba(234,235,239,.8);}
.naday_khilafat .dropdowns_right .custom_drop:after{color:#40a4d1; }
.dropdowns_right select{font-size: 15px; color: rgba(0,0,0,.9); height: 58px;}
.dropdowns_right .custom_drop:after{font-size: 20px;}
.latest_editions{width: 100%; float: left; padding: 50px 0 70px; background: url('../images/after_baner_bg.png') no-repeat center #f3f3f3; background-size: 100% 100%;}
.latest_editions h3{font-size: 60px; text-align: center; text-shadow: 0 17px 10px rgba(0,0,0,.13);}
.latest_editions_main{width: 100%; float: left; text-align: center; padding-top: 40px;}
.latest_editions_outer{display: inline-block;width: 960px; max-width: 100%; border-radius: 4px; box-shadow: 0 0 46px rgba(0,0,0,.22); padding: 20px; background: #ffffff;}
.latest_editions_iner{width: 100%; float: left; background: url('../images/latest-edition-bg.png') no-repeat center #fff; background-size: 100% 100%; padding: 30px 0; text-align: center; border-radius: 4px; border-bottom: 4px solid #4090d2; box-shadow: 0 17px 10px rgba(0,0,0,.13);}
.latest_editions_iner li{width: 33%; float: right; display: inline-block; text-align: center;}
.latest_editions_iner li .latest_editions_img{display: inline-block;padding: 0 60px 55px; background: url('../images/latest-edition-back.png') no-repeat center bottom; background-size: 100% auto;}
.latest_editions_iner li .latest_editions_img img{height: 236px; width: auto;}
.latest_editions_iner li span{font-size: 26px; color: rgba(0,0,0,.9); width: 100%; float: left; margin-top: -25px;}
.latest_editions_iner li a{display: inline-block;}
.other_websites_main{width: 100%; float: left;padding: 30px 0 40px; background: url('../images/other-websites-bg.jpg') no-repeat center top #f3f3f3; background-size: 100% auto;}
.other_websites_main h3{font-size: 60px; text-align: center; text-shadow: 0 17px 10px rgba(0,0,0,.13);}
.other_websites_main .other_websites_img{background: url('../images/other-web-img-bg.png') no-repeat center bottom;}
.naday_khilafat .other_websites_img:before{border-color:#3f78c8; }
.contact_info_section.other_websites{background: url('../images/footer-bg.png') no-repeat center bottom #f3f3f3;}
.contact_info_section.other_websites .heading_all.heading_right{padding-right: 0;}
.contact_info_section.other_websites .heading_all h1:before, .contact_info_section.other_websites .heading_all h2:before, .contact_info_section.other_websites .heading_all h3:before, .contact_info_section.other_websites .heading_all h4:before, .contact_info_section.other_websites .heading_all h5:before{display: none;}
.contact_info_section.other_websites .contact_info p{color: rgba(0,0,0,.9);}
.contact_info_section.other_websites .contact_info{background: none; padding-right: 0;}
.naday_khilafat .inner_main, .naday_khilafat .inner_all, .naday_khilafat .social_share{border-color: #3f78c8;}
.naday_khilafat .social_share span, .naday_khilafat .download_btn,  .naday_khilafat .custom_drop:after{color:#3f78c8; }
.naday_khilafat .book_naviagtion span, .naday_khilafat .copyright_section{background: #3f78c8;}
.body_iner.other_inner .heading_all h1:before, .body_iner.other_inner .heading_all h2:before, .body_iner.other_inner .heading_all h3:before, .body_iner.other_inner .heading_all h4:before, .body_iner.other_inner .heading_all h5:before{display: none;}
.body_iner.other_inner .heading_right{padding-right: 0;}
.body_iner.other_inner .download_btn i{margin-right: 10px;}
.naday_khilafat .sidebar_right{width: 30%;}
.naday_khilafat .inner_left_section{width: 68%;}
.naday_khilafat .book_detail_iner{padding: 20px 70px;}
/****** hikmat Quran *****/
.orange_grad, .hikmat_quran .banner_search_iner button, .after_search_iner button.orange_grad{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e07f16+-1,c34914+100 */
background: rgb(224,127,22); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSItMSUiIHN0b3AtY29sb3I9IiNlMDdmMTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzM0OTE0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(224,127,22,1) -1%, rgba(195,73,20,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(-1%,rgba(224,127,22,1)), color-stop(100%,rgba(195,73,20,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(224,127,22,1) -1%,rgba(195,73,20,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(224,127,22,1) -1%,rgba(195,73,20,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(224,127,22,1) -1%,rgba(195,73,20,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(224,127,22,1) -1%,rgba(195,73,20,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e07f16', endColorstr='#c34914',GradientType=0 ); /* IE6-8 */
}
.hikmat_quran .banner_search_iner button:hover, .after_search_iner button.orange_grad:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c34914+0,e07f16+100 */
background: rgb(195,73,20); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzNDkxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMDdmMTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(195,73,20,1) 0%, rgba(224,127,22,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(195,73,20,1)), color-stop(100%,rgba(224,127,22,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(195,73,20,1) 0%,rgba(224,127,22,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(195,73,20,1) 0%,rgba(224,127,22,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(195,73,20,1) 0%,rgba(224,127,22,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(195,73,20,1) 0%,rgba(224,127,22,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c34914', endColorstr='#e07f16',GradientType=0 ); /* IE6-8 */ color: #fff;
}
.after_search_iner button.orange_grad{border: none;}
.hikmat_quran .banner_search_iner button{border:none;}
.font-orange, .hikmat_quran .social_share span, .hikmat_quran .download_btn,  .hikmat_quran .custom_drop:after,   .hikmat_quran .custom_drop:after{color: #cc5a15;}
.hikmat_quran .inner_main, .hikmat_quran .inner_all, .hikmat_quran .social_share, .hikmat_quran .other_websites_img:before, .hikmat_quran .latest_editions_iner{border-color: #cc5a15;}
.hikmat_quran .book_naviagtion span, .hikmat_quran .copyright_section{background: #cc5a15;}
.hikmat_quran .dropdowns_right .custom_drop {
    background: rgba(234,235,239,.8);
}
/****** mesaaq *****/
.green_grad, .mesaaq .banner_search_iner button, .after_search_iner button.green_grad{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#41a4da+0,2ea23e+100 */
background: rgb(65,164,218); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQxYTRkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZWEyM2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(65,164,218,1) 0%, rgba(46,162,62,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,164,218,1)), color-stop(100%,rgba(46,162,62,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(65,164,218,1) 0%,rgba(46,162,62,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(65,164,218,1) 0%,rgba(46,162,62,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(65,164,218,1) 0%,rgba(46,162,62,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(65,164,218,1) 0%,rgba(46,162,62,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a4da', endColorstr='#2ea23e',GradientType=0 ); /* IE6-8 */
}
.mesaaq .banner_search_iner button:hover, .after_search_iner button.green_grad:hover{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2ea23e+0,41a4da+100 */
background: rgb(46,162,62); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlYTIzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MWE0ZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(46,162,62,1) 0%, rgba(65,164,218,1) 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(46,162,62,1)), color-stop(100%,rgba(65,164,218,1))); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  rgba(46,162,62,1) 0%,rgba(65,164,218,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  rgba(46,162,62,1) 0%,rgba(65,164,218,1) 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  rgba(46,162,62,1) 0%,rgba(65,164,218,1) 100%); /* IE10 preview */
background: linear-gradient(to bottom,  rgba(46,162,62,1) 0%,rgba(65,164,218,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea23e', endColorstr='#41a4da',GradientType=0 ); /* IE6-8 */ color: #fff;
}
.after_search_iner button.green_grad{border: none;}
.mesaaq .banner_search_iner button{border:none;}
.font-green, .mesaaq .social_share span, .mesaaq .download_btn,  .mesaaq .custom_drop:after,   .mesaaq .custom_drop:after{color: #2ea84b;}
.mesaaq .inner_main, .mesaaq .inner_all, .mesaaq .social_share, .mesaaq .other_websites_img:before, .mesaaq .latest_editions_iner{border-color: #2ea84b;}
.mesaaq .book_naviagtion span, .mesaaq .copyright_section{background: #2ea84b;}
.mesaaq .dropdowns_right .custom_drop {
    background: rgba(234,235,239,.8);
}
.inner_left_section .logo_inner{display: none;}
.google_play{position: fixed; top: 60px; right: -100%; width: 230px; padding: 10px; background: #fff; border-radius: 4px; box-shadow: 0 13px 10px rgba(0,0,0,.1); -weblit-transition: all ease-in-out 1s; -moz-transition: all ease-in-out 1s; transition: all ease-in-out 1s;}
.google_play.fadeIn{right: 50px;}
.footer_google{width: 100%; text-align: center; float: left; padding-top: 30px;}
.footer_google a{display: inline-block; width: 250px;}
.tooltip {position: relative;}
.google_play.tooltip{position: fixed;}
.tooltip .tooltiptext {
	font-family: 'Myriad Pro Regular';
  bottom: calc(100% + 10px);
  left: 50%;
  margin-left: -110px; /* Use half of the width (120/2 = 60), to center the tooltip */
	/* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
  visibility: hidden;
	background: #000;
	padding: 5px 8px;
	color: #fff;
  text-align: center;
  border-radius: 6px;
	font-size: 18px;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.book_detail_iner table{
	border-color: #fc4ea7;
}
.book_detail_iner table tr td {
  border-color: #fc4ea7;
      text-align: center !important;
}
.book_detail_iner table tr:first-child td{
	background-color: #fee8f2;
}
.book_detail_iner .table-no-head tr:first-child td{
  background-color: transparent;
}

@media only screen and (max-width:1200px){
	.after_search_cat > li > a{
		font-size: 14px;
	}
	.footer_other_webs li a img{height: 151px;}
}
@media only screen and (max-width:992px){
	.after_search > li{width: 100%; margin-right: 0; margin-bottom: 20px;}
	.book_list li{width: 32%; margin-right:2%; margin-bottom: 15px; }
	.book_list li:nth-child(5n+1){margin-right: 2%;}
	.book_list li:nth-child(3n+1){margin-right:0%;}
	.heading_all h1, .heading_all h2, .heading_all h3, .heading_all h4, .heading_all h5{font-size: 30px;}
	.footer_info{width: 100%;}
	.footer_sections:nth-child(even) .footer_img{float: right; margin-bottom: 10px;}
	.inner_left_section h3{font-size: 25px;}
	.inner_footer_sections{width: 100%;}
	.inner_footer_sections:nth-child(even){margin-top: 30px;}
	.book_img_cont{position: static; margin-bottom: 20px;}
	.book_list_view li{padding: 15px;}
	.top_brown h3{font-size: 20px;}
	.latest_editions_iner li .latest_editions_img img{height: 174px;}
	.custom_radio{padding-right: 0; font-size: 20px;}
	.custom_radio span{font-size: 18px;}
}
@media only screen and (max-width:767px){
	.banner_search_iner button, .baner_search_left, .banner_search, .contact_info_left, .contact_info_right{width: 100%;}
	.baner_search_left{margin-bottom: 10px;}
	.banner_search{margin:30px 0 0; }
	.after_search{width: 100%; margin: 30px 0 0;}
	.about_section{padding: 50px 0;}
	.contact_info_right{margin-bottom: 20px;background: none; word-wrap: break-word;}
	.contact_info{background: none;}
	.footer_sections{width: 100%; margin-bottom: 20px;}
	.contact_info_left .contact_info{padding-right: 0;}
	.sidebar_right, .inner_left_section, .naday_khilafat .sidebar_right, .naday_khilafat .inner_left_section{width: 100%;}
	.inner_left_section{margin-bottom: 30px;}
	.sidebar_right .logo_inner{display: none;}
	.inner_left_section .logo_inner{display: inline-block;}
	.inner_left_section h3{width: 100%; display: inline-block; float: right;}
	.dropdowns_right, .search_btn_left, .latest_editions_iner li{width: 100%;}
	.latest_editions_iner li{margin-bottom: 20px;}
	.latest_editions_iner li .latest_editions_img img{height: 235px;}
	.latest_editions_iner{background: #fff;}
}
@media only screen and (max-width:577px){
	.book_list li{width: 100%; margin-right:0%; margin-bottom: 15px; }
	.book_list li:nth-child(5n+1), .book_list li:nth-child(3n+1){margin-right: 0%;}
	.after_search_cat > li{width: 100%;}
	.contact_info_left .heading_all h3{font-size: 20px;}
	.footer_other_webs li{width: 100%; margin-right: 0; margin-bottom: 20px;}
	.footer_eng_right{width: 100%;}
	.footer_eng_left{float: right;}
	.book_detail_iner{padding: 0 75px;}
	.inner_footer_sections .heading_all h3{width: 100%;}
	.heading_right img{float: right; margin: 10px 0 0;}
	.dropdowns_right .custom_drop{width: 100%; margin-right: 0;}
	.other_websites_main h3, .latest_editions h3{font-size: 40px;}
	.other_websites_list li{margin-bottom: 20px;}
	.banner_top{padding: 70px 0;}
	.inner_all .baner_search_left, .inner_all .banner_search_iner button{width: 100%;}
	.custom_radio div{width: 20px; height: 20px;}
	.custom_radio div:before{width: 10px; height: 10px;}
}
/********************************* MARKERS  ********************************************/



.quran-marker {
    font-family: 'noorehuda','Times New Roman';
    font-size: 20px;
    line-height: 27px;
    color: #fb3199;
}

.quran-bold-marker {
    font-family: 'noorehuda','Times New Roman';
    font-size: 20px;
    line-height: 27px;
    color: #fb3199;
    font-weight: bold;
}

.quran-underline-marker {
    font-size: 20px;
    line-height: 27px;
    color: #fb3199;
    text-decoration: underline;
}


.hadees-marker {
    font-family: 'noorehuda','Times New Roman';
    font-size: 20px;
    line-height: 27px;
    color: #fb3199;
}

.hadees-underline-marker {
    font-family: 'noorehuda','Times New Roman';
    font-size: 20px;
    line-height: 27px;
    color: #fb3199;
    text-decoration: underline;
}

.hadees-bold-marker {
    font-family: 'noorehuda','Times New Roman';
    font-size: 20px;
    line-height: 27px;
    color: #fb3199;
    font-weight: bold;
}


.urdu-marker {
    font-family: 'MehrNastaliqWeb' !important;
    font-size: 16px;
    color: black;
}

.urdu-marker-pink {
    font-family: 'MehrNastaliqWeb' !important;
    font-size: 16px;
    color: #fb3199;
}

.urdu-underline-marker {
    font-family: 'MehrNastaliqWeb' !important;
    font-size: 16px;
    color: black;
    text-decoration: underline;
}

.urdu-bold-marker {
    font-family: 'MehrNastaliqWeb' !important;
    font-size: 13px;
    color: black;
    font-weight: bold;
}

.ref-urdu-marker {
    font-family: 'MehrNastaliqWeb' !important;
    font-size: 13px;
    color: black;
    display: block;
    text-align: center;
}

.ref-urdu {
    font-family: 'MehrNastaliqWeb' !important;
    font-size: 14px;
    color: black;
    display: block;
    text-align: center;
}

.arabic-marker {
    font-family: 'noorehuda','Times New Roman';
    font-size: 20px;
    line-height: 27px;
    color: #fb3199;
}
.arabic-marker-inside-heading {
  font-size: 26px !important;
} 
.arabic-underline-marker {
    font-family: 'noorehuda','Times New Roman';
    font-size: 20px;
    line-height: 27px;
    color: #fb3199;
    text-decoration: underline;
}

.arabic-bold-marker {
    font-family: 'noorehuda','Times New Roman';
    font-size: 20px;
    line-height: 27px;
    color: #fb3199;
    font-weight: bold;
}

.ref-arabic-marker {
    font-family: 'noorehuda','Times New Roman';
    color: #fb3199;
    font-size: 14px;
}

.ref-arabic {
    font-family: 'noorehuda','Times New Roman';
    color: #fb3199;
    font-size: 14px;
}

.english-marker {
    font-family: Times New Roman;
    color: black;
    font-size: 18px;
}

.english-underline-marker {
    font-family: Times New Roman;
    color: black;
    font-size: 18px;
    text-decoration: underline;
}

.english-bold-marker {
    font-family: Times New Roman;
    color: black;
    font-size: 18px;
    font-weight: bold;
}


.ref-english-marker {
    font-family: Times New Roman;
    color: black;
    font-size: 14px;
}

.ref-english {
    font-family: Times New Roman;
    color: black;
    font-size: 14px;
}



.heading-marker {
    font-family: 'MehrNastaliqWeb' !important;
    font-size: 30px;
    color: #fb3199;
    text-align: center;
}


.heading1-marker {
    font-family: 'MehrNastaliqWeb' !important;
    font-size: 24px;
    color: #fb3199;
    text-align: center;
}

.heading-underline-marker {
    font-family: 'MehrNastaliqWeb' !important;
    font-size: 24px;
    color: #fb3199;
    text-align: center;
    text-decoration: underline;
    /*line-height: 60px;*/
}



.chapter-marker {
    font-family: 'MehrNastaliqWeb' !important;
    font-size: 50px;
    color: #fb3199;
    display: block;
    text-align: center;
}

.poetry-marker {
    font-family: 'MehrNastaliqWeb' !important;
    font-size: 20px;
    color: #fb3199;
    text-align: center;
}

.margin-line-marker {
    display: block;
    text-align: center;
}

.bookfrontpage {
    min-height: 550px;
    max-height: 550px;
    max-width:100%;
    width: 400px;
    /* background-color: #BE2134; */
    text-align: center;
    font-size: 16px;
    padding: 0px 0px;
    
    display: inline-block;
    
}





/*New Color/Background Classes*/

.booktitle1 {
    float: left;
    width: 100%;
    min-height: 193px;
    max-height: 193px;
}

.b-maroon {
    background-color: #BE2134;
}

.b-offwhite {
    background-color: #D1CFD0;
}

.b-green {
    background-color: #21402A;
}

.c-maroon {
    color: #BE2134;
}

.c-offwhite {
    color: #D1CFD0;
}

.c-green {
    color: #21402A;
}


.seprator {
    float: left;
    width: 100%;
    min-height: 10px;
    max-height: 10px;
}

.bookAuthor1 {
    float: left;
    width: 100%;
    min-height: 153px;
    max-height: 153px;
    padding-top: 40px;
}

.bookPublisher1 {
    float: left;
    width: 100%;
    min-height: 193px;
    max-height: 193px;
    padding-top: 25px;
}

.spanstyle {
    font-size: 24px;
}

.booktitle2 {
    float: left;
    width: 100%;
    min-height: 165px;
    max-height: 165px;
}

.bookAuthor2 {
    float: left;
    width: 100%;
    min-height: 220px;
    max-height: 220px;
}

.bookPublisher2 {
    float: left;
    width: 100%;
    min-height: 165px;
    max-height: 165px;
}

.contentpage {
    min-height: 600px;
    max-height: 1000px;
    width: 400px;
    font-size: 16px;
    padding: 0px 0px;
    font-size: 16px;
    padding: 0px 0px;
    display:inline-block;
}

.contentpageHeading {
    min-height: 50px;
    max-height: 50px;
}


.main-content {
    float: right;
    width: 360px;
    clear: both;
    direction: rtl;
    margin-top: 0px;
    margin-right: 10px;
    text-align:right;
}
.main-content a{
    color:rgba(0,0,0,.9);
}
.main-content img{
    margin-left:7px;
}

.sub-content.b-website {
    text-align: right;
    margin-right: 30px;
    display: inline-block;
    width: calc(100% - 30px);
}
.sub-content a{
    color:rgba(0,0,0,.9);
}
.sub-content img{
    margin-left:5px;
}


    .main-content:hover, .sub-content:hover {
        background-color: #E9E6D7;
        cursor: pointer;
    }



.span-content {
    font-size: 14px;
    color: black;
}
/*New Color/Background Classes*/
.b-green {
    background-color: #027236;
}

.c-green {
    color: #027236;
}

.b-aqua {
    background-color: #00A1CD;
}

.c-aqua {
    color: #00A1CD;
}

.b-brown {
    background-color: #6A3C2C;
}

.c-brown {
    color: #6A3C2C;
}

.b-yellow {
    background-color: #7C7817;
}

.c-yellow {
    color: #7B7725;
}

.b-grey {
    background-color: #696768;
}

.c-grey {
    color: #696768;
}

.b-purple {
    background-color: #864694;
}

.c-purple {
    color: #864694;
}

.b-maroon {
    background-color: #AB192B;
}

.c-maroon {
    color: #AB192B;
}

.b-olive {
    background-color: #94B461;
}

.c-olive {
    color: #94B461;
}

.b-website {
    background-color: #F7F5E9;
}
.overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99;
    background: #e3e3e3de;
}
.ajax-loader {
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -70px; /* -1 * image width / 2 */
    margin-top: -70px; /* -1 * image height / 2 */
    display: block;
}
#keyboardInputMaster{
    display:block !important;
}
.SelectedItem{
    background-color: #b39273b0 !important;
}