::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #083e6c;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #0b68bd;
}


@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: normal;
    src: url('/css/fonts/OpenSans-Regular.eot');
    src: url('/css/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Regular.woff') format('woff'),
        url('/css/fonts/OpenSans-Regular.ttf') format('truetype')
}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    src: url('/css/fonts/OpenSans-Medium.eot');
    src: url('/css/fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Medium.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Medium.woff') format('woff'),
        url('/css/fonts/OpenSans-Medium.ttf') format('truetype')
}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: bold;
    src: url('/css/fonts/OpenSans-Bold.eot');
    src: url('/css/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Bold.woff') format('woff'),
        url('/css/fonts/OpenSans-Bold.ttf') format('truetype')
}


html {
    scrollbar-width: thin;
    scrollbar-color: #083e6c #f1f1f1;
}

body {
    margin: 0;
    font-family: OpenSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #94caff;
    background-color: #fff direction: ltr;
	 height: 100%;
}
  
    
 
#mainForm{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.body-container{
    flex: 1;
    display: flex;
    flex-direction: column;
}
.body-container>.container{
    flex: 1;
}

.portal-header .portal-toolbartop {
    padding: 5px 0;
    height: 65px;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: #567c9d 2px solid;
    align-items: center;
    background-image: url('/files/ecodepEn/Mainpic/MAP2.png');
}

ul,
ol,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}



p {
    font-family: OpenSans !important;
    text-align: center;
    line-height: 3;
}

a:link,
a:visited,
a:active,
a:focus {
    color: #666;
    text-decoration: none;
    -webkit-transition: all .3s;
}
.portal-header{
	z-index: 100;
	top: 0px;
	left: 0px;
	right: 0px;
	position: fixed;
	background: #fff !important;
}

.portal-header .portal-toolbartop .row {
    margin: 0 !important;
}


.mfa-logo {
    padding: 5px 0 0 5px !important;
    font-size: 10px;
    color: #1a315e;
    font-weight: 600;
}
.portal-headerTop{
background: white;
}
.portal-header img {
    max-width: 60px;
    padding: 2px 0px;
    max-height: 40px;
    text-align: right;
}


.mfa-text p {
    font-size: 10px;
    color: #1a315e;
    font-weight: 700;
    text-align: left;
}


.text-logo {
    font-size: 28px;
    font-weight: 600;
    color: #DA0000 !important;
    font-family: OpenSans !important;
}

.text-logo a {
    color: #DA0000 !important;
}

.mfa-logo p {
    text-align: left;
    font-size: 10px;
    color: #1a315e;
    font-weight: 700;
    line-height: 1.5;
}

.homelogo {
    padding-top: 15px;
    float: left;
    color: #083c68 !important;
}

.homelogo img {
    float: left;
    width: 17px;
}

.portal-about {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-left: 10px;
    padding: 0 2px;
    border-radius: 5px;
}


.portal-about a {
    color: #777;
}

.portal-header-top-links {
    float: right;
}

.portal-header-top-links .portal-top-icon-font {
    padding: 0 5px;
    margin-left: 10px;
    border-radius: 7px;
    font-size: 17px !important;
    ;
}


.portal-header-top-links-login-icon {
    font-size: 11px !important;
    line-height: 30px;
    color: #777;
    align-items: center;
    border-radius: 5px;
}

.portal-top-icon-font searchBtn {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-left: 10px;
    padding: 0 2px;
    border-radius: 5px;
}

.portal-header .portal-toolbartop .portal-lang a {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    margin-right: 5px;
}

.portal-header .portal-toolbartop .portal-lang a {
    color: #777;
}
.section1{
	margin-top: 120px;
}
.img-slider-p {
   max-width: 100%;
}

.menu-box {
    background-color: #d5d5d5;
}

.content-groups-page {
    padding-bottom: 10px;
}

.fa-angle-double-right {
    width: 25px !important;
    height: 50px;
    float: right
}

.section-2 {
    margin-top: 50px;
    margin-bottom: 20px;
}
.content-groups-page a{
color: #5d5d5d;
}
.content-groups-page a:hover{
color: #0c487b;
}

.section-2 h4 {
    padding: 35px 0px 25px;
    padding-left: 0px;
    padding-left: 20px;
    font-weight: normal;
    color: #000;
}

.i-mim {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #555;
    width: 20px !important;
    height: 19px;
    background-color: #e6e6e6;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.page-link a {
    margin-left: 10px;
    padding-left: 10px;
}

.event-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.document-box {
    width: 340px !important;
    height: 200px !important;
    ;

}

.document-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.export-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.section-3 {
    padding-top: 20px;
    background-color: #f4f4f4;

}

.section-3 img {
    float: right;
    width: 50% !important;
}

.news-title {
    color: #337ab7;
    text-align: justify;
    font-size: 27px;

}

.news-desc {
    overflow-wrap: break-word;
    padding-right: 0px;
    padding-left: 0px;
    color: #999;
    width: 60%;
    font-size: 14px;
}

.Read-More-btn {
    line-height: 10;
}

.section-4 {
    margin-top: 30px;
}

.section-4 .sector-title {
    text-align: center;
    font-size: 28px;

}

.sector-title::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    width: 180px;
    height: 3px;
    background: #e60000;
    margin-bottom: 20px;
}

.services-boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
    padding-bottom: 40px;
    margin-top: 20px;

}

.service-box {
    width: 135px;
    height: 180px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    text-align: center;
    padding: 25px 10px;

}

.service-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f3f3f3;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-icon {
    color: #0f4c81;
    transition: all .3s ease;
    font-size: 25px;
}

.service-box:hover {
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: #f8f9fa;
}

.service-box:hover .service-icon {
    background: #0f4c81;
    color: #fff;
}

.widget-holder img {
    border-radius: 10px;
}

.carousel--title {
    text-align: left;
    font-size: 35px;
}

#ybslider1727 .carousel-indicators {
    display: none !important;
}

#ybslider1726 .carousel-indicators li {
    width: 35px;
    height: 4px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 1px;
}

.Read-More-btn {

    line-height: 10;
}

.section-5 {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 30px;
}


#scrollUp {
  
    z-index: 999999999 !important;
    padding: 0;
}



#scrollUp:hover {
    background: #083e6c;
    color: #fff !important;
    bottom: 25px;
}

#scrollUp i {
    color: #fff;
    text-align: center;
    font-size: 25px;
}

.gallery-layout {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    align-items: start;
    padding-top: 20px;
}

.gallery-slider {
    overflow: hidden;
}

.gallery-slider .carousel-inner img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 8px;
}

.gallery-thumbs-box {
    position: relative;
}

.gallery-thumbs-wrapper {
    height: 442px;
    overflow: hidden;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 215px);
    gap: 12px;
    overflow-x: hidden;
}

.gallery-thumb {
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

.gallery-thumbs::-webkit-scrollbar {
    width: 6px;
}

.gallery-thumbs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.gallery-thumb img {
    width: 100%;
    height: 215px;
    object-fit: cover;
}

.gallery-thumb:hover img {
    transform: scale(1.05);
}

.gallery-thumb.active {
    border: none !important;
    outline: none !important;
}

.gallery-thumbs {
    align-content: start;
}

.thumb-nav {
    width: 100%;
    height: 35px;
    border: none;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border-radius: 6px;
    margin: 5px 0;
}

.thumb-nav:hover {
    background: #e9e9e9;
}

@media(max-width:768px) {

    .gallery-layout {
        grid-template-columns: 1fr;
    }

    .gallery-slider .carousel-inner img {
        height: 300px;
    }

    .gallery-thumbs-wrapper {
        height: auto;
        overflow: visible;
    }

    .gallery-thumbs {
        transform: none !important;
    }

    .thumb-nav {
        display: none;
    }

}

.gallery-thumbs-scroll {
    height: 442px;
    overflow-y: auto;
    overflow-x: hidden;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.gallery-thumb img {
    width: 100%;
    height: 215px;
    object-fit: cover;
}

.gallery-thumb {
    position: relative;
    overflow: hidden;
}

.thumb-camera {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-size: 32px;
    color: rgba(255, 255, 255, .85);

    text-shadow: 0 0 10px rgba(0, 0, 0, .5);

    pointer-events: none;
    z-index: 2;
}


.Tourism-Gallery-title p {

    font-size: 28px;
}

.Tourism-Gallery-title::after {

    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    width: 180px;
    height: 3px;
    background: #e60000;
    margin-bottom: 20px;
}
}

.section-5 {
    background-color: #f4f4f4;
    padding-bottom: 40px;
}



.news-title-section {
    text-align: center;
}

.LATEST-NEWS-title {
    position: relative;
    text-align: center;
    font-size: 28px;
    display: inline-block;
}

.LATEST-NEWS-title::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 3px;
    background: #e60000;
}

.LATEST-NEWS-title {
    font-size: 28px;
    padding-top: 30px;
}

.TitleNews {
    line-height: 1;
}

.news-boxs {

    margin: 0;
    display: grid;
    place-items: center;


}

.News-Item {

    padding-bottom: 30px;
}

.w-img-news {
    height: 90px;
    width: 90px;
    border-radius: 5px;
}

.hTitle {
    font-size: 15px;
    float: left;
    padding-left: 20px;
    color: #337ab7 !important;
}

.news-lead h4 {
    float: left;
    padding-left: 20px;
    font-size: 13px;
    color: #46465c;
}

.block-link {
    padding-left: 15px;
}

.news-date {
    padding-left: 20px;
    color: #46465c;
    font-size: 10px;

}

.section-6 .fa-angle-right {
    content: "\f105";
    float: right;
    color: #555;
    width: 19px;
    height: 19px;
    background-color: #e6e6e6;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-left: 20px;
}

.section-6 a :hover,
.section-6 a :focus {
    background-color: #e6e6e6;
    background-position: 0 -15px;
    color: #204d74;
}

.mim-news {
    padding-top: 30px;
}

.archive-btn {
    text-align: center;
    padding-bottom: 45px;
}

.portal-footer {

    background-image: url(/files/ecodepEn/Mainpic/footer5.jpg);
}
.fa-map-marker {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;

}

.address-logo {
    text-align: center;
    padding-top: 10px;
}

.address-logo i {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;

}

.address-logo a {
    color: rgba(255, 255, 255, 0.8);
    line-height: 30px;
    font-size: 12px;
    padding-left: 30px;
}

.fa-headphones {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;
}

.mim-f-items {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 30px;
    font-size: 15px;

}

.fa-envelope {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;
}

.caption-telephone {
    padding-top: 10px;
}

.caption-email {
    text-align: center;
    padding-top: 10px;
}

.caption-email h4 {


    color: rgba(255, 255, 255, 0.8);
    line-height: 30px;
    font-size: 14px;
    padding-left: 40px;
}

.map-icon {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    width: 19px;
    height: 19px;
    background-color: #64676c;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.map .map-icon:hover {
    background-color: #083e6c;
}

