html {
    font-size: 16px;
    margin:0;
    padding:0;
    width: 100%;
    height:100%;
    overflow-x: hidden!important;
    scroll-behavior: smooth;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
  }

  ::-moz-selection {
    color: #222;
    background: rgba(248, 225, 189, 0.8);
  }
  
  ::selection {
    color: #222;
    background: rgba(248, 225, 189, 0.8);
  }
  
  body {
    margin:0;
    overflow-x: hidden;
    padding:0;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .interior {
      width: 100%;
  }
  
  a {
    text-decoration: none;
    transition: all 200ms ease-out;
  }
  
  
  p {
    margin: 0;
    padding: 0;
  }
  
  .flex {
    display: flex;
  }
  
  .jCenter {
    justify-content: center;
  }
  
  .aCenter {
    align-items: center;
  }
  
  .center_center {
      align-items: center;
      justify-content: center;
  }
  
  .rowDirect {
    flex-direction: row;
  }
  
  .columnDirect {
    flex-direction: column;
  }
  
  #playerStatsLink {
    display: none!important; 
  }

  .nitro {
    font-family: "MontBoldAlt1", sans-serif;
  }
  #homepageMain { 
    width: 100%;
}
div[contenteditable="false"] {
  width:100%;
}
table#homepageContentTable {
    display: none;
}

.noShow {
    visibility: hidden;;
}


  /* ----------------------- Scroll Indicator Styles ----------------------- */

  .checkpointName {
    font-family: "MontBoldAlt1", sans-serif;
    color: #333;
}

.checkpointBubble:hover {
    background-color:#333333!important;
}
  
  /* ----------------------- Header Styles ----------------------- */
  
    header {
        display: flex;
        align-items: center;
        flex-direction: column;
        width:100%;
        height: auto;
        min-height: 5rem;
        background-color:transparent;
        position: absolute;
        box-shadow: 0px 1px 25px -17px #333;
        z-index:900;
        border-bottom: 1px solid #E3CBA1;
    }

    .logo img {
        width: 4rem;
    }

    .topHeader {
        width: 100%;
        padding:.25rem;
        max-width: 1300px;
        justify-content: space-between;
    }

    .topHeader .topHeadWrap img {
        width: .8rem;
        margin-right:1rem;
    }
    .leftTop img {
        width: .9rem;
        margin-right:.5rem;
    }
    .topHeader p {
        margin-right:.5rem;
        color:#fff;
        font-size:.9rem;
    }

    .leftTop a {
        margin-right:2rem;
        color:#fff;
        font-size:.9rem;
        display: flex;
        align-items: center;
        transition: all ease 300ms;
    }

    .topHeader a:hover {
        color:#CF7C38;
    }

    .mButtonWrap {
        display: none!important;
    }

    .mobileButton {
        display: none!important;
    }

    .headerAction a {
        display: flex;
        justify-content: center;
        align-items:center;
        width: 10rem;
        height: 2.5rem;
        border-radius: 3px;
        color: #ffffff;
        margin: 0 1rem;
        font-weight: 700;
        font-size: 1rem;
        transition: all ease 400ms;
        background-image: linear-gradient(180deg, #E3CBA1, #E3CBA1);
        background-size: 2% 100%;
        cursor: pointer;
        text-align: left;
        background-repeat: no-repeat;
        background-color: #222;
        border: 1px solid #444;
    }
    .headerAction a:hover {
        background-size: 100% 100%;
        color: #222;
    }
  /* ----------------------- Navigation Styles ----------------------- */
  ul#nav {
      display: flex;
      margin: auto;
      padding: 0;
      height:5rem;
  }
  
  #nav li {
    list-style-type: none;
    height:100%;
    cursor: pointer;
  }
  
  #nav li a {
    margin: 0 1.3rem;
    color: #fff;
    font-size: 1rem;
    height: 100%;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    cursor: pointer;
    text-decoration: none !important;
    transition: all ease 200ms;
  }
  
  #nav li:hover a {
    color:#CF7C38;
  }
  
  #Page3Link:hover:after {
    transform: rotate(0deg);
  }
  
  #Page3Link:after {
    content: "";
    width: 15px;
    height: 10px;
    margin-left: 7px;
    transform: rotate(180deg);
    background: transparent url(https://app.nitroflow.com/users/myteam48573/Media538.png) no-repeat 1px 1px;
    background-size: 12px;
    display: inline-block;
    transition: all ease 200ms;
  }
  #Page2Link:hover:after {
    transform: rotate(0deg);
  }
  
  #Page2Link:after {
    content: "";
    width: 15px;
    height: 10px;
    margin-left: 7px;
    transform: rotate(180deg);
    background: transparent url(https://app.nitroflow.com/users/myteam48573/Media538.png) no-repeat 1px 1px;
    background-size: 12px;
    display: inline-block;
    transition: all ease 200ms;
  }
  #Page6Link:hover:after {
    transform: rotate(0deg);
  }
  
  #Page6Link:after {
    content: "";
    width: 15px;
    height: 10px;
    margin-left: 7px;
    transform: rotate(180deg);
    background: transparent url(https://app.nitroflow.com/users/myteam48573/Media538.png) no-repeat 1px 1px;
    background-size: 12px;
    display: inline-block;
    transition: all ease 200ms;
  }
  .headerWrap {
    justify-content: space-between;
    width: 95%;
    height: 5rem;
    max-width: 1300px;
}
  
  ::marker {
      display: none;
  }
  
  #playerStatsLink {
    display: none!important;
  }
  
  #nav li:hover ul {
    opacity: 1;
    display: flex;
  }
  
  #nav li:hover a#Page3Link:after {
    transform: rotate(0deg);
  }
   
  #nav li ul {
    padding: 0;
    max-width: 520px;
    background-color: transparent;
    border: none;
    margin: auto;
    z-index: 999;
    flex-direction: column;
    max-height: 13rem;
    position: absolute;
    opacity: 0;
    display: none;
    top: 6.75rem;
    flex-wrap: wrap;
    transition: all ease 300ms;
}


