/* ------------------------------------------------------------
                      || font Icludes ||
------------------------------------------------------------ */

@font-face {
    font-family: 'gesstwo';
    src: url('../font/enn_font.eot');
    src: local('☺'), url('../font/enn_font.ttf') format('truetype'), url('../font/enn_font.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family:'jannabold';
    src:url(../font/janna_bold.eot);
    src:url(../font/janna_bold.eot?#iefix) format("embedded-opentype"),url(../font/janna_bold.ttf) format("truetype"),url(../font/janna_bold.woff) format("woff"),url(../font/janna_bold.svg#1088eb5b-cc92-428f-ac4c-0639886ce087) format("svg");
    font-style:normal;
    font-weight:normal;
}

@font-face{
    font-family:'janna';
    src:url(../font/janna_regular.eot);
    src:url(../font/janna_regular.eot?#iefix) format("embedded-opentype"),url(../font/janna_regular.ttf) format("truetype"),url(../font/janna_regular.woff) format("woff"),url(../font/janna_regular.svg#a24f53ee-e15e-4931-89a3-b6f17fbfcd72) format("svg");
    font-style:normal;
    font-weight:normal;
}

@font-face {
    font-family: "droid";
    font-style: normal;
    font-weight: 700;
    src: url("../font/DroidNaskh-Bold.eot") format("embedded-opentype"), url("../font/DroidNaskh-Bold.woff2") format("x-woff2"), url("../font/DroidNaskh-Bold.woff") format("woff"), url("../font/DroidNaskh-Bold.ttf") format("truetype");
}

#header {
    padding: 20px 0 0;
    border-top-color: #2f3304;	
    background: url(../images/topBg.png) right top no-repeat;
}

#header .ltrDiv {
    margin-bottom: 0px;
}

.ltrDiv {
    direction: rtl;
}

.ltrDiv #logo {
    max-width: 325px;
    float: right;
    margin: 0 0 0 20px;
}

.ltrDiv .socials {
    float: right;
    display: none;
}

.ltrDiv #mainmenu {
    float: right;
}

.ltrDiv #top_menu {
    right: auto;
    /*left: 15px;*/
    left: -50px;
}

.ltrDiv .sf-menu li {
    float: right;
    margin-right: 5px;
    margin-left: 0px;
}

.ltrDiv .sf-menu a,
.ltrDiv .sf-menu a:visited {
    font: 14px/1 'gesstwo', Arial;
    padding: 7px 5px;
    color: #454401;
    text-shadow: none;
}

.ltrDiv .header_search {
    float: left;
    margin-left: 0px;
    margin-right: 5px;
}

.ltrDiv .header_search .search_box {
    right: auto;
    left: 40px;
    font-family: Tahoma, Geneva, sans-serif;
}

.ltrDiv .header_search .search_box input.search_input {
    font-family: Tahoma, Geneva, sans-serif;
}

.sf-menu > li.current-menu-ancestor > a, .sf-menu > li.current-menu-parent > a, .sf-menu > li.current-post-ancestor > a, .sf-menu > li.current-post-parent > a, .sf-menu > li.current-menu-item > a, .sf-menu > li.current_page_item > a, .sf-menu > li.current > a, .sf-menu li:hover a, .sf-menu li.sfHover a {
    color: #000 !important;
    text-shadow: 0 1px 1px #fff;
    background: #f2f5f6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f2f5f6 0%, #c8d7dc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc));
    background: -webkit-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
    background: -o-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
    background: -ms-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
    background: linear-gradient(to bottom,  #f2f5f6 0%,#c8d7dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
}

.header_search .search_zoom {
    background-position: -60px 0;
}

.header_search .search_zoom.close {
    background-position: -60px 100%;
}

.post_single_inner {
    direction: rtl;
}

.post_single_inner h1 {
    font: 24px/1 'jannaBold', Arial;
    color: #fff;
    line-height: 48px;
    border-radius: 5px;
    text-align: center;
    background: url(../images/shazTitle.jpg) center center no-repeat;	
}

.post_single_inner p {
    text-align: justify;
    margin-bottom: 15px;
    font: 14px 'droid', Arial;
}

.post_single_inner p:last-child,
.post_single_inner p:last-of-type {
    margin-bottom: 0px;
}

.homeVideoList {
    clear: both;
    direction: rtl;
}

.homeVideoList .white_box {
    padding-top: 13px 0 12px;
    padding-bottom: 15px;
}

.homeVideoList .four {
    margin-bottom: 0px;
}

.four .post_single_inner h1 {
    color: #fff;
    line-height: 48px;
    border-radius: 5px;
    background: url(../images/shazTitle.jpg) center center no-repeat;
}

.homeVideoList img {
    display: block;
    background-color: #fff;
    border-radius: 4px 4px 0 0;
    width: 100%;
    height: auto;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}

.homeVideoList h3 {
    font: 18px/40px 'gesstwo', Arial;
    text-align: center;
    border-radius: 0 0 4px 4px;
    color: #88991c;
    border-top: 1px solid #ccc;
    margin-top: 1px;
    background: rgba(255,255,255,1);
}
.homeVideoList h4 {
    font: 18px/40px 'gesstwo', Arial;
    text-align: center;
    border-radius: 0 0 4px 4px;
    color: #88991c;
    margin-top: 1px;
    background: rgba(255,255,255,1);
}
.homeVideoList h5 {
    font: 15px/30px 'gesstwo', Arial;
    text-align: center;
    color: #900;
    margin-top: -25px;
    background: rgba(255,255,255,1);
}
.homeVideoList p {
    margin-top: 6px;
    margin-bottom: 3px;
    text-align: center;
}
.homeVideoList a {
    font: 10px/30px 'gesstwo', Arial;
    color: #900;
}

.post_item.post_single.white_box {
    margin-bottom: 0px;
}

.slider .caption_wrapper .caption {
    direction: rtl;
    font: 13px 'droid', Arial;
}

.slider .caption_wrapper .caption a {
    color: #b0bf0d;
}

.slider .caption_wrapper .caption h3 a {
    color: #b0bf0d;
    font: 18px 'gesstwo', Arial;
}

#footer {
    background: #333;
    color: #fff;
    padding: 10px 0;
    font-family: 'droid', Arial, Tahoma, Geneva, sans-serifa;
}