.map a {
    color: #fff;
    padding-left: 15px;
    font-size: 15px;
}

.map span {
    display: block;
    margin-bottom: 5px;
}

.Websites a {
    font-family: FontAwesome;
    position: absolute;
    font-size: 19px;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    padding-left: 20px;
    width: 100%;
    display: inline-block;
    font-weight: normal;
    transition: all .3s ease;
}

.Conditions-arrow-icon {
    padding: 5px 8px 5px 8px;
    border-radius: 5px;
    background: #64676c;
    color: #fff;
    font-size: 25px !important;
    width: 1.5rem !important;
}

.Conditions .Conditions-arrow-icon:hover {
    background-color: #083e6c;
}

.Conditions a {
    color: #fff;
    padding-left: 15px;
    font-size: 15px;
}

.footer-menu {
    background-color: #ffffff8c;
    float: left;
    border-radius: 8px;
    margin-bottom: 20px;
}

.menu3dmega .firstitem span a {
    color: #567c9d !important;
}

.menu3dmega span {
    color: #567c9d;
}

.dropdown-menu ul li {
    background-color: #FFF !important;
    border-bottom: 1px solid #335880;
}

.menu3dmega .dropdown-menu ul>li>a {
    color: #426899 !important;
}

.menu3dmega>ul>li:hover>span>span>a,
.menu3dmega>ul>li:hover>span>span,
.menu3dmega>ul>li:hover>span,
.menu3dmega>ul>li:hover>span>a {
    color: #315e8e !important;
}

.menu3dmega .arrow-icon-bottom::after,
.menu3dmega .arrow-icon-bottom::before {
    display: none !important;
    content: none !important;
}

.menu3dmega .dropdown-menu ul li {
    position: relative;
}

.menu3dmega .dropdown-menu ul li>.arrow-icon {
    position: absolute;
    right: 18px;
    left: auto !important;
    top: 50%;
    transform: translateY(-50%);
}

.menu3dmega .dropdown-menu ul li>span:not(.arrow-icon) {
    display: block;
    padding-right: 35px;
}

.menu3dmega span.arrow-icon-bottom:after {
    left: auto !important;
    right: 18px !important;
    color: #083c68 !important;
    border-top-color: #083c68 !important;
}

.menu3dmega .arrow-icon {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
}

.menu3dmega .arrow-icon:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #083c68;
}


.menu3dmega li:hover .arrow-icon:after,
.menu3dmega li:hover .arrow-icon-bottom:after,
.menu3dmega li:hover .arrow-icon,
.menu3dmega li:hover .arrow-icon-bottom {
    color: #083c68 !important;
    border-color: transparent transparent transparent #083c68 !important;
    border-top-color: #083c68 !important;
}


.menu3dmega .dropdown-menu>ul>li>a,
.menu3dmega .dropdown-menu>ul>li,
.menu3dmega .dropdown-menu>ul>li>span,
.menu3dmega a,
.menu3dmega a:visited {
    color: #083c68 !important;
    text-decoration: none;
}


.dropdown-menu .sub {
    left: 100% !important;
    right: auto !important;
}

.menu3dmega .dropdown-menu>ul>li>a:before {
    content: " ";
    margin-left: 2px;
}

div.dropdown-menu,
ul.dropdown-menu,
.menu3dmega li .sub {
    border: none !important;
}

.menu3dmega li ul {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    padding-right: 20px;
    padding-left: 20px;
}

.menu3dmega .dropdown-menu>ul>li>a,
.menu3dmega .dropdown-menu>ul>li>span {
    color: #8c2c2c !important;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #083e6c;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #0b68bd;
}


@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: normal;
    src: url('/css/fonts/OpenSans-Regular.eot');
    src: url('/css/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Regular.woff') format('woff'),
        url('/css/fonts/OpenSans-Regular.ttf') format('truetype')
}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    src: url('/css/fonts/OpenSans-Medium.eot');
    src: url('/css/fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Medium.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Medium.woff') format('woff'),
        url('/css/fonts/OpenSans-Medium.ttf') format('truetype')
}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: bold;
    src: url('/css/fonts/OpenSans-Bold.eot');
    src: url('/css/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Bold.woff') format('woff'),
        url('/css/fonts/OpenSans-Bold.ttf') format('truetype')
}


html {
    scrollbar-width: thin;
    scrollbar-color: #083e6c #f1f1f1;
}

body {
    margin: 0;
    font-family: OpenSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*! font-size: 1rem; */
    /*! font-weight: 500; */
    /*! line-height: 1.5; */
    color: #212529;
    background-color: #fff direction: ltr;
}

.portal-header .portal-toolbartop {
    padding: 5px 0;
    height: 65px;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: #567c9d 2px solid;
    align-items: center;
    background-image: url('/files/ecodepEn/Mainpic/MAP2.png');
}

ul,
ol,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}



p {
    font-family: OpenSans !important;
    text-align: center;
    line-height: 2;
}

a:link,
a:visited,
a:active,
a:focus {
    /*! color: #4b5460; */
    text-decoration: none;
    -webkit-transition: all .3s;
}


.portal-header .portal-toolbartop .row {
    margin: 0 !important;
}


.mfa-logo {
    padding: 5px 0 0 5px !important;
    font-size: 10px;
    color: #1a315e;
    font-weight: 600;
}

.portal-header img {
    max-width: 60px;
    padding: 2px 0px;
    max-height: 40px;
    text-align: right;
}


.mfa-text p {
    font-size: 10px;
    color: #1a315e;
    font-weight: 700;
    text-align: left;
}



.text-logo {
    font-size: 28px;
    font-weight: 600;
    color: #DA0000 !important;
    font-family: OpenSans !important;
}

.text-logo a {
    color: #DA0000 !important;
}

.mfa-logo p {
    text-align: left;
    font-size: 10px;
    color: #1a315e;
    font-weight: 700;
    line-height: 1.5;
}


.homelogo img {
    float: left;
    width: 17px;
}

.portal-about {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-left: 10px;
    padding: 0 2px;
    border-radius: 5px;
}


.portal-about a {
    color: #777;
}

.portal-header-top-links {
    float: right;
}

.portal-header-top-links .portal-top-icon-font {
    padding: 0 5px;
    margin-left: 10px;
    border-radius: 7px;
    font-size: 17px !important;
    ;
}


.portal-header-top-links-login-icon {
    font-size: 11px !important;
    line-height: 30px;
    color: #777;
    align-items: center;
    border-radius: 5px;
}

.portal-top-icon-font searchBtn {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-left: 10px;
    padding: 0 2px;
    border-radius: 5px;
}

.portal-header .portal-toolbartop .portal-lang a {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    margin-right: 5px;
}

.portal-header .portal-toolbartop .portal-lang a {
    color: #777;
}

.portal-header-logo-abs p {
    margin-top: 0px;
    padding-top: 11px;
    font-size: 11.5px;
    color: #083d6b;
    text-align: left !important;
}

.portal-header-logo {
    padding-top: 5px;
}
.section1{
	margin-top: 120px;
}
.img-slider-p {
  max-width: 100%;
}

.menu-box {
    background-color: #d5d5d5;
}

  
  #mfaNav .navbar-nav  .navbar-nav .ml-auto #navbarDropdown104246c {
  line-height: 1;
  font-weight: lighter;
  color: black;
padding-right: 4.5rem;
}
.content-groups-page {
    padding-bottom: 10px;
}

.fa-angle-double-right {
    width: 25px !important;
    height: 50px;
    float: right
}

.section-2 {
    margin-top: 50px;
    margin-bottom: 20px;
}

.section-2 h4 {
    padding: 35px 0px 25px;
    padding-left: 0px;
    padding-left: 20px;
    font-weight: normal;
    color: #000;
}

.i-mim {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #555;
    width: 20px !important;
    height: 19px;
    background-color: #e6e6e6;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.event-box {
    height: 200px;
}

.event-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.document-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.export-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.section-3 {
    padding-top: 20px;
    background-color: #f4f4f4;

}

.section-3 img {
    float: right;
    width: 50% !important;
}

.news-title {
    color: #337ab7;
    text-align: justify;

}

.news-desc {
    overflow-wrap: break-word;
    color: #999;
    font-size: 14px;
    padding-top: 15px;
    grid: auto;
    width: 60%;
}

.Read-More-btn {
    line-height: 10;
}

.section-4 .sector-title {
    text-align: center;
    font-size: 28px;
}

.sector-title::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    width: 180px;
    height: 3px;
    background: #e60000;
    margin-bottom: 20px;
}

.services-boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
    padding-bottom: 40px
}

.service-box {
    width: 135px;
    height: 180px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    text-align: center;
    padding: 25px 10px;
}

.service-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f3f3f3;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-icon {
    color: #0f4c81;
    transition: all .3s ease;
    font-size: 25px;
}

.service-box:hover {
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: #f8f9fa;
}

.service-box:hover .service-icon {
    background: #0f4c81;
    color: #fff;
}

.widget-holder img {
    border-radius: 10px;
}

.carousel--title {
    text-align: left;
    font-size: 35px;
}

#ybslider1727 .carousel-indicators {
    display: none !important;
}

#ybslider1726 .carousel-indicators li {
    width: 35px;
    height: 4px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 1px;
}

.Read-More-btn {

    line-height: 6;
}

.section-5 {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 40px;
}
#scrollUp {
    position: fixed !important;
     bottom: 100px !important;
 	background: #0b68bd;
    display: block;
    color: #fff;
    font-size: 25px;
    text-align: center;
 	width: 38px;
    height: 38px;
    border-radius: 3px;
    text-align: center z-index: 999999999 !important;
    padding: 0;
	left: 95%;
}

 
#scrollUp:hover {
    background: #083e6c;
    color: #fff !important;
    bottom: 25px;
}

#scrollUp i {
    color: #fff;
    text-align: center;
    font-size: 25px;
}


.gallery-slider {
    overflow: hidden;
}

.gallery-slider .carousel-inner img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 8px;
}

.gallery-thumbs-box {
    position: relative;
}

.gallery-thumbs-wrapper {
    height: 442px;
    overflow: hidden;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 215px);
    gap: 12px;
    overflow-x: hidden;
}

