@font-face {
    font-family: "IRANSansFaNum";
    src: url("../../fonts/IRANSansFaNum.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/IRANSansFaNum.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../fonts/IRANSansFaNum.otf") format("opentype"), /* Open Type Font */
    url("../../fonts/IRANSansFaNum.svg") format("svg"), /* Legacy iOS */
    url("../../fonts/IRANSansFaNum.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../fonts/IRANSansFaNum.woff") format("woff"), /* Modern Browsers */
    url("../../fonts/IRANSansFaNum.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "BNazaninBold";
    src: url("../../fonts/BNAZANB.eot"); /* IE9 Compat Modes */
    src: url("../../fonts/BNAZANB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../../fonts/BNAZANB.otf") format("opentype"), /* Open Type Font */
    url("../../fonts/BNAZANB.svg") format("svg"), /* Legacy iOS */
    url("../../fonts/BNAZANB.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../../fonts/BNAZANB.woff") format("woff"), /* Modern Browsers */
    url("../../fonts/BNAZANB.woff2") format("woff2"); /* Modern Browsers */
    font-weight: normal;
    font-style: normal;
}

dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: middle;
    outline: none;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

a, a:hover, a:focus {
    text-decoration: none;
    outline: none;
}

body {
    direction: rtl;
    font-family: 'BNazaninBold','IRANSansFaNum', Tahoma;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

.mr15 {
    margin-right: 15px;
}

.floatNone {
    float: none;
}

.clearBoth {
    clear: both;
}

.width100 {
    width: 100%;
}

.font13 {
    font-size: 13px;
}

.font15 {
    font-size: 15px;
}

.mt10 {
    margin-top: 10px;
}

.mt30 {
    margin-top: 30px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb30 {
    margin-bottom: 30px;
}

.padding-10 {
    padding: 10px 0;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.mr5 {
    margin-right: 5px;
}

.ml20 {
    margin-left: 20px;
}

.mt5 {
    margin-top: 5px;
}

.pad-top {
    padding-top: 210px;
}

.borje_sat {
    margin-top: -170px;
}

.carousel-control.left,
.carousel-control.right {
    background-image: none;
}

.colorGray {
    color: #999999;
}

.colorBlue {
    color: #0765b9;
}
/****main page***/
.mainBody {
    background: #3b82e6 url('../../Images/intro-bg.PNG') scroll center top no-repeat;
    background-size: auto auto;
    color: #555;
    background-size: cover;
}

.skin-main {
    min-height: 550px;
}

.btn-home {
    border: 1px solid #1b5799;
    border-radius: 7px;
    color: #fff;
    font-size: 14px;
    padding: 6px 30px;
    background: linear-gradient(135deg, #a8bdd7,#2a5c9b,#2a5c9b,#a8bdd7);
    font-weight: bold;
    transition: 0.5s;
}

    .btn-home:hover, .btn-home:focus {
        color: #fff;
        box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
    }

.container-btn {
    margin: 30px auto;
}

.introDiv {
    width: 100%;
    text-align: center;
    float: right;
}

.introDivInner {
    width: 87%;
    text-align: center;
    margin: 0 auto;
}

.flip_wrap_wrap {
    float: right;
}
/*#introButton { float: right; margin: 20px 0; text-align: center; width: 99%;}*/
.spacer {
    padding: 0 4px;
}

.flip_wrap {
    position: relative;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    cursor: pointer;
    display: block;
}

    .flip_wrap:after {
        clear: both;
        content: ".";
        height: 0px;
        font-size: 0px;
        visibility: hidden;
        display: block;
    }

.flip_hover {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    float: right;
}

.flip_back {
    box-shadow: 0 0 12px 1px #033682 inset;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: right;
    color: #fff;
    background: #1e6add;
    opacity: 0\9;
    filter: Alpha(Opacity=0)\9;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transition: rotateY(180deg);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 8px;
}

.flip_face {
    opacity: 1\9;
    filter: Alpha(Opacity=100)\9;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.flip_wrap:hover .flip_hover {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -ms-transform: rotateY(0deg);
}

.flip_wrap:hover .flip_back {
    opacity: 1\9;
    filter: Alpha(Opacity=100)\9;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.flip_wrap:hover .flip_face {
    opacity: 0\9;
    filter: Alpha(Opacity=0)\9;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .flip_back {
        opacity: 0;
        filter: Alpha(Opacity=0);
    }

    .flip_face {
        opacity: 1;
        filter: Alpha(Opacity=100);
    }

    .flip_wrap:hover .flip_back {
        opacity: 1;
        filter: Alpha(Opacity=100);
        -ms-transition: all 0.5s;
        transition: all 0.5s;
    }

    .flip_wrap:hover .flip_face {
        opacity: 0;
        filter: Alpha(Opacity=0);
        -ms-transition: all 0.5s;
        transition: all 0.5s;
    }
}

.projects_content {
    padding: 0 6px;
}

    .projects_content h3 {
        padding-right: 0px !important;
        padding-left: 0px !important;
        font-size: 14px;
        text-shadow: 1px 1px #000;
        color: #0645af;
    }

    .projects_content ul {
        list-style-type: none;
    }

        .projects_content ul li {
            border-bottom: dotted 1px #0d49a4;
            width: 100%;
            padding: 5px 0;
            position: relative;
            z-index: 999999;
        }

            .projects_content ul li a {
                color: #fff;
                text-shadow: 1px 1px #0c3d8d;
                font-size: 12px;
                text-align: right;
            }

                .projects_content ul li a:hover {
                    color: #cae4ff;
                }

#accordion .panel-primary > .panel-heading {
    background-color: #2a5c9b;
}

#accordion .panel .panel-collapse .panel-body ul li {
    list-style-type: none;
}

    #accordion .panel .panel-collapse .panel-body ul li a {
        color: #2b2b2b;
        font-size: 12px;
    }

        #accordion .panel .panel-collapse .panel-body ul li a:hover,
        #accordion .panel .panel-collapse .panel-body ul li a:focus {
            color: #3b82e6;
        }

/********safhe asli******/

.menu-top-header {
    float: left;
}

.rais-img {
    width: 160px;
    height: 160px;
}

header {
    position: relative;
}

.header {
    background: url("../../Images/header-bg.jpg") no-repeat;
    height: 380px;
    background-size: cover;
    background-position: center;
    width: 100%;
    max-width: 100%;
}

.border-dot {
    border-bottom: dotted 1px #1c545f;
    padding: 10px 15px;
}

.menu-icon-header {
    color: #fff;
    margin-left: 1px;
    display: inline-block;
    background-color: #033682;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    text-align: center;
}

    .menu-icon-header i, .icon-rss i {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        padding-top: 6px;
        font-size: 15px;
    }

    .menu-icon-header:hover, .icon-rss:hover i, .icon-rss:focus i {
        color: #fff;
    }

        .menu-icon-header:hover i, .menu-icon-header:focus i, .icon-rss:hover i, .icon-rss:focus i {
            transform: rotateY(180deg);
        }

.menu-header-container .menu-icon-header:nth-child(1):hover {
    background-color: #F44336;
}

.menu-header-container .menu-icon-header:nth-child(2):hover {
    background-color: #F96A23;
}

.menu-header-container .menu-icon-header:nth-child(3):hover {
    background-color: #2196F3;
}

.menu-header-container .menu-icon-header:nth-child(4):hover {
    background-color: #4CAF50;
}

.icon-rss {
    background-color: #F96A23;
    color: #fff;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    text-align: center;
}

.login {
    color: #333;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

    .login:hover, .login:focus {
        color: #033682;
    }

.menu-header.scrolled {
    width: 100%;
    position: fixed;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 2000;
    box-shadow: 0 0px 20px rgba(0,0,0,0.25);
    -moz-box-shadow: 0 0 20px rgba(0,0,0,0.25);
}

.menu-header {
    border: none;
    /*background: linear-gradient(#fff 0%, #bfc1c1 100%);*/
    background: linear-gradient(to bottom, #eee, #f9f9f9);
    box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
    transition: 0.5s;
    position: relative;
    width: 100%;
}

    .menu-header .nav > li > a {
        padding: 15px 7px;
        color: #5e5e5e;
        transition: 0.5s;
        font-size: 12px;
        font-family: 'IRANSansFaNum', Tahoma;
    }

    .menu-header .nav li.dropdown:hover > .dropdown-menu {
        display: block;
    }

    .menu-header .nav .dropdown-menu li a {
        transition: 0.5s;
        font-size: 12px;
        position: relative;
        font-family: 'IRANSansFaNum', Tahoma;
    }

        .menu-header .nav .dropdown-menu li a:hover, .menu-header .nav .dropdown-menu li a:focus {
            color: #095698;
            background-color: #eee;
        }

        .menu-header .nav .dropdown-menu li a:before {
            right: -13px;
            top: -22%;
            -webkit-transform: translateY(50%);
            -ms-transform: translateY(50%);
            transform: translateY(50%);
            position: absolute;
            content: '\f0a8';
            font-family: FontAwesome;
            font-size: 12px;
            display: inline-block;
            margin-right: 17px;
            transition: right .3s, opacity .3s;
            opacity: 0;
            color: #0566B9;
        }

        .menu-header .nav .dropdown-menu li a:hover:before {
            right: -9px;
            opacity: 1;
        }

    .menu-header .nav > li a:hover, .menu-header .nav > li a:focus {
        color: #095698;
        background-color: #e3dede;
    }

.navbar-header i {
    color: #004d8f;
    font-size: 18px;
}

.menu-header .nav .open > a, .nav .open > a:focus, .menu-header .nav .open > a:hover {
    color: #574737;
    background-color: #eee;
    border-radius: 6px 6px 0 0;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        right: 100%;
        margin-top: -6px;
        margin-left: -1px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        content: "\f0d9";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #b6afaf;
        font-size: 16px;
        padding-right: 0.5em;
        position: absolute;
        top: 1px;
        left: 5px;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

.menu-header .navbar-nav > li > .dropdown-menu {
    border-top: 2px solid #3196EB;
}

.menu-header .nav > li.search .dropdown-menu {
    min-width: 210px;
}
/*****main**/
.content_graybg {
    background: url("../../Images/banner_gray.jpg") no-repeat scroll 50% 50% #f7f7f7;
    padding: 20px 0;
    width: 100%;
    background-size: cover;
    max-width: 100%;
}

@media (min-width: 1200px) {
    .content_graybg .container {
        width: 1074px;
    }
}

.comision {
    text-align: center;
    display: inline-block;
    margin: 0 3%;
}

    .comision .img-icon, .comision2 .img-icon {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background-color: #fff;
        box-shadow: 0 0 0 5px rgba(38, 38, 38, 0.21);
        transition: all ease 0.3s;
    }

        .comision .img-icon:hover, .comision2 .img-icon:hover {
            box-shadow: 0 0 0 5px rgba(255,255,255,.4), 0 0 0 10px #3196EB;
            -webkit-transform: scale(.8,.8);
            transform: scale(.8,.8);
        }

        .comision .img-icon img, .comision2 .img-icon img {
            /*padding-top: 15px;*/
        }

    .comision h3 a, .comision2 h3 a {
        font-size: 16px;
        color: #0566B9;
    }

    .comision h3, .comision2 h3 {
        margin-top: 10px;
    }

.article-section {
    background: url('../../Images/bg-fnews.png') no-repeat bottom center scroll transparent;
    overflow: hidden;
    min-height: 74px;
}

    .article-section:last-child {
        background: none;
    }

.article-pic {
    margin: 2px 4px;
    width: 93px;
    height: 62px;
    overflow: hidden;
    border: solid 1px #cdcdcd;
    padding: 2px;
    float: right;
}

    .article-pic a {
        width: 93px;
        max-width: 100%;
        height: 62px;
        display: block;
    }

        .article-pic a img {
            height: 57px;
            width: 89px;
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
        }

        .article-pic a:hover img {
            opacity: 0.8;
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            -ms-opacity: 0.8;
            -webkit-opacity: 0.8;
        }

.article-info {
    padding-right: 97px;
}

    .article-info h2 a {
        margin-bottom: 4px;
        display: block;
        color: #4f4f4f;
        font-size: 13px;
        transition: 0.5s;
    }

    .article-info h2 {
        margin: 6px 0;
    }

        .article-info h2 a:hover, .article-info h2 a:focus {
            color: #000;
        }

#carouselMajor, #carouselpicture, #carouselMovie {
    width: 100%;
    position: relative;
}

    #carouselpicture .carousel-inner > .item, #carouselMovie .carousel-inner > .item {
        width: 100%;
        height: 350px;
    }

    #carouselMajor .carousel-inner > .item {
        width: 100%;
        height: 200px;
    }

        #carouselMajor .carousel-inner > .item > img, #carouselpicture .carousel-inner > .item > img,
        #carouselMajor .carousel-inner > .item > a img, #carouselpicture .carousel-inner > .item > a img {
            width: 100%;
            height: 100%;
            background-size: cover;
            background-position: center;
        }

.carousel-caption {
    background-color: rgba(0,0,0,.7);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 5px;
    text-align: right;
}

    .carousel-caption h3 {
        margin: 0;
    }

        .carousel-caption h3 a {
            font-size: 14px;
            color: #fff;
        }

#carouselpicture .carousel-control.left {
    right: 33px;
}

#carouselpicture .carousel-control i {
    font-size: 24px;
}

