body {
        /* Default Font */
        
        
        
        
        /* Background */
        
        
        
        
        
        }

        .content {
        
        
        
        
        
        }
        /* Links Font */
        a {
        
        
        
        
        
        }
        a:hover{
        
        
        }

        a:active{
        
        
        }

        .btn-default, .form-submit{
        
        
        
        }
        .btn-default:hover, .form-submit:hover, .btn-default:focus, .form-submit:focus, .btn-default.focus, .focus.form-submit, .btn-default:active, .form-submit:active, .btn-default.active, .active.form-submit, .open > .btn-default.dropdown-toggle, .open > .dropdown-toggle.form-submit {
        
        
        
        }
        .btn, .form-submit{
        
        
        
        
        
        
        
        
        }

        /* H1 Font */
        H1, H1 > a {
        
        
        
        
        }

        /* H2 Font */
        H2, H2 > a {
        
        
        
        
        }

        /* H3 Font */
        H3, H3 > a {
        
        
        
        
        }
        /* H4 Font */
        H4, H4 > a {
        
        
        
        
        }
        /* H5 Font */
        H5, H5 > a {
        
        
        
        
        }
        /* H6 Font */
        H6, H6 > a {
        
        
        
        
        }
        /* Header Styles */
        .navbar-default{
        
        
        
        
        
        }
        /* Navigation */
        .main-nav {
        
        }
        .navbar-nav, .main-nav .navbar-nav{
        
        
        
        
        
        
        
        }
        .navbar-default .primary-nav > li > a {
        
        
        
        
        
        
        
        
        
        
        
        
        }
        .navbar-default .primary-nav > li > a:hover,
        .navbar-default .primary-nav > li > a:focus{
        
        
        
        
        
        
        
        }
        .navbar-default .primary-nav >.active > a,
        .navbar-default .primary-nav >.active > a:hover {
        
        
        
        
        
        
        
        }
        .navbar-default .primary-nav > .open > a,.navbar-default .primary-nav > .open > a:hover,.navbar-default .primary-nav > .open > a:focus {
        
        
        
        
        
        
        }
        /*Dropdown*/
        .dropdown-menu{
        
        
        
        
        }
        .dropdown-menu > li > a {
        
        
        
        
        
        
        
        
        
        
        
        
        }
        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
        
        
        
        
        
        
        
        }
        .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover {
        
        
        
        
        
        
        
        }

        /* Utility Navigation */
        .utility-nav {
        
        
        
        
        
        
        
        }
        .navbar-default .utility-nav > li > a {
        
        
        
        
        
        
        
        
        
        
        
        
        }

        .navbar-default .utility-nav > li > a:hover {
        
        
        
        
        
        
        
        }

        .navbar-default .utility-nav >.active > a,
        .navbar-default .utility-nav > .active > a:hover {
        
        
        
        
        
        
        
        }

        /* Breadcrumb */
        .breadcrumb {
        
        
        
        
        
        
        }
        .breadcrumb a {
        
        
        }
        .breadcrumb a:hover {
        
        
        }

        /* Subpage Navigation */
        .sidenav{
        
        
        
        
        
        
        }
        .sidenav > .nav > li > a{
        
        
        
        
        
        }
        .nav-pills > li.active > a,.nav-pills > li.active > a:focus{
        
        
        
        
        
        }
        .nav-pills > li.active > a:hover{
        
        
        
        }
        .sidenav .nav .nav > li > a{
        
        
        
        
        
        
        
        
        
        
        
        
        }
        .sidenav .nav .nav > li > a:hover, .sidenav .nav .nav > li > a:focus {
        
        
        
        
        
        
        
        }
        .sidenav .nav .nav > .active > a, .sidenav .nav .nav > .active:hover > a, .sidenav .nav .nav > .active:focus > a  {
        
        
        
        
        
        
        
        }
        /* Footer Font */
        footer, #footer {
        
        
        
        
        
        

        
        
        
        
        
        }
        footer a, #footer a {
        
        
        
        
        
        }
        footer a:hover, #footer a:hover {
        
        
        }
        footer a:active, #footer a:active {
        
        
        }
        footer small, #footer small{
        
        
        
        
        }
    
