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

@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

.droid-arabic-kufi {
    font-family: 'Droid Arabic Kufi', serif;
}

body {
    direction: rtl;
    margin: 0px;
    padding: 0px;
    background-color: #f1f1f1;
    font-family: 'Droid Arabic Kufi', serif;
}

.SS-max-width {
    max-width: 2000px;
    margin: auto;
}

.SS-main {
    position: relative;
    width: 100%;
    margin: auto;
    height: auto;
    width: auto;
}

.SS-header-out {
    position: fixed;
    width: 100%;
    height: 55px;
    z-index: +2;
    top: 0px;
}

    .SS-header-out .SS-moblie-lest {
        right: 15%;
        top: 0px;
    }


.SS-header {
    position: fixed;
    width: 100%;
    height: 110px;
    z-index: +2;
    top: 0px;
}

.SS-imamali-logo {
    margin: 15px -90px;
    z-index: -1;
}

.SS-search-div {
    height: 100%;
    width: 800px;
    display: inline-block;
    position: absolute;
    top: 75px;
    left: 10%;
    direction: ltr;
}

.SS-switch-search {
    font-size: 14px;
    padding: 2px;
    height: 30px;
    font-family: 'Droid Arabic Kufi', serif;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
    border: 0px;
    opacity: 0.8;
    background-color: #f0f0f0;
    color: black;
}

#SS-switch-search-btn {
    height: 27px;
    font-family: 'Droid Arabic Kufi', serif;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
    border: 0px;
    background-color: #005777;
    color: white;
    position: absolute;
    top: 3px;
    z-index: 1;
    left: 39%;
    display: none;
    border: 0px;
    outline: 0px;
}

.SS-search-style {
    opacity: 0.8;
    height: 28px;
    width: 40px;
    border-radius: 15px;
    border: 0px;
    background-color: #f1f1f1;
    z-index: 1;
    transition: width 0.7s;
    -webkit-transition: width 0.7s; /* Safari 3.1 to 6.0 */
    padding-left: 30px;
    padding-right: 15px;
    direction: rtl;
}

    .SS-search-style:focus {
        border: none;
        outline: none;
    }
/*murtadha start*/
#SS-mobile-menu-btn {
    padding: 7px 8px;
    text-align: left;
    direction: ltr;
    position: relative;
    display: none;
    /*padding: 11px;
    width: 145px;
    text-align: left;
    direction: ltr;
    position: relative;
    display: none;
    opacity: 0.9;
    border: 2px solid white;*/
    text-align: center;
}
/*murtadha end*/

.SS-social-media {
    position: fixed;
    top: 70px;
    right: 120px;
    font-size: 20px;
    z-index: 1;
}

.SS-mobile-menu-transform {
    transform: translateX(250px);
}

.SS-mobile-menubtn-transform {
    transform: translateX(250px);
    z-index: 5;
}

.SS-social-media a {
    color: white;
}

    .SS-social-media a i {
        padding: 11px;
        width: 145px;
        text-align: left;
        direction: ltr;
        position: relative;
    }

        .SS-social-media a i:hover {
            left: -110px;
        }

.SS-social-media i span {
    display: inline-block;
    padding-left: 13px;
}


.SS-search-style:hover {
    background-color: white;
    width: 200px;
    color: #7b8084;
}


.SS-search-icon {
    position: absolute;
    top: 5px;
    opacity: 0.8;
    z-index: 1;
    left: 39%
}

.SS-nav-bar {
    position: absolute;
    top: 0px;
    left: 10%;
    width: 77%;
    border-bottom: 1px solid white;
    height: auto;
    margin-top: 2px;
    padding-bottom: 1px;
    font-family: 'Droid Arabic Kufi', serif;
}