#carouselpicture .carousel-control {
    display: block;
    height: 30px;
    width: 30px;
    background: #000;
    background: rgba(0, 0, 0, 1);
    color: #fff;
    font-size: 21px;
    line-height: 30px;
    text-align: center;
}

.contact-icon {
    color: #fff;
    font-size: 14px;
    margin-left: 10px;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    text-align: center;
}

.email-icon {
    background-color: #FCA604;
}

.phone-icon {
    background-color: #00BCD4;
}

.map-icon {
    background-color: #E74C3C;
}

.contact-icon i {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    padding-top: 9px;
    font-size: 19px;
}

.contact-icon:hover i, .contact-icon:focus i {
    transform: rotateY(180deg);
}

.rais-name {
    font-size: 20px;
    margin-bottom: 5px;
    color: #0566B9;
}

.post-name {
    font-size: 16px;
    margin-bottom: 10px;
}

.panel-shora {
    clear: both;
}

.container01_top_left {
    padding: 0px;
    margin: 0px;
    background: url(../../Images/container01_top_left.png) no-repeat top left;
    height: 50px;
}

.container01_top_right {
    padding: 0px;
    margin: 0px;
    background: url(../../Images/container01_top_right.png) no-repeat top right;
}

.container01_top_bg {
    padding: 0px;
    margin: 0 156px 0 106px;
    background: url(../../Images/container01_top_bg.png) repeat-x top;
    height: 50px;
    vertical-align: top;
}