.gallery-thumb {
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

.gallery-thumbs::-webkit-scrollbar {
    width: 6px;
}

.gallery-thumbs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.gallery-thumb img {
    width: 100%;
    height: 215px;
    object-fit: cover;
}

.gallery-thumb:hover img {
    transform: scale(1.05);
}

.gallery-thumb.active {
    border: none !important;
    outline: none !important;
}

.gallery-thumbs {
    align-content: start;
}

.thumb-nav {
    width: 100%;
    height: 35px;
    border: none;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border-radius: 6px;
    margin: 5px 0;
}

.thumb-nav:hover {
    background: #e9e9e9;
}

@media(max-width:768px) {

    .gallery-layout {
        grid-template-columns: 1fr;
    }

    .gallery-slider .carousel-inner img {
        height: 300px;
    }

    .gallery-thumbs-wrapper {
        height: auto;
        overflow: visible;
    }

    .gallery-thumbs {
        transform: none !important;
    }

    .thumb-nav {
        display: none;
    }

}

.gallery-thumbs-scroll {
    height: 442px;
    overflow-y: auto;
    overflow-x: hidden;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.gallery-thumb img {
    width: 100%;
    height: 215px;
    object-fit: cover;
}

.gallery-thumb {
    position: relative;
    overflow: hidden;
}

.thumb-camera {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-size: 32px;
    color: rgba(255, 255, 255, .85);

    text-shadow: 0 0 10px rgba(0, 0, 0, .5);

    pointer-events: none;
    z-index: 2;
}


.Tourism-Gallery-title p {

    font-size: 28px;
}

.Tourism-Gallery-title::after {
    /*! content: ""; */
    /*! position: absolute; */
    /*! bottom: -12px; */
    /*! left: 50%; */
    /*! transform: translateX(-50%); */
    /*! width: 180px; */
    /*! height: 3px; */
    /*! background: #e60000; */
}

.section-5 {
    background-color: #f4f4f4;
    padding-bottom: 40px;
}



.news-title-section {
    text-align: center;
}

.LATEST-NEWS-title {
    position: relative;
    text-align: center;
    font-size: 28px;
    display: inline-block;
}

.LATEST-NEWS-title::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 3px;
    background: #e60000;
}

.LATEST-NEWS-title {
    font-size: 28px;
    padding-top: 30px;
}

.TitleNews {
    line-height: 1;
}


.News-Item {

    padding-bottom: 30px;
}

.w-img-news {
    height: 90px;
    width: 90px;
    border-radius: 5px;
}

.hTitle {
    font-size: 15px;
    float: left;
    padding-left: 20px;
    color: #337ab7 !important;
}

.news-lead h4 {
    float: left;
    padding-left: 20px;
    font-size: 13px;
    color: #46465c;
}

.block-link {
    padding-left: 15px;
}

.news-date {
    padding-left: 20px;
    color: #46465c;
    font-size: 10px;

}

.section-6 .fa-angle-right {
    content: "\f105";
    float: right;
    color: #555;
    width: 19px;
    height: 19px;
    background-color: #e6e6e6;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-left: 20px;
}

.section-6 a :hover,
.section-6 a :focus {
    background-color: #e6e6e6;
    background-position: 0 -15px;
    color: #204d74;
}

.mim-news {
    padding-top: 30px;
}

.archive-btn {
    text-align: center;
    padding-bottom: 45px;
}

.portal-footer {

    background-image: url(/files/ecodepEn/Mainpic/footer5.jpg);
}

.fa-map-marker {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;

}

.address-logo {
    text-align: center;
    padding-top: 10px;
}

.address-logo i {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;

}

.address-logo a {
    color: rgba(255, 255, 255, 0.8);
    line-height: 30px;
    font-size: 12px;
    padding-left: 30px;
}

.fa-headphones {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;
}

.mim-f-items {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 30px;
    font-size: 15px;

}

.fa-envelope {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;
}

.caption-telephone {
    padding-top: 10px;
}

.caption-email {
    text-align: center;
    padding-top: 10px;
}

.caption-email h4 {


    color: rgba(255, 255, 255, 0.8);
    line-height: 30px;
    font-size: 14px;
    padding-left: 40px;
}

.map-icon {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    width: 19px;
    height: 19px;
    background-color: #64676c;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.map .map-icon:hover {
    background-color: #083e6c;
}

.map a {
    color: #fff;
    padding-left: 15px;
    font-size: 14px;
    display: flex;
}

.map span {
    display: block;
    margin-bottom: 5px;
}

.Websites a {
    font-family: FontAwesome;
    position: absolute;
    font-size: 19px;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    padding-left: 20px;
    width: 100%;
    display: inline-block;
    font-weight: normal;
    transition: all .3s ease;
}

.Conditions-arrow-icon {
    padding: 5px 8px 5px 8px;
    border-radius: 5px;
    background: #64676c;
    color: #fff;
    font-size: 25px !important;
    width: 1.5rem !important;
    margin-right: 10px;
}

.Conditions .Conditions-arrow-icon:hover {
    background-color: #083e6c;
}

.Conditions a {
    color: #fff;
    padding-left: 15px;
    font-size: 15px;
}

.footer-menu {
    /*! background-color: #ffffff8c; */
    float: left;
    border-radius: 8px;
    margin-bottom: 20px;
}

.menu3dmega .firstitem span a {
    color: #083c68 !important;
}

.menu3dmega span {
    color: #083c68 !important;
}

.dropdown-menu ul li {
    background-color: #FFF !important;
    border-bottom: 1px solid #335880;
}

.menu3dmega .dropdown-menu ul>li>a {
    color: #426899 !important;
}

.menu3dmega>ul>li:hover>span>span>a,
.menu3dmega>ul>li:hover>span>span,
.menu3dmega>ul>li:hover>span,
.menu3dmega>ul>li:hover>span>a {
    color: #315e8e !important;
}

.menu3dmega .arrow-icon-bottom::after,
.menu3dmega .arrow-icon-bottom::before {
    display: none !important;
    content: none !important;
}

.menu3dmega .dropdown-menu ul li {
    position: relative;
}

.menu3dmega .dropdown-menu ul li>.arrow-icon {
    position: absolute;
    right: 18px;
    left: auto !important;
    top: 50%;
    transform: translateY(-50%);
}

.menu3dmega .dropdown-menu ul li>span:not(.arrow-icon) {
    display: block;
    padding-right: 35px;
}

.menu3dmega span.arrow-icon-bottom:after {
    left: auto !important;
    right: 18px !important;
    color: #083c68 !important;
    border-top-color: #083c68 !important;
}

.menu3dmega .arrow-icon {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
}

.menu3dmega .arrow-icon:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #083c68;
}


.menu3dmega li:hover .arrow-icon:after,
.menu3dmega li:hover .arrow-icon-bottom:after,
.menu3dmega li:hover .arrow-icon,
.menu3dmega li:hover .arrow-icon-bottom {
    color: #083c68 !important;
    border-color: transparent transparent transparent #083c68 !important;
    border-top-color: #083c68 !important;
}


.menu3dmega .dropdown-menu>ul>li>a,
.menu3dmega .dropdown-menu>ul>li,
.menu3dmega .dropdown-menu>ul>li>span,
.menu3dmega a,
.menu3dmega a:visited {
    color: #083c68 !important;
    text-decoration: none;
}


.dropdown-menu .sub {
    left: 100% !important;
    right: auto !important;
}

.menu3dmega .dropdown-menu>ul>li>a:before {
    content: " ";
    margin-left: 2px;
}

div.dropdown-menu,
ul.dropdown-menu,
.menu3dmega li .sub {
    border: none !important;
}

.menu3dmega li ul {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    padding-right: 20px;
    padding-left: 20px;
}

.menu3dmega .dropdown-menu ul li a {
    color: #083c68 !important;
    padding: 5px;
}

.menu3dmega .dropdown-menu ul li span {
    color: #083c68 !important;
    padding: 5px;
}

.menu3dmega {
    padding-top: 12px;
    left: 35px;
    padding-bottom: 12px;
}

.menu3dmega .dropdown-menu>ul>li>a::before {
    display: none;
}

.dropdown-menu ul li {
    border-bottom: 1px solid #7394b770 !important;
}

.menu3dmega li .sub {
    border: 1px solid #699bea7a !important;
}

.link-menu li a {
    color: #083e6c !important;
}


.copy-right {
    background-color: #717171;
    text-align: center;
    display: flex;
    text-align: left;
    width: auto;
    align-items: center;
    justify-content: center;
}

.copy-right span {
    font-size: 13px;
    letter-spacing: -0.015em;
    color: #999;
    line-height: 3;
}


.box2 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.box2:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.sis-content-box p {

    font-size: 12px;

}

#mfaNav1 {
    background-color: #ffffff94;
    border-radius: 5px;
}

.agency-options {
    border: 1px solid silver;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
    box-shadow: 0px 1px 2px 1px rgb(50 50 50 / 28%);
    padding: 4px 0;
    background: #f9f9f9;

}

.modulecontainer {
    width: 100%;
}

.news-arch-item {
 width: 100%;
    float: right;
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
    margin-bottom: 10px;
    padding: 5px 5px 10px;
    position: relative;
    height: 200px;
}

.sis-content-box img {
    max-width: 100%;
    height: 50%;
}

.breadcrumb {
    background: #083e6c !important;
}

.news-big-img {
    display: none;
}

.hidden {
    display: none;
}

.con-title-lead img {
    max-width: 100%;
}

.nv-info-item {
    font-size: xx-small;
}

.breadcrumb-item a {
    color: white;
}

.box3 {
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 10px;
    border-radius: 10px;
}

.box3:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.page-text table tbody tr td {
    padding: 20px background-color: white;
}

.page-text table tbody tr :hover {
    border: 1px solid #e8e8e8;
    box-shadow: 0px 1px 7px #b8b8be;
}

.page-box {
    display: flex;
}

.page-box img {
    width: 250px !important;
    height: 120px;
    transition: all .3s ease;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
    display: block;
}
.page-box img:hover{
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}
.dec-box p {
    margin: 0 20px;
    font-size: 12px;
    text-align: left;
}

.page-tamplate {
    border: 1px solid #e8e8e8;
    box-shadow: 0px 1px 7px #b8b8be;
    padding-left: 10px;
    padding-right: 10px;
    background: #f5f5f5cf;
}

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

.top-page {
    background: #f3f3f3;
    padding: 10px;
    margin-bottom: 50px;
}

.page-title {
    font-size: revert;
    padding-top: 10px;
    padding-left: 27px;
    text-align: left;
}

.page-title p {
    text-align: left;
    font-size: 14px;
    color: #545454;
    padding-left: 15px;
}

.page-img img {
    width: 100%;
}

.summary-page {
    text-align: left;
    font-size: 14px;
    color: #545454;
    padding-left: 15px;
}

.page-text {
    text-align: left;
    font-size: 14px;
    color: #545454;
    padding-left: 40px;
    padding-right: 40px;
}

