.CMCHeaderContainer
{
  padding: 0px !important;
}

.ncsHome 
{
  /* ipad needs no-repeat, cover and scroll instead of fixed */
  background: url(/Nibble/public/NibbleHome.jpg); 
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; 
  b ackground-position: static;
  
    background-attachment: fixed; 
  
  padding-top:130px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  
    border-bottom: 20px solid #153872;
  
}
  
.ncsHomeScroll
{
  display:none;
  position:absolute;
  left: 50%;
  bottom:0px;
}

.ncsHomeScroll A, .ncsHomeScroll A:Active, .ncsHomeScroll A:Link, .ncsHomeScroll A:Visited
{
  position:relative;
  background-color: #153872;
  border-radius: 10px;
  padding: 10px 20px 10px 20px;
  text-align: center;
  cursor:hand;
  cursor:pointer;
  left:-50%;
  color:#fff;
  text-decoration: none;
}

.ncsHomeText
{
  background-color:#153872; 
  color:#fff;
  opacity: 0.95;
  -moz-box-shadow: 10px 10px 20px #b0b0b0;
  -webkit-box-shadow: 10px 10px 20px #b0b0b0;
  box-shadow: 10px 10px 20px #b0b0b0;
  width: 50%;
  margin:auto;
  padding: 40px 30px 30px 30px;
  border-radius: 10px;
}

  
#oSolPreviewBtn:hover, #oCustomerBtn:hover
{
  b ackground-color:#fff;
  c olor:Navy;
}

#oSolPreviewBtn
{
  cursor:hand;
  cursor:pointer;
  color:#fff;
  font-size:16pt;
  background-color:#df1010;
  border-radius: 4px;
  width: 200px;
  margin:auto;
  padding: 5px;
}

#oCustomerBtn
{
  cursor:hand;
  cursor:pointer;
  font-size:16pt;
}

#ncsTlbLogo 
{
  v isibility:hidden;
}

#ncsTlbLogo DIV
{
  d isplay:inline-block !important;
}

.ncsClients
{
  text-align:center;
}

.ncsClient
{
  padding: 20px 0px 10px 0px;
  display:inline-block;
  text-align:left;
  padding: 30px;
  b order: 1px solid #c0c0c0;
  min-height: 200px;
  h eight: 100%;
  vertical-align: middle;
}

.ncsClient IMG
{
  width: 250px;
  m argin: auto;
}

.ncsClientText
{
  text-align: center;
}