.TitleHead1 {
    color: #fff;
}

.container01_head_title {
    margin: 17px 17px 0 0;
    font-weight: normal;
    text-align: right;
    padding: 2px 0px 0 0px;
    color: #FFF;
    font-size: 15px;
    float: right;
}

.panel-shora .panel-body {
    border: 1px solid #5e5e5e;
}

.container01_left {
    padding-left: 5px;
    background: url(../../Images/container02_left.png) repeat-y top left;
    clear: both;
}

.container01_right {
    padding-right: 5px;
    background: url(../../Images/container02_right.png) repeat-y top right;
    clear: both;
}

.container01_content {
    clear: both;
    background: #FFF;
    padding: 0px;
    min-height: 150px;
}

.container01_contentpane {
    padding: 10px 10px 10px 10px;
    text-align: right;
}

.container01_bot_left {
    padding: 0px;
    margin: 0px;
    background: url(../../Images/container02_bot_left.png) no-repeat top left;
}

.container01_bot_right {
    padding: 0 5px;
    margin: 0px;
    background: url(../../Images/container02_bot_right.png) no-repeat top right;
    padding: 0px 5px;
}

.container01_bot_bg {
    padding: 1px;
    margin: 0px 17px;
    background: url(../../Images/container02_bot_bg.png) repeat-x top left;
    height: 26px;
    text-align: right;
}

.archive {
    margin: 7px 0 -21px;
}

    .archive a {
        color: #36bddd;
    }

        .archive a:hover, .archive a:focus, .news-info h3 a:hover, .news-info h3 a:focus,
        .news-info h2 a:hover, .news-info h2 a:focus {
            color: #095698;
        }

.news-section {
    min-height: 91px;
    overflow: hidden;
    padding: 5px 0;
    border-bottom: 1px solid #eeeeee;
}

.news-section2 {
    padding: 10px 0;
}

.news-section:last-child {
    background: none;
}

.news-pic {
    margin: 2px 4px;
    width: 102px;
    height: 87px;
    overflow: hidden;
    border: solid 1px #cdcdcd;
    padding: 2px;
    float: right;
}

    .news-pic a {
        width: 100%;
        max-width: 100%;
        height: 100%;
        display: block;
    }

        .news-pic a img {
            height: 81px;
            width: 95px;
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
        }

        .news-pic a:hover img {
            opacity: 0.8;
            filter: alpha(opacity=80);
            -moz-opacity: 0.8;
            -ms-opacity: 0.8;
            -webkit-opacity: 0.8;
        }

