@import url(https://fonts.googleapis.com/css?family=Lato:300);
/**font-family: 'Lato', sans-serif;**/
/**STRATA Font Color: #0B4A72 (Dark) #006699 (light) #5698C4 (light)**/

body {
    background-color: white;
    position: relative;
    font-family: 'Lato', sans-serif; 
}

nav {
    padding: 0px;
    margin: auto;
    max-width: 1366px;
    z-index: 1;
}

section {
    max-width: 1366px;
    margin: auto;
    background-color: white;
    /*border:1px solid green;*/
}

/***************************/

/******Modals**********/
#CCModal .modal-header,
#CAModal .modal-header,
#LSEModal .modal-header,
#SEModal .modal-header,
#FOModal .modal-header,
#IModal .modal-header{
    background-image: url(img/careers/careers_header_wp.png);
    background-size: 600px 216px;
    color: white;
}

#CCModal span ,
#CAModal span ,
#LSEModal span ,
#SEModal span ,
#FOModal span ,
#IModal span {
    display: block;
    /*border: 1px solid black;*/
}

#CCModal span img,
#CAModal span img,
#LSEModal span img,
#SEModal span img,
#FOModal span img,
#IModal span img{
    height: 100px;
    width: 100px;
}

#CCModal .modal-body #description ,
#CAModal .modal-body #description ,
#LSEModal .modal-body #description ,
#SEModal .modal-body #description ,
#FOModal .modal-body #description ,
#IModal .modal-body #description {
    color: #006699;
    font-size: 16px;
    font-weight: 600;
}

#CCModal .modal-body #basics ,
#CAModal .modal-body #basics ,
#LSEModal .modal-body #basics ,
#SEModal .modal-body #basics ,
#FOModal .modal-body #basics ,
#IModal .modal-body #basics {
    padding-top: 20px; 
    color: #006699;
}

#CCModal .modal-body #basics span ul,
#CAModal .modal-body #basics span ul,
#LSEModal .modal-body #basics span ul,
#SEModal .modal-body #basics span ul,
#FOModal .modal-body #basics span ul,
#IModal .modal-body #basics span ul{
    /*border: 1px solid black;*/
    font-weight: 600;
    padding-left: 120px;
}

/****************************/

/**
* Top Navbar (Fixed)
*/

.navbar {
    background-color: white;
    margin: auto;
    padding-top: 10px;
    max-width: 1366px;
}

.navbar-brand{
    margin-top:-23px;
}

.navbar-brand img {
    width: 250px;
}

.nav.navbar-nav li a strong{
    color: #006699;
    text-decoration: none;
    height:;
}

.nav.navbar-nav li a strong:hover,
.nav.navbar-nav li a strong:focus{
    border-bottom:1px solid #006699;
}

/**collapse button**/

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus  {
    background-color: white;
    border-color: #006699;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #006699;
}

.currentpage {
    border-bottom: none;    
}
/******************/

section #header {
    /*border: 1px solid black;*/
    background-image: url(img/careers/careers_header_wp.png);
    background-size: 1366px 450px ;
    background-repeat: no-repeat;
    color: white;
    max-width: 1366px;
}

section #header #title {
    padding-top: 107px;
    font-size: 2.5em;
    display: block;
    padding-bottom: 20px;
}

section #header #desc {
    font-size: 1em;
    display: block;
    margin-right: 10%;
    margin-left: 10%;
    padding-bottom: 30px;
}

section #jobs {
    background-image: url(img/careers/careers_middle_wp.png);
    background-size: 1366px;
    background-repeat: no-repeat;
    /*border: 1px solid black;*/
    max-width: 1366px;
}

section #jobs #header #checkout {
    color: #006699;
    display: block;
    font-size: 15px;
    margin-right: 5%;
    margin-left: 5%;
    padding-top: 20px;
    padding-bottom: 25px;
}

section #jobs #jobsrowone,
section #jobs #jobsrowtwo {
    /*border: 1px solid orange;*/
    height: 285px;
    display: block;
    margin-right: 20px;
    margin-left: 20px;
}

