/*  ---------------------------------------------------------------
    customise Home orbit slider
    --------------------------------------------------------------- */
nav.orbit-bullets {
  position: absolute;
  top: 2%;
  right: 24.5%;
  z-index: 2;
}

nav.orbit-bullets button {
  position: relative;
  margin: 0.4375em;
  padding: 0.75em;
  border-radius: 0.75em;
  border: 0.125em solid rgba(255, 255, 255,0.7);
  background: solid rgba(169, 70, 87, 07);
  color: #fff;
  font-family: 'Roboto', sans-serif;
}
nav.orbit-bullets p {
  color: #fff;
}

nav.orbit-bullets button.is-active,
nav.orbit-bullets button:hover,
button.orbit-previous:hover,
button.orbit-next:hover {
  background: #a94657;
  color: #fff;
}

nav.orbit-bullets button p {
  position: absolute;
  top: 20%;
  left: 40%;
}
li.orbit-slide figcaption {
  display: none;
}

li.is-active figcaption {
  display: block;
  position: absolute;
  top: 18%;
  left: 35%;
  padding: 0.3125em 0.625em;
  color: #000;
  background: rgba(255, 255, 255, 0.6);
  font-size: 2.1em;
  line-height: 1.0em;
  z-index: 2;
}
.gy {
    background-color: #666;
	position: relative;
}

/* New Mega Menu Navigation */
.top-bar ul {
    background-color: #f2f2f2;
}
.top-bar {
    padding: 0rem;
	background-color: #f2f2f2;
}

.mega-menu .dropdown-pane {
  width: 100%;
  max-width: 85rem;
  padding: 0.5rem;
  margin: 0;
  left: 0% !important;
  right: 0% !important;
  background-color: #333; 
}
.mega-menu .menu {
  background-color: #333; 
}
.dropdown.menu a {
    padding: 0.5rem;
	display: list-item;
}
.mega-menu > a::after {
  display: block;
  width: 0;
  height: 0;
  /*border: inset 6px;*/
  /*content: ''*/
  border-bottom-width: 0;
  /*border-top-style: solid;
  border-color: #1779ba transparent transparent;*/
  margin-left: 10px;
  /*margin-top: 11%; */
}
.mega-menu .wh {
  color:#fff;
  float:right;
  padding-right:2px;
}
.dropdown.menu .is-active > a {
    background: #333;
    color: #fff;
}
.top-bar ul li:hover > a {
    background-color: #333;
    color: #fff;
}
.top-bar a:link, .top-bar a:visited {
  color: #333;
  text-decoration: none;
}
.top-bar a:hover,
.top-bar a:active, .top-bar .is-active {
	color: #fff;
	text-decoration: none;
	background-color: #333;
}

.top-bar ul.dd-menu a:link, 
.top-bar ul.dd-menu a:visited {
    color: #fff;
	text-decoration: none;
	background-color: #333;
}
.top-bar ul.dd-menu a:hover {
    color: #fff;
	text-decoration: none;
	background-color: #b1000e;
}
#featured  .orbit{
	position:relative;
}
/* News Release text slider */
#news-smedia {
width:100%;
display: block;
position: absolute;
bottom: 0%;
left: 50%;
border-bottom: 1px solide #ccc;
margin-right: -50%;
transform: translate(-50%, 0%);
z-index: 2;
}
.news-smedia {
width:100%;
display: block;
position: relative;
padding:0;
margin:0;
background: rgba(255, 255, 255, 0.7);
}
#ticker_container {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size:90%;
  padding: 10px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  overflow: auto;
}
wrapper {
	position: relative;
}

.news-items {
	display: block;
	float: left;
	padding: 0 0.4rem;
}
.news-items > ul {
	margin: 0;
	text-align: left;
}
.news-items > ul > li {
	padding: 0 0.425em;
	display: inline-block;
}
.news-items > ul > li > a {
	color: #333333;
	font-size: 0.8em;
	text-decoration: none;
	font-weight:600;
}
.news-items > ul > li > a:hover {
	color: #b1000e;
	text-decoration: underline;
}
#newsA {
	position:relative;
	height:80px; }



.news-bg {
background-color: #e60027;
}
.news-txt {
font-size:12px;
float:left;
padding-left:10px;
color:#fff;
}
.news-txt a:link, .news-txt a:visited {
  color: #fff;
  text-decoration: none;
}
.news-txt a:hover,
.news-txt a:active {
  color: #fff;
  text-decoration: underline;
}

