* {
    margin:0px;
    padding:0px;
    
}
:root {
    --bs-body-font-codenexbold:CodeNextBold;
    --bs-body-font-codenexlight:CodeNextLight;
    --white: #ffffff;
    --bs-body-font: NVRFNSHDDisplay;
    --big-font:4rem;
    --medium-font:2rem;
    --small-font:1.4rem;
    --extra-small-font:1.2rem;
    --bs-body-font-italic:NVRFNSHDDisplayItalic;
    --black: #000000;
}
body {
    line-height: 2rem;
}


.d-flex {
    display: flex;
}
.v-center {
    align-items: center;
}
.h-center {
    justify-content: center;
}
.flex-column {
    flex-direction: column;
}
.d-block {
    display: block;
}
.space-around {
    justify-content: space-around;
}
.text-center {
    text-align: center;
}
.mt-5 {
    margin-top:5rem;
}
.mt-4 {
    margin-top:4rem;
}
.mb-2 {
    margin-bottom:2rem;
}
.mb-1 {
    margin-bottom:1rem;
}
.m-auto {
    margin:0 auto;
}
.position-absolute {
    position: absolute;
}
.v-middle {
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
}
.container {
    max-width: 1320px;
    width:90%;
    margin:0 auto;
}
.award-img {
    max-width: 960px;
    width:90%;
}
#hero {
    position: relative;
    display: flex;
    height: 100vh;
}
#hero > img {
    display: block;
    max-width: 100%;
    width:100%;
    height: 100vh;
}
.fcb_logo {   
    width:300px;
}
.herocontent span {
    color: var(--white);
    font-family: var(--bs-body-font);
    font-size: var(--small-font);
    line-height: 2rem;
}
.herocontent small {
    font-family: var(--bs-body-font-italic);
}

#texture {
    background: url('../images/texture.jpg') no-repeat;
    width: 100%;
    height: 515px;
    background-size: cover;
}
#texture p {
    color: var(--black);
    font-size: var(--small-font);
    font-family: var(--bs-body-font);
    max-width: 820px;
    width: 100%;
}
#award {
    background: var(--black);
    padding:5rem 0rem;
}
#award p {
    color: var(--white);
    font-family: var(--bs-body-font);
    font-size: var(--small-font);
    line-height: 2rem;
}
#award p span{
    font-family: var(--bs-body-font-italic);
    line-height: 2rem;
}


#awardlist {
    background: url('../images/pinkgradient.jpg') no-repeat;
    background-size: 100% 100%;
    height: 425px;
    width: 100%;
}
.thumb {
    height: 87px;
}
.awards span {
    color:var(--white);
    font-size: 1rem;
    line-height:1.3rem;
    font-family: var(--bs-body-font-codenexbold);
}
.awards p {
    color:var(--white);
    font-size: 1rem;
    line-height:1rem;
    font-family: var(--bs-body-font-codenexlight);
    margin-top:10px;
}
#capabilities {
    background: url('../images/texture-2.jpg') no-repeat;
    width: 100%;
    height: 500px;
    background-size: 100% 100%;
}
#capabilities h2 {
   font-family: var(--bs-body-font-italic); 
   font-size: var(--medium-font);
   margin-bottom: 4rem;
}
.capcol small {
    font-size: var(--extra-small-font);
    line-height: 1.5rem;
    font-family: var(--bs-body-font-codenexbold);
}
.capcol p {
    font-size:.9rem;
    line-height: 1.4rem;
    font-family: var(--bs-body-font-codenexlight);
    max-width: 85%;
    margin-bottom: 1rem;
}