.SS-main-img {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 50vh;
    background-image: url("../image/bgx2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-attachment: fixed;
}

.SS-in-main-img {
    height: 100%;
    width: 100%;
    background-color: #77a4aa;
    opacity: 0.8;
}

.SS-library-logo-withText {
    position: relative;
    height: 80%;
    margin: 3%;
    display: none;
}

.SS-ex-mobile-dis {
    display: none;
    height: 100%;
    width: 33%;
    text-align: right;
}

.SS-mobile-dis {
    margin-top: 5%;
    color: white;
    font-size: 100%;
    display: inline-block;
    overflow: hidden;
    margin-top: 5vh;
    height: 50%;
}

.SS-for-title-dis-ebookimg {
    width: 100%;
    height: 43vh;
    position: relative;
    z-index: 1;
    margin-top: 53px;
}

.SS-title-and-dis {
    position: absolute;
    top: 1.5vh;
    right: 15%;
    width: 28%;
    height: 60%;
}

.SS-main-lib-logo {
    width: 96%;
    padding: 2%;
    padding-top: 5%;
}

.SS-dis {
    position: relative;
    top: -24px;
    width: 75%;
    margin-right: 23%;
    font-family: 'Droid Arabic Kufi', serif;
    color: white;
    font-size: 13px;
    opacity: 0.9;
}

.SS-con-us-btn {
    background-color: #F6ECA0;
    color: #703D7F;
    margin-right: 23%;
    text-align: center;
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 30px;
    font-size: 13px;
    display: inline-block;
    margin-top: 10px;
}

.SS-con-us-mobile-btn{
    background-color: #F6ECA0;
    color: #703D7F;
    text-align: center;
    padding: 5px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 30px;
    font-size: 13px;
    border: 0px;
    font-family: 'Droid Arabic Kufi', serif;
    margin-top: 1.5vh;

}


.SS-nav-link-style{
    text-decoration: none;
    color: white;
    font-size: 14px;
    padding: 5px;
    padding-top: 12px;
    padding-bottom: 10px;
    font-weight: bold;
    display: inline-block;
}

.SS-nav-link-index-style{
    text-decoration: none;
    color: white;
    font-size: 12px;
    padding: 5px;
    padding-top: 8px;
    padding-bottom: 6px;
    font-weight: bold;
    border: 2px solid white;
    border-radius: 3px;
}

.SS-nav-link-index-style:hover{

    background-color: #1dbeb8;


}

.SS-nav-link-style:hover{
   background-color: #1dbeb8;
}

.SS-dropdown-content{
    display: none;
    position: absolute;
    top: 50px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    opacity: 0.9;
    z-index: 100;

}

.SS-dropdown-content li{
    color: black;
    padding: 10px 10px 5px 0px ;
    display: block;
    border-bottom: 1px solid #d7d0d0;
    transform:translateX(40px);
    width: 118.5%;
    font-size: 13px;
}

.SS-dropdown-content li:hover{

    background-color: #d3d6d6;
}


.SS-nav-link-style:hover .SS-dropdown-content{
    display: inline-block;
}


.SS-mobile-menu{
    position:fixed;
    top: 0px;
    right:0px;
    width: 250px;
    height: 100vh;
    background-color: #f5f5f5;
    text-align: center;
    z-index: 5;
    border-left: 1px solid #ddbaba;
}
.SS-moblie-lest{
    overflow-y: scroll;
    width: 95%;
    margin: 5%;
    height: 71.7vh;
    color: #806969;
}
.SS-moblie-lest span{
	display:inline-block;
    padding-right:7px;
	padding-left:7px;
	padding-bottom:5px;
}
.SS-moblie-lest ul{
    list-style-type:none;
    padding:0px;
    margin: 0px;
    z-index: 5;
}

.SS-moblie-lest li:hover{
    background-color: #d3d6d6;
}

.SS-moblie-lest ul li:last-child{
 border-bottom: 0px;
    margin: 0px;
}

.SS-sub-list a li{
    border-bottom:1px solid #8c8c8c !important;
}

.SS-moblie-lest a{
    color: #656464;
    border: 2px;
}


.SS-moblie-lest li{
    padding: 5px;
    margin: 3px;
    border-bottom:1px solid #ddbaba;
    text-align: right;
    font-size: 13px;
    padding-left:0px;
    padding-right: 0px;
    position: relative;
    padding-bottom: 0px;

}

.SS-moblie-lest li:hover > .SS-sub-list{
    height: 200px;
    height: auto;
}

.SS-moblie-lest li i{
    position:absolute;
    left:20px;
    top: 10px;
}
.SS-sub-list{
    background-color: #F5F5F5;
    border: 1px solid #856464;
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 0px;
    display: none;
    overflow: hidden;

}
.SS-moblie-lest li:hover > .SS-sub-list{
    display: block;
    height: auto
}
/*.SS-sub-list span{
    padding-right: 30px;
}*/
.SS-library-menu-logo{
    width:100%;
    background-color: #43464b;
 }

.SS-search-square{
    height: 60px;
    width: 105px;
    text-align: center;
    display: inline-block;
    margin: 0px;
    padding-top: 3px;
    margin-top: 20px;
    margin-bottom: 1px;
    cursor:pointer;
}

.SS-search-square:hover {
    filter:grayscale(100%);
}
.SS-mobile-searh-input{
    border: 0px;
    height: 30px;
    width: 70%;
    padding-right: 3%;
    font-family: 'Droid Arabic Kufi', serif;
    font-size: 14px;

}
.SS-mobile-searh-btn{
    border: 0px;
    height: 32px;
    width: 19%;
    font-family: 'Droid Arabic Kufi', serif;
    margin-top: 7px;
}
.SS-search-square i{
    color: white;
    line-height: 28px;
    font-size:20px;
}

.SS-search-square span{
    font-family: 'Droid Arabic Kufi', serif;
    font-size: 11px ;
}
.SS-menu-mobile-btn a{
     margin-top:5px;
}

#SS_search_open{

    margin-top: 20px;
    margin-bottom: 20px;
}

#SS_F_search_open{
    display: none;
}


.SS-lib-books{
    position: absolute;
    left: 12%;
    bottom: 21%;
    width: auto;
    height: 55%;
}

.SS-main-titles-row{
    width:100%;
    height:50vh;
    text-align: center;
}

.SS-circle-image{
    font-family: 'Droid Arabic Kufi', serif;
    height: 100px;
    width: 100px;
    color: white;
    border:3px solid #77a4aa;
    border-radius: 60px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
}



.SS-ex-circle{
    width:20%;
    height: auto;
    text-align: center;
    display: inline-block;
    margin: 1%;
    margin-top:5%;
    /*salah*/
    vertical-align: top;
    /*salah*/
}

.SS-ex-ci2{
    width:15%;
    height: auto;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top:0px;
    right: 32.5%;
}
.SS-in-txt{
    color: #6A6A6A;
    font-size: 14px;
    width: 80%;
    margin-right: 10%;
    text-align: center;
}

.SS-ex-ci3{
    width:15%;
    height: auto;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top:0px;
    right: 52.5%;
}

.SS-ex-ci4{
    width:15%;
    height: auto;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top:0px;
    right: 72.5%;
}

.SS-tiltle-text{

    width: 100%;

    font-family: 'Droid Arabic Kufi', serif;
    font-size:16px;
    color: black;
}

.SS-content-div{
    width: 100%;
    height: auto;
    background-color:#f1f1f1;
    padding-top: 10px;
}

.SS-title-div{
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
}

.SS-title-style{
    font-family: 'Droid Arabic Kufi', serif;
    font-size: 20px;
    display: inline-block;
}

.SS-news-title-style{
    font-family: 'Droid Arabic Kufi', serif;
    font-size: 25px;
    display: inline-block;
}