/* Custom Styles */
h1.page-title {display: none;}
h1.title-careers { color:#0099CC; font: 28px Universe, sans-serif  normal;  }

.intro-img { position: absolute; top: -30px; right: 10px; width: 225px;  height: auto;  z-index:1;}
.intro-img-bkgnd { position: absolute; top:80px; left: 10px; width: 500px;  height: auto;  z-index:2;}

/* Life at shapes background */

.circle-life { position: absolute; top: 235px; left: -150px; width: 300px;  height: 300px;   background-color: #f9a04e; border-radius: 9999px;z-index:1;}
.circle-sm-life { position: absolute; top: 175px; left: 50px; width: 150px;  height: 150px;   background-color: #008dc5; border-radius: 9999px;}

.circle-sm-life-pink { position: absolute; top: 1300px; left: 0px; width: 150px;  height: 150px;   background-color: #ec008c; border-radius: 9999px;z-index:1;}
.oval-life { position: absolute; top:1130px; left: 0px; border-radius: 0 0 150px  150px ;   width: 150px;   height: 320px;  background: #fdce0d;}


.square-life { position: absolute; top: 575px; right: 0px;   width: 175px;   height: 175px;   background: #824d89; }

.circle-smrt-life-pink { position: absolute; top: 990px; right: 80px; width: 150px;  height: 150px;   background-color: #ec008c; border-radius: 9999px;z-index:2;}
.quarter-life { position: absolute; top: 1020px; right: 0px; border-radius: 175px 0 0 0;   width: 175px;   height: 175px;   background: #60BEA7; z-index:1;}

.quarter-life-ylw { position: absolute; top: 1625px; right: 0px; border-radius: 175px 0 0 0;   width: 175px;   height: 175px;   background: #fdce0d; z-index:1;}
.quarter-life-blue { position: absolute; top: 1795px; right: 0px; border-radius: 0 0 0 175px ; width: 175px; height: 175px; background: #086bb5; z-index:2; }


/* Intro shapes background */
.sm-circle{ position: absolute; top: 20px; right: 155px; width: 18rem;  height: 18rem;  background-color: #F79F44;border-radius: 9999px;}
.lg-circle{ position: absolute; top: 387px; right: 66px; width: 24rem;  height: 24rem;  background-color: #854A81;border-radius: 9999px;}

/*  .lg-circle{ position: absolute; top: -40px; right: -50px; width: 42rem;  height: 42rem;  background-color: #854A81;border-radius: 9999px;} */
.lg-oval { position: absolute; top:-30px; right: 150px; border-radius: 0 0 150px  150px ;   width: 150px;   height: 320px;  background: #fdce0d;}
.rectangle {position: absolute; top: 490px;left: 0px;  width: 300px;  height: 130px;  background: #0A62AB;}
.sm-rectangle {position: absolute; top: 425px;right: 0px;  width: 80px;  height: 130px;  background: #FCCC00;}
.sm-square {position: absolute; top: 625px;left: 0px;  width: 130px;  height: 130px;  background: #E5007D;}
.half-circle{ position: absolute; top: 300px;left: -180px;width: 22rem; height: 22rem;  background-color: #60BEA7;border-radius: 9999px;}
       

.benefit-box{
            width: 100%;
            height: 100% /*230px*/;
            padding: 20px;
            margin-bottom:10px;
            perspective:1000px;
            -webkit-perspective:1000px;
border-radius: 60px; 
text-align: center;
color:#ffffff;
}

.benefit-box h3{
            font-size: 24px;     
            color:#ffffff;             
            margin-bottom: 15px;
            text-transform: uppercase;
}
.media .career-life-rt {margin-top: 0px !important;}
.career-life { position: relative; margin-bottom:40px; /* height:300px;*/ z-index:100;}
.career-life-rt  { position: relative; margin-bottom:40px; z-index:100;}
.career-life-body { position: absolute;    top: 15%;   left: 300px;   background: #ebebeb;   margin: 20px 0px 20px 0px; padding:20px 20px 0px 60px; z-index:-1;}

.career-life-body-rt { position: absolute;    top: 15%;   right: 300px;   background: #ebebeb;   margin: 20px 0px 20px 0px; padding:20px 60px 0px 20px;z-index:-1;}
.career-life-image-div { position: absolute;top:0;right:0px; }
.career-life-image { width: 100% !important; height: auto  !important;  }
@media screen and (min-width: 768px) and (max-width: 830px) {
                .career-life.fix { height:375px !important; }  .career-life-rt.fix { height:375px !important; }
    }

/* BENEFITS */
.service-box{
            position: relative;
            overflow: hidden;
            margin-bottom:10px;
            perspective:1000px;
            -webkit-perspective:1000px;
border-radius: 15px; 
        }
 .service-icon{
            width: 100%;
            height: 230px;
            padding: 20px;
            text-align: center;
          /*  transition: all .5s ease;*/
        }

 .service-content{
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0;
            width: 100%;
            height: 230px;
            padding: 20px;
            text-align: center;
            transition: all .5s ease;
            background-color: #ffffff /*#474747*/;
            backface-visibility:hidden;
            transform-style: preserve-3d;
            -webkit-transform: translateY(110px) rotateX(-90deg);
            -moz-transform: translateY(110px) rotateX(-90deg);
            -ms-transform: translateY(110px) rotateX(-90deg);
            -o-transform: translateY(110px) rotateX(-90deg);
            transform: translateY(110px) rotateX(-90deg);
border-radius: 15px; 
        }
 .service-box .service-icon .front-content{
            position: relative;
            top:80px;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%);
        }

 .service-box .service-icon .front-content i {
            font-size: 28px;
            color: #fff;
            font-weight: normal;
        }
.service-box .service-icon .front-content h3 {
            font-size: 24px;
            color: #fff;
            text-align: center;
            margin-bottom: 15px;
            text-transform: uppercase;

        }
.service-box .service-content h3 {
            font-size: 24px;
            font-weight: 700;
            color: #fff;
            margin-bottom:10px;
            text-transform: uppercase;
        }
   .service-box .service-content p {
            font-size: 16px;
            /*color: #b1b1b1;*/
            margin:0;
        }
 .yellow{background-color: #FCCC00;}
 .orange{background-color: #F79F44;}
 .pink{background-color: #E5007D;}
.dkblue{background-color: #0D334F;}
.purple{background-color: #854A81;}
.teal{background-color: #60BEA7;}
.ltblue{background-color: #30ACE1;}
.mdblue{background-color: #0A62AB;}
 .grey{background-color: #474747;}
 .service-box:hover .service-icon{
            opacity: 0;
            -webkit-transform: translateY(-110px) rotateX(90deg);
            -moz-transform: translateY(-110px) rotateX(90deg);
            -ms-transform: translateY(-110px) rotateX(90deg);
            -o-transform: translateY(-110px) rotateX(90deg);
            transform: translateY(-110px) rotateX(90deg);
        }
.service-box:hover .service-content {
            opacity: 1;
            -webkit-transform: rotateX(0);
            -moz-transform: rotateX(0);
            -ms-transform: rotateX(0);
            -o-transform: rotateX(0);
            transform: rotateX(0);
border-radius: 15px; 
        }







/*  https://codepen.io/dan10gc/pen/EQbjgP 
button rollover */


.btn-roll-body {
  color: #111;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-content: center;
  justify-content: center;
  /*background-color: #ffffff;*/
}

.btn-roll-container {
  width: auto;
  display: flex;
  flex-direction: column;
}

.btn-roll {
  margin: 20px auto;
  border: none;
  padding: 10px 20px;
  font-size: 22px;
  position: relative;
}
.btn-roll::before {
  transition: all 0.85s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  content: "";
  width: 50%;
  height: 100%;
  background: black;
  position: absolute;
  top: 0;
  left: 0;
}
.btn-roll .btn-roll-text {
  color: white;
  mix-blend-mode: difference;
}
.btn-roll:hover::before {
  background: black;
  width: 100%;
}
.btn-roll.rounded {
  border-radius: 50px;
background:#0D334F;
color: #ffffff;
text-decoration:none;
text-wrap: nowrap;
}
.btn-roll.rounded .text-green {
  /*color: #30ACE1 !important;*/
  mix-blend-mode: lighten;

}
.btn-roll.rounded::before {
  border-radius: 50px;
  width: 25%;
  background: #30ACE1;
}
.btn-roll.rounded:hover::before {
  background: #30ACE1;
  width: 100%;
}



            
                @media only screen and (max-width:479px)
                {
                /*.intro-img { width:100%;}*/
.intro-img-block {min-height:375px;margin-top: 80px !important; }
.intro-img-bkgnd  { width:85%;  left: 20px; }
.lg-circle{ /*top: 295px;*/ display: none; }
.rectangle { top: 72%;}


.career-life {/*margin-bottom:40px; height:0px !important;*/}
.career-life > .media-left {padding-right:0px !important;}
.career-life-rt > .media-right {padding-left:0px !important;}
.career-life-body, .career-life-body-rt { position: inherit;    top: 0;   left: 0;   background: #ebebeb;   margin: 0px;  padding:20px 20px 10px 20px;z-index:0;}
.career-life-image-div { position: relative;top:0;right:0px; }
.career-life-image { width: 100%; height: auto; margin:0px !important; padding: 0px; }

.small-only{  display: none; }
                }
            
            
                @media only screen and (min-width:480px) and (max-width:767px)
                {
                /*.intro-img { width:90%;}*/
.intro-img-block  { width:85%; min-height:375px; margin-top: 60px !important;}
.intro-img-bkgnd  { width:65%;  left: 100px; }
.lg-circle{ /*top: 295px;*/ display: none; }
.sm-circle{right: 250px; }

.career-life { position: relative; margin-bottom:40px;}
.career-life > .media-left {padding-right:0px !important;}
.career-life-rt > .media-right {padding-left:0px !important;}
.career-life-body, .career-life-body-rt { position: inherit;    top: 0;   left: 0;   background: #ebebeb;   margin: 0px;  padding:20px 20px 10px 20px; z-index:0;}
.career-life-image-div { position: relative;top:0;right:0px; }
.career-life-image { margin:0px !important; padding: 0px; max-width: 725px; }

.small-only{   display: none; }
                }
            
            
                @media only screen and (min-width:768px) and (max-width:991px)
                {
                .career-life { height:310px; }  .career-life-rt { height:310px; }
/*.career-life-rt.fix { margin-bottom:100px;}*/
.career-life-image { max-width: 345px; }
.intro-img-block  { width:85%; min-height:600px; }
.intro-img-bkgnd  { width:75%;  left: 170px; }
.sm-circle{right: 300px; }

/*.img-intro-bkgnd { left:25%; }*/
                }
            
            
                @media only screen and (min-width:992px) and (max-width:1199px)
                {
                .career-life { height:300px; }  .career-life-rt { height:300px; }
.career-life-image { max-width: 345px; }
.intro-img {height:225px; width: auto;}
.intro-img-bkgnd  { width:95%;  }
                }
            
            
                @media only screen and (min-width:1200px)
                {
                /*.flu-table-small {  display: none; }*/
.intro-img {height:225px; width: auto;}
.career-life { height:300px; } .career-life-rt { height:300px; }
.career-life-image { max-width: 345px; }

                }