section #jobs #jobsrowone div,
section #jobs #jobsrowtwo div{
    /*border: 1px dashed blue;*/
    height: 285px;
}

section #jobs #jobsrowone #boxone{
    border-right: 1px dashed black;
    border-bottom: 1px dashed black;
    /*border: 1px solid black;*/
}

section #jobs #jobsrowtwo #boxone{
    border-right: 1px dashed black;
    /*border: 1px solid black;*/
}

section #jobs #jobsrowone #boxone #jobtitle,
section #jobs #jobsrowtwo #boxone #jobtitle{
    /*border: 1px dashed blue;*/
    display: block;
    font-size: 28px;
    font-weight: 900;
    color: #006699;
    padding-top: 10px;
    margin-right: 20px;
}


section #jobs #jobsrowone #boxone #jobdesc,
section #jobs #jobsrowtwo #boxone #jobdesc{
    margin-top: 10px;
    /*border: 1px dashed blue;*/
    display: block;
    font-size: 22px;
    color: #006699;
    font-weight: 500;
    margin-right: 20px;
}

section #jobs #jobsrowone #boxone #jobdesc2,
section #jobs #jobsrowtwo #boxone #jobdesc2{
    margin-top: 10px;
    /*border: 1px dashed blue;*/
    display: block;
    font-size: 14px;
    color: #666666;
    margin-right: 20px;
}

section #jobs #jobsrowone #boxone #apply a,
section #jobs #jobsrowtwo #boxone #apply a{
    margin-top: 10px;
    /*border: 1px dashed blue;*/
    display: block;
    font-size: 17px;
    color: #006699;
    /*text-decoration: none;*/
    margin-right: 20px;
}

section #jobs #jobsrowone #boxtwo{
    border-bottom: 1px dashed black;
    /*border: 1px solid black;*/
}
section #jobs #jobsrowtwo #boxtwo{
    /*border-right: 1px dashed black;
    border-bottom: 1px dashed black;*/

}

section #jobs #jobsrowone #boxtwo #jobtitle,
section #jobs #jobsrowone #boxthree #jobtitle,
section #jobs #jobsrowtwo #boxtwo #jobtitle,
section #jobs #jobsrowtwo #boxthree #jobtitle{
    /*border: 1px dashed blue;*/
    display: block;
    font-size: 28px;
    font-weight: 900;
    color: #006699;
    padding-top: 10px;
    margin-left: 20px;
}

section #jobs #jobsrowone #boxtwo #jobdesc,
section #jobs #jobsrowone #boxthree #jobdesc,
section #jobs #jobsrowtwo #boxtwo #jobdesc,
section #jobs #jobsrowtwo #boxthree #jobdesc{
    margin-top: 10px;
    /*border: 1px dashed blue;*/
    display: block;
    font-size: 22px;
    color: #006699;
    font-weight: 500;
    margin-left: 20px;
}

section #jobs #jobsrowone #boxtwo #jobdesc2,
section #jobs #jobsrowone #boxthree #jobdesc2,
section #jobs #jobsrowtwo #boxtwo #jobdesc2,
section #jobs #jobsrowtwo #boxthree #jobdesc2{
    margin-top: 10px;
    /*border: 1px dashed blue;*/
    display: block;
    font-size: 14px;
    color: #666666;
    margin-left: 20px;
}

section #jobs #jobsrowone #boxtwo #apply a,
section #jobs #jobsrowone #boxthree #apply a,
section #jobs #jobsrowtwo #boxtwo #apply a,
section #jobs #jobsrowtwo #boxthree #apply a{
    margin-top: 10px;
    /*border: 1px dashed blue;*/
    display: block;
    font-size: 17px;
    color: #006699;
    /*text-decoration: none;*/
    margin-left: 20px;
}

section #jobs #jobsrowone #boxthree{
    border-left: 1px dashed black;
    border-bottom: 1px dashed black;
}

section #jobs #jobsrowtwo #boxthree{
    border-left: 1px dashed black;
}