.SS-bg-slider{
    background-color: white;
    height: 250px;
    width: 100%;
    box-shadow: 0px 0px 20px #888888;
    text-align: center;
    margin-top: 40px;
}
.SS-bg2-slider{
    width:100%;
    height: 280px;
    position: relative;
}

.SS-slider {
    position: relative;
    height: 120%;
    width: 84%;
    box-shadow: 0px 0px 15px #888888;
    background-color: white;
    margin-right: 8%;
    top:-10%;
}

.SS-img-slider{
    position: absolute;
    top: 7%;
    right: 8%;
    height:261px;
    width: 84%;
    text-align: center;
    overflow: hidden;

}

.SS-news-img-row{
    position: relative;
    display: inline-block;
    height: 261px;
}

.SS-news-cont{
    position: absolute;
    bottom: 0%;
    right: 0%;
    height: 25%;
    width:98%;
    background-color: black;
    opacity: 0.6;
    color: white;
    text-align: right;
    padding: 1%;
    font-size: 14px;
}

.SS-news-img-effect{
    border: 1px solid black;
}

.SS-eye-cont{
    position: absolute;
    left: 35px;
    bottom: -2px;
    width: 15px;
    color: white;
    opacity: 0.5;
}

.SS-eye{
    position: absolute;
    left: 9px;
    bottom: 2.7%;
    width: 15px;
    opacity: 0.5;

}

.SS-po-right{
    position: absolute;
    right: 1vw;
    top:46%;
}

.SS-po-left{
    position: absolute;
    left: 1vw;
    top:46%;

}

.SS-news-background{
    position: absolute;
    top:60%;
    width: 100%;
    height: 5%;
    background-color: white;

}


.SS-news-bar{
    background-color:#66b2b5;
    height: 40px;
    width: 100%;
    opacity: 0.9;
    color: white;
    text-align: center;
    padding-top: 10px;
}