/* Styling for prev and next buttons */
.btn-bar{
    max-width: 90px;
    margin: 0 auto;
    display: block;
    position: relative;
    top: 0px;
    width: 100%;
	float:right;
}

#buttons {
padding:0 0 5px 0;
float:right;
}

#buttons a {
text-align:center;
display:block;
font-size:12px;
float:left;
outline:0;
margin:0 8px;
color:#b14943;
text-decoration:none;
display:block;
padding: 0 3px;
width:18px;
}
a#prev:link, a#prev:visited,
a#next:link, a#next:visited
 {
  color: #fff;
  text-decoration: none;
}

a#prev:hover, a#next:hover {
color:#333;
text-shadow:.5px 0px #b14943;  
}


/* Social Media icons at top slider */
.gry {
background-color:#666;
margin-bottom:5px;
}
.bg-social
{
  background: rgba(255, 255, 255, 0.7);
}

/* home About Us section */
#aboutus, #cop-brochure, #casestudy, #contactus {
	position:relative;
}
.wrap_sb_column_links {
    position: absolute;
    bottom: 0px;
    padding: 10px;
    width: 92%;
}

.sb_column_links {
   float: left;
   width: 50%;
   padding:10px 0px;
/* margin-bottom:15px; */
   white-space: nowrap;
}

.sb_column_links a span i {
   border: 1px solid #fff;
   margin-left: 0px;
   padding: 7px;
   border-radius: 50%;
   width: 30px;
   text-align: center;
   color: #fff;
   margin-right: 7px;
}

.sb_column_links a {
   font-size:80%;
   font-weight: 600;
   color: #fff !important;
   text-decoration: none !important;
   display: block;
   padding: 0px;
}

.sb_column_links a i {
   margin-left: 7px;
}
/* SI in Oceania page */
.wrap_sb_column_text {
    position: absolute;
    bottom: 0px;
    padding: 15px;
    width: 92%;
}
.wrap_sb_column_text h3 {
	color:#ffffff;
	font-size:14px;
    text-shadow: 2px 2px #000000;
}
.wrap-column-txt {
	background-color:#F3F3F3;
	height:100px;
	padding: 15px;
}
.wrap-column-txt h3 {
	font-size:14px;
    color:#333333;
}
.sgrid a:link {
	text-decoration:none;
}
.sgrid a{
	background-image: url("../../images/SI/sgrid-bg.png");
	background-repeat: no-repeat;
    background-size: cover;
	background-size: 231px 331px;
}
.sgrid a:hover {
	background-image: url("../../images/SI/overlay-sgrid.png");
	background-repeat: no-repeat;
    background-size: cover;
	height: 231px;
    width: 331px;  
}
/* Products & Services slider */
.products-slider .orbit-previous,
.products-slider .orbit-next {
  color: #fff;
  background-color:#ff5452;
  z-index: 2;
}

.products-slider .orbit-bullets button {
  height: 0.65rem;
  width: 0.65rem;
}
.products-slider .column {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}
.products-slider .product-card {
  background-color: #fefefe;
  /*border: 1px solid #e6e6e6;*/
  padding: 0.5rem;
  margin-bottom: 1.5rem;
}

.products-slider .product-card-thumbnail {
  display: block;
  position: relative;
}