.group-page {
    border: 1px solid #dadee1;
    padding: 5px;
    margin: 10px;
    background: white;
}
.group-page:hover{
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.page-text img {
    max-width: 100%;
}

.group-page-handicaft {
    border: 1px solid #dadee1;
    padding: 5px;
    margin: 10px;
    background: white;
    width: 31%;
}
.group-page-handicaft:hover {
    background: #fff;
    box-shadow: 0px 1px 7px #b8b8be;
}
.page-tamplate-handicaft {
    border: 1px solid #e8e8e8;
    box-shadow: 0px 1px 7px #b8b8be;
    padding-left: 20px;
    padding-right: 5px;
    background: #f5f5f5cf;
}

.e-title-handicaft {
    margin-top: 5px;
    text-align: center;
}

.page-box-handicaft {
    display: flex;
	justify-content: center;
}

.page-box-handicaft img {
    width: 170px !important;
    height: 120px;
    transition: all .3s ease;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
	margin-top: 10px;
    display: block;
}

.group-page-Supporting {
    border: 1px solid #dadee1;
    padding: 5px;
    margin: 10px;
    background: white;

}

.page-tamplate-Supporting {
    border: 1px solid #e8e8e8;
    box-shadow: 0px 1px 7px #b8b8be;
    padding-left: 10px;
    padding-right: 10px;
    background: #f5f5f5cf;
}

.e-title-Supporting {
    margin-top: 5px;
    text-align: center;
}

.page-box-Supporting {
    display: flex;
	justify-content: center;
}

.page-box-Supporting img {
    width: 150px !important;
    height: 100px;
    transition: all .3s ease;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
}

.group-page-Cultural {
    border: 1px solid #dadee1;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: white;
    width: 100%;
    height: 180px;
}

.page-tamplate-Cultural {
    border: 1px solid #e8e8e8;
    box-shadow: 0px 1px 7px #b8b8be;
    padding-left: 10px;
    padding-right: 10px;
    background: #f5f5f5cf;

}

.e-title-Cultural a {
    margin-top: 5px;
    text-align: left;
    padding-left: 20px;
}

.e-title-Cultural .dec-box-Cultural {
    font-size: 12px;
    width: 80%;
    padding-left: 20px;
}

.page-box-Cultural {
    display: flex;
}

.page-box-Cultural img {
    width: 190px !important;
    height: 150px !important;
    transition: all .3s ease;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
    display: block;
}

< !--MarketData-->.group-page-MarketData {
    border: 1px solid #dadee1;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: white;
    height: 180px;
    padding: 30px 0px 30px 0px !important;
    width: 50%;
    text-align: center;
	
}
.group-page-MarketData{
	padding-top: 10px;
}
.group-page-MarketData:hover{
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
		border-radius: 10px;
}

.page-tamplate-MarketData {
    margin-top: 100px;
    text-align: center;
}

.e-title-MarketData a {
    margin-top: 5px;
    text-align: left;
    padding-left: 20px;
}

.page-box-MarketData {}

.page-box-MarketData img {
    width: 170px !important;
    height: 150px !important;
    transition: all .3s ease;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
}

.page-text img {
    height: auto;
}


.group-page-Energy {
    width: 30%;
    background: white;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

.group-page-Energy:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgb(0 0 0 / 15%);

}

.page-box-Energy {
    display: flex;
	justify-content: center;
}

.page-box-Energy img {
    width: 170px !important;
    height: 120px;
    margin-left: 10px;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
    display: block;
}
.page-link a {
  display: block;
  font-size: 16px;
  font-weight: lighter;
}
  
  #mfaNav ul li a  {
  line-height: 1;
  font-weight: lighter;
  color: black;
}
.want-box p {
    font-weight: lighter;
  line-height: 50px;
	color: black;
}
.menu3dmega > ul > li > .dropdown-menu a{

font-size: small;
}

element {
}
a:link, a:visited, a:active, a:focus {
  /*! color: #353a40; */
  text-decoration: none;

  -webkit-transition: all .3s;

  -o-transition: all .3s;
  -ms-transition: all .3s;
}
.sis-key1 {
  position: absolute !important;
  width: 20% !important;
  padding: 10px 20px !important;

  text-align: center !important;
  font-weight: 600 !important;
  left: 20% !important;
 
  background-image: linear-gradient(to right, #083e6c, #eff2f5) !important;
  border-radius: 20px !important;
}
.sis-key2{
	position: absolute !important;
  	width: 20% !important;
	padding: 10px 20px !important;
	text-align: center !important;
	font-weight: 600 !important;
  	left: 60% !important;
  	background-image: linear-gradient(to right, #083e6c, #eff2f5) !important;
  	border-radius: 20px !important;
}

#mfaNav .footer-nav .dropdown-menu.show{
	overflow: scroll;
  	max-height: 150px;
}
#mfaNav1 .footer-nav .dropdown-menu.show{
	overflow: scroll;
  	max-height: 150px;
}
.map a {
    color: #fff; 
    display: flex;
}
.address-logo a {
    color: #fff;
}
body:has(#block223089){
	 background-image: url(/files/ecodepEn/Heritage%20Tourism%20background.jpg);
}
 
.footer-menu {
    height: 40px;
    width: auto;
}
.content-page-links>a  {
    text-align: center;
   	height: 100%;
   	background: #fff;
    border: 1px solid #dadee1;
    display: block;
	
}
.content-page-links a:hover{
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}
 
 
.content-page-links img{
    text-align: center;
    width: 150px;
    
}
.link-category {
     padding-top: 15px; 
   
	background: #f6f6f6;
}
.w-text span{
font-size: 13px;
    padding-left: 35px;
    padding-right: 35px;
    display: block;
}
.w-text .w-title {
    font-size: 18px;
  	padding-top: 10px;
}
 
.w-title span{
    font-size: 13px;
}
 
.content-page-links .w-image img{
    width: 100px
} 
.content-page-links{
    margin-bottom: 5px;
    margin-top: 5px;
	padding-left: 5px;
  	padding-right: 5px;
    max-width: 46%;
}
.w-image{
	padding-top: 5px;
}
.content-page-links-TradeRegulations {
	text-align: center;
	align-content: center;
	padding: 20px;
	 
}
.content-page-links-TradeRegulations:hover {
       box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
		border-radius: 20px;
}
.w-image-TradeRegulations img{
	 width: 115px;
}
.w-text-TradeRegulations .w-title-TradeRegulations {
	font-size: 12px;
  	padding-top: 15px;
}
.content-page-links-Organizations{
 	display: block ruby;
  	padding: 10px;
}
.w-title-Organizations {
	font-size: 18px;
 	padding-left: 26px;
	color: blue;
}
.w-text-Organizations span{
	font-size: 14px;
  	padding-left: 25px;
  	display: block;
	width: 60%;
}
.content-page-links-Regulation{
	max-width: 50%;
	margin-top: 30px;
  	text-align: center;
        padding-top: 20px;
  padding-bottom: 20px;
}
.content-page-links-Regulation:hover{
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
 border-radius: 7px;
    background-color: white;
}
.w-image-Regulation img{
	width: 150px;
}
.w-title-Regulation{
	font-size: 13px;
}
.link-category .row{
	justify-content: center;
  	gap: 5px;
}
.parent-agensies{
	text-align: center;
	align-content: center;
	height: 70px;
}
.agency-options{
	height: 48px;
	align-content: center;
}
.channel-icon img{
	display: none;
}
.childs-agency{
	text-align: center;
	align-content: center;
}
.title-agency{
	text-align: center;
 	 align-content: center;
}
.title-agency{
	color: #0f589c;
}
.agency-child-btn {
	text-align: center;
  	border: 1px solid #d8d8d8;
  	background: #e3e3e399;
  	height: 35px;
  	width: 135px;
	color: #0f589c;
}
.agency-parent-btn{
	text-align: center;
  	border: 1px solid #d8d8d8;
  	background: #e3e3e399;
  	height: 35px;
  	width: 135px;
	color: #0f589c;
}
.bottom-details{
	font-weight: normal;
	font-size: smaller;
}
.news-content-arch{
	padding-left: 15px;
}
.news-item-title .hTitle{
	display: flex;
}
.title-newsview{
	font-size: 20px;
  	font-weight: initial;
  	color: #337ab7;
	padding-top: 15px;
}

.news-text-top{
	background: #f4f4f4a3;
	padding: 5px 20px 20px 20px;
}
.img-newsview {
	align-content: center;
	  padding-top: 15px;
}
.img-newsview img {
	max-width: 100%;
}
.con-title-lead{
	font-size: 15px;
  	font-weight: lighter;
}
.news-text-desc {
	padding: 10px 20px 20px 20px;
}
.news-archive-list{
    background: #f6f6f6;
  padding-top: 5px;

}
.er-title h5{
   height: 50px;
  background: #eeeeee85;
  width: 280px;
 
  text-align: start;
  align-content: center;
   margin-bottom: 23px;
  color: #757373;
  font-size: 15px;
  padding-left: 10px;

}
.taliaNews-Items {
    width: 250px;
    font-size: 11px;
    color: black;
    border-bottom: 1px solid #dadee1;
    padding-top: 5px;
  padding-bottom: 5px;
}
.ContentNews .TitleNews .hTitle{
    padding-left: 5px;
    padding-bottom: 5px;
}
.meta-data .hitnews-wiget{
     padding-left: 5px;
    color: #777;
}
.lastnews-box {
    background: #eeeeee85;
    width: 280px;
}
.news-arch-item{
    margin-left: 34px;
  margin-right: 34px;
    background: #fff;
}
.bottom-details {
    margin-left: 10px;
    padding-top: 10px;
}
.dateNews{
  color: #737373;
}
.hitnews{
   color: #737373; 
}
.news-item-img img{
    width: 75px;
    height: 65px;
    border: 1px solid #dadee1;
    padding: 2px;
}
.news-item-title{
    width: 236px;
  line-height: 1.3;
  display: flex;
  padding-left: 0px;
}
.news-item-title h2 a{
    line-height: 1.3;
  padding-left: 0px;
  padding-top: 10px;
}
.news-item-lead{
    width: 330px;
   margin-top: 5px;
  padding-top: 10px;
  font-size: 13px;
    padding-left: 10px;
}
.content-page-links-marketing{
    height: auto;
  padding: 20px;
}
.content-page-links-marketing:hover{
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
		border-radius: 10px;
    background: #fff;
}
.w-text-marketing .w-title-marketing{
    font-size: 18px;
  color: blue;
}
.w-text-marketing span{
      font-size: 14px;
  color: #595858;
}::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #083e6c;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #0b68bd;
}


@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: normal;
    src: url('/css/fonts/OpenSans-Regular.eot');
    src: url('/css/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Regular.woff') format('woff'),
        url('/css/fonts/OpenSans-Regular.ttf') format('truetype')
}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    src: url('/css/fonts/OpenSans-Medium.eot');
    src: url('/css/fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Medium.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Medium.woff') format('woff'),
        url('/css/fonts/OpenSans-Medium.ttf') format('truetype')
}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: bold;
    src: url('/css/fonts/OpenSans-Bold.eot');
    src: url('/css/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Bold.woff') format('woff'),
        url('/css/fonts/OpenSans-Bold.ttf') format('truetype')
}


html {
    scrollbar-width: thin;
    scrollbar-color: #083e6c #f1f1f1;
}

body {
    margin: 0;
    font-family: OpenSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #94caff;
    background-color: #fff direction: ltr;
}

