html {
font-family: 'Montserrat', sans-serif;
transition: 0.5s;
}
body {
padding-top: 53px;
transition: 0.5s;
}
.header__menu-mobile-button {
cursor: pointer;
transition: 0.5s;
}
/* Scroll To Top global declartaion */
a.back-to-top-js {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
background: #489fdf;
bottom: 75px;
color: #003c71 !important;
font-family: 'Montserrat', sans-serif;
font-size: 11px;
font-style: normal;
font-weight: bold;
height: 75px;
hyphens: auto;
line-height: 14px;
overflow: hidden;
padding: 10px;
position: fixed;
right: 10px;
text-align: center;
width: 75px;
word-break: break-word;
z-index: 1;
transition: 0.5s;
}
a.back-to-top-js:hover,
a.back-to-top-js:focus {
background: #147bd1;
color: #fff !important;
text-decoration: none;
transition: 0.5s;
}
/* Navbar global declartaion */
.navbar-nav .nav-link {
font-size: 17px;
transition: 0.5s;
}
/******************************* Small Devices ***********************************/
@media (min-width: 360px) {
/* Body measurement fix */
body {
padding-top: 89px;
transition: 0.5s;
}
/* Navbar Component starts */
.navbar-nav .nav-link {
font-size: 13px;
transition: 0.5s;
}
.navbar {
background: #003c71;
font-family: 'Montserrat', sans-serif;
transition: 0.5s;
}
.nav-menu-btn {
font-weight: normal;
transition: 0.5s;
}
.header__menu-mobile-button a {
color: #fff;
display: inline-block;
line-height: 40px;
padding: 12px 0;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
height: 40px;
margin: 12px 0;
padding: 0;
position: relative;
text-align: center;
width: 40px;
z-index: 1;
transition: 0.5s;
}
.header__menu-mobile-button a .header__menu-mobile-button-text--menu {
background: #003c71;
font-size: 13px;
line-height: normal;
padding: 1px 2px;
position: absolute;
right: 28px;
top: 10px;
transition: 0.5s;
text-transform: uppercase;
transition: 0.5s;
}
/* Cover Component Starts */
.cover-custom .cover-custom-text {
display: none;
}
.cover-custom .cover-custom-img img {
display: none;
}
.cover-custom .cover-custom-mobile-text h1 {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
font-size: 26px;
transition: 0.5s;
}
.cover-custom .cover-custom-mobile-text a {
width: 100%;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
.row {
font-family: 'Montserrat', sans-serif;
margin-left: 0%;
margin-right: 0%;
transition: 0.5s;
}
.banner {
font-size: 26px;
margin: 0 !important;
padding: 0 !important;
transition: 0.5s;
}
.btn.btn-primary {
background-color: #003c71;
transition: 0.5s;
}
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover {
color: #003c71;
background-color: white;
border-color: #003c71;
transition: 0.5s;
}
/* Job Categories */
.custom-col {
margin: 0 auto;
float: none;
margin-bottom: 10px;
padding: 2%;
flex-grow: inherit;
width: 21rem !important;
transition: 0.5s;
}
.custom-card {
width: 20rem !important;
transition: 0.5s;
}
.custom-card .card-title,
.custom-card a {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
.custom-jobs {
margin: 0 auto;
float: none;
background-color: #147bd1;
border-color: #147bd1;
transition: 0.5s;
}
.custom-jobs-btn,
.btn.btn-dark {
width: 100%;
margin: 0 auto;
float: none;
margin-bottom: 20px;
border-color: #147bd1;
background-color: #147bd1;
transition: 0.5s;
}
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-dark:hover {
color: #003c71;
background-color: #003c71;
outline: auto;
transition: 0.5s;
}
.jobs-type {
padding: 3%;
}
.btn.btn-dark .card-title-1{
padding: 20%;
font-size: 1.1rem;
padding-bottom: 20%;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-2{
padding-top: 20%;
padding-bottom: 21%;
font-size: 1.1rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-3{
padding: 18%;
padding-bottom: 17%;
font-size: 0.9rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-4{
padding: 17%;
padding-bottom: 18%;
font-size: 0.9rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark:hover .card-title-1,
.btn.btn-dark:hover .card-title-2,
.btn.btn-dark:hover .card-title-3,
.btn.btn-dark:hover .card-title-4
{
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-1{
padding: 11%;
padding-bottom: 13%;
font-size: 14px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-2 {
padding-top: 11%;
padding-bottom: 14%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-3{
padding: 10%;
padding-bottom: 3%;
display: none;
font-size: 15px;
transition: 0.5s;
}
.btn.btn-dark .card-p-4{
padding-top: 14%;
padding-bottom: 15%;
font-size: 16px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-5
{
padding: 7%;
padding-bottom: 3%;
display: none;
font-size: 14px;
transition: 0.5s;
}
.btn.btn-dark .card-p-6{
padding: 10%;
padding-bottom: 15%;
display: none;
font-size: 14px;
transition: 0.5s;
}
.btn.btn-dark .card-p-7
{
padding: 4%;
padding-bottom: 10%;
display: none;
font-size: 15px;
transition: 0.5s;
}
.btn.btn-dark .card-p-8,
.btn.btn-dark .card-p-9 {
padding-top: 12%;
padding-bottom: 13%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-10,
.btn.btn-dark .card-p-11,
.btn.btn-dark .card-p-13{
padding: 11%;
padding-bottom: 12%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-12{
padding: 8%;
padding-bottom: 8%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-14
{
padding: 6%;
padding-bottom: 17%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-15
{
padding-top: 6%;
padding-bottom: 10%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark:hover .card-p-1,
.btn.btn-dark:hover .card-p-2,
.btn.btn-dark:hover .card-p-3,
.btn.btn-dark:hover .card-p-4,
.btn.btn-dark:hover .card-p-5,
.btn.btn-dark:hover .card-p-6,
.btn.btn-dark:hover .card-p-7,
.btn.btn-dark:hover .card-p-8,
.btn.btn-dark:hover .card-p-9,
.btn.btn-dark:hover .card-p-10,
.btn.btn-dark:hover .card-p-11,
.btn.btn-dark:hover .card-p-12,
.btn.btn-dark:hover .card-p-13,
.btn.btn-dark:hover .card-p-14,
.btn.btn-dark:hover .card-p-15
{
display: block;
color: white;
transition: 0.5s;
}
.custom-jobs:focus,
.custom-jobs:active,
.custom-jobs:hover {
color: #003c71;
background-color: #003c71;
border-color: #003c71;
transition: 0.7s;
}
.custom-jobs .card-body:hover h4 {
display: none
}
.custom-jobs .card-body h4 {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
transition: 0.5s;
/* padding: 10%; */
}
.custom-jobs .card-body p {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
transition: 0.5s;
display: none
}
.custom-jobs .card-body:hover p {
display: block;
color: white;
transition: 0.5s;
}
.custom-search {
padding-left: 4%;
transition: 0.5s;
}
.custom-search a {
width: 100%;
transition: 0.5s;
}
/* Awards Categories */
.custom-banner img {
padding-top: 3%;
max-width: 50%;
height: auto;
display: block;
transition: 0.5s;
}
/* Wecome statement */
.custom-statement h1 {
font-family: 'Montserrat', sans-serif;
font-size: 26px;
transition: 0.5s;
}
.custom-statement p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
.custom-statement-img {
display: none;
}
/* Meet our people */
.carousel-indicators {
bottom: -35px;
transition: 0.5s;
}
.carousel-indicators li {
border-radius: 50%;
margin: 5px;
width: 23px;
height: 23px;
opacity: 100%;
background-color: #003c71;
transition: 0.5s;
}
.carousel-indicators .active {
width: 20px;
height: 20px;
margin: 5px;
background-color: #489fdf;
transition: 0.5s;
}
.carousel-control-prev,
.carousel-control-next {
background-color: none;
bottom: calc(-20% -25%);
transition: 0.5s;
}
.carousel-control-prev {
left: 0;
right: 100px;
transition: 0.5s;
}
.custom-carousel {
padding: 2%;
padding-bottom: 8%;
transition: 0.5s;
}
.custom-carousel-text h2,
.custom-carousel-text p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
.custom-carousel-text a {
width: 100%;
font-family: 'Montserrat', sans-serif;
font-size: 16px;
transition: 0.5s;
}
/* Learn More */
.custom-btn .btn {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
width: 100% !important;
transition: 0.5s;
}
.custom-learn-more .container-fluid h2 {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
.custom-locations a {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
.footer__social-media a {
background: white;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #003c71 !important;
display: inline-block;
font-size: 30px;
height: 40px;
line-height: 40px;
margin: 0 6px 6px 0;
overflow: hidden;
text-align: center;
width: 40px;
transition: 0.5s;
}
body.internal .footer__social-media a {
background: #97999B;
transition: 0.5s;
}
.footer__social-media a:hover,
.footer__social-media a:focus {
opacity: 0.8;
transition: 0.5s;
}
img.footer__social-media--glassdoor {
display: inline-block;
height: 30px;
margin: -4px auto 0 auto;
transition: 0.5s;
}
/* Disablity Accomodations */
.custom-disability-accoms p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
/* Footer Contents */
ul.footer__menu {
margin: 0;
font-size: 18px;
transition: 0.5s;
}
ul.footer__menu li {
list-style: none;
transition: 0.5s;
}
ul.footer__menu li a {
color: #fff;
transition: 0.5s;
}
.footer__menu p {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
transition: 0.5s;
}
}
/******************************* Small Devices - Tablet ***********************************/
@media (min-width: 722px) {
/* Body measurement fix */
body {
padding-top: 89px;
transition: 0.5s;
}
/* Navbar Component starts */
.navbar {
background: #003c71;
font-family: 'Montserrat', sans-serif;
transition: 0.5s;
}
.nav-menu-btn {
font-weight: normal;
transition: 0.5s;
}
.header__menu-mobile-button a {
color: #fff;
display: inline-block;
line-height: 40px;
padding: 12px 0;
border: 1px solid #fff;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
height: 40px;
margin: 12px 0;
padding: 0;
position: relative;
text-align: center;
width: 40px;
z-index: 1;
transition: 0.5s;
}
.header__menu-mobile-button a .header__menu-mobile-button-text--menu {
background: #003c71;
font-size: 12px;
line-height: normal;
padding: 1px 2px;
position: absolute;
right: 28px;
top: 10px;
transition: 0.5s;
text-transform: uppercase;
transition: 0.5s;
}
/* Cover Component Starts */
.cover-custom .cover-custom-mobile-text {
display: none;
}
.cover-custom .cover-custom-mobile-img img {
display: none;
}
.cover-custom .cover-custom-text {
display: inline;
margin-left: 0% !important;
margin-right: 0% !important;
transition: 0.5s;
}
.cover-custom .cover-custom-img img {
display: inline;
transition: 0.5s;
}
.cover-custom .cover-custom-text h1 {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
font-size: 26px;
transition: 0.5s;
}
.cover-custom .cover-custom-text a {
font-family: 'Montserrat', sans-serif;
font-size: 15px;
transition: 0.5s;
}
.row {
font-family: 'Montserrat', sans-serif;
margin-left: 0%;
margin-right: 0%;
transition: 0.5s;
}
.banner {
font-size: 28px;
margin: 0 !important;
padding: 0 !important;
transition: 0.5s;
}
.btn.btn-primary {
background-color: #003c71;
transition: 0.5s;
}
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover {
color: #003c71;
background-color: white;
border-color: #003c71;
transition: 0.5s;
}
/* Job Categories */
.custom-col {
margin: 0 auto;
float: none;
margin-bottom: 10px;
padding: 1%;
width: 23rem !important;
transition: 0.5s;
}
.custom-card {
height: auto;
width: 19rem !important;
transition: 0.5s;
}
.custom-card .card-title,
.custom-card a {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
transition: 0.5s;
}
.card {
margin: 0 auto;
float: none;
margin-bottom: 18px;
transition: 0.5s;
}
.custom-jobs {
margin: 0 auto;
float: none;
background-color: #147bd1;
border-color: #147bd1;
transition: 0.5s;
}
.custom-jobs-btn,
.btn.btn-dark {
width: 100%;
margin: 0 auto;
float: none;
margin-bottom: 20px;
border-color: #147bd1;
background-color: #147bd1;
transition: 0.5s;
}
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-dark:hover {
color: #003c71;
background-color: #003c71;
outline: auto;
transition: 0.5s;
}
.jobs-type {
padding: 3%;
}
.btn.btn-dark .card-title-1{
padding: 20%;
font-size: 1.1rem;
padding-bottom: 20%;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-2{
padding-top: 20%;
padding-bottom: 21%;
font-size: 1.1rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-3{
padding: 18%;
padding-bottom: 17%;
font-size: 0.9rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-4{
padding: 17%;
padding-bottom: 18%;
font-size: 0.9rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark:hover .card-title-1,
.btn.btn-dark:hover .card-title-2,
.btn.btn-dark:hover .card-title-3,
.btn.btn-dark:hover .card-title-4
{
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-1{
padding: 11%;
padding-bottom: 13%;
font-size: 14px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-2 {
padding-top: 11%;
padding-bottom: 14%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-3{
padding: 10%;
padding-bottom: 3%;
display: none;
font-size: 15px;
transition: 0.5s;
}
.btn.btn-dark .card-p-4{
padding-top: 14%;
padding-bottom: 15%;
font-size: 16px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-5
{
padding: 7%;
padding-bottom: 3%;
display: none;
font-size: 14px;
transition: 0.5s;
}
.btn.btn-dark .card-p-6{
padding: 10%;
padding-bottom: 15%;
display: none;
font-size: 14px;
transition: 0.5s;
}
.btn.btn-dark .card-p-7
{
padding: 4%;
padding-bottom: 10%;
display: none;
font-size: 15px;
transition: 0.5s;
}
.btn.btn-dark .card-p-8,
.btn.btn-dark .card-p-9 {
padding-top: 12%;
padding-bottom: 13%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-10,
.btn.btn-dark .card-p-11,
.btn.btn-dark .card-p-13{
padding: 11%;
padding-bottom: 12%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-12{
padding: 8%;
padding-bottom: 8%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-14
{
padding: 6%;
padding-bottom: 17%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-15
{
padding-top: 6%;
padding-bottom: 10%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark:hover .card-p-1,
.btn.btn-dark:hover .card-p-2,
.btn.btn-dark:hover .card-p-3,
.btn.btn-dark:hover .card-p-4,
.btn.btn-dark:hover .card-p-5,
.btn.btn-dark:hover .card-p-6,
.btn.btn-dark:hover .card-p-7,
.btn.btn-dark:hover .card-p-8,
.btn.btn-dark:hover .card-p-9,
.btn.btn-dark:hover .card-p-10,
.btn.btn-dark:hover .card-p-11,
.btn.btn-dark:hover .card-p-12,
.btn.btn-dark:hover .card-p-13,
.btn.btn-dark:hover .card-p-14,
.btn.btn-dark:hover .card-p-15
{
display: block;
color: white;
transition: 0.5s;
}
.custom-jobs:focus,
.custom-jobs:active,
.custom-jobs:hover {
color: #003c71;
background-color: #003c71;
border-color: #003c71;
transition: 0.7s;
}
.custom-jobs .card-body:hover h4 {
display: none
}
.custom-jobs .card-body h4 {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 7%;
padding-bottom: 19%;
transition: 0.5s;
}
.custom-jobs .custom-font h4 {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
padding: 9%;
transition: 0.5s;
}
.custom-jobs .custom-font-1 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
padding: 7%;
padding-bottom: 10%;
transition: 0.5s;
}
.custom-jobs .custom-font-2 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
padding: 4%;
transition: 0.5s;
}
.custom-jobs .custom-font-3 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 13%;
transition: 0.5s;
}
.custom-jobs .card-body p {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
transition: 0.5s;
display: none
}
.custom-jobs .card-body:hover p {
display: block;
color: white;
transition: 0.5s;
}
.custom-search {
padding-left: 1%;
transition: 0.5s;
}
.custom-search a {
width: 35%;
transition: 0.5s;
}
/* Awards Categories */
.custom-banner img {
padding: 5%;
max-width: 80%;
height: auto;
display: block;
transition: 0.5s;
}
.custom-banner-aw1 img {
padding-top: 20%;
max-width: 100%;
transition: 0.5s;
}
/* Wecome statement */
.custom-statement h1 {
font-family: 'Montserrat', sans-serif;
font-size: 30px;
transition: 0.5s;
}
.custom-statement p {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
transition: 0.5s;
}
.custom-statement .custom-statement-img-1 .d-block {
display: none !important;
}
.custom-statement .custom-statement-img-1 {
padding: 0rem !important;
transition: 0.5s;
}
.custom-statement-img {
padding-left: 20%;
padding-right: 20%;
display: inline;
transition: 0.5s;
}
/* Meet our people */
.carousel-indicators {
bottom: -40px;
transition: 0.5s;
}
.carousel-indicators li {
border-radius: 50%;
margin: 5px;
width: 24px;
height: 24px;
opacity: 100%;
background-color: #003c71;
transition: 0.5s;
}
.carousel-indicators .active {
width: 24px;
height: 24px;
margin: 5px;
background-color: #489fdf;
transition: 0.5s;
}
.carousel-control-prev,
.carousel-control-next {
background-color: none;
bottom: calc(-20% -25%);
transition: 0.5s;
}
.carousel-control-prev {
left: unset;
right: 100px;
transition: 0.5s;
}
.custom-carousel {
padding: 2%;
padding-bottom: 5%;
transition: 0.5s;
}
.custom-carousel-text h2,
.custom-carousel-text h2 .font-weight-bold,
.custom-carousel-text p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
.custom-carousel-text a {
width: 50%;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
/* Learn More */
.custom-btn .btn {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
width: 100% !important;
transition: 0.5s;
}
.custom-learn-more .col-md {
padding: 2%;
transition: 0.5s;
}
.custom-learn-more .container-fluid h2 {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
.custom-locations a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
transition: 0.5s;
}
.footer__social-media a {
background: white;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #003c71 !important;
display: inline-block;
font-size: 30px;
height: 52px;
line-height: 52px;
margin: 0 6px 6px 0;
overflow: hidden;
text-align: center;
width: 52px;
transition: 0.5s;
}
body.internal .footer__social-media a {
background: #97999B;
transition: 0.5s;
}
.footer__social-media a:hover,
.footer__social-media a:focus {
opacity: 0.8;
transition: 0.5s;
}
img.footer__social-media--glassdoor {
display: inline-block;
height: 34px;
margin: -4px auto 0 auto;
transition: 0.5s;
}
/* Disablity Accomodations */
.custom-disability-accoms p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
/* Footer Contents */
ul.footer__menu {
margin: 0;
font-size: 18px;
transition: 0.5s;
}
ul.footer__menu li {
list-style: none;
transition: 0.5s;
}
ul.footer__menu li a {
color: #fff;
transition: 0.5s;
}
.footer__menu p {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
transition: 0.5s;
}
}
/******************************* Small other Devices - Tablet ***********************************/
@media (min-width: 768px) {
/* Body measurement fix */
body {
padding-top: 89px;
transition: 0.5s;
}
/* Cover Component Starts */
.cover-custom .cover-custom-mobile-text {
display: none;
}
.cover-custom .cover-custom-mobile-img img {
display: none;
}
.cover-custom .cover-custom-text {
display: inline;
padding: 2%;
margin-left: 0% !important;
margin-right: 0% !important;
transition: 0.5s;
}
.cover-custom .cover-custom-img img {
display: inline;
transition: 0.5s;
}
.cover-custom .cover-custom-text h1 {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
font-size: 20px;
transition: 0.5s;
}
.cover-custom .cover-custom-text a {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
.row {
font-family: 'Montserrat', sans-serif;
margin-left: 0%;
margin-right: 0%;
transition: 0.5s;
}
.banner {
font-size: 20px;
margin: 0 !important;
padding: 0 !important;
transition: 0.5s;
}
.btn.btn-primary {
background-color: #003c71;
transition: 0.5s;
}
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover {
color: #003c71;
background-color: white;
border-color: #003c71;
transition: 0.5s;
}
/* Job Categories */
.custom-col {
margin: 0 auto;
float: none;
margin-bottom: 10px;
padding: 1%;
width: 25rem !important;
transition: 0.5s;
}
.custom-card .card-title,
.custom-card a {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
transition: 0.5s;
}
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-dark:hover {
color: #003c71;
background-color: #003c71;
outline: auto;
transition: 0.5s;
}
.jobs-type {
padding: 3%;
}
.btn.btn-dark .card-title-1{
padding: 18%;
font-size: 0.9rem;
padding-bottom: 22%;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-2{
padding-top: 20%;
padding-bottom: 21%;
font-size: 0.8rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-3{
padding-top: 15%;
padding-bottom: 9%;
font-size: 0.9rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-4{
padding: 18%;
padding-bottom: 17%;
font-size: 0.7rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark:hover .card-title-1,
.btn.btn-dark:hover .card-title-2,
.btn.btn-dark:hover .card-title-3,
.btn.btn-dark:hover .card-title-4
{
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-1{
padding: 11%;
padding-bottom: 13%;
font-size: 14px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-2 {
padding-top: 11%;
padding-bottom: 14%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-3{
padding: 10%;
padding-bottom: 3%;
display: none;
font-size: 15px;
transition: 0.5s;
}
.btn.btn-dark .card-p-4{
padding-top: 14%;
padding-bottom: 15%;
font-size: 16px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-5
{
padding: 7%;
padding-bottom: 3%;
display: none;
font-size: 14px;
transition: 0.5s;
}
.btn.btn-dark .card-p-6{
padding: 10%;
padding-bottom: 15%;
display: none;
font-size: 14px;
transition: 0.5s;
}
.btn.btn-dark .card-p-7
{
padding: 4%;
padding-bottom: 10%;
display: none;
font-size: 15px;
transition: 0.5s;
}
.btn.btn-dark .card-p-8,
.btn.btn-dark .card-p-9 {
padding-top: 12%;
padding-bottom: 13%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-10,
.btn.btn-dark .card-p-11,
.btn.btn-dark .card-p-13{
padding: 11%;
padding-bottom: 12%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-12{
padding: 8%;
padding-bottom: 8%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-14
{
padding: 6%;
padding-bottom: 17%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-15
{
padding-top: 6%;
padding-bottom: 10%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark:hover .card-p-1,
.btn.btn-dark:hover .card-p-2,
.btn.btn-dark:hover .card-p-3,
.btn.btn-dark:hover .card-p-4,
.btn.btn-dark:hover .card-p-5,
.btn.btn-dark:hover .card-p-6,
.btn.btn-dark:hover .card-p-7,
.btn.btn-dark:hover .card-p-8,
.btn.btn-dark:hover .card-p-9,
.btn.btn-dark:hover .card-p-10,
.btn.btn-dark:hover .card-p-11,
.btn.btn-dark:hover .card-p-12,
.btn.btn-dark:hover .card-p-13,
.btn.btn-dark:hover .card-p-14,
.btn.btn-dark:hover .card-p-15
{
display: block;
color: white;
transition: 0.5s;
}
.custom-jobs .card-body h4 {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
padding: 9%;
transition: 0.5s;
}
.custom-jobs .custom-font h4 {
font-family: 'Montserrat', sans-serif;
font-size: 10px;
padding: 11%;
transition: 0.5s;
}
.custom-jobs .custom-font-1 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 5%;
transition: 0.5s;
}
.custom-jobs .custom-font-2 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
padding: 6%;
transition: 0.5s;
}
.custom-jobs .custom-font-3 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 10%;
transition: 0.5s;
}
.custom-search {
padding-left: 2%;
transition: 0.5s;
}
.custom-search a {
font-size: small;
width: 30%;
transition: 0.5s;
}
/* Meet our people */
.carousel-indicators {
bottom: -31px;
transition: 0.5s;
}
.carousel-indicators li {
border-radius: 50%;
margin: 5px;
width: 24px;
height: 24px;
opacity: 100%;
background-color: #003c71;
transition: 0.5s;
}
.carousel-indicators .active {
width: 24px;
height: 24px;
margin: 5px;
background-color: #489fdf;
transition: 0.5s;
}
.carousel-control-prev,
.carousel-control-next {
background-color: none;
bottom: calc(-20% -25%);
transition: 0.5s;
}
.carousel-control-prev {
left: unset;
right: 100px;
transition: 0.5s;
}
.custom-carousel {
padding: 2%;
transition: 0.5s;
}
.custom-carousel-text h2,
.custom-carousel-text h2 .font-weight-bold,
.custom-carousel-text p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
.custom-carousel-text a {
width: 50%;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
/* Learn More */
.custom-locations a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
transition: 0.5s;
}
}
/******************************* Small other Devices - Tablet ***********************************/
@media (min-width: 1024px) {
/* Body measurement fix */
body {
padding-top: 89px;
transition: 0.5s;
}
/* Navbar Component starts */
.navbar-nav .nav-link {
font-size: 16px;
transition: 0.5s;
}
/* Cover Component Starts */
.cover-custom .cover-custom-mobile-text {
display: none;
}
.cover-custom .cover-custom-mobile-img img {
display: none;
}
.cover-custom .cover-custom-text {
display: inline;
padding: 2%;
margin-left: 0% !important;
margin-right: 0% !important;
transition: 0.5s;
}
.cover-custom .cover-custom-img img {
display: inline;
transition: 0.5s;
}
.cover-custom .cover-custom-text h1 {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
font-size: 30px;
transition: 0.5s;
}
.cover-custom .cover-custom-text a {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
transition: 0.5s;
}
.row {
font-family: 'Montserrat', sans-serif;
margin-left: 0%;
margin-right: 0%;
transition: 0.5s;
}
.banner {
font-size: 30px;
margin: 0 !important;
padding: 0 !important;
transition: 0.5s;
}
.btn.btn-primary {
background-color: #003c71;
transition: 0.5s;
}
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover {
color: #003c71;
background-color: white;
border-color: #003c71;
transition: 0.5s;
}
/* Job Categories */
.custom-col {
margin: 0 auto;
float: none;
margin-bottom: 10px;
padding: 1%;
width: 25rem !important;
transition: 0.5s;
}
.custom-card {
height: auto;
width: 23rem !important;
transition: 0.5s;
}
.custom-card .card-title,
.custom-card a {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
transition: 0.5s;
}
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-dark:hover {
color: #003c71;
background-color: #003c71;
outline: auto;
transition: 0.5s;
}
.jobs-type {
padding: 3%;
}
.btn.btn-dark .card-title-1{
padding: 21%;
font-size: 1.1rem;
padding-bottom: 20%;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-2{
padding-top: 20%;
padding-bottom: 21%;
font-size: 1.1rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-3{
padding: 18%;
padding-bottom: 17%;
font-size: 0.9rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-4{
padding: 17%;
padding-bottom: 18%;
font-size: 0.9rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark:hover .card-title-1,
.btn.btn-dark:hover .card-title-2,
.btn.btn-dark:hover .card-title-3,
.btn.btn-dark:hover .card-title-4
{
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-1{
padding: 11%;
padding-bottom: 13%;
font-size: 14px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-2 {
padding-top: 11%;
padding-bottom: 14%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-3{
padding: 10%;
padding-bottom: 3%;
display: none;
font-size: 15px;
transition: 0.5s;
}
.btn.btn-dark .card-p-4{
padding-top: 14%;
padding-bottom: 15%;
font-size: 16px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-5
{
padding: 7%;
padding-bottom: 3%;
display: none;
font-size: 14px;
transition: 0.5s;
}
.btn.btn-dark .card-p-6{
padding: 10%;
padding-bottom: 15%;
display: none;
font-size: 14px;
transition: 0.5s;
}
.btn.btn-dark .card-p-7
{
padding: 4%;
padding-bottom: 10%;
display: none;
font-size: 15px;
transition: 0.5s;
}
.btn.btn-dark .card-p-8,
.btn.btn-dark .card-p-9 {
padding-top: 12%;
padding-bottom: 13%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-10,
.btn.btn-dark .card-p-11,
.btn.btn-dark .card-p-13{
padding: 11%;
padding-bottom: 12%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-12{
padding: 8%;
padding-bottom: 8%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-14
{
padding: 6%;
padding-bottom: 17%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark .card-p-15
{
padding-top: 6%;
padding-bottom: 10%;
display: none;
font-size: 13px;
transition: 0.5s;
}
.btn.btn-dark:hover .card-p-1,
.btn.btn-dark:hover .card-p-2,
.btn.btn-dark:hover .card-p-3,
.btn.btn-dark:hover .card-p-4,
.btn.btn-dark:hover .card-p-5,
.btn.btn-dark:hover .card-p-6,
.btn.btn-dark:hover .card-p-7,
.btn.btn-dark:hover .card-p-8,
.btn.btn-dark:hover .card-p-9,
.btn.btn-dark:hover .card-p-10,
.btn.btn-dark:hover .card-p-11,
.btn.btn-dark:hover .card-p-12,
.btn.btn-dark:hover .card-p-13,
.btn.btn-dark:hover .card-p-14,
.btn.btn-dark:hover .card-p-15
{
display: block;
color: white;
transition: 0.5s;
}
.custom-jobs .card-body h4 {
font-family: 'Montserrat', sans-serif;
font-size: 13px;
padding: 9%;
transition: 0.5s;
}
.custom-jobs .custom-font h4 {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 10%;
transition: 0.5s;
}
.custom-jobs .custom-font-1 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 10%;
transition: 0.5s;
}
.custom-jobs .custom-font-2 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
padding: 6%;
transition: 0.5s;
}
.custom-jobs .custom-font-3 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 12px;
padding: 10%;
transition: 0.5s;
}
.custom-search {
padding-left: 2%;
transition: 0.5s;
}
.custom-search a {
font-size: small;
width: 30%;
transition: 0.5s;
}
/* Meet our people */
.carousel-indicators {
bottom: 25px;
transition: 0.5s;
}
.carousel-indicators li {
border-radius: 50%;
margin: 5px;
width: 24px;
height: 24px;
opacity: 100%;
background-color: #003c71;
transition: 0.5s;
}
.carousel-indicators .active {
width: 24px;
height: 24px;
margin: 5px;
background-color: #489fdf;
transition: 0.5s;
}
.carousel-control-prev,
.carousel-control-next {
background-color: none;
bottom: calc(-20% -25%);
transition: 0.5s;
}
.carousel-control-prev {
left: unset;
right: 100px;
transition: 0.5s;
}
.custom-carousel {
padding: 2%;
transition: 0.5s;
}
.custom-carousel-text h2,
.custom-carousel-text h2 .font-weight-bold,
.custom-carousel-text p {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
.custom-carousel-text a {
width: 50%;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
transition: 0.5s;
}
/* Learn More */
.custom-locations a {
font-family: 'Montserrat', sans-serif;
font-size: 11px;
transition: 0.5s;
}
}
/******************************* Normal Screen Devices ***********************************/
@media (min-width: 1200px) {
/* Body measurement fix */
body {
padding-top: 53px;
transition: 0.5s;
}
/* Navbar Component starts */
.navbar-expand-custom {
font-family: 'Montserrat', sans-serif;
flex-direction: row;
flex-wrap: nowrap;
background: white;
justify-content: flex-start;
padding-top: 0%;
padding-bottom: 0%;
transition: 0.5s;
}
.navbar-expand-custom .navbar-collapse {
display: flex !important;
color: #003c71;
flex-basis: auto;
transition: 0.5s;
}
.navbar-expand-custom .navbar-nav {
flex-direction: row;
float: right;
transition: 0.5s;
}
.navbar .navbar-brand {
background: #003B71;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
height: 494px;
left: -247px;
position: absolute;
top: -393px;
width: 707px;
background-image: url(../images/ge-appliances-logo-white.png);
background-repeat: no-repeat;
background-position: 275px 399px;
background-size: 262px 70px;
transition: 0.5s;
}
.navbar-expand-custom .fixed-top a {
display: block;
left: 220px;
position: relative;
top: 410px;
z-index: 1;
transition: 0.5s;
}
.nav-1 li a.parent-nav {
background-color: white;
color: #003c71 !important;
padding: 16px;
font-size: 14px;
font-weight: bolder;
border: none;
transition: 0.5s;
}
.nav-1 li {
position: relative;
display: inline-block;
transition: 0.5s;
}
.nav-1 li a.parent-nav:hover {
background: #003c71 !important;
border: medium none;
color: #fff !important;
text-decoration: none;
transition: 0.7s;
}
.nav-2 li {
display: none;
position: absolute;
background-color: #003c71;
padding-top: 0px;
min-width: 420px;
font-weight: bold;
z-index: 1;
transition: 0.5s;
}
.nav-2 li a.child-nav {
color: white;
padding: 12px 16px;
font-size: 15px;
text-decoration: none;
display: block;
transition: 0.5s;
}
.nav-3 li {
display: none;
position: absolute;
background-color: #003c71;
padding-top: 0px;
min-width: 300px;
font-weight: bold;
z-index: 1;
transition: 0.5s;
}
.nav-3 li a.child-nav {
color: white;
padding: 12px 16px;
font-size: 15px;
text-decoration: none;
display: block;
transition: 0.5s;
}
.nav-2 li a.child-nav:hover {
/* background-color: white;
color: #003c71; */
text-decoration: solid underline white 2px;
transition: 0.5s;
}
.nav-1 li:hover .nav-2 li {
left: -35px;
display: block;
transition: 0.5s;
}
.nav-3 li a.child-nav:hover {
text-decoration: solid underline white 2px;
transition: 0.5s;
}
.nav-1 li:hover .nav-3 li {
left: -110px;
display: block;
transition: 0.5s;
}
.navbar-expand-custom .dropdown-menu {
position: absolute;
transition: 0.5s;
}
.navbar-expand-custom .nav-link {
padding-right: .5rem;
padding-left: .5rem;
transition: 0.5s;
}
.navbar-expand-custom .container {
flex-wrap: nowrap;
transition: 0.5s;
}
.navbar-expand-custom .navbar-toggler {
display: none;
}
/* Cover Component Starts */
.cover-custom .cover-custom-mobile-text {
display: none;
}
.cover-custom .cover-custom-mobile-img img {
display: none;
}
.cover-custom .cover-custom-text {
display: inline;
padding: 2%;
margin-left: 0% !important;
margin-right: 0% !important;
transition: 0.5s;
}
.cover-custom .cover-custom-img img {
display: inline;
transition: 0.5s;
}
.cover-custom .cover-custom-text h1 {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
font-size: 42px;
transition: 0.5s;
}
.cover-custom .cover-custom-text a {
font-family: 'Montserrat', sans-serif;
font-size: 26px;
transition: 0.5s;
}
.row {
font-family: 'Montserrat', sans-serif;
margin-left: 0%;
margin-right: 0%;
transition: 0.5s;
}
.banner {
font-size: 44px;
margin: 0 !important;
padding: 0 !important;
transition: 0.5s;
}
.btn.btn-primary {
background-color: #003c71;
transition: 0.5s;
}
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover {
color: #003c71;
background-color: white;
border-color: #003c71;
transition: 0.5s;
}
/* Job Categories */
.custom-col {
padding: 1%;
width: 23rem !important;
transition: 0.5s;
}
.custom-card {
height: auto;
width: 23rem !important;
transition: 0.5s;
}
.custom-card .card-title,
.custom-card a {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
transition: 0.5s;
}
.card {
margin: 0 auto;
float: none;
margin-bottom: 20px;
transition: 0.5s;
}
.f1 .card-title,
.f2 .card-title {
font-size: 25px;
padding: 3%;
transition: 0.5s;
}
.f3 .card-title,
.f4 .card-title {
font-size: 20px;
padding: 2%;
transition: 0.5s;
}
.f5 .card-title,
.f6 .card-title {
font-size: 22px;
padding: 3%;
padding-bottom: inherit;
transition: 0.5s;
}
.f1 a,
.f2 a,
.f3 a,
.f4 a,
.f5 a,
.f6 a {
font-size: inherit;
width: 100%;
transition: 0.5s;
}
.custom-jobs {
margin: 0 auto;
float: none;
background-color: #147bd1;
border-color: #147bd1;
transition: 0.5s;
}
.custom-jobs-btn,
.btn.btn-dark {
width: 100%;
margin: 0 auto;
float: none;
margin-bottom: 20px;
border-color: #147bd1;
background-color: #147bd1;
transition: 0.5s;
}
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-dark:hover {
color: #003c71;
background-color: #003c71;
outline: auto;
transition: 0.5s;
}
.jobs-type {
padding: 3%;
}
.btn.btn-dark .card-title-1{
padding: 20%;
padding-bottom: 20%;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-2{
padding-top: 20%;
padding-bottom: 21%;
font-size: 1rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-3{
padding-top: 18%;
padding-bottom: 17%;
font-size: 17px;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-4{
padding: 13%;
padding-bottom: 18%;
font-size: 1.3rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark:hover .card-title-1,
.btn.btn-dark:hover .card-title-2,
.btn.btn-dark:hover .card-title-3,
.btn.btn-dark:hover .card-title-4
{
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-1{
padding: 9%;
padding-bottom: 15%;
font-size: 18px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-2,
.btn.btn-dark .card-p-7,
.btn.btn-dark .card-p-8,
.btn.btn-dark .card-p-9,
.btn.btn-dark .card-p-14
{
padding-top: 13%;
padding-bottom: 13%;
display: none;
font-size: 16px;
transition: 0.5s;
}
.btn.btn-dark .card-p-3{
padding: 11%;
padding-bottom: 7%;
display: none;
font-size: 17px;
transition: 0.5s;
}
.btn.btn-dark .card-p-4{
padding: 15%;
padding-bottom: 10%;
font-size: 17px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-5,
.btn.btn-dark .card-p-15
{
padding-top: 8%;
padding-bottom: 12%;
display: none;
font-size: 16px;
transition: 0.5s;
}
.btn.btn-dark .card-p-6{
padding: 14%;
padding-bottom: 12%;
display: none;
font-size: 16px;
transition: 0.5s;
}
.btn.btn-dark .card-p-10,
.btn.btn-dark .card-p-11,
.btn.btn-dark .card-p-13{
padding: 12%;
padding-bottom: 15%;
display: none;
font-size: 15px;
transition: 0.5s;
}
.btn.btn-dark .card-p-12{
padding: 13%;
padding-bottom: 8%;
display: none;
font-size: 15px;
transition: 0.5s;
}
.btn.btn-dark:hover .card-p-1,
.btn.btn-dark:hover .card-p-2,
.btn.btn-dark:hover .card-p-3,
.btn.btn-dark:hover .card-p-4,
.btn.btn-dark:hover .card-p-5,
.btn.btn-dark:hover .card-p-6,
.btn.btn-dark:hover .card-p-7,
.btn.btn-dark:hover .card-p-8,
.btn.btn-dark:hover .card-p-9,
.btn.btn-dark:hover .card-p-10,
.btn.btn-dark:hover .card-p-11,
.btn.btn-dark:hover .card-p-12,
.btn.btn-dark:hover .card-p-13,
.btn.btn-dark:hover .card-p-14,
.btn.btn-dark:hover .card-p-15
{
display: block;
color: white;
transition: 0.5s;
}
.custom-jobs:focus,
.custom-jobs:active,
.custom-jobs:hover {
color: #003c71;
background-color: #003c71;
border-color: #003c71;
transition: 0.7s;
}
.custom-jobs .card-body:hover h4 {
display: none
}
.custom-jobs .card-body h4 {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
padding: 12%;
transition: 0.5s;
}
.custom-jobs .custom-font h4 {
font-family: 'Montserrat', sans-serif;
font-size: 26px;
padding: 6%;
transition: 0.5s;
}
.custom-jobs .custom-font-1 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
padding: 7%;
transition: 0.5s;
}
.custom-jobs .custom-font-2 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
padding: 9%;
transition: 0.5s;
}
.custom-jobs .custom-font-3 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 25px;
padding: 11%;
transition: 0.5s;
}
.custom-jobs .card-body p {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
display: none;
transition: 0.5s;
}
.custom-jobs .card-body:hover p {
display: block;
color: white;
transition: 0.5s;
}
.custom-search {
padding-left: 1%;
transition: 0.5s;
}
.custom-search a {
font-size: large;
width: 35%;
transition: 0.5s;
}
/* Awards Categories */
.custom-banner img {
padding: 5%;
max-width: 80%;
height: auto;
display: block;
transition: 0.5s;
}
.custom-banner-aw1 img {
padding-top: 20%;
max-width: 100%;
transition: 0.5s;
}
/* Wecome statement */
.custom-statement h1 {
font-family: 'Montserrat', sans-serif;
font-size: 44px;
transition: 0.5s;
}
.custom-statement p {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
transition: 0.5s;
}
.custom-statement .custom-statement-img-1 .d-block {
display: none !important;
transition: 0.5s;
}
.custom-statement .custom-statement-img-1 {
transition: 0.5s;
padding: 0rem !important
}
.custom-statement-img {
display: inline;
transition: 0.5s;
}
/* Meet our people */
.carousel-indicators {
bottom: 50px;
transition: 0.5s;
}
.carousel-indicators li {
border-radius: 50%;
margin: 5px;
width: 24px;
height: 24px;
opacity: 100%;
background-color: #003c71;
transition: 0.5s;
}
.carousel-indicators .active {
width: 24px;
height: 24px;
margin: 5px;
background-color: #489fdf;
transition: 0.5s;
}
.carousel-control-prev,
.carousel-control-next {
background-color: none;
bottom: calc(-20% -25%);
}
.carousel-control-prev {
left: unset;
right: 100px;
transition: 0.5s;
}
.custom-carousel {
padding: 2%;
transition: 0.5s;
}
.custom-carousel-text h2,
.custom-carousel-text h2 .font-weight-bold,
.custom-carousel-text p {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
transition: 0.5s;
}
.custom-carousel-text a {
width: 50%;
font-family: 'Montserrat', sans-serif;
font-size: 22px;
transition: 0.5s;
}
/* Learn More */
.custom-btn .btn {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
transition: 0.5s;
width: 100% !important;
}
.custom-learn-more .col-md {
padding: 2%;
transition: 0.5s;
}
.custom-learn-more .container-fluid h2 {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
transition: 0.5s;
}
.custom-locations a {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
transition: 0.5s;
}
.footer__social-media a {
background: white;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #003c71 !important;
display: inline-block;
font-size: 34px;
height: 52px;
line-height: 52px;
margin: 0 6px 6px 0;
overflow: hidden;
text-align: center;
width: 52px;
transition: 0.5s;
}
body.internal .footer__social-media a {
background: #97999B;
transition: 0.5s;
}
.footer__social-media a:hover,
.footer__social-media a:focus {
opacity: 0.8;
transition: 0.5s;
}
img.footer__social-media--glassdoor {
display: inline-block;
height: 34px;
margin: -4px auto 0 auto;
transition: 0.5s;
}
/* Disablity Accomodations */
.custom-disability-accoms p {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
transition: 0.5s;
}
/* Footer Contents */
ul.footer__menu {
margin: 0;
font-size: 18px;
transition: 0.5s;
}
ul.footer__menu li {
list-style: none;
transition: 0.5s;
}
ul.footer__menu li a {
color: #fff;
transition: 0.5s;
}
.footer__menu p {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
transition: 0.5s;
}
}
/******************************* Normal Screen Devices - Monitors ***********************************/
@media (min-width: 1400px) {
/* Body measurement fix */
body {
padding-top: 53px;
transition: 0.5s;
}
/* Navbar Component starts */
.navbar-expand-custom {
font-family: 'Montserrat', sans-serif;
flex-direction: row;
flex-wrap: nowrap;
background: white;
justify-content: flex-start;
padding-top: 0%;
padding-bottom: 0%;
transition: 0.5s;
}
.navbar-expand-custom .navbar-collapse {
display: flex !important;
color: #003c71;
flex-basis: auto;
transition: 0.5s;
}
.navbar-expand-custom .navbar-nav {
flex-direction: row;
float: right;
}
.navbar .navbar-brand {
background: #003B71;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
height: 494px;
left: -247px;
position: absolute;
top: -381px;
width: 713px;
background-image: url(../images/ge-appliances-logo-white.png);
background-repeat: no-repeat;
background-position: 282px 390px;
background-size: 270px 72px;
transition: 0.5s;
}
.navbar-expand-custom .fixed-top a {
display: block;
left: 220px;
position: relative;
top: 410px;
z-index: 1;
transition: 0.5s;
}
.nav-1 li a.parent-nav {
background-color: white;
color: #003c71 !important;
padding: 16px;
font-size: 18px;
font-weight: bolder;
border: none;
transition: 0.5s;
}
.nav-1 li {
position: relative;
display: inline-block;
transition: 0.5s;
}
.nav-1 li a.parent-nav:hover {
background: #003c71 !important;
border: medium none;
color: #fff !important;
text-decoration: none;
transition: 0.7s;
}
.nav-2 li {
display: none;
position: absolute;
background-color: #003c71;
padding-top: 0px;
min-width: 420px;
font-weight: bold;
z-index: 1;
transition: 0.5s;
}
.nav-2 li a.child-nav {
color: white;
padding: 12px 16px;
font-size: 18px;
text-decoration: none;
display: block;
transition: 0.5s;
}
.nav-3 li {
display: none;
position: absolute;
background-color: #003c71;
padding-top: 0px;
min-width: 300px;
font-weight: bold;
z-index: 1;
transition: 0.5s;
}
.nav-3 li a.child-nav {
color: white;
padding: 12px 16px;
font-size: 18px;
text-decoration: none;
display: block;
transition: 0.5s;
}
.nav-2 li a.child-nav:hover {
text-decoration: solid underline white 2px;
transition: 0.5s;
}
.nav-1 li:hover .nav-2 li {
left: -35px;
display: block;
transition: 0.5s;
}
.nav-3 li a.child-nav:hover {
text-decoration: solid underline white 2px;
transition: 0.5s;
}
.nav-1 li:hover .nav-3 li {
left: -110px;
display: block;
transition: 0.5s;
}
.navbar-expand-custom .dropdown-menu {
position: absolute;
transition: 0.5s;
}
.navbar-expand-custom .nav-link {
padding-right: .5rem;
padding-left: .5rem;
transition: 0.5s;
}
.navbar-expand-custom .container {
flex-wrap: nowrap;
transition: 0.5s;
}
.navbar-expand-custom .navbar-toggler {
display: none;
}
/* Cover Component Starts */
.cover-custom .cover-custom-mobile-text {
display: none;
}
.cover-custom .cover-custom-mobile-img img {
display: none;
}
.cover-custom .cover-custom-text {
display: inline;
padding: 2%;
margin-left: 0% !important;
margin-right: 0% !important;
transition: 0.5s;
}
.cover-custom .cover-custom-text h1 {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
font-size: 40px;
transition: 0.5s;
}
.cover-custom .cover-custom-text a {
font-family: 'Montserrat', sans-serif;
font-size: 28px;
transition: 0.5s;
}
.cover-custom .cover-custom-img img {
display: inline;
content: url("../images/Homepage-header-widest.png") !important;
transition: 0.5s;
}
.row {
font-family: 'Montserrat', sans-serif;
margin-left: 0%;
margin-right: 0%;
transition: 0.5s;
}
.banner {
font-size: 40px;
margin: 0 !important;
padding: 0 !important;
transition: 0.5s;
}
.btn.btn-primary {
background-color: #003c71;
transition: 0.5s;
}
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover {
color: #003c71;
background-color: white;
border-color: #003c71;
transition: 0.5s;
}
/* Jobs Categories */
.custom-col,
.custom-card,
.custom-card-body {
width: 25rem !important;
transition: 0.5s;
}
.f1 .card-title,
.f2 .card-title {
font-size: 20px;
padding: 5%;
padding-bottom: inherit;
transition: 0.5s;
}
.f3 .card-title,
.f4 .card-title {
font-size: 20px;
padding: 2%;
transition: 0.5s;
}
.f5 .card-title,
.f6 .card-title {
font-size: 22px;
padding: 3%;
padding-bottom: inherit;
transition: 0.5s;
}
.f1 a,
.f2 a,
.f3 a,
.f4 a,
.f5 a,
.f6 a {
font-size: inherit;
width: 100%;
transition: 0.5s;
}
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-dark:hover {
color: #003c71;
background-color: #003c71;
outline: auto;
transition: 0.5s;
}
.jobs-type {
padding: 3%;
}
.btn.btn-dark .card-title-1{
padding: 20%;
padding-bottom: 22%;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-2{
padding-top: 20%;
padding-bottom: 21%;
font-size: 1.3rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-3{
padding: 18%;
padding-bottom: 17%;
font-size: 21px;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-4{
padding: 17%;
padding-bottom: 18%;
font-size: 1.3rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark:hover .card-title-1,
.btn.btn-dark:hover .card-title-2,
.btn.btn-dark:hover .card-title-3,
.btn.btn-dark:hover .card-title-4
{
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-1{
padding: 11%;
padding-bottom: 14%;
font-size: 20px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-2 {
padding-top: 13%;
padding-bottom: 14%;
display: none;
font-size: 18px;
transition: 0.5s;
}
.btn.btn-dark .card-p-3{
padding: 7%;
padding-bottom: 19%;
display: none;
font-size: 18px;
transition: 0.5s;
}
.btn.btn-dark .card-p-4{
padding-top: 12%;
padding-bottom: 12%;
font-size: 22.5px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-5 {
padding-top: 5%;
padding-bottom: 5%;
display: none;
font-size: 19px;
transition: 0.5s;
}
.btn.btn-dark .card-p-15
{
padding-top: 11%;
padding-bottom: 10%;
display: none;
font-size: 19px;
transition: 0.5s;
}
.btn.btn-dark .card-p-6{
padding: 14%;
padding-bottom: 13%;
display: none;
font-size: 19px;
transition: 0.5s;
}
.btn.btn-dark .card-p-7,
.btn.btn-dark .card-p-8
{
padding-top: 13%;
padding-bottom: 14%;
display: none;
font-size: 19px;
transition: 0.5s;
}
.btn.btn-dark .card-p-9
{
padding: 11%;
padding-bottom: 17%;
display: none;
font-size: 18px;
transition: 0.5s;
}
.btn.btn-dark .card-p-10,
.btn.btn-dark .card-p-11,
.btn.btn-dark .card-p-13{
padding: 12%;
padding-bottom: 14%;
display: none;
font-size: 19px;
transition: 0.5s;
}
.btn.btn-dark .card-p-12{
padding: 11%;
padding-bottom: 8%;
display: none;
font-size: 20px;
transition: 0.5s;
}
.btn.btn-dark .card-p-14
{
padding: 7%;
padding-bottom: 20%;
display: none;
font-size: 18px;
transition: 0.5s;
}
.btn.btn-dark:hover .card-p-1,
.btn.btn-dark:hover .card-p-2,
.btn.btn-dark:hover .card-p-3,
.btn.btn-dark:hover .card-p-4,
.btn.btn-dark:hover .card-p-5,
.btn.btn-dark:hover .card-p-6,
.btn.btn-dark:hover .card-p-7,
.btn.btn-dark:hover .card-p-8,
.btn.btn-dark:hover .card-p-9,
.btn.btn-dark:hover .card-p-10,
.btn.btn-dark:hover .card-p-11,
.btn.btn-dark:hover .card-p-12,
.btn.btn-dark:hover .card-p-13,
.btn.btn-dark:hover .card-p-14,
.btn.btn-dark:hover .card-p-15
{
display: block;
color: white;
transition: 0.5s;
}
.custom-jobs .custom-font h4 {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
padding: 12%;
transition: 0.5s;
}
.custom-jobs .custom-font-1 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 25px;
padding: 9%;
padding-bottom: inherit;
transition: 0.5s;
}
.custom-jobs .custom-font-2 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
padding: 9%;
transition: 0.5s;
}
.custom-jobs .custom-font-3 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 25px;
padding: 11%;
transition: 0.5s;
}
.custom-search {
padding-left: 2%;
transition: 0.5s;
}
.custom-search a {
font-size: larger;
width: 35%;
transition: 0.5s;
}
/* Meet our people */
.custom-carousel {
padding: 2%;
transition: 0.5s;
}
.carousel-indicators {
bottom: 141px;
transition: 0.5s;
}
/* Learn More */
.custom-btn .btn {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
width: 100% !important;
;
}
.custom-locations a {
font-family: 'Montserrat', sans-serif;
font-size: 17px;
transition: 0.5s;
}
}
/******************************* Other Screen Devices - Monitors ***********************************/
@media (min-width: 1660px) {
/* Body measurement fix */
body {
padding-top: 53px;
transition: 0.5s;
}
/* Jobs Categories */
.custom-col,
.custom-card,
.custom-card-body {
width: 28rem !important;
transition: 0.5s;
}
.f1 .card-title,
.f2 .card-title {
font-size: 20px;
padding: 3%;
padding-bottom: 13%;
transition: 0.5s;
}
.f3 .card-title,
.f4 .card-title {
font-size: 20px;
padding-bottom: 8%;
transition: 0.5s;
}
.f5 .card-title,
.f6 .card-title {
font-size: 22px;
padding: 3%;
padding-bottom: inherit;
transition: 0.5s;
}
.f1 a,
.f2 a,
.f3 a,
.f4 a,
.f5 a,
.f6 a {
font-size: inherit;
width: 100%;
transition: 0.5s;
}
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-dark:hover {
color: #003c71;
background-color: #003c71;
outline: auto;
transition: 0.5s;
}
.jobs-type {
padding: 3%;
}
.btn.btn-dark .card-title-1{
padding: 20%;
font-size: 1.8rem;
padding-bottom: 20%;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-2{
padding-top: 20%;
padding-bottom: 21%;
font-size: 1.5rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-3{
padding: 18%;
padding-bottom: 17%;
font-size: 1.5rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-4{
padding: 17%;
padding-bottom: 18%;
font-size: 1.5rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark:hover .card-title-1,
.btn.btn-dark:hover .card-title-2,
.btn.btn-dark:hover .card-title-3,
.btn.btn-dark:hover .card-title-4
{
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-1{
padding: 11%;
padding-bottom: 14%;
font-size: 20px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-2 {
padding-top: 13%;
padding-bottom: 14%;
display: none;
font-size: 18px;
transition: 0.5s;
}
.btn.btn-dark .card-p-3{
padding: 7%;
padding-bottom: 19%;
display: none;
font-size: 18px;
transition: 0.5s;
}
.btn.btn-dark .card-p-4{
padding-top: 12%;
padding-bottom: 12%;
font-size: 22.5px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-5
{
padding-top: 10%;
padding-bottom: 10%;
display: none;
font-size: 21px;
transition: 0.5s;
}
.btn.btn-dark .card-p-15
{
padding-top: 11%;
padding-bottom: 10%;
display: none;
font-size: 19px;
transition: 0.5s;
}
.btn.btn-dark .card-p-6{
padding: 14%;
padding-bottom: 13%;
display: none;
font-size: 19px;
transition: 0.5s;
}
.btn.btn-dark .card-p-7,
.btn.btn-dark .card-p-8
{
padding-top: 13%;
padding-bottom: 14%;
display: none;
font-size: 19px;
transition: 0.5s;
}
.btn.btn-dark .card-p-9
{
padding: 11%;
padding-bottom: 17%;
display: none;
font-size: 18px;
transition: 0.5s;
}
.btn.btn-dark .card-p-10,
.btn.btn-dark .card-p-11,
.btn.btn-dark .card-p-13{
padding: 12%;
padding-bottom: 14%;
display: none;
font-size: 19px;
transition: 0.5s;
}
.btn.btn-dark .card-p-12{
padding: 11%;
padding-bottom: 8%;
display: none;
font-size: 20px;
transition: 0.5s;
}
.btn.btn-dark .card-p-14
{
padding: 7%;
padding-bottom: 20%;
display: none;
font-size: 18px;
transition: 0.5s;
}
.btn.btn-dark:hover .card-p-1,
.btn.btn-dark:hover .card-p-2,
.btn.btn-dark:hover .card-p-3,
.btn.btn-dark:hover .card-p-4,
.btn.btn-dark:hover .card-p-5,
.btn.btn-dark:hover .card-p-6,
.btn.btn-dark:hover .card-p-7,
.btn.btn-dark:hover .card-p-8,
.btn.btn-dark:hover .card-p-9,
.btn.btn-dark:hover .card-p-10,
.btn.btn-dark:hover .card-p-11,
.btn.btn-dark:hover .card-p-12,
.btn.btn-dark:hover .card-p-13,
.btn.btn-dark:hover .card-p-14,
.btn.btn-dark:hover .card-p-15
{
display: block;
color: white;
transition: 0.5s;
}
.custom-jobs .card-body h4 {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
padding: 15%;
transition: 0.5s;
}
.custom-jobs .custom-font h4 {
font-family: 'Montserrat', sans-serif;
font-size: 25px;
padding: 15%;
transition: 0.5s;
}
.custom-jobs .custom-font-1 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 28px;
padding: 11%;
transition: 0.5s;
}
.custom-jobs .custom-font-2 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 25px;
padding: 11%;
transition: 0.5s;
}
.custom-jobs .custom-font-3 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 25px;
padding: 15%;
transition: 0.5s;
}
.custom-search a {
font-size: larger;
width: 33%;
transition: 0.5s;
}
/* Meet our people */
.custom-carousel {
padding: 2%;
transition: 0.5s;
}
.carousel-indicators {
bottom: 195px;
transition: 0.5s;
}
/* Learn More */
.custom-locations a {
font-family: 'Montserrat', sans-serif;
font-size: 20px;
transition: 0.5s;
}
}
/******************************* Other Screen Devices - Monitors ***********************************/
@media (min-width: 1800px) {
/* Body measurement fix */
body {
padding-top: 53px;
transition: 0.5s;
}
/* Jobs Categories */
.custom-col,
.custom-card,
.custom-card-body {
width: 33rem !important;
transition: 0.5s;
}
.f1 .card-title,
.f2 .card-title {
font-size: 21px;
padding: 5%;
padding-bottom: inherit;
transition: 0.5s;
}
.f3 .card-title,
.f4 .card-title {
font-size: 21px;
padding: 2%;
transition: 0.5s;
}
.f5 .card-title,
.f6 .card-title {
font-size: 22px;
padding: 4%;
padding-bottom: inherit;
transition: 0.5s;
}
.f1 a,
.f2 a,
.f3 a,
.f4 a,
.f5 a,
.f6 a {
font-size: inherit;
width: 100%;
transition: 0.5s;
}
.custom-jobs .custom-font h4 {
font-family: 'Montserrat', sans-serif;
font-size: 25px;
padding: 14%;
padding-bottom: 16%;
transition: 0.5s;
}
.custom-jobs .custom-font-1 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 25px;
padding: 11%;
padding-bottom: 19%;
transition: 0.5s;
}
.custom-jobs .custom-font-2 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 24px;
padding: 12%;
transition: 0.5s;
}
.custom-jobs .custom-font-3 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 25px;
padding: 14%;
padding-bottom: 16%;
transition: 0.5s;
}
/* Learn More */
.custom-locations a {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
transition: 0.5s;
}
}
/******************************* Large Screen Devices ***********************************/
@media (min-width: 1900px) {
/* Body measurement fix */
body {
padding-top: 53px;
transition: 0.5s;
}
/* Navbar Component starts */
.navbar-expand-custom {
font-family: 'Montserrat', sans-serif;
flex-direction: row;
flex-wrap: nowrap;
background: white;
justify-content: flex-start;
transition: 0.5s;
padding-top: 0%;
padding-bottom: 0%;
transition: 0.5s;
}
.navbar-expand-custom .navbar-collapse {
display: flex !important;
color: #003c71;
flex-basis: auto;
transition: 0.5s;
}
.navbar-expand-custom .navbar-nav {
flex-direction: row;
float: right;
transition: 0.5s;
}
.navbar .navbar-brand {
background: #003B71;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
height: 495px;
left: -215px;
position: absolute;
top: -360px;
width: 722px;
background-image: url("../images/ge-appliances-logo-white.png");
background-repeat: no-repeat;
background-position: 240px 375px;
background-size: 330px 90px;
transition: 0.5s;
}
.navbar-expand-custom .fixed-top a {
display: block;
left: 220px;
position: relative;
top: 410px;
z-index: 1;
transition: 0.5s;
}
.nav-1 li a.parent-nav {
background-color: white;
color: #003c71 !important;
padding: 16px;
font-size: 18px;
font-weight: bolder;
border: none;
transition: 0.5s;
}
.nav-1 li {
position: relative;
display: inline-block;
transition: 0.5s;
}
.nav-1 li a.parent-nav:hover {
background: #003c71 !important;
border: medium none;
color: #fff !important;
text-decoration: none;
transition: 0.7s;
transition: 0.5s;
}
.nav-2 li {
display: none;
position: absolute;
background-color: #003c71;
padding-top: 0px;
min-width: 420px;
font-weight: bold;
z-index: 1;
transition: 0.5s;
}
.nav-2 li a.child-nav {
color: white;
padding: 12px 16px;
font-size: 18px;
text-decoration: none;
display: block;
transition: 0.5s;
}
.nav-3 li {
display: none;
position: absolute;
background-color: #003c71;
padding-top: 0px;
min-width: 300px;
font-weight: bold;
z-index: 1;
transition: 0.5s;
}
.nav-3 li a.child-nav {
color: white;
padding: 12px 16px;
font-size: 18px;
text-decoration: none;
display: block;
transition: 0.5s;
}
.nav-2 li a.child-nav:hover {
text-decoration: solid underline white 2px;
transition: 0.5s;
}
.nav-1 li:hover .nav-2 li {
left: -35px;
display: block;
}
.nav-3 li a.child-nav:hover {
text-decoration: solid underline white 2px;
transition: 0.5s;
}
.nav-1 li:hover .nav-3 li {
left: -100px;
display: block;
transition: 0.5s;
}
.navbar-expand-custom .dropdown-menu {
position: absolute;
transition: 0.5s;
}
.navbar-expand-custom .nav-link {
padding-right: .5rem;
padding-left: .5rem;
transition: 0.5s;
}
.navbar-expand-custom .container {
flex-wrap: nowrap;
transition: 0.5s;
}
.navbar-expand-custom .navbar-toggler {
display: none;
}
/* Cover Component Starts */
.cover-custom .cover-custom-mobile-text {
display: none;
}
.cover-custom .cover-custom-mobile-img img {
display: none;
}
.cover-custom .cover-custom-text {
display: inline;
padding: 2%;
margin-left: 0% !important;
margin-right: 0% !important;
transition: 0.5s;
}
.cover-custom .cover-custom-text h1 {
font-family: 'Montserrat', sans-serif;
font-weight: normal;
font-size: 60px;
transition: 0.5s;
}
.cover-custom .cover-custom-text a {
font-family: 'Montserrat', sans-serif;
font-size: 32px;
transition: 0.5s;
}
.cover-custom .cover-custom-img img {
display: inline;
content: url("../images/Homepage-header-widest.png") !important;
transition: 0.5s;
}
.row {
font-family: 'Montserrat', sans-serif;
margin-left: 0%;
margin-right: 0%;
transition: 0.5s;
}
.banner {
font-size: 60px;
margin: 0 !important;
padding: 0 !important;
transition: 0.5s;
}
.btn.btn-primary {
background-color: #003c71;
transition: 0.5s;
}
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover {
color: #003c71;
background-color: white;
border-color: #003c71;
transition: 0.5s;
}
/* Job Categories */
.custom-col {
padding: 1%;
width: 38rem !important;
}
.f1 .card-title,
.f2 .card-title {
font-size: 21px;
padding: 9%;
padding-bottom: inherit;
transition: 0.5s;
}
.f3 .card-title,
.f4 .card-title {
font-size: 21px;
padding: 2%;
transition: 0.5s;
}
.f5 .card-title,
.f6 .card-title {
font-size: 22px;
padding: 9%;
padding-bottom: inherit;
transition: 0.5s;
}
.f1 a,
.f2 a,
.f3 a,
.f4 a,
.f5 a,
.f6 a {
font-size: inherit;
width: 100%;
transition: 0.5s;
}
.custom-card,
.custom-card-body {
height: auto;
width: 33rem !important;
}
.custom-card .card-title {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
transition: 0.5s;
}
.custom-card a {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
transition: 0.5s;
}
.card {
margin: 0 auto;
float: none;
margin-bottom: 20px;
transition: 0.5s;
}
.custom-jobs {
margin: 0 auto;
float: none;
background-color: #147bd1;
border-color: #147bd1;
transition: 0.5s;
}
.custom-jobs-btn,
.btn.btn-dark {
width: 100%;
margin: 0 auto;
float: none;
margin-bottom: 20px;
border-color: #147bd1;
background-color: #147bd1;
transition: 0.5s;
}
.btn.btn-dark:focus,
.btn.btn-dark:active,
.btn.btn-dark:hover {
color: #003c71;
background-color: #003c71;
outline: auto;
transition: 0.5s;
}
.jobs-type {
padding: 3%;
}
.btn.btn-dark .card-title-1{
padding: 20%;
font-size: 1.9rem;
padding-bottom: 20%;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-2{
padding-top: 20%;
padding-bottom: 21%;
font-size: 1.8rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-3{
padding: 18%;
padding-bottom: 17%;
font-size: 1.8rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark .card-title-4{
padding: 17%;
padding-bottom: 18%;
font-size: 1.8rem;
display: block;
transition: 0.5s;
}
.btn.btn-dark:hover .card-title-1,
.btn.btn-dark:hover .card-title-2,
.btn.btn-dark:hover .card-title-3,
.btn.btn-dark:hover .card-title-4
{
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-1{
padding: 11%;
padding-bottom: 14%;
font-size: 29px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-2 {
padding-top: 13%;
padding-bottom: 14%;
display: none;
font-size: 27px;
transition: 0.5s;
}
.btn.btn-dark .card-p-3{
padding: 10%;
padding-bottom: 10%;
display: none;
font-size: 27px;
transition: 0.5s;
}
.btn.btn-dark .card-p-4{
padding-top: 11%;
padding-bottom: 12%;
font-size: 29px;
display: none;
transition: 0.5s;
}
.btn.btn-dark .card-p-5
{
padding-top: 8%;
padding-bottom: 10%;
display: none;
font-size: 27px;
transition: 0.5s;
}
.btn.btn-dark .card-p-6{
padding: 11%;
padding-bottom: 13%;
display: none;
font-size: 28px;
transition: 0.5s;
}
.btn.btn-dark .card-p-7,
.btn.btn-dark .card-p-8
{
padding-top: 13%;
padding-bottom: 14%;
display: none;
font-size: 27px;
transition: 0.5s;
}
.btn.btn-dark .card-p-9
{
padding: 12%;
padding-bottom: 8%;
display: none;
font-size: 28px;
transition: 0.5s;
}
.btn.btn-dark .card-p-10,
.btn.btn-dark .card-p-11,
.btn.btn-dark .card-p-13{
padding: 12%;
padding-bottom: 15%;
display: none;
font-size: 27px;
transition: 0.5s;
}
.btn.btn-dark .card-p-12{
padding: 11%;
padding-bottom: 9%;
display: none;
font-size: 27px;
transition: 0.5s;
}
.btn.btn-dark .card-p-14
{
padding: 9%;
padding-bottom: 11%;
display: none;
font-size: 28px;
transition: 0.5s;
}
.btn.btn-dark .card-p-15
{
padding-top: 11%;
padding-bottom: 10%;
display: none;
font-size: 27px;
transition: 0.5s;
}
.btn.btn-dark:hover .card-p-1,
.btn.btn-dark:hover .card-p-2,
.btn.btn-dark:hover .card-p-3,
.btn.btn-dark:hover .card-p-4,
.btn.btn-dark:hover .card-p-5,
.btn.btn-dark:hover .card-p-6,
.btn.btn-dark:hover .card-p-7,
.btn.btn-dark:hover .card-p-8,
.btn.btn-dark:hover .card-p-9,
.btn.btn-dark:hover .card-p-10,
.btn.btn-dark:hover .card-p-11,
.btn.btn-dark:hover .card-p-12,
.btn.btn-dark:hover .card-p-13,
.btn.btn-dark:hover .card-p-14,
.btn.btn-dark:hover .card-p-15
{
display: block;
color: white;
transition: 0.5s;
}
.custom-jobs:focus,
.custom-jobs:active,
.custom-jobs:hover {
color: #003c71;
background-color: #003c71;
border-color: #003c71;
transition: 0.7s;
}
.custom-jobs .card-body:hover h4 {
display: none
}
.custom-jobs .card-body h4 {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
padding: 13%;
transition: 0.5s;
}
.custom-jobs .custom-font h4 {
font-family: 'Montserrat', sans-serif;
font-size: 33px;
padding: 13%;
transition: 0.5s;
}
.custom-jobs .custom-font-1 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 37px;
padding: 8%;
transition: 0.5s;
}
.custom-jobs .custom-font-2 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 30px;
padding: 10%;
transition: 0.5s;
}
.custom-jobs .custom-font-3 h4 {
font-family: 'Montserrat', sans-serif;
font-size: 35px;
padding: 13%;
transition: 0.5s;
}
.custom-jobs .card-body p {
font-family: 'Montserrat', sans-serif;
font-size: 30px;
display: none;
transition: 0.5s;
}
.custom-jobs .card-body:hover p {
display: block;
color: white;
transition: 0.5s;
}
.custom-search {
padding-left: 1%;
transition: 0.5s;
}
.custom-search a {
font-size: 36px;
width: 33%;
transition: 0.5s;
}
/* Awards Categories */
.custom-banner img {
padding: 5%;
max-width: 80%;
height: auto;
display: block;
transition: 0.5s;
}
.custom-banner-aw1 img {
padding-top: 20%;
max-width: 100%;
transition: 0.5s;
}
/* Wecome statement */
.custom-statement h1 {
font-family: 'Montserrat', sans-serif;
font-size: 60px;
transition: 0.5s;
}
.custom-statement p {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
transition: 0.5s;
}
.custom-statement .custom-statement-img-1 .d-block {
display: none !important;
}
.custom-statement .custom-statement-img-1 {
padding: 0rem !important;
transition: 0.5s;
}
.custom-statement-img {
display: inline;
transition: 0.5s;
}
/* Meet our people */
.carousel-indicators {
bottom: 120px;
transition: 0.5s;
}
.carousel-indicators li {
border-radius: 50%;
margin: 5px;
width: 36px;
height: 36px;
opacity: 100%;
background-color: #003c71;
transition: 0.5s;
}
.carousel-indicators .active {
width: 36px;
height: 36px;
margin: 5px;
background-color: #489fdf;
transition: 0.5s;
}
.carousel-control-prev,
.carousel-control-next {
background-color: none;
bottom: calc(-20% -25%);
}
.carousel-control-prev {
left: unset;
right: 100px;
transition: 0.5s;
}
.custom-carousel {
padding: 3%;
transition: 0.5s;
}
.custom-carousel-text h2,
.custom-carousel-text h2 .font-weight-bold,
.custom-carousel-text p {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
transition: 0.5s;
}
.custom-carousel-text a {
width: 50%;
font-family: 'Montserrat', sans-serif;
font-size: 36px;
transition: 0.5s;
}
/* Learn More */
.custom-btn .btn {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
width: 100% !important;
;
}
.custom-learn-more .col-md {
padding: 2%;
transition: 0.5s;
}
.custom-learn-more .container-fluid h2 {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
transition: 0.5s;
}
.custom-locations a {
font-family: 'Montserrat', sans-serif;
font-size: 22px;
transition: 0.5s;
}
.custom-banner {
font-family: 'Montserrat', sans-serif;
font-size: 36px !important;
transition: 0.5s;
}
.custom-row-list {
display: list-item;
transition: 0.5s;
}
.custom-social-media-col {
padding-left: 2%;
transition: 0.5s;
}
.footer__social-media a {
background: white;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color: #003c71 !important;
display: inline-block;
font-size: 36px;
height: 52px;
line-height: 52px;
margin: 0 6px 6px 0;
overflow: hidden;
text-align: center;
width: 52px;
transition: 0.5s;
}
body.internal .footer__social-media a {
background: #97999B;
transition: 0.5s;
}
.footer__social-media a:hover,
.footer__social-media a:focus {
opacity: 0.8;
transition: 0.5s;
}
img.footer__social-media--glassdoor {
display: inline-block;
height: 34px;
margin: -4px auto 0 auto;
transition: 0.5s;
}
/* Disablity Accomodations */
.custom-disability-accoms p {
font-family: 'Montserrat', sans-serif;
font-size: 36px;
transition: 0.5s;
}
/* Footer Contents */
ul.footer__menu {
margin: 0;
font-size: 20px;
transition: 0.5s;
}
ul.footer__menu li {
list-style: none;
}
ul.footer__menu li a {
color: #fff;
}
.footer__menu p {
font-family: 'Montserrat', sans-serif;
font-size: 23px;
transition: 0.5s;
}
}