.products-slider .product-card-title {
  font-family: 'Open sans', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.45rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

.products-slider .product-card-desc {
  color: #8a8a8a;
  display: block;
  font-family: 'Open sans', sans-serif;
  font-size: 0.85rem;
}
/* Products & Services Banner */
.product-banner-top {
  position:relative;
  background-image: url("../../images/slider/products-banner.jpg");
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 50% 0;
  background-size: cover;
 }
.product-banner-top2 {
  position:relative;
  background-image: url("../../images/slider/products-banner-2.jpg");
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 50% 0;
  background-size: cover;
 }
.product-banner-top3 {
  position:relative;
  background-image: url("../../images/slider/digital-transformation-1.jpg");
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 50% 0;
  background-size: cover;
 }
 .product-banner-top4 {
  position:relative;
  background-image: url("../../images/slider/dps-banner.jpg");
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: 50% 0;
  background-size: cover;
 }
.wrapper {
  max-width: 970px;
  width: 100%;
  margin: 0 auto;
 }
.content-area h1 {
  position: absolute;
  top: 50%;
  left: 24.5%;
  margin: auto !important;
  font-size: 80px;
  width: 440px;
  line-height: 1;
  color: #fff;
  text-shadow: 3px 3px 1px #000;
  font-weight: bold; 
  padding:0px; 
  -ms-transform: translateY(-50%);
   -webkit-transform:translateY(-50%); 
   transform: translateY(-50%); 
 }
 .content-area2 h1 {
  position: absolute;
  top: 45%;
  left: 25%;
  margin: auto !important;
  font-size: 70px;
  width: 440px;
  line-height: 1;
  color: #fff;
  text-shadow: 3px 3px 1px #000;
  font-weight: bold; 
  padding:0px; 
  -ms-transform: translateY(-50%);
   -webkit-transform:translateY(-50%); 
   transform: translateY(-50%); 
 }

/* New Grid xa */
.grid-margin-xa:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-xa {
  margin-left: -0.225rem;
  margin-right: -0.225rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-xa {
      margin-left: -0.425rem;
      margin-right: -0.425rem; } }
  .grid-margin-xa > .cell {
    width: calc(100% - 0.45rem);
    margin-left: 0.225rem;
    margin-right: 0.225rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-xa > .cell {
      width: calc(100% - 0.85rem);
      margin-left: 0.425rem;
      margin-right: 0.425rem; } }
  .grid-margin-xa > .auto {
    width: auto; }
  .grid-margin-xa > .shrink {
    width: auto; }
  .grid-margin-xa > .small-1 {
    width: calc(8.33333% - 0.45rem); }
  .grid-margin-xa > .small-2 {
    width: calc(16.66667% - 0.45rem); }
  .grid-margin-xa > .small-3 {
    width: calc(25% - 1.25rem); }
  .grid-margin-xa > .small-4 {
    width: calc(33.33333% - 0.45rem); }
  .grid-margin-xa > .small-5 {
    width: calc(41.66667% - 0.45rem); }
  .grid-margin-xa > .small-6 {
    width: calc(50% - 0.45rem); }
  .grid-margin-xa > .small-7 {
    width: calc(58.33333% - 0.45rem); }
  .grid-margin-xa > .small-8 {
    width: calc(66.66667% - 0.45rem); }
  .grid-margin-xa > .small-9 {
    width: calc(75% - 0.45rem); }
  .grid-margin-xa > .small-10 {
    width: calc(83.33333% - 0.45rem); }
  .grid-margin-xa > .small-11 {
    width: calc(91.66667% - 0.45rem); }
  .grid-margin-xa > .small-12 {
    width: calc(100% - 0.45rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-xa > .auto {
      width: auto; }
    .grid-margin-xa > .shrink {
      width: auto; }
    .grid-margin-xa > .small-1 {
      width: calc(8.33333% - 0.85rem); }
    .grid-margin-xa > .small-2 {
      width: calc(16.66667% - 0.85rem); }
    .grid-margin-xa > .small-3 {
      width: calc(25% - 0.85rem); }
    .grid-margin-xa > .small-4 {
      width: calc(33.33333% - 0.85rem); }
    .grid-margin-xa > .small-5 {
      width: calc(41.66667% - 0.85rem); }
    .grid-margin-xa > .small-6 {
      width: calc(50% - 0.85rem); }
    .grid-margin-xa > .small-7 {
      width: calc(58.33333% - 0.85rem); }
    .grid-margin-xa > .small-8 {
      width: calc(66.66667% - 0.85rem); }
    .grid-margin-xa > .small-9 {
      width: calc(75% - 0.85rem); }
    .grid-margin-xa > .small-10 {
      width: calc(83.33333% - 0.85rem); }
    .grid-margin-xa > .small-11 {
      width: calc(91.66667% - 0.85rem); }
    .grid-margin-xa > .small-12 {
      width: calc(100% - 0.85rem); }
    .grid-margin-xa > .medium-auto {
      width: auto; }
    .grid-margin-xa > .medium-shrink {
      width: auto; }
    .grid-margin-xa > .medium-1 {
      width: calc(8.33333% - 0.85rem); }
    .grid-margin-xa > .medium-2 {
      width: calc(16.66667% - 0.85rem); }
    .grid-margin-xa > .medium-3 {
      width: calc(25% - 0.85rem); }
    .grid-margin-xa > .medium-4 {
      width: calc(33.33333% - 0.85rem); }
    .grid-margin-xa > .medium-5 {
      width: calc(41.66667% - 0.85rem); }
    .grid-margin-xa > .medium-6 {
      width: calc(50% - 1.775rem); }
    .grid-margin-xa > .medium-7 {
      width: calc(58.33333% - 0.85rem); }
    .grid-margin-xa > .medium-8 {
      width: calc(66.66667% - 0.85rem); }
    .grid-margin-xa > .medium-9 {
      width: calc(75% - 0.85rem); }
    .grid-margin-xa > .medium-10 {
      width: calc(83.33333% - 0.85rem); }
    .grid-margin-xa > .medium-11 {
      width: calc(91.66667% - 0.85rem); }
    .grid-margin-xa > .medium-12 {
      width: calc(100% - 0.85rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-xa > .large-auto {
      width: auto; }
    .grid-margin-xa > .large-shrink {
      width: auto; }
    .grid-margin-xa > .large-1 {
      width: calc(8.33333% - 0.85rem); }
    .grid-margin-xa > .large-2 {
      width: calc(16.66667% - 0.85rem); }
    .grid-margin-xa > .large-3 {
      width: calc(25% - 0.85rem); }
    .grid-margin-xa > .large-4 {
      width: calc(33.33333% - 0.85rem); }
    .grid-margin-xa > .large-5 {
      width: calc(41.66667% - 0.85rem); }
    .grid-margin-xa > .large-6 {
      width: calc(50% - 0.85rem); }
    .grid-margin-xa > .large-7 {
      width: calc(58.33333% - 0.85rem); }
    .grid-margin-xa > .large-8 {
      width: calc(66.66667% - 0.85rem); }
    .grid-margin-xa > .large-9 {
      width: calc(75% - 0.85rem); }
    .grid-margin-xa > .large-10 {
      width: calc(83.33333% - 0.85rem); }
    .grid-margin-xa > .large-11 {
      width: calc(91.66667% - 0.85rem); }
    .grid-margin-xa > .large-12 {
      width: calc(100% - 1.775rem); } }

.grid-padding-xa .grid-padding-xa {
  margin-right: -0.225rem;
  margin-left: -0.225rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-xa .grid-padding-xa {
      margin-right: -0.425rem;
      margin-left: -0.425rem; } }

.grid-container:not(.full) > .grid-padding-xa {
  margin-right: -0.225rem;
  margin-left: -0.225rem; }
  @media print, screen and (min-width: 40em) {
    .grid-container:not(.full) > .grid-padding-xa {
      margin-right: -0.425rem;
      margin-left: -0.425rem; } }

.grid-padding-xa > .cell {
  padding-right: 0.225rem;
  padding-left: 0.225rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-xa > .cell {
      padding-right: 0.425rem;
      padding-left: 0.425rem; } }

/* New Grid xb */
.grid-margin-xb:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-xb {
  margin-left: -0.3125rem;
  margin-right: -0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-xb {
      margin-left: -0.46875rem;
      margin-right: -0.46875rem; } }
  .grid-margin-xb > .cell {
    width: calc(100% - 0.625rem);
    margin-left: 0.3125rem;
    margin-right: 0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-xb > .cell {
      width: calc(100% - 0.9375rem);
      margin-left: 0.46875rem;
      margin-right: 0.46875rem; } }
  .grid-margin-xb > .auto {
    width: auto; }
  .grid-margin-xb > .shrink {
    width: auto; }
  .grid-margin-xb > .small-1 {
    width: calc(8.33333% - 0.625rem); }
  .grid-margin-xb > .small-2 {
    width: calc(16.66667% - 0.625rem); }
  .grid-margin-xb > .small-3 {
    width: calc(25% - 1.25rem); }
  .grid-margin-xb > .small-4 {
    width: calc(33.33333% - 0.625rem); }
  .grid-margin-xb > .small-5 {
    width: calc(41.66667% - 0.625rem); }
  .grid-margin-xb > .small-6 {
    width: calc(50% - 1.25rem); }
  .grid-margin-xb > .small-7 {
    width: calc(58.33333% - 0.625rem); }
  .grid-margin-xb > .small-8 {
    width: calc(66.66667% - 0.625rem); }
  .grid-margin-xb > .small-9 {
    width: calc(75% - 1.25rem); }
  .grid-margin-xb > .small-10 {
    width: calc(83.33333% - 0.625rem); }
  .grid-margin-xb > .small-11 {
    width: calc(91.66667% - 0.625rem); }
  .grid-margin-xb > .small-12 {
    width: calc(100% - 0.625rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-xb > .auto {
      width: auto; }
    .grid-margin-xb > .shrink {
      width: auto; }
    .grid-margin-xb > .small-1 {
      width: calc(8.33333% - 0.9375rem); }
    .grid-margin-xb > .small-2 {
      width: calc(16.66667% - 0.9375rem); }
    .grid-margin-xb > .small-3 {
      width: calc(25% - 0.9375rem); }
    .grid-margin-xb > .small-4 {
      width: calc(33.33333% - 0.9375rem); }
    .grid-margin-xb > .small-5 {
      width: calc(41.66667% - 0.9375rem); }
    .grid-margin-xb > .small-6 {
      width: calc(50% - 0.9375rem); }
    .grid-margin-xb > .small-7 {
      width: calc(58.33333% - 0.9375rem); }
    .grid-margin-xb > .small-8 {
      width: calc(66.66667% - 0.9375rem); }
    .grid-margin-xb > .small-9 {
      width: calc(75% - 0.9375rem); }
    .grid-margin-xb > .small-10 {
      width: calc(83.33333% - 0.9375rem); }
    .grid-margin-xb > .small-11 {
      width: calc(91.66667% - 0.9375rem); }
    .grid-margin-xb > .small-12 {
      width: calc(100% - 0.9375rem); }
    .grid-margin-xb > .medium-auto {
      width: auto; }
    .grid-margin-xb > .medium-shrink {
      width: auto; }
    .grid-margin-xb > .medium-1 {
      width: calc(8.33333% - 0.9375rem); }
    .grid-margin-xb > .medium-2 {
      width: calc(16.66667% - 0.9375rem); }
    .grid-margin-xb > .medium-3 {
      width: calc(25% - 0.9375rem); }
    .grid-margin-xb > .medium-4 {
      width: calc(33.33333% - 0.9375rem); }
    .grid-margin-xb > .medium-5 {
      width: calc(41.66667% - 0.9375rem); }
    .grid-margin-xb > .medium-6 {
      width: calc(50% - 0.9375rem); }
    .grid-margin-xb > .medium-7 {
      width: calc(58.33333% - 0.9375rem); }
    .grid-margin-xb > .medium-8 {
      width: calc(66.66667% - 0.9375rem); }
    .grid-margin-xb > .medium-9 {
      width: calc(75% - 0.9375rem); }
    .grid-margin-xb > .medium-10 {
      width: calc(83.33333% - 0.9375rem); }
    .grid-margin-xb > .medium-11 {
      width: calc(91.66667% - 0.9375rem); }
    .grid-margin-xb > .medium-12 {
      width: calc(100% - 0.9375rem); } 
	
	#aboutus.sbm, #casestudy.sbm {
	margin-bottom:14px; }  
	  }
  @media print, screen and (min-width: 64em) {
    .grid-margin-xb > .large-auto {
      width: auto; }
    .grid-margin-xb > .large-shrink {
      width: auto; }
    .grid-margin-xb > .large-1 {
      width: calc(8.33333% - 0.9375rem); }
    .grid-margin-xb > .large-2 {
      width: calc(16.66667% - 0.9375rem); }
    .grid-margin-xb > .large-3 {
      width: calc(25% - 0.9375rem); }
    .grid-margin-xb > .large-4 {
      width: calc(33.33333% - 0.9375rem); }
    .grid-margin-xb > .large-5 {
      width: calc(41.66667% - 0.9375rem); }
    .grid-margin-xb > .large-6 {
      width: calc(50% - 0.9375rem); }
    .grid-margin-xb > .large-7 {
      width: calc(58.33333% - 0.9375rem); }
    .grid-margin-xb > .large-8 {
      width: calc(66.66667% - 0.9375rem); }
    .grid-margin-xb > .large-9 {
      width: calc(75% - 0.9375rem); }
    .grid-margin-xb > .large-10 {
      width: calc(83.33333% - 0.9375rem); }
    .grid-margin-xb > .large-11 {
      width: calc(91.66667% - 0.9375rem); }
    .grid-margin-xb > .large-12 {
      width: calc(100% - 0.9375rem); } }

.grid-padding-xb .grid-padding-xb {
  margin-right: -0.3125rem;
  margin-left: -0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-xb .grid-padding-xb {
      margin-right: -0.46875rem;
      margin-left: -0.46875rem; } }

.grid-container:not(.full) > .grid-padding-xb {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-container:not(.full) > .grid-padding-xb {
      margin-right: -0.46875rem;
      margin-left: -0.46875rem; } }

.grid-padding-xb > .cell {
  padding-right: 0.3125rem;
  padding-left: 0.3125rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-xb > .cell {
      padding-right: 0.46875rem;
      padding-left: 0.46875rem; } }
 @media screen and (max-width: 39.9375em) {
    .grid-margin-xb {
      margin-left: -0.9375rem;
      margin-right: -0.9375rem; } 
	.grid-margin-xb > .cell {
      width: calc(100% - 1.875rem);
      margin-left: 0.9375rem;
      margin-right: 0.9375rem; }
	.grid-margin-xb > .auto {
      width: auto; }
    .grid-margin-xb > .shrink {
      width: auto; }
    .grid-margin-xb > .small-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-xb > .small-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-xb > .small-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-xb > .small-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-xb > .small-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-xb > .small-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-xb > .small-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-xb > .small-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-xb > .small-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-xb > .small-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-xb > .small-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-xb > .small-12 {
      width: calc(100% - 1.875rem); }
    .grid-margin-xb > .medium-auto {
      width: auto; }
    .grid-margin-xb > .medium-shrink {
      width: auto; }
    .grid-margin-xb > .medium-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-xb > .medium-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-xb > .medium-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-xb > .medium-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-xb > .medium-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-xb > .medium-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-xb > .medium-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-xb > .medium-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-xb > .medium-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-xb > .medium-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-xb > .medium-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-xb > .medium-12 {
      width: calc(100% - 1.875rem); }


li.is-active figcaption {
  display: block;
  position: absolute;
  top: 18%;
  left: 15%;
  padding: 0.215em 0.325em;
  color: #000;
  background: rgba(255, 255, 255, 0.6);
  font-size: 1.6em;
  line-height: 1.0em;
  z-index: 2;
}

#news-smedia {
width:100%;
display: block;
position: relative;
margin: 0;
left: 0;
border-bottom: 1px solid #666;
margin-right:0;
transform: translate(0);
z-index: 1;
background-color:#fff;
}
#newsA {
	height:100px; }	  

.gy {
background-color:#fff;
}
.gry {
background-color:#fff;
}

#aboutus.sbm, #casestudy.sbm {
	margin-bottom:14px; }
.product-banner-top{
	background-attachment: scroll; 
	background-position: center !important;
}
.product-banner-top	{
	height: 330px;
	background-size: cover;}
.content-area h1 {
  top: 50%;
  left: 15%;
  font-size: 50px;
}
.product-banner-top2, .product-banner-top3,	.product-banner-top4{
	background-attachment: scroll; 
	background-position: center !important;
}
.product-banner-top2, .product-banner-top3,	.product-banner-top4{
	height: 330px;
	background-size: cover;}
.content-area2 h1 {
  width: 330px;
  top: 50%;
  left: 15%;
  font-size: 50px;
}

 }
/* for - 767px - 47.938em
=========================================================================================== */

@media screen and (max-width: 767px) {
nav.orbit-bullets button {
  display:none
}

li.is-active figcaption {
  display: block;
  position: absolute;
  top: 18%;
  left: 15%;
  padding: 0.215em 0.325em;
  color: #000;
  background: rgba(255, 255, 255, 0.6);
  font-size: 1.4em;
  line-height: 1.0em;
  z-index: 2;
}
#news-smedia {
width:100%;
display: block;
position: relative;
margin: 0;
left: 0;
border-bottom: 1px solid #666;
margin-right:0;
transform: translate(0);
z-index: 1;
background-color:#fff;
}	  
#newsA {
	height:100px; }	  