section #jobs #jobsrowthree {
    /*border: 1px solid black;*/
    display: block;
    height: 345px;
    padding-top: 90px;
}
section #jobs #jobsrowthree #notsure{
    font-size: 1.5em;
    color: #006699;    
    display: block;
}

section #jobs #jobsrowthree #button{
    font-size: 17px;
    color: #006699;    
    display: block;
    padding-top: 10px;
}

section #jobsMobile {
    /*background-image: url(img/careers/careers_middle_wp.png);*/
    background-repeat: no-repeat;    
}

section #jobsMobile #header {
    color: #006699;
    display: block;
    font-size: 30px;
    padding-top: 20px;
    padding-bottom: 0px;
}

section #jobs #mobileActive {
    /*border: 1px solid black;*/
}
section #jobs #mobileActive  .panel-default{
    margin-top: 0;
}

section #jobs #mobileActive  .panel-heading{
    background-color: #F8F8F8;
    color: #5698C4;
    /*border: 1px solid #5698C4;*/
}

section #jobs #mobileActive  .panel-body{
    color: #5698C4;
    /*border-left: 1px solid #5698C4;
    border-right: 1px solid #5698C4;
    border-bottom: 1px solid #5698C4;
    border-top: none;*/
    font-weight: 900;
}

section #jobs #mobileActive  .panel-body span{
    display: block;
    padding-bottom: 10px;
    /*border: 1px solid black;*/
}

section #jobs #mobileActive  .panel-body #basicsTitle{
    display: block;
    padding-bottom: 10px;
    font-size: 15px;
    /*border: 1px solid green;*/
}

section #intro {
    background-image: url(img/careers/careers_bottom_wp.png);
    height: 400px;
    background-size: 1366px 400px;
    background-repeat: no-repeat;
    /*border: 1px solid black;*/
}

section #intro #headers {
    color: white;
    font-size: 72px;
    display: block;
    padding-top: 150px; 
}

section #intro #para {
    color: white;
    font-size: 18px;
    display: block;
}

section #atthecore {
    padding-top: 80px;
    height: 975px;
    width: 1366px;
    max-width: 100%;
    background-color: #F0EEEE;
}

section #atthecore #firstrow,
section #atthecore #secondrow,
section #atthecore #thirdrow{
    /*border: 1px solid black;*/
    padding-bottom: 70px;
    padding-left: 5px;
    max-width: 1275px;
    margin: auto;
}

section #atthecore #firstrow div img,
section #atthecore #secondrow div img,
section #atthecore #thirdrow div img{
    margin-left: 50px;
    padding-bottom: 30px;
    /*border: 1px solid green;*/
    float: left;
    padding-right: 10px;
}

section #atthecore #firstrow #left,
section #atthecore #secondrow #left,
section #atthecore #thirdrow #left,
section #atthecore #firstrow #right,
section #atthecore #secondrow #right,
section #atthecore #thirdrow #right{
    margin: 0;
    /*border: 1px solid green;*/
    padding: 0;
    max-width: 635px;
}

section #atthecore #firstrow #left #subheader,
section #atthecore #secondrow #left #subheader,
section #atthecore #thirdrow #left #subheader,
section #atthecore #firstrow #right #subheader,
section #atthecore #secondrow #right #subheader,
section #atthecore #thirdrow #right #subheader{
    font-size: 24px;
    color: #006699;
    /*border: 1px solid green;*/
}

section #atthecore #firstrow #left #subdesc,
section #atthecore #secondrow #left #subdesc,
section #atthecore #thirdrow #left #subdesc,
section #atthecore #firstrow #right #subdesc,
section #atthecore #secondrow #right #subdesc,
section #atthecore #thirdrow #right #subdesc{
    /*border: 1px solid green;*/
    font-size: 16px;
    color: #006699;
}

section #footer {
    margin: auto;
    width: 1366px;
    max-width: 100%;
    background-color: white;    
    color: #006699;
    /*border: 1px solid black;*/
}

section #footer span {
    /*border: 1px solid black;*/
    font-size: 1em;
    display: block;
    /*padding-top: 10px;*/
}

section #footer span img {
    height: 10px;
    width: 10px;
}