.SS-m-m{
    height: auto;
    width: 100%;
    margin-top: 100px;
    padding-bottom: 70px;
    background-image: url("../image/imamali-bg.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: right;
    border-top: 5px solid #005777;
    border-bottom:5px solid #005777 ;
    text-align: center;
}

.SS-imam-ali-m{
    height: auto;
    width: 100%;
    text-align: center;
    padding-bottom: 45px;
}
.SS-mosoa{
    height: 66px;
    width: 450px;
    display: inline-block;
    background-color: #005777;
    position: relative;
    top: -40px;
    border-radius: 60px;
    overflow: hidden;
    border: 4px solid #005777;
    background-color: #2d327e;
}
.SS-imamali-title{
    color: white;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    top:-15%;
}

.SS-m-sh{
    width: 70%;
    height: 130px;
    background-color: white;
    text-align: center;
    position: relative;
    padding-top: 10px;
    opacity: 0.7;
    display: inline-block;
    border-radius: 10px;
    border: 2px solid #2d327e;
}

.SS-sh-tit {
    background-color: #005777;
    width: 100%;
    height: 40px;
    font-family: 'Droid Arabic Kufi', serif;
    font-size: 18px;
    color: white;
    text-align: center;
    transform: rotate(45deg);
    height: 150px;
    width: 150px;
    position: absolute;
    top:-20px;
    right: 8%;
    border: 4px solid white;
    overflow: hidden;
}

.SS-rotate-title{
    transform: rotate(-45deg);
    margin-top: 27%;
}
.-m-allpotediv{
    width: 92%;
    margin: auto !important;
    float: left;
}


.SS-temp-clase{
    font-size: 13px;
    color: black;
    font-weight: bold;
}

.SS-ul-style{
    position: relative;
    top: -30px;
}


.SS-imamali-cont{
    background-color: white;
    color:#000405;
    margin: 10px;
    border-radius: 5px;
    padding-top: 5px;
    height: 30px;
    width: 300px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    border: 2px solid #2d327e;
    opacity: 0.7;
}

.SS-imamali-cont-main{
    background-color: #005777;
    color: white;
    margin: 10px;
    border-radius: 8px;
    padding-top: 5px;
    height: 40px;
    width: 380px;
    display: inline-block;
    font-size: 18px;
    text-align: center;
}

.SS-click-me{
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 400ms;
    cursor: pointer;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}


.SS-click-me:hover{
    -webkit-filter: grayscale(20%); /* Safari 6.0 - 9.0 */
    filter: grayscale(20%);
}

.SS-click-me:active {
    -webkit-transform: scale(0.985, 0.985) translate3d(0, 0, 0);
    transform: scale(0.985, 0.985) translate3d(0, 0, 0);

}


.SS-more-btn{
background-color: whitesmoke;
}

.SS-elibrary-row {
    position: relative;
    width: 100%;
    height: 20vw;
    text-align: center;
    background-image: url("../image/elib-bg.jpg");
    background-position: center;
    background-size: 170px;
    border-bottom: 7px solid #c5dfe9;
    border-top: 7px solid #c5dfe9;
    background-attachment: fixed;
}

.SS-lib-title{
    position: absolute;
    right: 12%;
    color: white;
}

.SS-elibrary-image {
    width: 100%;
    border: 3px solid white;
    border-radius: 55%;
}

.SS-library-department {
    color: white;
    text-align: center;
    height: 60%;
    width: 10%;
    display: inline-block;
    padding: 2%;
    margin-top: 3%;
    text-shadow: 1px 1px 0px #000000;
}
.SS-meeting-row{
    position: relative;
    margin-top: 200px;
    height: 150px;
    background-image: url("../image/meeting-bg2.jpg");
    background-size: 80px;
    text-align: center;
    border-bottom: 5px solid #59D299;
    border-top: 5px solid #59D299;
    background-attachment: fixed;

}

.SS-image-line-title{
   color: white;
    margin: 10%;
    margin-left: 2%;
    margin-right: 2%;
    background-color: #262626;
    opacity: 0.75;
}

.SS-image-line-dis{
    color: white;
    width: 100%;
    position: absolute;
    bottom: 5%;
    text-align: center;
}

.SS-image-line-dis-min{
    color: white;
    width: 70%;
    margin-right: 15%;
    position: absolute;
    bottom: 3%;
    text-align: center;
    font-size: 12px;
}

/*murtadha start*/
.SS-one-category {
    width: 301px;
    width: 301px;
    height: 301px;
    border: 6px solid #114C30;
    border-radius: 170px;
    overflow: hidden;
    /*murtadha strat*/
    display: -webkit-box; /* iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* Firefox 19 */
    display: -ms-inline-flexbox; /* IE 10 */
    display: -webkit-flex; /* Chrome */
    display: inline-flex; /* Opera 12.1, Firefox 20+ */ /*------*/
    /*murtadha end*/
    position: relative;
    top: -75px;
    box-shadow: 0px -90px 93px -40px #000000 inset;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-left: 40px;
    margin-right: 40px;
    filter: sepia(40%);
    cursor: auto !important;
}

.-m-sub-category {
    box-shadow: 0px -90px 93px -40px #000000 inset;
}
/*murtadha end*/
.SS-scale-animation{
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 400ms;
    cursor: pointer;

}

.SS-scale-animation:hover{
    -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    filter:sepia(0%);
}

.SS-scale-animation:active{
    -webkit-transform: scale(1.05, 1.05) translate3d(0, 0, 0);
    transform: scale(1.05, 1.05) translate3d(0, 0, 0);
    filter:sepia(0%);
}

.SS-width-animation{
    transition: width 0.7s;
    -webkit-transition: width 0.7s; /* Safari 3.1 to 6.0 */
}
.SS-width-animation:hover{
    width: 500px;
}

.SS-rls{
    text-decoration: none;


}
.SS-img-title{
    position: absolute;
    top:53%;
    background-color: white;
    width: 100%;
    padding: 10px;
    padding-right: 12%;

}

.SS-child-library{
    width: 100%;
    height:140px;
    position: relative;
    background-color: #d8c0da;
    margin-top: 140px;
    background-image: url("../image/chch2.png");
    background-size: 150px;
    background-attachment: fixed;
    border-bottom: 4px solid white;
    border-top: 4px solid white;
}

.SS-background-chlib-img{
    background-color: #4c8c40;
    height: 250px;
    width: 250px;
    position: absolute;
    top:-34%;
    left: 20%;
    text-align: center;
    border-radius: 130px;
}
.SS-child-img{
    height: 95%;
    width:auto;
}

.SS-background-chlib-title{
    width: 125px;
    height: 125px;
    border-radius: 80px;
    background-color: #703D7F;
    text-align: center;
    position: absolute;
    top:8%;
    right: 20%;

}
.SS-chlib-txtstyle-tiltle{
    color: #98d8da;
    font-size: 15px;
    font-weight: bold;
}

.SS-publications-row{
    width: 100%;
    height:auto;
    text-align: center;
    padding-bottom: 50px;
    padding-top: 20px;
}

.SS-meeting-gatogary{
    height: 185px;
    width: 288px;
    margin: 10px;
    display: inline-block;
    background-position: center;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 102% ;
    transition: background-size 0.15s ease-in;
    -moz-transition: background-size 0.15s ease-in;
    -web-kit-transition: background-size 0.15s ease-in;
    border:  1px solid black;

}

.SS-meeting-gatogary:hover> h2{
    opacity: 0.7;
}


.SS-meeting-gatogary:hover{
    background-size: 110% ;
}

.SS-meeting-gatogary:active{
    background-size: 105% ;

}

.SS-meeting-gatogary h2{
    color:white;
    margin-top: 70px;
    text-shadow: 0px 0px 10px  #888888;

}

.SS-versions-img{
}

.SS-najaf-row{
    position: relative;
    width: 100%;
    height:380px;
    background-color: #eaeaea;
    margin-top: 200px;
    text-align: center;

}

.SS-najaf-menu {
    height: 60%;
    width: 100%;
    position: absolute;
    top: 20%;
    background-image: url("../image/bg-najaf.jpg");
    background-size: 350px;
    background-position: center;
    background-attachment: fixed;
}   

.SS-btn-style{
    background-color: #0badb5;;
    width: auto;
    border-radius: 50px;
    display: inline-block;
    margin: 10px;
    padding: 10px;
    border: 1px solid #0b969d;
    opacity: 0.7;
    font-family: 'Droid Arabic Kufi', serif;
}
.SS-btn-style a{
    color:  white;
}

.SS-round{
    position: absolute;
    width: 50%;
    top:20%;
    right: 8%;
    line-height:200%;
    text-align: center;

}

.SS-olama-najaf{
    position: relative;
     border: 15px solid #acacac;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: inline-flex;
    overflow: hidden;
    width: 316px;
    height: 316px;
    text-align: right;

}

.SS-olama-najaf:hover{
    box-shadow: 0px -100px 100px -50px #000000 inset;

}

.dslid{
    box-shadow: 0px -80px 83px -40px #000000 inset;
}

.dslid:hover{
    box-shadow: 0px -100px 100px -50px #000000 inset;

}


.SS-image-title{
    background-color: cornflowerblue;
    color: white;
    position: absolute;
    top: 3%;
    right: 3%;
    font-size:14px;
    padding-right: 5px;
    padding-left: 5px;
    opacity: 0.8;

}

.SS-image-dis-div{
    background-color: black;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 22%;
    opacity: 0.3;
}
.SS-image-dis{
    position: absolute;
    bottom: 0%;
    width: 100%;
    height: 19%;
    padding: 2%;
    color: white;
    font-size: 14px;

}

.SS-najaf-title{
    color: #6A6A6A;
    position: absolute;
    right: 25%;
}


.SS-footer{
    height:auto;
    width: 100%;
    border-top: 4px solid #ffffff;
    text-align: center;
    font-family: 'Droid Arabic Kufi', serif;
}

.SS-bg-con-us{
    width: 100%;
    height: auto;
    background-image: url("../../image/ia-google-maps.jpg");
    background-repeat: no-repeat;
    background-size: cover;
	background-position-y: 150px;
    border-top: 1px solid #888888;
    background-attachment: fixed;
    text-align: center;
}


.SS-con-us{
    background-color: #1dbeb8;
    height: 260px;
    width: 600px;
    opacity: 0.8;
    margin:30px;
    padding: 8px;
    box-shadow: 0px 0px 5px #888888;
    display: inline-block;
}
.SS-con-us:hover{
    opacity: 0.9;
    box-shadow: 0px 0px 0px #888888;

}
.SS-con-us-txt{
    color: white;
    font-size: 20px;

}

.SS-con-us-input-style{
    width: 90%;
    height: 35px;
    margin: 1%;
    background-color: #1dbeb8;
    border: 3px solid #1dbeb8 ;
    border-bottom: 1px solid #0ee1d0;
    color: white;
    font-weight: bold;
}
.SS-con-us-input-style::placeholder{
	color:#c5dfe9;
}
.SS-con-us-input-style:-ms-input-placeholder{
	color:#c5dfe9;
}
.SS-con-us-input-style::-ms-input-placeholder{
	color:#c5dfe9;
}

.SS-con-us-submit-style{
   background-color:#fbfffb ;
    border-radius: 60px;
    border: 3px solid #fbfffb;
    padding-left: 30px;
    padding-right: 30px;
    margin-right: 75%;
}

.SS-librarys{
    position: relative;
    padding-top: 10px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    border-top: 3px solid #464646;
    border-bottom: 3px solid #464646;
}

.SS-najaf-librarys{
    color: #747474;
    font-size: 150%;
    font-weight: bold;
    height: 45px;
}

.SS-najafLibrary-logos{
    width: 140px;
    font-size: 12px;
    text-align: center;
    margin: 10px;
    display: inline-block;
    color: #747474;
    margin-bottom:20px;
    -webkit-filter: grayscale(80%); /* Safari 6.0 - 9.0 */
    filter: grayscale(80%);
    vertical-align:top ;
}


.SS-Copyrights{
    width: 100%;
    height:30px;
    background-color: #0ee1d0;
    text-align: center;
    color: black;
    font-size: 11px;
    padding-top: 3px;
}

.menu-item, .menu-open-button {
    background: #79708d;
    border-radius: 100%;
    width: 102px;
    height: 102px;
    margin-left: -40px;
    position: absolute;
    top: 17px;
    color: white;
    text-align: center;
    line-height: 100px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
    border: 2px solid white;

}
.menu-item{
    font-size: 12px;
    line-height:30px;
    height: 100px;
    width: 100px;
    font-weight: bold;
    text-align: center;
    border: 3px solid white;


}
.menu-open {
    display: none;

}

.hamburger {
    width: 30px;
    height: 3px;
    background: white;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -14.5px;
    margin-top: -1.5px;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;

}

.hamburger-1 {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
    display: none;
}

.hamburger-2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    display: inline-block;

}