.gy {
background-color:#fff;
}
.gry {
background-color:#666;
}
.sb_column_links {
width: 48%;
}

#aboutus.sbm, #casestudy.sbm {
	margin-bottom:14px; }
.product-banner-top{
	background-attachment: scroll; 
	background-position: center !important;
}
.product-banner-top	{
	height: 330px;
	background-size: cover;}
.content-area h1 {
  top: 50%;
  left: 15%;
  font-size: 50px;
}
.product-banner-top2, .product-banner-top3,	.product-banner-top4{
	background-attachment: scroll; 
	background-position: center !important;
}
.product-banner-top2, .product-banner-top3,	.product-banner-top4{
	height: 330px;
	background-size: cover;}
.content-area2 h1 {
  width: 330px;
  top: 50%;
  left: 15%;
  font-size: 50px;
}
}

/* for - 579px - 36.188em
=========================================================================================== */

@media screen and (max-width: 579px) {
nav.orbit-bullets button  {
  display:none
}

li.is-active figcaption {
  display: block;
  position: absolute;
  top: 18%;
  left: 13%;
  padding: 0.215em 0.325em;
  color: #000;
  background: rgba(255, 255, 255, 0.6);
  font-size: 1.2em;
  line-height: 1.0em;
  z-index: 2;
}
#news-smedia {
width:100%;
display: block;
position: relative;
margin: 0;
left: 0;
border-bottom: 1px solid #666;
margin-right:0;
transform: translate(0);
z-index: 1;
background-color:#fff;
}	  
#newsA {
	height:100px; }	  