.date {
    color: #848484;
}

.news-info {
    padding-right: 97px;
}

    .news-info h3 {
        margin: 0;
        line-height: 17px;
    }

.news-head-title {
    font-size: 10px;
    color: #757575;
}

.news-info h3 a {
    color: #0566B9;
    font-size: 11px;
    transition: 0.5s;
    line-height: 17px;
}

.news-info2 h3 a {
    font-size: 14px;
}

.magazine, .magazine img {
    width: 200px;
    height: 220px;
}

.telegram {
    padding: 10px 5px;
}

    .telegram a img {
        width: 100%;
    }

.nav-mytab li {
    list-style-type: none;
    float: right;
}

    .nav-mytab li a {
        font-size: 16px;
        padding: 0 9px;
        color: #fff;
    }

        .nav-mytab li a:hover, .nav-mytab li a:focus {
            color: #fff;
        }

.performance-report {
    list-style-type: none;
}

    .performance-report li::before {
        content: "• ";
        color: #2661e0;
        font-size: 25px;
        vertical-align: middle;
        margin-left: 10px;
    }

    .performance-report li a {
        color: #4f4f4f;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        font-size: 14px;
        display: inline-block;
    }

        .performance-report li a:hover, .performance-report li a:focus {
            color: #574737;
            transform: translateX(-5px);
        }

.hight-report {
    overflow-y: auto;
    height: 328px;
}

.maps-convas {
    width: 100%;
    height: 170px;
    border: 2px solid #2b2b2b;
}
.copy-right .text-danger {
    color: #f61e1a;
    font-weight: bold;
}
.footer-inner {
    background: url("../../Images/footer-bg.jpg") no-repeat;
    padding: 40px 0;
    max-width: 100%;
    background-size: cover;
    background-position: center;
}

.quick-links h5, .contact-info h5 {
    border-bottom: 5px solid #0765b9;
    color: #414544;
    display: inline-block;
    padding-bottom: 8px;
    font-size: 16px;
}

.quick-links ul li {
    font-size: 14px;
    border-bottom: 1px dashed rgb(18, 120, 192);
    padding: 5px 0px;
    list-style: none;
    transition: all cubic-bezier(0.39, 0.58, 0.57, 1) 0.3s;
}

    .quick-links ul li:hover {
        padding-right: 15px;
    }

    .quick-links ul li a {
        color: #414544;
        transition: 0.5s;
    }

.contact-info ul {
    margin-top: 5px;
}

    .contact-info ul li {
        list-style-type: none;
        margin-bottom: 5px;
        color: #414544;
        font-size: 14px;
    }

        .contact-info ul li i {
            background: #fff;
            padding: 5px 7px;
            width: 26px;
            height: 25px;
            border-radius: 50%;
            text-align: center;
        }

            .contact-info ul li i.fa-map-marker {
                color: #1081e0;
            }

            .contact-info ul li i.fa-phone {
                color: #fb6363;
            }

            .contact-info ul li i.fa-fax {
                color: #00a3aa;
            }

            .contact-info ul li i.fa-envelope {
                color: #ffa210;
            }

.copy-right {
    background-color: #333333;
    /*background: linear-gradient(141deg, #0fb8ad 0%, #1fc8db 51%, #2cb5e8 75%);*/
    padding: 10px 0;
}

    .copy-right a, .copy-right p, .copy-right a:hover, .copy-right a:focus {
        color: #fff;
        font-size: 14px;
        margin-bottom: 0;
    }
/**********page****/
.top-header {
    padding: 10px 0;
    background-image: url('../../Images/bannerTopMenu.png');
}

    .top-header marquee, .top-header .menu-top {
        color: #444;
    }

.menu-header2 .nav > li > a {
    padding: 25px 7px;
}

.colorWhite {
    color: #fff;
}

.menu-header2 {
    background: linear-gradient(to bottom, #f7f7f7, #fff);
    box-shadow: 0px 2px 7px rgba(0,0,0,0.25);
}

.alt-main {
    /*background: linear-gradient(to bottom,#edeaea 0,#f8f8f8 50%,#fff 100%);*/
    background-color: #E9ECF2;
}

.main-body {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 30px;
}

.main-body2 {
    overflow: hidden;
}

.breadcrumb {
    margin-top: 30px;
    padding: 10px;
    border-radius: 0;
    text-transform: uppercase;
    background-color: #fff;
}

    .breadcrumb > li {
        padding: 0;
        font-size: 13px;
    }

        .breadcrumb > li a {
            color: #999;
        }

        .breadcrumb > .active, .breadcrumb > li.active a {
            color: #0765b9;
        }

.post-details {
    padding: 10px 0;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    overflow: hidden;
    font-size: 14px;
}

.pre-title {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 10px;
}

.title-news {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.tooltipButton .fa-print {
    font-size: 20px;
}

.mail-icon i {
    color: #FC0;
    font-size: 20px;
}

.summery {
    border: 1px solid #C0C0C0;
    color: #0765b9;
    display: block;
    width: 100%;
    line-height: 1.8;
    padding: 5px 5px 8px 10px;
    margin-top: 30px;
    background-color: #F5F5F5;
    font-size: 14px;
}

.img-major {
    width: 100%;
    margin-right: 21px;
    float: left;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    display: inline-block;
    height: 175.75px;
    margin-bottom: 10px;
}

    .img-major:hover, .news-gallery:hover {
        cursor: zoom-in;
    }

    .img-major img {
        width: 100%;
        height: 100%;
    }

.post-news {
    float: right;
}

.content p {
    font-size: 14px;
}

.slideshow-news, .comment-section {
    position: relative;
    margin-top: 20px;
}

.block-title ::before {
    border-left: 10px solid #03297A;
    border-top: 10px solid transparent;
    content: "";
    right: 0;
    position: absolute;
    top: -10px;
}

.block-title {
    background-color: #0765b9;
    position: relative;
    padding: 7px 20px 7px 40px;
    right: -19px;
    color: #fff;
    display: inline-block;
}

    .block-title::before {
        border-left: 10px solid #03297A;
        border-top: 10px solid transparent;
        content: "";
        right: 0;
        position: absolute;
        top: -10px;
    }

#newsCarouselPost {
    margin: 20px 0;
}

    #newsCarouselPost .carousel-indicators li, #slideCarousel2 .carousel-indicators li {
        background-color: #0765B9;
    }

    #newsCarouselPost .carousel-indicators {
        bottom: -26px;
        z-index: 2;
    }