.portal-header .portal-toolbartop {
    padding: 5px 0;
    height: 65px;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: #567c9d 2px solid;
    align-items: center;
    background-image: url('/files/ecodepEn/Mainpic/MAP2.png');
}

ul,
ol,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}



p {
    font-family: OpenSans !important;
    text-align: center;
    line-height: 3;
}

a:link,
a:visited,
a:active,
a:focus {
    color: #666;
    text-decoration: none;
    -webkit-transition: all .3s;
}


.portal-header .portal-toolbartop .row {
    margin: 0 !important;
}


.mfa-logo {
    padding: 5px 0 0 5px !important;
    font-size: 10px;
    color: #1a315e;
    font-weight: 600;
}
.portal-headerTop{
background: white;
}
.portal-header img {
    max-width: 60px;
    padding: 2px 0px;
    max-height: 40px;
    text-align: right;
}


.mfa-text p {
    font-size: 10px;
    color: #1a315e;
    font-weight: 700;
    text-align: left;
}


.text-logo {
    font-size: 28px;
    font-weight: 600;
    color: #DA0000 !important;
    font-family: OpenSans !important;
}

.text-logo a {
    color: #DA0000 !important;
}

.mfa-logo p {
    text-align: left;
    font-size: 10px;
    color: #1a315e;
    font-weight: 700;
    line-height: 1.5;
}

.homelogo {
    padding-top: 15px;
    float: left;
    color: #083c68 !important;
}

.homelogo img {
    float: left;
    width: 17px;
}

.portal-about {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-left: 10px;
    padding: 0 2px;
    border-radius: 5px;
}


.portal-about a {
    color: #777;
}

.portal-header-top-links {
    float: right;
}

.portal-header-top-links .portal-top-icon-font {
    padding: 0 5px;
    margin-left: 10px;
    border-radius: 7px;
    font-size: 17px !important;
    ;
}


.portal-header-top-links-login-icon {
    font-size: 11px !important;
    line-height: 30px;
    color: #777;
    align-items: center;
    border-radius: 5px;
}

.portal-top-icon-font searchBtn {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-left: 10px;
    padding: 0 2px;
    border-radius: 5px;
}

.portal-header .portal-toolbartop .portal-lang a {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    margin-right: 5px;
}

.portal-header .portal-toolbartop .portal-lang a {
    color: #777;
}
.section1{
	margin-top: 120px;
}
.img-slider-p {
 max-width: 100%;
}

.menu-box {
    background-color: #d5d5d5;
}

.content-groups-page {
    padding-bottom: 10px;
}

.fa-angle-double-right {
    width: 25px !important;
    height: 50px;
    float: right
}

.section-2 {
    margin-top: 50px;
    margin-bottom: 20px;
}
.content-groups-page a{
color: #5d5d5d;
}
.content-groups-page a:hover{
color: #0c487b;
}

.section-2 h4 {
    padding: 35px 0px 25px;
    padding-left: 0px;
    padding-left: 20px;
    font-weight: normal;
    color: #000;
}

.i-mim {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #555;
    width: 20px !important;
    height: 19px;
    background-color: #e6e6e6;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.page-link a {
    margin-left: 10px;
    padding-left: 10px;
}

.event-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.document-box {
    width: 340px !important;
    height: 200px !important;
    ;

}

.document-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.export-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.section-3 {
    padding-top: 20px;
    background-color: #f4f4f4;

}

.section-3 img {
    float: right;
    width: 50% !important;
}

.news-title {
    color: #337ab7;
    text-align: justify;
    font-size: 27px;

}

.news-desc {
    overflow-wrap: break-word;
    padding-right: 0px;
    padding-left: 0px;
    color: #999;
    width: 60%;
    font-size: 14px;
}

.Read-More-btn {
    line-height: 10;
}

.section-4 {
    margin-top: 30px;
}

.section-4 .sector-title {
    text-align: center;
    font-size: 28px;

}

.sector-title::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    width: 180px;
    height: 3px;
    background: #e60000;
    margin-bottom: 20px;
}

.services-boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
    padding-bottom: 40px;
    margin-top: 20px;

}

.service-box {
    width: 135px;
    height: 180px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    text-align: center;
    padding: 25px 10px;

}

.service-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f3f3f3;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-icon {
    color: #0f4c81;
    transition: all .3s ease;
    font-size: 25px;
}

.service-box:hover {
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: #f8f9fa;
}

.service-box:hover .service-icon {
    background: #0f4c81;
    color: #fff;
}

.widget-holder img {
    border-radius: 10px;
}

.carousel--title {
    text-align: left;
    font-size: 35px;
}

#ybslider1727 .carousel-indicators {
    display: none !important;
}

#ybslider1726 .carousel-indicators li {
    width: 35px;
    height: 4px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 1px;
}

.Read-More-btn {

    line-height: 10;
}

.section-5 {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 30px;
}


#scrollUp {
  
    z-index: 999999999 !important;
    padding: 0;
}



#scrollUp:hover {
    background: #083e6c;
    color: #fff !important;
    bottom: 25px;
}

#scrollUp i {
    color: #fff;
    text-align: center;
    font-size: 25px;
}

.gallery-layout {
    max-width: 1200px;
    margin: auto;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    align-items: start;
    padding-top: 20px;
}

.gallery-slider {
    overflow: hidden;
}

.gallery-slider .carousel-inner img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 8px;
}

.gallery-thumbs-box {
    position: relative;
}

.gallery-thumbs-wrapper {
    height: 442px;
    overflow: hidden;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 215px);
    gap: 12px;
    overflow-x: hidden;
}

.gallery-thumb {
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

.gallery-thumbs::-webkit-scrollbar {
    width: 6px;
}

.gallery-thumbs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.gallery-thumb img {
    width: 100%;
    height: 215px;
    object-fit: cover;
}

.gallery-thumb:hover img {
    transform: scale(1.05);
}

.gallery-thumb.active {
    border: none !important;
    outline: none !important;
}

.gallery-thumbs {
    align-content: start;
}

.thumb-nav {
    width: 100%;
    height: 35px;
    border: none;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border-radius: 6px;
    margin: 5px 0;
}

.thumb-nav:hover {
    background: #e9e9e9;
}

@media(max-width:768px) {

    .gallery-layout {
        grid-template-columns: 1fr;
    }

    .gallery-slider .carousel-inner img {
        height: 300px;
    }

    .gallery-thumbs-wrapper {
        height: auto;
        overflow: visible;
    }

    .gallery-thumbs {
        transform: none !important;
    }

    .thumb-nav {
        display: none;
    }

}

.gallery-thumbs-scroll {
    height: 442px;
    overflow-y: auto;
    overflow-x: hidden;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.gallery-thumb img {
    width: 100%;
    height: 215px;
    object-fit: cover;
}

.gallery-thumb {
    position: relative;
    overflow: hidden;
}

.thumb-camera {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-size: 32px;
    color: rgba(255, 255, 255, .85);

    text-shadow: 0 0 10px rgba(0, 0, 0, .5);

    pointer-events: none;
    z-index: 2;
}


.Tourism-Gallery-title p {

    font-size: 28px;
}

.Tourism-Gallery-title::after {

    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    width: 180px;
    height: 3px;
    background: #e60000;
    margin-bottom: 20px;
}
}

.section-5 {
    background-color: #f4f4f4;
    padding-bottom: 40px;
}



.news-title-section {
    text-align: center;
}

.LATEST-NEWS-title {
    position: relative;
    text-align: center;
    font-size: 28px;
    display: inline-block;
}

.LATEST-NEWS-title::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 3px;
    background: #e60000;
}

.LATEST-NEWS-title {
    font-size: 28px;
    padding-top: 30px;
}

.TitleNews {
    line-height: 1;
}

.news-boxs {

    margin: 0;
    display: grid;
    place-items: center;


}

.News-Item {

    padding-bottom: 30px;
}

.w-img-news {
    height: 90px;
    width: 90px;
    border-radius: 5px;
}

.hTitle {
    font-size: 15px;
    float: left;
    padding-left: 20px;
    color: #337ab7 !important;
}

.news-lead h4 {
    float: left;
    padding-left: 20px;
    font-size: 13px;
    color: #46465c;
}

.block-link {
    padding-left: 15px;
}

.news-date {
    padding-left: 20px;
    color: #46465c;
    font-size: 10px;

}

.section-6 .fa-angle-right {
    content: "\f105";
    float: right;
    color: #555;
    width: 19px;
    height: 19px;
    background-color: #e6e6e6;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-left: 20px;
}

.section-6 a :hover,
.section-6 a :focus {
    background-color: #e6e6e6;
    background-position: 0 -15px;
    color: #204d74;
}

.mim-news {
    padding-top: 30px;
}

.archive-btn {
    text-align: center;
    padding-bottom: 45px;
}

.portal-footer {

    background-image: url(/files/ecodepEn/Mainpic/footer5.jpg);
}


.fa-map-marker {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;

}

.address-logo {
    text-align: center;
    padding-top: 10px;
}

.address-logo i {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;

}

.address-logo a {
    color: rgba(255, 255, 255, 0.8);
    line-height: 30px;
    font-size: 12px;
    padding-left: 30px;
}
.address-logo .e-address{
color: #ffffffde;
  font-size: 13px;
  padding-left: 20px;
  margin-left: 10px;
}
.fa-headphones {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;
}

.mim-f-items {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 30px;
    font-size: 15px;

}

.fa-envelope {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;
}

.caption-telephone {
    padding-top: 10px;
}

.caption-email {
    text-align: center;
    padding-top: 10px;
}

.caption-email h4 {


    color: rgba(255, 255, 255, 0.8);
    line-height: 30px;
    font-size: 14px;
    padding-left: 40px;
}

.map-icon {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    width: 19px;
    height: 19px;
    background-color: #64676c;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.map .map-icon:hover {
    background-color: #083e6c;
}

.map a {
    color: #fff;
    padding-left: 15px;
    font-size: 15px;
}

.map span {
    display: block;
    margin-bottom: 5px;
}

.Websites a {
    font-family: FontAwesome;
    position: absolute;
    font-size: 19px;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    padding-left: 20px;
    width: 100%;
    display: inline-block;
    font-weight: normal;
    transition: all .3s ease;
}

.Conditions-arrow-icon {
    padding: 5px 8px 5px 8px;
    border-radius: 5px;
    background: #64676c;
    color: #fff;
    font-size: 25px !important;
    width: 1.5rem !important;
}

.Conditions .Conditions-arrow-icon:hover {
    background-color: #083e6c;
}

.Conditions a {
    color: #fff;
    padding-left: 15px;
    font-size: 15px;
}

.footer-menu {
    background-color: #ffffff8c;
    float: left;
    border-radius: 8px;
    margin-bottom: 20px;
}

.menu3dmega .firstitem span a {
    color: #567c9d !important;
}