.gy {
background-color:#fff;
}
.gry {
background-color:#666;
}

#aboutus.sbm, #casestudy.sbm {
	margin-bottom:14px; }
.product-banner-top{
	background-attachment: scroll; 
	background-position: center !important;
}
.product-banner-top	{
	height: 330px;
	background-size: cover;}
.content-area h1 {
  top: 50%;
  left: 12%;
  font-size: 50px;
}
.product-banner-top2, .product-banner-top3,	.product-banner-top4{
	background-attachment: scroll; 
	background-position: center !important;
}
.product-banner-top2, .product-banner-top3,	.product-banner-top4{
	height: 330px;
	background-size: cover;}
.content-area2 h1 {
  top: 50%;
  left: 12%;
  font-size: 50px;
}
}
@media screen and (max-width:560px) {
.sb_column_links {
	float:left;
    width: 100%;
	position:relative;
}
.sb_column_links a {
   font-size:12px;
}
.content-area h1 {
  top: 50%;
  left: 12%;
  font-size: 45px;
}
.product-banner-top2, .product-banner-top3,	.product-banner-top4{
	background-attachment: scroll; 
	background-position: center !important;
}
.product-banner-top2, .product-banner-top3,	.product-banner-top4{
	height: 330px;
	background-size: cover;}
.content-area2 h1 {
  width: 330px;
  top: 50%;
  left: 12%;
  font-size: 45px;
}
}