.ncsSolutions
{
  margin-top:150px;
  vertical-align: top;
  background-image: url(/Nibble/public/bluewaves.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: static; 
  padding: 0px 20px 100px 20px;
  text-align:center;
  overflow: auto;
}

.ncsSolPreviews
{
}

.ncsSolPreview
{
  vertical-align: top;
  background-color:#fff;
  color:#525252;
  text-align: left;
  padding:40px;
  width: 300px;
  display:inline-block;
  m in-height: 440px;
  box-sizing: border-box;
  margin-right: 20px;
  margin-bottom: 20px;
  min-height: 330px;
  position:relative;
  overflow: hidden;
}

.ncsSolLabel
{
  height: 170px;
  position:relative;
}

.ncsCustNotApp
{
  display:inline-block;
  padding: 0 5px 0 5px;
  color:#df0000;
  f ont-size:20pt;
  font-weight: bolder;
}

.ncsSolName
{
  padding-top:10px;
  font-size: 14pt;
  margin: 0px;
}

.ncsSolCustomer
{
  font-size: 10pt;
}

.ncsSolCustomer IMG
{
  margin-bottom:10px;
  max-width:200px;
  max-height:80px;
}

.ncsSolLabel .ncsSolCustomer
{
  text-align:center;
  position:absolute;
  bottom: 0px;
  width:100%;
}

.ncsSolURL
{
  padding-top:10px;
  text-align:right;
}

.ncsSolURL A, .ncsSolURL A:Active, .ncsSolURL A:Link, .ncsSolURL A:Visited
{
  color: #fff;
}


.ncsSolPreview:hover .ncsSolDesc

{
  -ms-transform: translate(0px) rotate(0deg) !important;
  -webkit-transform: translate(0px) rotate(0deg) !important;
  transform: translate(0px) rotate(0deg) !important;
}

.ncsSolDesc
{
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  width: 100%;
  height: 100%;
  background-color:#000;
  opacity: 0.94;
  box-sizing: border-box;
  -ms-transform: translate(300px) rotate(-180deg);
  -webkit-transform: translate(300px) rotate(-180deg);
  transform: translate(300px) rotate(-180deg);
  -ms-transition: all 300ms ease-out;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.ncsSolDescText
{
  position:absolute;
  bottom:0;
  left:0;
  width: 100%;
  color:#fff;
  text-align: left;
  font-size:11pt;
  padding:40px;
  box-sizing: border-box;
}

.ncsSolDescText ul
{
  padding-left:30px;
}

.ncsSolDescText li
{
  list-style-type: square;
}

.ncsSolBox IMG
{
  width: 100%;
  max-height: 150px;
  border-radius: 0px;
  margin-bottom: 20px;
  box-sizing: border-box;
}

.n csSolBox:hover
{
  -ms-transform: translate(300px);
  -webkit-transform: translate(300px);
  transform: translate(300px);
}

.ncsSolBox
{
  height: 175px;
  max-width: 400px;
  box-sizing: border-box;
  border-bottom: 4px solid #525252;
}

.ncsServices
{
  margin-top:0px;
  vertical-align: top;
  d isplay: inline-block;
  background-image: url(/Nibble/public/BlueTriangles.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: static; 
  padding: 0px 20px 100px 20px;
  text-align:center;
  overflow: auto;
}

.ncsService
{
  display: inline-block;
  vertical-align: top;
  w idth: 33%;
  max-width: 350px;
  padding:10px;
  box-sizing: border-box;
}

.ncsServiceCredits
{
  text-align:center;
  color:#fff;
  font-size:9pt;
}

.ncsServiceCreditRef
{
  padding-top:5px;
  font-size: 8pt;
  text-align:right;
}

.ncsServiceCredits A, .ncsServiceCredits A:Active, .ncsServiceCredits A:link, .ncsServiceCredits A:visited
{
  color:#fff;
}

.ncsServiceBox
{
  padding:40px 30px 40px 30px;
  o pacity: 0.9;
  background-color: #fff; /* #153872; #c0c0c0; */
  min-height: 510px;
  box-sizing: border-box;
}

.ncsServiceText
{
  display: inline-block;
  text-align:justify;
  vertical-align:top;
  font-size:11pt;
  max-width: 400px;
  min-height: 220px;
}

.ncsServiceTitle
{
  font-size: 18pt;
  f ont-weight: lighter;
  padding-bottom: 20px;
  text-align:left;
}

.ncsServiceIcon
{
  display: inline-block;
  vertical-align:top;
  padding: 30px 0px 30px 0px;
}

.ncsServiceIcon IMG
{
  min-width: 200px;
  width:100%;
}

.ncsPageText
{
  font-size:11pt;
  padding: 10px 40px 120px 40px;
  max-width: 600px;
  margin: auto;
}

.ncsOurProjectsText
{
  padding-top: 40px;
  color:#fff;
  text-align: left;
}

.ncsPageTitle
{
  font-size:48px;
  color: #9babdf;
  padding: 150px 0px 80px 0px;
}

.ncsPageTitleMain
{
  padding-top: 20px;
  padding-bottom: 10px;
}

#stWhatDoWeDo .ncsBold
{
  color:#9babdf;
}

#stWhatDoWeDo IMG
{
  margin-top:50px;
  width:100%;
  max-width:600px;
  -moz-box-shadow: 10px 10px 20px #b0b0b0;
  -webkit-box-shadow: 10px 10px 20px #b0b0b0;
  box-shadow: 10px 10px 20px #b0b0b0;
  b order: 15px solid #fff;
  border-radius: 0px;
  box-sizing: border-box;
}

#ncsLogoSpinner IMG
{
  width: 100% !important;
  min-width: 100px;
  max-width: 200px;
}

#ncsLogoSpinner DIV
{
  display:none; 
}

.ncsContactUs
{
  b ackground-color: #f0f0f0;
  padding-bottom: 20px;
  margin-top:80px;
}

.ncsProdHighLight
{
  background-color:#f0f0f0;
  padding: 150px 30px 30px 30px;
}

.ncsProdHLBox
{
  box-sizing:border-box;
  display:inline-block;
  text-align: left;
  width:49%;
  vertical-align:top;
}

.ncsProdHLBox IMG
{
  width:90%;
}

.ncsProdHLTitle
{
  font-size:24pt;
  font-weight:bolder;
  padding: 40px 0 20px; 0;
}

.ncsProdLogoS
{
  width:150px !important;
}

.ncsProdHLLogo IMG
{
  width:50%;
  min-width:250px;
  max-width:500px;
}

.ncsProdHLTitle DIV
{
  color:#071F58;
  font-size:120%;
}

.ncsProdHLReadMore
{
  text-align:right;
  padding: 20px 20px 20px 0;
}

.ncsContactForm
{
  w idth: 50%;
  m argin: auto;
}

#stContactUs
{
  width: 80%;
  margin: auto;
}

.suFormMain
{
  b ackground-color: transparent;
}

.suSurveyForm
{
  font-size: 10pt;
}

@media only screen and (max-width: 1000px) 
{
  .ncsProdHLBox { display:block; width:100%; }
}

@media only screen and (max-width: 500px) 
{
  .ncs PageTitle { padding: 80px 0;}
}

@media only screen and (max-width: 450px) 
{
  #ncsLogoSpin { display: none; }
  #ncsTlbLogo DIV { display: none; }
  .ncsHomeScroll { display: none; }
  .ncsHomeText { width: 70%; padding: 20px 30px 20px 30px; }
}

@media only screen and (max-height: 400px) 
{
  #ncsLogoSpin { display: none; }
  .ncsHome { padding-top:80px; } 
  .ncsHomeText { width: 70%; padding: 20px 30px 20px 30px; }
}