#nav li ul li {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 14rem;
    background-color: #222;
    box-shadow: 0px 1px 10px -3px #000;
}
  
  #nav li ul li:hover {
    background-color:#CF7C38!important;
  }
  
  #nav li ul li:hover a {
      color: #fff!important;
  }
  
  #nav li ul li a {
    height: 2.5rem;
    padding-left: .5rem;
    border: none;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin: 0;
    font-size: 0.9rem;
    color: #fff !important;
    transition: all ease 0ms !important;
}
  
  #nav li ul li a:after {
    content: "";
    width: 15px;
    height: 10px;
    margin-left: 7px;
    transform: rotate(90deg);
    background: transparent url(https://app.nitroflow.com/users/myteam48573/Media538.png) no-repeat 1px 1px;
    background-size: 12px;
    display: inline-block;
    margin-right:.5rem;
  }
    /* ----------------------- Scroll To Top Styles ----------------------- */

    .scroll_top.scroll_to_top {
        display: flex;
        position: fixed;
        bottom: 0;
        right: 0;
        opacity: 1;
        background-color: #222;
        border-radius: 3px;
        padding: .4rem;
        cursor: pointer;
        z-index: 990;
        margin: 20px;
        transition: all 200ms ease;
    }
    .scroll_to_top:hover {
        background-color: #CF7C38;
    }
    
    .scroll_top {
        opacity: 0;
        z-index: 990;
    }



    .scroll_to_top img {
        width: 20px !important;
        height: 20px;
    }

    /* ----------------------- Body Styles ----------------------- */

    .main {
        width: 100%;
        height: auto;
        align-items: center;
    }

    .fadeBG {
        background-image: url("https://app.nitroflow.com/users/myteam48573/Media660.webp");
        background-size:100%;
        background-repeat:repeat;
        background-color:#f7f7f7;
    }

    .heroSection {
        width: 100%;
        height: 28rem;
        padding: 5rem 0;
        background-color: #222;
        background-image: url(https://app.nitroflow.com/users/myteam48573/Media657.webp);
        background-size: cover;
        background-position: 100% 70%;
    }

    .tierHero.heroSection h1 {
        font-size:5rem;
        width:90%;
        text-align:center;
        font-family: "MontBoldAlt1", sans-serif;
    }
    .tierHero.heroSection p {
        text-align:center;
    }

    .heroSection h1 {
        font-weight: 700;
        font-size: 4rem;
        color: #fff;
        max-width: 1150px;
    }

    .heroSection p {
        color: #fff;
        max-width: 52rem;
        font-size:1.3rem;
    }

    .heroButtons {
        margin-top:2rem;
    }

    .heroButtons a {
        display: flex;
        justify-content: center;
        align-items:center;
        width: 15rem;
        border: 1px solid #555;
        height: 3.5rem;
        border-radius: 3px;
        font-family: "WesternFont", sans-serif;
        color: #ffffff;
        font-weight: 700;
        font-size: 1.2rem;
        transition: all ease 400ms;
        background-image: linear-gradient(180deg, #E3CBA1, #E3CBA1);
        background-size: 2% 100%;
        cursor: pointer;
        text-align: left;
        background-repeat: no-repeat;
        background-color: #222;
    }
    .heroButtons a:hover {
        background-size: 100% 100%;
        color: #222;
    }

    #greenButton {
        background-image: linear-gradient(180deg, #222, #222);
        color: #222;
        background-color: #E3CBA1;
        margin-right:2rem;
        font-family:"WesternFont", sans-serif;
    }

    #greenButton:hover {
        color: #fff;
    }

    .mainIntro {
        width: 100%;
        padding: 4rem 0;
        background-color:#E3CBA1;
    }

    .mainIntroWrap {
        max-width: 1300px;
        text-align:center;
    }

    .mainIntro h1 {
        font-weight: 700;
        font-size: 2.5rem;
        margin:1rem;
        color: #222;
        width: 95%;
        max-width: 1300px
    }

    .mainIntro span {
        font-size:1.3rem;
    }

    .mainIntro p {
        font-size:1.1rem;
        max-width: 1300px; 
        width: 95%;
        line-height: 2rem;;
    }

    .industrySolutions {
        width: 100%;
        background-color:#f7f7f7;
        padding: 4rem 0;
    }

    .industrySolutions h1 {
        font-weight: 700;
        font-size: 2.5rem;
        margin:1rem;
        color: #222;
        width: 95%;
        max-width: 1300px;
        text-align:center;
    }

    .heroTransition {
        position: absolute;
        top:36.7rem;
    }
    .heroTransition .leftAngle,  .heroTransition .rightAngle, .heroTransition .centerAngle {
        background-color:#f7f7f7 ;
    }

    .industrySolutions span {
        font-size:1.3rem;
    }

    .industrySolutionsWrap {
        width: 100%;
        max-width: 1300px;
    
    }

    .industryCards {
        width: 100%;
        flex-wrap:wrap;
        max-width: 1500px;
    }

    .smallImg img {
        width: 2.5rem!important;
    }
    .marginImg img {
        margin-top: .5rem!important;
    }

    .iCard {
        width: 15rem;
        text-align: center;
        box-shadow: 0px 8px 14px -7px #000;
        border-radius: 5px;
        padding: 1rem;
        margin: 1rem;
        height: 17rem;
        background-color: #fff;
        justify-content: space-between;
        cursor: pointer;
        transition: all ease 300ms;
    }

    .iCard:hover {
        margin-top: 0;
        margin-bottom: 2rem;
        box-shadow: 0px 25px 24px -17px #000;
    }

    .iCard img {
        position: absolute;
        width:3rem;
        margin-top:1rem;
    }

    .iCard h2 {
        margin-top: 4.5rem;
        width: 95%;
        color:#222;
    }

    .iCard p {
        width: 100%;
        color:#222;
    }

    .topIcon {
        transition: all ease 300ms;
    }

    .topSpace {
        padding-top:10rem;
    }

    .iCard:hover .topIcon {
        opacity: 0;
    }
    .iCard:hover span{
        background-color:#CF7C38;
        color:#222;
    }

    .nitroSection {
        width: 100%;
        background-color:transparent;
    }
    .nitroWrap {
        max-width: 1300px; 
        width: 100%;
    }

    .tabsGroup {
        width: 33rem;
        margin-top:1rem;
        flex-wrap:wrap;
    }

    .tabsContent {
        max-width: 50%;
        margin-left:2rem;
        padding-left:2rem;
        border-left: 1px solid #CF7C38;
    }

    .tabInfo h2 {
        color: #111;
        font-size: 1.6rem;
    }
    .tabInfo p {
        color: #333;
        font-size: 1.2rem;
        line-height: 2rem;
    }

   .tabInfo a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 15rem;
        height: 3.5rem;
        border-radius: 3px;
        color: #ffffff;
        font-family: "WesternFont", sans-serif;
        font-weight: 700;
        font-size: 1.2rem;
        transition: all ease 400ms;
        background-image: linear-gradient(180deg, #CF7C38, #CF7C38);
        background-size: 2% 100%;
        cursor: pointer;
        text-align: left;
        background-repeat: no-repeat;
        background-color: #222;
    }
    .tabInfo a:hover {
        background-size: 100% 100%;
    }

    .activeTab {
        background-color:#CF7C38!important;
        color:#222!important;
    }

    .tabFeature {
        text-align: center;
        color: #fff;
        font-size: 1.1rem;
        font-weight: 700;
        width: 8rem;
        font-family: "WesternFont", sans-serif;
        padding: 1rem;
        margin: .5rem;
        transition: all ease 300ms;
        cursor: pointer;
        height: 6rem;
        border-radius: 5px;
        background-color: #222;
        box-shadow: 0px 5px 10px -15px #000;
    }

    .tabFeature:hover {
        background-color:#E3CBA1;
        color:#111;
    }

    .nitroSection span {
        font-size:1.3rem;
    }

    .nitroSection h1 {
        max-width: 1050px;
    text-align: center;
    font-family: "WesternFont", sans-serif;
    margin-top: .25rem;
    color: #222;
    font-size:2.3rem;
    font-weight:700;
    }

    .heroIcon img {
        width: 13rem;
    }

    .iCard span {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        background-color: #333;
        color: #fff;
        letter-spacing: 1px;
        font-size: 1rem;
        border-radius: 5px;
        font-weight: 700;
        height: 2.5rem;
        margin-top: 1rem;
        transition: all ease 300ms;
    }

    .whyNitro {
        width: 100%;
        padding: 6rem 0;
        background-color:#fff;   
    }

    .whyNitroWrap {
        width: 100%;
        max-width: 1300px;
    }

    .whyNitroList {
        width: 50%;
    }

    .whyNitro h1 {
        font-weight: 700;
        font-size: 2.5rem;
        color: #222;
        width: 95%;
        max-width: 1300px;
        margin-top:0;
        text-align: right;
    }

    .whyNitroList img {
        position: absolute;
        width: 2rem;
    }

    .nitroList:hover p {
        background-color:#222;
        color:#CF7C38;
    }

    .nitroList:hover .topIcon {
        opacity:0;
    }

    .whyNitroList p {
        margin-left: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        width: auto!important;
        padding: 0 1rem;
        background-color: #fff;
        color: #222;
        letter-spacing: 1px;
        line-height:normal;
        font-size: 1.2rem!important;
        border-radius: 5px;
        font-weight: 700;
        text-align:left!important;
        height: 3.5rem;
        transition: all ease 300ms;
    }

    .whyNitroWrap a {
        margin: 1rem;
    }

    .whyContentWrap span {
        display: flex;
        flex-direction: column;
        width:50%;
        align-items: flex-end;
        padding-right: 2rem;
        margin-right: 1rem;
        border-right: 5px solid #e5e5e5;
    }

    .whyContentWrap p {
        font-size: 1.1rem;
        max-width: 1300px;
        width: 95%;
        line-height: 2rem;
        text-align:right;
    }

    .homePrice {
        width: 100%;
        padding: 4rem 0;
        background-color:#f7f7f7;
    }

    .homePrice h1 {
        font-weight: 700;
        font-size: 2.5rem;
        color: #222;
        max-width: 1300px;
        margin-top: 0;
        text-align: center;
    }

    .priceBlock {
        margin: 1rem;
        cursor: pointer;
        border-radius: 5px;
        padding: 0;
        height:24rem;
        transition: all ease 300ms;
        box-shadow: 0px 18px 20px -15px #000;
    }
    .blockPriceTop {
        background-color: #333;
        border-top-right-radius: 6px;
        border-top-left-radius: 6px;
        color: #fff;
        width: 18rem;
    }
    .blockPriceTop h3 {
        font-size: 4rem;
        margin-top: 0;
        margin-bottom: 1.5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 2rem;
    }
    .blockPriceTop p {
        margin-bottom: 1rem;
        color: #CF7C38;
    }

    .blockPriceTop span {
        font-size: 1rem;
        line-height: 1rem;
        color: #bbb;
    }
    .blockPriceMain {
        background-color: #444;
        width: 18rem;
    }
    .blockPriceMain p {
        padding: 1rem 0;
        color: #fff;
    }
    .priceBlock a {
        display: flex;
        justify-content: center;
        align-content: center;
        color: #333;
        width: 18rem;
        font-weight: 700;
        font-size: 1rem;
        padding: 1.5rem 0;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        background-color: #CF7C38;
    }
    .priceBlock:hover {
        margin-top: 0;
        margin-bottom: 2rem;
        box-shadow: 0px 25px 25px -15px #000;
    }
    .priceBlock a:hover {
        background-color: #222;
        color: #fff;
    }

    .priceBlock:hover h3 {
        color:#CF7C38;
    }
    .blockPriceTop h4 {
        font-weight: 500;
        width: 95%;
        text-align: center;
    }

    .priceP {
        font-size: 1.1rem;
        max-width: 1300px;
        width: 95%;
        line-height: 2rem;
        margin-bottom:2rem;
        text-align: center;
    }

    a.priceMore {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 28rem;
        height: 3.5rem;
        border-radius: 3px;
        color: #ffffff;
        font-weight: 700;
        font-size: 1.2rem;
        transition: all ease 400ms;
        background-image: linear-gradient(180deg, #CF7C38, #CF7C38);
        background-size: 2% 100%;
        cursor: pointer;
        text-align: left;
        margin-top: 2rem;
        background-repeat: no-repeat;
        background-color: #222;
    }

    a.priceMore:hover {
        background-size:100% 100%;
        color:#222;
    }

    .contactSection {
        width:100%;
        background-color:transparent;
        padding: 4rem 0;
    }
    .contactSectionWrap {
        width: 100%;
        max-width: 1250px;
        background-color:#222;
        border-radius: 5px;
        padding: 1rem;
    }
    .contactFormWrap {
        width: 100%;
        height: 22rem;
        background-color:#222;
    }
    .contactZone {
        width: 90%;
        flex-wrap:wrap;
    }
    .callMail {
        margin: 0 1rem;
    }

    .contactZone h2 {
        font-weight: 700;
        font-size: 2.5rem;
        color: #E3CBA1;
        max-width: 1300px;
        margin-top: 0;
        text-align: left;
    }

    .formContact h2 {
        color:#CF7C38;
    }
    
    a.demoLink {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 28rem;
        height: 3.5rem;
        border-radius: 3px;
        color: #CF7C38;
        font-weight: 700;
        font-size: 1.2rem;
        transition: all ease 400ms;
        background-image: linear-gradient(180deg, #CF7C38, #CF7C38);
        background-size: 2% 100%;
        border: 1px solid #555;
        cursor: pointer;
        text-align: left;
        margin-top: 2rem;
        background-repeat: no-repeat;
        background-color: #222;
    }

    a.demoLink:hover {
        background-size:100% 100%;
        color:#222;
    }

    .contactZone p {
        font-size: 1.1rem;
        color:#fff;
        max-width: 1300px;
        line-height: 2rem;
        text-align: left;
    }

    .callMail a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 12.5rem;
        padding: .5rem;
        height: 2.5rem;
        border-radius: 3px;
        color: #CF7C38;
        font-weight: 700;
        font-size: 1rem;
        transition: all ease 200ms;
        cursor: pointer;
        text-align: left;
        margin-top: 2rem;
        background-repeat: no-repeat;
        border: 1px solid #CF7C38;
        background-color: #222;
    }

    .callMail a:hover {
        background-color:#CF7C38;
        color:#333;
        border: 1px solid #222;
    }

    .tierHero .heroWrap {
        max-width: 1300px;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .equineWrap {
        max-width: 880px;
        margin-left: 2rem;
    }
    .equineWrap h1 {
        font-size: 3rem;
        letter-spacing: .2rem;
        font-family: "WesternFont", sans-serif;
    }

    .heroNav {
        width: 100%;
        background-color:#CF7C38;
    }

    .heroNavWrap {
        width: 100%;
        max-width:1300px;
        height:2.5rem;
    }
    .heroNavWrap a {
        margin: 0 1rem;
        font-family: "WesternFont", sans-serif;
        color: #333;
    }
    .heroNavWrap a:hover {
        color:#fff;
    }
    .heroNavWrap img {
        width: 1rem;
    }

    .heroDemo h2 {
            color: #fff;
            max-width: 52rem;
            font-weight:300;
            font-size: 1.3rem;
    }

    .heroDemo p {
        width: 8rem;
        border-bottom: 1px solid #CF7C38;
        color: #fff;
        padding-bottom: .5rem;
        text-transform: uppercase;
        max-width: 52rem;
        font-size: 1.1rem;
    }

    .heroSupport p {
        border-bottom: 1px solid #CF7C38;
        color: #fff;
        width: 16rem;
        padding-bottom: .5rem;
        text-transform: uppercase;
        max-width: 52rem;
        font-size: 1.1rem;
    }
    .heroAbout p {
        border-bottom: 1px solid #CF7C38;
        color: #fff;
        width: 8rem;
        padding-bottom: .5rem;
        text-transform: uppercase;
        max-width: 52rem;
        font-size: 1.1rem;
    }
    .heroPrice p {
        border-bottom: 1px solid #CF7C38;
        color: #fff;
        width: 11rem;
        padding-bottom: .5rem;
        text-transform: uppercase;
        max-width: 52rem;
        font-size: 1.1rem;
    }

    .heroAbout h1 {
        font-size: 2.5rem;
        font-weight:700;
    }

    .heroContact h1 {
        font-size: 4.5rem;
        font-weight:700;
        margin-bottom: 1rem;
    }

    p.aboutIntro {
        font-size: 1.5rem;
        font-weight: 600;
        line-height: 2.2rem;
        color: #222;
    }
    .whatIsNitro {
        width: 100%;
        background-color:#f7f7f7;
    }

    .whatIsNitro span {
        border-bottom: 1px solid #CF7C38;
    color: #222;
    width: 13.5rem;
    padding-bottom: .25rem;

    font-size: 1.1rem;
    font-weight:700;
    }

    .whatIsNitroWrap {
        width: 90%;
        padding: 5rem 0;
        max-width: 1300px;
    }

    .whatIsLeft {
        width: 50%;
    }
    
    .whatIsLeft p {
        font-size: 1.1rem;
    max-width: 1300px;
    width: 95%;
    line-height: 2rem;
    margin-bottom: 1rem;
    text-align: left
    }

    .whatIsRight img {
        max-width: 770px;
        box-shadow: 0px 10px 30px -20px #000;
    }

    .whatIsRow {
        margin-top:2rem;
    }

    .sectionContent {
        width: 100%;
    }
    .sectionImg img {
        box-shadow: 0px 3px 30px -17px #000;
        margin: 1rem;
    }
    .sectionImg {
        width: 50%;
    }
    .colSection .sectionImg {
        width: 100%;
    }
    .colSection .sectionBlock {
        width: 100%;
        padding-left: 0;
        margin-left: 0;
        border:none;
        text-align:center;
    }

    .sectionContent p {
        color: #333;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .sectionContent p {
        color: #333;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    p.sectionWideP {
            color: #333;
            font-size: 1.2rem;
            line-height: 2rem;
            margin-top:2rem;
            text-align:center;
            max-width: 1100px;
    }

    p.pCaption {
        font-size:1rem;
    }

    .sectionImg img {
        width: 100%;
        border-radius: 10px;
    }

    .sectionBlock {
        width:50%;
        margin-left:1rem;
        padding-left: 1rem;
        border-left: 1px solid #CF7C38;
    }

    .whatIsNitroWrap p {
        font-size: 1.1rem;
        max-width: 1300px;
        width: 95%;
        line-height: 2rem;
        margin-bottom: 1rem;
        text-align: left
    }

    span.whatIsSpan {
        font-size:2rem;
        width:24.5rem;
        margin-bottom:1rem;
    }

    .badOptions {
        align-items:flex-start;
        justify-content: center;
    }

    .bOption{
        max-width: 500px;
    }

    .orOption {
        height: 100%;
        margin-top:10rem;
        font-family: "WesternFont", sans-serif;
    }

    .orOption p {
        font-size:2rem;
         margin:.5rem;
    }

    .bOption p {
        font-size:1.2rem;
    }

    .bOption img {
        max-width: 500px;
        border-radius: 10px;
        margin-bottom:1.5rem;
        box-shadow: 0px 20px 15px -20px #000;
    }

    .neitherP {
        font-size:2rem;
        font-family: "WesternFont", sans-serif;
        text-align:center;
    }

    .aboutFeaturesTitle {
        width: 100%;
        padding: 2rem 0; 
        background-color:#f7f7f7;
    }

    .aboutFeaturesTitle p {
        font-size: 1.1rem;
        max-width: 1300px;
        width: 95%;
        line-height: 2rem;
        margin-bottom: 1rem;
        text-align: center;
    }

    .aboutFeaturesTitleWrap {
        width: 95%;
        max-width: 1300px;
    }
    .aboutFeaturesTitleWrap h1 {
        font-size:3rem;
        font-weight: 700;
        color:#222;
        margin: 1rem;
    }
    .aboutInt {
        width: 100%;
        padding: 5rem 0;
        background-color:transparent;
    }
    .aboutIntWrap {
        width: 90%;
        max-width: 1300px;
    }

    .aboutIntWrap h1 {
        font-size: 3rem;
        font-weight: 700;
        color: #222;
        margin: 1rem;
        text-align:center;
        font-family: "WesternFont", sans-serif;
    }

    .aboutIntWrap p {
        font-size: 1.1rem;
        max-width: 1300px;
        color:#222!important;
        width: 95%;
        text-align: center;
    }

    .intItem {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        height: 10rem;
        margin:1rem;
    }

    .integrationsAbout {
        width: 95%;
        flex-wrap:wrap; 
        margin-top:1rem;
    }
    .intBubble img {
        width:4rem;
    }
    .intBubble {
        background-color:#fff;
        border-radius:10rem;
        display: flex;
        height: 5rem; 
        width: 5rem;
        justify-content: center;
        align-items: center;
    }

    .contactIntro h1 {
        font-size:1.3rem;
        max-width:400px;
        line-height: 2rem;;
        font-weight: 400;
    }
    .contactIntro a {
        font-size:1.5rem;
        max-width:400px;
        font-weight: 400;
        color:#222;
    }
    .contactIntro a:hover {
        color:#fff;
    }

    .messageNitro {
        width: 100%;
    }

    .messageNitroWrap {
        width:95%;
        max-width:1300px;
    }

    .mainContact {
        margin-top: 5rem;
    }

    .contactBasic {
        width: 30rem;
        color:#fff;
    }
    .contactBasic a {
        color:#CF7C38;
        transition: all ease 300ms;
        font-size:1.2rem;
        margin: .5rem 0;
    }
    .contactBasic a:hover {
        color:#fff;
    }
    .contactBlock {
        margin-bottom:3rem;
    }

    .priceRow {
        flex-wrap: wrap;
        max-width: 1300px;
    }

    .cAccount {
        background-color:#222;
        margin:5rem 0;
        width: 100%;
    }

    .getStarted h1 img {
        width: 2rem;
        margin-right:1rem;
    }
    .getStarted h1  {
        width: 90%;
        color:#111;
        text-align:center;
        font-size:3rem;
        max-width: 1300px;
    }
    .getStarted h2  {
        font-weight:normal;
        font-size:1.2rem;
    }
    .getStarted h3  {
        font-weight:bold;
        width: auto;
        font-size:1.2rem;
    }
    .getStarted h4  {
        font-weight:bold;
        width: 100%;
        text-align:center;
        font-size:1.2rem;
    }
    .getStartedBlockWrap {
        width: 95%;
        max-width: 1300px;
    }
    .getStartedBlock {
        text-align:center;
    }
    .getStarted {
        background-color:#f7f7f7;
        width: 100%;
        padding: 4rem 0;
    }
    .getStarted ul {
        line-height:1.5rem;
    }
    .getStarted li {
        margin:.5rem;
    }
    .tradeShow h2 {
        color: #ddd;
        font-size: 1.5rem;
        max-width: 1300px;
        font-weight: 400;
        width: 95%;
        line-height: 3rem;
        margin-bottom: 0rem;
    }
    .gr-vimeo-container {
        position: relative;
        overflow: hidden;
        width: 100%;
        max-width:900px;
        min-height:30rem;
      }
      
      /* Then style the iframe to fit in the container div with full height and width */
      .responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
      }
    
    .TradeShowUL {
        width: 95%;
        font-weight:800;
    }
    
    .tradeShow p {
        width:12rem;
    }
    .importVideoWrapper {
        width:100%;
        max-width: 1300px;
    }
    /* ----------------------- CreateAccountForm ----------------------- */



    /* ----------------------- Ported Styles ----------------------- */

    .tierTwoZone {
        width: 100%;
        background-color:#f7f7f7;
        padding: 4rem 0;
    }

    .tierTwoRow {
        width: 100%;
        max-width: 1300px;
        margin: 2rem 0;
    }
    .tierTwoRow img {
        box-shadow: 0px 10px 30px -15px #000;
        border-radius: 5px;
        width:35rem;
    }
    .tierTwoRow p {
        font-size: 1.1rem;
        max-width: 1300px;
        width: 100%;
        color: #333;
        line-height: 2rem;
    }


    .tierTwoRow h1 {
        font-weight: 700;
        font-size: 1.5rem;
        margin: 1rem 0rem;
        color: #222 !important;
        width: 100%;
        display: flex;
        align-items: center;
        max-width: 1300px;
    }

    .tierTwoRow h1 img {
        box-shadow:none;
        width: 2rem;
        border-radius:0!important;
        margin:0 1rem;
    }

    .tierTwoRow li {
        font-size: 1.1rem;
        max-width: 1300px;
        width: 95%;
        color: #555;
        margin: 0 2rem;
        line-height: 1.8rem;
    }

    .flipTier {
        justify-content: flex-end;
    align-items: flex-end;
    text-align: right;
    }

    .flipTier.tierTwoRow h1 {
        justify-content: flex-end;
    }

    .lineRight {
        margin-right: 2rem;
        padding-right: 2rem;
        border-right: 1px solid #CF7C38;
    }

    .lineLeft {
        margin-left: 2rem;
        padding-left: 2rem;
        border-left: 1px solid #CF7C38;
    }
    .featureButton a {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .containerTerms {
        width: 90%;
        max-width: 1300px;
        line-height: 1.8rem;
        font-size:1.1rem;
        color:#111;
        margin-bottom:2rem;
        margin-top:1rem;
    }

    .containerTerms p {
       margin-top:1rem;
    }


/*-- Compare---------------------------------------------------------------*/


.compareInfo table {
    margin-top: 5rem;
    max-width: 1200px;
    border-spacing: 2px;
    border-collapse: collapse;
    box-shadow: 0px 10px 30px -10px #000;
    margin-bottom:5rem;
}

.compareInfo table thead tr {
  background-color:#151515;
  color:#fff;
  height:4rem;
}

.compareInfo table tr td:nth-child(1) {
  background-color:#CF7C38!important;
  color:#222;
  font-size:1.2rem;
  font-weight:700;
}

.compareInfo table tr td:nth-child(2) {
text-align:center;
color:#CF7C38;
}

.compareInfo table tr td:nth-child(3) {
text-align:center;
}

.compareInfo table thead tr th {
  font-size:1.5rem;
  letter-spacing: .02rem;
}


.compareInfo table td {
      padding: 6px;
      background-color:#222;
      border: 1px solid #333;
      color:#fff;
      text-align: left;
      font-weight: 300;
      width: 20rem;
      padding: 10px !important;
}

.compareOptions {
  height:100%;
  margin-top: 5rem;
}

.compareTables table {
  display:none;
}

.activeTable {
  display: block!important;
}

.activeClick {
  background-color:#CF7C38!important;
  color:#fff;
  width: 13rem!important;
  font-weight:bold;
  border:8px solid #CF7C38!important;
  border-color:#CF7C38!important;
}

.activeClick span {
  display:flex!important;
}

.compareClick:hover span  {
  display:flex!important;
}

.compareClick:hover {
  background-color:#CF7C38!important;
  border-color:#CF7C38!important;
}

@keyframes swoopLeft {
0% {
  opacity: 0;
  border-left: 1px solid #CF7C38;
  margin-left:4rem;
}

70% {
 margin-left:.5rem;
border-left: 1px solid #CF7C38;
}

100% {
 opacity: 1;
  border-left: 1px solid #111;
}
}

.compareClick span {
  display: none;
  color:#111;
  margin-left:.5rem;
  padding-left:.5rem;
  animation-name: swoopLeft;
    border-left: 1px solid #111;
animation-duration: .5s;
}

.compareClick p {
  display: none;
}

.compareClick {
  display:flex;
  justify-content: flex-start;
  align-items: center;
  height:auto;
  cursor:pointer;
  background-color:#111;
  color:#fff;
  width: 14rem!important;
  font-weight:bold;
  border:8px solid #111;
}

.compareClick img {
  width:7.5rem;
  border-radius:3px;
}

.compareTop {
  margin-top:10rem;
}
.compareTop h1 {
color: #fff;
z-index: 10;
font-size: 2.5rem;
font-weight: 700;
text-align:center;
width:90%;
}
.compareTop p {
color: #CF7C38;
text-align:center;
z-index: 10;
font-size: 1rem;
}

/* ----------------------- Trail Styles ----------------------- */
    
    /* ----------------------- Transition Styles ----------------------- */
    .blackBG.transitionUp, .blackBG.transitionDown {
        background-color:#222222;
    }

    .greyBG.transitionUp, .greyBG.transitionDown {
        background-color:#f7f7f7;
    }
    .whiteFG .leftAngle, .whiteFG .rightAngle, .whiteFG .centerAngle {
        background-color:#ffffff;
    }
    .greenFG .leftAngle,.greenFG .rightAngle,.greenFG .centerAngle {
        background-color:#CF7C38;
    }
    .greyFG .leftAngle,.greyFG .rightAngle,.greyFG .centerAngle {
        background-color:#f7f7f7;
    }

    .transitionUp {
        width: 100%;
        height:1.3rem;
    }
    .transitionDown {
        width: 100%;
        height:1.3rem;
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1);
    }

    .leftAngle {
        height: 1.3rem;
        width: 2rem;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    }
    .centerAngle {
        height:1.3rem;
        width:100%;
        max-width: 1200px;
    }
    .rightAngle {
        height: 1.3rem;
        width: 2rem;
        clip-path: polygon(0 0, 0% 100%, 100% 100%);
    }

    .featuresZone {
        width: 100%;
        margin: 4rem 0;
    }

    .featuresWrap {
        width:100%;
        max-width: 1300px;
        height: auto;
        flex-wrap: wrap;
    }

    .featureButton p {
        color:#fff;
        text-align:center;
    }

    .featureButton {
        width: 16rem;
        height: 13rem;
        padding: 1rem;
        border-radius: 5px;
        background-repeat: no-repeat;
        background-color: #222;
        margin: 1rem;
        transition: all ease 300ms;
        background-image: linear-gradient(90deg, #CF7C38, #CF7C38);
        background-size: 100% 2%;
        box-shadow: 0px 10px 20px -20px #000;
    }

    .featureButton img {
        width: 4rem;
        margin-bottom:6rem;
        position: absolute;
    }

    .featureButton h2 {
        margin-top: 6rem;
        font-size: 1.2rem;
        text-align: center;
        font-family: "MontBoldAlt1", sans-serif;
        color: #fff;
    }

    .featureButton .topFIcon {
        z-index: 300;
        transition: all ease 300ms;
    }

    .featureButton:hover .topFIcon {
        opacity: 0;
    }

    .featureButton:hover {
        background-size: 100% 100%;
        box-shadow: 0px 20px 50px -20px #000;
        margin-top:0rem;
        margin-bottom:2rem;
    }
    .featureButton:hover h2 {
        color:#fff;
    }

    .featurePick {
        width:100%;
        margin: 5rem 0;
    }

    .featurePickWrap {
        width:100%;
        max-width: 1300px;
        flex-wrap: wrap;
    }

    .pickBlock {
        width: 24rem;
        height: 30rem;
        text-align:center;
        margin:1rem; 
        justify-content: space-between;
        align-items: center;
        box-shadow: 0px 10px 30px -20px #000;
    }

    .pickBlock img {
        width: 5rem;
        min-height:5rem;
        margin-top:2rem;
    }

    #tests {
        font-family: "MontBoldAlt1", sans-serif;
        color: #111;
        font-size:21rem;
    }

    .pickBlock p {
        width: 90%;
        font-size:1.1rem;
        color: #555;
        line-height: 1.5rem;
    }

    .pickBlock span {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items:center;
        font-family: "MontBoldAlt1", sans-serif;
        height:3rem;
        color:#fff;
        font-size:1.3rem;
        background-color:#111;
    }

    .pickBlock h2 {
        font-family: "MontBoldAlt1", sans-serif;
        color:#222;
        margin:0;
    }

    /* ----------------------- Footer Styles ----------------------- */

    footer {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 4rem 0;
        background-color:transparent;
    }

    .footerWrap {
        width: 100%;
        max-width: 1300px;
    }

    .topFooter {
        width: 100%;
        justify-content: space-between;
        border-bottom: 1px solid #bbb;
    }

    .footerBlock {
        width: 20%;
        margin: 2rem;
    }

    .footerBlock img {
        width: 10rem;
        margin-bottom: 1rem;
    }

    .footerBlock h3 {
        margin-top:0;
        font-family: "WesternFont", sans-serif;
        color:#333;
    }
    .footerBlock p {
        font-size: 1rem;
        line-height:normal;
        text-align: left;
        margin-bottom:1rem;
        font-weight: 600;;
    }
    .footerBlock a {
        font-size: 1rem;
        line-height:normal;
        text-align: left;
        margin-bottom:.3rem;
        color:#555;
    }
    .footerBlock a:hover {
        color:#CF7C38;
    }

    .footerBlockContact {
        padding-top:2rem;
        margin-top:1rem;
        border-top: 1px solid #eee;
    }

    .footerBlockContact span {
        font-size:.8rem;
        color:#000;
    }

    .midFooter {
        border-bottom: 1px solid #bbb;
    }

    .midBlock {
        margin: 2rem;
        min-width:12rem;
    }

    .midBlock h3 {
        margin-top: 0;
        font-family: "WesternFont", sans-serif;
        color: #333;
    } 

    .midBlock a {
        font-size: 1rem;
        line-height:normal;
        text-align: left;
        margin-bottom:.3rem;
        color:#222;
        font-weight: 700;
    }
    .midBlock a:hover {
        color:#CF7C38;
    }

    .midP {
        font-size: 1.1rem;
        max-width: 1300px;
        line-height: 2rem;
        text-align: left;
    }
    .bottomFooter {
        width: 100%;
        justify-content: space-between;
    }

    .bottomBlock {
        width: 50%;
        margin: 1rem 2rem;
    }
    .bottomBlock a {
        color:#555;
    }
    .bottomBlock a:hover {
        color:#CF7C38;
    }
    .bottomBlock a img {
        width: 1.5rem;
    }

    .bottomBlock p a {
        margin:0 .5rem;
    }


/* ----------------------- Mobile Styles ----------------------- */
@media only screen and (max-width: 1500px) {
    .checkpointName {
        font-size:8px!important;
    }
}

    @media only screen and (max-width: 1400px) {
        .contactBasic {
            width: 20rem;
        }
        .heroWrap{
            width: 90%;
        } 
        .headerAction a {
            width: 9rem;
            margin: 0 .5rem;
        }
        #nav li a {
            margin: 0 1rem;
        }
        .priceRow {
            justify-content: center;
        }
        .checkpointName {
            display: none;
        }
    }
    @media only screen and (max-width: 1300px) {
        .heroContact h1 {
            font-size: 3.5rem;
        }
        
        .contactBasic {
            width: 16rem;
        }
        #teamFields {
            justify-content: center!important;
        }
        #teamFields li {
            width: 18rem!important;
        }
        .whatIsNitro span {
            padding-bottom: 0rem;
        }
        .whatIsNitroWrap p {
            width: 95%;
            line-height: 1.5rem;
        }
        .whatIsRight img {
            max-width: 570px;
        }
        .contactZone h2 {
            font-size: 2rem;
        }
        .contactSectionWrap {
            width:95%;
        }
        .intItem {
            transform: scale(.8);
        }

        .featuresWrap {
            justify-content: center;
        }

        .tierTwoRow {
            width:90%;
        }
        .pickBlock {
            width: 21rem;
            height: 30rem;
        }

    }
    @media only screen and (max-width: 1250px) {
        .headerAction a {
            width: 8rem;
            height: 2rem;
            margin: 0 .35rem;
            font-weight: 600;
            font-size: .9rem;
        }
        #nav li a {
            margin: 0 .5rem;
            font-size: .9rem;
        }
        .logo img {
            width: 3rem;
        }
    }
    @media only screen and (max-width: 1150px) {
        .rowWrap {
            flex-direction: column;
        }
        .rightTierRow {
            justify-content: center;
            align-items: center;
        }
        .leftTierRow {
            justify-content: center;
            align-items: center;
        }
        .tierTwoRow h1 {
            justify-content: center!important;
        }
        .lineLeft {
            margin:1rem;
            padding-left: 0rem;
            border-left:none;
            align-items: center;
        }
        .lineRight {
            margin:1rem;
            padding-right: 0rem;
            border-right:none;
            align-items: center;
        }
        .masterCheckpoint {
            display: none!important;
        }
        .leftTop a {
            font-size:.8rem;
        }
        .topHeader .topHeadWrap img {
            width: .8rem;
            margin-right: .3rem;
        }
        .topHeadWrap {
            margin-left: .5rem;
        }

.whyNitro h1 {
    font-size: 2rem;
}

    }
    @media only screen and (max-width: 1105px) {
        .heroContact h1 {
            font-size: 2.5rem;
        }
        .contactBlock h2{
            font-size:1.2rem;
        }
        .contactBasic a {
            font-size: 1rem;
        }
        .heroSection p {
            font-size: 1rem;
        }
        .whatIsRight img {
            max-width: 570px;
        }
        .whatIsLeft {
            width: 100%;
        }
        .whatIsNitroWrap p {
            margin: 2rem 0;
        }
        .whatIsRight {
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .whatIsRow {
            flex-direction: column-reverse;
        }
        .pickBlock h2 {
            font-size:1.2rem;
        }
        .pickBlock p {
            width: 95%;
            font-size: 1rem;
        }
        .pickBlock img {
            width: 3rem;
            min-height:0%;
            margin-top: 2rem;
        }
        .pickBlock span {
            font-size: 1.1rem;
        }
        .pickBlock {
            width: 18rem;
            height: 27rem;
        }
        .contactZone p {
            font-size: 1rem;
        }
        a.demoLink {
            width: 95%;
        }
        .contactZone {
            padding:1rem;
            margin-left: 1rem;
            padding-left: 1rem;
        }

.contactFormWrap {
   justify-content: center;
   align-items:center;
}
.contactFormWrap #signupForm {
    margin:0!important;
}
    }
    @media only screen and (max-width: 1050px) {
        .topFooter {
            flex-wrap:wrap;
        }
        .footerBlock {
            margin: 2.5rem;
            width: 15rem;
        }
       
        /*------------- Mobilestyles -----------------------*/

        .headerAction {
            display: none;
        }

        #nav {
            display: none!important;
        }
        
        #nav.showMobileMenu {
            display: flex!important;
        }
        .mButtonWrap {
            display: flex!important;
            height: 100%;
        }
        .mobileButton {
            display: flex!important;
            background-color:#CF7C38;
            border-radius: 2px;
            height: 2.5rem;
            width: 3rem;
            cursor:pointer;
            transition: all ease 300ms;
        }
        .mobileButton:hover {
            background-color:#222;
        }
        .mobileButton:hover .mLine {
            background-color:#fff;
        }
        .mLine {
            height: 2px;
            width: 1.3rem;
            background-color: #222;
            margin: .15rem 0;
        }
        ul#nav {
            display: flex;
            flex-direction: column;
            position: absolute;
            background-color: #222;
            width: 100%;
            padding-left: 0rem;
            left: 0;
            height: auto;
            top: 5rem;
        }
        #Page2Link {
            pointer-events: none;
        }
        #Page3Link {
            pointer-events: none;
        }
        #Page6Link {
            pointer-events: none;
        }
        #nav li ul {
            position: relative;
            margin: 0rem 0rem 0rem 1rem;
            top: 0;
            border: none;
            flex-direction:row;
            max-height:100%;
            max-width: 100%;
        }
        #nav li a {
            padding: .5rem;
            box-shadow: 0px 2px 10px -4px #000;
            height: 2rem;
            margin: .5rem;
        }
        #nav li ul li a {
            height: 1.5rem;
        }
     }
    @media only screen and (max-width: 1000px) {
        .tierHero.heroSection h1 {
            font-size: 3rem;
        }
        #teamFields input {
            width: 11rem!important;
        }
        #teamFields li {
            width: 12rem!important;
        }
        #teamFields label {
            width: 11rem!important;
        }
        #field_User2 textarea {
            width: 100%!important;
        }
        #field_User2 label {
            width: 100%!important;
        }
       .topHeader {
        display: none;
       }
       .aboutFeaturesTitleWrap h1 {
        font-size: 2rem;
        text-align: center;
    }
    .aboutFeaturesTitle p {
        font-size: 1.1rem;
        line-height: normal;
    }
    }
    @media only screen and (max-width: 930px) {
        .whyNitro h1 {
            font-size: 1.5rem;
        }
        .footerBlock {
            margin: 1.5rem;
            width: 20rem;
        }
    }
    @media only screen and (max-width: 900px) {
        .compareClick {
            margin: .5rem;
        }
        .compareInfo {
            flex-direction: column-reverse;
        }
        .compareOptions {
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: center;
        }
        .tierHero.heroSection h1 {
            font-size: 3rem;
        }
        .midFooter {
            flex-wrap:wrap;
        }
        .aboutIntWrap h1 {
            font-size: 2rem;
        }
        .intItem {
            margin:.25rem;
        }
        .featurePick {
           margin-top:0rem;
        }
        .contactSectionWrap {
            flex-direction: column-reverse;
            width: 80%;
        }
        .midBlock {
            margin: 2rem;
            min-width: 90%;
        }
        .contactZone {
            padding: 0rem;
            margin-left: 0rem;
            padding-left: 0rem;
            border:none;
            width:90%;
        }
        a.demoLink {
            width: 100%;
        }
        .callMail a {
            width: 50%;
        }

.homePrice h1 {
    font-size: 2rem;
}
        .whyNitroList img {
            width: 1.5rem;
        }
        .whyNitroList p {
            margin-left: 2rem;
            font-size:1rem;
        }
        .heroSection h1 {
            font-size: 2rem;
        }
        .mainIntro h1 {
            font-size:2rem;
        }
        .industrySolutions h1 {
            font-size: 2rem;
        }
    }
    @media only screen and (max-width: 750px) {
        .bottomFooter {
            width: 90%;
            justify-content: center;
            flex-wrap: wrap;
        }
        .mainContact {
            flex-direction: column;
        }
        .rowWrap {
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        .contactBasic {
            width: 90%!important;
            flex-direction: row;
            flex-wrap:wrap;
            align-items: flex-start;
            justify-content: center;
        }
        .contactBlock {
            margin: 1rem;
        }

        .scroll_top {
            display:none!important;
        }
        .bottomBlock {
            width: 90%;
            text-align:center!important;
            flex-direction: column;
            justify-content: center!important;
        }
        .bottomBlock p {
            text-align:center!important;
        }
        .topFooter {
            justify-content: center;
        }
        .footerBlock {
            margin: 1.5rem;
            width: 17rem;
        }
        .whyContentWrap {
            flex-direction: column;
            align-items: center;
        }
        .whyContentWrap span {
            width: 90%;
            align-items: center;
            padding-right: 0;
            margin-right: 0;
            border-right: none;
        }
        .whyNitro h1 {
            text-align: left
        }
        .whyContentWrap p {
            text-align: left;
        }
        .whyNitroList {
            width: 90%;
        }
    }
    @media only screen and (max-width: 700px) {
        .footerBlock {
            margin: 1.5rem;
            width: 15rem;
        }
        .whatIsRight img {
            max-width: 90%;
        }
        .flipTier {
            justify-content: center;
            align-items: center;
            text-align: center;
        }
    }
    @media only screen and (max-width: 600px) {
        .tierTwoRow p {
            width:90%;
        }
        .tierTwoRow h1 img {
            width: 4rem!important;
        }
        .mainContact #signupForm {
            margin: 1rem 0rem;
        }
        .leftTierRow {
            justify-content: center;
            align-items: center;
        }
        .rightTierRow {
            justify-content: center;
            align-items: center;
        }
        .leftTierRow p {
            justify-content: center;
            align-items: center;
            margin-left:0!important;
            margin-right:0!important;
        }
        .rightTierRow p {
            justify-content: center;
            margin-left:0!important;
            margin-right:0!important;
            align-items: center;
        }
        .rightTierRow img {
            width:90%!important;
            height:auto!important;
            margin: 1rem !important;
        }
        .leftTierRow img {
            width:90%!important;
            height:auto!important;
            margin: 1rem !important;
        }

#field_User2 {
    width: 90%!important;
}
        #field_User2 label {
            width: 90% !important;
        }
        #field_User2 textarea {
            width: 90% !important;
        }
        #signupForm h2 {
            font-size: 1.5rem!important;
        }
        #teamFields li {
            width: 90% !important;
        }
        #teamFields label {
            width: 90%!important;
        }
        #teamFields input {
            width: 90%!important;
        }
        .compareInfo table thead tr th {
            font-size: 1rem;
            letter-spacing: .02rem;
        }
        .compareInfo table td {
            font-size: .8rem;
        }
        .compareInfo table tr td:nth-child(1) {
            font-size: 1rem;
        }
        .homePrice h1 {
            font-size: 1.5rem;
        }
        .aboutFeaturesTitleWrap h1 {
            font-size: 1.5rem;
        }
        .aboutFeaturesTitle p {
            font-size: 1rem;
            line-height: normal;
        }
        p.aboutIntro {
            font-size: 1.2rem;
            line-height: 1.8rem;
        }
        .mainIntro h1 {
            font-size: 1.5rem;
        }
        .heroSection h1 {
            font-size: 1.5rem;
        }
        .tierHero.heroSection h1 {
            font-size: 2rem;
        }
        .footerBlock {
            margin: 1rem 0;
            width:90%
        }

