@font-face {
    font-family: IRANSans_Bold;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/IranSans/IRANSansWeb_Bold.eot');
    src: url('../fonts/IranSans/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IranSans/IRANSansWeb_Bold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IranSans/IRANSansWeb_Bold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSans/IRANSansWeb_Bold.ttf') format('truetype');
}


@font-face {
    font-family: IRANSans_Medium;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/IranSans/IRANSansWeb_Medium.eot');
    src: url('../fonts/IranSans/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IranSans/IRANSansWeb_Medium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IranSans/IRANSansWeb_Medium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSans/IRANSansWeb_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans_Light;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/IranSans/IRANSansWeb_Light.eot');
    src: url('../fonts/IranSans/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IranSans/IRANSansWeb_Light.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IranSans/IRANSansWeb_Light.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSans/IRANSansWeb_Light.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans_UltraLight;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/IranSans/IRANSansWeb_UltraLight.eot');
    src: url('../fonts/IranSans/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IranSans/IRANSansWeb_UltraLight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IranSans/IRANSansWeb_UltraLight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSans/IRANSansWeb_UltraLight.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/IranSans/IRANSansWeb.eot');
    src: url('../fonts/IranSans/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IranSans/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IranSans/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSans/IRANSansWeb.ttf') format('truetype');
}

@font-face {
    font-family: IRANSansFaNum;
    src: url('../fonts/IranSans/IRANSansWeb(FaNum).eot');
    src: url('../fonts/IranSans/IRANSansWeb(FaNum).eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IranSans/IRANSansWeb(FaNum).woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IranSans/IRANSansWeb(FaNum).woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IranSans/IRANSansWeb(FaNum).ttf') format('truetype');
}

/********************************************************************************************************************
--------------------------------------------------- Body --------------------------------------------------------
********************************************************************************************************************/

html, body {
    margin: 0;
    padding: 0;
    bottom: 0px;
    height: 100% !important;
    font-family: IRANSans !important;
}

#SectionHome, #SectionEducationalCentersAndTeachers, #SectionELearning .fp-tableCell {
    vertical-align: top !important;
}


@media screen and  (max-width:1695px) {
    .maindivSectionJamSestem {
        width: 39%;
        top: 45%;
    }
}

@media screen and  (max-width:1995px) {
    .maindivSectionJamSestem {
        width: 33%;
        top: 45%;
    }
}

@media screen and  (max-width:2195px) {
    .maindivSectionJamSestem {
        width: 31%;
        top: 45%;
    }
}

@media screen and  (max-width:2395px) {
    .maindivSectionJamSestem {
        width: 30%;
        top: 45%;
    }
}


@media screen and  (max-width:2595px) {
    .maindivSectionJamSestem {
        width: 27%;
        top: 45%;
    }
}


@media screen and  (max-width:2995px) {
    .maindivSectionJamSestem {
        top: 45%;
        left:28%!important;
    }
}
/********************************************************************************************************************
--------------------------------------------------- Slider --------------------------------------------------------
*******************************************************************************************************************/

.MainSlider {
    padding: 0px;
    height: 100% !important;
    position: relative;
    width: 100% !important;
}

#myCarousel {
    width: 100% !important;
    height: 100% !important;
}

.carousel-inner {
    width: 100% !important;
    height: 100% !important;
}

.carousel-item {
    width: 100% !important;
    height: 100% !important;
}

.carousel-indicators {
    position: absolute !important;
    bottom: 22% !important;
}

.imageSlider {
    width: 100%;
}

/********************************************************************************************************************
--------------------------------------------------- Header --------------------------------------------------------
********************************************************************************************************************/
.Header {
    width: 100%;
    height: 11%;
    z-index: 1000;
    background-color: rgba(255, 255,255, 0.7);
    border-bottom: 1px solid #000000;
    z-index: 1000;
    position: absolute;
    padding-right: 0;
    padding-left: 0;
    top: 0;
    background-image:url(Images/NewDesign/header/header.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
}

.fontsize{
    font-size:30px;
}

/********************************************************************************************************************
--------------------------------------------------- Main --------------------------------------------------------
********************************************************************************************************************/

.Main {
    width: 100%;
    position: relative !important;
    padding-left: 0;
    padding-right: 0;
    margin-top: 50px;
    z-index: 1000;
}

/********************************************************************************************************************
--------------------------------------------------- Footer --------------------------------------------------------
********************************************************************************************************************/

.bgFooter {
    width: 100%;
    height: 137px;
    /*z-index: 1000;*/
    position: absolute;
    padding-right: 0;
    padding-left: 0;
    bottom: 0;
}

.Mainfooter {
    height: 115px;
    width: 100%;
    position: fixed !important;
    z-index: 1000;
    bottom: 22px;
    background-color: #fff;
    border-top: 1px solid #000000;
    transition: 1s;
}

#positionmenu {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.PaddingColMain {
    padding: 0;
    text-align: center;
    background-color: #fff;
    float: left;
    width: 120px;
}