#slideCarousel2 .carousel-indicators {
    bottom: -14px;
}

#PopUpGallery {
    width: 100%;
    position: relative;
    padding: 40px 0;
}

    #PopUpGallery .carousel-inner > .item {
        width: 847px;
        height: 565px;
        max-width: 100%;
    }

        #PopUpGallery .carousel-inner > .item > img {
            width: 100%;
            height: 100%;
        }

    #PopUpGallery:hover .carousel-control.right, #PopUpGallery:hover .carousel-control.left {
        opacity: 1;
    }

    #PopUpGallery .carousel-control.right {
        top: 0px;
        right: 2px;
        width: 18%;
        font-size: 53px;
        color: #fff;
        opacity: 0;
        transition: opacity 0.5s;
    }

    #PopUpGallery .carousel-control.left {
        left: 22px;
        width: 18%;
        top: 0;
        font-size: 53px;
        color: #fff;
        opacity: 0;
    }

        #PopUpGallery .carousel-control.left i {
            font-size: 70px;
            margin-top: 178%;
            margin-left: -31px;
        }

    #PopUpGallery .carousel-control.right i {
        font-size: 70px;
        margin-top: 178%;
        margin-left: 35px;
    }

.overlay, .overlay2 {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    transition: 0.5s;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.popUp.hide1, .popUp2.hide1 {
    opacity: 0;
}

.popUp.show, .popUp2.show {
    opacity: 1;
    animation: galerypop 1s ease-in-out;
}

.closePopUp i, .closePopUp2 i {
    color: #fff;
    font-size: 18px;
}

@keyframes galerypop {
    0% {
        opacity: 0;
        transform: rotate(180deg) scale(0);
    }

    100% {
        opacity: 1;
        transform: rotate(0deg) scale(1);
    }
}

.img-overlay img {
    max-width: 100%;
    display: block;
    width: 480px;
    height: 360px;
    padding: 40px 0;
    margin: 0 auto;
    position: relative;
}

.closePopUp, .closePopUp2 {
    position: absolute;
    top: 23px;
    right: -6px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background-color: #222222;
    border: 3px solid #fff;
    z-index: 1;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
}

.news-gallery {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 200px;
}

    .news-gallery img {
        width: 100%;
        height: 100%;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }

.input-css2 {
    background: none;
    background-color: #f2f2f2;
    border: medium none;
    box-shadow: none;
    font-size: 15px;
    padding: 8px 12px;
    margin-bottom: 10px;
}

    .input-css2:focus {
        box-shadow: none;
    }

.label-title {
    font-size: 14px;
    margin-bottom: 4px;
}

.input-css {
    background: none;
    background-color: #f2f2f2;
    border: medium none;
    box-shadow: none;
    font-size: 15px;
    padding: 8px 12px;
    width: 23%;
    margin-left: 8px;
    margin-bottom: 10px;
}

.textArea {
    width: 47%;
}

.btn-blue {
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    padding: 7px 20px;
    border: none;
    transition: 0.5s;
}

    .btn-blue:hover {
        background: #3cb0fd;
        background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
        background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
        background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
        box-shadow: 0 3px 6px rgba(0,0,0,.2),0 3px 6px rgba(0,0,0,.26);
        border: none;
    }

/*****aza shora*****/

.azaSHora {
    overflow: hidden;
    height: 190px;
    width: 150px;
    cursor: pointer;
    margin-left: 10px;
    margin-bottom: 20px;
    border: 1px solid #cacaca;
    box-shadow: 0 2px 5px rgba(0,0,0,.24);
    text-align: center;
    display: inline-block;
}
    /*.azaSHora .banner{
     background: url('../../Images/eslimi.png');
    background-position: top center;
    background-repeat: no-repeat;
    width:100%;
    height:40px;
}*/
    .azaSHora img, .azaSHora a.more {
        width: 100%;
        height: 150px;
        transition: 0.5s;
    }

    .azaSHora figcaption {
        height: 20px;
        transition: 0.5s;
    }

    .azaSHora:hover img {
        transform: translateY(-20px);
    }

    .azaSHora:hover figcaption {
        background-color: #f2f2f2;
        height: 70px;
        transform: translateY(-40px);
    }

    .azaSHora .name {
        color: #0765b9;
        font-size: 15px;
        margin: 10px auto;
    }

    .azaSHora a p {
        color: #333;
    }

.title-aza {
    font-size: 27px;
    margin-bottom: 6px;
}

.old-shora {
    box-shadow: 0 2px 5px rgba(0,0,0,.24);
    height: 210px;
    width: 150px;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
    text-align: center;
}

    .old-shora h3 a, .old-shora h3 {
        color: #065093;
        font-size: 18px;
        margin-top: 0;
    }

        .old-shora h3:hover, .old-shora h3:focus {
            -webkit-animation-name: heartbeat;
            animation-name: heartbeat;
            -moz-animation-name: heartbeat;
            -o-animation-name: heartbeat;
            -webkit-animation-duration: 3s;
            -moz-animation-duration: 3s;
            -o-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -moz-animation-iteration-count: infinite;
            -o-animation-iteration-count: infinite;
        }

@keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    5% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }

    10% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    15% {
        -webkit-transform: scale(.9);
        -moz-transform: scale(.9);
        -ms-transform: scale(.9);
        -o-transform: scale(.9);
        transform: scale(.9);
    }

    20% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}


