/***
 *          ___           ___           ___           ___
 *         /__/\         /  /\         /  /\         /  /\
 *         \  \:\       /  /:/        /  /::\       /  /::\
 *          \  \:\     /  /:/        /  /:/\:\     /  /:/\:\
 *      ___  \  \:\   /  /:/  ___   /  /:/  \:\   /  /:/~/:/
 *     /__/\  \__\:\ /__/:/  /  /\ /__/:/ \__\:\ /__/:/ /:/
 *     \  \:\ /  /:/ \  \:\ /  /:/ \  \:\ /  /:/ \  \:\/:/
 *      \  \:\  /:/   \  \:\  /:/   \  \:\  /:/   \  \::/
 *       \  \:\/:/     \  \:\/:/     \  \:\/:/     \  \:\
 *        \  \::/       \  \::/       \  \::/       \  \:\
 *         \__\/         \__\/         \__\/         \__\/
 *
 * Made at UCOP
*/

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* RESET © 2011 opensource.736cs.com MIT */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}body{line-height:1}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block}nav ul{list-style:none}ol{list-style:decimal}ul{list-style:disc}ul ul{list-style:circle}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}ins{text-decoration:underline}del{text-decoration:line-through}mark{background:none}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input[type=submit],input[type=button],button{margin:0;padding:0}input,select,button,a img{vertical-align:top}

/*///////// WEBFONTS /////////////*/
/* BOOK as normal weight */
@font-face {
font-family: 'Kievit';
src: url('../fonts/KievitWebPro-Book.eot');
src: url('../fonts/KievitWebPro-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/KievitWebPro-Book.woff') format('woff'), url('../fonts/KievitOffcPro-Book.ttf') format('truetype');
font-weight: normal;
font-style: normal
}

@font-face {
font-family: 'Kievit';
src: url('../fonts/KievitWebPro-Medi.eot');
src: url('../fonts/KievitWebPro-Medi.eot?#iefix') format('embedded-opentype'), url('../fonts/KievitWebPro-Medi.woff') format('woff'), url('../fonts/KievitOffcPro-Medi.ttf') format('truetype');
font-weight:500;
font-style: normal
}

@font-face {
font-family: 'Kievit';
src: url('../fonts/KievitWebPro-Bold.eot');
src: url('../fonts/KievitWebPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/KievitWebPro-Bold.woff') format('woff'), url('../fonts/KievitOffcPro-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal
}

@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon.eot?kg0fqh');
    src:url('../fonts/icomoon.eot?#iefixkg0fqh') format('embedded-opentype'),
        url('../fonts/icomoon.woff?kg0fqh') format('woff'),
        url('../fonts/icomoon.ttf?kg0fqh') format('truetype'),
        url('../fonts/icomoon.svg?kg0fqh#icomoon') format('svg');
    font-weight: 400 !important;
    font-style: normal;
}

[class^='icon-'],[class*=' icon-']{font-family:icomoon;speak:none;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-linkedin-butt:before{content:"\e602"}
.icon-play:before{content:"\e606"}
.icon-pause:before{content:"\e607"}
.icon-linkedin-text:before{content:"\e600"}
.icon-checkbox-checked:before{content:"\e609"}
.icon-checkbox-unchecked:before{content:"\e608"}
.icon-twitter:before{content:"\e60a"}
.icon-linkedin:before{content:"\e60e"}
.icon-chevron-down:before{content:"\e60f"}
.icon-facebook:before{content:"\e60d"}
.icon-share:before{content:"\e60b"}
.icon-email:before{content:"\e60c"}

/*////// ANIMATIONS ///////*/
/* default animation */
a, a:hover, a:focus, .ani{
    -webkit-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
       -moz-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
         -o-transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
            transition: all 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940) /* easeOutQuad */}


.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}