a.priceMore {
    width: 90%;
}
.tierTwoRow h1 img {
    margin: 1rem;
    width:4rem;
}
.tierTwoRow h1 {
    flex-direction: column;
    text-align: center;
}
.tierTwoRow p {
    font-size: 1rem;
    text-align: center;
}
        .priceP {
            font-size: 1rem;
        }
        .callMail {
            flex-direction: column;
        }
        .callMail a {
            margin:1rem!important;
            width: 100%;
            padding:0;
        }
        .whyContentWrap p {
            font-size:1rem;
        }
        .formContact h2 {
            text-align:center;
        }
        .whyNitroList p {
            letter-spacing:normal;
            line-height:normal;
            width:100%;
        }
        .heroSection p {
            font-size: 1rem;
        }
        .heroButtons a {
            font-size:1rem;
            width: 12rem;
            height: 2.5rem;
            margin:1rem 0;
        }
        .mainIntro span {
            font-size: 1rem;
        }
        .industrySolutions span {
            font-size: 1rem;
        }
        .mainIntro p {
            font-size: 1.rem;
        }
        #nav li ul li {
            width: 95%;
            margin: .25rem 0rem;
        }
        #nav li ul {
            margin:0;
            justify-content: center;
        }
       
    }
    @media only screen and (max-width: 475px) {
        .compareInfo table tr td:nth-child(1) {
            font-size: .7rem;
        }
        .aboutIntWrap h1 {
            font-size: 1.5rem;
        }
        .compareInfo table thead tr th {
            font-size: .7rem;
        }
        .aboutIntWrap p {
            font-size: 1rem;
        }
        .intItem {
            transform: scale(.7);
            margin:0;
        }
        span.whatIsSpan {
            font-size: 1.5rem;
            border:none;
            width: 90%;
            margin-bottom: 0rem;
        }
        .whatIsNitroWrap p {
            font-size: 1rem;
        }
        .heroSection h1 {
            font-size: 1.2rem;
        }
        p.aboutIntro {
            font-size: 1rem;
            line-height: 1.4rem;
        }
        .heroNavWrap a {
            font-size: .8rem;
            margin: .25rem;
        }
        #greenButton {
            margin-right:1rem;
        }
        .mainIntro h1 {
            font-size:1.5rem;
            margin: 1.5rem 0;
        }
        a.priceMore {
            font-size:1rem;
        }
        .contactSection #teamFields textarea {
            width: 90%!important;
        }
        .contactSection #teamFields input {
            width: 90%!important;
        }
    }
    @media only screen and (max-width: 415px) {
        .heroNavWrap a {
            font-size: .7rem;
            margin: .25rem;
        }
        .heroButtons {
            flex-wrap:wrap;
        }
        .heroButtons a {
            width:100%
        }
        #greenButton {
            margin-right:0
        }
    }