.hamburger-3 {
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
    display: none;

}

.menu-open:checked + .menu-open-button .hamburger-1 {
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
    display: inline-block;

}
.menu-open:checked + .menu-open-button .hamburger-2 {
    -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
    transform: translate3d(0, 0, 0) scale(0.1, 1);
    display: none;

}
.menu-open:checked + .menu-open-button .hamburger-3 {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg);
    display: inline-block;

}

.SS-menu {
    position: relative;
    right: 20%;
    margin-left: -190px;
    padding-top: 20px;
    padding-left: 190px;
    width: 250px;
    height: 250px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: left;
    z-index: 0;
}

.menu-item:hover {
    opacity: 0.85;
}
.menu-item:nth-child(3) {
    transition-duration: 180ms;
}
.menu-item:nth-child(4) {
    transition-duration: 180ms;
}
.menu-item:nth-child(5) {
    transition-duration: 180ms;
}
.menu-item:nth-child(6) {
    transition-duration: 180ms;
}
.menu-item:nth-child(7) {
    transition-duration: 180ms;
}
.menu-item:nth-child(8) {
    transition-duration: 180ms;
}
.menu-item:nth-child(9) {
    transition-duration: 180ms;
}

.menu-open-button {
    z-index: 2;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 400ms;
    -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    cursor: pointer;
}

.menu-open-button:hover {
    -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
    transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}

.menu-open:checked + .menu-open-button {
    transition-timing-function: linear;
    transition-duration: 200ms;
    -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
    transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}