.sub-heading{font-size: 35px;text-align: center;font-weight: normal;font-family: var(--bs-body-font-italic);}
/** footer open **/
footer{background: var(--black);padding: 30px 0px;margin: 0 auto;}
footer .container{display: flex;justify-content: space-between;}
ul.footer-nav, ul.social-icon{list-style: none;}
ul.footer-nav li{display: inline-block;padding: 0px 12px;color: var(--white);font-size: 11px;text-transform: uppercase;position: relative;font-family: var(--bs-body-font-codenexlight);line-height: 14px;}
ul.footer-nav li::after{content: "";position: absolute;right: 0px;top:0px;width: 2px;height: 100%;background: #ffffff}
ul.footer-nav li:last-child:after{display: none;}
ul.footer-nav li a{color: var(--white);text-decoration: none;font-size: 11px;}
ul.social-icon li{display: inline-block;width: 28px;vertical-align: middle;margin: 0px 5px;}
ul.social-icon li a img{width: 100%;display: block;}
/** footer close **/
/** get in touch open **/
.get-in-touch{background: url(../images/get-in-touch-bg.jpg) no-repeat top center;padding: 130px 0px;background-size: cover;}
.getintouchcont{font-family: var(--bs-body-font-codenexbold);font-size: 29px;color: var(--white);display: inline-block;position: relative;line-height: auto;line-height: 32px;}
.getintouchcont + .getintouchcont{margin-left: 65px;}
.getintouchcont a::after{content: "";position: absolute;bottom: 0px;height: 2px;background: var(--white);width: 100%;left: 0px;}
.getintouchcont a{color: var(--white);padding-bottom: 5px;position: relative;text-decoration: none;}
.getintouchtext{text-align: center;padding-top: 46px;}
.get-in-touch .sub-heading{color: var(--white);}
/** get in touch close **/
/** cooming soon open **/
.cooming-soon-wrap{background: url(../images/bg.jpg) no-repeat top center;}
.cooming-soon-wrap figure img{width: 100%;display: block;}
.comingsoon-text{text-align: center;color: var(--white);padding: 85px 0px;font-family: var(--bs-body-font);font-size: 35px;font-weight: normal;}
/** cooming soon close **/
/** cooming soon open **/
.client-wrap{background: url(../images/client-bg.jpg) no-repeat top center;padding: 130px 0px;background-size: cover;}
.client-wrap .sub-heading{color: var(--black);}
/* .logowrap{max-width: 1000px;width:90%;margin:0 auto;} */
.logowrap ul{display: flex;flex-wrap: wrap;/* min-height: 94px; */list-style: none;align-items: center;margin-top: 30px;justify-content: space-evenly;/* flex-direction: column; */}
.logowrap ul li{display: flex;align-items: center;flex-direction: column;}
.logowrap ul li img{margin: 0 auto;max-width: 100%;}

.logowrap ul li.logo-line1{width: 12%;}
.logowrap ul li.logo-line2{width: 7%;}
.logowrap ul li.logo-line3{width: 11%;}
.logowrap ul li.logo-line4{width: 19%;}
.logowrap ul li.logo-line5{width: 11%;}
.logowrap ul li.logo-line6{width: 13%;margin-right: 0%;}
/** cooming soon close **/

/* Mobile css */
@media (min-width: 576px) { 
    .fcb_logo {   
        width:400px;
        text-align: center;
        display: block;
        margin: 0 auto;
    }
}

@media (max-width: 1200px) { 
    #awardlist .container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .awards {
        width:33%;
    }
    .thumb img {
        width:150px;

    }
    .capwrap {
        flex-wrap: wrap;
        justify-content: center;
    }
    .capcol {
        width:33%;
    }
    .logowrap ul li {
        width: 33.33% !important;
    }
    .logowrap ul li img {
        width: 70%;
    }
}

@media (max-width: 992px) { 
    html {
        font-size: 80%;
    }
    .awards span,.awards p {
        font-size: 1.3rem;
    }
    .awards span{
        line-height: 1.6rem;
    }
    .capcol small {
        font-size: 1.5rem;
        line-height: 1.8rem;
    }
    .capcol p {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
    #awardlist {
        height: 475px;
    }
    #capabilities {
        height: 670px;
    }
    .capcol p {
        margin-bottom:2rem;
    }
    #capabilities h2 {
        margin-bottom: 3rem;
    }
    .logowrap ul {
        margin-top:0px !important;
    }
    .logowrap ul:first-child {
        margin-top:30px !important;
    }
    .logowrap ul li {
        margin-bottom: 40px;
    }
}

