* {
box-sizing: border-box;
}
body, html {
font-family: "Roboto" !important;
}
@font-face {
font-family: "Roboto";
src: local(Roboto Thin), url("fonts/Roboto-Thin.woff2") format("woff2"),
url("fonts/Roboto-Thin.woff") format("woff"),
url("fonts/Roboto-Thin.ttf") format("truetype");
font-weight: 200;
}
@font-face {
font-family: "Roboto";
src: local(Roboto Light), url("fonts/Roboto-Light.woff2") format("woff2"),
url("fonts/Roboto-Light.woff") format("woff"),
url("fonts/Roboto-Light.ttf") format("truetype");
font-weight: 300;
}
@font-face {
font-family: "Roboto";
src: local(Roboto Regular), url("fonts/Roboto-Regular.woff2") format("woff2"),
url("fonts/Roboto-Regular.woff") format("woff"),
url("fonts/Roboto-Regular.ttf") format("truetype");
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url("fonts/Roboto-Medium.woff2") format("woff2"),
url("fonts/Roboto-Medium.woff") format("woff"),
url("fonts/Roboto-Medium.ttf") format("truetype");
font-weight: 500;
}
@font-face {
font-family: "Roboto";
src: url("fonts/Roboto-Bold.woff2") format("woff2"),
url("fonts/Roboto-Bold.woff") format("woff"),
url("fonts/Roboto-Bold.ttf") format("truetype");
font-weight: 700;
}
a{
color: #00599f;
}
.spinner-wrapper {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
z-index: 999999;
}
.spinner {
position: absolute;
top: 40%;
left: 45%;
}
.spinner img{
width: 50%;
}
#particles-js{
width: 100%;
height: 100%;
background-image: linear-gradient(to right, #033184, #00599f);
background-size: auto;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.location_lang{
float: right;
margin-top: 30px;
}
.navbar-toggler {
background-color: white;
margin-top: -25px;
}
.phone_num_container,
.lang_container{
display: inline-block;
}
.phone_num_container a{
color:white;
font-weight: 300;
}
.lang_container{
margin-left: 10px;
}
.phone_num_container{
border-right: 2px solid white;
}
.phone_num_container img{
margin-right: 20px;
}
.phone_num_container span{
color: white;
margin-right: 20px;
}
.phone_num_container a:hover {
font-weight: 900;
text-decoration: none;
}
.lang{
text-decoration: none;
color:#ffffff;
text-transform: uppercase;
padding: 10px 0;
}
.lang:hover{
text-decoration: none;
color: #ffffff;
}
.dropdown-lang{
display: none;
position: absolute;
height: auto;
min-width: 80px;
padding: 0;
margin: 0;
opacity: 1;
visibility: hidden;
top: 60px;
z-index: 1000;
background-color: rgba(255,255,255,0.8);
}
.dropdown-lang li{
color:#1e9cee;
border-bottom: 1px solid #1e9cee;
padding: 10px 15px;
}
.dropdown-lang li:hover{
background-color: #1e9cee;
}
.dropdown-lang li:hover a{
color: white;
text-decoration: none;
}
.location_lang .lang:hover + .dropdown-lang,
.location_lang .dropdown-lang:hover{
display: block;
visibility: visible;
}
.main-header {
height:820px;
}
.main-header .carousel{
-webkit-user-select: none;
position: absolute;
}
.material-icons{
vertical-align: middle;
}
.iframe-container {
position: relative;
overflow: hidden;
padding-top: 56.25%;
margin-bottom: 30px;
}
.iframe-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
@-webkit-keyframes blinker {
from {opacity: 1.0;}
to {opacity: 0.0;}
}
/* documents */
.published-date {
display: inline-block;
padding: 0 0 10px;
width: 100%;
border-bottom: 1px solid #e7e6e6;
font-size: 13px;
font-style: italic;
}
.main-logo {
height:124px;
display:inline-flex;
align-items: center;
align-self: center;
}
.main-slider .container-fluid{
padding: 150px 0 50px 100px;
}
.main-slider .container{
display: flex;
flex-wrap: nowrap;
justify-content: center;
}
.data{
margin: 20px;
}
.data .b1{
position: absolute;
}
.data .sh1{
position: relative;
left: -8px;
top:-23px;
}
.data .sh1.animate {
animation: pulse 1s linear;
}
@keyframes pulse {
0% {
top:-5px;
}
100% {
top:-23px;
}
}
.data .icon{
position: relative;
left: -155px;
top:-30px;
}
.data p{
text-align: center;
position: relative;
color:#00599f;
top:-80px;
left: -40px;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
line-height: 18px;
}
.data .row2p{
text-align: center;
position: relative;
color:#00599f;
top:-20px;
left: -35px;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
line-height: 18px;
}
.data .data-num{
position: relative;
left: -35px;
top:-75px;
font-size: 25px;
font-weight: 400;
color:#00599f;
text-transform: lowercase;
}
.carousel-inner {
margin-top: 50px;
}
.carousel-block span{
font-size:54px;
line-height: 62px;
font-weight:600;
color:white;
text-transform: uppercase;
}
.carousel-block p{
font-size: 27px;
font-weight: 300;
color: white;
padding-top: 28px;
line-height: 34px;
}
.carousel-block .button {
position: relative;
}
.carousel-block .button a {
background:white;
padding:10px 20px;
font-size:14px;
color:#00599f;
text-transform: uppercase;
}
.carousel-block .button a:hover {
background: #1e9cee;
text-decoration: none;
color: white;
}
.mainStatNews {
margin:40px 0;
}
.mainStatNews .newstop1{
font-size:40px;
color:#262626;
line-height:40px;
font-weight:500;
}
.mainStatNews .newscontent1{
font-size:23px;
color:#262626;
}
.mainStatNews .news-links {
display:flex;
flex-direction: row;
justify-content: flex-end;
margin-top:25%;
align-self: flex-end;
}
.mainStatNews .news-links li a{
padding: 10px 20px;
font-size: 14px;
color: #fff;
border-radius: 5px;
}
.mainStatNews .news-links li a:hover{
text-decoration: none;
}
.mainStatNews .news-links li:nth-child(1) a{
background: #1c5f94;
}
.mainStatNews .news-links li:nth-child(1) a:hover{
background: #2988d6;
}
.mainStatNews .news-links li:nth-child(2) {
margin-left: 20px;
}
.mainStatNews .news-links li:nth-child(2) a{
background: #959595;
}
.mainStatNews .news-links li:nth-child(2) a:hover{
background: #1c5f94;
text-decoration: none;
}
.mainStatNews .newstop2 {
margin-top:80px;
background-image:url('/img/main-folder.png');
background-repeat: no-repeat;
background-size: auto;
padding-left:60px;
font-weight: 500;
font-size:27px;
color:#262626;
min-height:50px;
}
.mainStatNews .newstop2img img{
width:100%;
height:270px;
object-fit: cover;
}
.mainStatNews .newscontent2 {
font-size:21px;
color:#262626;
line-height:24px;
}
.mainStatNews .newscontent2button a{
padding: 10px 20px;
font-size: 14px;
color: #fff;
border-radius: 5px;
background: #959595;
}
.mainStatNews .newscontent2button a:hover, .mainStatNews .newscontent2button a:active{
background: #1c5f94;
text-decoration: none;
}
.main-be-member {
background-image: url("/img/Computers_2.png"), linear-gradient(to right, #033184, #00599f);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
}
.txt_be_member{
padding: 70px 0;
width: 43%;
}
.txt_be_member h2{
color: white;
font-weight: 500;
}
.txt_be_member p{
color: white;
font-size: 21px;
font-weight: 300;
}
.txt_be_member ul{
color: white;
font-size: 21px;
font-weight: 300;
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
margin-bottom: 50px;
width: 120%;
list-style-position: outside;
}
.txt_be_member ul li{
list-style-type: disc;
}
.txt_be_member ul a{
color:white;
}
.be_member_btn{
background-color: white;
color:#00599f;
text-transform: uppercase;
padding: 15px 30px;
}
.be_member_btn:hover{
text-decoration: none;
background-color: #1c9cee;
color: white;
}
.main-footer {
color: #8a8a8a;
}
.bottom_footer{
padding-top: 80px;
height: 270px;
}
.bottom_footer .footer_link{
float: right;
}
.footer_link li{
display: inline-block;
margin-right: 30px;
}
.footer_link li a{
color: #8a8a8a;
}
.main-footer hr{
border-bottom: 2px solid #00599f;
}
.contacts_title{
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 180px;
}
.contacts_title h1{
font-weight: 500;
}
#map {
width: 100%;
height: 850px;
background-color: #909090;
}
.address{
height: 550px;
width: 550px;
background-color: white;
position: relative;
margin-top: -700px;
margin-left: 230px;
padding: 75px;
z-index: 1;
}
.address p{
color: #909090;
font-size: 18px;
}
.address img{
margin-right: 20px;
}
.address span{
margin-bottom: 15px;
}
a.scroll-top{
background: #1c5f94;
}
a.scroll-top:hover{
background: #2988d6;
}
.address span.social_media{
font-size: 30px;
display: inline;
letter-spacing: 15px;
color: #8a8a8a;
}
.address span.social_media i{
color: #8a8a8a;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}
.mcd-menu {
list-style: none;
padding: 0;
margin: 0;
border-bottom: 1px solid white;
border-top: 1px solid white;
width: 100%;
}
.mcd-menu li {
float: left;
position: relative;
}
.mcd-menu li a {
display: block;
text-decoration: none;
padding: 20px 35px;
text-align: center;
color: #FFFFFF;
font-size: 18px;
box-sizing: border-box;
}
.mcd-menu li a:hover{
opacity: 1;
background-color: #1e9cee;
}
.mcd-menu li a.active {
position: relative;
color: #2988d6;
border:0;
border-top: 4px solid #1c5f94;
border-bottom: 4px solid #1c5f94;
margin-top: -4px;
box-shadow: 0 0 5px #DDD;
-moz-box-shadow: 0 0 5px #DDD;
-webkit-box-shadow: 0 0 5px #DDD;
}
.mcd-menu li a.active:before {
content: "";
position: absolute;
top: 0;
left: 45%;
border-top: 5px solid #2988d6;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
}
.mcd-menu li ul,
.mcd-menu li ul li ul {
position: absolute;
height: auto;
min-width: 200px;
padding: 0;
margin: 0;
opacity: 1;
visibility: hidden;
z-index: 1000;
list-style-type: none;
}
.mcd-menu li:hover > ul,
.mcd-menu li ul li:hover > ul{
background: rgba(255,255,255,0.9);
display: block;
visibility: visible;
top: 67px;
}
.mcd-menu li ul li a {
padding: 10px;
text-align: left;
border: 0;
border-bottom: 1px solid #1e9cee;
color:#085ec8;
}
.mcd-menu li ul li:hover {
background-color: #1e9cee;
}
.mcd-menu li ul li:hover a {
color: white;
}
.mcd-menu li ul li ul {
left: 230px;
top: 0;
border: 0;
border-left: 4px solid #2988d6;
}
.mcd-menu li ul li ul:before {
content: "";
position: absolute;
top: 15px;
left: -14px;
border-right: 5px solid #2988d6;
border-bottom: 5px solid transparent;
border-top: 5px solid transparent;
}
.mcd-menu li ul li:hover > ul {
left: 200px;
}
.mcd-menu li ul li {
float: none;
}
.pages-menu .mcd-menu {
border-bottom: 1px solid #085ec8;
border-top: 1px solid #085ec8;
}
.pages-menu .mcd-menu li a {
color: #085ec8;
}
.pages-menu .mcd-menu li a:hover{
opacity: 1;
background-color: #085ec8;
color: white;
}
.pages-menu .mcd-menu li:hover > ul,
.pages-menu .mcd-menu li ul li:hover > ul{
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.pages-menu .mcd-menu li ul li a {
padding: 10px;
text-align: left;
border: 0;
border-bottom: 1px solid #d1d1d1;
color:#085ec8;
}
.pages-menu .mcd-menu li ul li:hover a{
background-color: #1e9cee;
}
.page-title{
color: #085ec8;
}
.solid-section{
padding-top: 30px;
padding-bottom: 0;
}
.date-square{
width: 150px;
}
.article-content{
line-height: 1.7;
padding: 0;
margin: 0 0 20px;
font-size: 14px;
font-weight: 300;
}
.content-link{
text-transform: uppercase;
font-size: 15px;
}
.article.post{
padding: 10px 15px;
}
.article.post:hover{
border: 1px solid #d1d1d1;
box-sizing: border-box;
}
.article.post:hover a.content-link{
color: #085ec8;
text-decoration: none;
}
.content-section{
margin-top: 50px;
}
.page-path{
list-style-type: none;
}
.page-path li:last-child,
.page-path .path-separator{
color: #085ec8;
}
.articles .article {
border: none;
margin-bottom: 100px;
}
.articles .article img{
height: 350px;
}
.doc .content-link{
text-transform: none;
color: #999999;
font-size: 18px;
font-weight: 300;
display: inline-block;
}
.doc .content-link i{
font-size: 25px;
color: #999999;
}
.doc .content-link:hover i{
color: #085ec8;
}
.doc .content-link:hover{
color: #085ec8;
}
.doc .article{
margin: 0;
}
#myearth{
-webkit-user-select: none;
position: absolute;
right:150px;
bottom:170px;
}
.header{
background-image: linear-gradient(to right, #033184, #00599f);
}
.data-txt{
text-align: center;
color: #000;
margin-top: 40px;
font-size: 18px;
font-weight: 300;
}
.dashed-img{
background-image: url('/img/Lines.png');
background-repeat: no-repeat;
background-position: 0 23%;
background-size: contain;
}
.member_title{
color:white;
text-align: center;
font-size: 18px;
background-color: #1d73d8;
padding: 10px 0;
}
.title_cnt{
color: #1d73d8;
font-weight: 500;
font-size: 18px;
}
.bl_bg{
background-color: #eff5fc;
padding: 30px 0;
font-weight: 300;
}
.wh_bg{
padding: 30px 0;
font-weight: 300;
}
/*********************************************** Media Query *********************************************************/
@media only screen and (min-width: 1670px){
.container{
max-width: 1450px;
}
}
@media only screen and (max-width: 1650px ){
.dashed-img{
background-position: 50% 23%;
background-size: 120%;
}
}
@media only screen and (max-width: 1475px ){
.container{
max-width: 1210px;
}
.data{
margin: 20px 15px;
}
#myearth{
right: 100px;
bottom:50px;
}
}
@media only screen and (max-width: 1320px){
.container{
max-width: 1100px;
}
.mcd-menu li a {
padding: 20px 25px;
font-size: 18px;
}
.data{
margin: 20px 5px;
}
.data .icon{
left: -160px;
}
.data-num{
left: -210px;
top:35px;
}
.txt_be_member{
padding: 50px 0;
}
.txt_be_member ul{
width: 115%;
}
.dashed-img{
background-position: 47% 21%;
background-size: 130%;
}
#myearth{
bottom:0;
right: 50px;
}
}
@media only screen and (max-width: 1199px){
.container{
max-width: 950px;
}
.mcd-menu li a {
padding: 20px;
}
.data{
margin: 20px 0;
}
.txt_be_member{
padding: 40px 0;
}
.dashed-img{
background-position: 47% 23%;
background-size: 140%;
}
#myearth{
bottom:-150px;
}
}
@media only screen and (max-width: 1050px){
.data{
margin:20px -10px;
}
.txt_be_member{
padding: 35px 0;
}
.txt_be_member ul{
width: 110%;
}
.dashed-img{
background-position: 49% 24%;
background-size: 150%;
}
}
@media only screen and (max-width: 991px){
.container{
max-width: 800px;
}
.mcd-menu li a {
padding: 10px;
}
.footer_link li{
margin-right: 15px;
}
.data{
margin:20px -25px;
}
.data-txt{
margin-top: 70px;
}
.dashed-img{
background-image: none;
}
}
@media only screen and (max-width: 880px){
.container{
max-width: 700px;
}
.mcd-menu li a {
padding: 10px;
}
.data .b1{
width:188px;
}
.data .sh1{
width: 200px;
left: -6px;
top:-20px;
}
@keyframes pulse {
0% {
top:-4px;
}
100% {
top:-20px;
}
}
.data .icon{
left: -135px;
}
.data-txt{
margin-top: 30px;
}
.txt_be_member{
padding: 30px 0;
width: 65%;
}
.address{
height: 500px;
width: 500px;
margin-top: -600px;
margin-left: 130px;
padding: 65px;
}
}
@media only screen and (max-width: 767px){
.container{
max-width: 600px;
}
.data{
margin: 15px -35px;
}
.data .b1{
width:178px;
}
.data .sh1{
width: 188px;
top:-15px;
}
@keyframes pulse {
0% {
top:-4px;
}
100% {
top:-15px;
}
}
.data .icon{
left: -132px;
}
.txt_be_member{
padding: 30px 0;
width: 75%;
}
.txt_be_member ul{
columns: 1;
-webkit-columns: 1;
-moz-columns: 1;
}
.address{
margin-top: -700px;
margin-left: 130px;
padding: 55px;
}
.navbar-toggler{
margin-top: 10px;
}
.location_lang{
margin-top: -30px;
}
}
@media only screen and (max-width: 675px){
.container{
max-width: 600px;
}
.main-header{
height: 900px;
}
.main-slider .container{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.data{
margin: 15px -20px;
}
.data p{
top:-40px;
}
.txt_be_member{
width: 100%;
}
.address{
height: 420px;
width: 430px;
margin-top: -700px;
margin-left: 100px;
padding: 30px;
}
.address p{
font-size: 17px;
}
.address span{
margin-bottom: 10px;
}
.carousel-block span{
font-size:48px;
}
.carousel-block p{
font-size: 25px;
}
.data-txt{
text-align: left;
margin-left: -70px;
}
.dashed-img{
background-image: none;
}
.main-be-member{
background-image: none, linear-gradient(to right, #085ec8, #1e9cee);
}
.main-slider .container-fluid {
padding: 70px 0 30px 100px;
}
.navbar-toggler{
margin-top: 40px;
}
}
@media only screen and (max-width: 575px){
.container{
max-width: 410px;
}
.address{
height: 430px;
width: 430px;
margin-left: 50px;
}
.carousel-block span{
font-size:40px;
}
.carousel-block p{
font-size: 22px;
}
.phone_num_container span:nth-child(1){
display: block;
margin-bottom: 10px;
}
.main-nav{
width: 100%;
}
}
@media only screen and (max-width: 495px){
.container{
max-width: 380px;
}
.footer_link li{
display: block;
margin-right: 0;
}
.address{
width: 350px;
height: 470px;
margin-left: 20px;
}
.address p{
font-size: 15px;
}
.address span{
font-size: 14px;
}
.carousel-block span{
font-size:35px;
line-height: 50px;
}
#myearth{
display: none;
}
.phone_num_container img{
display: none;
}
.main-be-member ul a{
font-size: 19px;
}
}
@media only screen and (max-width: 395px){
.container{
max-width: 340px;
}
.carousel-block span{
font-size:27px;
line-height: 40px;
}
.carousel-block p{
font-size:18px;
line-height: 25px;
}
.main-be-member ul a{
font-size: 17px;
}
.footer_link li{
font-size: 14px;
}
}
@media only screen and (max-width: 355px){
.container{
max-width: 300px;
}
.carousel-block span{
font-size:24px;
line-height: 35px;
}
.carousel-block p{
font-size:16px;
line-height: 20px;
}
.address{
height: 470px;
}
}
