@font-face {
  font-family: 'Poppins-Bold';
  src: url('https://cdn2.hubspot.net/hubfs/5865019/All-Themes-assets/fonts/Poppins-Bold.eot') format('embedded-opentype'),  
    url('https://cdn2.hubspot.net/hubfs/5865019/All-Themes-assets/fonts/Poppins-Bold.woff') format('woff'), 
    url('https://cdn2.hubspot.net/hubfs/5865019/All-Themes-assets/fonts/Poppins-Bold.ttf')  format('truetype'), 
    url('https://cdn2.hubspot.net/hubfs/5865019/All-Themes-assets/fonts/Poppins-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'GilroyExtraBold';
    font-display: swap;
    src: url('https://ww1.netsolutions.com/hubfs/All-Themes-assets/fonts/Gilroy/GilroyExtraBold.eot');
    src: url('https://ww1.netsolutions.com/hubfs/All-Themes-assets/fonts/Gilroy/GilroyExtraBold.eot') format('embedded-opentype'),
         url('https://ww1.netsolutions.com/hubfs/All-Themes-assets/fonts/Gilroy/GilroyExtraBold.woff2') format('woff2'),
         url('https://ww1.netsolutions.com/hubfs/All-Themes-assets/fonts/Gilroy/GilroyExtraBold.woff') format('woff'),
         url('https://ww1.netsolutions.com/hubfs/All-Themes-assets/fonts/Gilroy/GilroyExtraBold.ttf') format('truetype'),
         url('fonts/GilroyExtraBold.svg#GilroyExtraBold') format('svg');
}

header .navbar.navbar-default.container { width: 1330px; }
.home .header { background: 0 none; }
header { padding-top: 5x; padding-bottom: 15px; position: fixed; z-index: 300; top: 0; width: 100%; }
header .navbar { margin-bottom: 0; }
header .navbar-default { background-color: transparent; border-color: transparent; }

.navbar-header {
    width: 20%;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s
}

ul.navbar-nav { margin-top: 7px; float: right; }
.navbar-collapse { padding-left: 0; padding-right: 0; }

.home .header {
    background: 0 none
}

header {
    padding-top: 5px;
    padding-bottom: 15px;
    position: fixed;
    z-index: 300;
    top: 0;
    width: 100%;
    -webkit-transition: padding 0.3s ease-in-out 0s;
    transition: padding 0.3s ease-in-out 0s
}

.header .container {
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s
}

header .navbar {
    margin-bottom: 0
}

header .navbar-default {
    background-color: transparent;
    border-color: transparent
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent
}

.navbar-default .navbar-brand { color: #777; }
.home .header { background: 0 none; }
header { padding-top: 15px; padding-bottom: 15px; position: fixed; z-index: 300; top: 0; width: 100%; }
.activebody header { padding-top: 4px; padding-bottom: 4px; }
.header.activeback header .navbar { margin-bottom: 0; }
header .navbar { margin-bottom: 0; }
header .navbar-default { background-color: transparent; border-color: transparent; }
.navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; }
.navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; }
.navbar-brand span.logo-span { background-size: 100% 100%; background-repeat: no-repeat; float: left; width: 283px; height: 42px; }
header .collapse.navbar-collapse { margin-top: 0; position: relative; }
header .navbar-brand { height: auto; padding-left: 0; z-index: 400; position: relative; }
.navbar-brand { float: left; height: 50px; padding: 15px 15px; font-size: 18px; line-height: 20px; }
.navbar-default .navbar-collapse,
.navbar-default .navbar-form { border-color: #e7e7e7; }
.navbar-right { float: right!important; margin-right: -15px; }
.navbar-default .navbar-nav>li { transition: all 0.3s; }
.navbar-expand-md .navbar-nav .nav-link { color: #fff !important; padding: 13px 30px 12px !important; font-size: 14px; font-weight: 500; }

.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link { color: #f13624 !important; }
.navbar-light .navbar-nav .nav-link:hover { color: #fff !important; }
.navbar-nav>li { float: left; }
.navbar-default .navbar-nav>li>a:focus { outline: none; }
li.nav-item.top-get-quote a { font-family: 'GilroyExtraBold', "Helvetica", "Arial", sans-serif; width: 160px; height: 50px; font-size: 18px; line-height: 1.78; 
  letter-spacing: normal; color: #ff6c00; padding: 7px 0 0; }
.top-get-quote>a { background: transparent; border-radius: 25px; border: solid 2px #fb4a33; -moz-transition: background-color 0.3s, color 0.3s;
    -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; color: #fb4a33; padding: 0; border-radius: 46px;
    font-size: 16px; display: inline-block; line-height: 40px; text-align: center; font-family: 'Poppins-Bold'; font-weight: normal; }
.top-get-quote>a:hover { background: transparent; background: #fb4a33; color: #fff; text-decoration: none; transition: all 0.5s; }
.top-get-quote>a:hover{ background-color: #b94e00; border-color: #b94e00; color: #fff !important; }
.activebody.home-page .navbar-default .navbar-nav .nav-link > .top-get-quote>a { background: #fb4a33; color: #fff; }
.activebody.home-page .navbar-default .navbar-nav .nav-link > .top-get-quote>a:hover { color: #fb4a33; background: transparent; }
li.nav-item.top-get-quote img { margin-right: 15px; margin-top: -3px; }
li.nav-item.top-get-quote { float: right; }
.home-page .navbar-default .navbar-nav>li.top-get-quote>a:focus { outline: none; }
.header.activeback li.top-get-quote:hover { background-color: transparent; border-color: #f13624; cursor: pointer; }
.navbar-light .navbar-nav .nav-link { color: #444; font-size: 16px; padding: 13px 30px 12px 30px; font-weight: 600; position: relative; }
.activebody .header { background: #fff; }
.navbar-brand span.logo-span { background-image: url(https://cdn2.hubspot.net/hubfs/3907246/hire-mobile-app-developers/assets/images/net_solutions_logo_black.svg);
    background-size: 100% 100%; background-repeat: no-repeat; float: left; width: 200px; height: 30px; }
.header.activeback .navbar-brand span.logo-span{ background-image: url(https://cdn2.hubspot.net/hubfs/3907246/hire-mobile-app-developers/assets/images/net_solutions_logo_black.svg); }
.header.activeback .navbar-light .navbar-nav .nav-link{ color: #444 !important; }
.header.activeback .navbar-light .navbar-nav .nav-link:hover{ color: #f13624 !important; }
.fixedbody { overflow: hidden; }
.red-nav-open .navbar-light .navbar-nav .nav-link{ color: #474747 !important; }
.header.activeback .navbar-light .navbar-nav .top-get-quote > a{ background: #fb4a33; color: #fff; text-decoration: none; transition: all 0.5s; }
.header.activeback .navbar-light .navbar-nav .top-get-quote > a:hover,
.header.activeback .navbar-light .navbar-nav .top-get-quote > a:active,
.header.activeback .navbar-light .navbar-nav .top-get-quote > a:focus{ background: #b94e00; text-decoration: none; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { background-color: transparent; }
.navbar-light .navbar-nav .nav-link.active a { color: #f13624; }
.navbar-default .navbar-nav>.active>a:focus { color: #f13624; }
.button-div { margin-top: 50px; float: left; width: 100%; }
.active .button-div { transform: translateY(0); opacity: 1; -webkit-transform: translateY(0); }
.button-div .request-free-link:hover { background: transparent; color: #f13624; }

@media screen and (max-width:1440px) {
    header .navbar.navbar-default.container { width: 100%; }
}

@media only screen and (max-width:1280px) {
    .navbar-default .navbar-nav>li>a { padding: 13px 20px 12px 20px; }
}

@media only screen and (max-width:1199px) {
    .navbar-light .navbar-nav .nav-link { padding: 12px 16px!important; }
}

@media only screen and (max-width:991px) {
    .home-page .navbar-default .navbar-nav>li.top-get-quote>a {
        width: 120px;
        height: 36px;
        line-height: 32px;
        font-size: 11px;
        padding: 0 20px;
    }
    .navbar-brand { padding: 10px 15px; }
    .navbar-brand span.logo-span { width: 140px; height: 21px; }
    .navbar-light .navbar-nav .nav-link { padding: 8px 10px !important; font-size: 12px; line-height: 23px; font-weight: 700; }
    li.nav-item.top-get-quote a { width: 120px; height: 36px; line-height: 32px; font-size: 14px; padding: 0 20px; }
    .navbar-light .navbar-nav .nav-link { padding: 8px 10px; }
  
  .header.activeback .navbar-light .navbar-nav .top-get-quote > a{ background: #fb4a33; color: #fff; text-decoration: none; transition: all 0.5s; }
  
  
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0;
    }
}

@media screen and (max-width:767px) {
    .navbar-default .navbar-nav>li.active>a {
        color: #f13624
    }
    .container {
        padding-left: 15px;
        padding-right: 15px
    }
    header {
        padding-top: 0;
        padding-bottom: 0;
        /* background-color: #fff !important; */
    }
  
    .navbar-header { float: left; }
  
  .navbar-brand span.logo-span{ background-image: url(url(https://cdn2.hubspot.net/hubfs/3907246/MVP-development-services/images/net_solutions_logo_white.svg); }
  
  .navbar-light .navbar-toggler-icon{ margin-top: 0; margin-left: 0; background-image: url(https://cdn2.hubspot.net/hubfs/5865019/All-Themes-assets/images/bar-white.svg) !important; }

  
  header .navbar{ padding-top: 0; }
  
    .activebody header {
        padding: 0
    }
    button:focus {
        outline: 0;
    }
    .navbar-toggler.collapse {
        border: 0 none !important;
        padding: 0 !important;
        margin-top: -10px !important;
    }
  
  .navbar-light .navbar-toggler{ border-color: transparent !important; position: relative; z-index: 2; display: none; }
  
  
  
    .navbar-toggler:focus {
        outline: 0;
        box-shadow: 0;
    }
/*     .navbar-brand {
        padding: 0;
        position: absolute !important;
        left: 0;
        width: auto;
        right: 0;
        top: 4px;
        margin: auto;
          z-index: 2 !important;
    } */
  
    .navbar-brand span.logo-span {
        width: 145px;
        height: 22px;
    }
    .home-page .navbar-default .navbar-nav>li.top-get-quote>a {
        font-size: 14px;
        height: 40px;
        line-height: 36px;
        width: 120px;
        padding: 0;
    }
    .navbar-toggle {
        float: left
    }
    .footer-icons {
        float: right;
        padding-top: 5px
    }
    .navbar-brand span.logo-span {
        width: 146px;
        height: 21px;
        display: inline-block;
        float: none;
        margin: 0 auto
    }
    .navbar-header {
        width: auto;
        float: none;
        position: relative
    }
    .navbar-default .navbar-brand {
        position: absolute;
        left: 0;
        width: 50%;
        right: 0;
        top: 3px;
        margin: auto
    }
    li.top-get-quote {
        display: none
    }
    .ipad-get-icon {
        display: block;
        float: right;
        position: absolute;
        right: 20px;
        top: 6px
    }
    .ipad-get-icon a.full-pic1 {
        display: block
    }
    .activebody .ipad-get-icon a.full-pic1,
    .fixedbody .full-pic-black {
        display: none
    }
    .activebody .ipad-get-icon a.full-pic-black {
        display: block
    }
    .navbar-toggle {
        display: block
    }
/*     .navbar-collapse.collapse {
        display: none!important
    } */
    .navbar-nav {
        float: none!important;
        margin-top: 30px
    }
    .navbar-nav>li {
        float: none
    }
    .navbar-default .navbar-toggle,
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent;
        border-color: transparent
    }
/*     header .collapse.navbar-collapse {
        margin-top: 0;
        box-shadow: 0 10px 10px #aeaeae;
      background: #fff;
    } */
    ul.navbar-nav {
        margin-top: 30px; text-align: center;
    }
    .navbar-default .navbar-toggle .icon-bar {
        transition: transform 0.3s;
        -webkit-transition: transform 0.3s;
        -moz-transition: transform 0.3s
    }
    .navbar-default .navbar-toggle .icon-bar.first-bar {
        transform: rotate(45deg) translateY(4px) translateX(4px);
        -webkit-transform: rotate(45deg) translateY(4px) translateX(4px);
        -moz-transform: rotate(45deg) translateY(4px) translateX(4px)
    }
    .navbar-default .navbar-toggle .icon-bar.second-bar {
        visibility: hidden
    }
    .navbar-default .navbar-toggle .icon-bar.third-bar {
        transform: rotate(-45deg) translateY(-4px) translateX(4px);
        -webkit-transform: rotate(-45deg) translateY(-4px) translateX(4px);
        -moz-transform: rotate(-45deg) translateY(-4px) translateX(4px)
    }
    .navbar-default .navbar-toggle.collapsed .icon-bar,
    .navbar-default .navbar-toggle.collapsed .icon-bar.first-bar,
    .navbar-default .navbar-toggle.collapsed .icon-bar.second-bar,
    .navbar-default .navbar-toggle.collapsed .icon-bar.third-bar {
        visibility: visible;
        transform: rotate(0) translateY(0) translateX(0);
        -webkit-transform: rotate(0) translateY(0) translateX(0);
        -moz-transform: rotate(0) translateY(0) translateX(0)
    }
    header {
        position: fixed!important;
        top: 0;
        width: 100%;
        left: 0;
        transition: background-color 0.3s;
        -webkit-transition: background-color 0.3s;
        -moz-transition: background-color 0.3s;
        background-color: transparent;
        height: 50px
    }
    .red-nav-open .navbar-default .navbar-toggle .icon-bar {
        background-color: #000
    }
    .navbar-default .navbar-collapse {
        border-color: transparent
    }
    .navbar-default .navbar-nav>li {
        border-bottom: 0;
        margin-bottom: 15px
    }
    .navbar-default .navbar-nav>li>a {
        transition: color 0.3s;
        -webkit-transition: color 0.3s;
        -moz-transition: color 0.3s;
        text-align: center;
    }
  
    #main-nav-new {
        opacity: 0
    }
    .red-nav-open #main-nav-new {
        opacity: 1
    }
    .red-nav-open .navbar-default .navbar-nav>li>a {
        text-align: center
    }
    .red-nav-open .navbar-default .navbar-nav>.open>a,
    .red-nav-open .navbar-default .navbar-nav>.open>a:focus,
    .red-nav-open .navbar-default .navbar-nav>.open>a:hover {
        background-color: transparent;
        color: #fff
    }
    .ipad-get-icon .full-pic1 {
        display: block
    }
    .navbar-collapse {
        overflow-x: hidden;
        overflow-y: auto;
        max-height: 70vh;
/*         -webkit-overflow-scrolling: touch; */
    }
    .red-nav-open .logo-black {
        display: none
    }
    .red-nav-open .navbar-brand>img.logo-white {
        display: block
    }
    .navbar-toggle {
        padding: 6px 0
    }
    .activebody .navbar-default .navbar-toggle .icon-bar {
        background-color: #444
    }
    .activebody .header.red-nav-open .navbar-default .navbar-toggle .icon-bar,
    .home .header.red-nav-open .navbar-default .navbar-toggle .icon-bar,
    .home-02 .header.red-nav-open .navbar-default .navbar-toggle .icon-bar,
    .header.red-nav-open .navbar-default .navbar-toggle .icon-bar {
        background-color: #000
    }
    .navbar-default .navbar-toggle {
        margin-top: 0;
        margin-bottom: 0
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #000
    }
    .home .navbar-default .navbar-toggle .icon-bar {
        background-color: #444
    }
    .home-02 .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }
    header .navbar-brand {
        padding-top: 3px; text-align: left; padding-left: 20px;
    }
    .navbar-toggle {
        margin-right: 0
    }
    .navbar-default .navbar-nav>li a:before {
        display: none
    }
    .navbar-default .navbar-nav>li.activeLink a:before,
    .navbar-default .navbar-nav>li:hover a:before {
        margin-left: 0
    }
    header.red-nav-open { background-color: #fff; height: 100vh; }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
        box-shadow: none
    }
    .collapsing {
        overflow: hidden!important
    }
    .activebody header {
        padding: 8px 0 5px 0
    }
    .navbar-toggle .icon-bar.second-bar {
        width: 18px
    }
    .sprite-ipad-get-icon-black {
/*         width: 43px;
        height: 22px; */
      width: 29px;
    height: 22px;
      background-image: url(https://cdn2.hubspot.net/hubfs/5865019/All-Themes-assets/images/mail-white-top-icon.svg);
      
/*       background-image: url(https://cdn2.hubspot.net/hubfs/3907246/All-Themes-assets/images/mail-black-top-icon.svg); */
/*         background-position: -58px -60px;
        background-image: url(https://cdn2.hubspot.net/hubfs/3907246/new-mvp-scope-creep/assets/images/spritesheet.png); */
        background-repeat: no-repeat;
        display: block;
      position: relative;
    z-index: 9;
    }
  
  .header.activeback .sprite-ipad-get-icon-black{ background-image: url(https://cdn2.hubspot.net/hubfs/3907246/All-Themes-assets/images/mail-black-top-icon.svg); }
  .header.activeback .navbar-light .navbar-toggler-icon { background-image: url(https://cdn2.hubspot.net/hubfs/5865019/All-Themes-assets/images/bar-black.svg) !important; }
  
    header { padding-top: 10px; padding-bottom: 10px; }
  
    .case-study-project-info-name h3 { font-size: 20px; }
    .case-study-project-info-description-text {
        font-size: 15px
    }
    h1 { font-size: 32px; text-align: left; }
  
  
  .header.red-nav-open .navbar-brand span.logo-span{ background-image: url(https://cdn2.hubspot.net/hubfs/3907246/hire-mobile-app-developers/assets/images/net_solutions_logo_black.svg); }
  
  .header.red-nav-open .sprite-ipad-get-icon-black{ background-image: url(https://cdn2.hubspot.net/hubfs/3907246/All-Themes-assets/images/mail-black-top-icon.svg); }
  .header.red-nav-open .navbar-light .navbar-toggler-icon { background-image: url(https://cdn2.hubspot.net/hubfs/5865019/All-Themes-assets/images/bar-black.svg) !important; }
  
  
  
  
}