@-moz-keyframes heartbeat {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    5% {
        -moz-transform: scale(.9);
        transform: scale(.9);
    }

    10% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    15% {
        -moz-transform: scale(.9);
        transform: scale(.9);
    }

    20% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes heartbeat {
    0% {
        -ms-transform: scale(1);
        transform: scale(1);
    }

    5% {
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    10% {
        -ms-transform: scale(1);
        transform: scale(1);
    }

    15% {
        -ms-transform: scale(.9);
        transform: scale(.9);
    }

    20% {
        -ms-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes heartbeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    5% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    10% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    15% {
        -webkit-transform: scale(.9);
        transform: scale(.9);
    }

    20% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.azaSHora.hide1, .old-shora.hide1 {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -ms-opacity: 0;
    -webkit-opacity: 0;
}

.azaSHora.show1, .old-shora.show1 {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -ms-opacity: 1;
    -webkit-opacity: 1;
    animation: accessLink 1s ease-in-out;
    -ms-animation: accessLink 1s ease-in-out;
    -webkit-animation: accessLink 1s ease-in-out;
    -moz-animation: accessLink 1s ease-in-out;
    -o-animation: accessLink 1s ease-in-out;
}

@keyframes accessLink {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        -ms-opacity: 0;
        -webkit-opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -ms-opacity: 1;
        -webkit-opacity: 1;
        transform: scale(1);
    }
}

@-moz-keyframes accessLink {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -moz-opacity: 0;
        transform: scale(0.8);
        -moz-transform: scale(0.8);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        transform: scale(1);
        -moz-transform: scale(1);
    }
}

@-ms-keyframes accessLink {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-opacity: 0;
        transform: scale(0.8);
        -ms-transform: scale(0.8);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -ms-opacity: 1;
        transform: scale(1);
        -ms-transform: scale(1);
    }
}

@-webkit-keyframes accessLink {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-opacity: 0;
        transform: scale(0.8);
        -webkit-transform: scale(0.8);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-o-keyframes accessLink {
    0% {
        opacity: 0;
        filter: alpha(opacity=0);
        -o-opacity: 0;
        transform: scale(0.8);
        -o-transform: scale(0.8);
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        -o-opacity: 1;
        transform: scale(1);
        -o-transform: scale(1);
    }
}

.galleryImage h3 a:hover, .galleryImage h3 a:focus {
    color: #004d8f;
}

.galleryImage {
    width: 100%;
    height: 265px;
    position: relative;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 30px;
    border: 1px solid #e0dfdf;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
    margin-bottom: 20px;
}

.galleryImage2 {
    height: 180px;
}

.galleryImage.hide1,.Visitor-category.hide,.gallery-school.hide {
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -ms-opacity: 0;
    -webkit-opacity: 0;
}

.galleryImage.show ,.Visitor-category.show,.gallery-school.show{
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -ms-opacity: 1;
    -webkit-opacity: 1;
    animation: accessLink 1s ease-in-out;
    -ms-animation: accessLink 1s ease-in-out;
    -webkit-animation: accessLink 1s ease-in-out;
    -moz-animation: accessLink 1s ease-in-out;
    -o-animation: accessLink 1s ease-in-out;
}

.galleryImage .img-pic {
    width: 100%;
    height: 200px;
    display: block;
}

.galleryImage .img-pic2 {
    width: 100px;
    height: 100px;
    display: block;
}

.galleryImage .img-pic img {
    position: relative;
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -ms-opacity: 1;
    -webkit-opacity: 1;
    height: 100%;
    width: 100%;
}

.galleryImage figcaption {
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    height: 42px;
    background: #fff;
}

.galleryImage2 figcaption {
    bottom: 8px;
}

.galleryImage h3 {
    margin-top: 6px;
}

    .galleryImage h3 a {
        font-size: 15px;
        color: #2b2b2b;
        line-height: 1px;
    }

.CommentContainer {
    padding: 15px 0 10px;
}

.comment-sec {
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 20px;
    background: #F2F2F2;
    padding: 20px;
    border-radius: 3px;
}

    .comment-sec .img-profile, .comment-sec .img-profile img {
        width: 65px;
        height: 65px;
        float: right;
        margin-bottom: 10px;
    }

        .comment-sec .img-profile img {
            border: 1px solid #ccc;
        }

        .comment-sec .img-profile span {
            display: block;
            font-size: 14px;
            font-weight: bold;
        }

    .comment-sec .comment-content {
        margin-right: 24px;
        float: right;
        width: 80%;
        font-size: 13px;
    }

        .comment-sec .comment-content p {
            margin-top: 10px;
        }

.top-sec ul {
    border-bottom: 3px solid #3498db;
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
}

    .top-sec ul li {
        width: 50%;
        float: right;
        list-style-type: none;
        font-size: 14px;
    }
/*****gallery arshive har safhe*****/
.gallery-image {
    list-style: none;
    margin-top: 20px;
    overflow: hidden;
}

    .gallery-image li a img {
        height: 63.75px;
    }

#carousel-text {
    border: 1px solid #e0dfdf;
    border-left: none;
    height: 350px;
    padding: 20px 15px;
}

.carousel-text {
    padding-left: 0;
}

#slide-content {
    display: none;
}