@media (max-width: 768px) { 
    html {
        font-size: 65%;
    }
    #texture {
        height:540px;
    }
	#texture .container 
	{
		padding-top:0px;
	}
    .thumb img {
        width:80%;

    }
    .awards {
        width:50%;
    }
    .thumb {
        height: 67px;
    }
    .thumb img {
        width: 35%;
    }
    .capcol {
        width:100%;
    }
    .get-in-touch, .client-wrap{padding: 15% 0px;}   
    .getintouchcont {font-size: 25px;line-height: 30px;}
    .logowrap ul li { width: 40%; margin-bottom: 20px;}
    .herocontent span {
        font-size: 1.5rem;
    }
    #texture p {
        font-size: 1.5rem;
    }
    .logowrap ul {
        margin-top:0px !important;
    }
    .logowrap ul:first-child {
        margin-top:30px !important;
    }
    .logowrap ul li {
        margin-bottom: 40px;
    }
}
@media (max-width: 540px) { 
    footer .container{display: block;text-align: center;}
    footer{padding: 20px 0px;}
    ul.social-icon{margin-top: 10px;}
    .getintouchcont {font-size: 20px;line-height: 25px;display: block;}
    .getintouchcont + .getintouchcont{margin-left: 0px;margin-top: 5%;}
    .getintouchtext {padding-top: 8%;}
    .logowrap ul{margin-top: 0px;}
    .logowrap ul li {margin-top: 20px;width: 33.33%;}
    .logowrap ul:first-child{margin-top: 20px;}  
    .comingsoon-text {padding: 40px 0px;font-size: 1.8rem;}
    .sub-heading {font-size: 2rem;}
    .logowrap ul li img { width: 86%;}
    .thumb img {
        width: 60%;
    }
    .herocontent span {
        font-size: 1.6rem;
    }
    .getintouchcont {
        font-size: 18px;
    }
    }




    /* Career page */

    div.city{ float:left; margin-top:20px; width:100%;}