.menu3dmega span {
    color: #567c9d;
}

.dropdown-menu ul li {
    background-color: #FFF !important;
    border-bottom: 1px solid #335880;
}

.menu3dmega .dropdown-menu ul>li>a {
    color: #426899 !important;
}

.menu3dmega>ul>li:hover>span>span>a,
.menu3dmega>ul>li:hover>span>span,
.menu3dmega>ul>li:hover>span,
.menu3dmega>ul>li:hover>span>a {
    color: #315e8e !important;
}

.menu3dmega .arrow-icon-bottom::after,
.menu3dmega .arrow-icon-bottom::before {
    display: none !important;
    content: none !important;
}

.menu3dmega .dropdown-menu ul li {
    position: relative;
}

.menu3dmega .dropdown-menu ul li>.arrow-icon {
    position: absolute;
    right: 18px;
    left: auto !important;
    top: 50%;
    transform: translateY(-50%);
}

.menu3dmega .dropdown-menu ul li>span:not(.arrow-icon) {
    display: block;
    padding-right: 35px;
}

.menu3dmega span.arrow-icon-bottom:after {
    left: auto !important;
    right: 18px !important;
    color: #083c68 !important;
    border-top-color: #083c68 !important;
}

.menu3dmega .arrow-icon {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
}

.menu3dmega .arrow-icon:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #083c68;
}


.menu3dmega li:hover .arrow-icon:after,
.menu3dmega li:hover .arrow-icon-bottom:after,
.menu3dmega li:hover .arrow-icon,
.menu3dmega li:hover .arrow-icon-bottom {
    color: #083c68 !important;
    border-color: transparent transparent transparent #083c68 !important;
    border-top-color: #083c68 !important;
}


.menu3dmega .dropdown-menu>ul>li>a,
.menu3dmega .dropdown-menu>ul>li,
.menu3dmega .dropdown-menu>ul>li>span,
.menu3dmega a,
.menu3dmega a:visited {
    color: #083c68 !important;
    text-decoration: none;
}


.dropdown-menu .sub {
    left: 100% !important;
    right: auto !important;
}

.menu3dmega .dropdown-menu>ul>li>a:before {
    content: " ";
    margin-left: 2px;
}

div.dropdown-menu,
ul.dropdown-menu,
.menu3dmega li .sub {
    border: none !important;
}

.menu3dmega li ul {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    padding-right: 20px;
    padding-left: 20px;
}

.menu3dmega .dropdown-menu>ul>li>a,
.menu3dmega .dropdown-menu>ul>li>span {
    color: #8c2c2c !important;
}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #083e6c;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #0b68bd;
}


@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: normal;
    src: url('/css/fonts/OpenSans-Regular.eot');
    src: url('/css/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Regular.woff') format('woff'),
        url('/css/fonts/OpenSans-Regular.ttf') format('truetype')
}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: 500;
    src: url('/css/fonts/OpenSans-Medium.eot');
    src: url('/css/fonts/OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Medium.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Medium.woff') format('woff'),
        url('/css/fonts/OpenSans-Medium.ttf') format('truetype')
}

@font-face {
    font-family: OpenSans;
    font-style: normal;
    font-weight: bold;
    src: url('/css/fonts/OpenSans-Bold.eot');
    src: url('/css/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/css/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/css/fonts/OpenSans-Bold.woff') format('woff'),
        url('/css/fonts/OpenSans-Bold.ttf') format('truetype')
}


html {
    scrollbar-width: thin;
    scrollbar-color: #083e6c #f1f1f1;
}

body {
    margin: 0;
    font-family: OpenSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /*! font-size: 1rem; */
    /*! font-weight: 500; */
    /*! line-height: 1.5; */
    color: #212529;
    background-color: #fff direction: ltr;
}

.portal-header .portal-toolbartop {
    padding: 5px 0;
    height: 65px;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: #567c9d 2px solid;
    align-items: center;
    background-image: url('/files/ecodepEn/Mainpic/MAP2.png');
}

ul,
ol,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}



p {
    font-family: OpenSans !important;
    text-align: center;
    line-height: 2;
}

a:link,
a:visited,
a:active,
a:focus {
    /*! color: #4b5460; */
    text-decoration: none;
    -webkit-transition: all .3s;
}


.portal-header .portal-toolbartop .row {
    margin: 0 !important;
}


.mfa-logo {
    padding: 5px 0 0 5px !important;
    font-size: 10px;
    color: #1a315e;
    font-weight: 600;
}

.portal-header img {
    max-width: 60px;
    padding: 2px 0px;
    max-height: 40px;
    text-align: right;
}


.mfa-text p {
    font-size: 10px;
    color: #1a315e;
    font-weight: 700;
    text-align: left;
}



.text-logo {
    font-size: 28px;
    font-weight: 600;
    color: #DA0000 !important;
    font-family: OpenSans !important;
}

.text-logo a {
    color: #DA0000 !important;
}

.mfa-logo p {
    text-align: left;
    font-size: 10px;
    color: #1a315e;
    font-weight: 700;
    line-height: 1.5;
}


.homelogo img {
    float: left;
    width: 17px;
}

.portal-about {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-left: 10px;
    padding: 0 2px;
    border-radius: 5px;
}


.portal-about a {
    color: #777;
}

.portal-header-top-links {
    float: right;
}

.portal-header-top-links .portal-top-icon-font {
    padding: 0 5px;
    margin-left: 10px;
    border-radius: 7px;
    font-size: 17px !important;
    ;
}


.portal-header-top-links-login-icon {
    font-size: 11px !important;
    line-height: 30px;
    color: #777;
    align-items: center;
    border-radius: 5px;
}

.portal-top-icon-font searchBtn {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    align-items: center;
    margin-right: 5px;
    margin-left: 10px;
    padding: 0 2px;
    border-radius: 5px;
}

.portal-header .portal-toolbartop .portal-lang a {
    float: right;
    font-size: 11px;
    line-height: 30px;
    color: #777;
    display: flex;
    margin-right: 5px;
}

.portal-header .portal-toolbartop .portal-lang a {
    color: #777;
}

.portal-header-logo-abs p {
    margin-top: 0px;
    padding-top: 11px;
    font-size: 11.5px;
    color: #083d6b;
    text-align: left !important;
}

.portal-header-logo {
    padding-top: 5px;
}
.section1{
	margin-top: 120px;
}
.img-slider-p {
   max-width: 100%;
}

.menu-box {
    background-color: #d5d5d5;
}

  
  #mfaNav .navbar-nav  .navbar-nav .ml-auto #navbarDropdown104246c {
  line-height: 1;
  font-weight: lighter;
  color: black;
padding-right: 4.5rem;
}
.content-groups-page {
    padding-bottom: 10px;
}

.fa-angle-double-right {
    width: 25px !important;
    height: 50px;
    float: right
}

.section-2 {
    margin-top: 50px;
    margin-bottom: 20px;
}

.section-2 h4 {
    padding: 35px 0px 25px;
    padding-left: 0px;
    padding-left: 20px;
    font-weight: normal;
    color: #000;
}

.i-mim {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #555;
    width: 20px !important;
    height: 19px;
    background-color: #e6e6e6;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.event-box {
    height: 200px;
}

.event-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.document-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.export-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.section-3 {
    padding-top: 20px;
    background-color: #f4f4f4;

}

.section-3 img {
    float: right;
    width: 50% !important;
}

.news-title {
    color: #337ab7;
    text-align: justify;

}

.news-desc {
    overflow-wrap: break-word;
    color: #999;
    font-size: 14px;
    padding-top: 15px;
    grid: auto;
    width: 60%;
}

.Read-More-btn {
    line-height: 10;
}

.section-4 .sector-title {
    text-align: center;
    font-size: 28px;
}

.sector-title::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -12px;
    width: 180px;
    height: 3px;
    background: #e60000;
    margin-bottom: 20px;
}

.services-boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
    padding-bottom: 40px
}

.service-box {
    width: 135px;
    height: 180px;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .08);
    text-align: center;
    padding: 25px 10px;
}

.service-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #f3f3f3;
    margin: 0 auto 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-icon {
    color: #0f4c81;
    transition: all .3s ease;
    font-size: 25px;
}

.service-box:hover {
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: #f8f9fa;
}

.service-box:hover .service-icon {
    background: #0f4c81;
    color: #fff;
}

.widget-holder img {
    border-radius: 10px;
}

.carousel--title {
    text-align: left;
    font-size: 35px;
}

#ybslider1727 .carousel-indicators {
    display: none !important;
}

#ybslider1726 .carousel-indicators li {
    width: 35px;
    height: 4px;
    border-radius: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 1px;
}

.Read-More-btn {

    line-height: 6;
}

.section-5 {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 40px;
}
#scrollUp {
    position: fixed !important;
     bottom: 100px !important;
 	background: #0b68bd;
    display: block;
    color: #fff;
    font-size: 25px;
    text-align: center;
 	width: 38px;
    height: 38px;
    border-radius: 3px;
    text-align: center z-index: 999999999 !important;
    padding: 0;
	left: 95%;
}

 
#scrollUp:hover {
    background: #083e6c;
    color: #fff !important;
    bottom: 25px;
}

#scrollUp i {
    color: #fff;
    text-align: center;
    font-size: 25px;
}


.gallery-slider {
    overflow: hidden;
}

.gallery-slider .carousel-inner img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    border-radius: 8px;
}

.gallery-thumbs-box {
    position: relative;
}

.gallery-thumbs-wrapper {
    height: 442px;
    overflow: hidden;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(2, 215px);
    gap: 12px;
    overflow-x: hidden;
}

.gallery-thumb {
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
}

.gallery-thumbs::-webkit-scrollbar {
    width: 6px;
}

.gallery-thumbs::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 10px;
}

.gallery-thumb img {
    width: 100%;
    height: 215px;
    object-fit: cover;
}

.gallery-thumb:hover img {
    transform: scale(1.05);
}

.gallery-thumb.active {
    border: none !important;
    outline: none !important;
}

.gallery-thumbs {
    align-content: start;
}

.thumb-nav {
    width: 100%;
    height: 35px;
    border: none;
    background: #f5f5f5;
    color: #444;
    cursor: pointer;
    border-radius: 6px;
    margin: 5px 0;
}

.thumb-nav:hover {
    background: #e9e9e9;
}

@media(max-width:768px) {

    .gallery-layout {
        grid-template-columns: 1fr;
    }

    .gallery-slider .carousel-inner img {
        height: 300px;
    }

    .gallery-thumbs-wrapper {
        height: auto;
        overflow: visible;
    }

    .gallery-thumbs {
        transform: none !important;
    }

    .thumb-nav {
        display: none;
    }

}

.gallery-thumbs-scroll {
    height: 442px;
    overflow-y: auto;
    overflow-x: hidden;
}

.gallery-thumbs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.gallery-thumb img {
    width: 100%;
    height: 215px;
    object-fit: cover;
}