/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.mhalf {
    width: 50%; }
} 
.icon-bar {
  width: 100%;
  font-size: 1rem;
  display: inline-block;
  background: #333333; }
  .icon-bar > * {
    text-align: center;
    font-size: 1rem;
    width: 25%;
    margin: 0 auto;
    display: block;
    padding: 1.25rem;
    float: left; }
    .icon-bar > * i, .icon-bar > * img {
      display: block;
      margin: 0 auto; }
      .icon-bar > * i + label, .icon-bar > * img + label {
        margin-top: .0625rem; }
    .icon-bar > * i {
      font-size: 1.875rem;
      vertical-align: middle; }
    .icon-bar > * img {
      width: 1.875rem;
      height: 1.875rem; }
  .icon-bar.label-right > * i, .icon-bar.label-right > * img {
    margin: 0 0.0625rem 0 0;
    display: inline-block; }
    .icon-bar.label-right > * i + label, .icon-bar.label-right > * img + label {
      margin-top: 0; }
  .icon-bar.label-right > * label {
    display: inline-block; }
  .icon-bar.vertical.label-right > * {
    text-align: left; }
  .icon-bar.vertical, .icon-bar.small-vertical {
    height: 100%;
    width: auto; }
    .icon-bar.vertical .item, .icon-bar.small-vertical .item {
      width: auto;
      margin: auto;
      float: none; }
  @media only screen and (min-width: 40.063em) {
    .icon-bar.medium-vertical {
      height: 100%;
      width: auto; }
      .icon-bar.medium-vertical .item {
        width: auto;
        margin: auto;
        float: none; } }
  @media only screen and (min-width: 64.063em) {
    .icon-bar.large-vertical {
      height: 100%;
      width: auto; }
      .icon-bar.large-vertical .item {
        width: auto;
        margin: auto;
        float: none; } }
  .icon-bar > * {
    font-size: 1rem;
    padding: 1.25rem; }
    .icon-bar > * i + label, .icon-bar > * img + label {
      margin-top: .0625rem; }
    .icon-bar > * i {
      font-size: 1.875rem; }
    .icon-bar > * img {
      width: 1.875rem;
      height: 1.875rem; }
  .icon-bar > *:hover {
    background: #008cba; }
  .icon-bar > * label {
    color: white; }
  .icon-bar > * i {
    color: white; }

.icon-bar.two-up .item {
  width: 50%; }
.icon-bar.two-up.vertical .item, .icon-bar.two-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.two-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.two-up.large-vertical .item {
    width: auto; } }
.icon-bar.three-up .item {
  width: 33.3333%; }
.icon-bar.three-up.vertical .item, .icon-bar.three-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.three-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.three-up.large-vertical .item {
    width: auto; } }