#footer a {
    font-weight: bold;
    color: #ffff00;
}

#toTop a {
    box-sizing: border-box;
    padding-top: 10px;
    color: #438f00;
}

.searchBox {
    direction: rtl;
    padding: 10px;
    background: rgba(0,0,0,0.75);
    margin-top: 15px;
}

.searchBox span {
    margin: 0px;
}

.searchBox input {
    width: 100%;
    padding: 10px 15px;
    font: 17px 'jannaBold', Arial;
    background: url(../images/srchIcon.png) 99% center no-repeat #fff;;
}

.searchBox input[type="text"] {
    padding-right: 50px;
}

input[type="submit"],
input[type="button"] {
    color: #474d05 !important;
    text-shadow: 0 1px 1px #fff;
    background: #f2f5f6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f2f5f6 0%, #c8d7dc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(100%,#c8d7dc));
    background: -webkit-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
    background: -o-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
    background: -ms-linear-gradient(top,  #f2f5f6 0%,#c8d7dc 100%);
    background: linear-gradient(to bottom,  #f2f5f6 0%,#c8d7dc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
}

.post_single_inner {
    padding: 20px;
}

.four.columns .post_single_inner {
    padding: 20px 15px;
}

.four.columns .post_single_inner .scrollbar-light {
    padding-right: 35px;
}

.four.columns .post_item ul {
    padding-left: 13px;
}

.four.columns .post_single_inner .scroll-x {
    display: none;
}

.four.columns .post_single_inner h1 {
    text-align: center;
    text-shadow: 0 1px 1px #000;
    box-shadow: 8px -10px 3px #ccc;
}

#footer .ft_left img {
    display: block;
}

#footer .ft_right {
    margin-top: 4px;
    direction: rtl;
    text-align: right;
}

/* Directory Page ----------------------*/

.post_item .slctLetter {
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
}

.slctLetter li {
    background: #f4f4f4;
    border: 1px solid #ccc;
    margin-left: 1px;
    list-style: none;
    float: right;
    padding: 0px;
    margin-bottom: 1px;
    text-align: center;
    font: 16px/29px 'jannaBold', Arial;
}

/*.slctLetter li:first-child {
        padding: 0 15px;
        font-family: 'jannaBold', Arial;
}
*/
.slctLetter li a {
    float: right;
    height: 28px;
    text-align: center;
    width: 28px;
    color: #333;
    display: block;
    margin: 1px;
    transition: background 0.25s linear;
}

.slctLetter li:hover,
.slctLetter li.crnt {
    border: none;
    background: #9fb31d;
    border: 1px solid #9fb31d;	
}

.slctLetter li a:hover,
.slctLetter li.crnt a {
    background: #9fb31d;
    color: #fff;
}

.post_entry .shazarat p {
    font-size: 18px;
}

.post_entry .shazarat li {
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
}

.post_entry .shazarat > li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
}

.post_item ul {
    padding: 0px;
    margin: 0px;
}

/* Articles List --------------------------------*/

.articles li ul {
    margin-top: 35px;
}