.gallery-thumb {
    position: relative;
    overflow: hidden;
}

.thumb-camera {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    font-size: 32px;
    color: rgba(255, 255, 255, .85);

    text-shadow: 0 0 10px rgba(0, 0, 0, .5);

    pointer-events: none;
    z-index: 2;
}


.Tourism-Gallery-title p {

    font-size: 28px;
}

.Tourism-Gallery-title::after {
    /*! content: ""; */
    /*! position: absolute; */
    /*! bottom: -12px; */
    /*! left: 50%; */
    /*! transform: translateX(-50%); */
    /*! width: 180px; */
    /*! height: 3px; */
    /*! background: #e60000; */
}

.section-5 {
    background-color: #f4f4f4;
    padding-bottom: 40px;
}



.news-title-section {
    text-align: center;
}

.LATEST-NEWS-title {
    position: relative;
    text-align: center;
    font-size: 28px;
    display: inline-block;
}

.LATEST-NEWS-title::after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    width: 180px;
    height: 3px;
    background: #e60000;
}

.LATEST-NEWS-title {
    font-size: 28px;
    padding-top: 30px;
}

.TitleNews {
    line-height: 1;
}


.News-Item {

    padding-bottom: 30px;
}

.w-img-news {
    height: 90px;
    width: 90px;
    border-radius: 5px;
}

.hTitle {
    font-size: 15px;
    float: left;
    padding-left: 20px;
    color: #337ab7 !important;
}

.news-lead h4 {
    float: left;
    padding-left: 20px;
    font-size: 13px;
    color: #46465c;
}

.block-link {
    padding-left: 15px;
}

.news-date {
    padding-left: 20px;
    color: #46465c;
    font-size: 10px;

}

.section-6 .fa-angle-right {
    content: "\f105";
    float: right;
    color: #555;
    width: 19px;
    height: 19px;
    background-color: #e6e6e6;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    margin-left: 20px;
}

.section-6 a :hover,
.section-6 a :focus {
    background-color: #e6e6e6;
    background-position: 0 -15px;
    color: #204d74;
}

.mim-news {
    padding-top: 30px;
}

.archive-btn {
    text-align: center;
    padding-bottom: 45px;
}


.fa-map-marker {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;

}

.address-logo {
    text-align: center;
    padding-top: 10px;
}

.address-logo i {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;

}

.address-logo a {
    color: rgba(255, 255, 255, 0.8);
    line-height: 30px;
    font-size: 12px;
    padding-left: 30px;
}

.fa-headphones {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;
}

.mim-f-items {
    color: rgba(255, 255, 255, 0.8);
    padding-left: 30px;
    font-size: 15px;

}

.fa-envelope {
    font-family: FontAwesome;
    color: #083e6c;
    background-color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 10px;
    position: absolute;
    font-size: 0px;
    text-align: center;
    padding-top: 4px;
    height: 25px;
    width: 25px !important;
    padding: 5px;
}

.caption-telephone {
    padding-top: 10px;
}

.caption-email {
    text-align: center;
    padding-top: 10px;
}

.caption-email h4 {


    color: rgba(255, 255, 255, 0.8);
    line-height: 30px;
    font-size: 14px;
    padding-left: 40px;
}

.map-icon {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff;
    width: 19px;
    height: 19px;
    background-color: #64676c;
    font-family: 'FontAwesome';
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.map .map-icon:hover {
    background-color: #083e6c;
}

.map a {
    color: #fff;
    padding-left: 15px;
    font-size: 14px;
    display: flex;
}

.map span {
    display: block;
    margin-bottom: 5px;
}

.Websites a {
    font-family: FontAwesome;
    position: absolute;
    font-size: 19px;
    color: #fff !important;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    padding-left: 20px;
    width: 100%;
    display: inline-block;
    font-weight: normal;
    transition: all .3s ease;
}

.Conditions-arrow-icon {
    padding: 5px 8px 5px 8px;
    border-radius: 5px;
    background: #64676c;
    color: #fff;
    font-size: 25px !important;
    width: 1.5rem !important;
    margin-right: 10px;
}

.Conditions .Conditions-arrow-icon:hover {
    background-color: #083e6c;
}

.Conditions a {
    color: #fff;
    padding-left: 15px;
    font-size: 15px;
}

.footer-menu {
    /*! background-color: #ffffff8c; */
    float: left;
    border-radius: 8px;
    margin-bottom: 20px;
}

.menu3dmega .firstitem span a {
    color: #083c68 !important;
}

.menu3dmega span {
    color: #083c68 !important;
}

.dropdown-menu ul li {
    background-color: #FFF !important;
    border-bottom: 1px solid #335880;
}

.menu3dmega .dropdown-menu ul>li>a {
    color: #426899 !important;
}

.menu3dmega>ul>li:hover>span>span>a,
.menu3dmega>ul>li:hover>span>span,
.menu3dmega>ul>li:hover>span,
.menu3dmega>ul>li:hover>span>a {
    color: #315e8e !important;
}

.menu3dmega .arrow-icon-bottom::after,
.menu3dmega .arrow-icon-bottom::before {
    display: none !important;
    content: none !important;
}

.menu3dmega .dropdown-menu ul li {
    position: relative;
}

.menu3dmega .dropdown-menu ul li>.arrow-icon {
    position: absolute;
    right: 18px;
    left: auto !important;
    top: 50%;
    transform: translateY(-50%);
}

.menu3dmega .dropdown-menu ul li>span:not(.arrow-icon) {
    display: block;
    padding-right: 35px;
}

.menu3dmega span.arrow-icon-bottom:after {
    left: auto !important;
    right: 18px !important;
    color: #083c68 !important;
    border-top-color: #083c68 !important;
}

.menu3dmega .arrow-icon {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
}

.menu3dmega .arrow-icon:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid #083c68;
}


.menu3dmega li:hover .arrow-icon:after,
.menu3dmega li:hover .arrow-icon-bottom:after,
.menu3dmega li:hover .arrow-icon,
.menu3dmega li:hover .arrow-icon-bottom {
    color: #083c68 !important;
    border-color: transparent transparent transparent #083c68 !important;
    border-top-color: #083c68 !important;
}


.menu3dmega .dropdown-menu>ul>li>a,
.menu3dmega .dropdown-menu>ul>li,
.menu3dmega .dropdown-menu>ul>li>span,
.menu3dmega a,
.menu3dmega a:visited {
    color: #083c68 !important;
    text-decoration: none;
}


.dropdown-menu .sub {
    left: 100% !important;
    right: auto !important;
}

.menu3dmega .dropdown-menu>ul>li>a:before {
    content: " ";
    margin-left: 2px;
}

div.dropdown-menu,
ul.dropdown-menu,
.menu3dmega li .sub {
    border: none !important;
}

.menu3dmega li ul {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    padding-right: 20px;
    padding-left: 20px;
}

.menu3dmega .dropdown-menu ul li a {
    color: #083c68 !important;
    padding: 5px;
}

.menu3dmega .dropdown-menu ul li span {
    color: #083c68 !important;
    padding: 5px;
}

.menu3dmega {
    padding-top: 12px;
    left: 35px;
    padding-bottom: 12px;
}

.menu3dmega .dropdown-menu>ul>li>a::before {
    display: none;
}

.dropdown-menu ul li {
    border-bottom: 1px solid #7394b770 !important;
}

.menu3dmega li .sub {
    border: 1px solid #699bea7a !important;
}

.link-menu li a {
    color: #083e6c !important;
}



.copy-right {
    background-color: #717171;
    text-align: center;
    display: flex;
    text-align: left;
    width: auto;
    align-items: center;
    justify-content: center;
}

.copy-right span {
    font-size: 13px;
    letter-spacing: -0.015em;
    color: #999;
    line-height: 3;
}


.box2 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.box2:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.sis-content-box p {

    font-size: 12px;

}

#mfaNav1:hover{
    background-color: #fff;
    border-radius: 5px;
}

.agency-options {
    border: 1px solid silver;
    margin-bottom: 25px;
    margin-left: 0;
    margin-right: 0;
    box-shadow: 0px 1px 2px 1px rgb(50 50 50 / 28%);
    padding: 4px 0;
    background: #f9f9f9;

}

.modulecontainer {
    width: 100%;
}

.news-arch-item {
 width: 100%;
    float: right;
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
    margin-bottom: 10px;
    padding: 5px 5px 10px;
    position: relative;
    height: 200px;
}

.sis-content-box img {
    max-width: 100%;
    height: 50%;
}

.breadcrumb {
    background: #083e6c !important;
}

.news-big-img {
    display: none;
}

.hidden {
    display: none;
}

.con-title-lead img {
    max-width: 100%;
}

.nv-info-item {
    font-size: xx-small;
}

.breadcrumb-item a {
    color: white;
}

.box3 {
    margin-bottom: 20px;
    margin-top: 20px;
    padding-top: 10px;
    border-radius: 10px;
}

.box3:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.page-text table tbody tr td {
    padding: 20px background-color: white;
}

.page-text table tbody tr :hover {
    border: 1px solid #e8e8e8;
    box-shadow: 0px 1px 7px #b8b8be;
}

.page-box {
    display: flex;
}

.page-box img {
    width: 250px !important;
    height: 120px;
    transition: all .3s ease;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
    display: block;
}
.page-box img:hover{
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}
.dec-box p {
    margin: 0 20px;
    font-size: 12px;
    text-align: left;
}

.page-tamplate {
    border: 1px solid #e8e8e8;
    box-shadow: 0px 1px 7px #b8b8be;
    padding-left: 10px;
    padding-right: 10px;
    background: #f5f5f5cf;
}

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

.top-page {
    background: #f3f3f3;
    padding: 10px;
    margin-bottom: 50px;
}

.page-title {
    font-size: revert;
    padding-top: 10px;
    padding-left: 27px;
    text-align: left;
}

.page-title p {
    text-align: left;
    font-size: 14px;
    color: #545454;
    padding-left: 15px;
}

.page-img img {
    width: 100%;
}

.summary-page {
    text-align: left;
    font-size: 14px;
    color: #545454;
    padding-left: 15px;
}

.page-text {
    text-align: left;
    font-size: 14px;
    color: #545454;
    padding-left: 40px;
    padding-right: 40px;
}

.group-page {
    border: 1px solid #dadee1;
    padding: 5px;
    margin: 10px;
    background: white;
}
.group-page:hover{
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}

.page-text img {
    max-width: 100%;
}

.group-page-handicaft {
    border: 1px solid #dadee1;
    padding: 5px;
    margin: 10px;
    background: white;
    width: 31%;
}
.group-page-handicaft:hover {
    background: #fff;
    box-shadow: 0px 1px 7px #b8b8be;
}
.page-tamplate-handicaft {
    border: 1px solid #e8e8e8;
    box-shadow: 0px 1px 7px #b8b8be;
    padding-left: 20px;
    padding-right: 5px;
    background: #f5f5f5cf;
}