.menu-open:checked ~ .menu-item {
    transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.5);
}
.menu-open:checked ~ .menu-item:nth-child(3) {
    transition-duration: 180ms;
    -webkit-transform: translate3d(0.08361px, -104.99997px, 0);
    transform: translate3d(0.08361px, -104.99997px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(4) {
    transition-duration: 280ms;
    -webkit-transform: translate3d(90.9466px, -52.47586px, 0);
    transform: translate3d(90.9466px, -52.47586px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(5) {
    transition-duration: 380ms;
    -webkit-transform: translate3d(90.9466px, 52.47586px, 0);
    transform: translate3d(90.9466px, 52.47586px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(6) {
    transition-duration: 480ms;
    -webkit-transform: translate3d(0.08361px, 104.99997px, 0);
    transform: translate3d(0.08361px, 104.99997px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(7) {
    transition-duration: 580ms;
    -webkit-transform: translate3d(-90.86291px, 52.62064px, 0);
    transform: translate3d(-90.86291px, 52.62064px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(8) {
    transition-duration: 680ms;
    -webkit-transform: translate3d(-91.03006px, -52.33095px, 0);
    transform: translate3d(-91.03006px, -52.33095px, 0);
}
.menu-open:checked ~ .menu-item:nth-child(9) {
    transition-duration: 780ms;
    -webkit-transform: translate3d(-0.25084px, -104.9997px, 0);
    transform: translate3d(-0.25084px, -104.9997px, 0);
}
.SS-ch-menu-btn-s1{
    margin-top: 34%;
  display: inline-block;
}

.SS-ch-menu-btn-s2{
    margin-top: 25%;
    display: inline-block;

}




@media screen and (max-width:1380px) {

    .SS-nav-link-style {
        font-size: 12px;
    }

    .SS-dropdown-content li {
        font-size: 11px;
    }
}

@media screen and (max-width:1370px) {

    .SS-mobile-dis {
        margin-top: 8vh;
        height: auto;
        font-weight: 600;
    }
}

@media screen and (max-width:1222px) {


    .SS-dis {
        font-size: 10px;
    }

    .SS-con-us-btn {
        margin-top: 0%;
        font-size: 11px;
    }

    .SS-library-department {
        font-size: 14px;
    }


    .SS-meeting-row {
        height: 500px;
    }
}

@media screen and (max-width:1190px) {

    .SS-round {
        right: 3%;
        width: 55%;
    }
}


@media screen and (max-width:1350px) {
    .SS-dropdown-content li {
        font-size: 10px;
    }

    .SS-nav-link-style {
        font-size: 10px;
    }

    .SS-lib-title {
        font-size: 17px;
    }
}





@media screen and (max-width:1150px) {

    .SS-moblie-lest li {
        font-size: 15px !important;
    }



    .SS-for-title-dis-ebookimg {
        text-align: center;
        margin-top: 50px;
    }

    .SS-ex-mobile-dis {
        display: inline-block;
        width: 42%;
        margin-right: 2%;
    }

    .SS-mobile-dis {
        margin-top: 7vh;
        height: auto;
        font-weight: bold;
    }

    .SS-header-out {
        position: fixed;
        width: 0% !important;
        height: 0% !important;
        overflow: hidden !important;
        z-index: +3;
    }


    .SS-header {
        position: fixed;
        width: 0% !important;
        height: 0% !important;
        overflow: hidden !important;
        z-index: +3;
    }

    .SS-social-media {
        display: inline-block;
        z-index: +4;
    }

    .SS-library-department {
        width: 165px;
    }

    .SS-najaf-row {
        height: 800px;
    }

    .SS-con-us-mobile-btn {
        margin-top: 0;
        font-weight: bold;
    }

    .SS-library-logo-withText {
        display: inline-block;
        height: 60%;
        vertical-align: top;
        margin-top: 6vh;
        margin-right: 4%;
    }

    #SS-mobile-menu-btn {
        /*display: inline-block;
        padding-right: 15px;
        padding-left: 15px;
        border-top-left-radius: 13px;
        border-bottom-left-radius: 13px;*/
    }

    .SS-social-media {
        top: 45px;
    }
    /*salah */
    .SS-pointer-style {
        display: none;
    }

    .SS-search-style {
        border-radius: 0px;
        width: 55.2% !important;
    }

    .SS-search-div {
        position: static;
        height: auto;
        padding-top: 15px;
        width: 100%;
    }

    .SS-switch-search {
        width: 86%;
        border-radius: 0px;
        opacity: 1;
        font-size: 14px;
        display: inline-block;
    }

    #SS-switch-search-btn {
        position: static;
        display: inline-block !important;
        border-radius: 0px;
    }
    /*salah */
    .SS-search-icon {
        display: none;
    }

    .SS-lib-books {
        display: none;
    }

    .SS-title-and-dis {
        display: none;
    }
}

.-m-strt {
    width: 10%;
}

@media screen and (max-width:1370px) {

    .SS-mobile-dis {
        margin-top: 7vh;
        font-size: 116%;
        padding-bottom: 20px;
    }
}


@media screen and (max-width:1075px) {

    .SS-round {
        right: 2%;
    }
}

@media screen and (max-width:1080px) {

    .SS-in-txt {
        font-size: 13px;
        right: 115px;
    }

    .SS-tiltle-text {
        right: 115px;
    }

    .SS-ex-circle {
        width: 20%;
        margin: 1%;
        margin-top: 3%;
    }

    .SS-circle-image {
        height: 95px;
        width: 95px;
    }
}




@media screen and (max-width:965px) {

    .SS-elibrary-row {
        height: 230px;
    }

    .SS-lib-title {
        right: 6%;
        font-size: 16px;
    }

    .SS-library-department {
        width: 12%;
    }
}



@media screen and (max-width:960px) {

    .SS-sh-tit {
        position: relative;
        display: inline-block;
        right: auto;
        top: -35px;
    }

    .-m-allpotediv {
        width: 100% !important;
        float: none;
    }

    .SS-m-sh {
        height: 280px !important;
    }

    .SS-najaf-row {
        height: 800px;
        padding-top: 5px;
        text-align: center;
        font-size: 20px;
    }

    .SS-najaf-title {
        position: relative;
        right: auto;
    }

    .SS-najaf-menu {
        position: relative;
        height: 500px;
        top: 100px;
        margin-bottom: 50px;
    }

    .SS-round {
        position: relative;
        top: 280px;
        right: auto;
        width: 100%;
    }
}

@media screen and (max-width:875px) {

    .SS-child-library {
        height: 500px;
        text-align: center;
        padding: 0px;
    }

    .SS-menu {
        top: 320px;
        position: relative;
        margin: auto;
        right: auto;
        padding-left: 180px;
    }

    .SS-background-chlib-img {
        position: relative;
        top: -300px;
        left: auto;
        margin: auto;
    }
}

@media screen and (max-width:825px) {

    .SS-in-txt {
        font-size: 12px;
    }

    .SS-ex-circle {
        width: 20%;
    }
}


@media screen and (max-width:815px) {

    .SS-meeting-row {
        height: 850px;
    }

    .SS-one-category {
        margin: auto;
        margin-bottom: 30px;
    }
}

@media screen and (max-width:800px) {

    .SS-elibrary-row {
        height: auto;
    }

    .SS-lib-title {
        top: 0px;
        right: 8%;
        font-size: 18px;
    }

    .SS-library-department {
        width: 150px;
        margin: 40px;
        margin-right: 50px;
        margin-left: 50px;
        height: 25%;
    }

    .SS-elibrary-row {
        padding-top: 30px;
    }
}

.-m-scrl {
}

@media screen and (max-width:1000px) {


    .-m-strt {
        display: none;
    }

    .-m-scrl {
        width: 100% !important;
    }
}


@media screen and (max-width:765px) {

    .SS-main-titles-row {
        height: 320px;
    }

    .SS-ex-circle {
        width: 45%;
        display: inline-block;
        position: relative;
        height: 110px;
        margin: 2%;
        margin-top: 10px;
    }

    .SS-tiltle-text {
        position: absolute;
        top: 0px;
        right: 135px;
        width: 60%;
        display: inline-block;
        height: 30px;
        text-align: right;
    }

    .SS-in-txt {
        position: absolute;
        top: 25px;
        right: 135px;
        width: 60%;
        display: inline-block;
        height: 45px;
        text-align: right;
        margin-right: 0px;
        margin-top: 10px;
    }

    .SS-circle-image {
        position: absolute;
        right: 0px;
    }
}


@media screen and (max-width:500px)and (max-height:860px) {

    .SS-main-titles-row {
        height: 930px;
    }

    .SS-main-img {
        height: 100vh;
    }

    .SS-for-title-dis-ebookimg {
        height: 100vh;
    }
}



@media screen and (max-width:830px)and (max-height:860px) {

    .SS-main-img {
        height: 150vh;
    }

    .SS-for-title-dis-ebookimg {
        height: 150vh;
    }

    .SS-main-titles-row {
        height: 430px;
    }

    .SS-ex-circle {
        width: 60%;
        display: inline-block;
        position: relative;
        height: 83px;
        margin: 0.5%;
        margin-top: 1.7vh;
    }

    .SS-circle-image {
        height: 75px;
        width: 75px;
    }

    .SS-tiltle-text {
        height: 28px;
        font-size: 16px;
        right: 98px;
    }

    .SS-in-txt {
        height: 72px;
        font-size: 14px;
        padding-top: 0px;
        margin-top: 3px;
        right: 98px;
    }

    .SS-mobile-dis {
        margin: 0vh;
        font-size: 105%;
        height: auto;
    }

    .SS-library-logo-withText {
        height: auto;
        width: 44%;
        margin-right: 28%;
        margin-left: 28%;
        margin-top: 11vh;
    }

    .SS-ex-mobile-dis {
        padding-bottom: 5%;
        display: inline-block;
        width: 80%;
        text-align: center;
    }
}



@media screen and (max-width:690px) {
    .-m-errmsg {
        width: 90% !important;
    }

    .SS-con-us {
        width: 90%;
        margin-left: 0px;
        margin-right: 0px;
    }

    .SS-con-us-submit-style {
        margin: auto;
    }
}

@media screen and (max-height:694px) {


    .SS-m-sh {
        width: 90%;
    }
}




@media screen and (max-width:617px) {


    .SS-najaf-menu {
        height: 550px;
    }
}

@media screen and (max-width:595px) {
    .SS-ex-circle {
        width: 78%;
        margin-right: 5%;
    }
}

@media screen and (max-width:590px) {
    .SS-mosoa {
        width: 330px;
        height: 55px;
        top: -36px;
    }

    .SS-width-animation:hover {
        width: 350px;
    }

    .SS-imamali-title {
        font-size: 18px;
    }
}

@media screen and (max-width:600px) {

    .SS-mobile-dis {
        font-size: 90%;
        height: 40%;
    }
}



@media screen and (max-width:560px) {

    .SS-elibrary-row {
        height: auto;
    }

    .SS-lib-title {
        top: 0px;
        right: 10%;
        font-size: 20px;
    }

    .SS-library-department {
        width: 50%;
        font-size: 18px;
    }

    .SS-elibrary-row {
        padding-top: 50px;
    }
}



@media screen and (max-width:500px) {

    .SS-library-logo-withText {
        height: auto;
        width: 70%;
        margin: auto;
        margin-bottom: 1%;
        margin-top: 19vh;
    }

    .SS-m-sh {
        width: 96%;
    }

    .SS-ex-mobile-dis {
        width: 80%;
        height: auto;
        padding-bottom: 1%;
        text-align: center;
    }

    .SS-mobile-dis {
        height: 25%;
    }

    .SS-main-img {
        height: 100vh;
    }

    .SS-for-title-dis-ebookimg {
        height: 100vh;
    }
}


@media screen and (max-width:475px) {

    .SS-najaf-menu {
        height: 630px;
    }
}

@media screen and (max-width:410px) {

    .SS-olama-najaf {
        height: 250px;
        width: 250px;
    }

    .SS-po-right {
        top: 40%;
    }

    .SS-po-left {
        top: 40%;
    }
}

@media screen and (max-width:400px) {

    #-m-imgslider {
        margin-right: 0px !important;
        width: 83% !important;
    }

    .SS-imamali-cont-main {
        margin: 1.9%;
        margin-bottom: 22px;
        width: 96%;
    }


    .SS-Copyrights {
        font-size: 9px;
    }

    .SS-ex-circle {
        width: 88%;
    }

    .SS-mosoa {
        width: 280px;
        height: 55px;
        top: -36px;
    }

    .SS-width-animation:hover {
        width: 300px;
    }

    .SS-najaf-menu {
        height: 640px;
    }


    .SS-btn-style {
        display: inline-block;
        width: 80%;
        line-height: 30px;
        margin: 7px;
        margin-left: 0px;
        margin-right: 0px;
        font-size: 15px;
    }

    .SS-con-us {
        width: 90%;
    }

    .SS-con-us-submit-style {
        margin-right: auto;
    }
}

@media screen and (max-width:378px) {
    .SS-m-sh {
        width: 98%;
    }

    .SS-temp-clase {
        font-size: 12px;
    }
}

@media screen and (max-width:365px) {

    .SS-main-titles-row {
        height: 930px;
    }
}


@media screen and (max-width:345px) {

    .SS-olama-najaf {
        height: 250px;
        width: 250px;
    }

    .SS-one-category {
        height: 250px;
        width: 250px;
    }

    .SS-meeting-row {
        height: 730px;
    }
}


@media screen and (max-height:640px) and (max-width:400px) {

    .SS-tiltle-text {
        display: inline-block;
        position: inherit;
        width: 100%;
        right: auto;
        text-align: center;
    }

    .SS-circle-image {
        display: inherit;
        position: inherit;
        right: auto;
    }

    .SS-ex-circle {
        position: relative;
        width: 48%;
        height: 45%;
        text-align: center;
    }

    .SS-in-txt {
        display: block;
        position: inherit;
        width: 100%;
        right: auto;
        top: auto;
        text-align: center;
        font-size: 80%;
    }
}

@media screen and (max-height:600px) and (max-width:400px) {
    .SS-ex-circle {
        height: auto;
    }
}


@media screen and (min-height:1000px) and (max-width:1050px) {

    .SS-main-img {
        height: 30vh;
    }

    .SS-for-title-dis-ebookimg {
        height: 30vh;
    }

    .SS-main-titles-row {
        height: 280px;
        padding-top: 45px;
    }

    .SS-m-m {
        padding-top: 2vh;
    }
}

@media screen and (min-width:1150px) {

    /*salah */
    .SS-color-pro {
        color: white !important;
    }
    /*salah */


    .SS-mobile-menu-transform {
        transform: translateX(0px);
    }

    .SS-mobile-menu {
        width: 100%;
        height: 53px;
        background-color: transparent;
        position: absolute;
    }

    .SS-library-menu-logo {
        display: none;
    }

    .SS-moblie-lest {
        margin: 0px;
        overflow-y: visible;
        height: 53px;
        width: 77%;
        position: absolute;
        right: 22%;
        top: 20px;
        border-bottom: 1px solid white;
    }

        .SS-moblie-lest ul {
            overflow: visible;
        }

    .SS-pc-menu-style {
        font-size: 13px;
        font-weight: bold !important;
        color: white !important;
        ;
        padding-top: 13px !important;
        padding-bottom: 12px !important;
        padding-left: 5px !important;
        float: right;
    }

    .SS-pc-subMenu-style {
        opacity: 0.95;
        border: 0px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }

        .SS-pc-subMenu-style li {
            width: 100%;
        }

    .SS-moblie-lest li {
        display: inline-block;
        position: relative;
        border: 0px;
        font-weight: normal;
        margin: 0px;
    }

        .SS-moblie-lest li i {
            display: none;
        }

        .SS-moblie-lest li:hover > .SS-sub-list {
            display: inline-block;
            width: 200px;
            position: absolute;
            top: 50px;
            right: 0px;
        }

    .SS-pointer-style {
        height: 8px;
        position: absolute;
        top: -7px;
        right: 2px;
        opacity: 0.8;
    }

    .SS-search-div {
        height: 100%;
        width: 800px;
        display: inline-block;
        position: absolute;
        top: 76px;
        left: 10%;
        direction: ltr;
        text-align: left;
    }
}


/* slider style*/



#container{
    width:80%;
    margin:0px auto;
    position: relative;
}

#slider{
    width:100%;
    height:190px;
    position:relative;
    overflow:hidden;
    padding:0;
    vertical-align: top;
}




.slide{
    position:absolute;
    width:100%;
    height:100%;
}



#prev, #next{
    cursor:pointer;
    z-index:100;
    background:#666;
    height:50px;
    width:50px;
    display:inline-block;
    position:absolute;
    top:50px;
    margin:0;
    padding:0;
    opacity:0.7;
    filter: alpha(opacity=70);
    z-index: 2;
}

#next{
    float:right;
    right:-40px;
}

#prev{
    float:left;
    left:-40px;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #fff;
    position:relative;
    top:20%;
    right:35%;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right:15px solid #fff;
    position:relative;
    top:20%;
    left:-37%;
}

@media screen and (max-width:1027px) {

    #slider{
        height: 375px;
    }

    #prev, #next{
        position: absolute;
        top:40%;
    }

}

@media screen and (max-width:613px) {
    #slider{
        height: 575px;
    }

}

@media screen and (max-width:406px) {
    #slider{
        height: 930px;
    }

    #prev, #next{
        opacity: 0.5;
        height: 300px;
        top:30%;
    }
    .arrow-right{
        top:44%;
    }

    .arrow-left{
        top:44%;
    }

}

/* slider style*/