/* ////// LAYOUT //////*/
html,body {width:100%;height:100%}
body {-webkit-font-smoothing: antialiased;font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;text-rendering: optimizeLegibility;font-family: 'Kievit', Arial, Helvetica, sans-serif;background-color:#beb6af}
html,body,section,div,p{padding:0;margin:0;border:0;word-wrap: break-word}
.sr {position: absolute; top: -9999px;left: -9999px}

#page {display:inline-block;min-width:100%}

section {min-width:100%;width:100%;padding:0;margin:0;font-size:0;text-align:center}

/*/// HEADER /////*/
header{height:47px;width:100%;position:fixed;z-index:20;top:0;text-align: left;/*border-bottom:1px solid #ffb511;border-bottom:1px solid rgba(255,181,17,0.66)*/}

header h1 {display:inline-block;text-align: left}
.uclogo{display:inline-block;text-indent:-9999px;width:200px;height:60px;padding:0;margin:30px 0 0 40px;text-decoration: none;background-image: url(../images/uc-wordmark-jobs.svg);background-repeat: no-repeat;background-position: 0 0;-webkit-transition:none;-moz-transition: none;-o-transition: none;transition:none;background-size:auto 60px}

/*
.uclogo:hover, .uclogo:focus{background-position: 0 0;-webkit-transition:none;-moz-transition: none;-o-transition: none;transition:none;background-position: 0}
*/

.sitetitle {border-left:1px solid #ffb511;border-left:1px solid rgba(255,187,17,0.66);height:15px}

.sjs{display:inline-block;text-indent:-9999px;padding:0;margin:0;border:0;width:36px;height:18px;text-decoration: none;background-image: url(../images/jobs_lc.png);background-repeat: no-repeat;background-position: 0 -1px;-webkit-transition:none;-moz-transition: none;-o-transition: none;transition:none;margin-left:16px}
/*@-moz-document url-prefix() {#sjs {line-height:18px}}*/
.sjs:hover, .sjs:focus {text-decoration: none !important; color:#fff;background-position: 0 -31px;-webkit-transition:none;-moz-transition: none;-o-transition: none;transition:none}

.icon-linkedin-text {position:absolute;top:30px;right:40px;width:72px;height:16px;color:#fff;text-decoration:none;font-size:18px;text-align:right}
.icon-linkedin-text:hover, .icon-linkedin-text:focus {color:#fff;text-decoration:none !important}


/*////// INTRO SECTION ////////*/

#intro {height:500px;position:fixed;width:100%;padding:0;top:0;left:0;z-index:1}

#overlay {position:absolute;z-index:3;height:100%;width:100%;background-color:#005581;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';-moz-opacity:0.5;-khtml-opacity: 0.5;opacity:0.5;mix-blend-mode: multiply;}

.line{position:absolute;z-index:99;height:1px;width:100%;bottom:5px;background-color:#ffb511;background-color:rgba(255,181,17,0.66);display: none}

#videobacker {position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}

#videobacker.fallback {min-height: 100%;width: 100%;height: auto;position: fixed;top: 0;right: 0;background-image:url(../images/backgrounds/backer_desktop_engineers.jpg);background-repeat: no-repeat;background-position:right center;background-size:cover}

#videobacker.fallback img {width:100%;min-width: 832px; min-height: 500px}
#videobacker.fallback video {display:none}

video {height: 100%;width: 100%;transform: scale(1.2);-webkit-transform: scale(1.2);padding:0;border:0}


/*//////// FORM /////////*/
#formcont {position:relative;top:245px;z-index:5;display:inline-block;height:41px;margin:0 auto;padding:0;font-size:0;text-align:left}
form{padding:0;margin:0}

label {display:none}

input {display:inline-block;-webkit-font-smoothing: antialiased;height:35px;background-color:transparent;border:2px solid #fff;padding:0 10px 0 10px;margin:0 7px 7px 0;font-size:19px;line-height:35px;color:#fff;font-weight:500;box-sizing: content-box;-webkit-appearance: none;-webkit-border-radius: 0;border-radius:2px}
input:focus {/*outline:none;color:#ffe552;border:2px solid #ffe552*/}

.selector {position:relative;display:inline-block;overflow:hidden;width:240px;height:35px;background-color:transparent;border:2px solid #fff;border-radius:2px;margin:0 7px 7px 0}

select{position:absolute;top:0;text-indent:0;-webkit-font-smoothing: antialiased;width:255px;height:35px;background-color:transparent;border:none;-moz-appearance:none;-webkit-appearance: none;padding:0 10px;margin:0;font-size:19px;line-height:35px;color:#fff;font-weight:500;box-sizing: content-box;-moz-padding-start:7px}
select:hover{}
select:focus{background-color:transparent;color:#fff;border: 0}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #fff}
.selectfoc {border:2px solid #fff}

.selectarrow {position:absolute;top:0;right:10px;width:23px;height:35px;text-align:right;font-size:13px;line-height:33px;color:#fff;border-left: none}
.selectarrowfoc {color:#fff;border-left-color: #fff}

::-webkit-input-placeholder {color: #fff;font-size:19px;line-height:35px;font-weight:500;transition: color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940)}
:-moz-placeholder {color: #fff;opacity: 1;font-size:19px;line-height:35px;font-weight:500;transition: color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940)}
::-moz-placeholder {color: #fff;opacity: 1;font-size:19px;line-height:35px;font-weight:500;transition: color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940)}
:-ms-input-placeholder {color: #fff;font-size:19px;line-height:35px;font-weight:500;transition: color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940)}
input-placeholder {color: #fff;font-size:19px;line-height:35px;font-weight:500;transition: color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940)}

input:focus::-webkit-input-placeholder {color:#fff;opacity:1;transition: color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940)}
input:focus:-moz-placeholder{color:#fff;opacity: 1;transition: color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940)}
input:focus::-moz-placeholder {color:#fff;opacity: 1;transition: color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940)}
input:focus:-ms-input-placeholder {color:#fff;opacity:1;transition: color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940)}
input:focus:-placeholder {color:#fff;opacity:1;transition: color 250ms cubic-bezier(0.250, 0.460, 0.450, 0.940)}

optgroup, option {background-color:transparent;font-family: 'Kievit', Arial, Helvetica, sans-serif;font-size:19px;line-height:35px}
select:focus option, select:focus optgroup {color:#222}
select::-ms-value, select:focus::-ms-value, select:active::-ms-value {background:none}

optgroup {padding-top:6px}

input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px #222 inset;-webkit-text-fill-color: #fff}
input:-webkit-autofill:focus {-webkit-text-fill-color: #fff}

/* ERROR STATES */
.invalid {border-color:#f53b11}
.selectarrow.invalid, select.invalid {color:#f53b11}

/* .invalid class prevents CSS from automatically applying */
.error input:required:invalid, .error select:required:invalid {background-color: #f30}
/* Mark valid inputs during .invalid state */
.error input:required:valid, .error select:required:valid {background-color: transparent}

.adsearch {display:block;text-align:right}
.adsearch a {font-size:12px;line-height:12px;text-transform:uppercase;color:#fff;text-decoration:none;font-weight:bold}
.adsearch a:hover, .adsearch a:focus {color:#ffe552;text-decoration:none !important}
.adsearch .rangl {font-weight:normal;font-size:20px;line-height:12px;padding-left:1px;vertical-align:-5%}

button {display:inline-block;-webkit-font-smoothing: antialiased;border:none;height:39px;background-color:#fff;text-transform:uppercase;font-weight:bold;border-radius:2px;width:102px;margin:0 0 7px;font-size:18px;line-height:39px;color:#005581;box-sizing: content-box;-moz-box-sizing: content-box}
button:focus {background-color:#ffe552;border: 0}
button:hover {background-color:#ffe552}

#player {position:absolute;z-index:5;bottom:25px;right:20px;height:34px;width:34px;border-radius:50%;background-color:transparent;border:2px solid #fff;color:#fff;font-size:16px;line-height:33px;text-decoration: none;text-align: center}
#player:hover, #player:focus {text-decoration: none !important;cursor:pointer;border:2px solid #ffd200;color:#ffd200}

.icon-play:before {font-size:18px;line-height:33px;margin-left:0}
.icon-pause:before {font-size:16px;line-height:33px;text-align: center}


/*/// LOWER CONTENT /////*/

#scroller {
background-color: #002033;
/*background: -moz-linear-gradient(left,  #002033 0%, #005581 100%);
background: -webkit-linear-gradient(left,  #002033 0%,#005581 100%);
background: linear-gradient(to right,  #002033 0%,#005581 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002033', endColorstr='#005581',GradientType=1 ); */

text-align: center;overflow: hidden}
#scroller a {display:inline-block;margin:14px 0;color:#bde3f6;font-size:15px;font-weight:normal;text-decoration: none !important;border-bottom: 1px dotted #bde3f6}
#scroller a:hover {border-bottom: 1px solid #fff;color:#fff}
#arrow {height:10px;width:24px;background-color: transparent;background-image:url(../images/arrow_blue.png);background-position: bottom center; position:absolute;left:50%;margin-left:-12px;}


#lowercontent {display:inline-block; position:relative;z-index: 1000;top:500px;width:100%;padding:0;margin:0;font-size:0;
-webkit-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.13);-moz-box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.13);box-shadow: 0px -2px 10px 0px rgba(0,0,0,0.13)}

.container {width:900px;padding:40px 20px 42px;margin:0 auto;vertical-align: top;text-align: left}

section h2 {text-transform: uppercase;font-weight:bold;font-size:21px;text-align:left;padding-bottom:25px}
section p {font-size:15px;line-height:22px;font-weight:normal}


/*//////// JOBS SPOTLIGHT //////*/
#featurej {color:#005581;border-top:4px solid #ffd200;background-color:#ffe552;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd200', endColorstr='#ffe552',GradientType=1 );


    background-image: url(../images/backgrounds/spotlight-backer.png), -moz-linear-gradient(left,  #ffd200 0%, #ffe552 100%);
    background-image: url(../images/backgrounds/spotlight-backer.png), -webkit-linear-gradient(left,  #ffd200 0%,#ffe552 100%);
    background-image: url(../images/backgrounds/spotlight-backer.png), linear-gradient(to right,  #ffd200 0%,#ffe552 100%);
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;

}
#featurej .container {padding-top:35px}

#featurej h2 {color:#005581}

.jobspot {
    display:inline-block;
    width: 260px;
    font-size:18px;
    text-align:left;
    padding:0;
    vertical-align: top;
    margin:0 40px 40px 0;
}

.last {margin-right:0 !important}

.jobspot h3 {font-size: 20px;font-weight:500;line-height:30px;margin-bottom:10px}
.jobspot h3 a {color:#005581;text-decoration:none;border-bottom:1px dotted #005581}
.jobspot h3 a:hover, .jobspot h3 a:focus {text-decoration:none !important;color:#005581;border-bottom:1px solid #005581}
.jobspot p.jloc {font-size:16px;font-weight:500;line-height: 24px;margin-bottom:2px}
.jobspot p {font-size:14px;line-height:23px;font-weight:normal}

.jtype {display:none}


/*///// SHARE //////*/
.share {position:relative;margin:12px 0 0;font-size:0;vertical-align: top}

.share li, .share ul {list-style-type:none;display:inline-block;vertical-align:top}

.share .socialmedia ul {display:none}
.share .socialmedia:hover ul {display:inline-block}

.share a{display:inline-block;vertical-align: top;width:30px;height:30px;margin:0 5px 0 0;color:#005581;border:1px solid #005581;border-radius: 50%;font-size:15px;line-height: 29px; text-align: center;text-decoration:none}
.share a:hover, .share a:focus {text-decoration:none !important;background-color:#005581;border-color:#005581;color:#ffe552}

.share a.shareopen, .showsocial a {background-color: transparent;border-color:#005581}
.share a.shareopen.icon-share:before, .showsocial a {color:#005581}

.share a.shareopen:hover, .share a.shareopen:focus, .showsocial a:hover, .showsocial a:focus {background-color: #005581;border-color:#005581}
.share a.shareopen:hover.icon-share:before, .share a.shareopen:focus.icon-share:before, .showsocial a:hover, .showsocial a:focus {color:#ffe552}

.showsocial {display:inline-block !important}

.share a.icon-email:before {line-height: 30px;font-size:14px}
.share a.icon-share:before {font-size: 14px}
.share a.icon-linkedin:before {padding-left:2px}
.share a.icon-facebook:before {font-size:16px;line-height:30px;margin-left:-2px}
.share a.icon-twitter:before {line-height: 32px}


/*/// WORKING AT UC /////////*/

#working {background-color:#bde3f6;

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bde3f6', endColorstr='#72cdf4',GradientType=1 );


    background-image: url(../images/backgrounds/working-backer.png), -moz-linear-gradient(left,  #bde3f6 0%, #72cdf4 100%);
    background-image: url(../images/backgrounds/working-backer.png), -webkit-linear-gradient(left,  #bde3f6 0%,#72cdf4 100%);
    background-image: url(../images/backgrounds/working-backer.png), linear-gradient(to right,  #bde3f6 0%,#72cdf4 100%);
    background-position: center center;
    background-size:cover;
    background-repeat: no-repeat;

}

#working {
/*background-image: url(../images/ltbl_light_25.png),url(../images/ltbl_light_25.png);
background-position: 10% -725px, 100% -650px;
background-repeat: no-repeat*/
}

#working .container {
/*background-image: url(../images/ltbl_line_yellow_70.png);
background-position: 100% 62%;
background-repeat: no-repeat*/
}

#working h2 {color:#005581;padding-bottom:8px}
#working h2 .sectitle {display:inline-block;padding-bottom:8px}
.tagline {font-weight:400;display:inline-block;white-space:nowrap;padding-bottom:25px}
.tagline span {padding:0 6px}

#workingtext, #benefitstext {display:inline-block;width:419px;padding-right:50px;vertical-align:top}
#workingtext p, #workingright p, #benefits p {text-align:left;font-weight:normal;font-size:17px;line-height:26px;margin-bottom:20px;color:#fff}
#workingtext p, #workingright p {color:#005581}
#working p:last-of-type, #benefits p:last-of-type {margin-bottom:0}

#workingright, #benefitsright {display:inline-block;vertical-align: top;width:429px}

#videocontainer, .videocontainer {position: relative;width: 100%;padding-bottom: 56.25%;font-size:0;margin-bottom:20px}

#ucyt, .ucyt {position: absolute;top: 0; bottom: 0; left: 0; right: 0}
#ucyt iframe, .ucyt iframe {width:100%;height:100%;padding:0;margin:0;border:1px solid #b78310;border-color:rgba(17,17,17,0.3)}

#workingright #tubesite {float:right;padding:0 0 8px 8px;text-decoration: none;color:#333;font-size: 16px;line-height:15px}
#workingright #tubesite:hover {text-decoration: none;color:#fff}

#benefits a, #benefitsright a{color:#fff;text-decoration: none;border-bottom: 1px dotted #fff}

#workingright a {color:#005581;text-decoration: none;border-bottom: 1px dotted #005581}

#workingright a, #benefitsright a{font-weight: 500;margin-top:50px}
#workingright a:hover, #workingright a:focus {color:#005581;text-decoration: none !important;border-bottom: 1px solid #005581}

#benefits a:hover, #benefitsright a:hover, #benefits a:focus, #benefitsright a:focus {color:#fff;text-decoration: none !important;border-bottom: 1px solid #fff}


p.extlink {margin:6px 0 0 0 !important}


/*/// BENEFITS /////////*/
#benefits {
background: #005581;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005581', endColorstr='#1295d8',GradientType=1 );


    background-image: url(../images/backgrounds/benefits-backer.png), -moz-linear-gradient(left,  #005581 0%, #1295d8 100%);
    background-image: url(../images/backgrounds/benefits-backer.png), -webkit-linear-gradient(left,  #005581 0%,#1295d8 100%);
    background-image: url(../images/backgrounds/benefits-backer.png), linear-gradient(to right,  #005581 0%,#1295d8 100%);
    background-position: bottom center;
    background-size:cover;
    background-repeat: no-repeat;




/*background-image:url(../images/lower_stripes.png);
background-position: right -325px;
background-position: calc(100% + 100px) -325px;
background-repeat: no-repeat*/
}

#benefits h2 {color:#fff}


/*/// FOOTER /////////*/
footer {padding-top:35px;
background-color: #002033;

}
footer .container {padding-top:0;padding-bottom:0}

footer p, footer h3 {font-weight:normal;font-size:14px;line-height:21px;color:#BDE3F6}
footer a {color:#BDE3F6;text-decoration: none;border-bottom: 1px dotted #BDE3F6}
footer a:hover, footer a:focus {color:#fff;text-decoration: none !important;border-bottom: 1px solid #fff}

#eeo {margin-top:15px;padding:15px 0;/*border-top:1px solid #7e7773;border-top: 1px solid rgba(17,17,17,0.15)*/}
#eeo p {max-width:580px;font-size:13px}

#copyright {padding:20px 0 55px;/*border-top:1px solid #7e7773;border-top: 1px solid rgba(17,17,17,0.15)*/}
#copyright p {line-height: 19px;font-weight:normal;font-size:13px;color:#BDE3F6}
#copyright a {color:#BDE3F6;text-decoration: none;border-bottom: 1px dotted #BDE3F6}
#copyright a:hover, #copyright a:focus {text-decoration: none;color:#fff;border-bottom: 1px solid #fff}
footer .pipe {padding:0 8px;color:#BDE3F6;opacity:0.66}

section#intro {
    background-color: #002033;
}

#jobsform label{
	display:block;
	
}



/*/////// MEDIA QUERIES //////////*/
/* section background graphics & positioning */

@media only screen and (max-width : 767px) {
    #featurej{
    /*background-image: none, url(../images/ltbl_40.png);
    background-size: 100%;
    background-position:  right -150px, -90px bottom;
    background-position:  right -150px, -90px calc(100% + 190px) ;
    background-repeat: no-repeat*/
    }
    #working{/*background-image: none, url(../images/ltbl_light_25.png);
        background-size: 100%;
        background-position: 15% -725px, -100px -200px !important;*/
    }
    #working .container {background-image:none}
}

@media only screen and (min-width : 768px) {
    /*#featurej{
    background-image: url(../images/ltbl_40.png), url(../images/ltbl_40.png);
    background-size: 75%;
    background-position: -20px -520px, 380px -620px;
    background-repeat: no-repeat
    }*/
}

@media only screen and (max-width : 1023px) {
}

@media only screen and (min-width : 1024px) {
    /*#featurej{
    background-image: url(../images/ltbl_40.png), url(../images/ltbl_40.png), url(../images/ltbl_40.png);
    background-size: 50%,66%,50%;
    background-position: -11px -365px, 320px -560px, 600px -260px;
    background-repeat: no-repeat
    }
    #working {background-position: 15% -725px, 450px -650px}*/
}

@media only screen and (min-width : 1280px) {
    /*#featurej{
    background-image: url(../images/ltbl_40.png), url(../images/ltbl_40.png), url(../images/ltbl_40.png);
    background-size: 50%,66%,50%;
    background-position: -25px -500px, 60% -750px, 99% -400px;
    background-repeat: no-repeat
    }
    #working {background-position: 5% -725px, 100% -650px}*/
}

@media only screen and (min-width : 1440px) {
   /* #featurej{
    background-image: url(../images/ltbl_40.png), url(../images/ltbl_40.png), url(../images/ltbl_40.png);
    background-size: 50%,66%,50%;
    background-position: -25px -480px, 66% -800px, right -400px;
    background-repeat: no-repeat
    }
    #working {background-position: 25% -545px, 90% -650px}*/
}

/*//// LAYOUT ////*/
/* large screens */
@media only screen and (min-width : 1440px) {
    #intro {height:550px}
    #lowercontent {top:550px}
    #formcont {top:270px}

    input {height:40px;background-color:transparent;font-size:22px;line-height:40px}

    ::-webkit-input-placeholder {font-size:22px;line-height:40px}
    :-moz-placeholder {font-size:22px;line-height:40px}
    ::-moz-placeholder {font-size:22px;line-height:40px}
    :-ms-input-placeholder {font-size:22px;line-height:40px}
    input-placeholder {font-size:22px;line-height:40px}

    select{width:280px;height:40px;font-size:22px;line-height:40px}
    .selector {width:270px;height:40px}
    .selectarrow {right:13px;width:23px;height:39px;font-size:14px;line-height:39px}

    button {height:44px;width:118px;font-size:19px;line-height:44px}

    .adsearch a {font-size:13px;line-height:13px}
    .adsearch .rangl {font-size:21px;line-height:12px}

    .selecta {font-size:15px !important}
}


/* smaller desktop sizes - iPad portrait  */
@media only screen and (max-width : 960px) {
    .container {width:700px}
    #workingtext {display:inline-block;width:335px;padding-right:30px}
    #workingright {display:inline-block;width:335px}

    #benefits, #benefitstext, #benefitsright {display:block;width:auto}
    #videocontainer, .videocontainer {margin-top:25px}
}

/* Added support for prefers-reduced-motion CSS media feature - https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion */
@media screen and (min-width: 1025px) and (prefers-reduced-motion: reduce) {
    #videoplayer {
        display: none;
    }
    #player {
        display: none;
    }
    #videobacker {
        background-image: url( "/images/video-poster.jpg" );
        background-position-y: 0%;
        background-size: 100%;
    }
}

/* single column view */
@media only screen and (max-width: 767px) {

    .container {width: auto;padding:40px 24px;margin:0}
    .jobspot { display:block; width:100%; margin:0; margin-bottom: 5px; padding: 0 0 30px; }
    .jobspot.last {padding-bottom: 0}

    #workingtext, #workingright, #benefitstext, #benefitsright {display: block; width:100%;padding:0}
    #videocontainer, .videocontainer {display: block;margin-top:25px}
    #workingright {margin-top:25px}
}

/* stack form inputs, small uc logo */
@media only screen and (max-width: 680px) {

    #formcont {top:190px}

    .uclogo{height:50px;width:150px;background-size:120px auto;background-position:0 0;margin-right:18px}

    .sitetitle {border:none}

    .sjs {margin-left: 0}
    .sjs:hover, .sjs:focus {text-decoration: none !important; -webkit-transition:none;-moz-transition: none;-o-transition: none;transition:none}

    .line {display:none}
    header {border:none}

    input, button, .selector {display:block;margin-right:0}
    #keywords {width:220px}
    .adsearch {text-align:left}
    button {width:120px}

    .tagline {display:block}
    .tagline span {display:none}
}

/* small linkedin logo */
@media only screen and (max-width: 480px) {
    .icon-linkedin-text {width:20px;height:20px}
    .icon-linkedin-text:before {content: '\e602';font-size:20px;line-height:20px}
    .pipe {display:none}
    .terms {display: block;padding-top:5px}
}

/*//////// DEVICES /////////*/

/* turn off video on mobile devices, disable share hover */
@media only screen and (max-width : 1024px){
    video, #player {display:none}
    /* turn off share hover on mobile devices*/
    .share .socialmedia:hover ul {display:none}

    /* fallback background image */
    #videobacker {background-image:url(../images/backgrounds/backer_desktop_engineers.jpg);background-repeat: no-repeat;background-size:cover;background-position:left center}
    /* #workingtext p, #benefits p {font-size:17px} */


    .sjs {background-image: url(../images/jobs_lcx2.png);background-size: 35px auto}
    .sjs:hover, .sjs:focus{background-position:0 -26px}

}

/* tablet backgrounds */
@media only screen and (max-width: 1024px) and (orientation : portrait) {
    #videobacker {background-image:url(../images/backgrounds/backer_desktop_yell.jpg);background-repeat: no-repeat;background-size:cover;background-position:center top}
    #formcont {top:236px}
}

@media only screen and (max-width: 1024px) and (orientation : landscape) {
    #videobacker {background-image:url(../images/backgrounds/backer_desktop_prof.jpg);background-repeat: no-repeat;background-size:cover;background-position:center top}
}


/* MOBILES */
/* iphone6< */
@media only screen and (max-width: 736px) {

    #scroller, #arrow {display:none}

    .uclogo {margin:30px 0 0 30px}

    .sitetitle {border:none}
    .sjs {margin-left:17px}

    .icon-linkedin-text {right:30px;top:30px}
    .container {padding:35px 30px}

    .line {display:none}
    header {border:none}

    .terms {white-space: nowrap}
}

/* iphone6+ in landscape */
@media only screen and (max-width: 736px) and (orientation : landscape){
    #intro {height:408px}
    #lowercontent {top:408px}
    #formcont {top:190px}
    #videobacker {background-image:url(../images/backgrounds/backer_mobile_stairs.jpg);background-repeat: no-repeat;background-size:cover;background-position:right 55%}
}

/* iphone6+ in portrait */
@media only screen and (max-width: 736px) and (orientation : portrait){

    #intro {height:580px}
    #lowercontent {top:580px}
    #formcont {top:240px}

    input, button, .selector {display:block;margin-right:0}
    #keywords {width:220px}
    .adsearch {text-align:left}
    button {width:120px}

    #videobacker {background-image:url(../images/backgrounds/backer_mobile_climb.jpg);background-repeat: no-repeat;background-size:cover;background-position:55% center}
}

/* iphone 6 */
@media only screen and (max-width: 667px) and (orientation : landscape) {
    .uclogo {margin:25px 0 0 25px}
    .icon-linkedin-text {right:25px;top:25px}
    .container {padding:35px 25px}
    #intro {height:370px}
    #lowercontent {top:370px}
    #formcont {top:130px}
    #videobacker {background-image:url(../images/backgrounds/backer_mobile_writ.jpg);background-repeat: no-repeat;background-size:cover;background-position:right center}
}

/* iphone 5 */
@media only screen and (max-width: 568px) and (orientation : landscape) {
    .uclogo {margin:20px 0 0 20px}
    .icon-linkedin-text {right:20px;top:20px}
    .container {padding:35px 20px}
    #intro {height:315px}
    #lowercontent {top:315px}
    #formcont {top:98px}
    #videobacker {background-image:url(../images/backgrounds/backer_mobile_laptop.jpg);background-repeat: no-repeat;background-size:cover;background-position:center top}
}

/* iphone 4 */
@media only screen and (max-width: 480px) and (orientation : landscape) {
    .uclogo {margin:20px 0 0 20px}
    .icon-linkedin-text {right:20px;top:20px}
    .container {padding:30px 20px}
    #intro {height:315px}
    #lowercontent {top:315px}
    #formcont {top:104px}
    #videobacker {background-image:url(../images/backgrounds/backer_mobile_tele.jpg);background-repeat: no-repeat;background-size:cover;background-position:center center}
    .pipe {display:none}
    .terms {display: block}
}

/* iphone 6 */
@media only screen and (max-width: 375px) and (orientation : portrait) {
    .uclogo {margin:25px 0 0 25px}
    .icon-linkedin-text {right:25px;top:25px}
    .container {padding:30px 25px}
    #intro {height:520px}
    #lowercontent {top:520px}
    #formcont {top:214px}
    #videobacker {background-image:url(../images/backgrounds/backer_mobile_dr.jpg);background-repeat: no-repeat;background-size:cover;background-position:center center}
}

/* iphone 5 */
@media only screen and (max-width: 320px) and (orientation : portrait) {
    .uclogo {margin:20px 0 0 20px}
    .icon-linkedin-text {right:20px;top:20px}
    .container {padding:35px 20px}
    #intro {height:440px}
    #lowercontent {top:440px}
    #formcont {top:162px}
    #videobacker {background-image:url(../images/backgrounds/backer_mobile_wb.jpg);background-repeat: no-repeat;background-size:cover;background-position:25% center}
    #working h2 .tagline {font-size:18.5px}
    #working h2 .sectitle {padding-bottom:6px}
}

/* iphone 4 */
@media only screen and (max-width: 320px) and (max-device-height: 480px) and (orientation : portrait) {
    .uclogo {margin:20px 0 0 20px}
    .icon-linkedin-text {right:20px;top:20px}
    .container {padding:35px 20px}
    #intro {height:366px}
    #lowercontent {top:366px}
    #formcont {top:138px}
    #videobacker {background-image:url(../images/backgrounds/backer_mobile_engineers.jpg);background-repeat: no-repeat;background-size:cover;background-position:55% center
}


/* .lower-content, #lowercontent {
    display: inline-block !important;
} */

/*************CSS FOR IE Internet Explorer 11 Starts****************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
}
/*************CSS FOR IE ends****************/