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

/*================================================================*/
/*import fonts*/
/*================================================================*/

@import url(../fonts/dn/dn.css);
@import url(../fonts/ns/ns.css);
@import url(../fonts/ga/ga.css);
@import url(../fonts/tahoma/tahoma.css);
@import url(../fonts/font-awesome/font-awesome.css);

/*-- start main css --*/

body {
    font-family: "ns" !important;
}

a:hover {
    text-decoration: none !important;
}

a:active {
    text-decoration: none !important;
}

a:focus {
    text-decoration: none !important;
}

a.moreLink:hover span {
    animation: translatexLink 0.3s infinite;
    animation-direction: alternate;
}

@keyframes translatexLink {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translatex(-5px);
    }
}

section {
    margin-bottom: 80px;
}

    section.noMargin {
        margin-bottom: 0px;
    }

.transition-5s {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.transition-3s {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.transition-2s {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.heading {
    font-weight: 700;
    font-size: 22px;
    margin: 0;
    padding: 0;
}

p {
    font-weight: 400;
}

hr {
    border-top: 1px solid #ddd;
}

iframe {
    width: 100%;
}
/*-- end main css --*/

.slider {
    margin-top: 50px;
    margin-bottom: 50px;
}

.colleges-rectorWord {
}

    .colleges-rectorWord p {
        font-size: 14px;
        margin: 0;
        line-height: 25px;
    }

    .colleges-rectorWord .colleges-rectorWord-img {
        width: 100%;
        height: 180px;
        overflow: hidden;
        margin-bottom: 15px;
        margin-left: 15px;
    }

        .colleges-rectorWord .colleges-rectorWord-img img {
            width: 100%;
        }

    .colleges-rectorWord p {
        margin-bottom: 15px;
    }

.news-box {
}

    .news-box .moreLink {
        font-weight: 700;
    }

    .news-box .news-box-big {
        width: 100%;
        color: #333;
    }

        .news-box .news-box-big h3 {
            font-size: 16px;
            line-height: 1.5;
            margin: 15px 0px 30px;
        }

        .news-box .news-box-big .news-box-big-img {
            overflow: hidden;
            height: 180px;
        }

            .news-box .news-box-big .news-box-big-img img {
               /* width: 100%;*/
            }

    .news-box .news-box-list {
    }

        .news-box .news-box-list a {
            color: #333;
        }

            .news-box .news-box-list a h4 {
                font-size: 14px;
                font-weight: 400;
                line-height: 1.5;
                margin-bottom: 8px;
                margin-top: 2px;
            }

            .news-box .news-box-list a p {
                font-size: 12px;
                color: #999;
            }

            .news-box .news-box-list a.news-box-list-img {
                width: 80px;
                height: 80px;
                overflow: hidden;
                display: block;
            }

                .news-box .news-box-list a.news-box-list-img img {
                    height: 100%;
                }




.links-tree {
    color: #999;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 50px;
   background-color: #c8c1c10d;

}

    .links-tree a {
        /*color: #999;*/
        color: blue;

    }

    .links-tree ul {
        border-bottom: 1px solid #ddd;
        padding: 10px 0px;
        margin: 0;
    }

.inner-page-template {
    color: #333 !important;
    margin-bottom: 100px;
}

    .inner-page-template section {
        margin-bottom: 30px;
    }

    .inner-page-template h4 {
        font-size: 20px;
        font-weight: 700;
    }

    .inner-page-template h5 {
        font-size: 18px;
        font-weight: 700;
    }

    .inner-page-template p {
        font-size: 16px;
        line-height: 1.8;
        /*clear:both;
        display:inline;*/ 
           
    }

    .inner-page-template ul {
        font-size: 16px;
        line-height: 1.8;
    }

    .inner-page-template ol {
        font-size: 16px;
        line-height: 1.8;
    }

    .inner-page-template .inner-page-img-box {
        height: 350px;
        position: relative;
        overflow: hidden;
        margin-bottom: 50px;
    }

        .inner-page-template .inner-page-img-box img {
            position: relative;
        }

        .inner-page-template .inner-page-img-box h3 {
            position: absolute;
            bottom: 0;
            padding: 20px;
            background-color: rgba(0,0,0,0.7);
            width: 100%;
            color: #fff;
        }

        .inner-page-template .inner-page-img-box span {
            font-family: "tahoma";
            font-size: 12px;
            font-weight: 400;
        }

    .inner-page-template ul.inner-page-links {
        background: #f3f3f3;
    }

        .inner-page-template ul.inner-page-links li {
            border-bottom: 1px solid #d7d7d7;
        }

            .inner-page-template ul.inner-page-links li a {
                color: #333;
                font-weight: 700;
                font-size: 16px;
                display: block;
                border-right: 4px solid #d7d7d7;
                width: 100%;
                padding: 12px 20px;
            }

                .inner-page-template ul.inner-page-links li a.active {
                    background: #d7d7d7;
                }

            .inner-page-template ul.inner-page-links li:hover a {
                background: #d7d7d7;
            }

    .inner-page-template .inner-page-img-user-box {
        width: 250px;
        height: 250px;
        overflow: hidden;
        margin-left: 30px;
        margin-bottom: 15px;
    }

    .inner-page-template h3.inner-page-title {
    }

    .inner-page-template img {
        margin: 0 auto;
    }

    .inner-page-template h3.inner-page-title span {
        font-family: "tahoma";
        font-size: 12px;
        font-weight: 400;
        margin-top: 10px;
    }

    .inner-page-template h3.inner-page-title-user {
        margin-bottom: 30px;
    }

        .inner-page-template h3.inner-page-title-user span {
            font-family: "tahoma";
            font-size: 12px;
            font-weight: 400;
            margin-top: 10px;
        }

    .inner-page-template .inner-page-user-cv {
        background: #f3f3f3;
        border-bottom: 4px solid;
        padding: 0px 15px;
        margin-top: 30px;
    }

        .inner-page-template .inner-page-user-cv .inner-page-user-cv-img {
            padding: 30px 35px 20px;
        }

        .inner-page-template .inner-page-user-cv ul {
            font-size: 14px;
            font-weight: 700;
            color: #666;
        }

        .inner-page-template .inner-page-user-cv a {
            font-size: 16px;
            font-weight: 700;
            color: #333;
            display: block;
            width: 100%;
            margin-bottom: 15px;
        }

        .inner-page-template .inner-page-user-cv hr {
            margin-top: 15px;
            margin-bottom: 15px;
        }

    .inner-page-template ul.inner-page-filter {
        background: #eeeeee;
        padding: 10px 15px;
        margin: 0;
        margin-top: -20px;
    }

        .inner-page-template ul.inner-page-filter li {
        }

            .inner-page-template ul.inner-page-filter li a {
                color: #666;
            }

.news-details {
    margin-bottom: 100px;
}

    .news-details .news-details-title {
        font-size: 24px;
        margin-bottom: 20px;
        line-height: 1.5;
    }

    .news-details .news-details-img {
    }

    .news-details .news-details-info {
        background: #eee;
        padding: 10px 10px 6px;
        font-family: "tahoma";
        font-size: 14px;
        color: #333;
        margin-bottom: 20px;
    }

    .news-details .news-details-text {
        font-family: "ga";
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 50px;
    }

        .news-details .news-details-text h3 {
            margin: 20px 0px 10px;
            font-size: 18px;
        }

    .news-details .news-details-box {
        border-radius: 0;
    }

        .news-details .news-details-box .panel-body {
            padding: 15px 15px 0px 15px;
        }

        .news-details .news-details-box h3 {
            font-size: 16px;
            color: #666;
        }

        .news-details .news-details-box .news-details-box-imgbox-1 {
            height: 478px;
            overflow: hidden;
            margin-bottom: 15px;
        }

        .news-details .news-details-box .news-details-box-imgbox-2 {
            height: 229px;
            overflow: hidden;
            margin-bottom: 15px;
        }

        .news-details .news-details-box .news-details-box-imgbox-3 {
            height: 146px;
            overflow: hidden;
            margin-bottom: 15px;
        }

        .news-details .news-details-box .news-details-box-imgbox-loadMoorImg {
            margin-bottom: 15px;
        }

        .news-details .news-details-box .loadMoorImg-box {
            display: none;
        }

            .news-details .news-details-box .loadMoorImg-box .news-details-box-imgbox-3 {
                display: none;
            }

        .news-details .news-details-box .news-details-box-imgbox-loadMoorImg-btn {
            outline: none;
        }

        .news-details .news-details-box .news-details-box-imgbox-1:hover img {
            transform: scale(1.1);
            cursor: -webkit-zoom-in;
        }

        .news-details .news-details-box .news-details-box-imgbox-2:hover img {
            transform: scale(1.1);
            cursor: -webkit-zoom-in;
        }

        .news-details .news-details-box .news-details-box-imgbox-3:hover img {
            transform: scale(1.1);
            cursor: -webkit-zoom-in;
        }

.next-news {
    position: relative;
    display: block;
    color: #333;
}

    .next-news .next-news-img {
        position: relative;
    }

    .next-news .next-news-title {
        background-color: rgba(255,255,255,0.8);
        position: absolute;
        bottom: 0;
        padding: 20px;
    }

        .next-news .next-news-title h3 {
            font-size: 16px;
            line-height: 1.5;
            width: 90%;
        }

        .next-news .next-news-title span {
            font-size: 24px;
        }

.more-news {
}

    .more-news h2 {
        font-size: 18px;
        padding: 15px;
        color: #fff;
    }

    .more-news ul {
    }

        .more-news ul li {
            border-bottom: 1px solid #ddd;
            padding: 20px 15px;
            font-size: 16px;
        }

            .more-news ul li a {
                color: #333;
            }

    .more-news a {
        font-weight: 700;
        color: #333;
    }

    .more-news ul li a h3 {
        font-size: 16px;
        line-height: 1.5;
        width: 90%;
    }

    .more-news ul li a span {
        font-size: 18px;
    }

.news-box .news-box-big p {
    font-size: 14px;
    text-align: justify;
    line-height: 1.8;
    color: #666;
}

    .news-box .news-box-big p span {
        display: block;
        color: #999;
        font-size: 12px;
    }

.news-box .news-box-big h3 {
    font-size: 16px;
    line-height: 30px;
    margin: 5px 0px 10px;
}


.dp1 {
    position: relative;
    top: 20px;
    z-index: 9;
    height: 308px;
}

    .dp1 .datepicker {
    }

#dp1 {
    display: none;
}

.section-cover {
    margin: 50px 0;
    color: #fff;
}

    .section-cover .section-cover-img-box {
        height: 300px;
        overflow: hidden;
    }

        .section-cover .section-cover-img-box img {
        }

    .section-cover .col-md-3 {
        padding-right: 0px;
    }

        .section-cover .col-md-3 .section-cover-info {
            padding: 20px;
            background: #566468;
            height: 300px;
            text-align: justify;
        }

            .section-cover .col-md-3 .section-cover-info h3 {
                margin-bottom: 15px;
            }

            .section-cover .col-md-3 .section-cover-info p {
                line-height: 1.8;
            }

.departments-rectorWord {
    padding: 15px;
    border: 1px solid #ddd;
    margin-top: 50px;
}

    .departments-rectorWord p {
        font-size: 14px;
        margin: 0;
        line-height: 25px;
    }

    .departments-rectorWord h3 {
        font-size: 20px;
    }

    .departments-rectorWord h5 {
        font-size: 16px;
    }

    .departments-rectorWord .departments-rectorWord-img {
        width: 160px;
        height: 160px;
        overflow: hidden;
        margin-bottom: 15px;
        margin-left: 15px;
    }

        .departments-rectorWord .departments-rectorWord-img img {
            /*height: 100%;*/
        }
/****SAED***HOTLINKS*/
.hot-links{ display:block;}
.hot-links h3{ color:#333; margin-bottom:30px; }
.hot-links p{ font-size:14px; color:#333; line-height:25px; text-align:justify; margin-top:15px;}
.hot-links .img-box{ width:100%; height:180px; overflow:hidden; position:relative;}
.hot-links .img-box img{ width:100%;}
.hot-links .img-box span{ position: absolute; top: 30%; right: 40%; font-size: 45px; color: #fff; z-index:9999;	transform: scale(0); padding:15px; }
.hot-links:hover .img-box img{ transform: scale(1.1); opacity:0.8}
.hot-links:hover .img-box span{ transform: scale(1.2);}
.hot-links-link{ background:#ed3c36; width:100%; height:177px; overflow:hidden; display:block; color:#FFFFFF; padding:20px; padding-top:14px;}
.hot-links-link h3{ font-size:18px; line-height:30px;}
.hot-links-link h3 span{ display:block; font-size:70px; padding-bottom:20px;}
.hot-links-link:hover h3 { color:#fff;}
.hot-links-link:hover h3 span{ animation: translateyLink 0.3s infinite; animation-direction: alternate;}
/*Custom Footer*/
/* Start footer */

footer{ background:#333;font-family:"ns";}

footer .footer-map{pointer-events: none;}

footer .footer-top{ border-top:2px solid #ddd; border-bottom:2px solid #ddd; background:#fff;}
footer .footer-top .date-today{ font-family:"ns"; font-weight:400; color:#666; font-size:14px; padding:18px 0px; }
footer .footer-top .scrollup{ font-family:"ns"; font-weight:700; color:#fff; font-size:14px; display:block; width:56px; height:56px; text-align:center; padding-top:8px;}

.footer-top .scrollup:hover span{ animation: translateyLink 0.3s infinite; animation-direction: alternate;}
@keyframes translateyLink {  0% {    transform: translatey(0px);  }  100% {    transform: translatey(-5px);  }}

footer .footer-title-website{ margin-top:30px; margin-bottom:20px; height:62px;}
footer .footer-title-website img{margin-left:10px;}
footer .footer-title-website p{ color:#999; font-size:12px;}
footer .footer-title-website h3{ font-size:24px; color:#fff; margin-bottom:10px; font-weight:400;}
footer .footer-title-website h3 span{ color:#999; font-size:16px;}

footer .footer-info{ color:#999; height:62px; padding:12px 0px; margin-top:30px; margin-bottom:20px;}
footer .footer-info h4{	border-left:1px solid #504c48;    padding: 10px;    margin: 0;    margin-left: 10px;	font-weight:700;	font-size:16px;}
footer .footer-info ul{ list-style:none;}

footer .footer-social-media{ border-top:1px solid #504c48; border-bottom:1px solid #504c48; margin-bottom:30px;}
footer .footer-social-media img.responsive{ margin-top:20px; margin-bottom:20px;}
footer .footer-social-media ul{ margin:0;}
footer .footer-social-media ul li{ margin:0; padding:0;}
footer .footer-social-media ul li a{ font-size:26px; color:#FFFFFF; border-left: 1px solid #504c48; display:block; margin-right:-4px;}
footer .footer-social-media ul li a.border-right{border-right: 1px solid #504c48; margin-right:20px;}
footer .footer-social-media ul li a span{ padding:23px;}
footer .footer-social-media ul li a:hover .fa-facebook{ background:#3b5999;}
footer .footer-social-media ul li a:hover .fa-twitter{ background:#00a0d2;}
footer .footer-social-media ul li a:hover .fa-linkedin{ background:#34516f;}
footer .footer-social-media ul li a:hover .fa-youtube{ background:#c4302c;}
footer .footer-social-media ul li a:hover .fa-flickr{ background:#f99b39;}

footer .footer-list-link{ font-family:"ns"; margin:0; padding:0;     border-right: 1px solid #504c48;    padding-right: 20px;}
footer .footer-list-link ul{ padding:0;}
footer .footer-list-link h3{ font-size:16px; color:#fff; margin-bottom:15px;}
footer .footer-list-link li{ font-size:13px; font-weight:400; line-height:28px;}
footer .footer-list-link li a{ color:#999;}
footer .footer-list-link li a:hover{ color:#fff; margin-right:2px;}

footer .footer-mail-list{ border:1px solid #504c48; padding:20px; font-family:"ns";}
footer .footer-mail-list h3{ color:#FFFFFF; font-size:18px; margin-bottom:10px;}
footer .footer-mail-list p{ color:#999; font-size:14px; font-weight:400;}
footer .footer-mail-list form { font-size:14px; font-weight:700;}
footer .footer-mail-list form input{ border-radius:0; background:#333; border:1px solid #504c48; height:46px; color:#fff; width:330px !important;}
footer .footer-mail-list form button{ border-radius:0; background:#dea537; border:1px solid #c48a19; height:46px; width:68px;}

footer .footer-album{ background:#eee; padding:30px 0px;}
footer .footer-album a.footer-album_box{ position:relative; display:block; color:#fff; font-size:16px; font-weight:700; overflow:hidden;}
footer .footer-album a.footer-album_box .footer-album_color{ position: absolute; bottom: 0;  height: 50%;  z-index: 9;  width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
footer .footer-album a.footer-album_box .footer-album_imgNambar{ position: absolute; top: 10px; left:10px; z-index: 10; background-color: rgba(0,0,0,0.5); padding:5px 10px; font-size:14px;}
footer .footer-album a.footer-album_box .footer-album_img{ width:100%; height:280px; overflow:hidden;}
footer .footer-album a.footer-album_box .footer-album_img img{ height:100%;}
footer .footer-album a.footer-album_box h3{ font-size:16px; line-height:25px; position:absolute; bottom:0; padding:15px; z-index:10;}
footer .footer-album a.footer-album_box:hover h3{ padding-bottom:30px;}
footer .footer-album a.footer-album_box:hover .footer-album_color{ height:80%;}


/* End footer */