@charset "utf-8";
/* CSS Document */
/* additional styles for 2025 update */

html {
    font: 1em/1.5 Roboto, sans-serif!important;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

body {
    font: 1em/1.5 Roboto, sans-serif!important;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

#home2025 {padding-top: 0;}

#home2025 .container-fluid {max-width: 1500px;}

#home2025 header {height: 500px; background-image: url('../i/i_25/IN_hero_no_text.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

/* Nav Bar */
#home2025 .navbar {border-bottom-width: 0; background: transparent;}
#home2025 .navbar #logo {padding-top: 3px; font-size:2.4rem; font-family: Roboto, sans-serif!important; padding-left: 50px; color:#FFF;}
#home2025 .navbar #logo span {color:#F3970C;}

#home2025 .navbar-default .navbar-nav > li > a {
    text-transform: lowercase;
    border-left-width: 0;
    padding-top:10px;
    padding-bottom: 10px;
    font-size:1.1rem;
    font-family: Roboto, sans-serif!important;
    border-bottom-width:0;
    margin:15px 0 0 0;
    color:#fff;
}

#home2025 .navbar-default .navbar-nav > li > a:hover {
    color: #000;
    border-bottom-width:0;
    background: #da8607;
}

#home2025 .navbar-default .navbar-nav > .active > a, #home2025 .navbar-default .navbar-nav > .active > a:hover, #home2025 .navbar-default .navbar-nav > .active > a:focus {
    background: #da8607;
    border-bottom-width:0;
    color:#000;
    font-weight: 600;
}

#home2025 .navbar-default .navbar-nav > .last > a, #home2025 .navbar-default .navbar-nav > .last > a:hover, #home2025 .navbar-default .navbar-nav > .last > a:focus {
    border-right-width:0;
}

#home2025 .navbar-toggle {
    background-color: #F3970C!important;
    background-image: none;
    border-width:0;
    border-radius: 5px;
    float: right;
    margin-bottom: 12px;
    margin-right: 15px;
    margin-top: 17px;
    padding: 12px 10px;
    position: relative;
}
#home2025 #collapse {margin:0 50px 0 0; padding:0; border-width:0;}

#home2025 h1 {color:#fff; font-family: Roboto, sans-serif!important; font-size:1.2rem; padding: 0 15px 0 50px; line-height: 1.5; margin-top: 320px; 
        text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);}
#home2025 h1 span {display:block; font-size:1.5rem;}

#home2025 h2 {font-size: 1.2rem; font-weight: 300; text-align: center; line-height: 1.8; margin: 20px auto; max-width:1200px;}
#home2025 h5 {font-size: 3.6rem; font-weight: 300; text-align: center; line-height: 1.4; margin:0; padding:0;}
#home2025 h5 span {font-weight: 600; color:#EF9950;}

#home2025 .row.extra {padding-top:80px;}

#home2025 #logos {text-align: center; padding-top: 10px; padding-bottom: 15px;}
#home2025 #logos img {height:45px; width:auto; display: inline-block; margin:10px;}

#home2025 #work {background: #f9f8f7!important; padding: 20px 20px 80px 20px;}
#home2025 #work .container-fluid {background: #f9f8f7!important;}
#home2025 #work h2 {font-size: 1.1rem; font-weight: 300; text-align: center; line-height: 2.0; padding: 20px 0 15px;}

#home2025 #work h5 {font-size: 3.0rem; font-weight: 300; text-align: left; line-height: 1.4; margin:0; padding:0 0 0 15px;}
#home2025 #work h5 span {font-weight: 600; color:#EF9950;}

#home2025 #work .workcards {padding: 15px 0;}

#home2025 #work .work_card {background: #FFF; border: 1px solid #E6E6E6; border-radius: 20px; padding: 15px;}
#home2025 #work .work_card.extra {padding-top:50px;}
#home2025 #work .work_card img.work_logo {width: auto; height:45px;}
#home2025 #work .work_card h6 {font-weight: 300; font-size: 2.0rem; text-align: left; line-height: 1.2; margin: 0; padding: 10px 0 15px 10px;}
#home2025 #work .work_card h6 span {display:block; font-weight: 300; font-size:1.5rem; line-height:1.4; color:#000;}
#home2025 #work .work_card p {font-weight: 300; font-size: 0.9rem; line-height: 1.8; padding-left: 10px;}
#home2025 #work .work_card a.case_study {display: block; border: 1px solid #FFB011; border-radius: 24px; font-weight: 500; font-size: 0.8rem;
    line-height: 1.1; text-transform: uppercase; color:#000; padding:10px 0; letter-spacing: 1.25px; margin:0 auto 10px; width:200px; text-align: center;}
#home2025 #work .work_card a.case_study:hover {text-decoration: none;}
#home2025 #work .work_card img.img_case_study {display: block; width:95%; height:auto;}
#home2025 #work .work_card .work_body {height:270px; overflow: hidden; }

#home2025 #work .afterwork {padding-top:60px; padding-bottom:30px;}
#home2025 #work .afterwork h6 {text-transform: uppercase; color:#A0A2A1; font-weight:400; font-size:1.75rem; padding: 0 0 20px 0; margin: 0;}
#home2025 #work .afterwork p {color:#000; font-weight:300; font-size:1.1rem; line-height: 1.6;}
#home2025 #work .afterwork img {width:90%; height:auto; border-radius:20px;}