.e-title-handicaft {
    margin-top: 5px;
    text-align: center;
}

.page-box-handicaft {
    display: flex;
	justify-content: center;
}

.page-box-handicaft img {
    width: 170px !important;
    height: 120px;
    transition: all .3s ease;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
	margin-top: 10px;
    display: block;
}

.group-page-Supporting {
    border: 1px solid #dadee1;
    padding: 5px;
    margin: 10px;
    background: white;

}

.page-tamplate-Supporting {
    border: 1px solid #e8e8e8;
    box-shadow: 0px 1px 7px #b8b8be;
    padding-left: 10px;
    padding-right: 10px;
    background: #f5f5f5cf;
}

.e-title-Supporting {
    margin-top: 5px;
    text-align: center;
}

.page-box-Supporting {
    display: flex;
	justify-content: center;
}

.page-box-Supporting img {
    width: 150px !important;
    height: 100px;
    transition: all .3s ease;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
}

.group-page-Cultural {
    border: 1px solid #dadee1;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: white;
    width: 100%;
    height: 180px;
}

.page-tamplate-Cultural {
    border: 1px solid #e8e8e8;
    box-shadow: 0px 1px 7px #b8b8be;
    padding-left: 10px;
    padding-right: 10px;
    background: #f5f5f5cf;

}

.e-title-Cultural a {
    margin-top: 5px;
    text-align: left;
    padding-left: 20px;
}

.e-title-Cultural .dec-box-Cultural {
    font-size: 12px;
    width: 80%;
    padding-left: 20px;
}

.page-box-Cultural {
    display: flex;
}

.page-box-Cultural img {
    width: 190px !important;
    height: 150px !important;
    transition: all .3s ease;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
    display: block;
}



.e-title-MarketData a {
    margin-top: 5px;
    text-align: left;
    padding-left: 20px;
}

.page-box-MarketData {}

.page-box-MarketData img {
    width: 170px !important;
    height: 150px !important;
    transition: all .3s ease;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
}

.page-text img {
    height: auto;
}


.group-page-Energy {
    width: 30%;
    background: white;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

.group-page-Energy:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgb(0 0 0 / 15%);

}

.page-box-Energy {
    display: flex;
	justify-content: center;
}

.page-box-Energy img {
    width: 170px !important;
    height: 120px;
    margin-left: 10px;
    padding: 2px;
    border: 1px solid #dadee1;
    margin-bottom: 10px;
    display: block;
}
.page-link a {
  display: block;
  font-size: 16px;
  font-weight: lighter;
}
  
  #mfaNav ul li a  {
  line-height: 1;
  font-weight: lighter;
  color: black;
}
.want-box p {
    font-weight: lighter;
  line-height: 50px;
	color: black;
}
.menu3dmega > ul > li > .dropdown-menu a{

font-size: small;
}

element {
}
a:link, a:visited, a:active, a:focus {
  /*! color: #353a40; */
  text-decoration: none;

  -webkit-transition: all .3s;

  -o-transition: all .3s;
  -ms-transition: all .3s;
}
.sis-key1 {
  position: absolute !important;
  width: 20% !important;
  padding: 10px 20px !important;
  top: 120px;
  text-align: center !important;
  font-weight: 600 !important;
  left: 20% !important;
  background-image: linear-gradient(to right, #083e6c, #eff2f5) !important;
  border-radius: 20px !important;
}
.sis-key2{
	position: absolute !important;
  	width: 20% !important;
	padding: 10px 20px !important;
	text-align: center !important;
	font-weight: 600 !important;
  	left: 60% !important;
  	background-image: linear-gradient(to right, #083e6c, #eff2f5) !important;
  	border-radius: 20px !important;
    top: 120px;
}

#mfaNav .footer-nav .dropdown-menu.show{
	overflow: scroll;
  	max-height: 150px;
}
#mfaNav1 .footer-nav .dropdown-menu.show{
	overflow: scroll;
  	max-height: 150px;
}
.map a {
    color: #fff; 
    display: flex;
}
.address-logo a {
    color: #fff;
}
body:has(#block223089){
	 background-image: url(/files/ecodepEn/Heritage%20Tourism%20background.jpg);
}
 
.footer-menu {
    height: 40px;
    width: auto;
}
.content-page-links>a  {
    text-align: center;
   	height: 100%;
   	background: #fff;
    border: 1px solid #dadee1;
    display: block;
	
}
.content-page-links a:hover{
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    background-color: white;
}
 
 
.content-page-links img{
    text-align: center;
    width: 150px;
    
}
.link-category {
     padding-top: 15px; 
   
	background: #f6f6f6;
}
.w-text span{
font-size: 13px;
    padding-left: 35px;
    padding-right: 35px;
    display: block;
}
.w-text .w-title {
    font-size: 18px;
  	padding-top: 10px;
}
 
.w-title span{
    font-size: 13px;
}
 
.content-page-links .w-image img{
    width: 100px
} 
.content-page-links{
    margin-bottom: 5px;
    margin-top: 5px;
	padding-left: 5px;
  	padding-right: 5px;
    max-width: 46%;
}
.w-image{
	padding-top: 5px;
}
.content-page-links-TradeRegulations {
	text-align: center;
	align-content: center;
	padding: 20px;
	 
}
.content-page-links-TradeRegulations:hover {
       box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
		border-radius: 20px;
}
.w-image-TradeRegulations img{
	 width: 115px;
}
.w-text-TradeRegulations .w-title-TradeRegulations {
	font-size: 12px;
  	padding-top: 15px;
}
.content-page-links-Organizations{
 	display: block ruby;
  	padding: 10px;
}
.w-title-Organizations {
	font-size: 18px;
 	padding-left: 26px;
	color: blue;
}
.w-text-Organizations span{
	font-size: 14px;
  	padding-left: 25px;
  	display: block;
	width: 60%;
}
.content-page-links-Regulation{
	max-width: 50%;
	margin-top: 30px;
  	text-align: center;
        padding-top: 20px;
  padding-bottom: 20px;
}
.content-page-links-Regulation:hover{
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
 border-radius: 7px;
    background-color: white;
}
.w-image-Regulation img{
	width: 150px;
}
.w-title-Regulation{
	font-size: 13px;
}
.link-category .row{
	justify-content: center;
  	gap: 5px;
}
.parent-agensies{
	text-align: center;
	align-content: center;
	height: 70px;
}
.agency-options{
	height: 48px;
	align-content: center;
}
.channel-icon img{
	display: none;
}
.childs-agency{
	text-align: center;
	align-content: center;
}
.title-agency{
	text-align: center;
 	 align-content: center;
}
.title-agency{
	color: #0f589c;
}
.agency-child-btn {
	text-align: center;
  	border: 1px solid #d8d8d8;
  	background: #e3e3e399;
  	height: 35px;
  	width: 135px;
	color: #0f589c;
}
.agency-parent-btn{
	text-align: center;
  	border: 1px solid #d8d8d8;
  	background: #e3e3e399;
  	height: 35px;
  	width: 135px;
	color: #0f589c;
}
.bottom-details{
	font-weight: normal;
	font-size: smaller;
}
.news-content-arch{
	padding-left: 15px;
}
.news-item-title .hTitle{
	display: flex;
}
.title-newsview{
	font-size: 20px;
  	font-weight: initial;
  	color: #337ab7;
	padding-top: 15px;
}

.news-text-top{
	background: #f4f4f4a3;
	padding: 5px 20px 20px 20px;
}
.img-newsview {
	align-content: center;
	  padding-top: 15px;
}
.img-newsview img {
	max-width: 100%;
}
.con-title-lead{
	font-size: 15px;
  	font-weight: lighter;
}
.news-text-desc {
	padding: 10px 20px 20px 20px;
}
.news-archive-list{
    background: #f6f6f6;
  padding-top: 5px;

}
.er-title h5{
   height: 50px;
  background: #eeeeee85;
  width: 280px;
 
  text-align: start;
  align-content: center;
   margin-bottom: 23px;
  color: #757373;
  font-size: 15px;
  padding-left: 10px;

}
.taliaNews-Items {
    width: 250px;
    font-size: 11px;
    color: black;
    border-bottom: 1px solid #dadee1;
    padding-top: 5px;
  padding-bottom: 5px;
}
.ContentNews .TitleNews .hTitle{
    padding-left: 5px;
    padding-bottom: 5px;
}
.meta-data .hitnews-wiget{
     padding-left: 5px;
    color: #777;
}
.lastnews-box {
    background: #eeeeee85;
    width: 280px;
}
.news-arch-item{
    margin-left: 34px;
  margin-right: 34px;
    background: #fff;
}
.bottom-details {
    margin-left: 10px;
    padding-top: 10px;
}
.dateNews{
  color: #737373;
}
.hitnews{
   color: #737373; 
}
.news-item-img img{
    width: 75px;
    height: 65px;
    border: 1px solid #dadee1;
    padding: 2px;
}
.news-item-title{
    width: 236px;
  line-height: 1.3;
  display: flex;
  padding-left: 0px;
}
.news-item-title h2 a{
    line-height: 1.3;
  padding-left: 0px;
  padding-top: 10px;
}
.news-item-lead{
    width: 330px;
   margin-top: 5px;
  padding-top: 10px;
  font-size: 13px;
    padding-left: 10px;
}
.content-page-links-marketing{
    height: auto;
  padding: 20px;
}
.content-page-links-marketing:hover{
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
		border-radius: 10px;
    background: #fff;
}
.w-text-marketing .w-title-marketing{
    font-size: 18px;
  color: blue;
}
.w-text-marketing span{
      font-size: 14px;
  color: #595858;
}
.w-image-export {
      align-content: center;
  text-align: center;

}
.w-image-export img{
    width: 150px;
  text-align: center;
}
.w-text-export .w-title-export{
    font-size: 12px;
  text-align: center;
    padding-top: 15px;
}
.content-page-links-export{
    width: 400px;
  padding: 20px;
  margin-top: 20px;
}
.content-page-links-export:hover{
     box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
		border-radius: 10px;
    background: #fff;
}
.w-text-export .w-title-export{
    
}
.page-viewer{
   margin-top: 120px; 
}
.modulecontainer{
     margin-top: 120px; 
}
.news-agencyshow1{
margin-top: 2px;
}
.news-agencyshow{
margin-top: 120px;
}
.footer-menu:hover{
    background: #fff;
}
.n-p-title h4{
    font-size: 17px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.news-file-item a{
    font-size: 13px;
    color: #020202;
    font-weight: lighter;
}
.news-file-item a:hover{
    color:#0b68bd;
}
#mfaNav .footer-nav .dropdown-menu {
top: auto;
	bottom:100%;left:-35px;
}
#mfaNav1 .footer-nav .dropdown-menu {
top: auto;
	bottom:100%;left:-35px;
}