.Mainfooter .image {
    width: 90px;
    height: 70px;
}

.PaddingCol {
    padding: 0;
    text-align: center;
}

    .PaddingCol label {
        cursor: pointer;
    }

.HeightColSpan {
    height: 25px;
}

    .HeightColSpan label {
        font-size: 12px;
        color: black;
        font-family: IRANSans !important;
        margin-left: 5px;
        margin-right: 5px;
        padding-top: 5px;
    }

    .HeightColSpan a {
        text-decoration: none;
    }

.ColPFooter {
    height: 22px;
    position: fixed !important;
    bottom: 0;
    z-index: 1000;
    width: 100%;
    background: #f0f5f6;
}

.PFtooter {
    font-size: 11px !important;
    margin-top: 4px;
    text-align: center;
    margin-bottom: 0px;
    direction: rtl;
}

.widthcol1 {
    width: 870px;
}

.widthcol2 {
    width: 750px;
}

.widthcol3 {
    width: 630px;
}

.widthcol4 {
    width: 510px;
}

.widthcol5 {
    width: 390px;
}

/********************************************************************************************************************
--------------------------------------------------- Section --------------------------------------------------------
********************************************************************************************************************/

.btnSection {
    margin: 10px !important;
    color: #2F2E2E !important;
    background: rgba(251, 241, 241, 0.50) !important;
    -webkit-border-radius: 10px;
    border-radius: 7px;
    font-size: 15px;
    font-weight: bold;
    font-family: IRANSans !important;
}

    .btnSection:hover {
        background: #fff !important;
    }

    .btnSection p {
        font-family: IRANSans !important;
        font-size: 15px;
        float: left;
        color: #2F2E2E !important;
    }

.text {
    direction: rtl;
    text-align: justify;
    font-size: 16px;
}

.imgSection {
    width: 40%;
    height: 40%;
}

.maindivSection {
    position: absolute;
    top: 7%;
}

/********************************************************************************************************************
------------------------------------------------SectionJamSestem--------------------------------------------------
********************************************************************************************************************/

#SectionJamSystem {
    background-image: url('../../Images/NewDesign/Section/Section1.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#lblJamSystem {
    font-size: 25px;
    color: black;
    float: right;
}

.maindivSectionJamSestem {
    position: absolute;
    top: 43%;
    left: 22%;
}

.btnSectionJamSestem {
    margin: 10px !important;
    color: #ffffff !important;
    -webkit-border-radius: 10px;
    border-radius: 7px;
    font-size: 15px;
    font-weight: bold;
    font-family: IRANSans !important;
    padding-left: 60px;
    padding-right: 60px;
    right: 28%;
    background: #5cb85c;
    border: #4cae4c;
}

    .btnSectionJamSestem:hover {
        background: #4cae4c !important;
    }

/********************************************************************************************************************
------------------------------------------------ SectionInclusiveEducationSystem----------------------------------
********************************************************************************************************************/

#SectionInclusiveEducationSystem {
    background-image: url('../../Images/NewDesign/Section/Section2.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.maindivSectionInclusiveEducationSystem {
    position: absolute;
    top: 15%;
    color: #fbf6f6;
    left: 29%;
}


.btnSectionInclusiveEducationSystem {
    margin: 10px !important;
    color: #ffffff !important;
    background: #5cb85c;
    -webkit-border-radius: 10px;
    border-radius: 7px;
    font-size: 15px;
    font-weight: bold;
    font-family: IRANSans !important;
    border: #4cae4c;
}

    .btnSectionInclusiveEducationSystem:hover {
        background: #4cae4c !important;
    }


/********************************************************************************************************************
------------------------------------------------ SectionELearning----------------------------------------------------
********************************************************************************************************************/

#SectionELearning {
    background-image: url('../../Images/NewDesign/Section/Section3.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.btnSectionELearning {
    margin: 10px !important;
    color: #fff !important;
    background: #307abd !important;
    -webkit-border-radius: 10px;
    border-radius: 7px;
    font-size: 16px;
    font-weight: bold;
    font-family: IRANSans !important;
}

    .btnSectionELearning:hover {
        background: #146dbe !important;
        color: #fff !important;
    }

        .btnSectionELearning:hover p {
            color: #0a4e49 !important;
        }

    .btnSectionELearning p {
        font-family: IRANSans !important;
        font-size: 15px;
        float: left;
        color: #fefefe !important;
    }