#carousel-bounding-box {
    padding-right: 0;
}

#galleryCarousel .carousel-inner > .item {
    width: 100%;
    height: 350px;
}

    #galleryCarousel .carousel-inner > .item > img {
        width: 100%;
        height: 100%;
    }

#galleryCarousel .carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -ms-opacity: 1;
    -webkit-opacity: 1;
}

    #galleryCarousel .carousel-control i {
        font-size: 55px;
        margin-top: 134%;
    }

    #galleryCarousel .carousel-control.right, #galleryCarousel .carousel-control.left {
        opacity: 0;
    }

#galleryCarousel:hover .carousel-control.right, #galleryCarousel:hover .carousel-control.left {
    opacity: 1;
}

.archive-searchBox h1 {
    display: inline-block;
    line-height: 0;
    font-size: 20px;
}

    .archive-searchBox h1 a {
        color: #0765b9;
    }

.archive-searchBox span {
    margin-right: 5px;
    font-size: 25px;
    color: #0765b9;
}

.login-title {
    margin-top: 10px;
}

.font16 {
    font-size: 16px;
}

.loginContainer {
    box-shadow: 0 2px 5px rgba(0,0,0,0.24);
    border-radius: 3px;
    padding: 0 40px 20px;
    background-color: #fff;
    width: 385px;
    margin-bottom: 30px;
}

.loginContainer-blue, .border-top-blue, .elanat-blue {
    border-top: 5px solid #3C8DBC;
}

.loginContainer h1 {
    font-size: 18px;
    margin-bottom: 20px;
}

.loginContainer .sectionPassword, .loginModalContainer .sectionPassword {
    margin-top: 24px;
    margin-bottom: 10px;
    overflow: hidden;
}

.loginContainer .btn-primary, .loginModalContainer .btn-primary {
    background-color: #3C8DBC;
    padding: 12px 20px;
    margin-top: 10px;
    border: 2px solid transparent;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    width: 100%;
    font-size: 16px;
}

    .loginContainer .btn-primary:hover, .loginContainer .btn-primary:focus,
    .loginModalContainer .btn-primary:hover, .loginModalContainer .btn-primary:focus {
        background-color: #367FA9;
    }

.loginContainer .form-group, .loginModalContainer .form-group {
    position: relative;
}

.loginContainer .form-control:focus {
    box-shadow: none;
    border-color: #A1A1A1;
    color: #A1A1A1;
}

.loginContainer .form-group.email-group:before, .loginModalContainer .form-group.email-group:before {
    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #A1A1A1;
    font-size: 17px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: 13px;
}

.loginContainer .form-group.pass-group:before, .loginModalContainer .form-group.pass-group:before {
    content: "\f023";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #A1A1A1;
    font-size: 17px;
    padding-right: 0.5em;
    position: absolute;
    top: 4px;
    left: 13px;
}

.section-login {
    float: right;
    width: 50%;
}

    .section-login input[type=checkbox] {
        margin-left: 5px;
        vertical-align: middle;
    }

.section-login-blue a, .return-page-blue {
    color: #3C8DBC;
}
/********contactus********/
.maps-convas-contact {
    width: 100%;
    height: 200px;
    border: 5px solid #0765B9;
    border-radius: 4px;
}

.mt20 {
    margin-top: 20px;
}

.title-contact {
    font-size: 21px;
    margin-bottom: 20px;
}

.right-menu2 {
    list-style-type: none;
    padding: 10px 5px;
}

    .right-menu2 .row {
        margin-bottom: 5px;
    }

.contact-icon2 {
    width: 40px;
    height: 40px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
}

    .contact-icon2 i {
        font-size: 24px;
        text-align: center;
        display: block;
        line-height: 36px;
    }

.contact-value {
    margin-top: 10px;
    display: block;
    margin-right: 5px;
}

.contact-info .fa-map-marker {
    color: #1081e0;
}

.contact-info .fa-phone {
    color: #fb6363;
}

.contact-info .fa-fax {
    color: #00a3aa;
}

.contact-info .fa-envelope {
    color: #ffa210;
    margin-top: 1px;
}

.profile-pic {
    width: 180px;
    height: 180px;
}

.font18 {
    font-size: 18px;
}

.semat {
    font-size: 14px;
    color: #8D8D8D;
    display: block;
    margin-bottom: 10px;
}

.desTotal {
    border: 2px solid #0765b9;
    border-radius: 5px;
    position: relative;
}

.shorades1 {
    margin-right: -26px;
    margin-top: -28px;
    width: 130px;
    height: 130px;
    position: absolute;
}

.shorades2 {
    margin-left: -28px;
    margin-top: -105px;
    width: 130px;
    height: 130px;
    position: absolute;
    left: 0;
}

.content-shora {
    padding: 10px;
    font-size: 14px;
    min-height: 200px;
}

.mtmb40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.shora-members {
    width: 300px;
    height: 293px;
    background-color: #f9f9f9;
    position: fixed;
    left: -300px;
    bottom: 30px;
    cursor: pointer;
    padding: 20px;
    border-top: 1px solid #86C4CA;
    border-bottom: 1px solid #86C4CA;
    z-index: 10000;
}

    .shora-members .head img {
        position: absolute;
        top: 0px;
        left: 300px;
        cursor: pointer;
    }

    .shora-members:hover {
        left: 0px;
        transition: 0.5s;
    }

    .shora-members ul li {
        list-style-type: none;
        width: 50%;
        float: right;
        margin-bottom: 6px;
    }

        .shora-members ul li a {
            color: #333;
            font-size: 14px;
        }

            .shora-members ul li a:hover {
                color: #0566B9;
            }

.contactLink {
    color: #E74C3C;
    margin-bottom: 14px;
    font-size: 14px;
    transition: 0.5s;
}

    .contactLink:hover, .contactLink:focus {
        color: #CE4436;
    }