/* Page Footer */
#home2025 footer {padding:0; color:#FFF; font-weight: 400; background: #101416; margin:0;}
#home2025 footer .hidden-small .email {text-align: left;}
#home2025 footer .hidden-small .email a {line-height: 130px; font-size: 1.1rem; padding:0 35px;}
#home2025 footer .hidden-small .linkedin {text-align: right; font-size: 1.2rem; padding-right: 0;}
#home2025 footer .hidden-small .linkedin span {padding:0 35px;}
#home2025 footer a {color:#FFF;}
#home2025 footer a:hover {color:#FFF;}

#home2025 div.hidden-xs {background: none!important;}

/* media queries */
@media only screen and (max-width: 320px) {
    #home2025 .navbar #logo {padding: 15px 0 10px 20px!important; font-size:1.6rem; font-family: Roboto, sans-serif!important; color:#000;}
    #home2025 h1 {font-size:1.2rem; padding: 0 15px 0 20px;}
}

@media only screen and (max-width: 767px) {
    #home2025 .navbar {border-bottom: 1px solid #f1f3f4;  }
    #home2025 .navbar #logo {padding: 15px 0 10px 20px!important; font-size:2.0rem; font-family: Roboto, sans-serif!important; color:#000;}
    #home2025 .navbar #logo span {color:#F3970C;}

    #home2025 .navbar-default .navbar-nav > li > a {
        color: #717171;
        border-width:0;
        background-color:#fff;
        border-bottom:1px solid #f1f3f4;
        text-align: center;
        font-size: 1.1rem;
        padding:15px 0 15px 20px!important;
        margin:0!important;
    }

    #home2025 .navbar-default .navbar-nav > li > a:hover {
        border-width:0;
        color: #da8607;
        background-color:#fff;
    }

    #home2025 .navbar-default .navbar-nav > .active > a, #home2025 .navbar-default .navbar-nav > .active > a:hover, #home2025 .navbar-default .navbar-nav > .active > a:focus {
        color: #da8607;
        background-color:#fff;
        border-width:0;
        border-bottom:1px solid #F1F3F4;
    }

    #home2025 .navbar-default .navbar-nav > .last > a, #home2025 .navbar-default .navbar-nav > .last > a:hover, #home2025 .navbar-default .navbar-nav > .last > a:focus {
        border-width:0;
        border-bottom:1px solid #f1f3f4;
    }

    #home2025 nav .navbar-header {background-image: none!important; border-width:0!important;}

    #home2025 .nav > li > a {
        padding:10px 0 10px 20px!important;
        margin:0!important;
    }

    #home2025 #collapse {margin:0; background:#fff;}
    #home2025 #collapse ul {border-top: 1px solid #f1f3f4;}

    #home2025 header {height: 300px; background-position: bottom center;}

    #home2025 h1 {position:relative; margin-top:0; top: 140px; padding: 0 15px 0 20px;}
    #home2025 h1 span {display:block; font-size:1.5rem;}

    #home2025 .row.extra {padding-top:0;}

    #home2025 #work {padding: 0 0 40px;}
    #home2025 #work h5 {font-size:2.2rem; text-align: center; padding-left: 0; padding-top:30px;}

    #home2025 #work .workcards {padding: 0;}

    #home2025 #work .work_card {margin:20px 10px 10px 0;}
    #home2025 #work .work_card a.case_study {display: none;}
    #home2025 #work .work_card .work_body {height: auto;}
    #home2025 #work .work_card p {width:90%; margin:0 auto 10px;}
    #home2025 #work .work_card h6 {width:90%; margin:0 auto;}
    #home2025 #work .work_card img.img_case_study {width:90%; height:auto; margin:10px auto 20px;}

    #home2025 #work .afterwork {padding-top:20px;}
    #home2025 #work .afterwork h6 {width:90%; margin:40px auto 20px;}
    #home2025 #work .afterwork p {width:90%; margin:20px auto;}
    #home2025 #work .afterwork img {display:block; margin:0 auto;}

    #home2025 footer .visible-xs .email {text-align: left;}
    #home2025 footer .visible-xs .email a {font-size: 1.1rem; padding:0; text-align: left;}
    #home2025 footer .visible-xs span {display:block; text-align: left;}
    #home2025 footer .visible-xs .linkedin {text-align: right; font-size: 1.2rem; padding-right: 0;}
    #home2025 footer .visible-xs .linkedin span {padding:0 35px;}
    #home2025 footer .visible-xs .linkedin img {width:60%; height:auto; max-width:100px;}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    #home2025 #work .work_card h6 {font-weight: 300; font-size: 1.8rem; text-align: left; line-height: 1.2; margin: 0; padding: 5px 0 15px 5px;}
    #home2025 #work .work_card h6 span {display:block; font-weight: 300; font-size:1.4rem; line-height:1.4; color:#000;}
    #home2025 #work .work_card .work_body {height:200px; overflow: hidden;}
}