@font-face {
font-family: 'HelveticaNeueW01-67MdCn';
src: url('../fonts/HelveticaNeueW01-67MdCn-Regular.eot');
src: url('../fonts/HelveticaNeueW01-67MdCn-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/HelveticaNeueW01-67MdCn-Regular.woff2') format('woff2'),
url('../fonts/HelveticaNeueW01-67MdCn-Regular.woff') format('woff'),
url('../fonts/HelveticaNeueW01-67MdCn-Regular.ttf') format('truetype'),
url('../fonts/HelveticaNeueW01-67MdCn-Regular.svg#HelveticaNeueW01-67MdCn') format('svg');
}
@font-face {
font-family: 'Helvetica-CondensedLight';
src: url('../fonts/Helvetica-Condensed-Light.eot');
src: url('../fonts/Helvetica-Condensed-Light.eot?#iefix') format('embedded-opentype'),
url('../fonts/Helvetica-Condensed-Light.woff2') format('woff2'),
url('../fonts/Helvetica-Condensed-Light.woff') format('woff'),
url('../fonts/Helvetica-Condensed-Light.ttf') format('truetype'),
url('../fonts/Helvetica-Condensed-Light.svg#Helvetica') format('svg');
}
@font-face {
font-family: 'HelveticaNeueW01-57Cn';
src: url('../fonts/HelveticaNeueW01-57Cn.eot');
src: url('../fonts/HelveticaNeueW01-57Cn.eot?#iefix') format('embedded-opentype'),
url('../fonts/HelveticaNeueW01-57Cn.woff2') format('woff2'),
url('../fonts/HelveticaNeueW01-57Cn.woff') format('woff'),
url('../fonts/HelveticaNeueW01-57Cn.ttf') format('truetype'),
url('../fonts/HelveticaNeueW01-57Cn.svg#HelveticaNeueW01-57Cn') format('svg');
}
@font-face {
font-family: 'Helvetica LT Std';
src: url('../fonts/HelveticaLTStd-BoldCond.eot');
src: url('../fonts/HelveticaLTStd-BoldCond.eot?#iefix') format('embedded-opentype'),
url('../fonts/HelveticaLTStd-BoldCond.woff2') format('woff2'),
url('../fonts/HelveticaLTStd-BoldCond.woff') format('woff'),
url('../fonts/HelveticaLTStd-BoldCond.ttf') format('truetype'),
url('../fonts/HelveticaLTStd-BoldCond.svg#Helvetica LT Std') format('svg');
}
@font-face {
font-family: 'HelveticaNeueW01-77BdCn';
src: url('../fonts/HelveticaNeueW01-77BdCn.eot');
src: url('../fonts/HelveticaNeueW01-77BdCn.eot?#iefix') format('embedded-opentype'),
url('../fonts/HelveticaNeueW01-77BdCn.woff2') format('woff2'),
url('../fonts/HelveticaNeueW01-77BdCn.woff') format('woff'),
url('../fonts/HelveticaNeueW01-77BdCn.ttf') format('truetype'),
url('../fonts/HelveticaNeueW01-77BdCn.svg#HelveticaNeueW01-77BdCn') format('svg');
}
:root{
--primary-bg: #00338d;
--primary-bg-dark: #002361;
--primary-color: #1d3b7e;
--btn-color: #02358e;
--primary-font: 'HelveticaNeueW01-67MdCn';
--primary-font-light: 'Helvetica-CondensedLight';
--secondary-font: 'HelveticaNeueW01-57Cn';
--secondary-font-bold: 'Helvetica LT Std';
--HelveticaNeueW01-77: 'HelveticaNeueW01-77BdCn';
--swiper-navigation-size: 30.8px;
--swiper-pagination-color: white;
}
body{
font-family: var(--primary-font);
}
/*
APP TEMPLATE
*/
.block-overflow-hidden{
overflow: hidden;
}
.section-wrapper{
padding-top: 25px;
padding-bottom: 25px;
}
.section-header{
color: var(--primary-color);
font-family: var(--primary-font);
margin: 0;
}
.btn,
.btn:active,
.btn:focus,
.btn:hover{
border: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
outline: none !important;
}
.btn-primary{
font-family: var(--secondary-font);
background: var(--btn-color);
font-size: 14px;
padding: 9px 19px;
}
.card{
border: none;
border-radius: 0;
background-color: transparent;
}
.text-primary{
color: var(--btn-color) !important;
}
a:focus,
a:active,
a:hover{
outline: none;
}
.section-devider{
width: 100%;
position: relative;
text-align: center;
display: block;
}
.section-devider .text{
color: var(--primary-bg);
font-family: var(--primary-font);
font-size: 2.1rem;
padding: 5px 30px;
background: white;
position: relative;
z-index: 2;
display: inline-block;
}
.section-devider::before{
content: '';
position: absolute;
width: 100%;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 2px;
background: var(--primary-bg);
opacity: 0.5;
}
/*.breadcrumb-item + .breadcrumb-item::before{*/
/* content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+);*/
/*}*/
.page-item.active .page-link {
background-color: #002361;
border-color: #002361;
}
.page-link {
padding: 0.5rem 0.95rem;
color: #002361;
}
.app-breadcrumb{
position: relative;
}
.app-breadcrumb::before{
content: '-';
width: 380px;
height: 50px;
display: inline-block;
color: transparent;
-webkit-transform: translateY(-50%) translateX(-10px) skewX(-20deg);
-ms-transform: translateY(-50%) translateX(-10px) skewX(-20deg);
transform: translateY(-50%) translateX(-10px) skewX(-20deg);
background: var(--primary-bg);
mix-blend-mode: multiply;
-webkit-box-shadow: 11px -4px 18px 0 #00000054;
box-shadow: 11px -4px 18px 0 #00000054;
}
.breadcrumb{
margin-left: -15px;
display: inline-block;
padding-top: 0;
padding-bottom: 0;
margin-bottom: 0;
background: transparent;
font-family: var(--secondary-font), sans-serif;
}
.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item.active{
color: #454545;
}
.app-breadcrumb.in-section::before{
-webkit-transform: translateY(-35%) translateX(-10px) skewX(-20deg);
-ms-transform: translateY(-35%) translateX(-10px) skewX(-20deg);
transform: translateY(-35%) translateX(-10px) skewX(-20deg);
mix-blend-mode: unset;
-webkit-box-shadow: unset;
box-shadow: unset;
}
.block-title{
font-family: var(--HelveticaNeueW01-77);
color: #151515;
font-size: 33px;
margin-bottom: 20px;
}
.block-content{
font-family: var(--secondary-font);
-webkit-column-gap: 9%;
-moz-column-gap: 9%;
column-gap: 9%;
font-size: 20.3px;
color: #454545;
}
.parallax-mirror{
background: rgb(0,35,97);
background: -o-radial-gradient(top, circle, rgba(0,35,97,1) 0%, rgba(34,34,34,1) 100%);
background: radial-gradient(circle at top, rgba(0,35,97,1) 0%, rgba(34,34,34,1) 100%);
min-height: 440px;
min-width: 100%;
}
.dzspara-content{
position: absolute;
top: 0;
height: 100%;
}
input,
select,
textarea,
.nice-select.form-control{
border: solid 1px #d7d7d7 !important;
border-radius: 0px !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input:focus,
textarea:focus{
outline: 2px solid var(--primary-color) !important
}
input.error,
textarea.error,
input.error:focus,
textarea.error:focus{
outline: 2px solid #ff2c2c !important
}
label.col-form-label{
color: #454545;
font-family: var(--secondary-font);
font-size: 20px;
line-height: 1.1;
}
label.error{
color: #ff2c2c;
font-size: 0.8rem;
margin-bottom: 0;
}
.nice-select.form-control,
.nice-select.open .list{
width: 100%;
line-height: 31px;
}
.nice-select.open .list{
border: solid 1px #d7d7d7 !important;
border-radius: 0px !important;
}
.nice-select.open, .nice-select:active, .nice-select:focus{
outline: 2px solid var(--primary-color) !important;
}
.nice-select.form-control .current{
color: #cbcbcb;
font-family: var(--secondary-font);
}
.nice-select.form-control::after{
border-bottom: 4px solid #999;
border-right: 4px solid #999;
border-top: 4px solid transparent;
border-left: 4px solid transparent;
width: 0;
height: 0;
}
.btn-submit{
background: var(--primary-color);
color: white;
font-size: 16px;
padding: 8px 50px;
}
.btn-submit:hover{
color: #ededed;
}
@media (max-width: 767.98px) {
.app-breadcrumb::before{
width: 90px;
}
}
/*///////////////////
main navbar
///////////////////*/
.main-navbar {
width: 100%;
position: absolute;
z-index: 30;
left: 0;
top: 0;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
background: transparent;
}
.main-navbar.open-menu{
-webkit-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
background: rgba(255, 255, 255);
}
.main-navbar .navbar .nav-link{
padding: 1.5rem 1rem;
}
.navbar-fixed-bg {
position: fixed;
top: 0 !important;
background-color: rgba(255, 255, 255);
border-bottom: 1px solid rgb(228, 228, 228);
}
.main-navbar.open-menu .navbar .collapse .navbar-nav .nav-item a.nav-link,
.navbar-fixed-bg .navbar .collapse .navbar-nav .nav-item a.nav-link{
color: var(--primary-bg);
}
.navbar-fixed-bg .navbar-top {
height: 0;
}
.navbar-fixed-bg .navbar-light{
background: white;
}
.navbar-fixed-bg .off-scroll,
.on-scroll{
display: none;
}
.off-scroll,
.navbar-fixed-bg .on-scroll{
display: inline-block;
}
.logo-navbar {
max-width: 190px;
}
.on-scroll{
display: none;
}
.navbar-fixed-bg .on-scroll {
display: inherit;
}
.navbar-fixed-bg .off-scroll {
display: none;
}
/************navbar-top stye****************/
.navbar-top {
width: 100%;
position: relative;
-webkit-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
overflow: hidden;
background-color: var(--primary-bg);
}
.navbar-top .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* .header span
{ margin-left: 100px;
} */
.navbar-top .icons a {
padding-right: 1px;
color: white;
font-size: 12px;
-webkit-transition: 0.2s color ease-in-out;
-o-transition: 0.2s color ease-in-out;
transition: 0.2s color ease-in-out;
position: relative;
}
.navbar-top .icons .lang-link a:first-child::after{
content: '';
position: absolute;
top: 50%;
height: 50%;
right: -9px;
width: 1.5px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: rgb(218, 218, 218);
}
.navbar-top .icons .lang-link a:hover {
color: #e2e2e2;
text-decoration: underline;
}
.navbar-top span {
font-size: 12px;
letter-spacing: 2px;
line-height: 35px;
}
@media (max-width: 767.98px) {
.navbar-top span {
line-height: 10px;
margin-bottom: 10px;
margin-top: 10px;
font-size: 10px;
}
}
.navbar-light .navbar-toggler{
color:white;
border: none;
font-size: 25px;
}
.main-navbar.open-menu .navbar-light .navbar-toggler,
.navbar-fixed-bg .navbar-light .navbar-toggler{
color: var(--btn-color);
outline: none;
}
/************navbar stye****************/
.navbar .collapse .navbar-nav .nav-item a {
padding-left: 15px;
padding-right: 15px;
font-family: var(--primary-font) , 'Roboto', sans-serif;
color: #fff;
font-size: 19px;
position: relative;
}
/************end navbar stye****************/
/************carousel stye****************/
.carousel {
width: 100%;
bottom: 0;
position: relative;
}
.banner-carousel {
height: 750px;
}
@media (max-width: 767.98px) {
.banner-carousel {
height: 640px ;
}
}
.carousel,
.carousel-inner,
.carousel-item {
height: 100%;
}
.banner-main-inpage{
height: 440px;
}
.banner-main-inpage .title-block{
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.banner-main-inpage .banner-title{
color: white;
text-transform: capitalize;
font-family: var(--primary-font);
font-size: 40px;
}
.banner-main-inpage .banner-subtitle{
font-family: var(--primary-font-light);
font-size: 30px;
}
.banner-mission .block-top .banner-title{
font-size: 30px;
font-family: var(--secondary-font);
font-style: italic;
text-transform: unset;
position: relative;
margin-bottom: 30px;
}
.banner-mission .block-top .banner-title::before{
content: "“";
margin-right: 19px;
}
.banner-mission .block-top .banner-title::after{
content: "â€";
position: absolute;
bottom: 0;
margin-left: 12px;
line-height: 31px;
}
.banner-mission .block-top .banner-title::after ,
.banner-mission .block-top .banner-title::before {
font-size: 3.9rem;
}
.banner-mission .banner-auth{
-ms-flex-item-align: flex-end;
-ms-grid-row-align: flex-end;
align-self: flex-end;
color: white;
font-family: var(--secondary-font);
letter-spacing: 1px;
}
.banner-mission .banner-auth h4{
font-size: 18px;
margin-bottom: 0;
font-family: var(--secondary-font-bold);
}
.banner-mission .banner-d-5{
color: white;
line-height: 1;
font-size: 5.1rem;
margin-bottom: 0;
}
.banner-carousel {
background: rgb(0,35,97);
background: -o-radial-gradient(top, circle, rgba(0,35,97,1) 0%, rgba(34,34,34,1) 100%);
background: radial-gradient(circle at top, rgba(0,35,97,1) 0%, rgba(34,34,34,1) 100%);
}
.banner-carousel .carousel-content {
position: absolute;
bottom: 40%;
color: white;
-webkit-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
-o-transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
-webkit-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
transition-delay: 0.5s;
opacity: 1;
}
.banner-carousel .swiper-slide .carousel-content{
opacity: 0;
}
.banner-carousel .swiper-slide-active .carousel-content ,
.banner-carousel .carousel-item.active .carousel-content {
opacity: 1;
}
.banner-carousel .swiper-container-horizontal>.swiper-pagination-bullets{
bottom: 30%;
left: 13%;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.banner-carousel .swiper-pagination-bullets .swiper-pagination-bullet-active{
--swiper-pagination-color: #ffffff;
background: var(--swiper-pagination-color);
}
.banner-carousel .swiper-pagination-bullet{
width: 12px;
height: 12px;
background: transparent;
border: solid 2px #ffffff;
opacity: 1;
}
@media screen and (max-width: 758px){
.banner-main-inpage .banner-title{
font-size: 29px;
}
.banner-carousel .swiper-container-horizontal>.swiper-pagination-bullets{
left: 0;
width: 100%;
bottom: 15px;
}
}
/*.ourpeople-banner-area .banner-title{*/
/*font-size: 4.3rem;*/
/* text-transform: capitalize;*/
/*}*/
/*.location-banner-area .banner-title{*/
/* font-size: 2.1rem;*/
/* text-transform: none;*/
/*}*/
/* .banner-carousel .mainHomeSlider .slide-img-block{
transform: scale(0.8) translateY(200px);
transition: all ease 0.5s;
opacity: 0;
transition-delay: 0.8;
}
/* .banner-carousel .mainHomeSlider .swiper-slide-active .slide-img-block{
opacity: 1;
transform: scale(1) translateY(0);
} */
.banner-carousel .mainHomeSlider .slide-img-block,
.banner-carousel .carousel-inner .carousel-item{
background-size: cover;
height: 100%;
width: 100%;
}
.mainHomeSlider .swiper-button-next{ color: white; right: 40px; }
.mainHomeSlider .swiper-button-prev{ color: white; left: 40px; }
.mainHomeSlider .swiper-button-prev,
.mainHomeSlider .swiper-button-next{
color: white;
}
.banner-carousel .carousel-content .banner-title{
text-transform: capitalize;
text-shadow: 0 0 2px #0000008c;
}
.banner-carousel .carousel-inner .item1 {
background-image: url('../img/banner/slide-1.png');
}
.banner-carousel .carousel-inner .item2 {
background-image: url('../img/banner/slide-2.png');
}
.banner-carousel .carousel-inner .item3 {
background-image: url('../img/banner/slide-3.png');
}
.arrowgoto:before{
/*content: url('https://api.iconify.design/bi:arrow-right-circle.svg?height=29&color=white');*/
/*margin-left: 5px;*/
}
/* ////////////////////
WNEW-AREA
////////////////////*/
.wnew-area .new-single{
-webkit-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
-o-transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
transition: all cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.4s;
}
.wnew-area .new-single.-only-hover{
-webkit-transition: unset;
-o-transition: unset;
transition: unset;
}
.wnew-area .new-single .card,
.wnew-area .new-single.-only-hover{
overflow: hidden;
color: white;
-webkit-box-shadow: 0 0 30px 0px #a7a7a700;
box-shadow: 0 0 30px 0px #a7a7a700;
-webkit-transition: all ease 0.5s;
-o-transition: all ease 0.5s;
transition: all ease 0.5s;
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.wnew-area .new-single .card-img{
-webkit-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
border-radius: 0;
object-fill: cover
}
.wnew-area .new-single .card-title{
font-family: var(--primary-font);
margin-bottom: 5px;
}
.wnew-area .new-single .card-subtitle{
font-size: 16px;
}
.wnew-area .new-single.-only-hover .card-text{
margin-bottom: 30px;
font-family: 'Roboto';
font-weight: 200;
font-size: 14px;
}
.wnew-area .new-single:not(.-only-hover) .card-text{
font-family: 'Roboto', sans-serif;
font-weight: 100;
line-height: 1.3;
margin-top: 10px;
font-size: 13px;
margin-bottom: 50px;
display:none;
}
.wnew-area .new-single .hideing-block{
margin-top: 1.625rem;
height: 0px;
-webkit-transition-delay: 0.8s;
-o-transition-delay: 0.8s;
transition-delay: 0.8s;
-webkit-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
overflow: hidden;
}
.wnew-area .new-single .card-content{
position: absolute;
bottom: 15px;
width: calc(100% - 2.50rem);
}
.wnew-area .new-single.-only-hover:hover{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.wnew-area .new-single.active{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/*.wnew-area .new-single.active .card{
box-shadow: 0 -13px 20px -14px #404040;
}*/
.wnew-area .new-single .card-img-overlay{
background: -webkit-gradient( linear, left top, left bottom, color-stop(50%, #0000), to(#0000006b));
background: -o-linear-gradient( #0000 50%, #0000006b);
background: linear-gradient( #0000 50%, #0000006b);
-webkit-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
}
.wnew-area .new-single.active .hideing-block{
height: 50px;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.wnew-area .new-single.-only-hover:hover .card-img-overlay{
background: rgba(0, 0, 0, 0.692);
}
.wnew-area .new-single.-only-hover:hover .hideing-block{
margin-top: 10px;
height: 200px;
}
@media screen and (max-width: 768px){
.wnew-area .new-single{
margin-bottom: 40px;
}
.wnew-area .new-single:hover,
.wnew-area .new-single.active{
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
}
.wnew-area .new-single:hover .card-img,
.wnew-area .new-single.active .card-img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.banner-carousel .carousel-content {
bottom: 16%;
margin-left: 15px;
}
.about-page .banner-main-inpage .banner-title,
.banner-carousel .carousel-content .banner-title{
font-size: 30px;
}
.banner-mission .block-top .banner-title{
font-size: 22px;
line-height: 1.2;
}
.banner-mission .block-top .banner-title::after,
.banner-mission .block-top .banner-title::before {
font-size: 39px;
height: 24px;
display: inline-block;
}
}
/* ////////////////////
GLANCE-AREA
////////////////////*/
.glance-bg{
-webkit-box-shadow: 0 0px 20px -1px #bfbfbf;
box-shadow: 0 0px 20px -1px #bfbfbf;
background-size: cover;
background-repeat: no-repeat;
background-image: url(../img/glance/bg.jpg);
background-position: center;
}
.glance-area .glaces-numbers-block{
-webkit-box-shadow: 0 -13px 20px -14px #bfbfbf;
box-shadow: 0 -13px 20px -14px #bfbfbf;
color: #03215f;
}
.glanceinfo-area .block-jesaNumbers .jesaNumbers-map .icon-svg,
.glance-area .glaces-numbers-block .icon-svg{
width: 100px;
height: 73px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 22px;
margin-right: 20px;
border-right: solid 1px #b1bcd3;
}
.glance-area .glaces-numbers-block .icon-svg svg{
fill: #03215f;
}
.glanceinfo-area .block-jesaNumbers .jesaNumbers-map .pro-text,
.glance-area .glaces-numbers-block .pro-text{
font-size: 26px;
font-family: var(--secondary-font);
}
.glance-area .glance-block{
background: hsla(0, 0%, 0%, 0.4);
color: white;
}
.glance-area .glance-block .block-title{
margin: 0;
font-size: 35px;
font-family: var(--primary-font);
color: white;
}
.glance-area .glance-block .pg-block{
font-size: 20px;
max-width: 500px;
}
.glance-area .glance-block .pg-block span{
font-family: var(--secondary-font-bold);
}
/* ////////////////////
NETWORK-AREA
////////////////////*/
.network-bg{
background-color: #000033;
}
.network-bg .network-swiper{
padding-top: 80px;
padding-bottom: 80px;
}
.network-bg .network-swiper .parallax-bg {
position: absolute;
left: 0;
top: 0;
width: 130%;
height: 100%;
background-size: cover;
background-position: center;
}
.network-swiper .swiper-button-next,.network-swiper .swiper-button-prev{
--swiper-navigation-size: 34px;
top: 35%;
color: #02358e;
}
.network-swiper .swiper-button-disabled{
opacity: 0;
}
.network-swiper .swiper-button-next{ right: 40px; }
.network-swiper .swiper-button-prev{ left: 40px; }
.network-area .network-single .card-header,
.network-area .network-single .card-body,
.network-area .network-single .card-footer{
background: none;
border: none;
}
.network-area .network-single{
color: white;
text-align: center;
}
.network-area .network-single .card-header{
margin-bottom: 40px;
}
.network-area .network-single .card-header h2{
max-width: 250px;
margin: auto;
position: relative;
font-family: var(--primary-font);
}
.network-area .network-single .card-header h2::after{
content: '';
width: 100px;
height: 4px;
background: white;
position: absolute;
bottom: -15px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.network-area .network-single .card-body .card-text{
font-family: 'Roboto', sans-serif;
font-weight: 300;
font-size: 14px;
}
.network-area .network-single::after{
content: '';
position: absolute;
width: 1.5px;
height: 95%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
background: #5b5b7f;
right: 0;
}
/* ////////////////////
FORUS-AREA
////////////////////*/
.forus-inpage{
-webkit-box-shadow: .5rem 0 1rem rgba(0,0,0,.15) ;
box-shadow: .5rem 0 1rem rgba(0,0,0,.15) ;
}
.forus-area .bg-glob,
.forus-area .forus-block{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.forus-area .bg-glob{
background: -o-radial-gradient(circle, rgb(39, 96, 196) 0%, rgb(0, 35, 97) 100%);
background: radial-gradient(circle, rgb(39, 96, 196) 0%, rgb(0, 35, 97) 100%);
}
.col-md-6.pl-md-5.d-flex.flex-column.py-4.bg-glob::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-image: url(../img/extra/bg-map.webp);
z-index: 1;
opacity: 0.9;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
mix-blend-mode: lighten;
}
/*display: none;
mix-blend-mode: color-burn;
glob-bg.jpg*/
.forus-area .bg-glob .canva-block{
z-index: 2;
position: relative;
}
.forus-area .bg-glob .canva-block .glob-shadow{
width: 500px;
height: 500px;
position: absolute;
top: 50%;
left: 50%;
display: none;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
border-radius: 50%;
-webkit-box-shadow: 0 0 35px -10px white;
box-shadow: 0 0 35px -10px white;
z-index: 1;
pointer-events: none;
}
.tilt-block.tilt-3d{
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
mix-blend-mode: lighten;
}
.forus-area .bg-glob .logo-white-glob{
position: absolute;
max-width: 160px;
top: 57%;
right: 0px;
}
.tilt-block.tilt-3d .logo-white-glob{
-webkit-transform: translateZ(50px);
transform: translateZ(50px)
}
.forus-area .forus-block{
text-align: center;
background-image: url(../img/extra/bg-paper.jpg);
background-position: top center;
}
.forus-area .forus-block .forus-img{
margin-top: 60px;
max-width: 450px;
position: relative;
z-index: 4;
}
.forus-area .bg-glob .foot-title{
color: white;
position: relative;
z-index: 2;
}
.forus-area .bg-glob .foot-title::after{
content: '';
position: absolute;
width: 60px;
height: 3px;
background-color: white;
left: 0;
bottom: -10px;
}
.forus-area .forus-block .forus-body{
position: relative;
z-index: 2;
margin-top: -80px;
text-align: left;
background: white;
padding: 20px 30px;
padding-top: 70px;
-webkit-box-shadow: 0 -13px 30px -14px #404040;
box-shadow: 0 -13px 30px -14px #404040;
margin-right: 10px;
margin-left: 10px;
}
.forus-area .forus-block .forus-body .title-block{
color: #7ba515;
margin-bottom: 20px;
}
.forus-area .forus-block .forus-text{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 17px;
}
.forus-area .forus-footlogo{
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.forus-area .forus-links .nav-item a{
color: var(--primary-bg-dark);
padding: 10px 18px;
}
.footer-area{
background: var(--primary-bg-dark);
}
.footer-area .nav .nav-item,
.footer-area .nav .nav-item a{
color: white;
font-family: var(--secondary-font);
}
.footer-area .nav .nav-item.copyrigh,
.footer-area .nav .nav-item:not(.icon) a{
padding: 6px;
}
@media screen and (max-width: 768px){
.forus-area .forus-block .forus-img{
max-width:210px;
}
.forus-area .forus-block .forus-body{
margin-top: -50px;
padding-right: 20px;
padding-left: 20px;
padding-top: 50px;
}
.forus-area .forus-block .forus-body .title-block{
font-size: 28px;
}
.forus-area .forus-footlogo{
position: static;
display: block;
text-align: center;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-bottom: 10px;
}
.footer-area .nav .nav-item.copyrigh{
padding-right: 6px;
padding-left: 6px;
}
.forus-area .bg-glob .logo-white-glob{
max-width: 80px;
right: 24px;
}
.tilt-block.tilt-3d .logo-white-glob{
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
}
}
/*------------------------
JESAMOBILIZED-AREA
-------------------------*/
.jesamobilized-area h1{
font-family: var(--HelveticaNeueW01-77);
color: #151515;
font-size: 33px;
margin-bottom: 20px;
}
.jesamobilized-content{
width: 100%;
font-family: var(--secondary-font);
-webkit-column-gap: 9%;
-moz-column-gap: 9%;
column-gap: 9%;
font-size: 20.3px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
color: #454545;
}
.jesamobilized-content.-no-col{
-webkit-column-count: unset;
-moz-column-count: unset;
column-count: unset;-webkit-column-gap: unset;-moz-column-gap: unset;column-gap: unset;
width: auto;
}
.jesamobilized-foot{
margin-top: 20px;
font-family: var(--HelveticaNeueW01-77);
color: #151515;
font-size: 29px;
line-height: 1.2;
text-align: center;
}
@media screen and (max-width: 768px){
.jesamobilized-content{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.jesamobilized-content br{
display: none;
}
}
/*
alert-covid19
*/
.alert-covid19{
position: fixed;
width: 100%;
bottom: 0;
background: #ffffff;
z-index: 2000;
border-radius: 0;
margin-bottom: 0;
-webkit-box-shadow: .5rem 0 1rem rgba(0,0,0,.15);
box-shadow: .5rem 0 1rem rgba(0,0,0,.15);
}
.alert-covid19 .shield-svg{
width: 120px;
height: 120px;
}
.alert-covid19 h3{
font-family: var(--HelveticaNeueW01-77);
color: #151515;
font-size: 28px;
}
.alert-covid19 p{
font-family: 'Roboto', sans-serif;
font-weight: 400;
font-size: 17px;
}
@media screen and (max-width: 768px){
.alert-covid19 .shield-svg{
width: 60px;
height: 60px;
}
.alert-covid19 p{
display: none;
}
.alert-covid19 h3{
font-size: 19px;
}
.alert-covid19 .close{
position: absolute;
top: 0px;
right: 6px;
}
.alert-covid19 .btn{
font-size: 12px;
padding: 8px 10px;
}
}
/*
DIRECTOR-AREA
*/
.director-area{
padding-bottom: 60px;
}
.director-area .block-content p{
margin-bottom: 30px;
}
/*-----------------------
GLANCEINFO-AREA
-------------------------*/
.glanceinfo-area{
position: relative;
}
.jesaNumbers-body{
/* background: var(--primary-bg); */
color: white;
width: 430px;
height: 350px;
position: relative;
}
.jesaNumbers-body::before,
.jesaNumbers-body::after{
content: '';
position: absolute;
width: 100%;
height: 100%;
}
.jesaNumbers-body::before{
top: 45px;
left: 30px;
background: black;
opacity: .4;
}
.jesaNumbers-body::after{
top: 0;
left: 0;
background: var(--primary-bg);
}
.block-jesaNumbers{
position: absolute;
top: -90px;
right: 0;
height: calc(100% + 90px);
}
.block-jesaNumbers::before{
content: '';
position: absolute;
z-index: 2;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: url(../img/about/info-bg.png);
background-size: 100%;
/* background-position: right 40px; */
background-repeat: no-repeat;
mix-blend-mode: multiply;
background-position: top;
opacity: 0.45;
}
.jesaNumbers-body .block-title{
color: white;
font-size: 2.4rem;
position: relative;
z-index: 4;
font-family: var(--primary-font);
}
.jesaNumbers-map{
position: relative;
z-index: 4;
}
.jesaNumbers-map .map-casablanca{
margin-left: 30px;
}
.jesaNumbers-map .casa-content{
width: 150px;
margin-left: 20px;
position: relative;
}
.jesaNumbers-map .casa-content .casa-body{
position: absolute;
top: 0;
left: 0;
}
.jesaNumbers-map .casa-content h5{
font-size: 12px;
margin-bottom: 0;
}
.jesaNumbers-map .casa-content h2{
margin-bottom: 0;
font-size: 2.1rem;
}
.jesaNumbers-map .casa-content span{
font-size: 16px;
display: block;
margin-top: -10px;
}
.jesaNumbers-list{
position: absolute;
top: 0;
}
.jesaNumbers-list .nav-item:nth-child(1){
margin-left: 190px;
}
.jesaNumbers-list .nav-item:nth-child(2){
margin-left: 150px;
}
@media screen and (max-width: 768px){
.jesaNumbers-body{
width: 100%;
}
.block-jesaNumbers{
position: relative;
top: auto;
right: auto;
padding: 0;
margin-bottom: 50px;
}
.jesaNumbers-body::before {
top: 15px;
left: 10px;
}
.jesaNumbers-map .casa-content{
margin-left: 0px;
}
.jesaNumbers-map .map-casablanca svg{
width: 98px;
height: 100px;
margin-top: 30px;
}
.jesaNumbers-list .nav-item:nth-child(1){
margin-left: 120px;
}
.jesaNumbers-list .nav-item:nth-child(2){
margin-left: 70px;
}
}
.glanceinfo-area .block-content{
font-size: 1.24em;
}
.glanceinfo-area .block-jesaNumbers .jesaNumbers-map .icon-svg{
width: 82px;
height: 73px;
fill: white;
border: none;
position: relative;
}
.glanceinfo-area .block-jesaNumbers .jesaNumbers-map .icon-svg::after{
content: '';
height: 70%;
width: 1px;
background-color: rgba(158, 158, 158, 0.829);
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.glanceinfo-area .block-jesaNumbers .jesaNumbers-map .pro-text{
font-size: 26px;
font-family: var(--secondary-font);
}
/*-------------------------
CD-TIMELINE
-------------------------*/
:root{
--cd-color-2: #e7e2e1;
}
/*@media screen and (min-width: 768px){*/
@media screen and (min-width: 991.98px){
.cd-timeline__block._right{-ms-flex-direction:row-reverse;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}
.cd-timeline__container .cd-timeline__block._left .cd-timeline__date{
position:absolute;width:100%;left:120%;
top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}
.cd-timeline__container .cd-timeline__block._left .cd-timeline__content > .row{
text-align: right;
}
.jesamobilized-area .cd-timeline__block._right .cd-timeline__img{
margin-right: calc(5% - 10px);
}
.cd-timeline__container .cd-timeline__block._right .cd-timeline__date{
left:auto;right:120%;text-align:right;
top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
}
}
.cd-timeline__container .cd-timeline__block .cd-timeline__content > .row p{
font-family: var(--primary-font);
color: var(--primary-bg);
line-height: 1.3;
font-size: 18px;
margin-bottom: 0;
}
.cd-timeline__container .cd-timeline__block.color-72ddd4 .cd-timeline__content > .row p{
color: #72ddd4
}
.cd-timeline__container .cd-timeline__block.color-498e54 .cd-timeline__content > .row p{
color: #498e54
}
.cd-timeline__container .cd-timeline__block .cd-timeline__content > .row span{
font-family: var(--primary-font);
color: #bfb2ae;
}
.cd-timeline__container .cd-timeline__block .cd-timeline__content > .row .col-auto h2{
font-family: var(--primary-font);
color: #474043;
line-height: 1;
font-size: 2.6rem;
}
.cd-timeline__container .cd-timeline__block .cd-timeline__content > .row .col-auto p{
margin-bottom: 0;
color: #a5a1a0;
font-size: 18px;
}
.cd-timeline__container .cd-timeline__block .cd-timeline__date .__year{
color: var(--primary-bg);
margin-bottom: 0;
font-size: 2.4rem;
font-family: var(--primary-font);
line-height: 0.7;
}
.cd-timeline__container .cd-timeline__block.color-498e54 .cd-timeline__date .__year{
color: #498e54 ;
}
.cd-timeline__container .cd-timeline__block .cd-timeline__date .__seasion{
color: #a5a1a0;
font-family: var(--primary-font);
font-size: 17px;
float: left;
}
.cd-timeline__container .cd-timeline__block .cd-timeline__date .__moreinfo{
color: var(--primary-bg);
font-family: var(--primary-font);
line-height: 1.2;
display: inline-block;
-webkit-transform: translateY(5.9px);
-ms-transform: translateY(5.9px);
transform: translateY(5.9px);
}
.cd-timeline__container .cd-timeline__block._right .cd-timeline__date .__moreinfo{
text-align: left;
float: left;
}
.cd-timeline__container .cd-timeline__block._left .cd-timeline__date .__moreinfo{
text-align: right;
float: right;
}
.cd-timeline__container::after{
content: '';
position: absolute;
left: 50%;
bottom: -20px;
border-style: solid;
border-width: 4px 4px 0 0;
border-color: var(--cd-color-2);
display: inline-block;
height: 13px;
width: 13px;
-webkit-transform: translateX(-50%) rotate(135deg);
-ms-transform: translateX(-50%) rotate(135deg);
transform: translateX(-50%) rotate(135deg);
}
.cd-timeline__container::before{
height: calc(100% + 20px );
}
.cd-timeline{
background: transparent;
padding: var(--space-xl) 0;
}
.cd-timeline__container .cd-dotted{
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-left: dotted 4px #8f8683;
height: 74px;
position: absolute;
top: -76px;
}
.cd-timeline__block{
margin-bottom: 0;
}
/* dotted center */
.cd-timeline__block .cd-timeline__img{
-webkit-box-shadow: 0 0 0 4px var(--color-white);
box-shadow: 0 0 0 4px var(--color-white);
width: 20px;
height: 20px;
margin-left: calc(5% - 10px);
background: #72ddd4;
}
.jesamobilized-area .cd-timeline__block:nth-child(2n) .cd-timeline__img{
background: #233f88;
}
.cd-timeline__content{
background: transparent;
border:none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 20px 0;
}
.cd-timeline__content::before{
display: none;
}
.cd-timeline__content .timeline-row-icon{
border-radius: 50%;
-webkit-box-shadow: var(--shadow-sm);
box-shadow: var(--shadow-sm);
width: 44px;
height: 44px;
background: white;
position: relative;
}
.cd-timeline__content .timeline-row-icon svg{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
fill: #bfb2ae;
}
/*@media screen and (min-width: 768px){*/
@media screen and (min-width: 991.98px){
.cd-timeline__block._right .cd-timeline__date > .row{
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
justify-content: flex-end;
}
.cd-timeline__block._right .cd-timeline__content > .row > div:nth-child(2),
.cd-timeline__block._right .cd-timeline__date > .row > div:nth-child(1){
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.cd-timeline__block._right .cd-timeline__content > .row > div:nth-child(1),
.cd-timeline__block._right .cd-timeline__date > .row > div:nth-child(2){
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.cd-timeline__block._left .cd-timeline__date > .row{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
justify-content: flex-start;
}
.cd-timeline__block._left .cd-timeline__content > .row > div:nth-child(1),
.cd-timeline__block._left .cd-timeline__date > .row > div:nth-child(1){
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.cd-timeline__block._left .cd-timeline__content > .row > div:nth-child(1),
.cd-timeline__block._left .cd-timeline__date > .row > div:nth-child(2){
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media screen and (max-width: 768px){
.cd-timeline__content{
background: #f7f7f7;
padding-left: 10px;
margin-bottom: 10px;
margin-top: 10px;
}
.cd-timeline__content::before{
display: inline-block;
top: 50%;
border: 10px solid #0000;
border-right-color: hsl(0, 0%, 89.8%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.cd-timeline__container{
margin-left: 0;
margin-right: 0;
max-width: 100%;
width: 100%;
}
.cd-timeline__block .cd-timeline__img{
margin-left: calc(5% - 4px);
}
.cd-timeline__container .cd-dotted,
.cd-timeline__container::after{
left: 19px;
}
.cd-timeline__date{
margin-top: 20px;
}
.cd-timeline__container .cd-timeline__block .cd-timeline__content > .row .col-auto h2{
font-size: 1.6rem;
}
.cd-timeline__container .cd-timeline__block .cd-timeline__content > .row .col-auto p{
font-size: 11px;
}
.cd-timeline__container .cd-timeline__block .cd-timeline__content > .row p {
font-size: 14px;
}
.cd-timeline__container .cd-timeline__block .cd-timeline__date .__year{
font-size: 1.1rem;
}
.cd-timeline__container .cd-timeline__block._left .cd-timeline__date .__moreinfo{
font-style: 14px;
}
.cd-timeline__content .timeline-row-icon{
width: 50px;
height: 50px;
padding: 8px;
}
.cd-timeline__content .timeline-row-icon svg{
width: 34px;
height: 34px;
}
}
@media (max-width: 991.98px) and (min-width: 758px){
.cd-timeline{
max-width: 430px;
margin: auto;
}
.cd-timeline__block .cd-timeline__img{
margin-left: calc(3% - 4px);
}
}
/*-------------------------
MISSION-AREA
-------------------------*/
.mission-area{
padding-top: 50px;
}
.mission-area .mission-pg{
font-family: var(--secondary-font);
font-size: 32px;
line-height: 1;
}
.jesamobilized-area.mission-area h1{
font-size: 38px;
}
.mission-area .jesamobilized-content .mission-block-title{
color: #151515;
font-family: var(--HelveticaNeueW01-77);
font-size: 1.5rem;
}
.mission-area p{
font-family: var(--secondary-font);
font-size: 20.3px;
color: #454545;
}
.about-location-area .block-pg,
.ourpeople-area .block-pg{
color: #454545;
font-size: 1.4rem;
font-family: var(--secondary-font);
}
@media screen and (max-width:768px){
.ourpeople-area img{
max-width: 100%;
}
.jesamobilized-area.mission-area h1,
.jesamobilized-area h1{
font-size: 23px;
}
.mission-area .mission-pg{
font-size: 18px;
}
}
/*world-map*/
#jesa-world {
position: relative;
}
#jesa-world path[id='sn']:hover,
#jesa-world path[id='ma']:hover,
#jesa-world path[id='et']:hover,
#jesa-world path[id='bj']:hover,
#jesa-world path[id='usa']:hover,
#jesa-world path[id='ci']:hover,
#jesa-world g:hover {
fill: #2662b2 !important;
cursor: pointer;
}
.map-popup{
padding: 10px 16px;
padding-right: 30px;
background-image: -o-linear-gradient( 75deg, rgba(27, 56, 105, 0.8) , rgba(152, 179, 230, 0.8));
background-image: linear-gradient( 15deg, rgba(27, 56, 105, 0.8) , rgba(152, 179, 230, 0.8));
position: absolute;
color: white;
z-index: 5;
display: none;
pointer-events: none;
}
.map-popup::after{
content: '';
position: absolute;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid rgba(27, 56, 105, 0.8);
bottom: -9px;
left: calc( 10px );
}
.map-popup p{
margin-bottom: 0;
}
.map-popup a{
text-decoration: none;
color: white;
}
.map-popup a:hover{
text-decoration: underline;
}
.map-popup ul{
padding-left: 0;
margin: 0;
}
.map-popup ul li{
list-style: none;
margin: 0;
}
.title{
font-family: var(--HelveticaNeueW01-77);
color: var(--primary-bg);
}
.subtitle{
font-family: var(--secondary-font);
color: var(--primary-bg);
}
.jesawold-info-container .link{
text-align: right;
font-size: 18px;
}
.jesawold-info-container .link:hover{
text-decoration: underline;
}
/* JESAWOLD-INFO */
.jesawold-info-container .jesawold-info-content-p{
padding-right: 50px;
}
.jesawold-info-container .jesawold-info-content{
color: #454545;
font-family: var(--secondary-font);
font-size: 20px;
}
.jesawold-info-container .jesaworld-detail{
position: relative;
padding-left: 50px;
font-family: var(--secondary-font);
color: #000000;
font-size: 18px;
}
.jesawold-info-container .jesaworld-detail::before{
content: '';
width: 1px;
height: 100%;
background: #ccd6e8;
position: absolute;
top: 0;
left: 0;
}
.jesawold-info-container .jesaworld-detail ul{
padding-left: 0;
}
.jesawold-info-container .jesaworld-detail ul li{
list-style: none;
position: relative;
}
.jesawold-info-container .jesaworld-detail ul:not(.no-dots) li::before{
content: '';
height: 6px;
width: 6px;
margin-right: 20px;
background: black;
display: inline-block;
border-radius: 50%;
}
.jesaworld-bycountrys .nav-link{
font-family: var(--HelveticaNeueW01-77);
color: #6c6c6c;
background: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: auto;
text-align: left;
outline: none;
font-size: 20px;
}
.jesaworld-bycountrys .nav-link:focus{
outline: none;
}
.jesaworld-bycountrys .nav-item{
position: relative;
}
.jesaworld-bycountrys .nav-item::after{
content: '';
width: 2px;
height: calc( 100% - 15px);
background: var(--primary-bg);
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%) rotate(16deg);
-ms-transform: translateY(-50%) rotate(16deg);
transform: translateY(-50%) rotate(16deg);
}
.jesaworld-bycountrys .nav-item:last-child::after{
display: none;
}
.jesaworld-bycountrys .nav-link.active{
background: none;
color: #00338d;
}
@media screen and (max-width:768px){
.jesaworld-bycountrys .nav-link{
font-size: 16px;
line-height: 1;
}
.jesaworld-bycountrys .nav-item::after{
display: none;
}
.jesawold-info-container .jesawold-info-content-p{
padding-right: 15px;
}
.jesawold-info-container .jesaworld-detail{
padding-left: 15px;
}
.jesawold-info-container .jesaworld-detail::before{
display: none;
}
}
.contact-info{
background: var(--primary-bg);
padding: 18px;
color: white;
font-size: 18px;
}
/*-----------------
institute-area
-----------------*/
.institute-area{
margin-bottom: 50px;
}
.institute-area .block-title{
font-size: 1.9rem;
}
.institute-area .pg-title{
color: #454545;
font-family: var(--secondary-font-bold);
margin-top: 30px;
margin-bottom: 15px;
}
.institute-area .pg{
color: #454545;
font-size: 19px;
}
/* ----------------------
EXPERTISE
-------------------- */
.project-delivery-area .d-foot{
margin: auto;
font-size: 3rem;
}
.trans--50{
margin-top: -30%;
}
@media screen and (max-width: 758px){
.project-delivery-area .trans--50{
margin-top: 30px;
margin-right: auto;
margin-left: auto;
}
.project-delivery-area .d-foot{
font-size: 2rem;
}
}
/* ----------------------
MARKETS
-------------------- */
.markets-mining-area{
position: relative;
}
.markets-mining-area .float-x-left,
.markets-mining-area .float-x-right{
position: absolute;
top: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.markets-mining-area .float-x-right{
right: 0;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.markets-mining-area .float-x-left{
left: 0;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.markets-mining-area h1{
font-size: 2.1rem;
margin-bottom: 20px;
font-family: var(--primary-font);
}
.markets-mining-area h1,
.markets-mining-area .subtitle{
color: #000000
}
.markets-mining-area .subtitle{
font-family: var(--HelveticaNeueW01-77);
font-size: 1.5rem;
margin-bottom: 20px;
max-width: 80%;
}
.markets-mining-area .content-slide{
background-color: rgba(255, 255, 255, 0.8);
min-height: 420px;
}
.font-77{
font-family: var(--HelveticaNeueW01-77);
}
@media screen and (max-width: 758px){
.markets-mining-area .float-x-left,
.markets-mining-area .float-x-right{
position: relative;
left: auto;
right: auto;
top: auto;
}
.markets-mining-area .float-x-left,
.markets-mining-area .float-x-right,
.markets-mining-area .content-slide{
padding-top: 20px;
padding-bottom: 20px;
}
}
/*
MODEL PROJECT DETAIL
*/
#modelProjectDetail .banner-main-inpage{
background-size: cover;
position: relative;
height: auto;
}
#modelProjectDetail .app-breadcrumb::before {
width: 500px;
}
#modelProjectDetail .banner-subtitle{
font-family: var(--primary-font);
color: white;
}
#modelProjectDetail .capture-modal{
position: absolute;
top: 0;
left: 0;
width: 100%;
background: -webkit-gradient( linear, left top, left bottom, color-stop(50%, #0000), to(#0000006b));
background: -o-linear-gradient( #0000 50%, #0000006b);
background: linear-gradient( #0000 50%, #0000006b);
}
#modelProjectDetail .default-pg{
font-family: var(--secondary-font);
color: #454545;
font-size: 19px;
}
#modelProjectDetail .default-pg::after{
content: '';
position: absolute;
top: 0;
right: 0;
height: 95%;
width: 1px;
background: lightgray;
}
#modelProjectDetail .modal-moreinfo strong{
font-size: 24px;
color: #151515;
font-family: var(--HelveticaNeueW01-77);
}
#modelProjectDetail .modal-moreinfo p{
color: #454545;
font-family: var(--secondary-font);
font-size: 20px;
}
#modelProjectDetail .modal-content{
border-radius: 0;
}
@media screen and (max-width: 768px){
#modelProjectDetail .app-breadcrumb::before {
width: 160px;
}
#modelProjectDetail .banner-main-inpage .banner-title{
font-size: 20px;
}
#modelProjectDetail .banner-main-inpage .banner-subtitle{
font-size: 16px;
}
#modelProjectDetail{
z-index: 20000;
}
#modelProjectDetail #modal_content{
/*#modelProjectDetail #modal_content .row div[class*="col-"]*/
padding-left: 0;
padding-right: 0;
}
}
/*
mega-drop
*/
.mega-drop{
position: static;
}
.mega-drop.show{
display: block;
}
.mega-drop .dropdown-menu{
top: -3px;
left: 0;
width: 100vw;
min-height: 210px;
height: calc( 440px - 35px);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-image: none !important;
background-color: #011e4fa8;
padding-top: calc( 73px + 38px);
padding-bottom: 20px;
z-index: -2;
}
.mega-drop .dropdown-menu .menu-list{
position: relative;
min-width: 190px;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
padding: 0;
display: inline-block;
position: relative;
left: 50%;
opacity: 0;
}
.main-navbar .mega-drop .dropdown-menu .menu-list .submenu li a::before,
.main-navbar .mega-drop .dropdown-menu .menu-list li .drop-item::before,
.navbar .collapse .navbar-nav .nav-item a.nav-link::after{
content: '';
width: 0px;
height: 4px;
background: white;
position: absolute;
bottom: 10px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.main-navbar .mega-drop .dropdown-menu .menu-list li .drop-item::before{
right: 15px;
left: auto;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
height: 1px;
bottom: 3px;
}
.main-navbar .mega-drop .dropdown-menu .menu-list .submenu li a::before{
left: 15px;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
height: 1px;
bottom: -2px;
}
.main-navbar .mega-drop .dropdown-menu .menu-list li .drop-item.active-section::before,
.main-navbar .mega-drop .dropdown-menu .menu-list li .drop-item:hover::before{
width: calc( 100% - 30px );
}
.main-navbar .mega-drop .dropdown-menu .menu-list .submenu li a.active-section::before,
.main-navbar .mega-drop .dropdown-menu .menu-list .submenu li a:hover::before{
width: calc( 100% - 30px );
}
.navbar-fixed-bg .navbar .collapse .navbar-nav .nav-item a.nav-link::after{
background: var(--primary-bg);
}
.navbar .collapse .navbar-nav .nav-item.active_page a.nav-link::after,
.drop-parent.active .dropdown-link::after,
.navbar .collapse .navbar-nav .nav-item:hover a.nav-link:not(#search)::after{
width: 90px;
}
.main-navbar .mega-drop .dropdown-menu .menu-list li{
list-style: none;
text-align: right;
color: white;
}
.main-navbar .mega-drop .dropdown-menu .menu-list .submenu li{
text-align: left;
-webkit-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
-webkit-transform: translate(-20px);
-ms-transform: translate(-20px);
transform: translate(-20px);
opacity: 0;
}
.main-navbar .mega-drop .dropdown-menu .menu-list .submenu li a{
font-size: 18px;
line-height: 36px;
font-weight: light;
font-family: var(--primary-font-light) !important;
text-decoration: none;
}
.main-navbar .mega-drop .dropdown-menu .menu-list .submenu{
position: absolute;
display: inline-block;
left: calc(100% + 29px);
top: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 220px;
height: auto;
opacity: 0;
font-family: var(--secondary-font);
padding-top: 7px;
padding-left: 25px;
visibility: hidden;
}
.mega-drop .menu-list .submenu::before{
position: absolute;
content: '';
height: 100%;
width: 2px;
background: #a0a1a2;
left: 0;
top: 0;
}
.mega-drop .menu-list .drop-submenu_third .submenu::before{
opacity: 0;
}
.main-navbar .mega-drop .dropdown-menu .menu-list li .drop-item{
color: inherit;
font-family: var(--primary-font-light) !important;
display: inline-block;
font-size: 20px;
text-decoration: none;
line-height: 38px;
}
.main-navbar .mega-drop .dropdown-menu .menu-list li .drop-item.disabled{
color: #979797;
}
.mega-drop .menu-list .drop-item.active ~ .submenu,
.mega-drop .menu-list .drop-item.active ~ .submenu li{
-webkit-transform: translate(0px);
-ms-transform: translate(0px);
transform: translate(0px);
opacity: 1;
visibility: visible;
}
.mega-drop .dropdown-menu .menu-list li .drop-parent-third::after,
.mega-drop .dropdown-menu .menu-list li .drop-item::after{
content: url('data:image/svg+xml;utf8,<svg width="10px" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40.3 71.5"><polygon fill="white" points="40.3,35.6 4.4,71.5 0,71.5 35.9,35.6 0.3,0 4.7,0 "/></svg>');
position: absolute;
opacity: 0;
color: inherit;
-webkit-transition: all ease 0.4s;
-o-transition: all ease 0.4s;
transition: all ease 0.4s;
left: 98%;
}
.mega-drop .dropdown-menu .menu-list li .drop-parent-third::after{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.mega-drop .dropdown-menu .menu-list li .drop-item:hover{
text-decoration: none;
color: white;
}
.mega-drop .dropdown-menu .menu-list li.drop-submenu .drop-item.active::after{
left: 102%;
opacity: 1;
left: 102%;
}
.mega-drop .dropdown-menu .menu-list .drop-submenu_third:hover .submenu{
position: static;
display: block;
visibility: visible;
opacity: 1;
-webkit-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s;
}
.mega-drop .dropdown-menu .menu-list .drop-submenu_third:hover .drop-parent-third::after{
opacity: 1;
}
/*
digital-service
*/
.digital-service{
background: #f9f9f9;
border-radius: 0;
-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0, 14%);
box-shadow: 0 0 8px 0 rgba(0,0,0, 14%);
height: 100%;
}
.digital-service .card-body ,
.digital-service .card-header {
background: transparent;
border: none;
border-radius: 0;
}
.digital-service .card-header {
height: 150px;
}
.digital-service .card-body .card-title{
font-family: var(--HelveticaNeueW01-77);
color: var(--primary-bg);
font-size: 1.2rem;
}
.digital-service .card-body{
font-family: var(--secondary-font);
color: #454545;
font-size: 1rem;
}
.foundation-single{
background: #00338d
}
.foundation-single .card-body .card-title{
color: white;
max-width: 70%;
margin: auto;
font-size: 1.4rem;
text-align: center;
}
/*
mobile navbar
*/
.wp_mm_wrapper{
height: 100vh;
width: calc(100vw - 30px);
}
.wp_mm_wrapper,
.wp_mm_wrapper .nav-menu .sub-menu{
background-color: #fff;
}
.wp_mm_wrapper .nav-menu .sub-menu{
height: calc( 100% - 60px);
}
.wp_mm_wrapper .nav-menu li{
border-bottom: 1px solid rgb(224, 224, 224);
-o-border-image: none;
border-image: none;
}
.wp_mm_wrapper .nav-menu a,
.wp_mm_wrapper .nav-menu li{
color: var(--primary-bg);
}
.wp_mm_wrapper .nav-menu li.menu-item-has-children > a{
width: 80%;
}
.wp_mm_wrapper .nav-menu li.menu-item-has-children span{
border: none;
border-left: 1px solid rgb(224, 224, 224);
margin: 0;
height: 100%;
line-height: 2.4;
}
#toggle-menu {
display: none;
top: 49px;
-webkit-transform: rotate(0deg) scale(0.8);
-ms-transform: rotate(0deg) scale(0.8);
transform: rotate(0deg) scale(0.8);
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
transition: all 0.2s ease-in-out 0s;
}
.toggle-fixed #toggle-menu,
#toggle-menu.open {
top: 19px;
}
#toggle-menu span{
background-color: var(--primary-bg);
height: 3px;
}
.wp_mm_wrapper .menu-footer{
position: fixed;
bottom: 0;
margin-bottom: 0;
width: 100%;
border-top: 1px solid rgb(224, 224, 224);
}
@media screen and (max-width: 758px){
#toggle-menu {
display: block;
}
}
@media screen and (max-width: 991.98px){
#toggle-menu {
display: block;
}
}
/*
onload
*/
.cssload-loader-container{position:fixed;z-index:4000;top:0;left:0;height:100vh;width:100vw;background:var(--primary-color)}.cssload-loader{position:relative;top:calc(50% - 36px);left:calc(50% - 36px);width:72px;height:72px;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-webkit-perspective:900px;perspective:900px}.cssload-inner{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.cssload-inner.cssload-one{left:0;top:0;animation:cssload-rotate-one 1.15s linear infinite;-o-animation:cssload-rotate-one 1.15s linear infinite;-ms-animation:cssload-rotate-one 1.15s linear infinite;-webkit-animation:cssload-rotate-one 1.15s linear infinite;-moz-animation:cssload-rotate-one 1.15s linear infinite;border-bottom:3px solid #fff}.cssload-inner.cssload-two{right:0;top:0;animation:cssload-rotate-two 1.15s linear infinite;-o-animation:cssload-rotate-two 1.15s linear infinite;-ms-animation:cssload-rotate-two 1.15s linear infinite;-webkit-animation:cssload-rotate-two 1.15s linear infinite;-moz-animation:cssload-rotate-two 1.15s linear infinite;border-right:3px solid #fff}.cssload-inner.cssload-three{right:0;bottom:0;animation:cssload-rotate-three 1.15s linear infinite;-o-animation:cssload-rotate-three 1.15s linear infinite;-ms-animation:cssload-rotate-three 1.15s linear infinite;-webkit-animation:cssload-rotate-three 1.15s linear infinite;-moz-animation:cssload-rotate-three 1.15s linear infinite;border-top:3px solid #fff}@keyframes cssload-rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0);transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg);transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@-webkit-keyframes cssload-rotate-one{0%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(-45deg) rotateZ(360deg)}}@keyframes cssload-rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0);transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg);transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@-webkit-keyframes cssload-rotate-two{0%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(0)}100%{-webkit-transform:rotateX(50deg) rotateY(10deg) rotateZ(360deg)}}@keyframes cssload-rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0);transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg);transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}@-webkit-keyframes cssload-rotate-three{0%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(0)}100%{-webkit-transform:rotateX(35deg) rotateY(55deg) rotateZ(360deg)}}.burger-menu:active,.burger-menu:focus{outline:0}.burger-menu{text-align:right;display:block;padding:10px 8px;outline:0;border:none}.burger-menu span{background:#fff;height:3px;display:block;margin-bottom:5px;border-radius:5px;margin-left:auto;-webkit-transition:all ease .4s;-o-transition:all ease .4s;transition:all ease .4s}.main-navbar.navbar-fixed-bg .burger-menu span,.main-navbar.open-menu .burger-menu span{background:var(--btn-color)}.burger-menu span:nth-child(1){width:35px}.burger-menu span:nth-child(2){width:25px}.burger-menu span:nth-child(3){width:15px;margin-bottom:0}.burger-menu[aria-expanded=true] span{width:35px}