div.city a{ color:#616161; text-transform:uppercase; font-size:20px; width: 418px; float: left; text-align: center; border: 1px solid #ccc;  font-family: 'proxima_nova_rgbold'; letter-spacing:5px; font-weight: normal; height: 70px; line-height: 70px; width:33.33%; background:#fff; position:relative;}
div.city a:last-child{ border-left:0;}
div.city a.active{background:#ebebeb;}
div.city a.active:after { content: ""; position: absolute; width:40px; height: 2px; background: #ffd74e; left: 50%; margin-left: -20px; bottom:15px;}
/*********************************/

    div.page{ float:left; width:100%; margin:60px 0px 0px; padding:0px 0px 40px 0px; position:relative;}
div.page.about, div.page.contact{ margin:0px; margin-top: 30px;}
div.page.about{ text-align:center;}
div.pg-info div.descp-box div, div.pg-info div.descp-box p{text-align: center;}
.career-info h1.title:after{background: #fed74e;}
.apply-now.career-box{display: none;}
div.career-wrap div.career-box{width: 100%;}
ul.accord-list li a span{color: #000000;    font-size: 25px;line-height: 30px;}
ul.accord-list li a span:before {
  content: "+";
}
ul.accord-list li a.active span:before {
  content: "-";
}
ul.accord-list li .work-exp{position: relative;}
ul.accord-list li .cta a.box-button {
  position: absolute;
  display: inline-block;
  width: auto;
  padding: 14px 30px;
  bottom: 15px;
  right: 0;
  margin: 0;
  min-width: auto ;
  font-size: 13px;
  line-height: 17px;
  font-weight: 500;
  background: #ffd74e;
  color: #000000;
  border: 0;
  font-family: 'proxima_nova_rgregular';
}

div.career-box{ float:left; width:50%; margin:0px; padding:0px 3%;}
div.accord-wrap{ float:left; width:100%; margin:0px 0px 0px 0px; padding:40px 0px; position:relative;}
ul.accord-list{ float:left; width:100%; margin:0px; padding:0px; position:relative; list-style-type:none;}
ul.accord-list li{ float:left; width:100%; margin:0px; padding:0px; position:relative;}
ul.accord-list li a{ float:left; width:100%; margin:0px 0px 40px 0px; padding:0px 25px 15px 25px; border-bottom:1px solid #d7d7d7; font-size:20px; color:#484848; transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
ul.accord-list li a span{ float:right; width:auto; font-size:14px; text-transform:uppercase; color:#6a8927; font-family: 'proxima_novasemibold'; line-height:21px; letter-spacing:4px;}
/*div.file-box div{float:left; position:absolute; right:0px; bottom:0; width:200px; height:60px; line-height:60px; overflow:hidden; background:url(../images/upload-btn.png) no-repeat right center; background-size:200px; color:#FFF; text-align:center; cursor:pointer; -webkit-transition:background 0.4s ease-out; -moz-transition:background 0.4s ease-out; -o-transition:background 0.4s ease-out;}
div.file-box div:hover{ background:url(../images/upload-btn-hover.png) no-repeat right center; background-size:200px;}
div.file-box div input{width:100%; padding:0px; position:absolute; right:0px; opacity:0; filter:alpha(opacity=0); cursor:pointer;}
*/
div.uploadfile{ float:right; position:absolute; right:0px; bottom:10px; width:165px; cursor:pointer;}
div.uploadfile input{ position:absolute; left: 0; top: 0; opacity:0; z-index:9; width: 40px; height: 40px; cursor:pointer;}
div.uploadfile span{ width:40px; height:40px; display:inline-block; cursor: pointer;}
div.uploadfile span.file-resume{ background:url(../images/file-resume.png) no-repeat 0 0;}
div.uploadfile span.file-portfolio{ background:url(../images/file-portfolio.png) no-repeat 0 0;}
div.uploadfile span.file-video{ background:url(../images/file-video.png) no-repeat 0 0;}
div.uploadfile .resume-field{ float: right; margin: 0 15px 10px 0; position: relative; width: 40px;  cursor:pointer;}
/*------------------------------------*/
ul.accord-list li a span:before{ content:"Read More"}
ul.accord-list li a.active span:before{content:"Close"}
ul.accord-list li a.active{/* border-bottom:1px solid transparent;*/ }
div.expand{ float:left; width:100%; margin:0px 0px 40px 0px; padding:25px; background:#f7f7f7;  color:#343434; font-size:16px; line-height:24px;}
div.work-exp{ float:left; width:100%; margin:20px 0px 0px;}
div.work-exp ul{ float:left; width:100%; margin:0px; padding:0px; list-style-type:none;}
/* div.work-exp ul li{ float:left; width:100%; margin:0px 0px 15px 0px;} */

div.work-exp ul li {
  float: unset;
  width: 100%;
  display: flex;
  margin: 0px 0px 15px 0px;
}
div.work-exp ul li ul li{display:list-item}

div.work-exp ul li label{font-family: 'proxima_nova_rgbold'; display:inline-block;}
div.work-exp ul li span{display:inline-block; margin:0px 0px 0px 10px;}
div.expand p{  width:100%; margin:0px; padding:0px; color:#343434; font-size:16px; line-height:24px;}
div.expand h5{ width:100%; margin:0px; padding:0px; color:#343434; font-size:16px; line-height:24px; font-family: 'proxima_nova_rgbold'; font-weight:normal;}


div.work-exp ul li span ul{list-style-type: circle;padding: 0 0 0 10px;}
/* div.work-exp ul li span ul li{} */
div.gray-box{ float:left; width:100%; margin:0px; padding:40px 10px; position:relative; background:#f4f4f4; text-align:center; border-bottom:1px solid #b0b0b0; display:none;}
div.gray-box a{ display:inline-block; margin:0px; padding:0px 30px 0px 24px; color:#c1c1c1; font-family: 'proxima_nova_rgbold'; font-size:30px; text-transform:uppercase; position:relative; transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
div.gray-box a:after{ content:"|"; position:absolute; right:0px; color:#000;}
div.gray-box a:last-child:after{ content:"";}
div.gray-box a:hover, div.gray-box a.active{ color:#000;}
div.gray-box a:hover:after, div.gray-box a.active:after{ color:#000;}