body{font-family:Arial,Helvetica,sans-serif;direction:ltr;text-align:left}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif; color: #0c4560; font-weight: normal;}
.page-header h2 {color: #0c4560;/*font-family: 'Oswald', sans-serif;*/font-weight: normal;}
p {font-family: Arial, Helvetica, sans-serif; color: #0c4560;}
i {font-family: 'Font Awesome Free 5';}

/*colors*/
.colors {
    navy: #0d2f5d;
    yellow: #d5a82b;
    red: #fc6f70;
}
.text_red {color: #e21745;}

a.square_orange {color: #d5a82b; padding: 6px; border: #d5a82b 1px solid;}
a.square_orange:hover {text-decoration: none; color: #b88d19;}
a.square_red {color: #fc6f70; padding: 6px; border: #fc6f70 1px solid;}
a.square_red:hover {text-decoration: none; color: #da5661;}
a.square_blue {color: #0d2f5d; padding: 6px; border: #0d2f5d 1px solid;}
a.square_blue:hover {text-decoration: none; color: #061e3d;}

/*TODO:*/
/*FIXME:*/

/*----------------------------------------   header   --------------------------------------*/
header .tools{background-color:#17427C; padding:5px 0; height: 40%}
header .tools a {color: #fff; font-size: 12px; font-weight: bold;}
header .tools a:hover {text-decoration: none; color: rgb(73, 47, 47); background-color: rgb(245, 178, 178);}
header img.logo {margin-top: 10px; margin-bottom: 10px; height: 100px;}

header .tools a {color: #1b2030;}
header .tools div form {margin-top: 4px !important;}
nav div ul.navbar-nav form input {margin-right: 0 !important; border-radius: .2rem 0 0 .2rem;}
header .tools div form button {/*border-radius: 0 .2rem .2rem 0;*/}
.btn_search {color: #fff; background-color: #d86662; border-color: #b44946; }
.btn_search:hover {background-color: #b94e4a; border-color: #b44946;}
.btn-group > .btn:first-child {    margin-left: 0; color: #fff !important; background-color: #d86662 !important;border-color: #b44946 !important;}
header .tools div .dropdown a.dropdown-toggle {color: #fff !important; background-color: #d86662; border-color: #b44946;}
header .tools div .dropdown a.dropdown-toggle:focus {box-shadow: 0 0 0 .2rem #b44a464d !important;}
header .tools div .dropdown .dropdown-menu {padding-left: 0; padding-right: 0;}
@media (min-width: 575px) {
    .tools {height: 40px;}
}
@media (max-width: 575px) {
    .search_box {border-radius: .2rem .2rem 0 0;}
    .btn_search {border-radius: 0 0 .2rem .2rem;}

    /*--counters--*/
    .jmm-item.item-1 {width:100% !important;}
    .jmm-item.item-2 {width:100% !important;}
    .jmm-item.item-3 {width:100% !important;}
    .jmm-item.item-4 {width:100% !important;}

    /*--carousel caption--*/

    .carousel-caption div.title p.bg_red {font-size: 19px !important;}
    .carousel-caption div.title p.bg_white {font-size: 10px !important;}

    .carousel-caption { top: 0px !important; padding-top: 0px !important;}
    .carousel-caption p.sub_text {margin-top:10px !important;}
    .carousel-caption div.title {	margin-top: 10px !important;}
}
@media (min-width: 575px) {
    .search_box {border-radius: .2rem 0 0 .2rem;}
    .btn_search {border-radius: 0 .2rem .2rem 0;}
}

.main_header {padding-left: 20px; padding-right: 20px;}
.main_header .block {padding-top: 30px;}
.main_header .block i.square {height: 30px; width: 30px; background-color: #fc6f70; padding: 7px; border-radius: 3px;
    color: #fafafa;}
.main_header .block p {display: inline-block; font-size: 13px; font-weight: bold; color: #0d2f5d; margin-left: 10px;}

.navigation {background: #213755; color: #fff; text-align: left; font-family: "Roboto",sans-serif;
    font-weight: 300;}
.navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,.9);}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
    color: #fff;
}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.5rem; padding-left: 0.5rem;}
.navigation a {cursor: pointer; text-decoration: none;}
.navbar .mega-dropdown .dropdown-menu.mega-menu {width: 100%; border: none; border-radius: 0;}
.dropdown .dropdown-menu, .dropup .dropdown-menu, .dropleft .dropdown-menu, .dropright .dropdown-menu {
    padding: .5rem;
}
.navbar .dropdown-menu {position: absolute !important; margin-top: 0;}
.navbar-nav .dropdown-menu {position: static; float: none;}
.z-depth-1, .chip:active {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}
.special-color {background-color: #37474f !important;}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    margin-top: 0.125rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}
.navbar .mega-dropdown {position: static;}
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu .sub-title {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu .sub-title {border-bottom: 1px solid #e0e0e0;}
.white-text {color: #fff !important;}
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu .news-title {color: #fff;}
.navigation h1, .navigation h2, .navigation h3, .navigation h4, .navigation h5, .navigation h6 {
    font-family: 'Oswald', sans-serif;
}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu .news-title {
    font-size: 1.1rem;
    -webkit-transition: .2s;
    transition: .2s;
}
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li a {color: #fff;}
.navbar .mega-dropdown .dropdown-menu.mega-menu .sub-menu ul li a {width: 100%; -webkit-transition: .3s;
    transition: .3s;}
.navbar .dropdown-menu a {padding: 10px; padding-left: 10px; font-size: .9375rem; font-weight: 300;}
a {transition: all 0.2s ease-in-out;}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {color: rgba(255,255,255,0.75);}
.navbar .mega-dropdown .dropdown-menu.mega-menu {
    width: 100%;
    border: none;
    border-radius: 0;
}
.navbar .dropdown-menu {
    position: absolute !important;
    margin-top: 0;
}
.special-color {
    background-color:
            #37474f !important;
}
.font-small {
    font-size: .9rem;
}
.view {
    position: relative;
    overflow: hidden;
    cursor: default;
}
.view img, .view video {
    position: relative;
    display: block;
}
.overlay .mask {
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.view .mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu .news-title {
    color:
            #fff;
}
.navbar .mega-dropdown .dropdown-menu.mega-menu.v-2 .sub-menu ul li a:hover {
    background: #333;
}
@media (max-width: 575px) {
    .col-xl-4 {max-width: 33.333333%;}
    .col-xl-3 {max-width: 25%;}
}



.carousel_container {position: relative; overflow: hidden;}
.carousel-caption {right: 0; left: 0; top: 20px; padding-top: 20px; padding-bottom: 20px; color: #fff;
    text-align: center;}
.carousel-caption div.title {text-align: left; margin-left: 30px !important; margin-top: 50px !important;}
.carousel-caption div.title p {color: #fafafa; font-size: 3.4vw; width: max-content; padding: 0 15px 0;}
.carousel-caption p.bg_red {background-color: #fc6f70;}
.carousel-caption p.bg_white {background-color: #fafafa; color: #0d2f5d !important; font-size: 23px; padding-left: 15px;
    padding-right: 15px; margin: 0;}
.carousel-caption p.sub_text {font-size: 1.7vw !important; margin-top: 40px;}
.carousel-control-prev, .carousel-control-next {z-index: 1;}

.carousel_overlay {-webkit-animation-name: pulse;	-webkit-animation-duration: 30s;
    -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; position: absolute;
    top: 0; left: 0; width: 100%; opacity: 0.3;}
@-webkit-keyframes pulse {
    from {
        background: #000;
    }
    25% {
        background-color: #003;
    }
    50% {
        background-color: #030;
    }
    to {
        background: #000;
    }
}
.carousel_overlay p {z-index: 0; color: rgba(0, 0, 0, 0);}
#fog, #fog-2 {position: absolute; top: 50%; left: 50%; width: 2000px; height: 2000px; margin-top: -1000px;
    margin-left: -1000px; opacity: .5; background: url(../images/images/fog.png) repeat-x 0 center;
    -webkit-animation-name: fogAnimation; -webkit-animation-duration: 30s; -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;}
#fog-2 {opacity: 1; -webkit-animation-duration: 120s;}
@-webkit-keyframes fogAnimation {
    from {
        -webkit-transform: rotate(0deg);
        background-position: 0 center;
    }
    to {
        -webkit-transform: rotate(360deg);
        background-position: 1000px center;
    }
}
#glow {position: absolute; top: 50%; left: 50%; width: 800px; height: 800px; margin: -400px 0 0 -400px;
    background: url(../images/images/glow.png) repeat-x 0 0; -webkit-animation-name: glowAnimation;
    -webkit-animation-duration: 5s;	-webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
@-webkit-keyframes glowAnimation {
    from {
        opacity: 1;
    }
    50% {
        opacity: .75;
    }
    to {
        opacity: 1;
    }
}
#light {position: absolute; top: 50%; left: 50%; width: 800px; height: 800px; margin: -400px 0 0 -400px;
    background: url(../images/images/light.png) no-repeat center center; -webkit-animation-name: lightAnimation;
    -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;}
@-webkit-keyframes lightAnimation {
    from {
        opacity: .25;
    }
    50% {
        opacity: .5;
    }
    to {
        opacity: .25;
    }
}
#stars, #stars-2, #small-stars, #small-stars-2 {position: absolute; top: 50%; left: 50%; width: 600px; height: 600px;
    margin: -300px 0 0 -300px; background: url(../images/images/stars-large.png) no-repeat center center;
    -webkit-animation-name: starsLarge; -webkit-animation-duration: 60s; -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;}
@-webkit-keyframes starsLarge {
    from {
        -webkit-transform: rotate(0deg) scale(3);
        opacity: .1;
    }
    to {
        -webkit-transform: rotate(360deg) scale(.5);
        opacity: 0;
    }
}
#stars-2 {-webkit-animation-name: starsLargeAlt; -webkit-animation-duration: 45s;
    -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
@-webkit-keyframes starsLargeAlt {
    from {
        -webkit-transform: rotate(180deg) scale(3);
        opacity: .25;
    }
    to {
        -webkit-transform: rotate(360deg) scale(.5);
        opacity: 0;
    }
}
#small-stars, #small-stars-2 {background: url(../images/images/stars-small.png) no-repeat center center;
    -webkit-animation-duration: 15s; -webkit-animation-name: starsSmall;}
#small-stars-2 {-webkit-animation-name: starsSmallAlt; -webkit-animation-duration: 30s;}
@-webkit-keyframes starsSmall {
    from {
        -webkit-transform: rotate(360deg) scale(3);
        opacity: .25;
    }
    to {
        -webkit-transform: rotate(0deg) scale(.5);
        opacity: 0;
    }
}
@-webkit-keyframes starsSmallAlt {
    from {
        -webkit-transform: rotate(0deg) scale(3);
        opacity: .1;
    }
    to {
        -webkit-transform: rotate(360deg) scale(.5);
        opacity: 0;
    }
}

.header_cards {margin-top: -100px;}
.header_cards .card {background-color: #0d2f5d; overflow: hidden; padding-bottom: 10px;}
.header_cards .card .card-title {color: #d5a82b; font-size: 25px; text-justify: none;}
.header_cards .card i {color: #d5a82b;}
.header_cards .card .card_icon {padding: 25px 20px 0 40px;}
.header_cards .card a {margin-left: 20px; color: #fafafa; text-decoration: none; font-weight: normal;
    transition: all ease-in-out 0.2s;}
.header_cards .card a i {margin-left: 0px; transition: all ease-in-out 0.2s;}
.header_cards .card a:hover {font-weight: bold;}
.header_cards .card a:hover i {margin-left: 8px;}
/*----------------------------------------    main   --------------------------------------*/
main .current {margin-top: 0; padding-top: 30px;}
main .about {margin-top: 0; padding-top: 30px;}
main.bg_image {background: url(../images/main_bg.png) no-repeat;}
main section {margin-top: 40px; margin-bottom: 40px; text-align: justify;}
h6.main_subtitle {font-family: 'Merriweather', serif; font-size: 16px; font-weight: 500; margin-bottom: 17px;
    color: #555; position: relative;}
.about h6.main_subtitle::before {position: absolute; content: ""; top: 10px; width: 60px; height: 2px; left: 14%;
    background: #eb1b2b;}
h6.main_subtitle::before {position: absolute; content: ""; top: 35px; width: 60px; height: 2px;
    background: #eb1b2b;}
main section h1 {margin-top:40px; margin-bottom: 30px; font-size: 2rem;}
main section p {margin-bottom: 20px;}
main section .about_image {padding-top: 50px;}

.icons {text-align: center;}
.icons i {color: #0c4560 !important;}
.icons .content {border: 4px #ddd solid; padding: 50px; margin-top: 30px; margin-bottom: 30px; border-radius: 10px;}

.figures {border-bottom: #fc6f70 solid 2px;}
.figures a {color: #fc6f70; text-decoration: none; font-weight: 700;}
.figures a:hover {text-decoration: underline; text-decoration-color: #0d2f5d;}
.figures img {opacity: 0.8;}

/*----------------------------------------    main    --------------------------------------*/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}

.box7 {position:relative; text-align: center;}
.box7:after,.box7:before {width: 100%; height: 100%; background: rgba(11,33,47,.9); position: absolute; top: 0;
    left: 0; opacity: 0; transition: all .5s ease 0s;}
.box7:after {background: rgba(255,255,255,.3); border: 2px solid #d5a82b; top: 0; left: 170%; opacity: 1; z-index: 1;
    transform: skewX(45deg); transition: all 1s ease 0s;}
.box7:hover:before{opacity:1}
.box7:hover:after{left:-170%}
.box7 img{width:100%;height:auto; margin-top: 40px;}
.box7 .box-content{width:100%;position:absolute;bottom:-100%;left:0;transition:all .5s ease 0s}
.box7:hover .box-content{bottom:30%}
.box7 .title{display:block;font-size:22px;font-weight:700;color:#fff;margin:0 0 10px}
.box7 .post{display:block;font-size:15px;font-weight:600;color:#fff;margin-bottom:10px}
.box7 .icon{margin:0}
.box7 .icon li{display:inline-block}
.box7 .icon li a {display:block; width:35px; height:35px; line-height:35px; border-radius:50%; background:#fc6f70;
    font-size:18px; color:#fff; margin-right:10px; transition:all .5s ease 0s;}
.box8 .icon li,.box8 .title{display:inline-block}
.box7 .icon li a:hover {transform:rotate(360deg); text-decoration: none;}
@media only screen and (max-width:990px){.box{margin-bottom:30px}}
/*------------------------------------------------------------------------------------------*/
/*-------------------------------------    footer   ----------------------------------------*/

footer {background: #1b2030; padding-top: 60px; padding-bottom: 10px; font-size: 13px; text-align: left;}
footer p {color: #e6e6e6; margin-top: 30px; margin-bottom: 30px;}
footer div.links_container {padding-left: 40px;}
footer div.links_container .social {padding-top: 20px;}
footer div.links_container .social a {color: #d5a82b !important; font-size: 17px; margin: 20px 20px 0;}
footer div.links_container .social a:hover {text-decoration: none;}
footer div.links_container .social a:hover i {color: #978350;}
footer h3 {color: #d5a82b; margin-bottom: 40px;}
footer ul.links {margin-left: 20px;}
footer ul.links li {margin-top: 10px; margin-bottom: 10px;}
footer ul.links li a {color: #d5a82b;}
footer ul.links li a::before {content: "\f101"; font-family: "Font Awesome 5 Free"; font-weight: 900;
    color: #d5a82b !important; position: absolute; left: 40px; opacity: 1;}
footer .quick_links ul li a:hover {text-decoration: none; margin-left: 5px; font-weight: bold;
    transition: all ease-in-out 0.4s; color: #e6e6e6;}
footer .quick_links ul li a:hover::before {opacity: 0;}
footer .contacts {color: #e6e6e6;}
footer .contacts address {color: #e6e6e6; margin-bottom: 0;}
footer .contacts address span {color: #d5a82b;}
footer .contacts address span a {color: #d5a82b;}
footer .contacts address span a:hover {color: #5f5e5b; text-decoration: underline;}
footer .copyright {font-size: 15px; text-align: center; border-top: #5c5134 solid 1px;
    margin-top: 40px;}
footer .copyright p {color: #d5a82b;}


/* small devices */
@media (min-width: 576px) {}
@media (min-width: 768px) {
    /*.main_header .block {width: 250px;}*/
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {
    .carousel-caption div.title p {font-size: 38px;}
}
@media (max-width: 1199.98px) {}
@media (max-width: 1080px) {}
@media (max-width: 960px) {}
@media (max-width: 840px) {}
@media (max-width: 600px) {}
@media (max-width: 400px) {}
@media (max-width: 575.98px) {}
@media (min-width: 576px) and (max-width: 767.98px) {}
@media (min-width: 768px) and (max-width: 991.98px) {}
@media (min-width: 992px) and (max-width: 1199.98px) {}
@media (min-width: 1200px) {}
/*-------------------------------newstyle*/
.moduletablecol-md-4 {
    position: relative !important;
    width: 32% !important;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

body > header > section.row.justify-content-around.tools > div.col-sm-5.align-self-start > form > div > div {
    width: 66%;
}
body > header > section.row.justify-content-around.tools > div.col-sm-5.align-self-start > form > div > div > div {
    width:100%;
    height:100%;
}

body > header > section.row.justify-content-around.tools > div.col-sm-5.align-self-start > form > div > button {
    padding:5px !important;
}
body > header > section.row.justify-content-around.tools > div.col-sm-2.align-self-center > div > div > div > a {
    color: #fff !important;
    background-color: #d86662;
    border-color: #b44946;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
body > header > section.row.justify-content-around.tools > div.col-sm-2.align-self-center > div > div > div > ul > li > a {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
body > header > section.row.justify-content-around.tools > div.col-sm-2.align-self-center > div > div > div > ul > li > a:hover {
    text-decoration: none;
    color: rgb(73, 47, 47);
    background-color: rgb(245, 178, 178);
}
.fa-hotel:before {
    color: #0c4560 !important;
}
.fa-book-reader:before {
    color: #0c4560 !important;
}
.fa-microphone:before {
    color: #0c4560 !important;
}
body > main.container.bg_image > section.row.icons > div > div > div > div > div > p > strong {
    color: #0c4560 !important;
}
body > main.container.bg_image > section.row.icons > div > div > div > div > figure > div > p > strong {
    color: #0c4560 !important;
}
footer ul.links li {
    list-style-type:none !important;
}
body > footer > section.row > div.col-md-4.links_container > div > div > div > a > i::before {
    color: #d5a82b !important;
}
body > header > section.row.justify-content-around.tools > div.col-sm-2.align-self-center > div > div > div > a > img {
    display:none;
}
body > header > section.row.justify-content-around.tools > div.col-sm-2.align-self-center > div > div > div > ul > li > a > img {
    display:none;
}
body > header > section.row.justify-content-around.tools > div.col-sm-2.align-self-center > div > div > div > a{
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: .150rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
i.far.fa-calendar-alt {
    color: #0c4560 !important;
}


/*---------------Modules styles------------------*/
.btn-group {
    color: #fff !important;
    background-color: #d86662;
    border-color: #b44946;
    margin-top: 4px;
    border-radius: 5px;
    display: inline !important;
}

.btn.dropdown-toggle
{
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
}


form {
    margin-top: 4px !important;
}


/*----Menu Style----*/


.dj-megamenu li:hover div.dj-subwrap, .dj-megamenu li.hover div.dj-subwrap {
    background-color: #37474f !important;
}
.dj-megamenu li ul.dj-submenu > li > a::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 1em;
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid white;
}
.dj-megamenu li ul.dj-submenu > li > a::after {
    display:none;
}
.dj-megamenu li a.dj-up_a
{
    padding:0px !important;
    height:40px !important;
    font-size: 14px !important;
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
    text-transform:capitalize !important;

}


.dj-megamenu li a.dj-up_a span
{
    height:40px !important;
    line-height: 40px !important;
    font-size: 14px !important;


}

.moduletablemenu {
    height: 40px;
}

.dj-megamenu
{
    height:40px !important;
}

.dj-subwrap.single_column.subcols.zoomOut
{
    width: 100% !important;
    background-color: #37474f !important;

}

.dj-megamenu li ul.dj-submenu > li > a
{
    background-color: #37474f !important;
    color:#ffffff !important;
}

.dj-megamenu li div.dj-subcol
{
    background-color: #37474f !important;
}


.dj-megamenu li ul.dj-subtree > li > a
{
    color:#ffffff !important;
}
.dj-megamenu li ul.dj-submenu > li.parent > a
{
    background-image: none !important;
}

/*----End Menu Style----*/

/*----Icons Environment----*/

.icons .row {}
.icons .icon-success i {  color: #1c87b9 !important;}
div.icon_holder span img { margin-bottom:42px;}
.icon_holder {text-align: center; margin: 30px auto;}
.icon_holder a {display: block; font-size: 16px; font-weight: bold; color: #555; margin-top: 30px; text-decoration:none;}
.icon {display: inline-block; position: relative; text-align: center;}
.icon:before {position: relative; display: inline-block; font-weight: 400; font-style: normal; speak: none;
    text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.icon-mod-1:after {content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0;
    display: inline-block; border: 1px solid #a09e9e; transition: .4s; transform: rotate(45deg);}
.icon-mod-1:hover:after {transform: rotate(-90deg);}
.icon-success {color: #1cbbb4; padding: 20px;}
.icon-xs {width: 20px; font-size: 20px; line-height: 1.5;}
.icon-sm {width: 27px; font-size: 24px; line-height: 1.3;}
.icon-md {font-size: 36px; line-height: 1.5;}
.icon-lg {width: 120px; height: 120px; line-height: 120px;}

.vice_image { position: relative; text-align: center; overflow: hidden;}
.vice_image img { width: 50%; height: auto;margin-top: 40px;border-radius: calc(1rem - 1px);}
.vice_aligncenter { text-align: center;}
.vice_aligncenter img { margin-top: 40px;border-radius: calc(1rem - 1px);}
.vice_main { background-color: #1c87b9;color: #f9f1f1; border-radius: calc(3rem - 1px);padding-top: 5px; padding-bottom: 5px;}
.vice_main p{text-align: center !important;color: #f9f1f1;}
.vice_main h5{color: #f9f1f1;}

/*----End Icons Env----*/


body {color: #5c5c5c;}
p {color: unset;}
header section.heading {background: #31548b; height: 200px; padding: 50px 40px 20px;}
header section.heading h2 {color: #ececec;}
header .breadcrumb {background-color: transparent; margin-bottom: 0;}
header .breadcrumb li, header .breadcrumb li a {color: #ececec !important;}
main h1, main h2 {margin-top: 2.5rem; margin-bottom: 2rem;}
main h3, main h4 {margin-top: 2.5rem; margin-bottom: 2rem;}
main h5, main h6 {margin-top: 2.5rem; margin-bottom: 2rem;}
p.main {color: #0c4560; font-weight: 500;}
a.special {color: #fc6f70; text-decoration: none; font-weight: 700;}
a.special:hover {text-decoration: underline; text-decoration-color: currentcolor;
    text-decoration-color: #0d2f5d;}
mark {background-color: #0c4560; color: white; padding: 0.2em; border-radius: 4px;}
main a {color: #0c4560; text-decoration: underline;}
main a:hover {color: #0c4560; text-decoration: none;}
figure blockquote {border-left: #fc6f70 3px solid; margin-bottom: 0.5rem !important;
    font-size: 1rem !important;}
figure blockquote p {color: #888; margin-left: 1rem; margin-bottom: 0.5rem;}
figure figcaption.blockquote-footer {color: #0c4560;}
ul {list-style: none; margin: 0 0 2rem 0; padding: 0; color: #5c5c5c;}
main ul li::before {color: #fc6f70; content: "❁"; margin-right: 0.6rem;}
main ol {list-style:none; margin: 0 0 2rem 0; padding: 0; counter-reset: li;}
main ol li {counter-increment: li; color: #5c5c5c;}
main ol li::before {content: counter(li); color: #fc6f70; display: inline-block; width: 1.5em;
    font-weight: 600; margin-right: 0.6rem;}
.alert .alert-heading {margin-top: 0; margin-bottom: 0.5rem;}
.alert-ico {display: inline;}
.lang-block.dropdown-menu{min-width: 5.5rem;}

/*------Faculties-----------*/
section.faculties h4 span {margin-right: 70px; font-family: Arial, Helvetica, sans-serif; font-size: 90%;}
section.faculties p {font-size: 18px;}  /* arabic only */
section.faculties .row article {padding-bottom: 30px; position: relative;}
section.faculties .row article::after {content: ''; position: absolute; width: 40%; height: 2px; background-color: #d5a82b; display: block; margin-top: 25px;}
section.faculties img {border-radius: 30px;}

/*---centers---*/
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 > a {color: #0c4560 !important;
    line-height: 1.5rem !important;font-size:18px !important}
.sp-simpleportfolio-tags {	font-size: 14px; font-weight: bold; }
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {	font-size: 18px!importan; line-height: 20px!importan;}
.sp-simpleportfolio-image .sp-simpleportfolio-img {    max-width: 20%;}
/*-------Landing page--------*/
.menuitems .card .card-title {margin-top: 10px; margin-bottom: 8px; text-align: center;}
.menuitems .card .card-footer h6 {margin: 0;}
.menuitems .card .card-footer ul.links {list-style: none; margin: 0.8rem 0 0.8rem 0; padding: 0; color: #5c5c5c;}
.menuitems .card .card-footer ul.links li::before {color: #fc6f70; content: "⚬"; margin-left: 5px;}
.menuitems .card .card-img-top:hover {opacity: 50%;}
.menuitems .card .card-title a:hover {color: #198fbb;}
.menuitems .card .card-title a {text-decoration: none;}
.go-corner {display: flex; align-items: center; justify-content: center; position: absolute; width: 32px; height: 32px; overflow: hidden; top: 0; right: 0; background-color: #00838d; border-radius: 0 4px 0 32px;}
.go-arrow {margin-top: -4px; margin-right: -4px; color: white; font-family: courier, sans;}
.card4 {display: block; top: 0px; position: relative; max-width: 262px; background-color: #ffffff; border-radius: 4px;padding: 32px 24px; margin: 12px; text-decoration: none; overflow: hidden; border: 1px solid #cccccc; text-align: left;   height: 160px;}
.card4 .go-corner {background-color: #00838d; height: 100%; width: 38px; padding-right: 9px; border-radius: 0; transform: skew(17deg); margin-right: -25px; align-items: end;
    background-image: linear-gradient(-45deg, #9726b7 1%, #fc6f70 100%); transition: all ease-in-out 0.3s;}
.card4 .go-arrow {transform: skew(-20deg); margin-left: -15px !important; margin-top: 9px; opacity: 0; position: absolute; top: 0;}
.card4:hover {border: 1px solid #cd3d73; border: 1px solid #00838d; /*box-shadow: 0px 0px 999px 999px rgba(255, 255, 255, 0.5);*/  z-index: 500;}
.card4 h4 {margin-top: 8px; margin-left: 5px;}
.card4 h5 {margin-top: 0px; margin-left: 5px;}

.card4:hover .go-corner {/*margin-right: -12px;*/ width: 50px;}
.card4:hover .go-arrow {opacity: 1;}
/*---------topmenu---------------------*/

.top_links ul {margin: 0!important;}
.top_links ul li {margin: 0.5rem!important; display: inline-block!important;}
.top_links ul li a {padding: 10px!important; color: white!important;}
.top_links ul li a:hover {background-color: #ffffff2b!important;}
.top_links ul li a i {margin-left: 5px!important; color: white!important;}
.top_links .dj-megamenu li a {	font-size: 14px !important; padding:0 0.4rem 0 0.4rem !important;}
.top_links .dj-megamenu {	margin: 0 !important;background: none !important;z-index: unset !important;border:none !important}
.dj-megamenu-default li a.dj-up_a span span.image-title {	margin: 0 0 0 5px !important;}
.social_top {position: absolute; top: 2%; right: 2%; z-index: 151; width: 50% !important; height: 10% !important}
.social_top div a {color: white; transition: all ease-in 0.3s}
.social_top div a:hover {color: #ecba2f;}
.social_top .col-md-7 {margin-right:42px;}

/* for image header */
.header_normal {position: relative; background-attachment: fixed; background-size: contain; background-repeat: no-repeat; padding: 5% 5% 4.5% 5%; background-color: #30539A;}
nav.navbar .navbar-brand img {width: 180px;}
.navbar.navbar_dark .navbar-brand {width: 35px; overflow: hidden;}
.navbar.navbar_dark .navbar-brand img {width: 100px;}
.navbar-brand {padding-top: 2rem;}
nav.navbar.navbar_dark .navbar-brand {padding-top: .8rem;}

/* for menu */
.navbar_dark-fix {background-color: #013753 !important; transition: all ease-in-out 0.3s;}
.navbar_dark-fix ul {background-color: transparent !important;}
.navbar .navbar-nav .nav-item .nav-link {color: #dcd5c1 !important;}
.navbar .navbar-nav .nav-item .nav-link:hover {color: #ecba2f !important; background-color: #0d2f5d21;}
nav.navbar div.navbar-collapse ul.navbar-nav {background-color: #0000001f;
    transition: all ease-in-out 0.3s;}
@media (max-width: 991px) {
    nav.navbar div.navbar-collapse ul.navbar-nav {background-color: #294161;}
    nav.navbar div.navbar-collapse ul.navbar-nav:hover {background-color: #294161 !important;}
    nav.navbar.navbar_dark .navbar-brand { display: none;}
     .navbar-brand {display:none;}
    .dj-megamenu-default li a.dj-up_a {z-index:250; position:relative;}

}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .navbar .navbar-brand {width: 56px !important; overflow: hidden;}
    .navbar .navbar-brand img {width: 150px !important;}
}
@media (max-width: 992px) {
    .header_main {background-size: cover; background-position: center;}
    .navbar .navbar-brand {width: 35px !important; overflow: hidden;}
    .navbar .navbar-brand img {width: 100px !important;}
}
@media (max-width: 840px) {
    .navbar .navbar-brand {width: 35px !important; overflow: hidden;}
    .navbar .navbar-brand img {width: 100px !important;}
}
@media (max-width: 574px) {
    .navbar.fixed-top.mt-5 {margin-top: 12rem !important;}
    nav.navbar_dark a img{object-fit: contain; object-position: 66px 0px;}
}
@media (max-width: 575px) {
    .navbar.fixed-top.mt-5 {margin-top: 6rem !important;}
}
@media (min-width:576px) and (max-width: 991) {
    .navbar.fixed-top.mt-5 {margin-top: 3rem;}
}
@media (max-width: 991.98px) {
    .mod-languages .btn-group {float: left;}
    .navbar-nav {width: 100%;}
    .dj-megamenu-select-light .dj-mobile-open-btn, .dj-megamenu-offcanvas-light .dj-mobile-open-btn,
    .dj-megamenu-accordion-light .dj-mobile-open-btn {margin: 0 0 0 auto !important;}

}
@media (max-width: 1199.98px) {
    nav.navbar .navbar-brand img {object-fit: cover; object-position: 100px 0px;}
}
@media (max-width: 767.98px) {
    .itemid2913 {width: 100%}
    .itemid2911 {width: 100%}
    .itemid2938 {width: 100%}
    .img-body {width: 80%; height:80%;}
}
@media (min-width: 767.98px) {
    .itemid2913 {max-width: 40%;}
    .itemid2911 {max-width: 41.66667%;}
    .itemid2938 {max-width: 33.33333%;}

}
@media (min-width: 1500px) {
    .header_normal{padding:5% 5% 2% 5%;}
    .social_top {	right: 1%;}
    main section p span {	font-size: 20px !important;}
}
@media (max-width: 420px)
{
.social_top {width:80% !important;}
}
nav.navbar div.navbar-collapse ul.navbar-nav:hover {background-color: #0d2f5d70;}
.navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {background-color: #0000001f;}
.navbar.navbar-dark .navbar-nav .nav-item .nav-link:hover {color: #ecba2f;background-color: #0d2f5d21;}
.navbar.navbar-dark .breadcrumb .nav-item .nav-link, .navbar.navbar-dark .navbar-nav .nav-item .nav-link {color: #dcd5c1;}
.fixed-top {z-index: 150;}
.invisible {visibility: hidden;}
.navbar_dark {background-color: #17427C !important; transition: all ease-in-out 0.3s;}
.navbar_dark ul {background-color: transparent !important;}
.dj-megamenu-default{background-color: transparent !important;}
.dj-megamenu-default li a.dj-up_a{border: 0 !important;}



/*--Search Box---*/
.search-results li::before {content: none;}
.borderinput{margin-top:5px !important;}
/*---univ-leaders---*/
.second_line .card-img-top {width: 80%; margin: 0 auto;}
.second_line .card{border:none !important; text-align:center}
.first_line .card{border:none !important; text-align:center}
i.fa-envelope {margin-left: 10px;}
.subadmins .card-img-top {	width: 150px;margin: 0 auto;border-radius: 30px;}
.subadmins .card{border:none !important; text-align:center}
.subadmins .card .card-footer{background-color:transparent !important;}
.second_line .card .card-title {margin-bottom: 24px !important;	position: relative;	margin-bottom: 6px;
    font-size: 18px;}
.first_line .card .card-title {margin-bottom: 24px !important;	position: relative;	margin-bottom: 6px;
    font-size: 18px;}
/*----previous presidents ----*/
.prevpres .card-img-top {	width: 120px;margin: 0 auto;border-radius: 30px;}
.prevpres .card{border:none !important; text-align:center}
.prevpres .card .card-footer{background-color:transparent !important;}

/*----------Tree---------------*/
:root { --level-1: #8daccc;--level-2: #c7ddf9; --level-3: #dcd9ee; --level-4: #f27c8d; --black: black;}
.container-tree {  max-width: 1000px; padding: 0 10px; margin: 0 auto; text-align: center;}
.container-tree ol { list-style: none;  }
.container-tree ol li::before {	content: "";}
.rectangle { position: relative; padding: 20px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);}
.rectangle a {text-decoration: none; color: inherit;}
.rectangle a:hover {color: #8daccc;}
/* LEVEL-1 STYLES */
.level-1 {  width: 40%; margin: 0 auto 40px; background: var(--level-1);}
.level-1::before { content: "";position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 2px; height: 20px; background: var(--black);}
/* LEVEL-2 STYLES*/
.level-2-wrapper { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); padding: 0;}
.level-22-wrapper { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); padding: 0;}
.level-2-wrapper::before, .level-22-wrapper::before { content: ""; position: absolute; top: -20px; left: 16.6%;width: 66.7%;height: 2px;background: var(--black);}
.level-22-wrapper::before { content: ""; position: absolute; top: -20px; left: 25%;width: 50%;height: 2px;background: var(--black);}
.level-2-wrapper li, .level-22-wrapper li { position: relative;}
.level-2-wrapper > li::before, .level-22-wrapper > li::before{  content: ""; position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); width: 2px; height: 20px;background: var(--black);}
.level-2, .level-22 { width: 81%; margin: 0 auto 40px; background: var(--level-2);}
.level-2::before { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 2px; height: 20px; background: var(--black);}
.level-2::after { display: none; content: "";  position: absolute; top: 50%; left: 0%; transform: translate(-100%, -50%); width: 20px; height: 2px;background: var(--black);}
.level-22::before { content: ""; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); width: 2px; height: 20px; background: var(--black);}
.level-22::after { display: none; content: "";  position: absolute; top: 50%; left: 0%; transform: translate(-100%, -50%); width: 20px; height: 2px;background: var(--black);}
.level-2-nochild { width: 80%; margin: 0 auto 40px; background: var(--level-2); }
.level-2-nochild::after {display: none;content: ""; position: absolute; top: 50%; left: 0%;transform: translate(-100%, -50%); width: 20px;height: 2px;background: var(--black); }
/* LEVEL-3 STYLES */
.level-3-wrapper { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px; width: 93%; margin: 0 auto; padding: 0;}
.level-3-wrapper::before {content: ""; position: absolute; top: -20px; left: calc(25% - 5px); width: calc(52% + 10px); height: 2px; background: var(--black);}
.level-3-wrapper > li::before { content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%, -100%); width: 2px; height: 20px; background: var(--black);}
.level-3 { margin-bottom: 20px; background: var(--level-3); margin-top: 0;}
/* LEVEL-4 STYLES*/
.level-4-wrapper {  position: relative;  width: 80%; margin-left: auto;  padding: 0;}
.level-4-wrapper::before {  content: "";  position: absolute; top: -3.5%; left: -20px; width: 2px; height: calc(92.8%); background: var(--black);}
.level-4-wrapper li + li { margin-top: 20px;}
.level-4 { font-weight: normal; background: var(--level-4); margin: 0;}
.level-4::before {  content: ""; position: absolute; top: 50%; left: 1%;  transform: translate(-100%, -50%); width: 20px; height: 2px; background: var(--black);}
/* MQ STYLES */
@media screen and (max-width: 700px) {
    .rectangle {  padding: 20px 10px; }
    .level-1, .level-2, .level-2-nochild { width: 100%; }
    .level-1 { margin-bottom: 20px; }
    .level-1::before,.level-2-wrapper > li::before {  display: none; }
    .level-2-wrapper,.level-22-wrapper,.level-2-wrapper::after,.level-22-wrapper::after,.level-2::after,.level-22::after, .level-2-nochild::after { display: block;}
    .level-2-wrapper, .level-22-wrapper { width: 90%; margin-left: 10%; }
    .level-2-wrapper::before { left: -20px; width: 2px; height: calc(98.8%); }
    .level-2-wrapper > li:not(:first-child) {  margin-top: 50px;}
    .level-22-wrapper::before { left: -20px; width: 2px; height: calc(69.7%); }
    .level-22-wrapper > li:not(:first-child) {  margin-top: 50px;}
    .level-22::after {width: 19%;}
    .level-4-wrapper::before {height: 96.3%;}
    .level-3-wrapper{width:100%}
    .level-4::before {right:-32%;}
}

.innerlist li {  width: 100%; display: inline-table;}
.fontstyle2 {   font-size: 17px;  line-height: 26px;  width: 100%;  display: inline-block;}
div .pagination ul li {display:inline-block;}
.pagination {margin-top: 5%;}


main ul.blocked li {
    font-size: 1.2rem;
    border: #999 1px solid;
    padding: 16px;
    margin-bottom: 10px;
    position: relative;
}


.button {
    display: inline-block;
    border-radius: 4px;
    background-color: #008CBA;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 20px;
    padding: 20px;
    width: 200px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    min-height: 100px;
    min-width: 250px;
}

.button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}


.scaled {
  max-width: 100% !important;
}