@font-face {
    font-family: 'MrEavesXLModOTBook';
    src: url("https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/mreaves/MrEavesXLModOT-Book.ttf");
}
@font-face {
    font-family: 'MrEavesXLModOTReg';
    src: url("https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/mreaves/MrEavesXLModOT-Thin.ttf");
}

@font-face {
    font-family: 'MrEavesXLModNarOTThin';
    src: url("https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/mreaves/MrEavesXLModNarOT-Thin.ttf");
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/proximanova/Mark Simonson - Proxima Nova Alt Regular-webfont.eot');
    src: url('https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/proximanova/Mark Simonson - Proxima Nova Alt Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/proximanova/Mark Simonson - Proxima Nova Alt Regular-webfont.woff') format('woff'),
    url('https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/proximanova/Mark Simonson - Proxima Nova Alt Regular-webfont.ttf') format('truetype'),
    url('https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/proximanova/Mark Simonson - Proxima Nova Alt Regular-webfont.svg#proxima_nova_altregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'proxima_nova_ltthin';
    src: url('https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/proximanova/Mark Simonson - Proxima Nova Thin-webfont.eot');
    src: url('https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/proximanova/Mark Simonson - Proxima Nova Thin-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/proximanova/Mark Simonson - Proxima Nova Thin-webfont.woff2') format('woff2'),
    url('https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/proximanova/Mark Simonson - Proxima Nova Thin-webfont.woff') format('woff'),
    url('https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/proximanova/Mark Simonson - Proxima Nova Thin-webfont.ttf') format('truetype'),
    url('https://cortica-marketing.azurewebsites.net/corticacareers/public/fonts/proximanova/Mark Simonson - Proxima Nova Thin-webfont.svg#proxima_nova_ltthin') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
    background-color: #fff;
    color: #444a4d;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 100;
    height: 100vh;
    margin: 0;
}

.links > a {
    color: #636b6f;
    padding: 0 25px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .1rem;
    text-decoration: none;
    text-transform: uppercase;
}

.corticaherobg {
    background-image: url("../images/hero_banner_cortica_1600_l.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 0;
  /*  background-color: rgba(255, 255, 255, 0.0);
    background-blend-mode: lighten; */
    padding-top:30px;
    border: 0px solid blue;
}

.ui-helper-hidden-accessible {
    display:none;
}

.corticaherobg-job {
    background-color: #ffffff;
    height:320px;
    padding-top:5px;
    border: 0px solid red;
    background-image: -webkit-linear-gradient(90deg,#7a4d8b,#72569b);
    background-image: linear-gradient(0deg,#7a4d8b,#72569b);


}

.cortica-purple-gradient {
    background-image: url(../images/absurdity.png),url(../images/gradient-left.png),url(../images/gradient-right2.png),linear-gradient(90deg,rgba(92,61,104,0.82) 20%,rgba(0,84,146,0.21) 83%);
    background-position: 50% 50%,0px 50%,100% 50%,0px 0px;
    background-size: auto,auto,auto,auto;
    background-repeat: repeat,no-repeat,no-repeat,repeat;
}

.careers-iframe-container{

}



.hero-wrapper{
    max-width:1100px;
    width:100%;
    height:500px;
    border: 0px solid red;
    margin: auto;
}


.input-lg {
    height: 60px;
    width:445px;
    padding: 10px 16px;
    font-size: 24px;
    font-family: 'proxima_nova_ltthin', sans-serif;
    line-height: 1.3333333;
    border-radius: 0px;
    text-indent:19px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding: 5px 5px;
    margin: 0;
    line-height: 1.5;
    font-size: 16px;
    background-color:#e4e1e3;

    height:40px;
    color:#a873b4;
    list-style: none;
    vertical-align: middle;
    cursor:none;
}
.ui-autocomplete {
    max-height: 200px;
    padding-left: 5px;
    width:442px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    padding: 0;
    list-style-type: none;
    cursor:pointer;

}

.ui-menu-item {
    background-color: #f8f9fa;
    padding: 5px 5px;
    font-size: 18px;
    width:100%;
    list-style: none;
}

.careers-heading-main {
    color: #ffffff;
    margin:auto;
    vertical-align: middle;
}

h1.careers-heading-main {
    font-size: 55px;
    padding-top:60px;
    font-family:'MrEavesXLModOTBook', sans-serif;
    font-weight: 100;
    margin:0;
    padding-bottom:0px;


}
.careers-heading {
    color: #ffffff;
    font-family: 'MrEavesXLModOTBook';
    font-size: 45px;
    text-align: center;
    vertical-align: middle;
}

.grnhse-content{
    display:none;
}

.grnhse-content strong{
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 700;
    font-size: 21px;
    color: #000000;

}

h1.careers-heading-main {
    font-family: 'MrEavesXLModOTReg',sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 60px;

}

.careers-main-content strong{
    font-family: 'MrEavesXLModOTBook';
    font-weight: 700;
    font-size: 30px;
    color: #000000;

}

.life-cortica-content strong{
    font-family: 'MrEavesXLModOTBook';
    font-weight: 700;
    font-size: 30px;
    color: #000000;

}

.careers-main-content, .joblist-content-section {
    padding-bottom:200px !important;

}

.careers-main-content  p strong{
    text-align: center;

}

.grnhse-content li{
    font-size: 18px;
    font-family: 'proxima_nova_ltthin', sans-serif;

}

h1.jobs-bydpt-heading{
    color:#a873b4;
}

.dept-pgph{
    color:#a873b4 !important;
}

.job-item-dept{
    cursor:pointer;

}

li.job-item-dept{
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.jobs-in-dept{
    cursor:pointer;
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

li.jobs-in-dept{
    font-family: 'Proxima Nova', sans-serif;
    font-weight: 700;
    font-size: 16px;
}

.head-location {
    color: #ffffff;
    font-family: 'MrEavesXLModOTBook';
    font-size: 22px;
    margin-left: 10px;
}

.header-dept-desc {
    color: #ffffff;
    font-family: 'MrEavesXLModOTBook';
    font-size: 22px;
    color:#c2a1ff;
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 5px
}

.job-header {
    color: #ffffff;
    font-family: 'MrEavesXLModOTReg',sans-serif;
    font-weight: 200;
    font-style: normal;
    line-height: 25px;
    font-size: 40px;
    padding-bottom:0px;
    margin-bottom:0px;

}

.w-container{
    vertical-align: middle !important;
    border: 0px solid green;
}

.list-group-item {

    border: 0px solid red;
    font-size: 12px;
    color: #414141;
    font-weight: bold;
    cursor:pointer;
    background-color: #f4f5f6;
    border-radius: 0px;

    padding-top: 17px;
    padding-right: 3px;
    padding-bottom: 5px;
    padding-left: 5px;
}
.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-underline {
    width:100%;
    border-bottom: solid 1px #9d9d9d;
    height:2px;

}

.list-group {

    border-radius: 0px;

}
.list-group-header {
    border: 0px solid red;
    background-color: #e4e1e3;
    font-size: 16px;

    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #a873b4;

}


[contenteditable="true"]:focus {
    outline: none;
}



input:focus {
    outline: 0;
}


.careersgrid {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 445px;
    border: 0px solid blue;
    background-color: rgba(0, 0, 255, 0);
    border-bottom-left-radius:0px;
    border-bottom-right-radius: 0px;
    z-index: 1;
    height: 150px;
    max-height: 200px;
    overflow-y: scroll;
}

.widge-position {
    position: relative;
    border:0px solid red;
}

.widget-container {
    width:100%;
    border:0px solid blue;
    height:200px;
}



.input-container {
    position: relative;
    float:right;
    border: 0px solid green;
    display: inline-block;
    margin-top: 25px;
    margin-right: 20px;

}

.input-container-narrow {
    margin-top: 0px;
}


.categories-header {
    font-size: 18px;
    font-weight:bold;
    padding-top: 3px;
    padding-bottom: 3px;

}


.header-pgraph {
    display: block;
    border: 0px solid blue;
    border-radius: 9px;
    width:100%;
    margin-right:5px;
    float: right;

   /* background-color: rgba(255, 255, 255, 0.30); */
    z-index: 4;
}


.short-summary-c {
    border:0px solid red;
    font-size: 32px;
    padding-right:0px;
    width:100%;
    text-align: center;
    color:#a873b4;
    line-height: 29px;
    font-family:"MrEavesXLModOTBook";
}
.ui-menu-item-wrapper {
    font-size: 14px;
    padding-left:5px;
    color: #414141;
    font-weight: bold;
}
.location-tag.ui-menu-item-wrapper {

    font-size: 12px;
    color: #848484;
    font-weight: normal;

}


.heading-container{
    background-color: #7a4d8b;
    border: 0px solid #cd46ff;
    width:100%;
    height:200px;
    background-image: -webkit-linear-gradient(90deg,#7a4d8b,#72569b);
    background-image: linear-gradient(0deg,#7a4d8b,#72569b);
}

.grnhse-iframe-wrapper{
    height:2000px;
    opacity:1;
    width:90%;
    margin:auto;
    margin-bottom: 0px;
    padding-bottom:0px;
}
#grnhse_iframe {
    height:2000px;
    width:100%;
}

div p {
    font-family: 'Proxima Nova', sans-serif;
    font-size: 19px;

}

#close-btn {
    float:right;
    border: 2px solid #ffa847;
    width:25px;
    height:25px;
    cursor:pointer;
    display:none;
    font-size: 20px;
    font-weight: bold;
    color: #ffa847;
    margin:auto;
    margin-right:10%;
    text-align:center;
    border-radius: 15px;
    margin-bottom: 5px;
}

li.check-mrk2{
    font-size: 18px;
    font-family: 'proxima_nova_ltthin', sans-serif;
    padding-top:3px;
    padding-bottom:3px;


}
ul.check-mrk {
    list-style-type: none;
    width:86%;
    margin:auto;}
ul.check-mrk li:before {
    content: '\2714\0020';
    color:#4681cf;
    padding-right:10px;
}


li.ui-menu-item:hover  {background: #ffffff;color:#c158ff;}
li.list-hover:hover  {background: #ffffff;color:#c158ff;}
li.job-item-dept:hover {background: #effffc;color:#c158ff;}
li.jobs-in-dept:hover {background: #effffc;color:#c158ff;}
div.ui-menu-item-wrapper:hover {color:#c158ff !important;}
div.location-tag.ui-menu-item-wrapper:hover{color:#848484 !important;}

a.w-nav-link:hover  {background: #ffffff;color:#c158ff;}

div.cbtn a:hover{
    text-decoration: none !important;
    background: #ffffff;color: #c158ff !important;

}

.jobnum {
    float:right;
    color: #696565;
    padding-right: 10px;
}

.jobs-open {

    color: #696565;
    font-size: 16px;

}

.block-content {
    width:65%;
    border: 0px solid #7acfff;
    margin: auto;


}

li.careers-list-item {
    font-size: 20px;
    font-family: "Proxima Nova";
    color: #565867;
}


.cbtn {
    border: 0px solid red;
    width:30%;
    min-width: 225px;
    display: block;
    height:50px;
    vertical-align:middle
}
#cbtn1 {
    display: inline-block;
    padding-left:0px;
    display:none;

}
#cbtn2 {

    display:none;

}
.small-heading {

    vertical-align: middle;
    font-size: 18px;
    color: #565867;
    border: 0px solid red;
    width: 68%;
    display: block;
    padding-left: 0px;
    height: 50px;
}




.logo-heading {
    vertical-align: middle;
    border: 0px solid red;
    display: inline-block;
    margin-left:25px;
    width:135px;
    height:40px;
    background-size: 135px 40px ;
    background-repeat: no-repeat;
    background-image: url(../images/icons/cortica-logo2.svg);


}

.location-head {
    vertical-align: middle;
    font-size: 18px;
    color: #a4a3aa;
    padding-bottom:25px;

}


.join-team-heading {
    font-family:"proxima_nova_ltthin";
    font-size: 21px;
    color: #565867;
    max-width:500px;
    line-height: 23px;
    font-weight: 600;
    padding-bottom: 15px;
    margin:auto;
    style:normal;
    text-align: center;
    border:0px solid red;
}

.explore-jobs-pgph {
    font-family:"proxima_nova_ltthin";
    font-size: 20px;
    color: #ffffff;
    line-height: 23px;
    padding-bottom: 30px;
    style:normal;
    text-align: center;
    width:80%;
    margin:auto;

}

h2.join-team-heading-title {
    font-family: "MrEavesXLModOTBook";
    font-size: 45px;
    padding-top: 30px;
    color: #565867;
    style: normal;
    text-align: center;
}


.why-cortica-block{
    width:100%;
    padding-top: 10px;
    max-width:1200px;
    border:0px solid blue;
    margin:auto;
    text-align: center;


}

.why-cortica-tile{
    display: inline-block;
    width:22%;
    border: 0px solid green;
    vertical-align: top;

    padding:0px;
    margin:10px;
    font-family:"proxima_nova_ltthin";
    font-size: 14px;
    text-align: center;
    line-height: 14px;

}
.why-cortica-tile-head{
    font-size: 16px;
    text-align: center;
    line-height: 16px;
    font-weight: bold;
    font-family:"Proxima Nova";
    padding-bottom:5px;

}
.why-cortica-pghp{

    font-size: 16px;
    line-height: 16px;
    margin-bottom: 20px;

}


.blue-icon {
    height:60px;
    width:60px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: 60px 60px;
    margin:auto;
    margin-bottom:10px;


}

.blue-icon-a{
    background-image: url(../images/icons/people.svg);

}
.blue-icon-b{
    background-image: url(../images/icons/gradcap.svg);

}
.blue-icon-c{
    background-image: url(../images/icons/brain.svg);


}
.blue-icon-d{
    background-image: url(../images/icons/world.svg);


}


.mock-banner {
    border: 0px solid red;
    background-image: url(../images/mockbanner.png);
    height:95px;
    display:none;


}
.vimeo_video {
    border: 0px solid red;
    margin:auto;
   /* background-image: url(../images/mock_video.png);
    background-size: 650px,360px;*/
    height:460px;
    background-repeat: no-repeat;
    background-position: center;
    width:100%;
}



.content-section {
    padding-top: 20px;
    padding-bottom: 67px;
    background-image: url(../images/gradient-right-vertical_1.png),url(../images/gradient-bottom-vertical2.png);
    background-position: 50% -61px,50% 100%;
    background-size: auto,auto;
    background-repeat: no-repeat,no-repeat;
    border: 0px solid red;
}

.block-quote-c {
    font-family:"proxima_nova_ltthin";
    font-size: 29px;
    color: #565867;

}

.input-container-c{
    border: 0px solid red;
    width:100%;
    padding-top: 10px;
    float: right;
}
.ui-front {
    z-index: 100 !important;
    max-height: 175px;
}

.nav-link.nav-link2.mke-apt-btn {
    margin-top: 8px;
    margin-left: 0px;
    padding: 8px 15px;
    border: 2px solid #c791d9;
    border-radius: 74px;
    background-color: #ffffff;
    opacity: 1;
    -webkit-transition-property: none;
    transition-property: none;
    color: #7a4d8b;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
}

#careerssearch{
    background-image:url(../images/icons/maglass.png);
    background-repeat: no-repeat;
    background-position: 5px 17px;
    background-size: 23px 23px;
}

.loader {
    opacity:0;
    position: absolute;
    top: 12px;
    right: 5px;
    width:60px;
    display: block;
    margin:0;
    padding:0;
    border: 0px solid red;
}
.loader__dot {
    color:#4681cf;
    font-size: 60px;
    line-height: 0;
    font-weight: bold;
}

.vimeo_iframe {
    height:460px;
}



@media (max-width: 767px) {
    .block-content {
        width: 95%;
    }
    .header-pgraph {
        width:100%;
        padding-right:0px;

    }
    .input-container-c{

    }
    .w-container{
        margin-right:0px !important;
        margin-left: 0px !important;
        padding-left:0px !important;
        padding-right:0px !important;
        width:500px !important;
        max-width: 98% !important;
        box-sizing: unset;
    }
    .content-section {

        padding-right: 0px !important;
        padding-left: 0px !important ;
        width:100% !important;
    }

    .widget-container{
        border:0px solid red;
    }
    .heading-container{
        height:100px;
    }
    h1.careers-heading-main {
        font-size: 50px;
        padding-top: 10px;
    }
    .dept-heading{
        display: inline-block;
    }


}



@media (max-width: 479px) {
    .block-content {
        width: 97%;
    }
    .header-pgraph {
        width:100%;
        padding-right:0px;

    }

    .content-section {

        padding-right: 0px;
        padding-left: 0px;

    }
    li.careers-list-item {
        margin-right:5px;
        margin-left:10px;
    }
    .header-section {
            padding-left:3px;
            padding-right:3px;
    }

    .input-container-c{
        border: 0px solid red;
        text-align: center;
        padding-top: 0px;

    }

    .input-container {
        border: 0px solid blue;
        width:98%;
        max-width: 400px;
        margin:auto;
        margin-top:8px;
        float: none;

    }
    .input-lg {
        width:100%;
        max-width: 400px;
        font-size: 20px;
        margin-right:0;
    }
    .careersgrid {
        width:100%;
        max-width: 400px;

    }
    .ui-autocomplete {
        width:100%;
        max-width: 380px;

    }
    .dept-list{
        width:100%;
        height:50px;
        max-width: 400px;
        float: none;
        font-size: 16px;
        vertical-align: middle;
        padding-top: 15px;
        text-align: left;
        white-space: nowrap;

    }
    .vimeo_iframe {
        height:250px;
    }

    p.join-team-heading {
        padding-right: 5px;
        padding-left: 5px;
    }
    h1.careers-heading-main {
        font-size: 40px;
        padding-top: 20px;

        font-family: 'MrEavesXLModOTReg',sans-serif;

    }
    .heading-container{
        height:57px;
    }

    h1.job-header {
        font-weight: 200;
        font-style:normal;
        font-size: 30px;
        padding-bottom:0px;
        margin-bottom:0px;
        text-align: center;
        margin-top: 10px;
        font-family: "MrEavesXLModOTBook", sans-serif;


    }

    h2.join-team-heading-title {
        margin-right: 5px;
        margin-left: 5px;
        font-size: 38px;
        padding-top: 15px;
    }
    .head-location {
        font-size: 18px;
        margin-left: 0px;
        text-align: center;
        margin-bottom: 10px;
    }
    .dept-heading{
        width:100%;
    }

   .block-careersheader{
      /* height:30px; */

   }
    .short-summary-c {
        font-size: 18px;
        line-height: 18px;
        width:99%;
        margin-top:5px;
        padding-left: 7px;
    }
    .corticaherobg {
        padding-top:5px;
       /* background-image: none; */

    }
    h1.jobs-bydpt-heading {
        font-size: 33px;
        margin-bottom: 10px;
        margin-top: 10px;

    }
    .explore-jobs-pgph {
        padding-bottom: 5px;
    }
    .corticaherobg-job {
        height: 200px;
        width:100%;
        max-width: 420px;
    }
    .header-dept-desc {
        margin-top: 12px;
        font-size: 20px;
        margin-left: 0px;
        text-align: center;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .list-group-header {
        margin-bottom: 0px;


    }
    .ui-front li {

        line-height: 20px;
        margin-bottom: 0px;

    }
    .ui-menu-item{
        height: 65px;
        border-bottom: 1px dotted;
    }
    .ui-menu-item-wrapper {
        font-size: 18px;
    }
    .location-tag.ui-menu-item-wrapper {


    }

}

@media (max-width: 330px) {
    h1.job-header {
        font-size: 25px;

    }
    .header-dept-desc {
        margin-top: 5px;
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 8px;
    }

    .input-container {
        border: 0px solid red;


    }

}

@media (max-width: 991px) {


}

@media screen and (max-width: 991px) {

}

@media screen and (max-width: 767px) {
    .input-container {

        margin-right: 0px;

    }


    .w-container{
        margin-right:0px !important;
        margin-left: 0px !important;
        padding-left:0px !important;
        padding-right:0px !important;
        max-width: 98% !important;
    }
    .why-cortica-tile{

        width:40%;
        margin:auto;

    }
}

@media screen and (max-width: 479px) {
    .why-cortica-tile{

        width:90%;
        margin:auto;

    }
    .content-section {

        padding-right: 0px;
        padding-left: 0px;

    }


}

@media screen and (max-width: 991px) {
    .cbtn {

        width:100%;
        display: block;

    }
    .small-heading {
        width:100%;
        display: block;

    }

}
@media screen and (max-width: 767px) {
    .block-content {
        width: 95%;
    }

    .block-cortica-content {
        width: 95%;

    }
    .content-section {

        padding-right: 0px;
        padding-left: 0px;

    }


    .input-container-c{


    }
    .grnhse-iframe-wrapper{

        width:100%;

    }

    .why-cortica-tile{
        width:40%;
        margin:auto;

    }
    .corticaherobg-job{
        padding:5px;
    }


}

@media screen and (max-width: 479px) {
    .block-content {
        width: 100%;
    }
    .input-container-c{


    }
    .why-cortica-tile{

        width:90%;
        margin:auto;

    }
    .vimeo_video {

        height:300px;

    }
    .content-section {

        padding-right: 0px;
        padding-left: 0px;

    }

}