@font-face { font-family: "monsterrat"; src: url(../fonts/Montserrat-Bold.ttf) format('truetype'); } @font-face { font-family: "MontserratBold"; src: url(../fonts/Montserrat-Bold.ttf) format('truetype'); } @font-face { font-family: "OpenSans"; src: url(../fonts/OpenSans-Bold.ttf) format('truetype'); } @font-face { font-family: "OpenSansR"; src: url(../fonts/OpenSans-Regular.ttf) format('truetype'); } @font-face { font-family: "Nunito"; src: url(../fonts/Nunito-Regular.ttf) format('truetype'); } body {font-family: "Nunito" !important;} h1, h2, h3, h4, h5, h6{font-family: "MontserratBold" !important; letter-spacing: 2px;} .navbar-inner { background:linear-gradient(to bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.73)),transparent; } .navbar-brand{ color:#000!important; font-size:40px; padding-left:130px } .navbar-light .navbar-nav .nav-link { color: #D9D9D9!important; font-size:22px; font-weight: 400; font-family:"OpenSansR" !important; } /* .navbar-light .navbar-nav .nav-link:hover{ color: #ffffff !important; transform: scale(1.1); } */ .navbar-light .navbar-nav .nav-link:focus{ color: #ffffff !important; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1.5rem; padding-left: 1.5rem; } .navbar-light .nav-item > .nav-link.active { color: #ffffff !important; text-decoration: underline; text-underline-offset: 5px; font-weight: 700; font-family:"OpenSans" !important; } .navbar-expand-lg .navbar-nav .dropdown-menu { width:600px!important; background-color:#FFEE00!important; padding-left:10px; border-radius:10px; } .navbar-brand { padding-left: 30px; } /* .custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .custom-toggler.navbar-toggler { border-color: rgb(255,255,255); } */ .navbar-toggler:focus, .navbar-toggler:hover { outine:none; } .padpurple { padding-left:5%; padding-right: 5%; } .hidemd{ display:none!important; } .main-h1 {font-size:60px;} .main-h2 {font-size:40px;} .para{ font-size:18px; } .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none; } .pad-top20p {padding-top: 20%;} @media (max-width: 768px) { .pad-top20p {padding-top: 10%;} .navbar-brand{ color:#000!important; font-size:34px; padding-left:5%; } .logos{ width:auto; height:80px; } .navbar-expand-lg .navbar-nav .dropdown-menu { width:300px!important; height:300px;important; overflow-y:auto!important; } .hidemd{ display:block!important; } .hidethis{ display:none!important; } .pads { margin-right:9% } .pads2 { margin-right:25% } .main-h1 {font-size:36px;} .main-h2 {font-size:30px;} 8 } .ptext {font-size:18px;} .jumbotron { color: white; height: 80vh; border-radius: 0; width: 100%; color: #fff; padding-top: .1rem; position: relative; overflow:hidden; } .contact-jumbo {background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.73)), url("../img/contact.jpg"); background-size: cover;} .page-head { position: absolute; bottom:60px;padding-left: 5%;} .vertical-display { display: flex; align-items: center; justify-content: center } @media only screen and (max-width: 767px) { .vertical-display { display: block; } } .verticalimage { flex-basis: 70%; //order: 2; } .verticaltext { padding-left: 20px; } .btn-group-lg>.btn, .btn-lg { padding: .4rem 1rem; font-size: 1.2rem; font-weight: 400; line-height: 1.7; letter-spacing: .5px; } .circle-btn2 { background-color:#43003f!important; border-color: #FFF!important; width:260px; padding-top:15px; padding-bottom:15px; border-top-left-radius:70px; border-top-right-radius: 70px; border-bottom-left-radius: 70px; border-bottom-right-radius: 70px; } .btn3 { background-color:#FFF!important; border-color: #43003f!important; color:#52004A!important; } .btn-h2 {margin-bottom: 0rem;font-size: 1.5rem;} .nav-link.active {color:red;} .socio-icons {width:50px;} .list-group-item { padding: .75rem 0.25rem; } .btn-h2 {margin-bottom: 0rem;} hoverimg:hover { transform: scale(1.1); } .award-text { font-size: 18px; max-width: 320px; margin: 10px auto 25px;} /*Video css*/ video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0.5; } /* .custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .custom-toggler.navbar-toggler { border-color: rgb(255,255,255); } */ .logos{ max-height:88px; } @media only screen and (max-width: 420px) { .logos{ max-height:70px; } .navbar-light .navbar-nav .nav-link { font-size:20px; } /* .navbar-light .navbar-nav .nav-link:hover{ color: #ffffff !important; transform: none; } */ .nav-link { padding: .4rem .7rem; } .navbar-expand-lg .navbar-nav .nav-link { padding-left: 1.2rem; } .page-head { left:1%;} } @media only screen and (max-width: 360px) { .navbar-light .navbar-nav .nav-link { font-size:18px; } } /*******Home Page*******/ .btn-homeh2 {margin-bottom: 0rem;font-size: 1.2rem; color: #fff;} .award-text { font-size: 18px; max-width: 320px; margin: 10px auto 25px;} .awards-margin{ margin-left: 12.5%; } .mpad{ padding-bottom:40px; margin-top:30px; } @media only screen and (max-width: 768px) { .awards-margin{ margin-left: auto; } .pad-awards{ padding-top:30px; } .mpad{ padding-bottom: 20px; margin-top: 40px; } } .custom-btn { background-color: #2A3182!important; border-color: #FFF!important; width: auto; color:#fff; padding-top: 15px; padding-left: 50px; padding-right: 50px; padding-bottom: 15px; border-radius: 70px; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; } .btn-e2 { background: #2A3182; border: none; z-index: 1; outline: none!important; } .btn-e2:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background-color: #5057A9; border-radius: 70px; transition: all 0.3s ease; outline: none!important; text-decoration:none; } .btn-e2:hover { color: #fff; text-decoration:none; } .btn-e2:hover:after { left: 0; width: 100%; } .btn-e2:active { top: 2px; outline: none!important; text-decoration:none; } /*******About Page*******/ .padabout{ padding-left:10%; } .about-jumbo {background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.73)), url("../img/about_banner.png"); background-size: cover; margin-bottom: 0px;} @media (max-width: 768px) { .padabout{ padding-left:5%; padding-right:5%; } .about-jumbo { background-position: center; } } /*******Contact Page*******/ .form-control{ font-size: 18px; } .labels { font-style: normal; font-weight: normal; font-size: 22px; /* identical to box height */ color: #565656; } .address{ text-align: left; padding: 20px 0 16px 0; margin-bottom: 20px; } .ptext {font-size:18px;} .numb{ text-decoration:none; color:#2A3182; } .numb:hover{ color:#5A5A5A; text-decoration:none; } .contact-btn { background-color: #2A3182!important; border:1px solid #2A3182!important; width: auto; color:#fff; padding-top: 15px; padding-left: 50px; padding-right: 50px; padding-bottom: 15px; border-radius: 70px; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; } .btn-c { background: #2A3182; z-index: 1; outline: none!important; } .btn-c:after { border-color:#003B58!important; position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background-color: #5057A9; border-radius: 70px; transition: all 0.3s ease; outline: none!important; text-decoration:none; } .btn-c:hover { color: #fff; text-decoration:none; } .btn-c:hover:after { left: 0; width: 100%; } .btn-c:active { top: 2px; outline: none!important; text-decoration:none; } .cpadt, .cpadb{ padding-top:30px; padding-bottom:30px; } @media (max-width: 768px) { .cpadt{ padding-top:0px; } .cpadb{ padding-bottom:0px; } .fonttext{ font-size:1.5rem; } } @media (max-width: 420px) { .fonttext{ font-size:1.3rem; } } /*******Career Page*******/ @font-face { font-family: "monsterrat"; src: url(../fonts/Montserrat-Bold.ttf) format('truetype'); } .position-text { font-size:20px;text-decoration:none;font-weight: 400;} .position-dept { font-size:17px; padding: .2rem 1.3rem;color: #8B8B8B;padding-left:0px; list-style: none;font-family: "MontserratBold";} .purple-bg{background-color:#2A3182;} .position-dept-rb{ font-size:17px; padding: .2rem 1.3rem;color: #8B8B8B;padding-left:0px; list-style: none;font-family: "MontserratBold"; border-left: none border-bottom: none; border-right: 1px solid #ccc; border-top: none; margin-right: 15px; } .position-text:hover { color:#2A3182; text-decoration:none; } .jobs-ul { padding-inline-start: 30px;list-style-type: disc;font-size: 30px; padding-top: 12px; padding-bottom: 12px; margin-bottom: 0px;} .intern-btn { background-color: #2A3182!important; border:1px solid #fff!important; width: auto; color:#fff; padding-top: 15px; padding-left: 50px; padding-right: 50px; padding-bottom: 15px; border-radius: 70px; background: transparent; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; outline: none; } .btn-i2 { background: #2A3182; z-index: 1; outline: none!important; } .btn-i2:after { position: absolute; content: ""; width: 0; height: 100%; top: 0; right: 0; z-index: -1; background-color: #5057A9; border-radius: 70px; transition: all 0.3s ease; outline: none!important; text-decoration:none; } .btn-i2:hover { color: #fff; text-decoration:none; } .btn-i2:hover:after { left: 0; width: 100%; } .btn-i2:active { top: 2px; outline: none!important; text-decoration:none; } /*******Apply Page*******/ @font-face { font-family: "Rubik"; src: url(../fonts/Rubik-Regular.ttf) format('truetype'); } .labelm { font-family:"Rubik" !important; font-style: normal; font-weight: normal; font-size: 18px; /* identical to box height */ color: #565656; } .btn-file { position: relative; overflow: hidden; } .btn-file input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; cursor: inherit; display: block; } .fa-ul { padding-inline-start: 0px; margin-left: 0px; } .asterisks:after { content:" *"; color: red; } .apply-jumbo { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.52), rgba(0, 0, 0, 0.73)), url(../img/careers-1.jpg); background-size: cover; } @media only screen and (max-width: 768px) { .apply-jumbo { background-position: center; } } @media only screen and (max-width: 520px) { .appdwnld-img { max-width: 115px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .appdwnld-img { max-width: 170px; } } /* Button Effects */ .button { padding: 1.2rem 2rem;; background: white; text-align: center; display: inline-block; font-size: 1.7rem; text-transform: uppercase; font-weight: 700; position: relative; will-change: transform; } .btn-hover { letter-spacing: .05rem; position: relative; background: #2a3182; color: #fff; border-radius: 2rem; position: relative; transition: .2s all ease-in-out; } .btn-hover:before { display: block; position: absolute; background: transparent; border: none; border-radius: .3rem; transform: translateY(5px) scale(0.9); content: ''; height: 5px; z-index: -1; bottom: -1%; left: 0; right: 0; transition: .2s all ease-in-out; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .btn-hover:hover:before { transform: translateY(8px) scale(0.8); opacity: .8; box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); } .btn-hover:hover { transform: translateY(-5px); } @media only screen and (min-width: 992px) and (max-width: 1200px) { .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; } }