.maindivSectionELearning {
    position: absolute;
    top: 10%;
}


/********************************************************************************************************************
-----------------------------------------------SectionTearchers----------------------------------------------------
********************************************************************************************************************/

#SectionTearchers {
    background-image: url('../../Images/NewDesign/Section/Section4.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/********************************************************************************************************************
--------------------------------------- SectionEducationalCentersAndTeachers----------------------------------------
********************************************************************************************************************/

#SectionEducationalCentersAndTeachers {
    background-image: url('../../Images/NewDesign/Section/Section5.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.MainSectionEducationalCentersAndTeachers {
    height: 40%;
    top: -20%;
    text-align: justify;
    position: relative;
    text-align: center;
}

    .MainSectionEducationalCentersAndTeachers label {
        font-family: IRANSans !important;
        color: black;
    }

/********************************************************************************************************************
------------------------------------------- SectionOrganizationalAnnouncement----------------------------------------
********************************************************************************************************************/

.btnSectionOrganizationalAnnouncement {
    position: absolute;
    top: 67%;
    left: 156px;
    margin: 10px !important;
    color: #2F2E2E !important;
    background: rgba(251, 241, 241, 0.50) !important;
    -webkit-border-radius: 10px;
    border-radius: 7px;
    font-family: IRANSans !important;
}

#SectionOrganizationalAnnouncement {
    background-image: url('../../Images/NewDesign/Section/Section6.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.btnSectionOrganizationalAnnouncement:hover {
    background: #fff !important;
}

.btnSectionOrganizationalAnnouncement p {
    font-family: IRANSans !important;
    font-size: 15px;
    float: left;
    color: #2F2E2E !important;
}

.MainSectionOrganizationalAnnouncement {
    height: 40%;
    top: -20%;
    text-align: justify;
    position: relative;
    text-align: center;
    float: left;
    left: 5%;
}

    .MainSectionOrganizationalAnnouncement label {
        color: white;
    }

.lastpage {
    height: 65%;
    background-image: url('../../Images/NewDesign/Section/Section7.jpg');
    margin-right: 0px;
    margin-top: 90px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/********************************************************************************************************************
--------------------------------------------------- News/Library/Connect --------------------------------------------------------
********************************************************************************************************************/

.MainFrame {
    height: 617px;
}

.Frame {
    height: 478px;
    background-color: #ffffff;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    box-shadow: 0;
    transition: box-shadow 0.2s;
    border-radius: 5px;
}

    .Frame:hover {
        box-shadow: 0 0 25px #515151;
    }

.StyleFrame {
    margin-left: -37px;
}

.PButton {
    text-align: center;
    background-color: #1b7994;
    padding: 15px;
    height: 50px;
    margin: auto;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .PButton p {
        font-size: 17px !important;
    }

.PText {
    text-align: right;
    padding: 15px;
    height: 110px;
    margin: auto;
}

    .PText p {
        font-size: 11px;
    }

.txtPText {
    font-size: 14px !important;
}

.borderB {
    text-align: right;
    padding: 5px;
    margin: auto;
    border-bottom: 2px solid #e8eced;
    width: 250px;
    float: right;
}


.SubMain {
    height: 42%;
    width: 100%;
}

.OnvaneSubMain {
    height: 18%;
    width: 95%;
    background-color: #edeaea;
    margin: 0 auto;
    border-bottom: 2px solid #8e2626;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*box-shadow: 2px 0px 0px #888888;*/
}

.textOnvaneSubMain {
    font-size: 1.2em;
    color: #242020;
    padding-top: 2%;
    padding-right: 3%;
    font-weight: 600;
}

.ContentNews {
    height: 70%;
    width: 100%;
    margin: 0 auto;
    box-shadow: 2px 2px 2px #d3cdcd;
}

.News {
    height: 27%;
    width: 100%;
    margin: 0 auto;
    padding: 3px;
}

.Newsimg {
    height: 80%;
    width: 15%;
    margin: 0 auto;
    float: left;
    text-align: center;
}

.NewsMaintext {
    height: 82%;
    width: 100%;
    float: left;
    padding-top: 1%;
    text-justify: none;
    font-size: 0.9em;
    margin-right: auto;
    margin-bottom: 0;
    padding-right:10px;
}

.txtEtelaatNews {
    font-size: 1.1em;
    color: #242020;
    font-weight: 500;
    font-family: IRANSans !important;
    bottom: 20%;
    position: absolute;
    right: 0%;
    width: 100%;
}

.txtEtelaatLib {
    font-size: 1.1em;
    color: #242020;
    font-weight: 500;
    font-family: IRANSans !important;
    bottom: 20%;
    position: absolute;
    left: 0%;
    width: 100%;
}

.Grid {
    border: 0px solid #C0C0C0 !important;
    text-align: center !important;
    margin-right: 0px;
}

.Newstext {
    width: 82%;
    margin: 0 auto;
    float: left;
    padding-top: 2%;
    padding-left: 1%;
    text-justify: none;
    margin-left: 1%;
    font-size: 1.1em;
    text-align: right;
    font-family: IRANSans;
    margin-bottom: 1%;
}

.Librarytxt {
    height: 100%;
    width: 82%;
    margin: 0 auto;
    float: left;
    padding-top: 1%;
    text-justify: none;
    font-size: 0.9em;
    margin-right: auto;
    margin-bottom: 0;
    padding-right:10px;
}

.ghavanintxt {
    height: 100%;
    margin: 0 auto;
    float: left;
    padding-top: 1%;
    text-justify: none;
    font-size: 0.9em;
    margin-right: auto;
    margin-bottom: 0;
    padding-right:10px;
}

.Libraryimg {
    width: 15%;
    margin: 0 auto;
    float: right;
    text-align: center;
    height: 100%;
}

.MainLibrarytext {
    margin: 0 auto;
    float: left;
    padding-left: 1%;
    text-justify: none;
    margin-left: 1%;
    font-size: 0.9em;
    width: 99%;
    height: 77px;
    border-bottom: 2px solid #e8eced;
}

.librarytext {
    width: 82%;
    margin: 0 auto;
    float: left;
    padding-top: 2%;
    padding-left: 1%;
    text-justify: none;
    font-size: 13px;
    text-align: right;
    font-family: IRANSans;
    margin-bottom: 2%;
}

#divLibrary {
    width: 100% !important;
}

#LinkButton1 {
    text-decoration: none !important;
}

.akhbarDescription {
    color: #b5b5b5;
    font-size: 11px;
    position: relative;
    top: 0px;
}

.akhbarTitle {
    font-size: 13px;
    position: relative;
    bottom: 5px;
}

.alignright {
    float: right;
}

.imageBodyNews {
    background-image: url('../../Images/NewDesign/News_Roles/imageNews.png');
    background-repeat: no-repeat;
    background-size: 100%;
}

.padding {
    padding: 20px;
}

.btnEdameNews {
    margin-top: 4px;
    color: #fff !important;
    background: #1b7994 !important;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold;
    font-family: IRANSans !important;
    height: 35px !important;
    padding-top: 6px !important;
    padding-bottom: 3px !important;
    width:100%;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
}

.btnContactUs {
    color: #fff !important;
    background: #1b7994 !important;
    font-size: 12px;
    font-weight: bold;
    font-family: IRANSans !important;
    height: 50px !important;
    padding-top: 17px !important;
    padding-bottom: 3px !important;
    width: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


/********************************************************************************************************************
--------------------------------------------------- Footer --------------------------------------------------------
********************************************************************************************************************/
.Footer {
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 110px;
    bottom: 0;
    position: absolute;
}

.PFtooter {
    bottom: -85px;
}

.txtFooter {
    font-size: 12px;
    text-align: center;
}


.crop {
    display: -webkit-box;
    width: 200px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/********************************************************************************************************************
--------------------------------------------------- Details --------------------------------------------------------
********************************************************************************************************************/
.btnLib_News {
    font-family: IRANSans,tahoma;
    margin: 2px !important;
    color: #2F2E2E !important;
    background: #e6e6e6 !important;
    -webkit-border-radius: 7px;
    border-radius: 3px;
    width: 75%;
    font-size: 12px !important;
}

#Button1 {
    background-position: 85% 40%!important;
    background-image: url('../../Images/NewDesign/btnicon/iconSearch.png') !important;
    background-repeat: no-repeat !important;
}

#Button2, #Button3 {
    background-position: 85% 40%!important;
    background-repeat: no-repeat !important;
    background-image: url('../../Images/NewDesign/btnicon/iconBazgasht.png') !important;
}

#btnexit {
    background-position: 85% 40%!important;
    background-repeat: no-repeat !important;
    background-image: url('../../Images/NewDesign/btnicon/btnCancle.png') !important;
}

.HeaderGrid {
    background-color: #c7c6c6 !important;
    color: #003257;
    text-align: right;
    font-size: 12px;
    height: 24px !important;
}

.edameTamas{
    width:100%!important;
}

a:disabled, a[disabled], a[disabled="disabled"] {
    color: #b6b6b6 !important;
    cursor: not-allowed;
    text-decoration: none;
}

.farsi-text {
    font-family: IRANSansFaNum !important;
}