.icon-bar.four-up .item {
  width: 25%; }
.icon-bar.four-up.vertical .item, .icon-bar.four-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.four-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.four-up.large-vertical .item {
    width: auto; } }
.icon-bar.five-up .item {
  width: 20%; }
.icon-bar.five-up.vertical .item, .icon-bar.five-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.five-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.five-up.large-vertical .item {
    width: auto; } }
.icon-bar.six-up .item {
  width: 16.66667%; }
.icon-bar.six-up.vertical .item, .icon-bar.six-up.small-vertical .item {
  width: auto; }
@media only screen and (min-width: 40.063em) {
  .icon-bar.six-up.medium-vertical .item {
    width: auto; } }
@media only screen and (min-width: 64.063em) {
  .icon-bar.six-up.large-vertical .item {
    width: auto; } }

/*reveal-modal*/
.reveal-modal-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  z-index: 1004;
  display: none;
  left: 0; }

.reveal-modal, dialog {
  visibility: hidden;
  display: none;
  position: absolute;
  z-index: 1005;
  width: 100vw;
  top: 0;
  border-radius: 3px;
  left: 0;
  background-color: white;
  padding: 1.25rem;
  border: solid 1px #666666;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  padding: 1.875rem; }
  @media only screen and (max-width: 40em) {
    .reveal-modal, dialog {
      min-height: 100vh; } }
  .reveal-modal .column, dialog .column,
  .reveal-modal .columns,
  dialog .columns {
    min-width: 0; }
  .reveal-modal > :first-child, dialog > :first-child {
    margin-top: 0; }
  .reveal-modal > :last-child, dialog > :last-child {
    margin-bottom: 0; }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal, dialog {
      width: 80%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal, dialog {
      top: 6.25rem; } }
  .reveal-modal.radius, dialog.radius {
    border-radius: 3px; }
  .reveal-modal.round, dialog.round {
    border-radius: 1000px; }
  .reveal-modal.collapse, dialog.collapse {
    padding: 0; }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.tiny, dialog.tiny {
      width: 30%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.small, dialog.small {
      width: 40%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.medium, dialog.medium {
      width: 60%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.large, dialog.large {
      width: 70%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  @media only screen and (min-width: 40.063em) {
    .reveal-modal.xlarge, dialog.xlarge {
      width: 95%;
      max-width: 62.5rem;
      left: 0;
      right: 0;
      margin: 0 auto; } }
  .reveal-modal.full, dialog.full {
    top: 0;
    left: 0;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0 !important; }
    @media only screen and (min-width: 40.063em) {
      .reveal-modal.full, dialog.full {
        width: 100vw;
        max-width: 62.5rem;
        left: 0;
        right: 0;
        margin: 0 auto; } }
  .reveal-modal .close-reveal-modal, dialog .close-reveal-modal {
    font-size: 2.5rem;
    line-height: 1;
    position: absolute;
    top: 0.5rem;
    right: 0.6875rem;
    color: #aaaaaa;
    font-weight: bold;
    cursor: pointer; }

dialog::backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: black;
  background: rgba(0, 0, 0, 0.45);
  display: none;
  left: 0; }

@media print {
  dialog, .reveal-modal, dialog {
    display: none;
    background: white !important; } }