.member_shora {
    position: relative;
}

    .member_shora li {
        font-size: 14px;
        padding: 5px 15px 5px 5px;
        list-style-type: none;
        cursor: pointer;
        background: url(../../Images/dots-ul.png) no-repeat right 10px;
    }

        .member_shora li a {
            color: #757575;
        }

    .member_shora img {
        box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
        display: none;
        left: 0;
        padding: 5px;
        position: absolute;
        top: 0;
        width: 70px;
    }

    .member_shora li span {
        font-size: 17px;
        font-weight: 600;
    }

.comision2 {
    margin-top: 10px;
}

.suratjalase {
    background: url('../../Images/suratJalase.png') no-repeat;
    width: 228px;
    height: 181px;
    position: relative;
    float: right;
    margin: 10px 25px;
    padding: 0 15px;
}

    .suratjalase h3 {
        position: absolute;
        top: 83px;
        right: 26px;
        font-size: 14px;
    }
    .Visitor-category {
      width:100%;
    height:220px;
    max-width:100%;
    position: relative;
    overflow: hidden;
       margin-top:25px;
	background: #030c17;
box-shadow: 0px 3px 21px -1px #737373;
}

    .Visitor-category a figcaption, .Visitor-category figure a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 2em;
    }

    .Visitor-category a {
        width: 100%;
        height: 100%;
        display: block;
    }
    .Visitor-category img {
         width: 100%;
        height: 100%;
        	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
    }
    .Visitor-category figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 2px solid #fff;
	box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.4,1.4,1);
	transform: scale3d(1.4,1.4,1);
}

.Visitor-category h3 {
	margin: 33% 0 10px 0;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
    color: #fff;
    text-align: center;
    font-size: 20px;
}

.Visitor-category:hover h3 {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.Visitor-category:hover figcaption::before{
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

.Visitor-category:hover figcaption {
	background-color: rgba(58,52,42,0);
}

.Visitor-category:hover img {
	opacity: 0.4;
}
.gallery-school {
    box-shadow: 0px 3px 21px -1px #737373;
    overflow: hidden;
    position: relative;
     height:160px;
           margin-top:25px;
}
.gallery-school .more-see {
            width: 100%;
            height: 120px;
            display: block;
            position: relative;
            background-color: black;
            overflow: hidden;
        }

           .gallery-school:hover img {
                transform: scale(1.2);
                -ms-transform: scale(1.2);
                -webkit-transform: scale(1.2);
                -moz-transform: scale(1.2);
                -o-transform: scale(1.2);
            }

       .gallery-school img {
            width: 100%;
            height: 100%;
            opacity: 0.8;
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
        }

        .gallery-school:hover figcaption {
            background-color: #2b2b2b;
        }

            .gallery-school:hover figcaption h3 a {
                color: #fff;
            }

        .gallery-school figcaption, .gallery-school figcaption > a {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            width: 100%;
            background-color: #fff;
        }

            .gallery-school figcaption h3 {
                margin-top: 10px;
            }

                .gallery-school figcaption h3 a {
                    font-size: 15px;
                    color: #0765b9;
                    transition: 0.5s;
                }

@media screen and (min-width: 992px) and (max-width: 1200px) {
    #PopUpGallery .carousel-inner > .item {
        height: 472px;
    }

    .suratjalase {
        margin: 10px 34px;
    }

    .comision {
        margin: 0 2%;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px) {
    .suratjalase {
        margin: 10px 40px;
    }
}

@media (max-width:991px) {
    .comision {
        margin: 0 7px;
    }

    .mbsm5 {
        margin-bottom: 5px;
    }

    .telegram a img {
        width: 250px;
        display: block;
        margin: 10px auto;
    }

    .input-css {
        width: 32%;
    }

    .textArea {
        width: 66%;
    }
}

@media screen and (min-width: 100px) and (max-width: 767px) {

    .col-sm-2-5 {
        width: 100% !important;
    }

    .main-body2 {
        margin: 10px;
    }

    #carousel-bounding-box {
        padding-right: 15px;
    }

    .summery {
        margin-bottom: 5px;
    }

    .telegram a img {
        width: 250px;
        display: block;
        margin: 10px auto;
    }

    .mb5x {
        margin-bottom: 5px;
    }

    #carouselpicture .carousel-inner > .item, #carouselMovie .carousel-inner > .item {
        height: 250px;
    }

    .news-gallery {
        width: 250px;
        margin: 10px auto;
    }

    .carousel-caption h3 a {
        font-size: 12px;
    }

    #carousel-text {
        border: 1px solid #e0dfdf;
        border-bottom: none;
        height: 100%;
    }

    .carousel-text {
        padding-left: 15px;
    }

    #PopUpGallery .carousel-inner > .item {
        height: 450px;
    }
}



@media screen and (min-width: 100px) and (max-width: 600px) {
    .suratjalase {
        margin: 10px auto;
        float: none;
    }

    #galleryCarousel .carousel-inner > .item {
        height: 200px;
    }

    .input-css {
        width: 100%;
    }

    .textArea {
        width: 100%;
    }

    .border-dot {
        border-bottom: none;
    }

    .menu-top-header {
        float: right;
    }

    .hiddenMob {
        display: none !important;
    }

    .header {
        height: 89px;
    }

    #PopUpGallery .carousel-inner > .item {
        height: 250px !important;
    }

    .gallery-container .col-xs-6 {
        width: 100%;
    }

    .loginContainer {
        width: 290px;
        margin: 10px auto;
        padding: 0 30px 20px;
    }

    .section-login {
        width: 100%;
    }

        .section-login .pull-left {
            float: right !important;
        }

    .mb10xs {
        margin-bottom: 10px;
    }
}