.articles li ul li {
    display: none;
    padding: 0px;
    margin: 0px;
    color: #000;
    height: 18px;
    padding-bottom: 4px;
    background: url(../images/bookOpen.png) center right no-repeat;
    font: 14px/18px 'droid', Arial;
    padding-right: 30px;
}

.articles li ul li a {
    color: #000;
}

.articles li ul li a:hover {
    color: #768415;
}

#loadMore {
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0px;
    font-family: Tahoma, Geneva, sans-serif;
}

#loadMore:hover {	

}

/* Sites Directory --------------------------------*/

.siteList li a {
    padding: 15px;
    text-align: center;
    display: block;
    background: #fff;
    border-radius: 4px;
    color: #333;
    font: 15px/24px 'droid', Arial;
}

.siteList li a:hover {
    background: #333;
    color: #9fb31d;
    box-shadow: 0 0 3px #999;
}

/* Contact Us --------------------------------*/

.contactIntro {
    background: url(../images/contact.png) 5% center no-repeat;
}

.contactForm {
    margin-top: 30px;
}

.contactForm .post_single_inner {
    padding: 30px;
}

.contactForm form > span input,
.contactForm form > span textarea {
    padding: 0 12px;
    width: 100%;
    height: 36px;
    border: 1px solid #ccc;
    box-shadow: none;
    font: 14px 'janna', Arial;
}

.contactForm form > span input:focus,
.contactForm form > span textarea:focus {
    background: #fff;
}

.contactForm form > span:last-child {
    margin-bottom: 0px;
}

.contactForm form > span textarea {
    height: 80px;
    padding: 12px;
}

.contactForm form > span.submitBtn {
    text-align: left;
}

.contactForm form > span button {
    font: 14px/1 'janna', Arial;
}

.contactForm form > span button:hover {
    background: #1d78b3 !important;
}
.testimonials_image{
	width: 30% !important;
    margin: 0px;
    text-align: center;
    display: inline-block !important;
    opacity: 0.8;
    padding: 3px;
    border: 3px solid #ccc;
    border-radius: 6px;
    box-sizing: border-box;
    transition: all 0.25s linear;
}
.testimonials {
    border: 5px solid #eee;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
}

/* For Responsice --------------------------------*/

@media only screen and (max-width: 767px) {
    .randomEntries {
        display: none;
    }
    .post_single_inner {
        padding: 20px 30px;		
    }
    #header {
        background: url(../images/topBgRes.png) right top no-repeat;
    }
    .ltrDiv #logo {
        float: none;
        margin: 0 auto;
    }
    .ltrDiv #top_menu {
        left: auto;
        right: auto;
        margin-top: 0px;
    }
    #top_menu span.nav_select span.menu_icon_wrapper {
        border-radius: 2px 0 0 2px;
        right: auto;
        left: 0;
    }
    #top_menu span.nav_select span.menu_icon_wrapper {
        background: #333;
    }
    #top_menu span.nav_select {
        border-radius: 4px;
    }
}

/* New Edits >> 21-01-2015 --------------------------------*/

.forMoreBtn {
    margin: 15px 0 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    text-align: center;
}

.forMoreBtn a {
    font-family: janna;
}

.post_single_inner .shazarat li img {
    width: 100%;
    height: auto;
}

.home2col {
    margin-top: 30px;
    margin: 0 -15px;
}

.home2col > div {
    padding: 15px;
}

.home2col > div .post_single_inner {
    padding: 0px;
    margin: 0px;
}

.home2col > div .post_single_inner h1 {
    font-size: 16px;
    font-family: 'Droid', Arial;
    border-radius: 4px 4px 0 0;
}

.home2col > div .post_single_inner .post_entry {
    padding: 0 15px 15px;

}

.home2col > div .post_single_inner .post_entry p {
    font: 16px/1.5 janna, Geneva, sans-serif;
}

.home2col > div .post_single_inner .post_entry .forMoreBtn {
    text-align: left;
    border-bottom: none;
    padding-bottom: 0px;
}

.home2col > div .post_single_inner .post_entry .forMoreBtn a {
    margin: 0px;
}

@media only screen and (max-width: 767px) {
    .searchBox {
        margin-top: 10px;
    }
    #footer .ft_left {
        text-align: right;
    }
    #footer .ft_left img {
        margin-top: 15px;
        display: inline-block;
    }
    #footer .twelve,
    #footer .ft_left {
        margin-bottom: 0px;
    }

}

/* ------------------------------------------------------------
                      || Footer Menu ||
------------------------------------------------------------ */

.footer-menu {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px dashed rgba(255,255,255,0.25);
    text-align: center;
}

.footer-menu ul li {
    display: inline-block;
    margin: 0 10px;
    font-family: 'janna', sans-serif;
    font-size: 14px;
    font-weight: normal;
}