/*!
 * Bootstrap v4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  -moz-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
 
  font-family: roboto-bold;
  font-weight: normal;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
  font-family: roboto-bold;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100% !important;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-family: roboto-bold; font-weight: normal;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-family:roboto-regular, sans-serif;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-family:roboto-regular, sans-serif;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-family: roboto-bold, sans-serif;
}
dd {
  margin-left: 0;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}


address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: 0.01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-family: roboto-bold, sans-serif;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-family:roboto-regular, sans-serif;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-family:roboto-regular, sans-serif;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.form-control-static {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
.bredcrumb-main .breadcrumb.custom-breadcrumb > li:last-child a{color:#000}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  background-image: none;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  background-image: none;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}

.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  background-image: none;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  background-image: none;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  background-image: none;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  background-image: none;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-family:roboto-regular, sans-serif;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  /*display: none;*/
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-family:roboto-regular, sans-serif;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-family:roboto-regular, sans-serif;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #337ab7;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}



.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-family: roboto-bold, sans-serif;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-family: roboto-bold, sans-serif;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
    font-family: roboto-bold, sans-serif;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}

.alert-danger .alert-link {
  color: #843534;
}


.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777777;
  cursor: not-allowed;
  background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}


.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  min-height: 100%;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.close {
  float: right;
  font-size: 21px;
    font-family: roboto-bold, sans-serif;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out, -o-transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-family:roboto-regular, sans-serif;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 12px;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-family:roboto-regular, sans-serif;
  line-height: 1.42857143;
  line-break: auto;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  font-size: 14px;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out, -o-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: "\2039";
}
.carousel-control .icon-next:before {
  content: "\203a";
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}

@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}

/*# sourceMappingURL=bootstrap.css.map */




/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');*/
@font-face{
  font-family:roboto-bold; font-display:swap;
    src:url('../fonts/roboto-bold.ttf') format('truetype'); font-weight: normal; font-display:swap;
}
@font-face{
  font-family:roboto-medium; font-display:swap;
    src:url('../fonts/roboto-medium.ttf') format('truetype'); font-weight: normal; font-display:swap;
}
@font-face{
  font-family:roboto-regular; font-display:swap;
    src:url('../fonts/roboto-regular.ttf') format('truetype'); font-weight: normal; font-display:swap;
}
@font-face{
  font-family:roboto-light; font-display:swap;
    src:url('../fonts/roboto-light.ttf') format('truetype'); font-weight: normal; font-display:swap;
}


html, body {
  height: 100%;
}
body {
  font-family: 'Roboto', sans-serif;
  font-display:swap;
  font-size: 14px;
  color: #000;
  font-family:roboto-regular, sans-serif;
  background: #fff;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  line-height: 1.5em;
  padding-top:80px;
}
body.act {
  overflow: hidden;
}
a{color:#0058a0;}
a:hover {
  text-decoration: underline; color:#117ed8;
}
p {
  font-size: 14px;
  font-family:roboto-regular, sans-serif;
}
input:focus {
  outline: none;
}
.logo {
  max-width: 130px;
  padding-top: 5px;
  padding-bottom: 5px;
  float: left
}
.logo img {
  max-width: 100%;
}
.img-fluid {
  width: 100%;
  height: auto
}
/*CLEAR & HEIGHT*/
.clear5 {
  clear: both;
  height: 5px;
}
.clear0{clear: both; height: 0px;}
.clear10 {
  clear: both;
  height: 10px;
}
.clear15 {
  clear: both;
  height: 15px;
}
.clear20 {
  clear: both;
  height: 20px;
}

.clear25 {
  clear: both;
  height: 25px;
}
.clear30 {
  clear: both;
  height: 30px;
}
.clear35 {
  clear: both;
  height: 35px;
}
.clear40 {
  clear: both;
  height: 40px;
}
.clear45 {
  clear: both;
  height: 45px;
}
.clear50 {
  clear: both;
  height: 50px;
}
.clear55 {
  clear: both;
  height: 55px;
}
.clear60 {
  clear: both;
  height: 60px;
}

.ckbox, .rdio {
  position: relative;
 }
.ckbox input[type="checkbox"], .rdio input[type="radio"] {
  opacity: 0;
  display: none;
}
.ckbox label, .rdio label {
  padding-left: 20px;
  cursor: pointer;
  margin-bottom: 7px !important;
  font-weight: normal;
  position: relative;
  font-size:13px;
}
.ckbox label:before {
  width: 22px;
  height: 22px;
  position: absolute;
  top: 1px;
  left: 0;
  content: '';
  display: inline-block;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #000;
  background: #fff;
}
.ckbox input[type="checkbox"]:disabled + label {
  color: #00bdf2;
}
.ckbox input[type="checkbox"]:disabled + label:before {
  background-color: #eee;
}
.ckbox input[type="checkbox"]:checked + label::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  display: inline-block;
  font-size: 11px;
  width: 20px;
  height: 20px;
  color: #fff;
  text-align: center;
  background-image: url(../images/checkbox-check.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.ckbox-default input[type="checkbox"]:checked + label:before {
  border-color: #000;
  background-color: #fff;
}
.ckbox-default input[type="checkbox"]:checked + label::after {
  color: #00bdf2;
}

.width-100 {
  width: 100%;
  float: left;
  clear: both;
}
.no-padding {
  padding: 0px !important;
}
.center-block {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
h3 {
  font-family: roboto-bold, sans-serif;
  font-size: 27px;
  padding: 20px 0
}
/* header */
header {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height:82px;
  background-color: #fff;
  z-index: 1000;
}
.header-content {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 2px;
  position: relative; 
  background: #fff;
}
.header-content::after{
  position: absolute;
  left: 0;
  content: '';
  bottom: 0;
  height: 1px;
  background: #999;
  width: 100%;
}
.green-txt {
  color: #a6ce39;
}
.lightBlue-txt {
  color: #00bdf2;
}
.darkBlue-txt {
  color: #0058a0;
}
.pink-txt {
  color: #b71f82;
}
.menu-title {
  font-size: 17px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #5c5a5c;
  padding-bottom: 5px;
  margin-bottom: 0 px;
  padding-top: 10px;
  margin-right: 5px;
  margin-left: 5px; transition: 0.3 ease-in-out; -webkit-transition: 0.3 ease-in-out;
}
.black-bg .menu-title:hover{font-family: roboto-bold, sans-serif;}
.menu-title .opendown{display:block;position:absolute;right:0;width:50px;height:44px;background:transparent;top:0; display: none;}
.dropdown-menu ul {
  padding-left: 0px;
  padding-bottom: 5px;
  padding-top: 8px
}
.dropdown-menu ul.simple-menu {
  padding-left: 10px;
}
.dropdown-menu ul.subMenu {
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom:0px;
}
.sMenu {
  padding-left: 5px !important;
}
.dropdown-menu ul li {
  /*min-height: 30px;*/
  padding: 5px 0;
}
.dropdown-menu ul li a {
  color: #494545;
  font-size: 14px;
  font-family:roboto-regular, sans-serif;
  cursor: pointer;
}
.dropdown-menu ul.subMenu li a {
  color: #c0c0c0;
  line-height: normal;
  font-family:roboto-regular, sans-serif;
  font-size: 14px;
}
.navbar {
  min-height: 1px;
   margin-bottom:  0px;  
}
.navbar-right {
  background-color: transparent;
  border: none;
  padding-top: 0;
  margin-right: 0;
}
.navbar-right .navbar-nav>li>a {
  color: #494545;
  font-family: roboto-bold, sans-serif;
  padding: 8px 20px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.navbar-right .navbar-nav>li>a.ConctMenu {
  border: solid 1px #0058a0;
  float: right;
  background:#0058a0;
  color: #ffffff;
}
.navbar-right .navbar-nav > li > a.ConctMenu._emaillink{
  color: #fff;
  border-width: 1px;
  cursor: pointer;
  background: #0058a0;
  cursor: pointer;
}
.navbar-right .navbar-nav > li > a.ConctMenu._emaillink:hover
{
background: #b71f82;
border-color: #b71f82;  
}

.navbar-right .navbar-nav>li>a.ConctMenu2 {
  border: solid 2px #b71f82;
  background-color:#b71f82;
   color:#fff;
  float: right
}
.navbar-right .navbar-nav>li>a.ConctMenu:hover {
  background-color: #0058a0;
  color: #fff;
}
.navbar-right .navbar-nav>li>a.ConctMenu2:hover {
  background-color: #b71f82;
  color: #fff;
}
.navbar-right .navbar-nav>li>a.ConctMenu.selected {
  background-color: #0058a0;
  color: #fff;
}
.nav>li>a:focus, .nav>li>a:hover {
  color: #494545;
  background-color: transparent;
}
/*.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: #8dc63f;
  color: #fff;
}*/
.dropdown-menu {
  
  width: 100%;
  /*padding-left: 5px;
  padding-right: 5px;*/
  top: 64px;
  border: none;
  border-radius: 0;
  /*max-height:100%;*/
  overflow-y: auto;
  background-color:transparent;
  -webkit-box-shadow:none;
    box-shadow:none
}
.black-bg{background-color: #000;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a {
  color: #ccc;
  line-height: 35px;
  padding-left: 5px;
  padding-right: 5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #1F1F1F;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  color: #ccc;
  line-height: 35px;
  background-color: transparent;
}
.navbar-right .dropdown-menu {
  left: 0px;
  padding-top: 30px
}
.navbar-right .dropdown-menu .black-bg{
padding: 15px 30px 25px 30px;
}
 /* Menu search start */
 
 .search-form .form-group input.form-control::-webkit-input-placeholder {
 display:none;
}
.search-form .form-group input.form-control::-moz-placeholder {
 display:none;
}
.MenuSearch {
/* min-width:250px;*/ /*or I can probably just use columns*/
  /*padding-left:10px; padding-right:25px;*/
}
.form-control {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.MenuSearch .form-group {
  position: relative;
  width: 0%;
  min-width: 40px;
  height: 40px;
  overflow: hidden;
  transition: width 1s;
  backface-visibility: hidden;
  margin-bottom: 0
}
.form-group input.form-control {
  position: absolute;
  top: 0;
  right: 0;
  outline: none;
  width: 100%;
  height: 40px;
  margin: 0;
  z-index: 10;
}
input[type="text"].form-control {
  -webkit-appearence: none;
  -webkit-border-radius: 0;
}
.menu-search {
  float: left;
  margin-right: 20px;
  height: 65px;
}
.search-icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: white;
  background-image: url(../images/menu-icon-search-black.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 17px;
}
.search-icon:hover {
  background-image: url(../images/menu-icon-search-pink.png);
  background-repeat: no-repeat;
  background-position: center center;
}
 
section {
 padding-top: 20px;
 padding-bottom: 20px;
}
.p-t-0{ padding-top:0px !important;}
.p-tb-0{ padding-top:0 !important; padding-bottom:0 !important}
section.technology-selector{padding-top:0}
h1 {
  font-size: 43px;
  margin: 0px;
  padding-bottom: 35px;
  padding-top: 20px;
  font-family: roboto-bold, sans-serif;
}
.section-title {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 20px;
}
.section-title h2, .section-title h1 {
  color: #000;
  font-family: roboto-bold, sans-serif;
  clear: both;
  font-size: 43px;
  padding: 20px 0 25px 0;
  margin: 0px;
}
.section-title p {
  font-size: 15px;
  line-height: 25px;
}
.padding-7 {
  padding-left: 7px;
  padding-right: 7px;
}
/* banner */



.vid {
  position: relative;
}
.vid iframe{width: 100%; min-height: 320px;}

.vid a {
  display: block;
}
.vid img {
  max-width: 100%;
}
.vid .playIcon {
  width: 75px;
  height: 75px;
  border-radius: 75px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #fff;
  background-color: rgba(255,255,255,0.8);
  background-image: url(../images/icon-play.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin: auto;
}
.vid .playIcon:hover {
  background-color: rgba(255,255,255,1);
}
.key-points {
  padding-top: 20px;
  padding-right: 0px;
  padding-bottom: 20px;
  padding-left: 15px;
}
.key-points .icons{
  width: 55px;
  float: left
}
.key-txt {
  float: right;
  width: -moz-calc(100% - 55px);
  width: -webkit-calc(100% - 55px);
  width: -o-calc(100% - 55px);
  width: calc(100% - 55px);
  padding: 8px 0 0 5px;
}
.key-points .icons img {
  max-width: 100%;
}
.key-points ul {
  padding: 0px;
}
.key-points ul li {
  font-size: 15px;
  list-style: none;
  padding: 15px 0 15px 15px;
}
#popular_products, #leadership_team {
  position: relative;
}
.product-box {
  text-align: center;
  font-size: 13px;
  font-family: roboto-bold, sans-serif;
  position: relative
}
.product-box img {
  border: solid 1px #e7e1e5;
  width: 100%;
  margin-bottom: 15px;
}
.product-box p{ font-family: roboto-medium, sans-serif;}
.product-box a {
  color: #000;
}

.product-box .prdctType {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 1px;
  top: 1px;
}
.product-box .prdctType img{ width:100%; border: none}
.blue-bar {
  background-color: #0058a0;
  text-align: center;
  font-size: 26px;
  font-family: roboto-bold, sans-serif;;
  color: #fff;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-top: 35px;
  padding-right: 20px;
  padding-bottom: 35px;
  padding-left: 20px;
}
.blue-bar a {
  font-size: 12px;
  color: #fff;
  letter-spacing: 3px;
  padding: 0px 45px;
  border: solid 1px #fff;
  line-height: 50px;
  text-transform: uppercase;
  display: inline-block;
  margin-left: 50px;
}

.txt-section {
  padding: 25px 30px 30px 30px;
  color: #231f20
}
.txt-section .title {
  font-size: 27px;
 font-family: roboto-bold, sans-serif;
  padding-bottom: 10px;
  padding-top: 10px
}
.txt-section .title a {
  color: #000;
}
.txt-section p {
  font-size: 14px;
  line-height: 26px;
  min-height: 100px;
  font-family:roboto-regular, sans-serif;
}
.txt-section .readMore {
  font-size: 17px;
  font-family: roboto-bold, sans-serif;  /*display:inline;*/
  height: 30px;
  border-bottom: solid 2px #b71f82;
  padding-bottom: 4px;
  float: left
}
.cases.productmain_right .txt-section .readMore{
  font-family:roboto-regular, sans-serif;

}
.txt-section .readMore a.read, .txt-section .readMore.video a {
  color: #231f20;
}

.txt-section .dots {
  width: 44px;
  background-image: url(../images/dots.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 30px;
  /*display: inline-block;*/
  margin-top: 0px;
  float: left;
}
.txt-section .readMore.video {
  border: none;
}
.btn.view-all, .btn.view-all2 {
  border: solid 1px #000;
  color: #000;
  line-height: 55px;
  padding: 0px;
  border-radius: 0;
  margin-bottom: 50px;
}
.btn.view-all a, .btn.view-all2 a {
  padding: 0 70px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-family: roboto-bold, sans-serif;
  font-size: 12px;
}
.latest-blog, .home-resources {
  background-color: #e7e1e5;
  padding: 50px 40px;
  font-family:roboto-regular, sans-serif;
}
.latest-blog {
  position: absolute;
  height: 100%;
  top: 0
}
.home-resources {
  background-color: #494545;
  color: #fff;
  padding: 50px 40px 37px 50px
}
.latest-blog .title, .home-resources .title {
  font-size: 27px;
  font-family: roboto-bold, sans-serif;
  padding-bottom: 20px;
  line-height: 27px;
}
.latest-blog .title{ color:#494545}
.blog-title {
  font-size: 17px;
  font-family: roboto-bold;;
  padding-bottom: 15px;
}
.blog-txt {
  font-size: 13px;
  min-height: 100px;
  line-height: 21px;
}
.blog-readMore {
  font-size: 13px;
  font-family:roboto-regular, sans-serif;
}
.blog-readMore a {
  border-bottom: solid 1px #c4539c;
  display: inline-block;
  color: #000
}
.home-resources p {
  font-size: 14px;
  line-height: 21px;
}
.home-resources .btn {
  height: 40px;
  line-height: 40px;
  padding: 0;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 10px 8px 0px 0;
  border: solid 1px #FFF;
  border-radius: 0
}
.home-resources .btn a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 0 50px;
}

#home_blogs {
  position: relative;
}
#home_blogs .owl-prev {
  background-image: url(../images/icon-prev.png);
  background-repeat: no-repeat;
  background-position: 0px center;
  left: 0px;
  top: 20%;
  height: 40px;
  width: 40px;
  z-index: 1;
}
#home_blogs .owl-next {
  background-image: url(../images/icon-next.png);
  background-repeat: no-repeat;
  background-position: center center;
  right: 0px;
  top: 20%;
  height: 40px;
  width: 40px;
  z-index: 1;
}
#home_blogs .owl-next.disabled, #home_blogs .owl-prev.disabled {
  opacity: 0.3;
}
.livechat-box {
  width: 450px;
  max-width: 90%;
  position: fixed;
  right: 0px;
  bottom: 0px;
  z-index: 51
}
.live-chat {
  width: 230px;
  height: 50px;
  background-color: #a51c76;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  line-height: 50px;
  font-size: 12px;
  max-width: 100%;
  cursor: pointer;
  float: right
}
.livechat-form {
  padding: 30px;
  background-color: #e7e1e5;
  display: none;
}
.livechat-form.show {
  display: block;
}
.livechat-form .form-control {
  margin-bottom: 10px;
  height: 45px;
  border: solid 1px #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 8px 10px;
  font-weight: 400
}
.livechat-form textarea.form-control {
  height: 210px;
  border-radius: 0;
  resize: none
}
.livechat-form input[type=submit] {
  height: 45px;
  background-color: #b71f82;
  color: #fff;
  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  width: 140px;
  margin-right: auto;
  margin-left: auto;
  border: none;
  margin-top: 20px;
  margin-bottom: 0px;
}
 .form-control::placeholder {
 color: #000;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color: #000;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
 color: #000;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
 color: #000;
}
.form-control:-moz-placeholder { /* Firefox 18- */
 color: #000;
}
/* footer */

footer {
  background-color: #000;
  color: #fff;
  padding-bottom: 25px;
  position: relative;
}
footer .title {
  font-size: 16px;
  font-family: roboto-bold;
  padding-bottom: 5px;
  margin-bottom: 5px;
  padding-top: 0px; text-transform: uppercase;
}
footer .title a {
  color: #fff
}
footer .title a::after{content: ''; display: block; width: 50px; margin-top: 5px; height: 1px; background: #fff;}
footer .title:hover a {
  color: #fff; text-decoration: none;
}
footer ul {
  list-style: none;
  padding: 0px;
}
footer li {
  padding:6px 0 6px 0;
  font-size: 17px; line-height: 19px;
}
footer li a {
  color: #eaeaea;
  font-size: 14px; font-family:roboto-regular, sans-serif;
}
footer li a:hover {
  color: #fff
}
footer .social a {
  font-size: 24px;
  padding-left: 5px;
  padding-right: 15px;
  color: #fff;
}
footer .social a:hover {
  color: #b71f82
}
footer .footer-logos {
  text-align: center;
}
footer .footer-logos img {
  max-height: 85px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 25px;
}
footer .footer-links {
  color: #8d8d8d;
  text-align: center;
  font-size: 12px;
  padding-top: 25px;
  padding-right: 0;
  padding-bottom: 20px;
  padding-left: 0;
}
footer .footer-links a {
  color: #bdb4b5;
  padding-left: 10px;
  padding-right: 10px;
}
footer .createdby {
  color: #4f4c4e;
  text-align: center;
  font-size: 11px;
}
footer .createdby a {
  color: #fff; opacity: 0.2;
}
footer .slim-list, footer .broad-list {
  padding-top: 35px;
  min-height: 250px;
}
footer .slim-list {
  width: 13.5%;
  padding-right: 0px;
}
footer .broad-list {
  width: 19%;
  padding-right: 0px;
}
.mobile-footer {
  font-size: 16px;
  text-align: center;
  padding-top: 25px;
}
.mobile-footer a {
  color: #fff;
  padding: 7px 25px;
  display: inline-block;
  font-family: roboto-bold;
}
footer .owl-next, footer .owl-prev {
  background-color: transparent;
  height: 40px;
  width: 40px;
  color: #fff;
  font-size: 20px;
  text-align: center;
  line-height: 40px;
  position: absolute;
  top: 40%;
}
/* Owl navigations*/
.owl-next, .owl-prev {
  height: 20px;
  width: 20px;
  font-size: 0px;
  line-height: 20px;
  position: absolute;
  top: 45%;
}
.owl-next {
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: -70px center;
  right: -25px;
}
.owl-prev {
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-position: 0px center;
  left: -25px;
}
.owl-next:hover {
  background-image: url(../images/arrow-blue.png);
  background-repeat: no-repeat;
  background-position: -70px center;
  right: -25px;
}
.owl-prev:hover {
  background-image: url(../images/arrow-blue.png);
  background-repeat: no-repeat;
  background-position: 0px center;
  left: -25px;
}
.owl-next.disabled, .owl-prev.disabled {
  opacity: 0.1;
}
.createdby {
  font-size: 12px;
  color: #999;
}
.copyright {
  text-align: right;
  float: right;
  color: #959595;
}
.copyright a {
  color: #8dc63f;
  font-size: 16px;
  font-family: roboto-bold, sans-serif;
  padding-left: 20px;
}
.menu-banner {
  padding-bottom: 10px;
}
.home-bottom-column {
  width: 50%;
}
.col-container {
  display: table;
  width: 100%;
}
.col {
  display: table-cell;
  position: relative
}
.page-title {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 10px;
  float: left;
  width: 100%;
}

/* Product page */
.product-details {
  padding: 5px 0px 70px 0px;
  width: 100%;
  float: left;
}
.page-title img {
  max-width: 55px;
}
.page-title h1, .page-title h2 {
  font-size: 45px;
  font-family: roboto-bold, sans-serif;
  padding-bottom: 25px;
  margin-bottom: 0;
  padding-top: 0;
}
.page-title h2.blogsubheading{font-size: 24px; line-height: 32px; padding: 0 0 15px; margin: -10px 0 0;}
.page-title h3 {
  font-size: 28px;
  font-family: roboto-bold, sans-serif;
  padding-bottom: 25px;
  margin-bottom: 0;
  padding: 0;
  margin-top: 0;
}
.page-title h4 {
  text-align: center;
  padding-top: 0px;
  padding-bottom: 20px;
  font-size:22px;
   font-family: roboto-medium, sans-serif;
}
.page-title .btn-grey{
  background-color: #494545;
  font-size: 13px;
  font-family: roboto-bold;
  letter-spacing:2px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
  width: 250px;
  text-transform: uppercase; 
}
.page-title h4 span{ color:#b71f82; font-family: roboto-bold, sans-serif }
.page-title h4 span.slim{ color:#b71f82; font-family: roboto-regular;}
.page-title p {
  font-size: 16px;
  line-height: 25px;
  font-family:roboto-regular, sans-serif;
  margin-bottom:0
}
.page-title h5 {
  font-size: 17px;
  line-height: 25px;
  font-family:roboto-regular, sans-serif;
}
.page-title2 {
  padding: 10px 0 00px 0
}
.page-title2 h1, .page-title2 h2 {
  font-size: 27px;
  font-family: roboto-bold, sans-serif;
  padding-bottom: 10px;
  margin-bottom: 0;
  text-align: left;
      line-height: 31px;
}
.page-title2 p {
  font-size: 17px;
  line-height: 21px;
  font-family:roboto-regular, sans-serif;
}
.product-desc {
  padding-left: 10px;
}
.product-desc .title {
  font-size: 27px;
  font-family: roboto-bold, sans-serif;
  padding-bottom: 15px;
  line-height: 1.15em
}
.product-desc p {
  font-size: 14px;
  font-family:roboto-regular, sans-serif;
}
.product-desc .btn-grp {
  padding-top: 0px;
}
.product-desc .btn {

  font-size: 11px;
  letter-spacing: 2px;
  text-transform: uppercase;
  
  border-radius: 0;
  font-family: roboto-bold, sans-serif;
  margin-top: 8px;
  margin-right: 8px;
  margin-bottom: 0px;
  margin-left: 0;

  max-width: 100%;
      white-space: normal;
  word-wrap: break-word;
  display: inline-block; vertical-align: top;
  padding:0;
  
}
.product-desc .btn a {
  border: solid 1px #000;
    line-height: 18px;
    padding-top: 10px;
  padding-right: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  display: block;
  color: #000;
  text-decoration: none;
  word-wrap: break-word;
      text-align: left;
}
.product-desc .btn a:hover {
  text-decoration: none;
}
.product-desc .btn:hover {
  /*background-color: #a6ce39;
  border: solid 1px #a6ce39;*/
  color:#fff;
}
.product-desc .btn.codes:hover{background-color: #A6CE39 !important;border: solid 1px #A6CE39 !important;
color: #fff !important;}

.product-desc .btn:hover a{ color:#fff;}
.abt-box {
  padding-left: 0px;
  padding-right: 7px;
  text-align: center;
}
.tech-box, .contact-box {
  padding-left: 7px;
  padding-right: 0;
  text-align: center;
}
.abt-box-content, .tech-box-content, .contact-box-content, .contact-box-content-p {
  background-color: #494545;
  color: #fff;
  padding: 40px 20px 50px 20px;
  text-align: center;
}
.abt-box .icon, .tech-box .icon, .contact-box .icon, .contact-box-content-p .icon {
  height: 45px;
}
.abt-box .icon img {
  max-height: 40px;
  width: auto
}
.tech-box .icon img, .contact-box .icon img , .contact-box-content-p .icon img {
  max-height: 45px;
  width: auto
}
.abt-box h4, .tech-box h4, .contact-box h4, .contact-box-content-p h4 {
  font-size: 22px;
  font-family:roboto-regular, sans-serif;
  padding: 15px 0
}
.abt-box .btn, .tech-box .btn, .contact-box .btn {
  border: solid 1px #fff;
  font-size: 11px;
  letter-spacing: 2px;
  border-radius: 0;
  padding: 0;
  line-height: 40px;
  height: 40px;
}
.abt-box .btn a, .tech-box .btn a, .contact-box .btn a {
  color: #fff;
  padding: 0 25px;
  display: block;
  min-width: 160px;
  border-radius: 0;
  text-transform: uppercase;
  font-family: roboto-medium, sans-serif; text-decoration: none;
}
.abt-box .btn:hover a, .tech-box .btn:hover a, .contact-box .btn:hover a {
  color: #000;
  background-color: #fff;
  border-radius: 0;
  text-decoration: underline;
}
.tech-box-content {
  background-color: #b71f82;
}
section.contact {
   padding-bottom:0
}
section.contact-form{ padding-top:0}
.contact-box-content {
  background-color: #0058a0;
}
.contact-box-content-p {
  background-color: #b71f82;
}
/* Product page 2*/
.product-list .items {
  text-align: center;
  margin-bottom: 20px;
}
.product-list img {
  width: 100%;
  border: solid 1px #e7e1e5
}
.product-list .title {
  font-size: 17px;
  font-family: roboto-bold, sans-serif;
  padding-top: 20px;
  padding-bottom: 10px;
}
.product-list .title a {
  color: #231f20;
}
.product-list p {
  font-size: 14px;
  line-height: 20px;
  font-family:roboto-regular, sans-serif;
  min-height: 65px;
  margin-bottom: 0
}
.product-list ul li p{min-height: auto; margin-bottom: 10px;}
.btn-green {
  background-color: #000;
  background-color: #a6ce39;
  border: solid 2px #a6ce39;
  line-height: 20px;
  text-align: center;
  letter-spacing: 2px;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-family: roboto-bold;
  border-radius: 0;
  padding-top: 15px;
  padding-right: 40px;
  padding-bottom: 15px;
  padding-left: 40px;
  display: inline-block;
}

.load_more_button{
appearance: none;
max-width: 100%;
display:inline-block;
-webkit-appearance: none;
border: 1px solid #000;
padding: 15px 40px;
background: transparent;
font-size: 14px;
letter-spacing: 2px;
text-decoration: none;
font-family: roboto-bold;
text-transform: uppercase;
position: relative;
bottom: -20px;
margin-top: 10px;
width: 335px;
transition:all 0.3s ease;
}

.load_more_button:hover{
border-color:#a6ce39; 
background-color:#a6ce39;
color:#ffffff;
}

.title {
  font-size: 17px;
  font-family: roboto-bold, sans-serif;
}
.mylist {
}
.mylist ul {
  padding: 0;
  margin: 0
}
.mylist li {
  list-style: none;
  padding-left: 20px;
  font-size: 14px;
  font-family:roboto-regular, sans-serif;
  padding-top: 2px;
  padding-right: 0px;
  padding-bottom: 2px;
  background-image: url(../images/icon-checkmark.png);
  background-repeat: no-repeat;
  background-position: left 10px;
}
.applications {
  background-color: #494545;
  color: #fff;
  padding: 40px 20px 40px 40px;
}
.applications .apps {
  margin-bottom: 15px;
}
.applications .icon {
  height: 70px;
  width: 70px;
  margin-bottom: 20px;
}
.applications .icon img {
  max-width: 100%;
}
.applications .title2, .case-studies .title2 {
  font-size: 27px;
  padding-right: 30px;
  padding-bottom: 10px;
  display: inline-block;
  border-bottom: solid 2px #cec8cc;
  margin-bottom: 45px;
  margin-left: 15px;
  font-family: roboto-bold, sans-serif
}
.applications .title {
  font-size: 17px;
  font-family: roboto-bold, sans-serif;
  padding-bottom: 10px;
  padding-right: 30px;
  min-height: 60px
}
.applications p {
  color: #cec8cc;
  font-size: 14px;
  line-height: 24px;
  padding-right: 30px;
}
.case-titles{text-align: center;}
.case-studies .case-titles .title2{display: inline-block; padding-left: 20px; padding-right: 20px;}
.case-studies .title2 {
  margin-left: 0px;
  border-bottom: solid 2px #000;
  margin-bottom: 20px;
}
#related_case, .compare-container {
  position: relative;
}
.btn-green.compare {
  cursor: pointer;
}
.compare-box, .getPrice-box {
  display: none;
}
.compare-box .overlay, .getPrice-box .overlay{
  background-color: #000;
  background-color: rgba(0,0,0,0.5);
  position: fixed;
  left: 0;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 52;
}
.compare-box .compare-content, .getPrice-box .price-content {
  background-color: #fff;
  position: absolute;
  z-index: 53;
  top: 95px;
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  right: 0;
  left: 0;
  padding-top: 20px;
  padding-right: 30px;
  padding-bottom: 60px;
  padding-left: 30px;
}
.getPrice-box .price-content{ background-color:#e7e1e5; }
.compare-box .close-compare, .getPrice-box .close-price {
  width: 25px;
  height: 25px;
  float: right;
  background-color: #494545;
  cursor: pointer;
  position: absolute;
  right: -0px;
  top: 0px;
  background-image: url(../images/icon-close.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
.compare-content .title {
  font-size: 27px;
  font-family: roboto-bold, sans-serif;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 40px;
}
.compare-content .left-column, .compare-content .right-column {
  float: left;
}
.compare-content .img-box {
  height: 100px;
  width: 100px;
  margin-bottom: 20px;
}
.compare-content .img-box img{max-height: 100%; max-width: 100%;}
.compare-tbl {
  font-size: 12px;
  font-family:roboto-regular, sans-serif;
  width: 100.5%;
}
.compare-tbl tr:nth-child(even) {
  background: #fff;
}
.compare-tbl tr:nth-child(odd) {
  background: #e7e1e5;
}
.compare-tbl th {
  background-color: #a6ce39;
  color: #fff;
  line-height: 20px;
  padding: 5px 15px;
  font-family: roboto-bold;
}
.compare-tbl td {
  line-height: 20px;
  padding: 5px 15px;
  vertical-align: middle;
}
/*#compare_products .owl-prev {
  display: none;
}*/
#compare_products .owl-next, #compare_products .owl-prev {
  height: 40px;
  width: 40px;
  font-size: 0px;
  line-height: 20px;
  position: absolute;
  top: 45%;
  background-color: #494545
}
#compare_products .owl-next {
  background-image: url(../images/owl-next.png);
  background-repeat: no-repeat;
  background-position: center center;
  right: -30px;
}
#compare_products .owl-prev {
  background-image: url(../images/owl-prev.png);
  background-repeat: no-repeat;
  background-position: center center;
  left: -30px;
}
#compare_products .owl-next.disabled, #compare_products .owl-prev.disabled {
  opacity: 0;
}
/* product 3*/
.second-menu {
  background-color: #f3f0f2;
}
.second-menu.affix {
  position: fixed;
  top: 82px;
  z-index: 48;
  width: 100%;
  max-width: 1170px;
}
.second-menu-in {
  float: right;
 }
.second-menu .product-name{
  float: left;
  font-size: 27px;
  font-family: roboto-bold, sans-serif;
  padding:10px 10px 10px 15px;
  line-height:30px
 }
.product-sub-title{
  font-size: 22px;
  font-family:roboto-regular, sans-serif;
  padding-left:15px;
}
.second-menu .mnu {
  float: left;
  line-height: 20px;
  font-size: 12px;
  font-family: roboto-medium, sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  cursor: pointer;
}
.second-menu #get_price {
  background-color: #b71f82;
  color: #fff;
  margin-left: 20px
}
.section-heading {
  font-size: 17px;
  font-family: roboto-bold, sans-serif;
  color: #231f20;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #e7e1e5;
  padding-top: 20px;
  padding-bottom: 5px;
  margin-bottom: 25px;
}
.section-heading2 {
  font-size: 27px;
  font-family: roboto-bold, sans-serif;
  padding-top: 20px;
  padding-bottom: 35px;
}
.no-border{ border:none !important}
.section-heading.no-border{margin-bottom: 15px;}

.form-heading {
  font-size: 28px; line-height: 1;
  font-family: roboto-bold, sans-serif;
  text-align: center;
  padding-top: 20px;
  margin-bottom: 5px;
  padding-right: 15px;
  padding-left: 15px;
}
.form-heading p {
  font-size: 14px;
  font-family:roboto-regular, sans-serif;
  padding-top: 15px;
  padding-bottom:  5px;
  line-height: 1.45;
}
.product-slider {
}
.product-slider #carousel {
}
.product-slider #thumbcarousel {
  margin: 12px 0 0;
  text-align:center
 
}
.product-slider #thumbcarousel .item {
  text-align: center;
}
.product-slider #thumbcarousel .item .thumb {
  border: 1px solid #000;
  width: 70px;
  margin: 0 4px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 70px;
    /*max-width: 32%;
  max-width: -moz-calc(32% - 8px);
  max-width: -webkit-calc(32% - 8px);
  max-width: -o-calc(32% - 8px);
  max-width: calc(32% - 8px);*/
}
/*.product-slider #thumbcarousel .item .thumb:hover {
  border-color: #1089c0;
}*/
.product-slider .item img {
  width: 100%;
  height: auto;
}
.product-slider2 #thumbcarousel,.product-slider #thumbcarousel {
  margin: 12px 0 0;
  text-align:center;
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
   
}
#thumbcarousel .carousel-inner{ display:inline-block; width: auto; padding:0 20px}
.product-slider2 #thumbcarousel .item {
  text-align: center;
}
.product-slider2 #thumbcarousel .item .thumb {
  border: none;
  margin: 0 3px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  width: 90px;
  /*max-width: 30%;
  max-width: -moz-calc(30% - 8px);
  max-width: -webkit-calc(30% - 8px);
  max-width: -o-calc(30% - 8px);
  max-width: calc(30% - 8px);*/
}
.product-slider2 #thumbcarousel .item .thumb:hover {
  border-color: #1089c0;
}
.product-slider2 .item img {
  width: 100%;
  height: auto;
}
.carousel-control {
  color: #000000;
  text-align: center;
  text-shadow: none;
  font-size: 30px;
  width: 30px;
  height: 30px;
  line-height: 20px;
  top: 23%;
  position:absolute;
}
.carousel-control.left {
  left:  0px;
}
.carousel-control.right {
  right: 0px;
}
.carousel-control:hover, .carousel-control:focus, .carousel-control:active {
  color: #333;
}
 
.carousel-control {
  background-color: rgba(0, 0, 0, 0);
  bottom: auto;
  font-size: 20px;
  left: 0;
  position: absolute;
  top: 00%;
  width: auto;
  opacity:1
}
.carousel-control.left {
  background-image: url(../images/owl-left.png);
  background-repeat: no-repeat;
  background-position: left center;
  height: 100%;
  width: 25px;
  background-color:#fff 
}
.carousel-control.right {
    background-image: url(../images/owl-right.png);
  background-repeat: no-repeat;
  background-position: right center;
  height: 100%;
  width: 25px;
  background-color:#fff 
}
.carousel-control.left:hover {
  background-image: url(../images/owl-left-blue.png);
  background-repeat: no-repeat;
  background-position: left center;
 }
.carousel-control.right:hover {
    background-image: url(../images/owl-right-blue.png);
  background-repeat: no-repeat;
  background-position: right center;
 }
#thumbcarousel .carousel-control:focus, #thumbcarousel .carousel-control:hover{ opacity:1}

.carousel-control.left.disabled {
  background-image: url(../images/owl-left-d.png);
  background-repeat: no-repeat;
  background-position: left center;
 }
.carousel-control.right.disabled {
    background-image: url(../images/owl-right-d.png);
  background-repeat: no-repeat;
  background-position: right center;
 }

 #features-box .mylist li {
  padding-bottom: 10px;
}
.app-icon {
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  text-align: center;
  font-family:roboto-regular, sans-serif;
  line-height: normal;
  min-height: 125px;
  position: relative;
  margin-bottom:  5px;
 }
 
 .icon-container{min-height: 145px;}
.apps .icon { float:left; clear:both; width: 100%;
  
}
.apps .icon img{ width:70px;}
.icon {
  height: 70px;
  width: 70px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.app-icon.active {
  color: #00bdf2;
}
.icon-blue{ display:none;}
.icon-black, .icon-blue{ padding-bottom:5px;}
.icon-black img, .icon-blue img{ max-width:55px;}
.app-icon.active .icon-black { display:none;}
.app-icon.active .icon-blue { display:block;}
.mytooltip {
  position: absolute;
  /*left: 100px;*/
  top: 0px;
  width: 425px;
  background-color: #e7e1e5;
  padding: 0 50px 25px 25px;
  z-index: 1;
  text-align: left;
  font-size: 12px;
  line-height: 22px;
  color: #000;
  display: none
}
.mapTooltip p{font-size: 12px;}
.mytooltip.right { }
.mytooltip:hover {
  color: #000;
}
.mytooltip a, .mapTooltip a {
  padding-top: 8px;
  display: inline-block;
  border-bottom: solid 1px #b71f82;
  color: #000;
}
.mytooltip a:hover, .mapTooltip  a:hover {
  color: #000;
}
/*.mytooltip.left {
  position: absolute;
  left: auto;
  right: 100px;
  top: 0px;
  width: 425px;
  background-color: #e7e1e5;
  padding: 0 25px 25px 50px;
  z-index: 1;
  text-align: right;
  font-size: 12px;
  line-height: 22px;
  color: #000;
  display: none
}*/
.close-tooltip, .close-mapToolTip {
  width: 25px;
  height: 25px;
  float: right;
  margin-right: -50px;
  background-color: #494545;
  cursor: pointer;
  background-image: url(../images/icon-close.jpg);
  background-repeat: no-repeat;
  background-position: center center;
}
.mytooltip.left close-tooltip {
  float: left;
  margin-right: 0px;
  margin-left: -50px;
}
.tooltip-txt {
  position: relative;
  min-height: 150px;
}
.app-icon.active:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  width: 22px;
  height: 22px;
  float: left;
}
.app-icon.active.left:after {
  left: -2px;
  top: 70px;
  background: url("../images/tooltip-arrow.png") no-repeat;
}
.app-icon.active.right:after {
  right: -6px;
  top: 70px;
  background: url("../images/tooltip-arrow-right.png") no-repeat;
}
.app-icon.active.bottom:after {
  bottom: 0;
  top:auto;
  left: 45%;
  background: url("../images/tooltip-arrow-bottom.png") no-repeat;
 }

.resources-icon {
  font-size: 12px;
  text-align: center;
  font-family:roboto-regular, sans-serif;
  line-height: normal;
  padding-left: 5px;
  padding-right: 5px
}
.resources-icon .icon {
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}
.resources-icon .icon img {
  width: 60px;
}
.grey-bg {
  background-color: #e7e1e5;
}
/* Industries 1*/

.form-control, .select2 {
  min-height: 45px;
  line-height: 20px;
  font-size: 14px;
  border-radius: 0px !important;
  border: solid 1px #dddddd !important;
  box-shadow: none !important;
  color: #000;
  font-family:roboto-regular, sans-serif;
  padding-top: 12px;
  padding-right: 15px;
  padding-bottom: 12px;
  padding-left: 15px;
  width: 100%
}
textarea.form-control {
  height: 120px;
  resize: none;
  line-height: normal;
  padding-top: 12px;
}
select:required:invalid {
 color: #000;
}

/*To remove button from IE11, thank you Matt */
select::-ms-expand {
 display: none;
}

/*.selectdiv:after {
  content: '\f107';
  font-family: 'FontAwesome';
  font-size: 16px;
  color: #000;
  right: 15px;
  top: 12px;
  padding: 0 0 2px;
  position: absolute;
  pointer-events: none;
  line-height: 20px;
}*/


.selectdiv select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FFF;
  display: block;
  width: 100%;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
  background:#fff url('../images/down-arrow.png') no-repeat right 15px center; background-size: 12px;

}
option[value=""][disabled] {
  display: none;
}
option {
  color: black;
}
.selectdiv {
  position: relative;
}
.btn-send {
  width: 140px;
  height: 40px;
  line-height: 40px;
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  background-color: #b71f82;
  text-align: center;
  font-size: 12px;
  letter-spacing: 3px;
  text-transform: uppercase;
  border: none;
  color: #fff;
  font-family: roboto-bold, sans-serif
}
.btn-send.submit{
background: url('../images/loading-btn.gif') no-repeat center;
 background-size:140px 40px;
 opacity: 0.6;
 text-indent: -9999px;
 font-size: 0;
 pointer-events: none;
}


.margin-5 {
  margin: 5px;
}
.industries-desc {
  padding-bottom: 50px;
}
.industries-desc .title {
  font-size: 27px;
  font-family: roboto-bold, sans-serif;
  padding-bottom: 5px;
}
.industries-desc .title img {
  max-height: 45px
}
.industries-desc .btn-group {
  padding-top: 10px;
}
.industries-desc .btn {
  height: 40px;
  border: solid 1px #000;
  color: #000;
  border-radius: 0px;
  margin-bottom: 10px;
  margin-right: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 12px;
  font-family: roboto-bold, sans-serif;
  padding: 0;
  max-width: 100%;
}
.industries-desc .btn a {
  padding: 0 25px;
  display: block;
  color: #000;
  line-height: 40px;
}
.industries-txt p {
  font-size: 14px;
  line-height: 22px
}
.industries-txt h4 {
  font-size: 18px;
  padding: 15px 0 5px 0
}
/* care 1*/
.care-box-container {
  text-align: center;
  display: table-cell;
}
.care-box-container .icon{ width:auto; height:auto; margin-bottom:0}
.care-box-container .icon._max_100 img{max-width: 100px;}
.care-points, .consumable-points, .resources-points {
  text-align: center;
  padding-bottom: 70px;
  font-family:roboto-regular, sans-serif;
  display: inline-block;
  padding-right: 20px;
  padding-left: 20px;
  float: none;
  vertical-align: top;
}
.consumable-points{
  padding-bottom: 20px;
}
.care-points.abt { padding-bottom: 30px;}

.care-points .title, .consumable-points .title, .resources-points .title {
  font-size: 22px;
  font-family:roboto-regular, sans-serif;
  padding: 30px 0 15px 0
}
.care-points .title a,.resources-points .title a,.consumable-points .title a{color: #000; text-decoration: none;}
.resources-points .title { padding: 10px 0 15px 0 }
.care-points.abt .title {
  font-size: 22px;
  font-family:roboto-regular, sans-serif;
  padding: 10px 0 15px 0
}

.care-points p, .consumable-points p, .resources-points p {
  font-size: 14px;
  line-height: 24px;
}
.consumable-points p{ min-height:90px;}
.resources-points p{ min-height:70px;}
.consumable-points .icon, .resources-points .icon{ width:80px; height:80px; margin:0 auto;}
.consumable-points .icon img{ width:80px}

.resources-points .icon{ width:100px;}
a.FindMore {
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: solid 1px #c13d93;
  color: #000; text-decoration: none;
  padding-right: 8px;
  padding-left: 8px;
}
a.FindMore:hover{text-decoration: underline;}


/* care 2*/
.btn-enquire{
  background-color: #b71f82;
  font-size: 16px;
  font-family: roboto-bold, sans-serif;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding-top: 12px;
  padding-right: 25px;
  padding-bottom: 12px;
  padding-left: 25px;
}
.btn-enquire2{
  background-color: #b71f82;
  font-size: 16px;
  font-family: roboto-bold, sans-serif;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding-top: 12px;
  padding-right: 50px;
  padding-bottom: 12px;
  padding-left: 50px;
  line-height: 20px;
}
 .training-txt{ margin-bottom:15px; }
.training-txt .title{
  line-height: 22px;
  background-color: #b71f82;
  font-size: 17px;
  font-family: roboto-bold, sans-serif;
  color: #FFF;
  padding-top: 13px;
  padding-right: 15px;
  padding-bottom: 12px;
  padding-left: 15px;
  border: solid 1px #000;
}
.training-txt .title.t1{ border-right:none;}
.training-txt .title.t2{ border-left:none;}
.training-txt .txt{
  font-size: 13px;
  background-color: #e7e1e5;
  padding: 15px;
  min-height:150px
    
}

 /* career */
 
 #fileupload {
  display: none;
}
#custom-fileupload {
  background-color: transparent;
  border: 1px solid #000;
  width: 180px;
  max-width: 100%;
  border-radius: 0px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 12px;
  line-height: 32px;
  height: 32px;
  text-align: center;
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-family: roboto-medium, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
}

.sml-txt{ font-size:12px; font-family:roboto-regular, sans-serif;}
.uloaded-file-name{
  font-size: 12px;
  background-color: #cec8cc;
  display: inline-block;
  padding-top: 5px;
  padding-right: 50px;
  padding-bottom: 5px;
  padding-left: 15px;
  position: relative;
  font-family:roboto-regular, sans-serif;
  line-height: 20px;
}

.remove-file{
  position: absolute;
  width: 7px;
  height: 7px;
  right: 10px;
  top: 10px;
  background-image: url(../images/remove-file.png);
  background-repeat: no-repeat;
  background-position: center center;
  cursor:pointer
}

/* team */

section.teams{ overflow:hidden; padding-top:0}
#leadership_team .owl-stage-outer{ overflow:visible;}
#leadership_team .owl-stage-outer .owl-item{ opacity:0.15;}
#leadership_team .owl-stage-outer .owl-item.active{ opacity:1;}
.member{}
.member img{ width:100%;}
.member-details{ background-color:#e7e1e5; padding:20px 30px; position:relative;}
.member-details .show-details{
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0px;
  cursor: pointer;
/*  background-image: url(../images/down-arrow.jpg);
  background-repeat: no-repeat;
  background-position: center center;*/
  display:none;
}
.member-details .show-details.active{ /*background-image: url(../images/down-arrow-up.jpg);
  background-repeat: no-repeat;
  background-position: center center;*/}
.member-details .name{ font-size:22px; }
.member-details .name span{
  font-size: 12px;
  display: block;
  font-family:roboto-regular, sans-serif;
  text-transform: uppercase;
  line-height: 150%;
  padding-top: 5px;
}
.member-details .member-desc{
  display: none;
  padding-top: 20px;
}
.member-details .member-desc.active{
  display: block;
 }
#leadership_team .owl-next, #leadership_team .owl-prev {
    height: 40px;
    width: 20px;
    font-size: 0px;
    line-height: 20px;
    position: absolute;
    top: 45%;
}
#leadership_team .owl-prev {
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    left: -35px;
}

#leadership_team .owl-next {
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: -70px center;
    right: -35px;
}

/* contact */

.location-box{ margin-bottom:40px; color:#231f20 }
.location-box .title{ font-size:16px; padding:10px 0}
.location-box .location, .location-box .phones{ font-size:14px; font-family: roboto-regular, sans-serif; }
.location-box .location span, .location-box .phones span{ font-family: roboto-medium, sans-serif;}
.location-box .location-map{ padding-top:20px;}


/* news */
.news-cat, .case-cat{
  line-height: 20px;
  padding-top: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  padding-left: 30px;
  font-size: 12px;
  font-family: roboto-bold, sans-serif;
  color: #000;
  letter-spacing: 2px;
  display: inline-block;
  margin-left: 3px;
  margin-right: 3px;
  border: solid 1px #000;
  text-transform: uppercase;
  cursor: pointer;
  margin-bottom: 10px;
}
.news-cat.active, .case-cat.active{ background-color:#00bdf2; color:#fff; border:solid 1px #00bdf2;}

 
.grey-box, .blue-box, .navy-box, .purple-box, .green-box, .dark-box{
  padding-top: 40px;
  padding-right: 20px;
  padding-bottom: 40px;
  padding-left: 20px;
  background-color: #e7e1e5;
  margin-bottom: 15px;
}
.blue-box, .navy-box, .purple-box, .green-box, .dark-box{ color:#fff;}
.grey-box{
  background-color:#e7e1e5;
}

.blue-box{
  background-color:#00bdf2;
}
.navy-box{
  background-color:#0058a0;
}
.purple-box{
  background-color:#b71f82;
}
.green-box{
  background-color:#a6ce39;
}
.dark-box{
  background-color:#494545;
  
}
.news .title, .whitepaper .title{
  font-size:22px;
  line-height:30px;
  min-height:160px;
  font-family:roboto-regular, sans-serif;
  font-weight: normal;
}
.whitepaper .title{
  min-height:95px;
}
.news .CatBar{ font-size:12px; padding-bottom:30px; font-family:roboto-regular, sans-serif; display: inline-block; width: 100%;}
.news .CatBar span{ font-size:12px; float:right;}
.news a.readMr, .whitepaper a.readMr{
  font-size:13px;
  padding-bottom:5px;
  border-bottom:solid 1px #fff;
  color:#fff;
  font-family:roboto-regular, sans-serif;
  margin-bottom: 20px;
    display: inline-block;
}
.news .grey-box a.readMr, .whitepaper .grey-box a.readMr{
  font-size:14px;
  padding-bottom:5px;
  border-bottom:solid 1px #b71f82;
  color:#000;
  font-family:roboto-regular, sans-serif;
  text-decoration: none !important;
}
.news .grey-box .CatBar{
  color:#231f20;
 }
.pagging{ text-align:center;}
.pagging .showing-results {
  font-size:14px; font-family:roboto-regular, sans-serif; text-align:center; margin-bottom:30px;
}

a.page-link  { color:#000; font-family:roboto-regular, sans-serif; font-size:14px; padding:4px 4px; margin:2px}
a.page-link.prev{ margin-left:10px;}
a.page-link.active {   font-family: roboto-bold, sans-serif;}
a.page-link.inactive{ opacity:0.1}
 

/* Technology selector */


.tech-options .box{
  margin-bottom: 15px;
  background-color: #e7e1e5;
  padding-top: 20px;
  padding-right: 70px;
  padding-bottom: 15px;
  padding-left: 30px;
  position:relative;
}
.tech-options .box.stp5{
  padding-right: 90px;
 }
.tech-options .box .checkmark{
  position: absolute;
  background-image: url(../images/checkmark-circle.png);
  background-repeat: no-repeat; background-size: 27px;
  background-position: center center;
  height: 27px;
  width: 27px;
  top: 23px;
  right: 15px;
  z-index:1;
  left: 1px;
  border:none;
}
.tech-options .box .title{ font-size:26.5px; font-family: roboto-bold, sans-serif; line-height:32px; padding-bottom:10px; }  
.tech-options .box p{ font-family:roboto-regular, sans-serif; font-size:14px; line-height:22px; padding-bottom:5px;}

.itm { width:82px; margin-right:12px; font-size:12px; text-align:center; float:left; font-family:roboto-regular, sans-serif; cursor:pointer; line-height:15px; min-height:135px;}
.itm img{ border:solid 3px #fff; margin-bottom:10px;     width: 100%;}
.itm.act img{ border:solid 3px #00bdf2; }
 
.tech-options .box .form-control{ width:400px; max-width:90%; margin-bottom:15px}

.tech-result{
  border: solid 1px #999999;
  border-radius: 2px;
  padding-top: 35px;
  padding-right: 35px;
  padding-bottom: 60px;
  padding-left: 35px;
}
.tech-result .title{
  font-size: 26.5px;
  font-family: roboto-bold, sans-serif;
  line-height: 32px;
  padding-bottom: 10px;
  text-align: center;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: #494545;
  margin-bottom: 10px;
}
.tech-result .result-box{
  padding-top: 10px;
  padding-bottom: 10px;
  text-align:center 
}
.tech-result .result-box .title{
  font-size: 16px;
  font-family: roboto-bold, sans-serif;
  padding-bottom: 10px;
  border: none;
  margin-bottom: 0;
  color: #231f20;
  line-height: normal;
  padding-top: 15px;
}
.btn-restart{
  font-size: 12px;
  text-transform: uppercase;
  color: #FFF;
  background-color: #00bdf2;
  letter-spacing: 2px;
  height: 45px;
  width: 300px;
  line-height: 45px;
  padding: 0px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  cursor:pointer;
      font-family: roboto-medium, sans-serif;
}
.btn-restart a{color: #fff; text-decoration: none;}
  
/* resources 4*/

.solution-box{ background-color:#e7e1e5; padding:25px }

.testimonial{padding: 40px 0 30px;}
.testimonial  .txt{
  border-left-width: 2px;
  border-left-style: solid;
  border-left-color: #b71f82;
  font-size: 17px;
  line-height: 23px;
  font-family:roboto-regular, sans-serif;
  padding-left:30px;
}
.testimonial  .txt p{ font-size: 17px;font-family:roboto-regular, sans-serif;}
.testimonial .user-name {
  padding-left: 30px;
  font-size: 13px;
  font-family:roboto-regular, sans-serif;
  color: #0058a0;
}
  
.navigation .prv{
  font-size: 14px;
  padding-right: 40px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b71f82;
  float: left;
  font-family:roboto-regular, sans-serif;
}

.navigation .prv.disabled,.navigation .nxt.disabled{opacity: 0.2;}

.navigation .nxt{
  font-size: 14px;
  padding-left: 40px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b71f82;
  float: right;
  font-family:roboto-regular, sans-serif;
} 

.navigation a.prv, .navigation a.nxt{ color:#000} 

.product-info {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
  font-family: roboto-bold, sans-serif;
 }

.product-info th{
  background-color: #cec8cc;
  padding-left: 20px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-right-width: 5px;
  border-bottom-width: 5px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #FFF;
  border-bottom-color: #FFF;
}
.product-info td{ background-color:#e7e1e5; padding-left: 20px;    
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  border-right-width: 5px;
  border-bottom-width: 5px;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-color: #FFF;
  border-bottom-color: #FFF;}

.our-brand-container{ text-align:left;}
.our-brand-container .title{
  font-size: 17px;
  font-family: roboto-bold, sans-serif;
  clear:both;
  margin-bottom:10px;
}
.our-brand-container .icon{ float:left;    width: 100%;}
.our-brand-container .icon img{max-width:70px;}
.our-brand-container p{ margin-bottom:40px;}

.cases-container  .cases:nth-child(2n+1){clear:left} 
 
 .mnu  span.num{ width:22px; height:22px; border-radius:100%; background-color:#a6ce39; color:#fff; margin-left:5px; display: inline-block; text-align:center; line-height:22px;} 
 
.cat-txt, .date-txt{ font-size:12px; color:#231f20; font-family:roboto-regular, sans-serif;
 }
 .date-txt{
  font-family:roboto-regular, sans-serif;
  font-style: italic;
}
 
.news-list p{
  font-size: 22px;
  font-family:roboto-regular, sans-serif;
} 
.news-list .readMore, .other-list .readMore{
  font-size: 13px;
  font-family:roboto-regular, sans-serif;
  margin-bottom: 35px;
  padding-top: 5px;
  padding-bottom: 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #b71f82;
  display:inline-block;
  clear:both
}
.news-list .readMore a, .other-list .readMore a{
  color:#000
}
.other-list .readMore{ margin-bottom:0; padding-top:  0px;}
.other-list{ padding:10px 0 25px 0; }
.other-list .title{  font-size:17px; color:#231f20; padding-bottom:10px;}

.breadcrumb{ background-color:transparent; text-align:right; font-family:roboto-regular, sans-serif; font-size:12px; color:#000; padding: 8px 0px; margin-bottom: 10px;}
.breadcrumb span{ padding-left:10px; padding-right:10px; color:#cccccc}
.breadcrumb a{ color:#000;}
.download-items{
  line-height: 28px;
  background-color: #494545;
  
  color: #cec8cc;
  margin-right: 15px;
  float: left;
  font-size: 12px;
  background-image: url(../images/download-arrow.png);
  background-repeat: no-repeat;
  background-position: right center;
  margin-bottom:10px;
}
.download-items a{ color: #cec8cc;
padding-top: 5px;
  padding-right: 50px;
  padding-bottom: 5px;
  padding-left: 35px;
  display:block;}

.download-datasheet{
  background-color: #a6ce39;
  padding: 15px 60px;
  font-size: 12px;
  font-family: roboto-medium, sans-serif;
  letter-spacing: 2px;
  color: #fff;
  text-transform: uppercase;
  display:inline-block;
  margin-top:25px;
}
.download-datasheet a{ color:#fff;}

.solution-img{position:relative; padding-top: 15px;}
.solution-img img{ width:100%; z-index:1;}

.solution-img .mapBox{
  position:absolute;
  z-index:2;
  width:180px;
  height:250px;
  cursor:pointer;
  padding:20px 0;
  }
.solution-img .map1,.solution-img .map6_2, .solution-img .map2, .solution-img .map3, .solution-img .map4, .solution-img .map5, .solution-img .map6{ top:20px;}

.solution-img .map7,.solution-img .map7_2, .solution-img .map8, .solution-img .map9, .solution-img .map10, .solution-img .map11, .solution-img .map12{ bottom:35px;}
  
.solution-img .map1{ left:2.4%}
.solution-img .map2{ left:16.3%}
.solution-img .map3{ left:32.07%}
.solution-img .map4{ left:45.9% }
.solution-img .map5{left:57.1%}
.solution-img .map6{left:66.8%}
.solution-img .map6_2{left:77.55%}
.solution-img .map7_2{left:11.3%;}
.solution-img .map7{left:34.8%;}
.solution-img .map8{left:23.4%}
.solution-img .map9{left:42%}
.solution-img .map10{left:56.25%}
.solution-img .map11{ left:55.55%}
.solution-img .map12{left:67.5% }

.mapBox.active {
  background-image: url(../images/tooltip-arrow-top.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.mapBox.bottom.active {
  background-image: url(../images/tooltip-arrow-bottom.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}


 .mapTooltip {
  position: absolute;
  background-color: #e7e1e5;
  padding: 0 50px 25px 25px;
  z-index: 1;
  text-align: left;
  font-size: 12px;
  line-height: 22px;
  color: #000;
  display: none;
  width:560px; 
  max-width:100%;
  z-index: 5;
}
.solution-img-out{ position:relative}
#mp1-txt, #mp2-txt, #mp3-txt{ left:5%; top:0px}
#mp4-txt, #mp5-txt, #mp6-txt,#mp6_2-txt{ right:0; top:0px;}


#mp7-txt,#mp7_2-txt{left: 0; bottom:12px; top:auto}
#mp8-txt, #mp9-txt{ left:10%; bottom:12px; top:auto}
#mp10-txt, #mp11-txt, #mp12-txt{ right:0; bottom:12px; top:auto}

#mp2-txt{ left:6%;}
#mp3-txt{ left:7%;}
#mp8-txt{left:11%; }
#mp9-txt{left:12%; }

#mp10-txt, #mp4-txt{right:2%; }
#mp11-txt, #mp5-txt{right:1%; }

.TootlTip-txt{ clear:both }
.mapTooltip p{font-size: 12px;}

/* css by harish */
section.brands_sec{display: block; padding-bottom:0px;}
.pt_25{padding: 25px 0;}
.getquoteform .form-control, .getquoteform .select2{min-height: 55px;}
.getquoteform .selectdiv:after{top:50%; margin-top: -12px;}
.g-recaptcha{display: inline-block;}
.thankmessage{display: block; min-height: 500px;}
.thankmessage .page-title{padding-bottom: 0;}
.thankmessage .message{text-align: center;}
.thankmessage .message p{font-size: 20px; font-family: roboto-medium, sans-serif;}
.thankmessage .test_medium{display: block; text-align: center; padding: 20px 0 35px;}
.thankmessage .downloadsection{display: block; text-align: center;}
.thankmessage .downloadsection a{display: inline-block;}
.thankmessage .downloadsection a img{display: inline-block; margin-bottom: 10px;}
.thankmessage .downloadsection a span{display: block; text-align: center; font-size: 14px; font-weight: normal;}
.has-error{color:red; display: block; padding:0 5px; font-weight: normal; font-size: 14px;}
.service_support .has-error{text-align: center;}
.product-desc a{color: #000; text-decoration: none;}
#leadership_team .owl-next, #leadership_team .owl-prev{top:calc(215px - 20px); top:-webkit-calc(215px - 20px);}
#leadership_team .owl-stage-outer .owl-item,#popular_products .owl-stage-outer .owl-item,#popular_products .owl-stage-outer .owl-item.active{pointer-events: none;}
#leadership_team .owl-stage-outer .owl-item.active,#popular_products .owl-stage-outer .owl-item.center.active{pointer-events: all;}

.navtab{padding:5px 0 0;}
.addresec{min-height: 123px;}
.location-box .title{min-height: 48px;}
.navtab ul{list-style-type: none; margin: 0; padding: 0; text-align: center;}
.navtab ul li{display: inline-block;}
.contact .clearfix{font-size: 0;}
.page-title h4 a{color:#000;}
.why-matthews .section-title .clearfix,.popular-products .section-title .clearfix{font-size: 0; height: 10px;}
.cases-container .cases{padding-bottom: 20px;}
#features-box .product-slider2 ~ .clear60{height: 10px;}
.product-list.margin-15 .clear40{height:0px;}
.videosection iframe{min-height: 400px; width: 100%;}
section.videosection{padding-top: 0;}
section.careersec{padding-top: 5px; margin-top: -90px;}
.technologysec>section,.solutionsect>section{padding-top: 5px; padding-bottom: 0px;}
.industries-txt ul{padding: 0 0 0 20px; font-size: 14px; font-family:roboto-regular, sans-serif;}
.carousel-control.left.first{display: none;}
.readMr.white{color:#fff; border-color:#fff;}
section.second_menus{padding-top: 0px; padding-bottom: 5px;}
.key-points ul li .clearfix{font-size: 0px;}
section.popular-products{padding-top: 5px;}
.resources-icon a{color:#231f20; text-decoration: none;}
.arrowtop{height:13px;width:13px;background:#e7e1e5;position:absolute;top:24px;right:143px;transform:rotate(45deg);height:13px;width:13px;background:#e7e1e5;} 
.pagetab_block{text-align: center; display: block; padding: 25px 0 20px; float: left; width: 100%;}
.pagetab_block .actiontlink{display: inline-block; font-size: 20px; font-family: roboto-bold, sans-serif; border:1px solid #000; padding: 15px 40px;color: #000; min-width: 325px;
text-align: center;margin: 0 5px; }
.pagetab_block .actiontlink.active{background: #b71f82; border-color: #b71f82; color: #fff;}
.page_promotion{display:inline-block; width: 100%;}
.page_promotion .lpage-title,.promotional-cod .lpage-title{font-size: 45px; font-family: roboto-bold, sans-serif; margin:15px 0 20px; padding: 0; letter-spacing: 0.3px;}
.page_promotion .page{font-size: 21px; font-family:roboto-regular, sans-serif; letter-spacing: 0.3px; line-height: 1.5; margin-bottom:40px;}
.listcontent{display: block; padding: 75px 0 25px;}
.listcontent .block-title{display: block;}
.listcontent .block-title h3{display:block;font-size:27px;margin:0;padding:10px 0;font-family: roboto-bold, sans-serif;}
.listcontent .block-title span{display: block;}
.listcontent .block-title span a{font-size: 21px; font-family:roboto-regular, sans-serif; text-decoration: none; color:#0058a0;}
.listcontent .left_media{ display: block;float: left; }
.listcontent .left_media img{max-width: 82px}
.listcontent .right_conent{display: block; padding-left:96px;}
.custom_lists{display: block; float: left; width: 100%; margin-top: 25px;}
.custom_lists ul{list-style-type: none; margin: 0; padding:0;}
.custom_lists ul li{background:url(../images/tick_13x13.png) no-repeat;background-position:0 8px;padding-left:30px;margin-bottom:15px;line-height:1.6;font-size:16px;
font-weight: normal;}
.custom_lists ul li strong{display: block;}
.listcontent .custom_lists p{font-size: 16px; font-weight:normal;}
.listcontent .custom_lists p strong{font-family: roboto-bold, sans-serif;}
.listcontent .custom_lists{margin-bottom: 40px;}
.promotional-cod {display: block; padding: 0 0 20px;}
.promotional-cod .lpage-title{margin-bottom: 25px;}
.promotional-cod .block-pagecontent{ display: block; padding-top: 50px; }
.promotional-cod .block-pagecontent p{font-size: 16px; margin-bottom: 15px;}
.promotion_code .right_prmotonimg{ margin-top: 30px; padding-left: 30px; }
.promotion_code .block-subhead{font-size: 26px; margin:10px 0 15px; padding: 0; font-family: roboto-bold, sans-serif;}
.promotion_code .block-page{font-size: 16px;}
.promotion_code .block-page.top_30{margin-top: 30px;}
.genral_list{font-size: 14px; font-family:roboto-regular, sans-serif;}
.iframes iframe{width: 100%; min-height: 350px;}
.page_autohight p{min-height: auto !important; margin-bottom: 10px;}
.table_page_cust tr td{border:2px solid #fff !important; padding: 10px 15px !important; width: 50%; background: #f6f6f6; font-size: 14px; font-family:roboto-regular, sans-serif; }
.pdfdata{display: block; margin: 0; padding: 10px 0;}
.pdfdata .heading-data{font-size: 18px; font-family: roboto-bold, sans-serif; display: block; padding-bottom: 15px; margin-bottom: 0;}
.table_pdf_head{width: 100%; padding: 5px 0; font-size: 14px; font-weight: normal;}
.table_pdf_head strong{display: inline-block; padding-right: 10px; font-size: 14px;  font-family: roboto-bold, sans-serif;}
.pdfcol_row{position: relative; margin:35px -8px 0;}
.pdfcol_row.new{margin:15px -8px 0;}
.pdfcol_row .pfg_col_4{display: block; width: 33.33%; position: relative; padding: 0 8px; float: left;}
.pdfcol_row .pfg_col_4 article{padding: 15px 0;}
.pdfcol_row .pfg_col_4.new article{padding: 0;}
.pdfcol_row .pfg_col_4.new article h4{line-height:160%;font-size:13px;font-family: roboto-bold, sans-serif;margin-bottom:5px;display:block;margin-top:10px;}
.pdfcol_row .pfg_col_4 article h4{font-size: 15px;}
.pdfcol_row .pfg_col_4 article p{font-size: 14px; font-family:roboto-regular, sans-serif;}
.pdfcol_row .pfg_col_4 article .block_highlight{display: block; padding: 10px; background: #f6f6f6;}
.img_fluidc{display: block; max-width: 100%; margin-bottom: 15px;}
#leadership_team .item .member-details{min-height: 105px;}
.btn-send.more{width: 200px;}
.pdf_col_12{display: block; float: left;}

.care-box-container .icon._max_100{text-align: center;}
.care-box-container .icon .icons_main{position:relative; text-align: center; display: inline-block;}
.care-box-container .icon._max_100 .hover_img{position: absolute; display:none; left: 0;top: 0; background: #fff;transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in;} 
.care-box-container .care-points:hover .hover_img{display: block;}
.care-box-container .care-points:hover .title a{color: #B71F82;}
.tech-options>.box .itm .img_main{display: block; width: 100%; height: 82px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; justify-content: center;
align-items: center; -webkit-justify-content:center; -webkit-align-items:center; border:3px solid #fff; margin-bottom: 10px; background: #fff;}
.tech-options>.box .itm .img_main img{max-height: 80%; max-width: 80%; width: auto; border: none; margin-bottom: 0;}
.tech-options>.box .itm.act .img_main{border: solid 3px #00bdf2;} 
.tech-result .result-box img{max-height: 82px; max-width: 82px;}
.page-title h1 img,.page-title h1 span{display: inline-block; vertical-align: middle;}

.mandatory{position: relative;} 
.mandatory .placeholderss{position: absolute;top: 17px;left: 16px;color: #444; }
.mandatory .placeholderss label{display: inline-block;max-width: 100%;margin-bottom: 0px; font-size: 13px; font-family:roboto-regular, sans-serif;}
.mandatory .placeholderss.select label{visibility: hidden;}
.mandatory .placeholderss .star{color:red;}
.mandatory> input.form-control,.mandatory> select.form-control,.mandatory> select,.mandatory> textarea.form-control{padding-left: 25px; padding-top: 15px;}
.whitepaper_subtitle{font-size:24px; color:#0058a0; margin: 0 0 15px; font-family: roboto-bold, sans-serif;}

.whitepap_titleforth{display: block; margin: 20px 0 15px; font-size: 15px; font-family: roboto-bold, sans-serif; color: #000;}
.whitepap_titlethird{display: block; margin: 20px 0 15px; padding: 0; font-size: 18px; font-family: roboto-bold, sans-serif; color: #b71f82;}

.fludi_inline{display: inline-block; max-width: 100%;}
.whitepaper_lists{list-style-type: disc; margin: 5px 0 15px; padding: 0 0 0 20px;}
.whitepaper_lists li{margin-bottom: 8px; font-size: 14px; font-family:roboto-regular, sans-serif;}
.row_lescol_gap{position: relative; margin: 20px -10px 0;}
.row_lescol_gap .col_les4{display: block; float: left; width: 33.33%; padding: 0 10px; min-height: 1px; position: relative;}
.row_lescol_gap .img_fluids{display: block; max-width: 100%; }
.whitepaper_ordrlists{list-style-type: disc; margin: 5px 0 15px; padding: 0 0 0 20px;}
.whitepaper_ordrlists li{margin-bottom: 8px; font-size: 14px; font-family:roboto-regular, sans-serif;}
#get_price-box .form-heading{display: inline-block; width: 100%; margin:18px 0 30px}
#get_price-box .form-heading p{margin:0px 0 0; padding: 0; line-height: 0}
.contact-form .form-heading{padding-top: 35px; padding-bottom: 20px;}
.contact-form .form-heading p{margin: 10px 0 0; padding: 0 0 0;}
.small_rightmedia{display: inline-block; float: right; max-width: 220px; margin: 0 0px 10px 20px;}
.product-list .col-md-3:nth-child(4n+1){clear: left;}
.cateogry_title {font-size: 24px; margin: 0 0 5px; padding: 0 0 10px;  border-bottom:1px solid #000; display: block;}
.cateogry_title a{color: #000000; text-decoration: none;}

.sitemap_list{list-style-type: none; margin: 0; padding: 0;}
.sitemap_list li{ display: block;}
.sitemap_list li a{color: #000; padding: 10px 0;  border-bottom: 1px solid #ddd; text-decoration: none; display: block; line-height: 140%; font-family:roboto-regular, sans-serif; font-size: 15px;}
.sitemap_list li.level_1> a{font-family: roboto-bold, sans-serif; font-size: 17px; border-bottom:1px solid #999;}
.sitemap_list li ul{padding-left: 10px;}
.sitemap_list li.level_1{margin-bottom: 10px;}
.heding_level2nd{display: block; font-family: roboto-bold, sans-serif; padding-bottom: 12px; margin: 0 0 40px; border-bottom:1px solid #000;}
.heding_level2nd a{color: #000000;}
.mbtm_20{margin-bottom: 30px;}
.mylist p.text-center .fludi_inline{margin-top: 20px;}
.callus_mobile{display: inline-block; float: right; margin: 38px 23px 0 0; cursor: pointer; border: 1px solid #363636; padding: 7px; line-height: 0;}
.callus_mobile img{max-width: 15px;}
body.act .callus_mobile{margin: 38px 10px 0 0;}
/*Technology selector mobile*/

ul.level1{margin:0 0 10px; padding: 0;}
ul.level1 li{display: block; position: relative; font-size: 12px; margin: 0 0 10px; color: #000; padding-left: 30px; font-family:roboto-regular, sans-serif;}
ul.level1 li span.count{position: absolute; top:0; left: 0; font-family: roboto-bold, sans-serif; font-size: 13px;}
ul.level2{margin:15px 0 10px; padding: 0;}
ul.level2 li{display: block; position: relative; font-size: 12px; margin: 0 0 10px; color: #000; padding-left:30px; font-family:roboto-regular, sans-serif;}
ul.level2 li span.alphabet{position: absolute; top:0; left: 0px; font-family: roboto-bold, sans-serif; font-size: 13px;}
ul.level3{margin:10px 0 10px; padding: 0;}
ul.level3 li{display: block; position: relative; font-size: 12px; margin: 0 0 10px; color: #000; padding-left:30px; font-family:roboto-regular, sans-serif;}
ul.level3 li span.romanschar{position: absolute; top:0; left:0px; font-family: roboto-bold, sans-serif; font-size: 13px;}
/*.sMenu.code-menu ul li a:hover
{color:#A6CE39;}*/  

/* Home page video in modal popup */
.vid{position: relative;}
.vid iframe{width: 100%; min-height:100%; border:none;}
.vid .video-modalsec{position: absolute; top:0; left: 0; height: 100%; width: 100%; background:#000000; z-index:1;} 
.vdclose{position: absolute;z-index:2;right: 15px;top: 15px;width: 30px;cursor: pointer;height: 30px;}
.vdclose .menu-bar1{-webkit-transform: matrix3d(0.707107, -0.707107, 0, 0, 0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 16, 0.01, 1);transform: matrix3d(0.707107, -0.707107, 0, 0, 0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 16, 0.01, 1);}
.vdclose .menu-bar2{-webkit-transform: matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, -3, 0.01, 1);
transform: matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, -3, 0.01, 1); margin-top: 17px;}
.vdclose span{transition: all 0.3s ease-in-out;width: 30px;height: 2px;display: block; background-color:#a51c76;}
/* end Home page video in modal popup */  

/*Lazy load video */
.youtube-videomain{display:block;position:relative;overflow:hidden;width:100%;padding:0}
.youtube-videomain.casedetails::before{content: ''; display: block; padding-top:42%;}
.youtube-videomain::before{content:'';display:block;padding-top:56.25%}
.youtube-videomain .play-video{position:absolute;top:0;left:0;height:100%;width:100%;cursor:pointer}
.youtube-videomain iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
/* end lazy load video */



/* category 2d barcoading */
.page-title .qr_barcodeing p{margin-bottom: 15px;}
.page-title .qr_barcodeing p:last-child{margin-bottom: 0px;}
.product-contents{display: block; position: relative; padding:0;}
.product-contents p{min-height: auto; margin-bottom: 10px;}
.headtitle_large{font-size:28px; font-family: roboto-bold, sans-serif; margin:10px 0 35px;}
.headtitle_large span{position: relative; padding:0 20px 5px 0; line-height: 1.2; display: inline-block;}
.headtitle_large span::after{position: absolute;height: 2px;background:#000000;content: '';left: 0;width: 100%;top: 100%;}
.product-contents .codes_types h4{margin-bottom:15px; font-size: 20px;}
.product-contents .applications .title2{margin-bottom: 20px; font-size:28px;}
.product-contents .applications.margin-15{padding: 40px;}
.product-list .items:hover img{border:1px solid #999;}
.product-list .items:hover .title a{color:#A6CE39;}
.product-list .items.capture:hover img{border:1px solid #999;}
.product-list .items.capture:hover .title a{color:#0058A0;}
/* end category 2d barcoading */
.catebottmcta{width: 100%;background: #484545;color: #fff;padding: 40px; margin-bottom: 30px;}
.catebottmcta .headtitle_large{font-size: 30px; color: #fff; margin-bottom: 20px; margin-top: 0px;}
.catebottmcta .headtitle_large span{padding-bottom: 10px;}
.catebottmcta .headtitle_large span::after{background-color: #fff;}
.catebottmcta p{font-size: 15px;}


/* Case study left sidebar filter*/
.filtermain{display: block; width: 100%;}
.filtermain .filterhead,.filtermain .videofilters{display:block;text-align:left;font-size:14px;text-transform:uppercase;color:#fff;letter-spacing:2px;background:#00bdf2;padding:13px 20px;font-family: roboto-bold, sans-serif;line-height:1.4;margin-bottom:10px; 
pointer-events: none;}
.filtermain .filtercolps{background: #f1edef; display: block; padding:0; margin-bottom: 10px;}
.filtercolps .filter-title{padding: 15px 30px; font-size: 14px; text-transform: uppercase; font-family: roboto-bold, sans-serif; letter-spacing: 2px; background: url('../images/expand_icon.png') no-repeat;
background-position: right 20px center;background-size: 18px; cursor: pointer; }
.filtercolps .filter-title.active{background: url('../images/colaps_icon.png') no-repeat;background-position: right 20px center;background-size: 18px;}
.filtercolps .fcollapse{display:none; position: relative; padding:5px 30px 20px;}
.leftsidbar{display: block; float: left; width:28%; padding:0 7px;}
.cases-container .cases.productmain_right {display: block; float: left; width:72%; padding:0 7px 0 13px;}

.filtercolps .filter-title.active ~ .fcollapse{display: block;}
.filtercolps .filter-title span{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}

.checkboxmain{display:block;position:relative;padding-left:30px;margin-bottom:14px;cursor:pointer;font-size:13px; font-weight: normal;
-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; line-height: 17px;}
.checkboxmain input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.checkmark{position:absolute;top:0;left:0;height:17px;width:17px; border: 1px solid #bfbcbe;}
.checkmark:after{content:"";position:absolute;display:none}
.checkboxmain input:checked~.checkmark:after{display:block}
.checkboxmain .checkmark:after{left:0; top:0; bottom: 0; right: 0; background: url('../images/checkmarks.png') no-repeat center; background-size:8px;}


.modal-fullscreen {padding: 0 !important;}
.modal-fullscreen .modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;}
.modal-fullscreen .modal-content {height: auto;min-height: 100%;border: 0 none;border-radius: 0;}
.emailmodel .modal-body{padding: 30px;}
.emailmodel button.close{position: absolute; top:20px; padding: 7px; right: 20px; height: 40px; width: 40px; z-index: 1; background: #000000; opacity: 1;}
.emailmodel button.close .crossleft,.emailmodel button.close .crossright {height:1px; display: block; width:26px; background: #fff; }
.emailmodel button.close .crossleft{transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);}
.emailmodel button.close .crossright{transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}
.emailmodel .modal-content{background:#e7e1e5;} 
body.modal-open header{padding-right: 17px;}
/* end Case study left sidebar filter*/

/*Whitepaper collapse expand section*/
.panel-custom{display: block; margin:0; padding: 0; border: none;}
.panel-group .panel-custom + .panel-custom{margin: 0; border:none;}
.panel-custom .panel-heading{margin: 0 0 20px; padding: 0; display: block;}
.panel-custom .panel-heading .panel-title a{display: block; padding:16px 35px 16px 25px; color: #0058a0; background: #e7e1e5; box-shadow:0px 2px 3px rgba(0,0,0,0.35);
-webkit-box-shadow:0px 2px 3px rgba(0,0,0,0.35); border-radius: 1px; text-decoration: none; font-size: 20px;}
.panel-custom .panel-body{border:none; padding: 10px 20px 40px 20px; line-height: 1.4;}
.panel-custom .panel-heading.active .panel-title a{box-shadow: none; -webkit-box-shadow:none; border-radius: 0; background-image:url('../images/uparrow.png'); background-repeat: no-repeat; background-position: right 15px center;
background-size: 18px;}
.panel-custom  .panel-heading + .panel-collapse>.panel-body{border:none;} 
.panel-custom .panel-heading .panel-title a {background-image:url('../images/downarrow.png'); background-repeat: no-repeat; background-position: right 15px center;
background-size: 18px; }
.img_fluids{max-width: 100%;}
.custom_accordn{margin-top: -15px;}
/*Whitepaper collapse expand section*/

/*04-02-2020*/
.navtab.blogs{margin:25px 0 0;}
.flex-row-center{display: flex; flex-wrap: wrap; justify-content: center;}
.main-category .product-desc{text-align: left; padding-left:20px;}
.product-list .main-category .title{font-size:32px; padding: 0 0 20px;}
.main-category .product-desc p{min-height: auto;}
.product-details.main-category{padding: 15px 0px 20px 0px;}
.check .product-desc .btn:hover{border-color:#00BDF2 ; background-color: #00BDF2;}
.capture .product-desc .btn:hover{border-color:#0058A0 ; background-color:#0058A0;}
.care .product-desc .btn:hover{border-color:#B71F82; background-color:#B71F82;}
.product-cta{background:#5b5757;padding:25px 35px;display:flex; align-items: center;}
.product-cta .smlimgsec{display: inline-block; min-width: 170px;}
.product-cta .smlimgsec img{display: inline-block; max-width: 44px; margin: 0 5px;}
.product-cta .centertxtsec h2{font-size: 20px; font-weight: normal; margin:0; color: #fff; line-height: 1.4}
.actionbtn a{display: inline-block; border:1px solid #fff; padding: 8px 20px; color: #fff; text-decoration: none; font-size: 14px; text-transform: uppercase; letter-spacing: 0.8px; transition: all 0.4s ease;}
.actionbtn a:hover{background:#fff; border-color: #fff; color: #5b5757;}
.actionbtn{display: inline-block;min-width: 220px; }
.centertxtsec{width: calc(100% - 400px)}
.newssec{padding-bottom: 0;}
.newssubhead{font-size: 24px; font-family: roboto-bold, sans-serif; color: #000; margin: 0 0 15px; padding: 0;}
.mt-0{margin-top: 0 !important;}

/* win landing page */
.winbnrmain{float: left; width: 100%; position: relative; margin:0; padding: 0;}
.winbnrmain .winbnrtxt{position: absolute;left: 50%;top: 50%;transform: translateY(-50%); width:33%;}
.winbnrtxt .titltags{font-size: 24px; display: block; padding: 0 0 10px; color: #fff; margin:0;}
.winbnrtxt h1{font-size: 52px; line-height: 1.185; color: #fff; margin:0 0 10px; padding: 0;}
.winbnrtxt p{font-size: 24px; color: #fff; line-height: 32px}
.wintxtdexp{float: left; width: 100%; margin:35px 0 0;}
.wintxtdexp p{font-size: 24px; color: #000; line-height: 32px;}
.winprizlst{float: left; width: 100%; margin:25px 0 0;}
.winprizlst .winprizlstmain{border-top:1px solid #CCCCCC;}
.winprizlstmain ul{list-style-type: none; margin:0; padding: 0;}
.winprizlstmain ul li{display: block; position: relative; float: left;width: 100%;padding: 35px 0;
border-bottom: 1px solid #ccc;}
.winprizlstmain ul li .prizleftsc{float: left; width: 30%; padding: 0 20px; text-align: center; margin:0;}
.winprizlstmain ul li .prizrightsc{float: left; width: 65%; padding: 10px 20px 0; margin:0;}
.prizleftsc h2,.prizleftsc h2 span{font-size: 72px;  font-family: roboto-bold, sans-serif; margin:0 0 5px;}
.prizleftsc h2._first,.prizleftsc h2._first span{color: #A6CE3A;}
.prizleftsc h2._second,.prizleftsc h2._second span{color: #0157A0;}
.prizleftsc h2._third,.prizleftsc h2._third span{color: #B71F83;}
.prizleftsc span{display: block; font-size: 24px; font-family: roboto-bold, sans-serif;}
.prizrightsc p{font-size: 16px; line-height: 28px; font-family:roboto-regular, sans-serif;}
.winbtmsct{float: left; width: 100%; margin: 30px 0 0;}
.winbtmsct .applytxt p{font-size: 16px; line-height: 28px;}
.winbtmsct .applytxt p strong{font-family: roboto-bold, sans-serif;}
.winbtmsct .applytxt{display: block; padding: 0 0 10px;}
.winbtmsct .applytxt a{text-decoration: none; color: #B71F83;}


/*animate css*/
.animate {font-size: 50px;margin: 100px 0 0;}
.animate span {display: inline-block;}
.animate span:nth-of-type(2) {
  animation-delay: .06s;
}
.animate span:nth-of-type(3) {
  animation-delay: .12s;
}
.animate span:nth-of-type(4) {
  animation-delay: .18s;
}
.animate span:nth-of-type(5) {
  animation-delay: .24s;
}
.animate span:nth-of-type(6) {
  animation-delay: .25s;
}
/* Animation One */


/* Animation Three */
.three span {
  color: #A6CE3A;
  opacity: 0;
  transform: translate(-300px, 0) scale(0);
  animation: sideSlide .5s forwards;
}

.three-2 span {
  color: #0157A0;
  opacity: 0;
  transform: translate(-300px, 0) scale(0);
  animation: sideSlide2 .5s forwards;
}

.three-3 span {
  color: #B71F83;
  opacity: 0;
  transform: translate(-300px, 0) scale(0);
  animation: sideSlide3 .5s forwards;
}

@keyframes sideSlide {
  60% {
    transform: translate(20px, 0) scale(1);
    color: #A6CE3A;
  }

  80% {
    transform: translate(20px, 0) scale(1);
    color: #A6CE3A;
  }

  99% {
    transform: translate(0) scale(1.2);
    color: #0157A0;
  }

  100% {
    transform: translate(0) scale(1);
    opacity: 1;
    color: #A6CE3A;
  }
}

@keyframes sideSlide2 {
  60% {
    transform: translate(20px, 0) scale(1);
    color: #0157A0;
  }

  80% {
    transform: translate(20px, 0) scale(1);
    color: #0157A0;
  }

  99% {
    transform: translate(0) scale(1.2);
    color: #B71F83;
  }

  100% {
    transform: translate(0) scale(1);
    opacity: 1;
    color: #0157A0;
  }
}
@keyframes sideSlide3 {
  60% {
    transform: translate(20px, 0) scale(1);
    color: #B71F83;
  }

  80% {
    transform: translate(20px, 0) scale(1);
    color: #B71F83;
  }

  99% {
    transform: translate(0) scale(1.2);
    color: #A6CE3A;
  }

  100% {
    transform: translate(0) scale(1);
    opacity: 1;
    color: #B71F83;
  }
}
/* end animate css*/


/* win landing page */





@media only screen and (max-width: 1800px)
{
#leadership_team .owl-next, #leadership_team .owl-prev{
top: calc(215px - 20px);
top: -webkit-calc(215px - 20px);} 
}
@media only screen and (max-width: 1500px)
{
#leadership_team .owl-next, #leadership_team .owl-prev{
top: calc(280px - 20px);
top: -webkit-calc(280px - 20px);} 
}
@media only screen and (max-width: 1200px)
{
#leadership_team .owl-next, #leadership_team .owl-prev{
top: calc(260px - 20px);
top: -webkit-calc(260px - 20px);}   
.location-box{margin-bottom: 20px;}
#home_features .feature-details p{min-height: 110px;}
.winbnrmain .winbnrtxt{width: 40%;}
}

@media only screen and (max-width: 1000px)
{
#leadership_team .owl-next, #leadership_team .owl-prev{
top: calc(300px - 20px);
top: -webkit-calc(300 - 20px);}
#home_features .feature-details p{min-height: 126px;}
}

@media only screen and (min-width:1200px)
{
.owl-carousel.three_column  .owl-stage{width: 100% !important;} 
.owl-carousel.three_column .owl-item {width: 33.33% !important;}
.container{max-width: 100% !important; }
}

@media only screen and (max-width: 1200px)
{
.cases.productmain_right .txt-section .readMore{font-size: 16px;} 
}
@media only screen and (max-width: 1024px)
{
  body.modal-open header{padding-right: 0px;}
}
@media only screen and (min-width: 992px)
{

.feature-details.ft-code:hover, .feature-details.ft-check:hover, .feature-details.ft-capture:hover, .feature-details.ft-care:hover{
  background-image: none !important;
} 

.btn.view-all:hover, .btn.view-all2:hover {
  background-color: #000;
  color: #fff
}
.btn.view-all:hover a, .btn.view-all2:hover a {
  color: #fff;
}
.product-box:hover a {
  color: #b71f82;
}
.col-lg-1h {
    width: 12.33333333%;
}
.txt-section .readMore a.read:hover, .txt-section .readMore.video a:hover {
  color: #b71f82
}
.banner .btn:hover {
  background-color: #0058a0;
  border: solid 2px #0058a0;
}
.home-resources .btn a:hover {
  text-decoration: none;
}
.home-resources .btn:hover, .home-resources .btn.active {
  background-color: #00bdf2;
  border: solid 1px #00bdf2
}
.blue-bar a:hover {
  background-color: #fff;
  color: #000;
}
.news-cat:hover, .case-cat:hover{background-color: #00bdf2;color: #fff;border: solid 1px #00bdf2;}
#popular_products .owl-stage-outer .owl-item.active{pointer-events: all;}
.product-list.margin-15 .col-sm-4:nth-child(4n+1){clear: left;}
.industries-desc .btn:hover{color:#fff; background:#a6ce39; border-color:#a6ce39;}
.industries-desc .btn:hover a{color: #fff;}
.app-main .apps:nth-child(4n+1) {clear: left;}

}

 @media only screen and (max-width: 991px){
 section.home-blogsec{display: block; position: relative;}  
 section.home-blogsec .container{position: static;}
 section.home-blogsec #home_blogs{position: static; overflow:inherit;}
.applications .apps:nth-child(2n+1){clear: left;}
.resources-txt .product-info{width: 100%;}
.whitepaper-container .whitepaper:nth-child(2n+1){clear: left;}
.whitepaper-container .whitepaper:nth-child(3n+1){clear: none !important;}
.icon-container{min-height: 120px;}
section#videos-box,section#case_studies-box{padding-top: 0; padding-bottom: 0;}
#applications-box .app-icon{min-height: 102px;}
.arrowtop{right: 125px;}
.row.categblock{margin-left: 0; margin-right: 0;}
body.modal-open header{padding-right: 0px;}
.product-cta{display: block; float: left; width: 100%; text-align: center; padding: 30px;}
.centertxtsec {width: 100%; text-align: center; padding: 25px 0;}
.winbnrtxt h1{font-size: 40px;}
.winbnrtxt p{font-size: 18px;}
}

@media only screen and (min-width: 768px)
{
  .tech-result{display: block !important;}
  .filtercolpsmain{display: block !important;}
}

@media only screen and (min-width: 768px) and (max-width: 900px)
{
.filtercolps .filter-title{padding-left: 20px; padding-right: 20px;}
.filtercolps .fcollapse{padding-left: 20px; padding-right: 20px;}
}

@media only screen and (max-width: 767px){

.product-contents{ padding: 0 15px; }
.catebottmcta{padding: 30px;}
.leftsidbar,.cases-container .cases.productmain_right{width: 100%; padding: 0px;}
.filtermain{padding: 0 15px;}
.filtercolpsmain{display: none;}
.filtermain .filterhead,.filtermain .videofilters{background-image: url('../images/flterexpnd.png'); background-repeat: no-repeat; background-size: 15px; background-position: right 15px center;}
.filtermain .filterhead.active,.filtermain .videofilters.active{background-image: url('../images/fltercanel.png'); background-repeat: no-repeat; background-size: 17px; background-position: right 15px center;
margin-bottom: 10px;}
.filtermain .filtercolps:last-child{margin-bottom: 0px;}
.filtermain .filterhead,.filtermain .videofilters{pointer-events: all; cursor: pointer; }
.filtermain .filterhead span,.filtermain .videofilters span{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;}
.filtermain{padding: 0;}
body.filters{overflow:hidden;}
body.filters .filtermain{position:fixed;top:0;left:0;width:100%;z-index:9999999999;background:#fff;height:100%;overflow-y:scroll;}
.emailmodel .modal-body{padding: 20px 0px;}
.navbar-right .navbar-nav > li > a.ConctMenu._emaillink{margin-left:0px;width: calc(50% - 5px); float: left; margin-right: 5px;}
.navbar-right .navbar-nav > li > a.ConctMenu.selected{width: calc(50% - 20px); float: right; margin-right:0;}
.navbar-right .navbar-nav>li>a.ConctMenu.selected{color: #2d2e40; border:1px solid #8d8c8c; background: none;}

.panel-custom .panel-body{padding: 10px 0px 15px 0px}
.panel-custom .panel-heading .panel-title a{padding:16px 35px 16px 20px;}
.panel-custom .panel-heading{margin: 0 0 15px;}
.nav > li.menu-banner{padding: 40px 15px 25px; border:none;}
.nav > li.menu-banner .col-xs-12.menu-mbbanner{float: none;display: inline-block; padding: 0 15px; width: 100%; margin-bottom: 10px;}
.winbnrmain .winbnrtxt {position: relative;left: 0;top: 0;transform: translateY(0);width: 100%;margin: 30px 0 0;}
.winbnrtxt .titltags{color: #000; font-family:roboto-regular, sans-serif;}
.winbnrtxt h1{font-size: 32px; color: #000; margin:0 0 15px;}
.winbnrtxt h1 span{display: block;}
.winbnrtxt p{font-size: 18px; color: #000; line-height:1.4;}
.wintxtdexp{margin: 15px 0 0;}
.wintxtdexp p{line-height:1.46; font-size: 16px;}
.winprizlstmain ul li .prizleftsc,.winprizlstmain ul li .prizrightsc{width: 100%; padding: 0; text-align: left;}
.prizleftsc h2, .prizleftsc h2 span{font-size: 62px;}
.prizleftsc h2{display: block;}
.prizleftsc span{display: inline-block;}
.winprizlstmain ul li{padding: 25px 0 15px;}
.winprizlstmain ul li .prizleftsc{margin: 0 0 15px;}
.winbnrmain{margin-top: -16px;}
.winbnrmain .img-responsive{max-width: calc(100% + 30px);margin-left: -15px;}
} 
/* end css by harish */




 @media only screen and (min-width : 1200px) {

.banner img {
  max-width: 100%;
}
.section-title {
  padding-left: 80px;
  padding-right: 80px;
}
.compare-box .compare-content, .getPrice-box .price-content {
  width: 1170px
}
.compare-content .left-column {
  width: 20%;
}
.compare-content .right-column {
  width: 80%;
}
.care-points p {
  font-size: 14px;
  line-height: 22px;
  min-height: 150px;
}
.care-points.abt p {
  min-height: 50px;
}

.product-info {
  width:90%;
}
.second-menu.affix {
    width: 1170px;
}
.whitepaper-container  .whitepaper:nth-child(3n+1){clear:left} 
.news-container .news:nth-child(3n+1){clear:left}
}



 @media only screen and (max-width : 1200px) {
.home-resources .btn a {
  padding: 0 20px;
}
.home-resources {
  min-height: 335px;
}
.product-info {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-bottom: 30px;
  font-family: roboto-bold, sans-serif;
  width:100%;
}
 

}
@media only screen and (min-width: 992px) and (max-width: 1200px)
{
.banner h1{font-size: 44px;}  

}
@media only screen and (min-width : 768px) {
  
.navbar-right .navbar-nav > li > a{float: left; margin: 0 7px; padding:8px 15px;} 
.navbar-right .navbar-nav > li > a:not(._emaillink)::after{content: ''; opacity: 0; position: relative; width: calc(100% + 50px); left:-25px; transition: all 0.3s; transform: scale(0); bottom: -9px; display: block; height: 2px; background:#494545;}
.navbar-right .navbar-nav > li > a:hover:after{transform: scale(1); opacity: 1;}
.navbar-right .navbar-nav > li.code > a::after{background: #a6ce39;}
.navbar-right .navbar-nav > li.check > a::after{background: #00c7ff;}
.navbar-right .navbar-nav > li.check ~ li.check a::after{background: #0073d2;}
.navbar-right .navbar-nav > li.capture > a::after{background: #0073d2;}
.navbar-right .navbar-nav > li.care > a::after{background: #b71f82;}
.container, .compare-box .compare-content, .second-menu.affix {max-width: 90%;}

/*.dropdown:hover .dropdown-menu {
  display: block
}*/
.dropdown:hover a.dropdown-toggle {
}
.padding-r-7 {
  padding-right: 7px;
  padding-left: 0px;
}
.padding-l-7 {
  padding-left: 7px;
  padding-right: 0px;
}
.navbar {
  position: static
}
.nav>li {
  display: block;
  padding: 22px 0;
  float: left
}
.nav>li.floatRight {
  float: right;
}
.dropdown-toggle .dwn {
  width: 10px;
  margin-left: 7px;
  background-image: url(../images/menu-arrow-sml.png);
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px;
  float: right;
  background-size: 10px;
}
.dropdown-toggle:hover .dwn {
  background-image: url(../images/menu-arrow-sml-hover.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.nav>li.sml-menu {
  position: relative;
}
.nav>li.sml-menu .dropdown-menu {
  width: 250px;
  top: 37px;
}
/* keep dropdown menu hidden on clicking*/
.open>.dropdown-menu {
/*  display: none;*/
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: transparent;
}
.menu-search.open .menu-search-form {
  display: block;
}
.menu-search-form {
  position: absolute;
  width: 100%;
  left: 0;
  display: none;
  padding-top: 30px;
  top: 63px
}
.menu-search-form-bg {
  background-color: #e7e1e5;
  padding: 10px 20px;
}
.menu-search-form .form-control {
  background-color: #e7e1e5;
  border: none;
  text-align: center;
  height: 75px;
  font-size: 20px;
  color: #000;
  width: -moz-calc(100% - 44px);
  width: -webkit-calc(100% - 44px);
  width: -o-calc(100% - 44px);
  width: calc(100% - 44px);
  float: left;
  border: none !important;
  font-family:roboto-regular, sans-serif;
}
.form-control-submit {
  text-align: center;
  cursor: pointer;
  background-color: #e7e1e5;
  background-image: url(../images/menu-icon-search-black.png);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 16px;
  float: left;
  height: 75px;
  width: 44px;
  font-size: 0px;
  border-radius: 0;
  border: solid 1px #e7e1e5
}
.search-box:active, .search-box:focus {
  outline-color: transparent;
  outline-style: none;
  -webkit-appearance: none;
  outline: none !important;
  outline: 0px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.wide-column {
  width: 56%
}
.narrow-column {
  width: 22%
}
.menu-search {
  float: left;
  margin-right: 20px;
  height: 35px;

}
.menu-search.open{
  background-image: url(../images/search-arrow.png);
  background-repeat: no-repeat;
  background-position: center bottom;
}
.margin-15 {
  margin-left: -15px;
  margin-right: -15px;
}
.pull-right-lg {
  float: right;
}

.care-points, .consumable-points, .resources-points {
  width: 45.5%;
}

.news-container, .cases-container, .tech-container, .whitepaper-container{ margin-left:-7px; margin-right:-7px; }

.tech-options, .news, .cases, .whitepaper{ padding-left:7px; padding-right:7px; }

.resources-txt{ padding-left:50px; }

#leadership_team .owl-prev:hover {
    background-image: url(../images/arrow-blue.png);
    background-repeat: no-repeat;
    background-position: 0px center;
    left: -35px;
}

#leadership_team .owl-next {
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: -70px center;
    right: -35px;
}
.p-r-60{ padding-right:60px;}

.scroll-right, .scroll-left{ display:none;}
}

@media only screen and (min-width:992px) and (max-width:1200px)
{
  .navbar-right .navbar-nav > li > a{margin:0 2px;}
}

/*07-10-2019*/
.capture-thmbsec .consumable-points .icon{display: flex; display:-webkit-flex; justify-content: center; align-items: flex-end;}
.capture-thmbsec .consumable-points .icon img{ max-width: 80px; max-height: 80px; }
.capture-thmbsec .consumable-points .title{padding: 15px 0 15px 0;} 
.capture-thmbsec .consumable-points p{font-size: 13px; font-family:roboto-regular, sans-serif;}
.heigh_auto{min-height:auto !important;}
.heading-block{text-align: center; padding-bottom: 30px;}
.heading-block p{font-size: 16px; line-height: 25px; font-family:roboto-regular, sans-serif;}
#get_price-box .form-heading p.title-subtext{line-height:22px; }
.mytables table th{font-size: 14px;}
.mytables table td{font-size: 13px; font-family:roboto-regular, sans-serif;}
#features-box .mylist.customize li{padding-bottom: 0;}
.slim-list ul{margin-bottom: 0;}

.leadershipteam .owl-carousel:not(.owl-loaded){opacity: 0; max-height: 430px; overflow: hidden;}
.leadershipteam {min-height: 430px;}
/*07-10-2019*/





/*==== Mediaqueries (Non-Mobile First) ====*/


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
.key-points {
  padding: 00px 0px;
}
.key-points ul li {
  font-size: 15px;
  list-style: none;
  padding: 10px 0 10px 10px;
}
.compare-content .left-column {
  width: 25%;
}
.compare-content .right-column {
  width: 75%;
}
}
 @media only screen and (min-width : 992px) and (max-width : 1200px){
   .whitepaper .title {
    min-height: 120px;
}
 }

 @media only screen and (min-width : 992px) {
#home_features, #home_blogs, #videos_section {
  margin-left: -7px;
  margin-right: -7px;
}
 
.care-points, .consumable-points, .resources-points {
  width: 33%;
}
.our-culture{ padding-right:40px;}
.our-brand-container .box:nth-child(3n+1){
    clear:left
} 
.compare-content .right-column .title-txt{ display:none; }
.padding-lg-50{ padding-left:50px;}
}
 
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.banner-content {
  padding-top: 120px;
}
.navbar-right .navbar-nav>li>a {
  padding: 10px 6px;/*font-size: 16px;*/
  margin: 0 3px;
}
.nav>li {
  border: none;
}
/*.home-resources{    letter-spacing: 1px;}*/
.home-resources .btn a {
  padding: 0 15px;
}
.margin-mb-15b {
  margin-bottom: 15px;
}
.blue-bar a {
  margin-left: 0px;
  display: block;
  margin-top: 25px;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto
}
.key-points .icons {
  width: 45px;
  float: left
}
.key-txt {
  float: right;
  width: -moz-calc(100% - 45px);
  width: -webkit-calc(100% - 45px);
  width: -o-calc(100% - 45px);
  width: calc(100% - 45px);
  padding: 5px 0 0 5px;
}
.key-points ul li {
  font-size: 15px;
  list-style: none;
  padding: 5px 0 5px 10px;
  width: 100%;
  clear: both;
}
footer .title {
  font-size: 15px;
  font-family: roboto-bold, sans-serif;
  padding-bottom: 10px;
  padding-top: 0px;
}
footer li, footer li a {
  font-size: 13px;
}
footer li {
  padding: 2px 0 2px 0;
}
footer .social a {
  font-size: 20px;
  padding-left: 12px;
  padding-right: 5px;
  color: #fff;
}
#home_features, #home_blogs {
  overflow: hidden
}
.abt-box-content h4, .tech-box-content h4 {
  font-size: 18px;
}
.product-desc .btn {
  letter-spacing: 1px;
}
 .carousel-control.left {
    left:  0px;
}
.carousel-control.right {
    right:  0px;
}
.tech-options .box .title, .tech-result .title {
    font-size: 22px;
    font-family: roboto-bold, sans-serif;
    line-height: 25px;
    padding-bottom: 10px;
}
.tech-options .box{ padding-right: 30px;}

.txt-section {
    padding: 25px 20px;
    color: #231f20;
}
.txt-section .title {
    font-size: 25px;
}
.compare-content .left-column {
    display:none;
}
.compare-content .right-column {
    width: 100%;
}
.compare-content .right-column .title-txt{ display:block; font-family: roboto-bold, sans-serif; padding-bottom:5px;}
.second-menu.affix{ width:970px;}

.whitepaper-container  .whitepaper:nth-child(2n+1){clear:left} 
/* .news-container .news:nth-child(2n+1){clear:left} */
.resources-points{ padding-bottom:45px;}
 /* css by harish */
 .thankmessage{min-height: 250px;}
 .why-matthews{padding: 0px;}
 .why-matthews .section-title,.popular-products .section-title{padding-top: 10px;}
 .banner h1{font-size: 42px;}
 #popular_products .owl-item {opacity: 0.4}
#popular_products .owl-item.center {opacity: 1}
.product-list .col-sm-4:nth-child(3n+1){clear: left !important;}
.product-list .col-md-3:nth-child(4n+1){clear:inherit;}

/* end css by harish*/
 }

@media only screen and (max-width: 980px)
{
  #home_features .feature-details p{min-height: 95px;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {

/*technology selector */
.techfixedsect{position: fixed;bottom: 0;left: 0;background:#00BDF2;z-index: 111;right:0;text-align: center;padding: 15px 15px 15px; cursor: pointer;border-radius: 0px 0px 0px 0px;
border-bottom:1px solid rgba(0,0,0,0.05);box-shadow:0 2px 5px rgba(0,0,0,0.04); -webkit-box-shadow:0 2px 5px rgba(0,0,0,0.04);}
.techfixedsect span{color: #fff; font-size: 20px; text-align: left; line-height:25px; font-family: roboto-bold, sans-serif; text-decoration: none; display: block;}

.techfixedsect span::after{position: absolute; content: ''; width: 15px; height:15px;  right: 15px; top:50%; margin-top: -7.5px; background:url('../images/down-arrow-white.png') no-repeat; background-size: 15px;}
#tech_toggle::after{position: absolute; content: ''; width: 15px; height:15px;  right: 15px; top:50%; margin-top: -7.5px; background:url('../images/up-arrow-white.png') no-repeat; background-size: 15px;}
#scrollsec.fixed{position:fixed;height:100%; width:100%;left:0;top:0px;z-index:99;background:#fff; padding: 0;}
#scrollsec.fixed .tech-result{display: block;height: 100%; padding:0px 0 50px 0; overflow: hidden; position: relative; border: none;}
#scrollsec.fixed .tech-result #display_solutions{height: 100%; overflow-y: scroll; position: relative; border: none; padding: 0 15px; }
#scrollsec .tech-result{display: none;}
#tech_toggle{cursor: pointer; padding:15px; font-size: 20px; text-align: left; position: relative; border-bottom:1px solid rgba(0,0,0,0.05); 
background:#00BDF2; color: #ffff;}
#scrollsec.fixed .tech-result #display_solutions .btn-restart{margin-bottom: 35px;}
body.fixed{overflow:hidden; height: 100%; position: fixed;}

.btn.view-all2{margin-bottom: 20px;}
section.popular-products{padding-top: 5px;}
#features-box .margin-15 .no-padding ~ .col-xs-12{padding: 0;}
#features-box{padding-bottom: 0;}
#features-box .product-slider2{margin-bottom: 25px;}
.menu-title{position: relative;}
.menu-title .opendown{display: block;}
.navbar-right .dropdown-menu .black-bg{padding:0;}
.menu-title a{color: #fff; font-family:roboto-regular, sans-serif;}
.dropdown-menu ul.simple-menu{padding:15px 20px 15px 40px;}
.product-list .title{min-height: auto;}
.compare-box .compare-content{width: auto; left: 30px; right: 30px;}
.service_support .has-error{text-align: left;}
.col-xs-9.center-block .pt_25{padding-bottom: 0;}
.whitepaper-container .whitepaper:nth-child(3n+1){clear: none  !important;}
.whitepaper-container .whitepaper:nth-child(2n+1){clear: left !important;}
.industry_detials .clear15{height: 0px;}
.nav>li#menu_about>.dwn2,.nav>li#menu_support>.dwn2,.nav>li#menu_indust>.dwn2,.nav>li#menu_resourc>.dwn2,.nav>li#menu_products>.dwn2 
{position: absolute;top: 0;right: 0;height: 44px;width: 70px;background: transparent; cursor: pointer;}
.key-points ul li .clearfix{font-size: 0px;}
.pagetab_block .actiontlink{min-width: 49%; max-width: 49%; margin: 0;}
.pagetab_block .actiontlink {float: left;}
.pagetab_block .actiontlink + .actiontlink{float: right;}
.page_promotion img,.promotional-cod img{min-height: 100px; object-fit: fill;}
.listcontent{padding: 40px 0 0px;}
.page_promotion .lpage-title, .promotional-cod .lpage-title{font-size: 32px;}
.listcontent .block-title h3,.promotion_code .block-subhead{font-size: 26px; font-family:roboto-regular, sans-serif;}
.listcontent .block-title span a{font-size: 20px;}
.custom_lists{margin-top: 30px;}
.promotional-cod .block-pagecontent{padding-top: 30px;}
.mbflex{display: flex; display:-webkit-flex; flex-wrap: wrap; -webkit-flex-wrap:wrap;}
.mbflex .morder1{order:-1; -webkit-order:-1;}
.mbflex .morder2{order:0; -webkit-order:0; margin-top: 15px; text-align: center;}
.mbflex .right_prmotonimg{padding: 0; margin: 15px 0; order: 1; -webkit-order:1;}
.pagetab_block .actiontlink{font-size: 14px; padding: 12px 0;}
.pagetab_block{padding: 15px 0 10px;}
.listcontent .custom_lists p{text-align: left;}
.promotion_code .block-page.top_30{margin-top: 0;}
.table_page_cust tr td{white-space: normal !important; display: block; width: 100%;}
.pdfcol_row .pfg_col_4{width: 100%;}
.pdfcol_row .pfg_col_4{padding-bottom: 25px;}
.pdfcol_row .pfg_col_4:last-child{padding-bottom:0; }
.row_lescol_gap{margin: 0}
.row_lescol_gap .col_les4{width: 100%; padding: 0;}
.row_lescol_gap .img_fluids {margin-bottom: 20px;}
.small_rightmedia{float: none !important; max-width: 100%; margin: 10px 0;}
.sitemap_list {margin-bottom: 25px;}
.p-tb-15-mb{ padding-top:15px; padding-bottom:15px;}
.mbtm_20{margin-bottom: 30px;}

.nav>li>a:focus, .nav>li>a:hover {
  color: #000;
}
.navbar-toggle {
  background-color: transparent;
  border: none;
}
.navbar-nav {
  padding-bottom: 100px;
  overflow: auto;
  overflow-x: hidden;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  padding: 0 30px 70px;
}
.navbar-right .navbar-nav>li:last-child{order: -1; padding: 20px 0;}
.navbar-right .navbar-nav>li>a {
  padding: 12px 0px;
  margin: 0;
}
.menu-title {
  margin-right: 0;
  padding-bottom: 10px
}
.dropdown-menu>li>a {
  border: none;
}
.navbar-right .navbar-toggle:focus, .navbar-right .navbar-toggle:hover, .navbar-nav .open .dropdown-menu li a:hover, .navbar-nav .open .dropdown-menu li a:focus {
  background-color: transparent;
}
.navbar-right .navbar-toggle .icon-bar {
  background-color: #000;
  width: 35px;
  margin-bottom: 7px;
  display: block;
  height: 3px;
  border-radius: 0;
}
.navbar-right .navbar-toggle .icon-bar {
  position: absolute;
  right: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.navbar-right .navbar-toggle .icon-bar.first {
  top: 2px;
}
.navbar-right .navbar-toggle .icon-bar.second {
  top: 6px; width: 23px;
}
.navbar-right .navbar-toggle .icon-bar.third {
  top: 14px; 
  width: 30px;
}
.navbar-right .navbar-toggle.open .icon-bar.first {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 8px;
  background-color: #000000;
  width: 25px; height: 2px;
}
.navbar-right .navbar-toggle.open .icon-bar.second {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 4px;
  background-color: #000000;
  width: 25px; height: 2px;
}
.navbar-right .navbar-toggle.open .icon-bar.third {
  -webkit-transform: rotate(80deg);
  -moz-transform: rotate(80deg);
  -o-transform: rotate(80deg);
  transform: rotate(80deg);
  background-color: #000000;
  display: none;
  top: 0px;
  width: 25px; height: 2px;
}
.navbar-right {
  background-color: transparent;
  border: none;
  padding-top: 0px;
}
.navbar-toggle {
  margin-top: 41px;
  margin-right: 0px; padding: 9px 18px;
}
.navbar {
  min-height: auto
}
.ubmainnav .navbar-right .navbar-nav > li > a {
  padding: 8px 12px;
}
.navbar-right .navbar-collapse {
  background-color: #eaeaea;
  border: none;
  position: fixed;
  width: 100%;
  height: 100% !important;
  top:100px;
  left: 100%;
  overflow-x: hidden;
  transition:0.35s ease-in-out;
}

.navbar-collapse{padding: 0;}

.act .navbar-right .navbar-collapse{left: 0;}
.navbar-right .navbar-nav>li>a, .navbar-right .navbar-nav>li>a:hover {font-family: roboto-medium, sans-serif;}
.dropdown .dropdown-toggle {
  background-image: url(../images/toggle_icons.png);
  background-position: right 10px center;
  background-size: 11px;
  background-repeat: no-repeat;
}
.dropdown.open .dropdown-toggle {
  background-image: url(../images/toggle_icons.png);
  background-repeat: no-repeat;
  background-position: right -8px;
}
.dropdown.menulevel2 .dropdown-toggle{
  background-image:none !important;
  font-size: 20px;
  text-transform: uppercase;
  color: #494545;
  text-align: center;
  font-family: roboto-medium, sans-serif;
  padding: 20px 0 20px;
} 

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
  background-color: transparent;
  border-color: none;
}
.dropdown-menu {
  padding: 0px;
}
.menu-title {
  color: #dddddd !important
}
.navbar-nav .open .dropdown-menu {
  background-color: #000;
  border-radius: 0;
}
.navbar-nav .open .dropdown-menu>li>a {
  padding-top: 5px;
  padding-right: 15px;
  padding-bottom: 5px;
  padding-left: 35px;
  font-size: 17px;
  line-height: 25px;
  color: #d7d7d7;
  text-decoration: underline
}
.dropdown-menu ul.subMenu li a, .dropdown-menu ul li a {
  /*text-decoration: underline*/ text-decoration: none;
}
.banner-content {
  padding-top: 120px;
  padding-bottom: 50px;
 }
.margin-mb-15 {
  padding-left: 15px;
  padding-right: 15px;
}
#home_features, #popular_products {
  padding-left: 15px;
}
.section-title {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px
}
.section-title h2, .section-title h1 {
  font-size: 28px;
}
.section-title p {
  font-size: 14px;
  line-height: 22px;
 font-family:roboto-regular, sans-serif;
}
.key-points ul li {
  font-family:roboto-regular, sans-serif;
}
.blue-bar {
  line-height: 35px;
  font-family:roboto-regular, sans-serif;
}
.banner h1 {
  font-size: 43px;
}
.banner p {
  font-size: 22px;
  line-height: 25px;
}
.home-resources .btn a {
  padding: 0 40px;
}
footer .slim-list, footer .broad-list {
  display: none;
}
#popular_products .owl-item {
  opacity: 0.4
}
#popular_products .owl-item.center {
  opacity: 1
}
.key-points {
/* padding-left: 30px;*/
}
#popular_products .owl-nav, #popular_products .owl-next {
  display: none;
}
.logo {
  padding-left:0;
  padding-top: 17px;
}
.navbar-right {
  padding-right:0;
 }
.nav>li {
  padding-left: 15px;
  padding-right: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2f2f2f;
}
.nav>li.MenuSearch {
  padding-top: 15px;
  padding-bottom:25px
}
.arrowtop{display: none;}
.menu-search {
  width: 100%;
  margin-right: 0;
  margin-top: 15px;
  height: 50px;
}
.menu-search .search-box {
  width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
  width: -o-calc(100% - 50px);
  width: calc(100% - 50px);
  float: left;
  height: 50px;
  border:none !important;
}
.form-control-submit {
  text-align: center;
  cursor: pointer;
  line-height:50px;
  background-color: white;
  background-image: url(../images/menu-icon-search-black.png);
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  background-color: #fff;
  color: #fff;
  height: 50px;
  width: 50px;
  line-height: 44px;
  /*background-image: url(../images/menu-icon-search-white.png);*/
  background-repeat: no-repeat;
  background-size: 22px;
  background-position: center center;
  font-size: 0px;
  border-radius: 0;
  border: none; margin-left: -1px;
}
.navbar-right .navbar-nav>li>a.ConctMenu {
  margin-right: 20px;
  width: 32%;
  text-align: center;
  padding: 0;
  line-height: 40px;
  font-family: roboto-bold, sans-serif;
  width: -moz-calc(32% - 20px);
  width: -webkit-calc(32% - 20px);
  width: -o-calc(32% - 20px);
  width: calc(32% - 20px);
}
.navbar-right .navbar-nav>li>a.ConctMenu2 {
  margin-right: 20px;
  width: 32%;
  text-align: center;
  padding: 0;
  line-height: 40px;
  font-family: roboto-bold, sans-serif;
  width: -moz-calc(32% - 20px);
  width: -webkit-calc(32% - 20px);
  width: -o-calc(32% - 20px);
  width: calc(32% - 20px);
}
.navbar-right .dropdown-menu {
  padding: 0px
}
.navbar-right form {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}
.MenuSearch .form-group, .MenuSearch .form-group input.form-control {
  height: 44px
}
.MenuSearch .form-group input.form-control {
  border: solid 1px #fff;
  webkit-box-shadow: none;
  box-shadow: none
}
.MenuSearch .form-group {
  width: 100%;
}
.sMenu, .menu-banner {
  display: none;
}
.sMenu.open {
  display: block;
}
.sMenu {
  padding-left: 40px !important
}
.menu-title {
  margin-left: 0;
  padding-left: 30px;
  border-top: solid 1px #2b2a2b;
  background-image: url(../images/toggle_icons_submenu_down.png);
  background-repeat: no-repeat;
  background-position: right center;
}
.menu-title.open {
  background-image: url(../images/toggle_icons_submenu_up.png);
  background-repeat: no-repeat;
  background-position: right center;
}
#home_blogs, #related_case {
  padding-left: 15px;
  padding-right: 15px;
}
.case-studies .title2 {
  margin-left: 15px;
}
#home_features, #home_blogs {
  margin-left: 0px;
  margin-right: 0px;
}
.btn.view-all {
  margin-bottom: 50px;
}
footer {
/*margin-top: 50px;*/
}
footer .footer-links {
  text-align: center;
  font-family:roboto-regular, sans-serif;
}
footer .createdby {
  float: none;
 font-family:roboto-regular, sans-serif;
}

.social {
  margin-top: 15px;
}
.feature-details {
  padding-top: 35px;
  padding-bottom: 30px;
}
footer .footer-logos img {
  padding-left: 5px;
  padding-right: 0px;
}
.col {
  display: block;
}
.home-bottom-column {
  width: 100%;
}
.latest-blog {
  position: static;
}
.product-desc {
  padding-left: 0px;
}
.product-pic {
  padding-bottom:0px;
}
.abt-box, .tech-box, .contact-box {
  padding: 0px 15px;
  margin-bottom: 15px;
}
.applications {
  padding: 40px 0px 40px 20px;
}
.applications .title2 {
  min-height: auto;
}
#related_case .owl-prev {
  background-image: url(../images/icon-prev.png);
  background-repeat: no-repeat;
  background-position: 0px center;
  left: 0px;
  top: 25%;
  height: 40px;
  width: 40px;
}
#related_case .owl-next {
  background-image: url(../images/icon-next.png);
  background-repeat: no-repeat;
  background-position: center center;
  right: 0px;
  top: 25%;
  height: 40px;
  width: 40px;
}
#related_case .owl-next.disabled, #related_case .owl-prev.disabled {
  opacity: 0.3;
}
/*.compare-content .left-column {
  width: 40%;
}
.compare-content .right-column {
  width: 60%;
}*/
.second-menu .mnu {
  /*padding: 10px;*/
  letter-spacing: 1px;
  font-size: 11px;
}

.logo {
  position:absolute;
  z-index:1;
 }

 body.act .logo{
   transform: translateX(-50%);
   padding-left: 0;
   left:calc(50% - 20px);
 }

 #leadership_team .owl-prev {
  background-image: url(../images/icon-prev.png);
  background-repeat: no-repeat;
  background-position: 0px center;
  left: -15px;
  top: calc(235px - 20px); top:-webkit-calc(235px - 20px);
  height: 40px;
  width: 40px;
}
#leadership_team .owl-next {
  background-image: url(../images/icon-next.png);
  background-repeat: no-repeat;
  background-position: center center;
  right: -15px;
  top: calc(235px - 20px); top:-webkit-calc(235px - 20px);
  height: 40px;
  width: 40px;
}
.clear15-mb {
  clear: both;
  height: 20px;
}
.txt-section p {
     min-height: 80px;
  
}
.cases-container .txt-section p{
  min-height: auto;
}
.page-title {
     padding-top: 20px;
 }
.page-title h1, .page-title h2{    font-size: 35px; }
.product-list .items {
     margin-bottom: 30px;
}
.page-title h2.blogsubheading{font-size: 20px; line-height: 28px;}
.page-title h1 span,.page-title h1 img{display: inline-block; vertical-align: middle;}
.product-list p {
  min-height: auto;
 }
 
 .second-menu.affix{ width:100%;}
 
/* .solution-img-out{ display:none;}*/
.solution-img-out{ overflow:hidden; overflow-x: scroll; padding-bottom:15px;}
.solution-img img{ width:200%; max-width: 200%;} 
.solution-img .map1{ left:5%}
.solution-img .map2{ left:32.5%}
.solution-img .map3{ left:63.5%}
.solution-img .map4{ left:91.2% }
.solution-img .map5{left:114%}
.solution-img .map6{left:134.2%}
.solution-img .map6_2{left:155%;}

.solution-img .map7_2{left:22.5%}
.solution-img .map7{left:69.5%}
.solution-img .map8{left:46.5%}
.solution-img .map9{left:83.8%}
.solution-img .map10{left:112.6%}
.solution-img .map11{ left:111.1%}
.solution-img .map12{left:135% }

#mp10-txt{right:-98%; }
#mp11-txt, #mp5-txt{right:-99%; }
#mp12-txt, #mp6-txt{right:-100%; }
#mp6_2-txt{right: -100%;}
#mp4-txt{right: -70%;}
#mp9-txt{left: 30%;}
.scroll-right{
  left: 0px;
  background-image: url(../images/scroll-right.png);
  height: 18px;
  width: 98px;
  position: absolute;
  bottom: 10px;
  background-repeat: no-repeat;
  background-position: left top;
  cursor:pointer;
}
.scroll-left{
  right: -100%;
  height: 18px;
  width: 86px;
  background-image: url(../images/scroll-left.png);
  position: absolute;
  bottom: 10px;
  background-repeat: no-repeat;
  background-position: right top;
  cursor:pointer;
}
.addresec {min-height: auto;}    
.location-box{margin-bottom:10px;}
.contact .clearfix{display: none;}

#home_features .owl-stage-outer .owl-item.active{pointer-events: none;}
#home_features .owl-stage-outer .owl-item.center.active{pointer-events: all;}
.btn-enquire#enquire-now{margin-bottom: 20px;}
.location-box .title{min-height: auto;}
}

@media only screen and (min-width: 600px) and (max-width: 767px){
  .whitepaper, .news{ width: 50%; padding-left: 7px;
    padding-right: 7px;}

}
 @media only screen and (min-width: 481px) and (max-width: 767px){
.care-points, .consumable-points, .resources-points {
  width: 49.5%;
}
.whitepaper-container, .news-container {
    margin-left:  7px;
    margin-right:  7px;
}


.our-brand-container .box, .product-list .product-item{ width: 50%; } 

.product-list .product-item:nth-child(2n+1){clear:left} 


 }

/* Extra Small Devices, Phones */ 
@media only screen and (max-width: 550px)
{
  .compare-content .img-box{text-align: center; width: 100%; max-height: 100%;}
  .product-slider #thumbcarousel .item .thumb{width: 60px;}
  .img-fluid.media_130{max-width: 100% !important; width: 280px !important; height: auto !important;}
}


@media only screen and (max-width : 480px) {

.pagetab_block .actiontlink{font-size: 13px; padding: 8px 0;} 
footer .footer-logos img {
  max-height: 70px;
  width: auto;
}
.btn.view-all {
  max-width: 98%;
  min-width: 75%;
}
.btn.view-all2 {
  width: 100%;
  margin-bottom: 20px;
}
.btn.view-all2 a {
  padding: 0
}
.btn.view-all a {
  padding: 0 40px;
  letter-spacing: 1px;
}
.banner h1 {
  font-size: 35px;
  padding-bottom: 20px;
}
.banner p {
  font-size: 20px;
  line-height: 24px;
}
.key-points {
  padding-left: 0px;
}
.home-resources .btn a {
  padding: 0 35px;
}
.mobile-footer a {
  padding: 7px 16px;
}
.home-resources, .latest-blog {
  padding: 40px 30px;
}
.txt-section {
  padding: 20px 0px;
}
.txt-section .readMore {
  font-size: 15px;
}
.txt-section .title {
  font-size: 24px;
}
/*.compare-content .left-column, .compare-content .right-column {
  width: 50%;
}*/
.app-icon {
  font-size: 11px
}
.product-slider2 #thumbcarousel .item .thumb{ max-width:80px;}
.carousel-control.right {
    right:  0px;
}
.carousel-control.left {
    left:  0px;
}

#related_case .owl-prev, #related_case .owl-next {
  top: 15%;
}
 
.resources-points p {
    min-height: 10px;
}

.our-brand-container .icon, .our-brand-container .title, .our-brand-container p {
   text-align: center;
}
.second-menu .mnu {
    padding-left: 7px;
  padding-right:8px;
    letter-spacing: normal;
    font-size: 11px;
}
.second-menu #get_price {
     margin-left: 10px;
}

.product-slider2 #thumbcarousel .item .thumb{max-width: 70px; margin:0 2px;}
.care-points{padding-bottom: 45px;}
.care-points p{min-height: auto;}
.consumable-points p{min-height: auto; }
.consumable-points{padding-bottom: 35px;}
.consumable-points:last-child{padding-bottom: 15px;}
.product-slider2 #thumbcarousel,.product-slider #thumbcarousel{max-width: 280px;}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width: 360px)
{
  #tech_toggle,.techfixedsect span{font-size: 18px;}
}

@media only screen and (max-width : 320px) {
}


.eofysalebanner{float:left; width:100%; margin-top:10px;}
.eofysalebanner img{max-width:100%;}
.codinglabboxmain{float:left; width:100%; border-top:#e7e1e5 1px solid; padding:35px 0 0 0; margin-top:35px;}
.codinglabboxleft{float:left; width:25%; padding-right:10px;}
.codinglabboxleft img{width:100%; max-width:225px;}
.codinglabboxright{float:right; width:75%; padding-left:10px;}
.codinglabboxright h2{float:left; width:100%; margin:0 0 25px 0; padding:0; font-size:32px; font-family: roboto-bold, sans-serif;}
.smallcharboxmain{float:left; width:100%; padding:10px 0;}
.smallcharboxleft{width:35%; float:left; padding-right:15px;}
.smallcharboxleft p{margin:0; padding:0; font-size:16px; font-family: roboto-bold, sans-serif;}
.smallcharboxmid{width:55%; float:left; padding-right:15px;}
.smallcharboxmid p{margin:0; padding:0; font-size:16px;}
.smallcharboxright{width:10%; float:left; text-align:right;}
.smallcharboxright p{margin:0; padding:0; font-size:16px;}


@media only screen and (max-width : 767px) {
.margin-15-new{padding:0 15px;}
.codinglabboxleft{width:100%; padding-right:0; text-align:center; margin-top:25px;}
.codinglabboxright{padding-left:0;  width:100%;}
.product-contents .applications.margin-15{margin: 0 -15px; padding: 35px 20px;}
.headtitle_large span{padding: 0 20px 7px 0;line-height: 1.2; display: inline-block;}
.product-details{padding-bottom: 30px;}
.product-details .product-desc{margin-top: 20px;}

}


.product-list-new-box{text-align:center;}
.list-new-box-one{display:inline-block; vertical-align:top; float:none; width:24%;}
.show-error{color: red;font-size: 14px;padding-left: 8px;}
.nicholnewstop{width:100%; float:left; background:#0058a0; padding:35px 50px;}
.nicholnewstopleft{width:60%; float:left;}
.nicholnewstopright{width:40%; float:right; text-align:center; padding-left:5%;}
.nicholnewstopright img{max-width:420px; width:100%;}
.nicholnewsbottom{float:left; width:100%; margin:35px 0 0 0;}
.nicholnewsbottomtext{float:left; width:100%; padding:10px 35px 20px 35px;}
.nicholnewhd1{float:left; width:100%; font-size:14px; font-family: roboto-bold, sans-serif; color:#fff;}
.nicholnewstopleft h1,.nicholnewstopleft h2{margin:0; padding:0; float:left; width:100%; font-size:52px; color:#fff; font-family: roboto-bold, sans-serif;}
.nicholnewhd2{float:left; width:100%; font-size:14px; color:#fff;}
.nicholnewhd3{float:left; width:100%; margin:20px 0 30px 0;}
.nicholnewhd3 span{display:block; background:#fff; height:1px; width:50px;}
.nicholnewstopleft p{font-size:24px; font-weight:normal; width:100%; float:left; margin:0; padding:0; color:#fff; font-family:roboto-regular, sans-serif; line-height:normal;}
.barcodelearningbanner{width:100%; float:left; position: relative; overflow: hidden; margin-top:-20px;}
.barcodelearningbanner img{width:100%;}
.barcodelearningbannertext {position: absolute; left:0; /*bottom:27%;*/ width:100%; text-align:center; padding:0 10%; top:0; height:100%; display: flex; align-content: center; align-items: center; flex-wrap: wrap;}
.barcodelearningbannertext h1{font-size:52px; font-weight: normal; color: #fff;/*float: left;*/ width: 100%; padding: 0 0 15px 0; margin:0px; vertical-align:middle; align-content: center;align-items: center; font-family: roboto-bold, sans-serif;}
.barcodetoptext{width:100%; float:left; margin:35px 0 0 0;}
.barcodetoptext p{font-size:16px;}


.barcodemainbox{width:100%; float:left; margin:50px 0 0 0;  display: flex; flex-wrap:wrap;/* justify-content:center;*/}
.barcodemainin{width:calc(25% - 12px); margin-left:6px; margin-right: 6px; background: #2cbcb0; padding:25px 20px; text-align:center; border:#ffff 3px solid; margin-top:15px; height:275px; border:0; transition: border-width 0.2s ease-in-out; display: flex; align-content: center;align-items: center; flex-wrap: wrap; text-align: center;}
.barcodemainin h2,.barcodemainin h3{width:100%; font-size:16px; font-family: roboto-bold, sans-serif; letter-spacing:4px; color:#000000; line-height:25px; text-transform: uppercase;}
.barcodemainin p{display:none; width:100%; font-size:16px; line-height:normal; }
.barcodemainin p a{color:#000000; text-decoration:underline;}
.barcodemainin:hover{border:#cccccc 3px solid;}
.barcodemainin:hover p{display:block;}
.barcodemainin{cursor: pointer;}
.serialpagebox{float:left; width:100%; padding-left:200px;}
.whatserialboxone{float:left; width:100%;}
.whatserialboxone h2{width:100%; float:left; font-size:24px; font-family: roboto-bold, sans-serif; color:#000000;}
.whatserialboxone p{float:left; width:100%;}
.whatserialboxone ul{margin:0 0 15px 0; padding:0; float:left; width:100%; list-style:none;}
.whatserialboxone ul li{float:left; width:100%; font-size: 14px; font-family:roboto-regular, sans-serif; background:url(../images/checkbox.png) no-repeat left 10px; background-size:11px; padding:2px 0 2px 25px;}
.whatserialboxone ol{margin:0 0 15px 20px; padding:0; float:left; width: calc(100% - 20px);}
.whatserialboxone ol li{float:left; width:100%; font-size: 13px; font-family:roboto-regular, sans-serif;}

.whatserialvideo{width:100%; float:left; margin:25px 0 0 0;}
.whatserialvideoin{width:650px; margin:0 auto;}
.whatserialvideoin iframe{width:100%; height:350px;}
.whatserialvideoin p{width:100%;}
.whatserialvideoimg{width:100%; float:left; margin:35px 0 0 0;}
.whatserialvideoimg img{max-width:100%;}
.dentifiertext{width:100%; float:left; margin:25px 0 0 0;}
.dentifierhd{float:left; width:100%; text-align:center; font-family: roboto-bold, sans-serif;  font-size:14px; margin:0 0 5px 0;}
.dentifiertext p{text-align:center;}
.dentifierimg{width:100%; float:left; margin:15px 0 35px 0; text-align:center;}
.dentifierimg img{max-width:630px; width:100%;}
 .whatserialboxtwo{float:left; width:100%; margin:50px 0 0 0;}
.scenarioexamplebox{float:left; width:100%; background:#e7e1e5 url(../images/shippingimgbg.jpg) no-repeat right top; padding:35px 25px 75px 25px; }
.scenarioexamplebox h2{width:100%; float:left; font-size:24px; font-family: roboto-bold, sans-serif; color:#000000; text-align:center;}
.scenarioexamplebox h2 span{border-bottom:#000 2px solid; padding:0 10px 10px 10px; display:inline-block;}

.commontab{width:100%; float:left; text-align:center;}
.commontab ul{margin:35px 0 0 0; padding:0; list-style:none; float:left; text-align:center; width:100%;}
.commontab ul li{width:auto; display:inline-block; margin:5px;}
.commontab ul li span{border:#e7e1e5 1px solid; background:#e7e1e5; font-size:12px; text-transform:uppercase; letter-spacing:2px;  font-family: roboto-bold, sans-serif; color:#000; border:#000 1px solid; padding:9px 25px; display:inline-block; text-decoration:none; cursor:pointer;}
.commontab ul li span:hover{ border:#b71f82 1px solid; background:#b71f82; color:#fff; text-decoration:none;}
.commontab ul li.active span{ border:#b71f82 1px solid; background:#b71f82; color:#fff; text-decoration:none; }
.scenarioexampletext{width:100%; float:left; margin:50px 0 0 0; text-align:center; padding:0 12%;}
.scenarioexampletext p{font-size:19px; font-weight:100;}
.palletabbox{float:left; width:100%; padding:0 10%; margin-top:35px;}
.palletabboxleft{width:50%; float:left; padding-right:10%;}
.palletabboxhd{width:100%; float:left; font-size:16px; color:#000; padding-bottom:10px;}
.palletabboxright{width:50%; float:left;}
.palletabboximg{width:100%; float:left;}
.palletabboximg img{max-width:100%;}
.whatserialboxthree{float:left; width:100%; margin:50px 0 0 0;}
.sscc-properly-box{float:left; width:100%; padding:50px 35px; background:#494545;}
.sscc-properly-box h2{width:100%; float:left; font-size:24px; font-family: roboto-bold, sans-serif; color:#fff; text-align:center; margin:0 0 35px 0;}
.sscc-properly-box h2 span{border-bottom:#cccccc 2px solid; padding:0 10px 10px 10px; display:inline-block;}
.sscc-properly-box-left{float:left; width:50%; padding:0 25px;}
.sscc-properly-box-left ul{float:left; width:100%; list-style:none; margin:0; padding:0;}
.sscc-properly-box-left li{color:#fff; font-size:14px; font-family:roboto-regular, sans-serif; width:100%; float:left; padding:7px 0 7px 45px; background:url(../images/checkbox2.png) no-repeat left 6px; }
.sscc-properly-box-left li a{color: #fff; text-decoration: underline;}
.sscc-properly-box-left ul li ul{margin:0 0 15px 0; padding:0; float:left; width:100%; list-style:none;}
.sscc-properly-box-left ul li ul li{float:left; width:100%; font-size: 14px; font-family:roboto-regular, sans-serif; background:url(../images/checkbox.png) no-repeat left 10px; background-size:11px; padding:0 0 0 25px;}
.whatserialboxfour{float:left; width:100%; margin:50px 0 0 0;}
.whatserialboxfour h2{float:left; width:100%; font-size:24px; font-family: roboto-bold, sans-serif; color:#000000; margin:0; padding:0;}
.onlyspacetop{margin:35px 0 0 0;}
.whatserialboxfive{float:left; width:100%; margin:25px 0 0 0;}
.realssccbox{width:100%; float:left;}
.realssccboximg{float:left; width:100%; margin-bottom:5px;}
.realssccboxleft{width:40%; float:left;}
.realssccboxleft h2{float:left; width:100%; font-size:24px; font-family: roboto-bold, sans-serif; color:#000000; margin:0 0 15px 0; }
.realssccboxright{width:40%; float:right;}
.realssccboxright img{max-width:100%;}
.realssccboxleft p a{color:#b71f82; text-decoration:underline;}
.realssccboxleft p a:hover{text-decoration:none;}
.recommetablebox{width:100%; float:left; margin:50px 0 0 0;} 
.recommetablebox h2{float:left; width:100%; font-size:24px; font-family: roboto-bold, sans-serif; color:#000000; margin:0 0 25px 0; padding:0;}
.recommetableboxhd{width:100%; float:left; padding:13px 25px; background:#494545; color:#ffffff; font-family: roboto-bold, sans-serif; }
.tableaisbox{width:100%; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-bottom:5px;}
.tableaisboxleft{width:25%; background:#e7e1e5; display: flex; align-content: center; align-items: center; flex-wrap:wrap;}
.tableaisboxleft p{width:100%; text-align:center; font-size:18px; font-family: roboto-bold, sans-serif; color:#000; margin:0;}
.tableaisboxright{width:75%;}
.tableaisboxrightin{width:100%; float:left; background:#fafafa; padding:12px 10px;}
.tableaisboxrightin p{margin:0;}
.tableaisboxrightin1{width:20%; float:left; padding:0 10px;}
.tableaisboxrightin1 p{font-family: roboto-bold, sans-serif;}
.tableaisboxrightin2{width:20%; float:left; padding:0 10px;}
.tableaisboxrightin2 p{font-family: roboto-bold, sans-serif;}
.tableaisboxrightin3{width:60%; float:left;}
.bgcolorone{background:#f5eff3;}
.recommetableboxtwo{float:left; width:100%; margin:35px 0 0 0;}
.recommetableboxtwo h3{float:left; width:100%; font-size:18px; font-family: roboto-bold, sans-serif; color:#000000; margin:0 0 15px 0; padding:0;}
.recommetableboxtwo thead{background:#494545;}
.recommetableboxtwo thead p{font-size:14px; color:#fff; font-family:roboto-regular, sans-serif; margin:0;}
.recommetableboxtwo .table > thead > tr > th{border:none; padding:13px 10px; text-align:center; vertical-align:middle;}
.recommetableboxtwo .table > tbody > tr > td{border:none;  padding:13px 10px; text-align:center;}
.recommetableboxtwo .table > tbody > tr > td p{margin:0;}
.recommetableboxtwo .table-striped > tbody > tr:nth-of-type(2n+1){background-color: #fafafa;}
.recommetableboxtwo .table-striped > tbody > tr{background-color: #f5eff3;}
.page-faq{float:left; width:100%; margin:15px 0 50px 0;}
.page-faq .faqbottom {background: #e7e1e5; border: 0; margin:10px 0;padding:15px 25px;  box-shadow: 1px 3px 3px #ccc;}
.page-faq .faqheading {background: url(../images/next-assets.png) no-repeat right 8px; cursor: pointer; background-size:18px; font-family: roboto-bold, sans-serif;  font-size:16px; padding-right:25px; color:#0058a0;}
.page-faq .faqopen {background: url(../images/next-assets-hover.png) no-repeat right 8px; background-size: 18px}
.page-faq .faqtext {padding-top:10px; display:none;}

.wide-width {
  width: 100.5%;

  margin-left: -.5%;
}
.blctop {
  padding: 0 9px;

}
.barcodehead .blctop2 h2{
  margin-bottom: 10px !important;
}

.blctop1 {
  padding: 0 7px;
  margin-top: 10px;
}
.blctop2 {
  padding: 0 4px;
}



/*menu*/
.detailsmenubox{position:absolute; left:0; top:320px; z-index:1;}
#masthead {  min-height:250px;}
#masthead .well {}
#sidebar{width:260px; background:#f5f4f5; /*padding:25px 30px 10px 30px;*/ z-index:999;}
.navbar-bright {background-color:#f5f4f5; color:#fff;}
.affix-top,.affix{position: static;}

/*@media (min-width: 979px) {*/
#sidebar.affix-top {position: static;}
#sidebar.affix {position: fixed;top:100px;}
/*}*/

#sidebar ul{border-left:#cec8cc 1px solid; float:left; /*width:100%; */width: calc(100% - 30px); list-style:none; margin:0; margin-left:30px; margin-bottom:10px; margin-top:25px; padding:0 30px 0 0; }
.mobilecrcbox{height:100vh; overflow: auto; float:left; width:100%;}
#sidebar li{width:100%; float:left; font-size:14px; font-family:roboto-regular, sans-serif; line-height:19px; padding:0 0 20px 15px; position:relative;}  
#sidebar li a{color:#000000; text-decoration:none;}
#sidebar li a span{display:block; height:18px; width:10px;  background:#f5f4f5 url(../images/leftmenu.jpg) no-repeat left top; position:absolute; left:-6px; top:0;}
#sidebar li.active a span{display:block; height:18px; width:10px;  background:#f5f4f5 url(../images/leftmenuhover.jpg) no-repeat left top; position:absolute; left:-6px; top:0px;}
#sidebar li a:hover{color:#b71f82;}
#sidebar li.active a{color:#b71f82;}
.spanlas{height:39px!important;}
.mobilearrow{width:41px; height:41px; float:left; background:url(../images/mobilearrowleft.jpg) no-repeat left top;  cursor:pointer; display:none;}
.mobilearrow.parentmbul{width:41px; height:41px; float:right; background:url(../images/mobilearrowright.jpg) no-repeat right top;  cursor:pointer;}
.product-slider-box {float:left; width:100%; margin-top:35px; margin-bottom:10px;}
.product-slider-box #carousel { margin: 0; }
.product-slider-box #thumbcarousel { margin: 12px 0 0; padding: 0; text-align:center; }
.product-slider-box #thumbcarousel .item { text-align: center; }
.product-slider-box #thumbcarousel .item .thumb { border:2px solid #fff; width:90px; margin:0 2px; display: inline-block; vertical-align: middle; cursor: pointer;}
.product-slider-box #thumbcarousel .item .thumb:hover { border-color: #abd037; }
.product-slider-box #thumbcarousel .item .thumb.selected { border-color: #abd037; }
.product-slider-box .item img { width: 100%; height: auto; }
.product-slider-box .carousel-control { color: #0284b8; text-align: center; text-shadow: none; }
.product-slider-box .carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }
.product-slider-box .carousel-caption, .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }
.product-slider-box .carousel-control {  position: absolute; top: 30%; width: auto; }
.product-slider-box .carousel-control.left{background: url(../images/previous-banner.png) no-repeat left top; text-indent: -9999999px; background-size: 35px; height:35px; width:35px;}
.product-slider-box .carousel-control.left:hover{background: url(../images/previous-banner-hover2.jpg) no-repeat left top; text-indent: -9999999px; background-size: 35px; height:35px; width:35px;}
.product-slider-box .carousel-control.right {background: url(../images/next-banner.png) no-repeat left top; text-indent: -9999999px; background-size: 35px; height:35px; width:35px;}
.product-slider-box .carousel-control.right:hover { background: url(../images/next-banner-hover2.jpg) no-repeat left top; text-indent: -9999999px;  background-size: 35px; height:35px; width:35px;}
.barcodetypetablemain{float:left; width:100%; margin:35px 0 0 0;}
.barcodetypetablleft{width:50%; float:left; padding-right:15px;}
.barcodetypetablright{width:50%; float:left; padding-left:15px;}
.product-slider-box h2{margin:0 0 25px 0; width: 100%;float: left;font-size: 24px;font-family: roboto-bold, sans-serif;color: #000000;}
.textdataleft{text-align:left; text-transform:uppercase; letter-spacing:2px;}
.fontnormal{font-weight:100; font-size:16px; color:#231f20;}
.mronew{margin-top:0px;}
.barcodetypetablin{width:100%; float:left; margin-bottom:15px;}
.barcodetypetablin h2{float:left; width:100%; font-size:14px; font-family: roboto-bold, sans-serif; color:#000000; margin:0 0 10px 0; padding:0; text-transform:uppercase;}
.barcodetypetablin p{width:100%; float:left; font-size:14px; }
.mediaonethird{display:block; margin:0; padding:20px; border:1px solid #e1e1e1; float: left; width: 100%;}
.spcimgboxnew{float:left; width:100%; margin-top:65px;}
.spcimgboxnew img{max-width:100%;}
.spcimgboxnew2{float:left; width:100%; margin-top:25px;}
.spcimgboxnew2 img{max-width:100%;}
.breitdownright{text-align: right; margin:35px 0 0 0!important;}
.barcodeiconimg{width: 100%; float: left; text-align: center; margin-bottom: 10px; margin-top: 15px;}
.barcodeiconimg img{width:85px!important; margin-left: 0!important;}
.inline-img{display: inline-block !important; margin-bottom: 10px;}
.mobile-footer .callus_mobile{cursor: inherit; pointer-events: none;}
.blgcontnsec1,.blgcontnsec2{float: left; width: 100%;}
.blgcontnsec1 p,.blgcontnsec2 p{font-size: 14px;}
.heading-smalltxt{font-size: 19px; font-family:roboto-regular, sans-serif; line-height: 28px; padding: 0;margin: 0 0 15px;}
.textblocks{background:#e7e1e5; display: block; padding: 25px; margin: 15px 0 25px;}
.textblocks h4{font-size: 19px; line-height: 28px; font-family:roboto-regular, sans-serif;}
.blgcontnsec2{margin-top: 80px;}
.mdcontactblck{display: block;margin: 25px 0;}
.mdcontactblck p{font-size: 13px; margin: 0 0 5px;}
.pdright-50{padding-right:4%;}
.pdleft-50{padding-left: 4%;}

/*04-02-2020  blog css*/
.news.blog .CatBar{padding-bottom: 25px;}
.news.blog .CatBar span{text-transform: uppercase; opacity: 0.6}
.page-title.blog-details h1{padding-bottom: 20px;}
.author span{font-size:14px; color: #000000; display: inline-block;}
.author span.admin{color:#0058a0;}
.page-title.blog-details p{font-family:roboto-regular, sans-serif; color: #000; font-size: 16px;}
.blogger-name{color:#0058a0;}
.blogpage-tabmain{float:left;width:100%;background:#e7e1e5; padding:35px 25px 75px 25px}
.blogpage-tabmain h2{width:100%;float:left;font-size:24px;font-family: roboto-bold, sans-serif;color:#000;text-align:center}
.blogpage-tabmain h2 span{border-bottom:#000 2px solid;padding:0 10px 10px 10px;display:inline-block}
.content-left{float: left; width: 75%; padding-right: 15px;}
.contentright{float: right; width: 25%;}
.content-left  .palletabboxhd{font-family: roboto-bold, sans-serif;}
.tab-toptext{text-align: center; display: block; padding:25px 0 0; float: left; width: 100%;}
.tab-section .commontab ul{margin: 25px 0 0;}
.blog-details p{font-size: 14px;}
section.list-section{padding-top: 5px; padding-bottom: 20px;}
.left-resourcetxt{padding: 0 30px 0 0;}
.blog-service .section-heading3,.section-heading3{font-size:22px; font-family: roboto-bold, sans-serif; margin: 15px 0 15px; padding: 0;}
.pdright.resources-txt{padding-left: 0; padding-right: 50px;}
.pdb-20{padding-bottom: 20px !important; padding-top:0px!important; margin-bottom: 0px !important;}
section.inline-sec{float: left; width: 100%;}
.product-thumbnails{float: left; width: 100%; text-align: center; padding: 10px 0 0;}
.product-thumbnails .items{display: inline-block; text-align: center;}
.product-thumbnails .items .thumb{display: inline-block; max-width: 85px; margin: 0 4px; cursor: pointer;}
.product-thumbnails .items .thumb img{max-width:85px; border:1px solid #eee;}
.gallery-title{display:block;text-align:center;margin:20px 0 15px;width:100%}
.gallery-title h3{margin: 0; font-size: 24px; font-family: roboto-bold, sans-serif; padding: 0;}
.gallery-section{float: left; width: 100%; margin: 0; padding: 0;}
.mobile_view_dropdown,.selectdiv.blog{display: none;}

.blog-pagination{display:block; padding:0 0 10px;}
.blog-pagination .showingnumber{ text-align:center; display:block; padding:10px 0 20px; color: #000; font-family:roboto-regular, sans-serif;  font-size:14px;}
#getquote .modal-body{padding:0;}
.blog-pagination ul{margin: 0;padding: 0;list-style-type: none; text-align:center}
.blog-pagination ul li{ display:inline-block; margin:0; font-family: roboto-bold, sans-serif; vertical-align: middle;}
.blog-pagination ul li a{display:block; padding:4px 4px; margin: 2px; font-size:14px; font-family:roboto-regular, sans-serif;  color:#000; text-decoration: none; line-height:1.2;}
.blog-pagination ul li a.active{font-family: roboto-bold, sans-serif;}
.blog-pagination ul li a.prev, .blog-pagination ul li a.next{display: block;}
.blog-pagination ul li a.prev{ margin-left:10px;}
.blog-pagination ul li a.prev.disable,.blog-pagination ul li a.next.disable{opacity:0.2; cursor:default;  pointer-events: none;}
.blog-pagination ul li a.next{ margin-left:0px;}
.prev_nev_sec{display: block; padding-bottom:40px;}
.prev_nev_sec .back_link,.prev_nev_sec .next_link{ color: #000; padding-bottom: 10px; line-height: 1.2; font-size:14px;  font-weight: normal;; border-bottom: 1px solid #ddc569; text-decoration: none; }
.prev_nev_sec .back_link{padding: 0 10px 8px 0;}
.prev_nev_sec .next_link{ float: right; padding: 0 0px 8px 10px;}
/*blog css */

.pt-0{padding-top:0px;}
.paginatinsec{display: block; padding: 5px 0 0;}
.bredcrumb-main{float: left; width: 100%;  text-align: right;}
.bredcrumb-main .breadcrumb{margin-bottom: 0; padding-bottom: 0;}
.bredcrumb-main .breadcrumb > li {font-size: 14px; color: #999999;}
.bredcrumb-main .breadcrumb > li span{padding-left: 0px;}
.bredcrumb-main .breadcrumb > li a{color:#000; text-decoration: none;}
.bredcrumb-main .breadcrumb > li:last-child a{color: #999;}
.bredcrumb-main .breadcrumb > li + li::before{color: #000; content: "/\00a0"; padding: 0;}
.page-title.productlanding{padding-top: 10px;}


.blogcta-main{float:left;width:100%;background:#a6ce39;padding:30px 55px; display: flex; align-items: center;}
.blogcta-main h2{float:left;margin:0;font-size:23px;line-height:1.21; color: #ffffff; padding-right: 15px;}
.blogcta-btn{font-size:12px; white-space: nowrap; transition: all 0.4s ease; float:right;border:1px solid #fff;color:#fff !important;text-transform:uppercase;font-family:roboto-regular, sans-serif;letter-spacing:2px;padding:7px 20px;display:block; text-decoration: none !important;}
.blogcta-btn:hover,.blogcta-btn:active{background: #ffffff; color:#a6ce39 !important;}
.relatedtchnlgy .heading.title{font-size: 24px; font-family: roboto-bold, sans-serif; color: #000; margin-top:20px; margin-bottom: 30px;}
.relatedtchnlgy .list-new-box-one{float: left; width: 25%; display: block;}
.relatedtchnlgy .product-list .col-sm-4:nth-child(3n+1){clear: inherit !important;}
.relatedtchnlgy .product-list-new-box{display: flex; flex-wrap: wrap; float: left; width: 100%;}
section.blog-details.inline-sec{padding-top: 5px;}
section.relatedtchnlgy{padding-top: 5px;}
section.blog-cta{float: left; width: 100%;}
.packagesubhead{margin:15px 0 30px;padding:0;text-align:center;}
.packagesubhead span{display: inline-block; text-align: center; font-size: 22px; padding:0 15px 10px; border-bottom: 2px solid #494545;}
.factrcontent{width: 100%; margin: 0; padding: 0;}
.factrcontent .leftcontnt{float: left; width: 75%; padding-right:0px;}
.factrcontent .rightcntnt{float: right; width: 25%; margin: 0;}
.gird-onescnd .factrcontent .leftcontnt{width: 66.66%}
.gird-onescnd .factrcontent .rightcntnt{width: 33.33%;}
.right-highlgtblk.under-new{width:75%!important; }
.factrcontent .rightcntnt img{max-width: 100%;}
.right-highlgtblk{float: left; width: 100%; padding:0; margin:20px 0 10px}
.factrcontent .leftcontnt h3{font-size: 22px; margin:0px 0 15px; padding: 0;}
.right-highlgtblk h4{font-size: 14px;font-family: roboto-bold, sans-serif; margin: 0 0 15px;}
.right-highlgtblk ul{margin: 0; padding: 0; list-style-type: none;}
.right-highlgtblk ul li{float:left; width:100%; font-size: 14px; font-family:roboto-regular, sans-serif; margin-bottom:2px;  background:url(../images/checkbox-dark.png) no-repeat left 8px; background-size:10px; padding:0 0 0 25px;}
.pdright.resources-txt ul li{list-style-type: none; font-size: 14px; margin-bottom: 5px; font-family:roboto-regular, sans-serif;}
.pdright.resources-txt ul{padding-left: 20px;}
.darkbox-wd80{width:74%; margin: 0 13%; color: #fff; float: left;}
.darkbox-wd92{width:92%; margin: 0 4%; color: #fff; float: left;}
.darkbox-wd80 p,.darkbox-wd92 p{font-size: 14px;}
.darkbox-wd80 a,.darkbox-wd92 a,.darkbox-wd80 p a,.darkbox-wd92 p a{color: #fff; text-decoration: underline;}
.sscc-properly-box-left.full-width{width: 100%;}


.sscc-properly-box-left.full-width li{position: relative; background: none;}
.sscc-properly-box-left.full-width li .numlist{position:absolute; left:0; top:0px; width:30px; font-family: roboto-bold, sans-serif; color: #000; height:30px;background:#a6ce39;text-align:center;border-radius:50%;line-height:30px;}
.sscc-properly-box-left.full-width li  h4{font-size: 16px; font-family: roboto-bold, sans-serif; margin: 0 0 10px;}
.content-left.full-width{width: 100%;}
.mbtop15{margin-top: 15px;}

.darkbox-wd80 ul, .bullet-list{margin: 10px 0 ; padding: 0; list-style-type: none;}
.darkbox-wd80 ul li, .bullet-list li{display: block; width:100%; margin: 0 0 5px; font-family:roboto-regular, sans-serif; font-size: 14px; background: url('../images/list-crcle.png') no-repeat; background-size: 8px; padding-left: 20px;
background-position: top 8px left;  }
.blog-service .txt-large span{font-size: 15px; display: block; padding-top: 10px; }
.blog-service .txt-large{padding-left: 20px;}
.txtsize-16{font-size: 16px !important;}
.mrgnbtm15{margin-bottom: 15px;}
.pd-top-0{margin-top: 0 !important;}
.pdleft-20{padding-left: 20px;}
.sscc-properly-box h2.heading-opt2 span{border-bottom: none; position: relative;}
.sscc-properly-box h2.heading-opt2 span::after{content:'';position:absolute;bottom:-4px;height:2px;width:calc(100% - 80px);background:#ccc;left:50%;transform:translateX(-50%);}

/*18-02-2020*/
.news-container .news.blog.business{padding:40px 20px; margin: 0 7px; width: calc(33.33% - 17px); margin-bottom: 15px;}
.font-txt-medium{font-size: 18px; color: #000; margin: 10px 0;}
/*27-02-2020*/

.prodctlist-main{ margin-top:20px;}
.prdctlist-sect{float: left; width: 100%; margin:0; padding: 0;}
.prdctlist-media{display: block; margin: 0; float: left; width: 100%; padding: 0 40px;}
.prdctlist-media img{max-width: 100%;}
.prdctlist-sect .product-desc{padding-left: 20px;}
.whysecdark{float:left; position: relative; width:100%;background:#494545; padding:45px 3% 80px;margin:60px 0 70px; }
.whysecdark::before{content: ''; position: absolute; bottom: 0; right: 0; height:100%; width: 56%; opacity: 0.25; background:url('../images/watermark-logo.png') no-repeat right;background-size: contain;
background-position: right bottom; z-index: 0;}
.whysecdark h2{font-size:30px;color:#fff;text-align:center;margin:0 0 35px;}
.whycontentblk,.iconmain{width: 100%; text-align: center; margin:0; padding: 0 10px;}
.iconmain{margin-bottom: 30px; padding: 0}
.iconmain span{display: inline-block; width: 120px; height: 120px; border-radius: 50%; border:6px solid #00bff9; position: relative;}
.iconmain span img{max-width: 65px; position: relative; top:50%; margin-top: -32px;}
.whycontentblk h4{font-size: 21px; text-align: center;color: #fff; margin: 0 0 25px; font-family: roboto-bold, sans-serif;}
.whycontentblk p{font-size: 16px; text-align: center; color: #fff;}
.care .iconmain span{border-color: #cd0089;}
.coding .iconmain span{border-color: #0057aa;}
.prdctlist-sect .prdctlstrow{margin-bottom: 60px;}

.prodctlist-main ~ .case-studies{padding-top: 0;}
.prodctlist-main ~ .case-studies .title2{text-align: center; padding: 0 0 20px; border: none; width: 100%; margin-left: 0;}
.bottom-contentsct{margin: 0 auto; max-width: 80%;}
.bottom-contentsct h2{font-size: 27px; font-family: roboto-bold, sans-serif; margin: 0 0 15px; text-align: center;}
.bottom-contentsct p{font-size: 14px; text-align: center; font-family:roboto-regular, sans-serif;}
.smlheadingtxt{font-size: 16px; font-family: roboto-bold, sans-serif;}
.orderlist,ol{font-family:roboto-regular, sans-serif;}
.unorderlist,.blog-service ul{font-size: 13px;font-family:roboto-regular, sans-serif;}
.unorderlist li{margin-bottom: 2px;}
.orderlist li{margin-bottom: 3px;}
/*navigation top strip*/
.clearheader{display: block; height: 0;}
header.noticegap{top:40px;}
header.noticegap ~ .clearheader,header.noticegap ~ section.clearheader{margin-top: 40px;}
.headefixbox {float: left;width: 100%;background:#B71F82; position: fixed; z-index: 111; top: 0; display: none;}
.fixtoptext{margin:0 auto;width:100%;color:#fff;text-align:center;line-height:24px;padding:8px 30px 8px 15px;position:relative}
.fixtoptext p{margin:0;font-size:15px;}
.fixtoptext a{color:#fff;text-decoration:none;border-bottom:1px solid #fff;display:inline-block;margin-left:5px;font-size:14px;font-family: roboto-bold, sans-serif;line-height:1.5;
background: url(../images/toprightarrow.png) no-repeat right; background-size:7px; padding-right: 12px}
.fixclosed{position:absolute;top:6px;right:5px;cursor:pointer; width: 13px;}


.applications.designopt2{position: relative; text-align: center; padding: 0; background-color: transparent; color: #000;} 
.applications.designopt2 .title2{border-bottom:solid 2px #494545; padding-left: 20px; padding-right: 20px; padding-bottom: 10px; margin-bottom: 30px;}
.applications.designopt2 p{color: #000;}
.applications.designopt2 .apps{display: inline-block; float: none;margin-right: -4px; vertical-align: top;}
.whyboxsec{float: left; width: 100%; margin:0; }
.whyboxsec .whybxmain{background:#494545 url('../images/mwatermark.png') no-repeat; padding: 45px 5%; padding: 45px 5%;
background-size: 450px; background-position: bottom right;}
.whybxmain .whybx-head{color: #fff; font-size: 32px; text-align: center; margin: 0 0 45px;}
.whybxmain .whycolmain{text-align:center;margin:0;width:100%;}
.whycolmain .mediacnt{text-align:center;display:inline-block;}
.whycolmain .mediacnt .circlebx {display:flex;width:120px;height:120px;border:6px solid #fff;border-radius:50%;flex-wrap:wrap;justify-content:center;align-items:center;}
.whycolmain .mediacnt .circlebx img{max-width: 70px;}
.whycolmain .mediacnt .circlebx.first{border-color:#00BFF9;}
.whycolmain .mediacnt .circlebx.second{border-color: #CD0089;}
.whycolmain .mediacnt .circlebx.third{border-color: #0057AA;}
.whycolmain .txtcntnt{display:block;text-align:center}
.whycolmain .txtcntnt h3{font-size:22px;margin:40px 0 25px;color:#fff;padding:0;}
.whycolmain .txtcntnt p{color:#fff;font-size:16px;font-family:roboto-regular, sans-serif;line-height:26px; text-align: center;}

.sprtablist{float: left; width: 100%; margin: 0;}
.sprtablist .suptblemain{float: left; width: 100%; margin: 0; padding:0;}
.sprtablist .suptblemain h4{width: 100%; border-bottom: 1px solid #EDE6EB; font-size: 18px; color: #B71F82; text-transform: uppercase; min-height: 40px; text-align: center;}
.sprtablist .suptblemain .tblists{margin: 0; padding: 0; list-style-type: none;}
.sprtablist .suptblemain .tblists li{display: block; padding:15px 10px; font-size: 14px; font-family: roboto-bold, sans-serif;
min-height: 55px;}
#supportlist .suptblemain .tblists li{text-align: center;}
#supportlist .suptblemain .tblists li img{display: inline-block; max-width: 14px;}
#supportlist .suptblemain .tblists li.evens,.sprtablist .suptblemain .tblists li.evens{background:#F8E8F2;}
#supportlist .suptblemain{border-left:1px solid #EDE6EB;}
.heading2ndlvl{font-size:30px;margin:0 0 20px;padding:0; font-family: roboto-bold, sans-serif;}
.heading3rdlvl{margin:0 0 15px;padding:0 0 5px;border-bottom:2px solid #666;width:330px; max-width: 100%; font-size: 22px;}
.unordrlists{padding: 0 0 0 15px; font-size: 14px; font-family:roboto-regular, sans-serif; }
.unordrlists li{margin: 0 0 5px;}
section.mainlndingcntnt{padding-top: 0;}
.caretoptxtsc{float: left; width: 100%; text-align: center;}
.caretoptxtsc p{font-size:18px;text-align:center;font-family: roboto-bold, sans-serif;padding:0 30px;}
.carebxlist{float:left;width:100%;border-top:1px solid #ddd;}
.carebxlist .carebxlistmain{display:flex;border-bottom:1px solid #ddd;float:left;width:100%;padding:20px 0;}
.carebxlist .carebxlistmain .lefticoblock{float: left; width: 55px; display: flex; justify-content: center;align-items: center;}
.carebxlist .carebxlistmain .lefticoblock img{max-width: 55px; width: 55px;}
.carebxlist .carebxlistmain  .rightcntblk{width:calc(100% - 55px);padding-left:20px;}
.carebxlistmain  .rightcntblk h4{font-size: 22px; margin: 0 0 10px; color:#B71F82; font-family: roboto-bold, sans-serif;}
.carebxlistmain  .rightcntblk p{margin-bottom: 0;}
section.whyboxsec{padding-top: 0;}
h4.middle-title{font-size: 22px; color: #000; margin:0 0 15px; font-family: roboto-bold, sans-serif;}
.booksrcvc-btn{background:#B71F82;display:inline-block;color:#fff;font-size:15px;font-family: roboto-bold, sans-serif;text-transform:uppercase;padding:16px 50px;letter-spacing:2px;
  width:330px;text-align:center; text-decoration: none; max-width: 100%;}
.booksrcvc-btn:hover,.booksrcvc-btn:focus{color:#fff; text-decoration: none;}
section.inline-sect{float: left; width: 100%;}
#supportlist .suptblemain .tblists li{display: flex;justify-content: center; align-items: center;}
.custcmprsct{margin-top: -20px;}
.pb-0{padding-bottom: 0 !important;}
.applcbletxt {float: left; width: 100%;}
.sprtablist .owl-prev{left: 10px;  background-image: url(../images/arrowbck.png); background-repeat: no-repeat; background-size: 13px;
background-position: 0px center;}
.sprtablist .owl-next{right: 5px;  background-image: url(../images/arrownxt.png); background-repeat: no-repeat; background-size: 13px;
background-position: 0px center;}
.sprtablist .owl-prev.disabled,.sprtablist .owl-next.disabled{opacity: 0.05;}
.seotextcontnt h4,.seotextcontnt h3,.seotextcontnt h2{font-size: 30px; font-family: roboto-bold, sans-serif; color: #000; margin: 0 0 15px; padding: 0;}
.seotextcontnt p{font-size: 14px; color:#231F20; font-family:roboto-regular, sans-serif;}
.tabcntnt{width: 100%; margin: 15px 0;}
.table.tabcntnt th,.table.tabcntnt td{border:1px solid #999;}
.table.tabcntnt th{font-family: roboto-medium, sans-serif;}
.contentfulwidht{float: left; width: 100%; margin: 25px 0 0;}
.contentfulwidht .table.tabcntnt td,.contentfulwidht .table.tabcntnt th{text-align: center;}
.table.tabcntnt td.onethird{width: 33.33%; white-space:normal; }
.table-responsive .table.tabcntnt{min-width: 550px;}

.dhlgalleryimg{width:100%; float:left; padding:0 5px; margin-bottom:10px;}
.dhlgalleryimg img{max-width:100%;}
.dhlgallery h3{text-align:center;}

.newtechnologybox{width:100%; float:left; margin:15px 0 25px 0;}

.relatedtechnologyleft{width:100%; float:left; }
.relatedtechnologyleft h3{text-align:center;}

.relatedproductsright{width:100%; float:left; text-align:center;}
.relatedproductsright h3{text-align:center;}

.relatedtechnologymidmain{width:100%; float:left; text-align:center;}
.relatedtechnologymid{width:375px; margin:0 auto;}
.relatedtechnologymidimg{width:100%; float:left;}
.relatedtechnologymidimg img {max-width:100%;}
.relatedtechnologymidtext{width:100%; float:left; text-align:center;  margin-top:20px; font-size: 16px;}
.relatedtechnologymidtext a{color:#000; text-decoration:none;}
.videosection{padding-right:10px;}

.dhlgallery{text-align:center;}
.dhlgalleryimgdiv{float:none; width:33%; display:inline-block; vertical-align:top;}
.wide90{width: 90px !important; margin:0 15px 10px 0; padding: 0;}
.blgcontnsec1 .wide90 ~ p{float: left; width: calc(100% - 106px);}


.whatisautomated{width:100%; float:left; background:#494545; padding:25px; margin-top:25px;}
.whatisautomated h2{width:100%; float:left; font-size:24px; font-family: roboto-bold, sans-serif; color:#fff; margin-top:0; margin-bottom:15px;}
.whatisautomated p{float:left; width:100%; color:#fff;}

.automatedbox{width:100%; float:left; margin-top:25px;}
.automatedbox h2{width:100%; float:left; font-size:24px; font-family: roboto-bold, sans-serif; color:#000; }
.automatedbox p{float:left; width:100%;}

.benefboxmain{width:100%; float:left; margin-top:25px;}
.benefboxmain h2{width:100%; float:left; font-size:24px; font-family: roboto-bold, sans-serif; color:#000; margin-bottom:25px; }
.benefboxmain p{float:left; width:100%;}

.benefboxmainleft{width:50%; float:left; padding-right:10px;}
.benefboxmainleft ul{list-style:none; float:left; width:100%; margin:0; padding:0;}
.benefboxmainleft ul li{font-size:14px; float:left; width:100%; color:#000; padding:5px 0 5px 45px; margin-bottom:10px; background:url(../images/maarrow.png) no-repeat left 3px;}
.benefboxmainleft ul li strong{width:100%; display:block; width:100%; font-family: roboto-bold, sans-serif; text-transform:uppercase; padding-bottom:7px;}

.benefboxmainright{width:50%; float:left; padding-left:10px;}
.benefboxmainright ul{list-style:none; float:left; width:100%; margin:0; padding:0;}
.benefboxmainright ul li{font-size:14px; float:left; width:100%; color:#000; padding:5px 0 5px 45px; margin-bottom:10px; background:url(../images/maarrow.png) no-repeat left 3px;}
.benefboxmainright ul li strong{width:100%; display:block; width:100%; font-family: roboto-bold, sans-serif; text-transform:uppercase; padding-bottom:7px;}

.newbgscebox{background:#e7e1e5; padding:35px;}
.newbgscebox .palletabbox{padding:0;}
.palletabbox ul{float:left; width:100%; margin:0; padding:0 0 0 15px;}
.palletabbox ul li{font-size:14px; float:left; width:100%; color:#000; padding:5px 0; margin-bottom:10px;}
.palletabbox ul li strong{width:100%; display:block; width:100%; font-family: roboto-bold, sans-serif; padding-bottom:5px;} 

.newbgscebox .palletabboxleft{padding-right:25px; width:60%;}
.newbgscebox .palletabboxright{width:40%;}
.newbgscebox.scenarioexamplebox h2{margin-top:0;}

.standardsyoubox{width:100%; float:left; margin-top:15px;}
.standardsyoubox h2{width:100%; float:left; font-size:24px; font-family: roboto-bold, sans-serif; color:#000; margin-bottom:15px; }
.standardsyoubox p{float:left; width:100%;}


.standardsyoubox2{width:100%; float:left; margin-top:35px;}
.standardsyoubox2 h2{width:100%; float:left; font-size:24px; font-family: roboto-bold, sans-serif; color:#000; margin-bottom:15px; }
.standardsyoubox2 p{float:left; width:100%;}
.standardsyoubox2 ul{margin:0 0 15px 0; padding:0; float:left; width:100%; list-style:none;}
.standardsyoubox2 ul li{float:left; width:100%; font-size: 14px; font-family:roboto-regular, sans-serif; background:url(../images/checkbox.png) no-repeat left 9px; background-size:11px; padding:2px 0 2px 25px;}

.standardsyouboxhd{width:100%; float:left; font-size:20px; font-family: roboto-bold, sans-serif; color:#000; margin-bottom:15px; margin-top:25px; }

.expbox{width:100%; float:left; padding:25px; background:#e7e1e5; color:#000; margin-top:15px;}
.expbox strong{font-family: roboto-bold, sans-serif;}

.haumanscoment{width:100%; float:left; padding:10px 25px 15px 25px; background:url(../images/line2.jpg) no-repeat 25px top; margin-top:15px;}
.humanscomentone{width:100%; float:left; font-size:20px; color:#231f20;}
.humanscomenttwo{width:100%; float:left; font-size:14px; color:#231f20; margin-top:8px;}
.palletabboxleft p strong{font-family: roboto-bold, sans-serif;}
.palletabboxcenter{width:100%; float:left; margin-top:25px;}
.palletabboxhd2{width:100%; float:left; font-size:20px; font-family: roboto-bold, sans-serif; color:#000; margin-bottom:15px; }

.newfaqboxmain h2{font-size:20px;}
.newfaqboxmain .page-faq{margin-bottom:0;}
.faqtextbox{ background:#fff; padding:20px 25px 0 25px; float:left; width:100%; margin-top:4px;}
.faqhdnew{width:100%; float:left; font-size:16px; font-family: roboto-bold, sans-serif; color:#000; margin-top:0px; margin-bottom:10px; }
.newfaqboxmain .faqheading{float:left; width:100%; box-shadow: 1px 3px 3px #ccc; padding: 15px 25px;}
.newfaqboxmain .page-faq .faqbottom{width:100%; float:left; background:none; padding:0; border:none; box-shadow:none;}
.faqtextbox p{margin-bottom:20px;}
.faqtextbox ul{float:left; width:100%; margin:0 0 20px 0; padding:0 0 0 15px;}
.faqtextbox ul li{font-size:14px; float:left; width:100%; color:#000; padding:5px 0;}
.faqtextbox ul li strong{width:100%; display:block; width:100%; font-family: roboto-bold, sans-serif; padding-bottom:5px;} 

.newfaqboxmain .page-faq .faqheading {background:#e7e1e5 url(../images/next-assets.png) no-repeat right 15px top 20px; cursor: pointer; background-size:18px; font-family: roboto-bold, sans-serif;  font-size:16px; padding-right:25px; color:#0058a0;}
.newfaqboxmain .page-faq .faqopen {background:#e7e1e5 url(../images/next-assets-hover.png) no-repeat right 15px top 20px; background-size: 18px}

.elatedcasetudiesbox{width:100%; float:left; margin:35px 0 0 0;}

.elatedcasetudiesbox .txt-section .readMore{font-family:roboto-regular, sans-serif;}
.elatedcasetudiesbox .txt-section{padding:20px 0 0 0;}
.elatedcasetudiesbox .txt-section .title{font-size:24px;}
.elatedcasetudiesbox h2{width:100%; float:left; font-size:24px; font-family: roboto-bold, sans-serif; color:#000; margin-bottom:25px; margin-top:0; }
.augtext{text-align:center; font-size:14px!important; margin-bottom: 20px;}
.augtext2{text-align:center;}

.downloadthisboxmain{float:left; width:100%; margin:25px 0 0 0;}
.downloadthisboxmainin{float:left; background:#a6ce39; padding:25px 5%;}
.downloadthistext{float:left; font-family: roboto-bold, sans-serif; font-size:24px; color:#fff; padding-top:10px;}
.downloadthistext2{float:left; width:auto; padding-left:25px;}
.downloadthistext2 .form-control{width:300px;}
.downloadthistext3 .btn-send{height: 45px; background-color: #494545;}
.downloadthistext3{float:left; width:auto;}
.blogtptxts20{font-size: 20px;text-align: center;margin: 0 0 25px;}
.blgtxtsnew{padding: 0 25px 0 0}
.blgtxtsnew h2{margin: 25px 0 15px;font-size: 30px;font-family: roboto-bold, sans-serif;}
.blogpage-tabmain h2.graysctitle{font-size:32px; margin:15px 0 30px}
.grybxcntnt h4{font-size: 18px; font-family: roboto-bold, sans-serif; margin:0 0 15px;}
.blogpage-tabmain.blgrybxmain{padding: 35px 25px 35px 25px}
.txtblhead{text-align: center;}
.txtblhead {text-align: center; margin: 0 0 30px}
.txtblhead h2{font-size: 32px; font-family: roboto-bold, sans-serif; margin: 0 0 15px;}
.grybxcntnt.mbspces{margin-top: 15px;}
.date{width:100%; float:left;}
.date .readMr{font-size:12px!important;}
.blogrybx{padding: 35px 6%; background:#E7E1E5; }
.tipgraybx{background: #E7E1E5; padding: 35px;}
.tipgraybx .grybxhead{margin: 0 0 35px;text-align: center;font-size: 24px;font-family: roboto-bold, sans-serif;padding: 0 0 15px;position: relative}
.tipgraybx .grybxhead::before{content: ''; position:absolute; left: 50%; bottom: 0; height: 3px; width: 96px; margin-left: -46px; background: #A5D038; }
.numblists{list-style-type: none;margin: 0; padding: 0;}
.numblists li{position: relative; font-size: 14px; padding-left: 43px; display: block; margin: 0 0 15px;}
.numblists li span.num{position: absolute; left: 0; top:0; width: 28px; height: 28px; background-color: #A6CE3A; border-radius: 50%; font-family: roboto-bold, sans-serif; font-size: 14px;
text-align: center; line-height: 28px;}
.texthighlights p{font-size: 19px; line-height: 1.55; margin: 20px 0;}
.quotdtxt{font-size: 16px; padding-left: 30px;}
.graybxsubtitle{font-size: 28px; padding:0; text-align: center;font-family: roboto-bold, sans-serif;margin: 20px 0 25px;}
.textquotes {position: relative; padding: 0 0 0 40px;margin: 20px 0 0;}
.textquotes p{font-size: 18px;line-height: 1.5;}
.textquotes::before{position: absolute; content: ''; left: 15px; height: 89px; width: 1px; background: #b71f82;
top:5px;}
.nubmerlist{margin: 0; padding: 0; list-style-type: none;}
.nubmerlist li{display: block; padding-left: 20px; position: relative; margin: 0 0 10px;}
.nubmerlist li span{position: absolute; left: 0; top:0px; font-family: roboto-bold, sans-serif;}
.bullet-list.mnufctrs li{background: url('../images/pink-ellipse.png') no-repeat; background-size: 8px;
background-position: top 6px left 0; margin: 0 0 10px;}
.bullet-list.mnufctrs li strong{text-decoration: underline;}
.textquotes.mnufctrs{padding-left: 30px;}
.textquotes.mnufctrs::before{content: ''; height: 20px; width: 2px;}

.palletblogbox.dbarcobg h2{font-size:24px; margin: 25px 0 30px;}
.palletblogbox.dbarcobg .bullet-list.mnufctrs li strong{text-decoration: none; margin-bottom:8px; display:inline-block;}

.whatarebarcodesbox{width:100%; float:left;margin-top:35px; } 
.whatarebarcodesbox h2{font-size:24px;font-family: roboto-bold, sans-serif;margin:0 0 15px;padding: 0; width:100%; text-align:center;}

.whatarebarcodesboxleft{width:50%; float:left; padding-right:15px; margin-top:15px;}
.whatarebarcodesboxright{width:50%; float:left; padding-left:15px; margin-top:15px;}

.whatarebarcodesboximg{width:100%; float:left; }
.whatarebarcodesboximg img{max-width:250px; width:100%;}

.whatarebarcodesboximg2{width:100%; float:left; }
.whatarebarcodesboximg2 img{max-width:350px; width:100%;}
.nounberline strong{text-decoration:none!important;}

.economicmainbox{width:100%; float:left;margin-top:35px; }
.economicmainboxleft{width:70%; float:left; padding-right:50px;}
.economicmainboxleft h2{font-size:24px;font-family: roboto-bold, sans-serif;margin:5px 0 15px 0; padding: 0; width:100%;}
.economicmainboxright{width:30%; float:left;}
.economicmainboxright img{width:100%;}

.timtambox{width: 100%; float: left; margin-top:35px; }
.timtambox h2{font-size:24px;font-family: roboto-bold, sans-serif;margin:5px 0 15px 0; padding: 0; width:100%;}

.timtamboxmain{width: 100%; float: left;}
.timtamboxleft{width: 50%; float: left; padding-right: 25px;}
.timtamboxright{width: 50%; float: left; padding-left: 25px;}
.timtamboxright img{width:100%;}

.timttakeaway{width:100%; float: left; padding:18px 25px; background:#e7e1e5; margin-top: 10px;}
.timttakeaway p{margin-bottom:0px;}


.dairymilkamin{width:100%; float:left;margin-top:50px; }
.dairymilkleft{width:45%; float: left; padding-right:15px;}
.dairymilkleft img{width:100%;}

.dairymilkright{width:55%; float: left; padding-left:15px;}
.dairymilkright h2{font-size:24px;font-family: roboto-bold, sans-serif;margin:0 0 15px 0; padding: 0; width:100%;}

.kelloggmr h2{margin-top: 25px;}


.coca-cola-box{width:100%; float:left;margin-top:50px; }
.coca-cola-box h2{font-size:24px;font-family: roboto-bold, sans-serif;margin:0 0 15px 0; padding: 0; width:100%;}
.coca-cola-box-left{width:70%; float: left; padding-right:15px;}
.coca-cola-box-left h2{margin-top: 35px;}
.coca-cola-box-right{width:30%; float: left; padding-left:15px;}
.coca-cola-box-right img{width:100%;}

.violetcrumble{width:100%; float:left;margin-top:50px; }
.violetcrumbleleft{width:30%; float: left; padding-right:15px;}
.violetcrumbleleft img{width:100%;}

.violetcrumbleright{width:70%; float: left; padding-left:15px;}
.violetcrumbleright h2{font-size:24px;font-family: roboto-bold, sans-serif;margin:0 0 15px 0; padding: 0; width:100%;}
.mrnone{margin-top: 0!important;}
.overmrtop{margin-top: 35px!important;}

.thinkingmrline{margin-top:10px!important; float: left; width: 100%;}
.pglandingmain{float: left; width: 100%; margin:0;}
.pglandingmain .pgheading{float: left; width: 100%; margin: 20px 0 35px;}
.pglandingmain .pgheading h1{font-size: 42px; padding:0; text-align: center; font-family: roboto-bold, sans-serif; margin: 0; }
.landingtoptxt{float: left; width: 100%;}
.pglaingbtmsc{float: left; width: 100%; margin: 35px 0 0;}
.tablecontent{float: left; width: 100%; position: relative;}
.tablepglandng{float: left; width: 100%;}
.tablepglandng th,.tablepglandng td{padding: 14px 20px;text-align: center; font-family:roboto-regular, sans-serif; vertical-align: middle;}
.tablepglandng th:nth-child(2) img{max-width: 185px;}
.tablepglandng th:nth-child(3) img{max-width: 152px;}
.tablepglandng tr td:first-child{width: 50%; text-align: left; font-family: roboto-bold, sans-serif;}
.tablepglandng tbody tr:nth-child(odd){background: #E5EEF5;}
.tablepglandng th{vertical-align: bottom;}
.tablepglandng td .notavail,.tablepglandng td .avail{max-width: 15px;}
.custlistblue{list-style: none; margin: 10px 0; padding: 0;}
.custlistblue li{position: relative; font-family: roboto-bold, sans-serif; margin: 0 0 10px; padding: 0 0 0 25px;}
.custlistblue li::before{content: ''; position: absolute; left: 5px; top:6px; width: 7px; height: 7px; border-radius: 50%; background: #0A5DA1;}
.pglandingbtnsc{float: left; width: 100%; margin: 20px 0 0; text-align: right;}
.pglandingbtnsc.text-left{text-align: left;}
.button_su{overflow: hidden; position: relative;display: inline-block; border-radius: 3px; margin-bottom:10px;}
.su_button_circle {z-index: 1; border-radius: 1000px; position: absolute; left: 0; top: 0; width: 0px; height: 0px;margin-left: 0px; margin-top: 0px; pointer-events: none;}
.button_su_inner {display: inline-block;background:#0058A0;color: #fff;font-size: 19px; font-family: roboto-bold, sans-serif;text-align: center;border-radius: 3px;transition: 400ms;
 text-decoration: none;padding:17px 25px 17px 35px;}
.button_text_container i{display: inline-block; margin-left: 10px; font-weight: normal; font-size: 14px;}
.button_text_container {position: relative;z-index:2;}
.button_su_inner:hover,.button_su_inner:focus{text-decoration: none; color: #fff;}
.explode-circle {animation: explode 0.5s forwards;}
.desplode-circle {animation: desplode 0.5s forwards;}
@keyframes explode {
  0% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color:#A6CE3A;
    opacity: 0.8;
  }
  100% {
    width: 520px;
    height: 520px;
    margin-left: -260px;
    margin-top: -260px;
    background-color:#A6CE3A;
    opacity: 1;
  }
}

@keyframes desplode {
  0% {
    width: 520px;
    height: 520px;
    margin-left: -260px;
    margin-top: -260px;
    background-color: #A6CE3A;
    opacity: 0.8;
  }
  100% {
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    background-color:#A6CE3A;
    opacity:1;
  }
}


/* blog css */
.improvefoodboxone{float:left; width:100%; margin-top:35px;}
.improvefoodboxtwo{float:left; width:100%; margin-top:35px;}
.improvefoodboxtwoleft{float:left; width:50%; padding-right:15px;}
.improvefoodboxtworight{float:left; width:50%; padding-left:15px;}
.improvefoodboxtworight img{width:100%;}

.improvefoodboxthree{float:left; width:100%; margin-top:35px;}

.improvefoodboxthreetop{float:left; width:100%;}
.improvefoodboxthreetop h2{float:left; width:100%; font-size:24px; font-family: roboto-bold, sans-serif; margin-bottom:15px;}

.improvefoodboxthreemid{float:left; width:100%; margin-top:15px;}
.improvefoodboxthreeleft{float:left; width:40%; }
.improvefoodboxthreeleft img{width:100%;}

.improvefoodboxthreeright{float:left; width:60%; padding-left:30px; }
.improvefoodboxthreeleft img{width:100%;}
.improvefoodboxthreeright h2{float:left; width:100%; font-size:24px; font-family: roboto-bold, sans-serif; margin-bottom:15px; margin-top:15px;}

.improvefoodboxthreebottom{float:left; width:100%; margin-top:35px;}
.improvefoodboxthreebottom .bullet-list.mnufctrs li strong{text-decoration:none;}

.improvefoodboxnormal{float:left; width:100%; margin-top:35px;}
.improvefoodboxnormal h2{float:left; width:100%; font-size:24px; font-family: roboto-bold, sans-serif; margin-bottom:15px; }

.usingblockchainmain{float:left; width:100%; margin-top:35px;}

.usingblockchainmainleft{float:left; width:70%; padding-right:30px; }
.usingblockchainmainleft h2{float:left; width:100%; font-size:24px; font-family: roboto-bold, sans-serif; margin-bottom:15px; margin-top:0px;}

.usingblockchainmainright{float:left; width:30%; }
.usingblockchainmainright img{width:100%;}

.understandingimgboxnew{float:left; width:100%; margin-top:35px;}
.understandingimgboxnew img{width:100%;}

.buthd{float:left; width:100%; font-size:16px; margin-bottom:5px; font-family:roboto-regular, sans-serif;}

.improvefoodboxthreeright  .bullet-list.mnufctrs{padding: 0 0 0 15px;}
.improvefoodboxthreeright  .bullet-list.mnufctrs li strong{text-decoration:none;}

.hacpboxmain{float:left; width:100%; margin-top:35px;}

.hacpboxmainleft{float:left; width:50%; padding-right:15px; }
.hacpboxmainleft h2{float:left; width:100%; font-size:24px; font-family: roboto-bold, sans-serif; margin-bottom:15px; margin-top:0px;}
.hacpboxmainright{float:left; width:50%; padding-left:15px;}
.hacpboxmainright h2{float:left; width:100%; font-size:24px; font-family: roboto-bold, sans-serif; margin-bottom:15px; margin-top:0px;}

.toknowhd{margin-top:15px!important;}
.toknowhd2{margin-top:0px!important;}
.toknowhd3{margin-top:15px!important;}
.toknowhd4{margin-top:20px!important;}


.ducthd{float:left; width:100%; font-size:18px; font-family: roboto-medium, sans-serif; margin:20px 0 10px 0;}

.best-before-box{float:left; width:100%; margin-top:25px;}
.best-before-box-left{float:left; width:70%; padding-right:15px; }
.best-before-box-right{float:left; width:30%; padding-left:15px; }
.best-before-box-right img{width:100%;}

.best-before-box2 .ducthd{margin-top:0;}

.best-before-box-left ul{margin:0 0 15px 0; padding:0; float:left; width:100%; list-style:none;}
.best-before-box-left ul li{float:left; width:100%; font-size: 14px; font-family:roboto-regular, sans-serif; background:url(../images/checkbox.png) no-repeat left 10px; background-size:11px; padding:2px 0 2px 25px;}

.best-before-box p span{text-decoration:underline; color:#000000;}


.whatserialboxone p span{text-decoration:underline; color:#000000;}

.best-before-box2{float:left; width:100%;  margin-top:25px;}
.best-before-box2c{padding:0 15px;}
.best-before-box2 p span{text-decoration:underline; color:#000000;}

.whatserialboxone h2 span{display:black; width:100%; float:left; margin-top:10px;}

.laser{margin-top:0px!important;}
.inkjetul {margin-top: 15px !important;}

.best-before-box5{margin-top:0px!important;}
.best-before-box5 .ducthd{margin-top:15px!important;}

.ducthd5{margin-top: 15px !impoirtant;}
.page-title2 h1 .ultimatetexthd{width:100%; text-align:center; display:block;}

.innovationhd{float:left; width:100%; font-size:21px; font-family: roboto-bold, sans-serif; margin:20px 0 10px 0;}

.topchallengesleft{width:65%;}
.topchallengesleft h2{float:left; width:100%; font-size:24px; font-family: roboto-bold, sans-serif; margin-bottom:15px; margin-top:0;}
.topchallengesright{width:35%;}

.topchallengesleft2{width:75%;}
.topchallengesleft2 h2{float:left; width:100%; font-size:24px; font-family: roboto-bold, sans-serif; margin-bottom:15px; margin-top:0;}
.topchallengesright2{width:25%;}

.innovationhd2{margin-top:0!important;}
.fableyop{margin-top:45px;}

.barcodeshd{margin-top:20px!important;}
.barcodeshd2{margin-top:20px!important;}

.headlinesleft{width:30%;}
.headlinesright{width:70%;}
/* end blog css*/

.has-error-slide{color: red; padding: 0 5px;}

/*30-june-2021*/
.page-title h3.indsheadlvl3{font-size: 24px; letter-spacing: -0.15px; font-family:roboto-regular, sans-serif;}
.custmsindstrysc{padding: 5px 0 20px;}
.industrytptxt{margin: 0 0 25px}
.industrytptxt p{font-size: 14px; line-height: 22px;}
.industries-txt .indsheadlvl2,.indsheadlvl2{font-size: 24px; font-family: roboto-bold, sans-serif; margin: 0 0 20px;}
.industries-txt .indsheadlvl3{font-size: 18px; font-family: roboto-medium, sans-serif; margin: 0 0 15px; padding: 5px 0 0}
.industrypage .section-heading3{font-family: roboto-medium, sans-serif; font-size: 18px;}
.industrypage  .nubmerlist li span{font-family:roboto-regular, sans-serif;}
/* image aspect ratio */
img{height: auto; max-width: 100%;}

/*SSCC landing page*/
.ssccgrybx{float: left; width: 100%; margin: 0; margin-bottom: 30px; padding:50px 0 55px; background: rgb(67,80,219); background: linear-gradient(66deg, rgba(67,80,219,1) 0%, rgba(67,80,219,1) 0%, rgba(37,162,219,1) 53%, rgba(59,204,114,1) 100%);}
.ssccgrybxmain{float: left; width: 100%;}
.ssccgrybxrow{position: relative; display: flex; flex-wrap: wrap; margin: 0 -10px; align-items: center;}
.ssccgrybxrow .ssccgrybxcols{width: calc(50% - 20px); margin: 0 10px;} 
.ssccgrybxcols .ssccgrybximg{width: 100%; padding: 0 16%; margin-top: 20px;}
.ssccboxtxts{padding-right: 16%;}
.ssccboxtxts .sscclogodiv{display: block; margin: 0 0 30px;}
.sscclogodiv img{max-width: 230px;}
.ssccboxtxts h1{font-size: 41px; font-family: roboto-bold, sans-serif; color: #fff; margin: 0 0 15px; padding: 0;}
.ssccboxtxts p{font-size: 24px; font-family:roboto-regular, sans-serif; line-height: 30px; color: #fff;}
.mylist.bulletlsts li{ display: block; position: relative; background: none;}
.mylist.bulletlsts li::before{content: ''; position: absolute; left: 0; top:50%; transform: translateY(-50%); display: block; width: 6px; height: 6px; margin-top: -3px; background: #000; border-radius: 50%;}
.ssccstps{float: left; width: 100%; margin: 30px 0 0;}
.ssccstpsmain{float: left; margin: 0; padding: 0; width: 100%;}
.ssccstpsmain .ssccstphead{float: left; width: 100%; margin:0; padding: 0 0 15px; border-bottom: 1px solid #f3f0f2;}
.ssccstphead h2{font-size: 36px;font-family: roboto-bold, sans-serif; color: #000; padding: 0; margin:0 0 15px; text-align: center;}
.ssccstpsmain .ssccstplist{border-bottom: 1px solid #f3f0f2; padding: 30px; float: left; width: 100%;}

.ssccstplist .ssccstptitle{font-size: 36px; font-family: roboto-bold, sans-serif; margin: 0; float: left; width: 150px;} 
.ssccstplist .ssccstpdescp{display: block; float: left; width: calc(100% - 150px); font-size: 18px; line-height: 22px;}
.ssccstplist .ssccstptitle._first{color: #9dcb3c;}
.ssccstplist .ssccstptitle._second{color:#0058a0;}
.ssccstplist .ssccstptitle._third{color: #b71f82;}
.idsnetsavetimebottombox .idsnetsavetmbxtxt{display: block; padding: 20px 0 0; float: left; width: 100%;}
.idsnetsavetimebottombox .idsnetsavetmbxtxt p{font-size: 18px; line-height: 25px; color: #000; font-family:roboto-regular, sans-serif;}
.hasbtmgap .idsnetstartusingnowbox{margin: 25px 0 40px;}
.idsettophdboxin.ctacustopt{background: rgb(67,80,219); margin: 0 0 40px; background: linear-gradient(66deg, rgba(67,80,219,1) 0%, rgba(37,162,219,1) 53%, rgba(59,204,114,1) 75%); display: flex;
justify-content: center; flex-wrap: wrap; align-items: center; line-height: 1.2;}
.idsettophdboxin.ctacustopt .ctaleftxt,.idsettophdboxin.ctacustopt .ctaleftxt a{font-size: 24px; font-family: roboto-bold, sans-serif; color: #fff; margin: 0;}
.idsettophdboxin.ctacustopt .ctarightbtn{float: right; padding-left: 40px; }
.idsettophdboxin.ctacustopt .ctarightbtn a{display: inline-block; transition: all 0.35s; font-size: 14px; text-decoration: none; letter-spacing: 0.6px; color: #fff; text-transform: uppercase; border:1px solid #e1e1e1; padding: 7px 25px;}
.idsettophdboxin.ctacustopt .ctarightbtn a:hover{background: #fff; border-color: #fff; color: #3bcc72;}
.idsettophdboxin.ctacustopt.mb-0{margin-bottom: 0px;}




@media only screen and (max-width:1350px) {
.serialpagebox{padding-left:25%;}
.downloadthistext2 .form-control{width:auto;}
}

@media only screen and (max-width: 1200px)
{
.sprtablist .suptblemain .tblists li.evens.four {min-height: 79px;}
.downloadthistext{width:100%; padding:0 0 15px 0;}
.downloadthisboxmainin {width: 100%;text-align: center;}
.downloadthistext2{width:100%; padding-left: 0; text-align: center;}
.downloadthistext2 .form-control{width:300px; margin:0 auto;}
.downloadthistext3{width:100%; padding-top:10px; text-align: center;}
.clear-md-5{height: 5px !important;}
.idsettophdboxin.ctacustopt{align-items: baseline;}
.idsettophdboxin.ctacustopt .ctarightbtn{padding-left: 20px;}
.idsettophdboxin.ctacustopt .ctaleftxt{width: calc(100% - 165px); line-height: 1.2;}
}

@media only screen and (min-width: 992px)
{
  .blogcta-main.custms{padding: 30px 45px; justify-content: center;}
  .blogcta-main.custms h2{font-size: 22px;}
}

@media only screen and (max-width:1050px) {
.serialpagebox{padding-left:30%;}
.product-slider-box #thumbcarousel .item .thumb{width:80px;}
}

@media only screen and (max-width: 991px)
{
.news-container .news.blog.business{width: calc(50% - 17px);} 
.barcodelearningbanner img{width: 144%; max-width: 144%; margin-left: -22%;} 
}

@media only screen and (max-width:980px) {
.barcodemainin{width:calc(33.33333333333333% - 12px);}  
.mbli{display:none!important;}
.blgcontnsec2{margin-top: 50px;}
.relatedtechnologymid{width:300px; margin:0 auto;}
}

@media only screen and (min-width: 767px)
{
.menu-mbbanner{display: none;}
.flexaligncntr{display: flex;flex-wrap: wrap;align-items: center;}
.pdleft30{padding-left: 30px; padding-right: 0;}
}
@media only screen and (min-width: 767px) and (max-width: 850px)
{
  .blogcta-main{padding: 30px 55px;}
  .blogcta-main h2{font-size: 20px;}
  
  
}

@media only screen and (min-width: 926px)
{
  .idsettophdboxin.ctacustopt.custom .ctarightbtn{padding-left: 18px;}
  .idsettophdboxin.ctacustopt.custom .ctaleftxt{max-width: calc(100% - 158px);}

}
@media only screen and (max-width:925px) {
/*mobilemenu*/
.serialpagebox{padding-left:0px;}
#sidebar{width:auto;}
.mobilearrow{display:block;}
#sidebar ul{display:none;}
#sidebar ul{margin-top:0;}
/*End Mobile Menu*/
.sprtablist .suptblemain .tblists li.odds.five{min-height: 79px;}
}

@media only screen and (max-width:925px) {
.barcodelearningbannertext h1{font-size: 45px;} 
}

@media only screen and (max-width:767px) {
.nicholnewstop{padding:25px;} 
.nicholnewstopleft{width:100%; float:left;}
.nicholnewstopleft h1,.nicholnewstopleft h2{font-size:32px;}
.nicholnewstopright{width:100%; float:right; text-align:center; padding-left:0%; margin-top:50px;}  
.mclear-0{height: 0;}
.barcodemainin{width:calc(50% - 12px);} 
.barcodetoptext{padding:0 15px;}
.barcodemainbox{padding:0 12px; margin-top:25px;}
.barcodelearningbannertext h1{font-size:35px;}
.barcodelearningbanner img{width:130%; margin-left:-15%; max-width: 130%;}
.list-new-box-one{width:100%;}
.whatserialvideoin{width:100%;}
.scenarioexamplebox{padding:25px;}
.palletabbox{padding:0;}
.palletabboxleft{width:100%; padding-right:0%;}
.palletabboxright{width:100%; margin-top:5px;}
.palletabbox{margin-top:35px;}
.scenarioexampletext{padding:0;}
.scenarioexampletext{margin:35px 0 0 0;}
.sscc-properly-box{padding:25px;}
.sscc-properly-box-left{width:100%; padding:0;}
.realssccboxleft{width:100%;}
.realssccboxright{width:100%; margin-top:10px;}
.tableaisboxleft{width:100%; padding: 10px 0;}
.tableaisboxright{width:100%;}
.tableaisboxrightin1{width:100%; padding:0;}
.tableaisboxrightin2{width:100%; padding:0 0 10px 0;}
.tableaisboxrightin3{width:100%; padding:0;}
.recommetableboxtwo{overflow:auto;}
.product-slider-box #thumbcarousel .item .thumb{width:15%; border:1px solid #fff; margin:0;}
#thumbcarousel .carousel-inner{padding:0;}
.tableaisboxleft{padding:20px 0;}
.barcodetypetablleft{width:100%;padding-right:0;}
.barcodetypetablright{width:100%;  padding-left:0;}
.barcodeiconimg img {width:55px!important;}
.mobile-footer .callus_mobile{font-weight: normal; float: left; width: 100%; text-align: center; cursor: pointer; pointer-events: all; margin: 0;}
.mobilenosapce{margin-top: 0px;}
.mobilesapcetop {margin: 15px 0 35px 0;}
.mobilesapcetop2 {margin: 15px 0 15px 0;}
.mbotm-15{margin-bottom: 15px;}
.pdright.resources-txt{padding-right: 0px;}
.pdb-20{margin-bottom: 0;}
.product-details.main-category .product-desc{padding-left: 0;}
.product-details.main-category{padding:5px 0px 45px 0px; text-align: left;}
.product-details.main-category:last-child{padding-bottom: 15px;}
.mobile_view_dropdown{display:block;height:45px;width:100%;font-size:14px;padding:0 15px;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #ccc;font-family:roboto-regular, sans-serif;color:#666}
.mobile_view_dropdown,.selectdiv.blog{display: block;}
.blogcta-main{text-align: center; padding: 30px; justify-content: center; flex-wrap: wrap;}
.blogcta-main h2{ width: 100%; text-align: center; display: block; }
.blogcta-btn{display: inline-block; float: none; margin: 20px 0 0;}
.relatedtchnlgy .list-new-box-one{float: left; width: 50%; }
.content-left,.contentright{float: left; width: 100%;}
.factrcontent{float: left; padding: 0 0 15px;}
.factrcontent .leftcontnt{width: 100%; padding-right: 0;}
.factrcontent .rightcntnt,.gird-onescnd .factrcontent .leftcontnt,.gird-onescnd .factrcontent .rightcntnt{width: 100%;}
.clear-sm-0{height: 0 !important; font-size: 0; clear: both;}
.clear-sm-5{height: 5px !important; font-size: 0; clear: both;}
.clear-sm-10{height: 10px !important; font-size: 0; clear: both;}
.clear-sm-15{height: 15px !important; font-size: 0; clear: both;}
.clear-sm-20{height: 20px !important; font-size: 0; clear: both;}
.clear-sm-30{height: 30px !important; font-size: 0; clear: both;}
.clear-sm-40{height: 40px !important; font-size: 0; clear: both;}
.clear-sm-35{height: 35px !important; font-size: 0; clear: both;}
.clear-sm-45{height: 45px !important; font-size: 0; clear: both;}
.darkbox-wd80,.darkbox-wd92{width: 100%; margin: 0;}
.factrcontent .rightcntnt img{display: block; margin: 15px 0 0;}
.prodctlist-main{margin-top: 10px;}
.prdctlist-sect .product-desc{padding-top: 25px; padding-left: 0px;}
.whysecdark{margin: 50px 0 60px;}
.bottom-contentsct{width: 100%; max-width: 100%;}
.sprtablist .container{padding: 0 30px;}
.sprtablist .container .row .margin-15{margin: 0 -15px;}
.custcmprsct{margin-top: 10px;}
.heading2ndlvl{margin-bottom: 15px;}
.whyboxsec .whybxmain{padding: 45px 50px}
.applcbletxt {float: left;width: 100%;padding: 10px 15px 0;}
.sprtablist .suptblemain h4{min-height: 30px; font-size: 14px; margin: 10px 0 0;}
.caretoptxtsc p{padding: 0;}
.carebxlist .carebxlistmain .lefticoblock{width: 30px; align-items: baseline; margin-bottom: 0;}
.carebxlist .carebxlistmain .rightcntblk{width: calc(100% - 30px);}
.carebxlist,.carebxlist .carebxlistmain,#supportlist .suptblemain{border:none;}
.carebxlist .carebxlistmain{padding: 15px 0 20px;}
.sprtablist .suptblemain{border-right:1px solid #EDE6EB}
section.mainlndingcntnt{padding-bottom: 0;}
.menu-mbbanner{display: none;}
.nav > li.menu-banner .menu-mbbanner{display: block;}
.carebxlist .carebxlistmain .lefticoblock img{width: 30px; max-width: 30px;}
.dhlgallery{padding-left:10px; padding-right:10px;}
.newtechnologybox{padding:0 15px;}
.relatedtechnologymid{width:96%;}
.dhlgallery{float:left; width:100%; padding-top:0;}
.dhlgallery h3{padding-top:0;}
.newtechnologybox{margin:0 0 25px 0;}
.videosection{padding-right:0; padding-bottom:10px; width: 100%;}
.dhlgalleryimgdiv{width:49%;}
.newbgscebox .palletabboxleft{padding-right:0px; width: 100%;}
.newbgscebox .palletabboxright{width: 100%;}
.bullet-list li{margin:0 0 8px;}
.industries-txt .indsheadlvl2{margin: 0 0 15px}
.custmsindstrysc{padding: 0 0 20px; }
.industrytptxt{margin: 0 0 35px}
.sscclogodiv img{max-width: 180px;}
.promotion_code #features-box .margin-15{margin: 0 -15px;}
.ssccstpsmain .ssccstplist{padding: 30px 15px;}
.idsnetsavetimebottombox.hasbtmgap .idsnetstartusingnowbox{margin: 25px 0 40px 0;}
.idsettophdboxin.ctacustopt .ctaleftxt{width: 100%; margin: 0 0 20px; text-align: center;}
.idsettophdboxin.ctacustopt .ctarightbtn{margin-left: 0;}

.wide-width {
  width: 100%;
  margin-left: 0%;
}
.blctop{
  padding: 0;
}
.blctop1{
  padding: 0 5px;
}
.blctop2{
  padding: 0;
}
.paginatinsec{padding: 0;}
.bredcrumb-main .breadcrumb{padding-top:10px; padding-bottom: 10px;   position: relative;  white-space: nowrap;  overflow-x: auto;}
.second-menu.affix{left: 15px; top:100px;}
}


@media only screen and (max-width: 650px)
{
.sprtablist .suptblemain .tblists li{font-family:roboto-regular, sans-serif; line-height: 18px;}
.sprtablist .suptblemain .tblists li.evens{min-height:55px;display:flex;flex-wrap:wrap;align-items:center;padding:10px 10px}
.sprtablist .suptblemain .tblists li.odds{min-height: 79px; display:flex;flex-wrap:wrap;align-items:center;padding:10px 10px}
.sprtablist .suptblemain .tblists li.evens.four{min-height: 70px;}

}

@media only screen and (max-width:550px) {
.barcodemainin{width:calc(100% - 0px); margin-left:0; margin-right:0;}  
.barcodelearningbanner img{width:160%; max-width: 160%; margin-left:-30%;}
.barcodeiconimg img {width:45px!important;}
.barcodelearningbannertext.barcodeicontext h1{font-size:24px; }
.dhlgalleryimgdiv{width:100%;}
}

@media only screen and (max-width: 480px)
{
  .sprtablist .suptblemain .tblists li.evens{min-height: 65px;}
  .sprtablist .suptblemain .tblists li.evens.four{min-height: 92px;}
}

/*home fature slider */
@media only screen and (min-width: 992px)
{
  #home_features .item{width: 25%; padding: 0 7px; float: left;}
}
@media only screen and (max-width: 991px)
{
#home_features  .owl-item .item{width: 100%; padding: 0;} 
#home_features .item{width: 33.33%; float: left; padding: 0 7px;}
#home_features{max-height: 340px;}


}
@media only screen and (max-width: 767px)
{
#home_features  .owl-item .item{width: 100%; padding: 0;} 
#home_features .item{width: 50%; float: left; padding: 0 7px;}
.pdright-50{padding-right: 15px;}
.pdleft-50{padding-left: 15px;}
.mb-btm20{margin-bottom: 20px;}
section.tab-section{padding-bottom: 35px;}
.navtab.blogs >ul{display: none;}
.mobile_view_dropdown{display: block;}
.blog-cta .no-padding{padding: 0 15px !important;}
.palletabboximg{text-align: center;}
.pd-top-0{margin-top: 15px !important;}
.mb-py-0.pd-top-0{margin-top: 0px !important;}
.mb-top0{margin-top: 0px !important;}
/* .paginatinsec{display: none;} */
.palletabboximg img{margin-top: 10px;}
.factrcontent .leftcontnt h3{margin-top: 15px;}
.whycontentblk{margin: 0 0 55px;}
.whysecdark{padding: 45px 0 35px; margin: 60px 0 70px;}
.prdctlist-media{padding: 0;}
.prdctlist-sect .prdctlstrow{margin-bottom: 40px;}
.right-highlgtblk.under-new{width:100%!important; } 

header.noticegap .navbar-right .navbar-collapse{top:133px;}
header.noticegap .navbar-nav{padding-bottom: 138px;}
.whybxmain .whycolmain{margin-bottom: 50px;}
.whyboxsec .whybxmain{padding-bottom: 10px;}
.grybxcntnt{margin:0 0 35px;}
.clear30.mbhide{display: none;}
.grybxcntnt.mb0{margin:0;}
.grybxcntnt.mb0{margin:0;}
.mob-top-0{margin-top:0px !important;}
.mob-bot-0{margin-bottom: 0px !important}
.ssccgrybxrow .ssccgrybxcols{width: calc(100% - 20px);}
.ssccboxtxts{text-align: center; padding: 0 20px;}
.ssccgrybxrow .ssccgrybxcols._firstbx{order: 1; margin:30px 10px 0;}
.promotion_code #features-box{float: left; width: 100%;}
.ssccstphead h2,.ssccstplist .ssccstptitle{font-size: 24px;}
.ssccstplist .ssccstpdescp,.idsnetsavetimebottombox .idsnetsavetmbxtxt p{font-size: 16px;}
.ssccstplist .ssccstptitle{width: 120px;}
.ssccstplist .ssccstpdescp{width: calc(100% - 120px);}
.ssccboxtxts h1{font-size: 32px;}
.ssccboxtxts p{font-size: 20px;}

}

.blog-pagination{float:left; width:100%;}
@media only screen and (max-width: 600px)
{
#leadership_team .owl-next,#leadership_team .owl-prev{top: calc(300px - 20px); top: -webkit-calc(300px - 20px);}  
}
@media only screen and (max-width: 480px)
{
#home_features  .owl-item .item{width: 100%; padding: 0;} 
#home_features .item{width: 100%; float: left; padding: 0 7px;}
#leadership_team .owl-next,#leadership_team .owl-prev{top: calc(235px - 20px); top: -webkit-calc(235px - 20px);}
.product-thumbnails .items .thumb{max-width: 65px; margin: 0 1px;}
.product-thumbnails .items .thumb img{max-width: 65px;} 
.relatedtchnlgy .list-new-box-one{width: 100%;}
.news-container .news.blog.business{width: calc(100% - 30px); margin: 0 15px 15px;}
/* navigation top notice strip*/
.fixtoptext p{font-size: 12px; line-height: 18px;}
/*.fixtoptext p span{display: block;}*/
.fixtoptext a{font-size: 11px; margin-left: 3px; background-size: 6px; padding-right: 10px;}
header.noticegap{top:52px;}
header.noticegap ~ .clearheader,header.noticegap ~ section.clearheader{margin-top: 55px;}
}
/* end home feature slider */

.h3unbold{font-family:roboto-regular, sans-serif !important;}
.whitepaperhead{text-align:center!important;}



/*newbllog*/
.manyblognewboxtop{width:100%; float:left; margin-bottom:25px;}
.manyblognewboxtop p{text-align:center; font-size:20px; color:#231f20; }
.manyblognewboxtop2{width:100%; float:left;}

.manyblognewboxmainone{width:100%; float:left; margin:50px 0 0 0;}
.manyblognewboxmainoneleft{width:40%; float:left; padding-right:25px;}
.manyblognewboxmainoneleft img{width:100%;}
.manyblognewboxmainoneright{width:60%; float:left;}
.manyblognewboxmainoneright h2{font-size:32px;font-family: roboto-bold, sans-serif;margin: 15px 0 15px;padding: 0;}
.manyblognewboxmainoneright li{font-family:roboto-regular, sans-serif;}

.manyblognewboxmaintwo{width:100%; float:left; margin:50px 0 0 0;}
.manyblognewboxmaintwo h2{font-size:32px;font-family: roboto-bold, sans-serif;margin: 15px 0 15px;padding: 0;}
.manyblognewboxmaintwo li{font-family:roboto-regular, sans-serif;}


.manyblognewboxmainthree{width:100%; float:left; margin-top:50px;}
.manyblognewboxmainthreeright{width:40%; float:right; padding-left:25px;}
.manyblognewboxmainthreeright img{width:100%;}
.manyblognewboxmainthreeleft{width:60%; float:left;}
.manyblognewboxmainthreeleft h2{font-size: 24px;font-family: roboto-bold, sans-serif;margin: 15px 0 15px;padding: 0;}
.manyblognewboxmainthreeleft li{font-family:roboto-regular, sans-serif;}

.palletblogmainbox{width:100%; float:left; margin-top:50px;}
.palletblogmainboxleft{width:70%; float:left; padding-right:25px;}
.palletblogmainboxleft h2{font-size: 24px;font-family: roboto-bold, sans-serif;margin:35px 0 15px;padding: 0;}
.palletblogmainboxright{width:30%; float:right;}
.palletblogmainboxright img{width:100%;}

.palletblogbox{width:100%; float:left; background:#e7e1e5; padding:25px 35px;  margin-top:50px;}
.palletblogbox h2{font-size: 32px;font-family: roboto-bold, sans-serif;margin:25px 0 20px; padding: 0; text-align:center;}

.palletblogboxin{display: inline-block;    width: 49%;    vertical-align: top;    padding: 0 15px;     margin-top: 20px;}
.palletblogboxhd{font-size:24px; font-family: roboto-bold, sans-serif;margin:0 0 15px; padding: 0;}
.myblogtwonew h2{font-size:24px;}
.myblogtwonew2 h2{margin-top:0;} 


.palletblogmainbox2{width:100%; float:left; margin-top:50px;}
.palletblogmainboxleft2{width:40%; float:left; padding-right:5%;}
.palletblogmainboxleft2 img{width:100%;}
.palletblogmainboxright2{width:60%; float:right;  padding-left:5%; margin-top:5%;}
.palletblogmainboxright2 h2{font-size: 24px;font-family: roboto-bold, sans-serif;margin:35px 0 15px;padding: 0;}

.metalboxtop{width:100%; float:left;} 
.metalboxtopleft{width:50%; float:left; padding-right:15px;}
.metalboxtopright{width:50%; float:left; padding-left:15px;}
.metalboxtopright img{width:100%;}

.metalboxmid{width:100%; float:left; margin-top:15px;}
.metalboxmid h2{font-size:32px;font-family: roboto-bold, sans-serif;margin:35px 0 15px;padding: 0; text-align:center;}

.reducebox{width:100%; float:left; margin-top:15px;}
.reducebox h2{font-size:24px;font-family: roboto-bold, sans-serif;margin:35px 0 0 0; padding: 0; text-align:center;}
.toreduceborder{width:100%; float:left; text-align:center; margin:-10px 0 15px 0;}
.toreduceborder span{border-bottom: #b71f82 2px solid; width:150px; display:inline-block; vertical-align:top;}
.reduceboxtop{width:100%; float:left;}

.reduceboxtopleft{width:50%; float:left; padding-right:15px;}
.reduceboxtopright{width:50%; float:left; padding-left:15px;}
.reduceboxtopright img{width:100%;}

.reduceboxbottom{width:100%; float:left;}
.reduceboxbottomleft{width:50%; float:left; padding-right:15px;}
.reduceboxbottomright{width:50%; float:left; padding-left:15px;}
.reduceboxbottomright img{width:100%;}

.metalboxbootom{width:100%; float:left; margin-top:0px;}
.metalboxbootom h2{font-size:24px;font-family: roboto-bold, sans-serif;margin:35px 0 15px; padding: 0;}

.reduceboxhd{font-size:24px;font-family: roboto-bold, sans-serif;margin:35px 0 15px; padding: 0; width:100%;}

.sourceimg{width:100%; float:left; margin-top:10px;}
.sourceimg img{max-width:100%;}

.sourceimg2{width:100%; float:left; text-align:center; margin-top:25px;}
.sourceimg2 img{max-width:100%;}

.palletblogmainboxleft li strong{text-decoration:none!important;}

.capturingmainbox{width:100%; float:left; margin-top:50px;}
.capturingmainboxleft{width:50%; float:left; padding-right:15px;}
.capturingmainboxleft img{width:100%;}
.capturingmainboxright{width:50%; float:right; padding-left:15px;}
.capturingmainboxright h2{font-size:24px;font-family: roboto-bold, sans-serif;margin:0 0 20px; padding: 0;}


.idsettopimg{width:100%; text-align: center; float: left; }
.idsettopimg img{width: 230px;}

.idsettophdboxin{background-color: #3bcc72; background-image: linear-gradient(140deg, #3bcc72 30%, #25a2db 52%, #4350db 75%); width:100%; float: left; padding:35px 25px; margin-top:50px;}
.idsettophdboxhd{font-size:41px;font-family: roboto-bold, sans-serif; width: 100%; float: left; color: #fff; text-align: center; margin-bottom: 15px; line-height: normal;}
.idsettophdboxin p{font-size:24px;  width: 100%; float: left; color: #fff; text-align: center; margin: 0; padding:0; line-height: normal;} 
.idsettophdboxhd br{display: none;} 

.idsnetstartusingnowbox{width:100%; float: left; margin:45px 0; text-align: center;}
/*.idsnetstartusingnowbox a{display: inline-block; padding:30px 75px; border-radius: 25px; color:#fff; background:#007bff; font-size:16px; font-family: roboto-bold, sans-serif; background:#007bff; text-transform: uppercase; text-decoration: none;}
.idsnetstartusingnowbox span{display: inline-block; padding:30px 75px; border-radius: 25px; color:#fff; background:#007bff; font-size:16px; font-family: roboto-bold, sans-serif; background:#007bff; text-transform: uppercase; text-decoration: none;}*/


.idsnetstartusingnowbox .btn-hover.color {
  /* Button gradient color. The gradient have four different main colors, with a gradient between these. Only 2 of these colors will be visible on the button at any point. Upon hover, the background moves to show the other 2 colors  */
        background-image: linear-gradient(to right, #007bff, #007bff, #a3cb3b , #007bff); padding:30px 75px; font-size:16px; font-family: roboto-bold, sans-serif;  text-decoration: none; text-transform: uppercase; display: inline-block;
 
}

.idsnetstartusingnowbox .btn-hover {
  /* Button size */

  /* Text size and boldness*/
    font-size: 16px;
    font-family: roboto-bold, sans-serif;
  /* Text color */
    color: #fff;
  /* Cursor pointer */
    cursor: pointer;
  /* Margin around button */
  /* Removes default border around buttons */
    border: none;
  /* This affects the gradient background size. By putting a background width to be 300% (above 100%), only the beginning portion of this background will be shown. When hovered, the background will shift towards the end, giving the illustion of a moving gradient*/
    background-size: 300% 100%;
/* Curves the button */
    border-radius: 20px;
  
  /* Transition duration and style */
    moz-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    -webkit-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out;
}

.btn-hover:hover {
  /* Changes the start position of the gradient background upon hover, giving the illusion of motion. Feel free to play around with this percentage value to see how it works */
    background-position: 100% 0;
  /* Duration of gradient transition */
    moz-transition: all .9s ease-in-out;
    -o-transition: all .9s ease-in-out;
    -webkit-transition: all .9s ease-in-out;
    transition: all .9s ease-in-out;
}


.idsnetstartusul{width:100%; float: left;}
.idsnetstartusul ul{margin:0; padding:0; float: left; width: 100%; list-style: none;}
.idsnetstartusul ul li{width: 100%; float: left; padding:7px 7px 7px 35px; background:url(../images/idsnetimg2.png) no-repeat left 7px; background-size: 21px; font-size: 17px;}

.idssupplyupermarketsboxrightimg{display: none; width:100%; float: left;}
.idssupplyupermarketsboxrightimg img{width:100%;}


.idssupplyupermarketsbox{float: left; width: 100%; margin-top:10px;}
.idssupplyupermarketsboxleft{width:40%; float: left;}
.idssupplyupermarketsboxlefthdone{font-size:36px; font-family: roboto-bold, sans-serif; width:100%; float: left; color: #00589f;  margin-bottom:25px; line-height: normal;}
.idssupplyupermarketsboxleft p{width:100%; float: left;}

.idssupplyupermarketsboxright{width:60%; float: right; padding-left:30px;}
.idssupplyupermarketsboxright img{width: 100%;}

.idssupplyupermarketsboxlefthdtwo{font-size:24px; font-family: roboto-bold, sans-serif; width:100%; float: left; color: #000;  margin-bottom:25px; margin-top:35px; line-height: normal;}


.idsnetsavetimebottombox{float: left; width: 100%; margin-top:65px;}
.idsnetsavetimebottomboxhd{font-size:42px; font-family: roboto-bold, sans-serif; width:100%; float: left; color: #000; line-height: normal; text-align: center;}
.idsnetsavetimebottombox p{width:100%; float: left; text-align: center; font-size:30px; margin:0 0 25px 0; padding:0; color:#666666; line-height: normal;}

.idcentralisedbox{float: left; width: 100%; margin-top:60px; background:#f0f0f0; padding:50px 5%;}
.idcentralisedboxhd{font-size:24px; font-family: roboto-bold, sans-serif; width:100%; float: left; color: #000; line-height: normal; text-align: center; margin-bottom:20px;}
.idcentralisedboxhdp{float: left; width: 100%;}
.idcentralisedboxhdp p{text-align: center; width: 100%; }

.idcentralisedboxindustry{float: left; width: 100%; text-align: center; margin-top:35px;} 

.idcentralisedboxindustryin{display: inline-block; width: auto; padding:0 35px;}
.idindustryimg{width: 100%; float: left; text-align: center; margin-bottom: 20px;}
.idindustryimg img{width:70px; max-width:70px; }
.idcentralisedboxindustryin p{font-size:14px; text-transform: uppercase;}



.idssuplyfeaturesc{float: left; width: 100%; margin: 0; padding: 0;}
.idssuplyfeaturesc .pglandnghead{float: left; width: 100%; margin: 0 0 35px; padding: 0;}
.pglandnghead h4{font-size: 17px; font-family: roboto-bold, sans-serif; display: block; padding: 0 0 15px; border-bottom: 2px solid #f3f0f2;}
.iddsupplybxleft{float: left; width: 50%; padding-right: 15px;}
.iddsupplybxright{float: right; width: 50%; padding-left: 15px;}
.iddsfeaturtxtbx{float: left; width: 100%; margin: 0 0 10px;}
.iddsfeaturtxtbx h4{font-size: 17px; color: #000; font-family: roboto-bold, sans-serif; margin: 0 0 12px;}
.iddsfeaturtxtbx p{font-size: 14px; line-height: 22px; margin: 0 0 10px; font-family:roboto-regular, sans-serif;}
.idssuplyfeaturesc .idsnetstartusul{margin: 30px 0 0;}
.idssuplyvidgraybx{float: left; width: 100%;margin: 20px 0 45px; background: #f0f0f0;padding: 20px; text-align: center;}
.idssuplyvidgraybx p{text-align: center; font-size: 14px; line-height: 22px; font-family:roboto-regular, sans-serif; color: #000; margin: 0 0 7px;}
.idssuplyvidgraybx  a{color: #0557a1; text-decoration: underline; font-family: roboto-bold, sans-serif; font-size: 14px; line-height: 22px; display: inline-block;}
.idssupplyupermarketsboxleft._wide100{width: 100%;}
.idsnetvideosctn{float: left; width: 100%;}
.idsnetvideosctn .idsnetvidheadtxt{float: left; width: 100%; margin: 0 0 35px; position: relative;}
.idsnetvidheadtxt h4{font-size: 17px; font-family: roboto-bold, sans-serif; display: block; padding: 0 0 15px; border-bottom: 2px solid #f3f0f2;}

.idsnetvidrowmain{float: left; position: relative; width: 100%; margin:0 0 25px;}
.idsnetvidrowmain .idsnetvidrow{position: relative; margin: 0 -15px;} 
.idsnetvidrow .idsvidcolsleft{width: 41.66%; padding: 0 15px; position: relative; float: left;}
.idsnetvidrow .idsvidcolsright{width: 58.33%; padding: 0 15px; position: relative; float: right;}
.idsvidcolsleft .idsnetvismain{position: relative; float: left; width: 100%;}
.idsvidcolsleft .idsnetvismain::before{padding-top: 56.27%; content: ''; display: block;}
.idsvidcolsleft .idsnetvismain iframe{width: 100%; height: 100%; position: absolute; left: 0; top:0;}
.idsvidcolsright h4{font-size: 17px; color: #000; font-family: roboto-bold, sans-serif; margin: 0 0 12px;}
.idsvidcolsright p{font-size: 14px; line-height: 22px; margin: 0 0 10px; font-family:roboto-regular, sans-serif;}



/*temp*/

/*temp*/











@media only screen and (max-width: 767px)
{
.manyblognewboxmainone{margin:25px 0 0 0;}
.manyblognewboxmaintwo{margin:25px 0 0 0;}
.manyblognewboxmainthree{margin-top:25px;}
.manyblognewboxmainoneleft{width:100%; padding-right:0;}
.manyblognewboxmainoneright{width:100%;}  
.manyblognewboxmainthreeright{width:100%; padding-left:0px;}
.manyblognewboxmainthreeleft{width:100%;}

.palletblogmainbox{margin-top:25px;}
.palletblogmainboxleft{width:100%; padding-right:0px;}
.palletblogmainboxright{width:100%;}
.palletblogbox{margin-top:25px;padding:25px;}
.palletblogboxin{width:100%; padding:0;}

.palletblogmainbox2{margin-top:25px;}
.palletblogmainboxleft2{width:100%; padding-right:0%;}
.palletblogmainboxright2{width:100%; padding-left:0%; margin-top:0%;}

.reduceboxtopleft{width:100%; padding-right:0px;}
.reduceboxtopright{width:100%; padding-left:0px;}
.reduceboxbottomleft{width:100%; padding-right:0px;}
.reduceboxbottomright{width:100%;padding-left:0px;}

.metalboxtopleft{width:100%; padding-right:0px;}
.metalboxtopright{width:100%; padding-left:0px;}

.capturingmainboxleft{width:100%; padding-right:0px;}
.capturingmainboxright{width:100%; padding-left:0px;}
.capturingmainboxleft{margin:15px 0;}

.whatarebarcodesboxleft{width:100%;padding-right:0px;}
.whatarebarcodesboxright{width:100%; padding-left:0px;}

.economicmainboxleft{width:100%;padding-right:0px;}
.economicmainboxright{width:100%; margin-bottom:25px;}

.timtamboxleft{width:100%; padding-right:0px;}
.timtamboxright{width:100%; padding-left:0px;}

.dairymilkamin{margin-top:35px; }
.dairymilkleft{width:100%;padding-right:0px;}
.dairymilkright{width:100%; float: left; padding-left:0px; margin-top:25px;}

.coca-cola-box{margin-top:25px; }
.coca-cola-box-left{width:100%; padding-right:0px;}
.coca-cola-box-right{width:100%; float: left; padding-left:0px;}

.violetcrumble{margin-top:25px; }
.violetcrumbleleft{width:100%;  padding-right:0px;}

.violetcrumbleright{width:100%; padding-left:0; margin-top: 25px;}
.kelloggmr h2{margin-top:0px;}
.coca-cola-box-left h2 {margin-top: 10px;}
.pglandingmain .pgheading h1{font-size: 32px;}
.tablepglandng th:nth-child(2) img{max-width: 95px;}
.tablepglandng th:nth-child(3) img{max-width: 72px;}
.tablepglandng th, .tablepglandng td{padding: 10px 10px;}

.improvefoodboxtwoleft{width:100%;padding-right:0px;}
.improvefoodboxtworight{width:100%;padding-left:0px; margin-top:15px;}

.improvefoodboxthreeleft{width:100%;}
.improvefoodboxthreeright{width:100%; padding-left:0px; margin-top:15px;} 
.usingblockchainmainleft {    float: left;    width: 100%;    padding-right: 0;}
.usingblockchainmainright {    float: left;    width: 100%;}

.hacpboxmainleft{width:100%; padding-right:0px; }
.hacpboxmainright{width:100%; padding-left:0px; margin-top:20px;}

.best-before-box-left{ width:100%; padding-right:0px; }
.best-before-box-right{ width:100%; padding-left:0px; margin-top:20px;}

.mobilecrcbox{height:auto;}
.parentmbul ~ .mobilecrcbox{height:100vh}
.labelprinterapplicator{margin-bottom:20px;}
.topchallengesimgnew{display: flex;flex-wrap: wrap;}
.topchallengesimgnew .improvefoodboxthreeleft{order:2;}
.topchallengesimgnew .improvefoodboxthreeright{order:1;}

.headlinesleft{width:100%;}
.headlinesright{width:100%;}
  
.idsettopimg{margin-top: 35px;}
.idsettophdbox {margin: 0 -15px;}
.idsettophdboxhd{font-size: 24px;}
.idsettophdboxhd br{display: block;}  
.idsettophdboxin p{font-size:18px;} 
.idsettopimg img{width: 200px;} 
.idsnetstartusul ul li{font-size:16px;} 
.idsnetstartusingnowbox{margin: 35px 0;}
.idssupplyupermarketsboxright{display: none;}
.idssupplyupermarketsboxrightimg{display: block; margin-top:15px;}
.idssupplyupermarketsboxleft{width: 100%;}  
.idssupplyupermarketsboxlefthdone{font-size:24px; margin-bottom: 15px;} 
.idssupplyupermarketsboxlefthdtwo{font-size:18px; margin-bottom: 15px;} 
.idssupplyupermarketsbox{margin-top:20px;}  
.idsnetsavetimebottombox p{font-size: 18px; margin-bottom:15px;}
.idsnetsavetimebottomboxhd{font-size: 28px;}  
.idsnetsavetimebottombox .idsnetstartusingnowbox{margin:35px 0 0 0;}
.idcentralisedboxhd{font-size:18px;}  
.idcentralisedbox{margin-top: 35px; padding:35px 5%;} 
.idsnetsavetimebottombox{margin-top: 35px;} 
.idcentralisedboxindustryin{padding: 0 12px;}
.idindustryimg img{width: 55px; max-width: 55px;}
.iddsupplybxright,.iddsupplybxleft{padding: 0; width: 100%;}  
.idssuplyfeaturesc .pglandnghead{margin: 0 0 25px;}
.idssuplyfeaturesc .idsnetstartusul{margin: 35px 0 10px;}
.idssuplyvidgraybx{margin: 20px 0 25px;}
.idsnetvidrow .idsvidcolsleft{margin: 0 0 20px; width: 100%;}
.idsnetvidrow .idsvidcolsright{margin: 0 0 10px; width: 100%; order: -1;}
.idsnetvideosctn{margin: 35px 0 0;}
.idsnetvideosctn .idsnetvidheadtxt{margin: 0 0 25px;}
.idsnetvidrowmain .idsnetvidrow{display: flex; flex-wrap: wrap;}
#videos-box .idsvidcolsright{margin-top: 20px;}
#features-box .margin-15 .section-heading ~ .col-xs-12{padding: 0;}
.header-content::after{width:100%; left:0; bottom: -32px;}

}



.button_text_container .fa-chevron-right::before{display: none;}
.formerrors{color:red; padding: 0 5px;}


.contacttopa{color: #000; text-decoration: none; pointer-events: none;}
.contacttopa:hover{color: #000!important; text-decoration: none!important;}
.contacttopab{color: #231f20; text-decoration: none; pointer-events: none;}
.contacttopab:hover{color: #231f20!important; text-decoration: none!important;}
.footercontact {    font-family: 'Roboto', sans-serif;    font-family:roboto-regular, sans-serif !important;}
.footercontact:hover{text-decoration: none!important;} 

@media only screen and (max-width: 767px)

{
.contacttopa{pointer-events: auto;}
.contacttopab{pointer-events: auto;}
.footercontact{pointer-events: auto; font-family: 'Roboto', sans-serif;}
} 



/* new home page css*/
.banner .container{position: relative;}
.hmbnnerovlay{content: ''; position: absolute; left: 0; top:0; width: 100%; height: 100%; z-index: 0; display: flex; background:linear-gradient(90deg, rgba(171,208,55,0.78) 2%, rgba(0,174,226,0.78) 35%, rgba(10,101,158,0.78) 70%, rgba(189,26,141,0.78) 100%); 
  background-size: 280% 280%; animation: gradient 10s ease infinite;}
.hmbnnrtxt{float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; padding: 0 5%;}
.hmbnnrtxt .hmbnnrleft{width: 100%; padding: 0 15px; float: left; display: block;}
.hmbnnrleft h1{font-size: 38px;color: #fff;letter-spacing: -0.2px;margin: 0;padding: 0 0 10px;}
.hmbnnrleft p{font-size: 18px; color: #fff; font-family:roboto-regular, sans-serif;}
.dropdown-menu .subdropdownmain{background:#fff; position: relative; left: 0; top:0; width: 100%;}
.dropdown-menu .subdropdownmain.tab-active{display: block;}
.sn_mainnavbar .dropdown-menu .subdropdown{padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; justify-content: center;}
.sn_mainnavbar .code .dropdown-menu .subdropdown > li > a{font-size: 14px; display: block; text-transform: uppercase;letter-spacing: 1px; font-family: roboto-medium, sans-serif; 
color: #494545; padding: 20px 35px;}

.sn_mainnavbar .code .dropdown-menu .subdropdown  li{padding: 2px 0 0;}
.sn_mainnavbar .code .dropdown-menu .subdropdown  li.fullwide{width: 100%; padding-top: 0;}
.sn_mainnavbar .code .dropdown-menu .subdropdown > li > a:hover{background: #fff; text-decoration: none;}
.subdropdownmain .subdropdwnrow{display: flex; flex-wrap: wrap; justify-content: center;}
.subdropdwnrow .subdropdwncols{width: 25%; padding: 35px 0 35px;}
.subdropdwncols ul{list-style-type: none; margin: 0; padding:0;} 
.subdropdwncols ul li a{margin: 0; padding: 0 0 10px; position: relative; display:inline-block; color: #494545;}
.sn_mainnavbar .dropdown-menu .subdropdown .subdropdwncols ul li{padding:0; margin: 0 0 15px; display: block; position: relative; }
li.active .customtab-a{background: #fff; text-decoration: none;}
.homeoverview{float: left; width: 100%; padding: 60px 0;}
.hmoverviewtxt{float: left; width: 100%;}
.hmoverviewtxt h2{font-size: 24px; color:#494545; margin-top: 25px; line-height: 30px; font-family: roboto-medium, sans-serif; }
.hmoverviewtxt p{font-size: 16px; line-height: 22px; color:#494545; font-family: roboto-regular; }

.homeboxsect{float: left; width: 100%; padding: 0;}
.homeboxsect .homebxrow{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.homebxrow .homebxmain{width: calc(50% - 20px); margin: 0 9px 20px; position: relative;}
.hmboxoverlay{position: absolute;display: flex; flex-direction: column; justify-content:flex-start; padding: 35px 45px; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }

.hmbxcontent h2{font-size: 32px; color: #fff; letter-spacing: -0.2px; margin: 0 0 15px; }
.hmbxcontent p{font-size: 18px; font-family:roboto-regular, sans-serif; line-height: 24px; color: #fff;}
.hmbxlinks h4{font-size: 14px; text-align: left; line-height: 1.2; position: relative; font-family: roboto-medium, sans-serif; text-transform: uppercase; margin: 0 0 18px; padding: 0 0 10px; position: relative; color: #fff;}
.hmbxlinks h4::before{content: ''; display: block; position: absolute; width: 40px; bottom: 0; left: 0; height: 3.5px; background:#beec41;}
.hmbxlnksmain a{display:block; font-family:roboto-regular, sans-serif; float: left; padding:10px 15px; color: #fff; font-size: 14px; font-family:roboto-regular, sans-serif; text-decoration: none; border:1px solid #fff; margin: 0 10px 10px 0;
transition: all 0.35s;}

.care .hmbxcontent h2{color: #b71f82;}
.care .hmbxcontent p{color: #494545;}
.hmbxtextsml p{font-size: 16px; line-height: 22px;}
.care .hmbxlnksmain a{border:1px solid #8d8c8c; color: #494545; font-size: 14px; padding: 10px 25px; margin-right: 20px;}
.care .hmboxoverlay{position: relative; background: #d9dadc; justify-content: flex-start;}
.check .hmbxlinks h4::before{background:#00c7ff;}
.capture .hmbxlinks h4::before{background:#0073d2;}
.code .hmbxcontent h2, .code .hmbxcontent h2 a{color:#beec41;}
.check .hmbxcontent h2, .check .hmbxcontent h2 a{color:#00c7ff;}
.capture .hmbxcontent h2, .capture .hmbxcontent h2 a{color:#0073d2;}
/* home icons section */
.hmsrvcicon {float: left; width: 100%; padding: 45px 0; margin: 0;}
.hmsrvcicon .warntystkrmain {float: left; width: 100%;}
.hmsrvcicon .warntystkrmain .hmsrvciconlist {list-style-type: none; margin: 0; padding: 0; width: 100%; display: flex; justify-content: space-between;}
.hmsrvcicon .warntystkrmain .hmsrvciconlist li{ padding: 0 15px; margin: 0;}
.hmsrvcicon .warntystkrmain .hmsrvciconlist li:first-child{padding-left: 0;}
.hmsrvcicon .warntystkrmain .hmsrvciconlist li:last-child{padding-right: 0;}
.hmsrvcicon .warntystkrmain .hmsrvciconcntn{float: left; position: relative; width: 100%; font-family:roboto-regular, sans-serif; display: flex; align-items: center; font-size: 16px; line-height: 22px;}
.hmsrvcicon .warntystkrmain .hmsrvciconlist li img {max-width:auto; max-height: 55px; display:block; margin-right: 15px;}
.hmsrvcicon .warntystkrmain .hmsrvciconlist li img.hoverimg{position: absolute; left: 0; top:50%; transform: translateY(-50%); background: #fff; z-index: -1; opacity: 0; }
/* home icons section */

/*home case study */
.hmcasesct{float: left; width: 100%; margin: 0;}
.hmcasemain{float: left; width: 100%; position: relative; background:#eaeaea; padding: 30px;}
.hmcasemain .hmcaserow{position: relative; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -10px;}
.hmcaserow .hmcasetitle{width:calc(79% - 20px); margin: 0 10px; position: relative;}
.hmcaserow .hmcasecol8{width:calc(67.7% - 20px); margin: 0 10px; position: relative;}
.hmcaserow .hmcasecol4{width: calc(32.3% - 20px); margin: 0 10px; position: relative;}
.hmcaserow .hmcasecol12{width: calc(100% - 20px); margin: 0 10px; position: relative;}
.hmcasesct .hmcasetitle{text-align: center; padding: 15px 0 30px; }
.hmcasetitle h2{font-size: 28px; font-family: roboto-bold, sans-serif; color: #494545; text-transform: uppercase; letter-spacing: 0.5px; margin: 0 0 15px;}
.hmcasetitle p{color:#494545; font-size: 16px; line-height: 22px; font-weight:normal; }
.hmcaseovrlay{position: absolute; left: 0; bottom: 0; padding: 30px; z-index: 1; color: #fff;}
.hmcaseovrlay h2{font-size: 32px; color: #fff; font-family: roboto-bold, sans-serif;  letter-spacing: -0.2px; margin:0 0 15px;}
.hmcaseovrlay p{font-size: 16px; line-height: 22px; color: #fff; font-weight: normal; margin: 0 0 10px; }
.hmcasecol8 .hmcaseovrlay p{max-width: 85%;}
.hmcaseovrlay .hmcaselink{color: #fff; font-size: 16px; display: inline-block; margin: 30px 0 0; font-family:roboto-regular, sans-serif; }
.hmcaseovrlay .hmcaselink::after{content: ''; display: block; margin: 10px 0 0; height: 1px; text-decoration: none; background: #fff; width: 40px;}
.hmcaseovrlay .hmcaselink:hover{text-decoration: none;}
.hmcasebottm{display: block; text-align:center; padding: 35px 0 20px;}
.hmcasebottm .hmcasebtns{ display: inline-block; padding: 15px 45px; color: #494545; font-weight: normal; text-align: center; 
border:1px solid #8d8c8c; transition: all 0.35s; text-decoration: none; font-size: 16px;}
.hmcasebottm .hmcasebtns:hover{border-color: #b71f82;}
.hmcasecol4 .hmcaseovrlay .hmcaselink{margin-top: 10px;}
/*home case study */

/*home blog main*/
.hmblogsec{float: left; width: 100%; margin: 0; padding: 45px 0 60px;}
.hmblogmain{float: left; width:100%;}
.hmblogrow{display: flex; justify-content: center; flex-wrap:wrap; position: relative; margin: 0 -7px;}
.hmblogrow .hmbloghead{width:calc(66.66% - 14px); position: relative; margin: 0 7px 35px;}
.hmblogrow .hmblogcol4{width:calc(33.33% - 14px); justify-content: space-between; padding: 30px 20px 25px; display: flex; flex-direction: column;  position: relative; margin: 0 7px 15px;}
.hmblogcol4.coloropt1{background:#b71f82;}
.hmblogrow .hmbloghead h2{font-size: 28px; text-align: center; text-transform: uppercase; color:#494545; font-family: roboto-bold, sans-serif; letter-spacing: 0.5px;}
.hmblogrow .hmbloghead p{color: #494545; text-align: center; font-size: 16px; line-height: 22px; font-family:roboto-regular, sans-serif;}
.hmblogcol4 .hmblogcntent{display: block; margin: 0 ; padding: 0;}
.hmblogcntent h2{font-size: 21px; color: #fff; font-family:roboto-regular, sans-serif; line-height: 26px; width: 80%; margin: 0; }
.hmblogcol4 .blgtgs{margin: 0 0 15px;}
.hmblogcol4 .blgtgs a{color: #fff; text-decoration: none; font-size: 14px; text-transform: uppercase; font-weight: normal;}
.hmblogcntent .blgtitle{margin: 0 0 20px;}
.hmblgbtnsc {display: block; margin-top: 20px;}
.hmblgbtnsc a{color: #fff; display: inline-block; position: relative; text-decoration: none;}
.hmblgbtnsc a::after{content: ''; display: block; width:37px; height: 1px; background:#fff; margin: 8px 0 0;}
.hmblogcol4.coloropt2{background:#eaeaea;}
.hmblogcol4.coloropt3{background:#0058a0;}
.lightbx .hmblogcntent h2,.hmblogcol4.lightbx .blgtgs a{color: #494545;}
.lightbx .hmblgbtnsc a{color: #494545;}
.lightbx .hmblgbtnsc a::after{background: #494545;}
.hmbloglinkman{display: block; text-align: center; width: calc(100% - 14px); margin:30px 7px 0;}
.hmbloglinkman .hmblglnks{display: inline-block; text-decoration: none; padding: 10px 25px; color: #494545; border:1px solid #8d8c8c;
font-size: 16px; line-height: 23px; transition: all 0.35s ease; font-family:roboto-regular, sans-serif; margin: 0 5px 10px; text-align: center; min-width: 140px;}
.footer{background-color: #000; background-image: linear-gradient(150deg, rgba(0,174,226,0.78) 0%, rgba(10,101,158,0.78) 55%, rgba(189,26,141,0.78) 100%);}
.connectusftr{float: left; position: relative; width: 100%;text-align: right; margin-top: -35px; margin-bottom: 35px;}
.connectusftr a{display:inline-block; padding: 16px 40px;background: #eaeaea; font-size: 16px; text-transform: uppercase; letter-spacing: 0.4px;
font-family: roboto-medium, sans-serif; color: #494545; box-shadow: -1px 3px 14px rgb(0,0,0,0.14); text-decoration: none; width: 90%; max-width: 300px;}
.connectusftr a span{padding-right: 12px; line-height: 28px; display: inline-block; vertical-align: middle; position: relative; bottom: -2px;}
.connectusftr a img{max-width: 28px; display: inline-block; vertical-align: middle;}
.findoutbtn{display: inline-block; border:2px solid #fff; margin: 25px 0 0; color: #fff; font-size: 16px; padding: 10px 30px; font-family: roboto-medium, sans-serif;} 
.findoutbtn:hover,.findoutbtn:active,.findoutbtn:focus{color: #fff; text-decoration: none;}
.hmbloglinkman .hmblglnks:hover{border-color: #b71f82;}
.ftlnkscntainr{float: left; width: 100%;}
.ftlnkscntainr .clear20{width: 100%;}
.hmbxcontent h2 a,.hmbxcontent h2 a,.hmblogcntent h2 a{color: #fff; text-decoration: none;}
.care .hmbxcontent h2 a{color: #b71f82;}
.lightbx .hmblogcntent h2 a{color: #494545;}
.barcodehead{width: 100%; margin: 0; text-align: left; padding: 0 6px;}
.barcodehead h2 { font-size: 28px; font-family: roboto-bold, sans-serif; margin: 0 0 0px; color: #363636; }
/* home banner animation */

.fitoutsfaqbox .expandall{float: right; margin: 0px 0 -5px; font-family: roboto-medium, sans-serif; font-size: 14px; color: #b71f83; text-decoration: underline; cursor: pointer;}
.table-responsivecustm{position: relative; overflow-x: auto;}
.table-responsivecustm table tr td:first-child{width: 20%;}
.tablbarcode table td:first-child{width: 62px;}
.tablbarcode table thead th:not(:first-child){background:#002e6d; color: #fff; font-family: roboto-bold, sans-serif; vertical-align: middle;}
.tablbarcode table{border:0;}
.tablbarcode table thead th:first-child{border:none;}
.tablbarcode table td{font-family:roboto-regular, sans-serif;}
.tablbarcode table td strong{color: #002e6d;}
.idsettophdboxin.ctacustopt{position: relative;}
.idsettophdboxin.ctacustopt .linksoverlay{position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.idsettophdboxin.ctacustopt.custom .ctaleftxt{position: relative;}


@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* end home banner animation */

/*end home blog main */
.herobnrwithlogo{float: left; width: 100%; background: #003279; padding: 70px 40px 50px;  margin: 0 0 75px;}
.herobnrmain{display: grid;  grid-template-columns: 50% 42%;  justify-content: space-between; align-items: center;}
.herobnrmain h2,.herobnrmain h1{font-family: 'roboto-medium'; margin: 0; font-size: 34px; line-height: 1.33; color: #fff; }
.herobnrlogo{padding-right: 5%;}
.herobnrlogo img{max-width: 100%;}
.pagerowcontainr{float: left; width: 100%; margin: 0 0 40px; padding: 0 20px;}
.pagrowmain{display: grid; grid-template-columns: 50% 42%; justify-content: space-between; align-items: center;}
.pageboxcontnt h2{font-size: 24px; line-height: 1.16; color: #000; font-family: 'roboto-light'; margin: 0 0 25px;}
.pageboxcontnt p{font-size: 14px; line-height: 1.57;}
.pageboximg{padding:0 30px 0 65px;}

.img-box {
  width: 50%;
  margin: 0 auto;
  margin-top: -10px;
}
.responsiveRow {
  margin-right: -15px;
  margin-left: -15px;
}

@media only screen and (min-width: 992px)
{
  .hmoverviewtxt h2{margin-top: 0px;}
}

@media only screen and (max-width: 1200px)
{
  .homebxrow .homebxmain > img{min-height: 410px; object-fit: cover;}
  .homebxrow .homebxmain.capture > img{min-height: 500px}
}

@media only screen and (min-width: 992px)
{
  .hmbxcontent{margin: 0 0 30px;}
  section.inline-sec div img {max-width: 600px;margin: 0 auto;}
  /*section.inline-sec div p {text-align: center;}*/
}

@media only screen and (max-width: 991px)
{
  .hmbnnrleft h1{font-size: 35px;}
  .hmbnnrleft p{font-size: 16px;}
  .hmboxoverlay{padding: 25px 25px;}
  .hmbxcontent p{font-size: 14px; font-family:roboto-regular, sans-serif; line-height: 18px;}
  .hmbxlinks h4{font-size: 14px; margin: 0 0 15px;}
  .homebxmain > img{min-height:430px; object-fit: cover;}
  .homebxmain.capture > img{min-height: 460px;}
  .homeoverview .col-md-5{text-align: center;}
  .homeoverview .col-md-5 img{max-width: 60%;}
  .hmsrvcicon .warntystkrmain .hmsrvciconlist li img{max-height: 45px;}
  .hmsrvcicon .warntystkrmain .hmsrvciconlist li{padding: 0 5px;}
  .hmsrvcicon .warntystkrmain .hmsrvciconcntn{font-size: 16px;}
  .hmcaserow .hmcasecol8,.hmcaserow .hmcasecol4{width: calc(100% - 20px);}
  .hmcaserow .hmcasecol4{margin-top:25px;}
  footer .footer-logos img{max-height: 65px; width: auto; margin: 0 10px;}
  .hmbxlinks{text-align: center; width: 100%; padding-top: 20px;}
  .care .hmbxlnksmain a{float: none; display: inline-block; width: 85%;}
  .hmcaseovrlay{position: relative; padding: 30px 0;}
  .hmcaseovrlay h2{color: #000; font-family:roboto-regular, sans-serif; font-size: 22px;}
  .hmcaseovrlay p{font-size: 14px; color: #000;}
  .hmcaseovrlay .hmcaselink{color: #000; margin:10px 0 0;}
  .hmcaseovrlay .hmcaselink::after{background: #000;}
  .hmcaserow .hmcasecol8{overflow: hidden;}
  .hmcaserow .hmcasecol8 > img{max-width: 170%; margin-left: -70%;}
  .herobnrmain{grid-template-columns: 1fr; grid-row-gap: 40px; text-align: center; }
  .herobnrlogo img{max-width: 80%; width: 350px;}
  .pagrowmain{grid-template-columns: 1fr; grid-row-gap: 40px;}
  .pagerowcontainr{padding:0;}
  .pageboximg{padding: 0; text-align: center;}
  .pageboximg img{margin: 0 auto; max-width: 80%; display: inline-block; width:400px; padding: 0;}
  .herobnrmain h2,.herobnrmain h1{font-size: 30px;}
  .herobnrmain h2 br,.herobnrmain h1 br{display: none;}
  .herobnrwithlogo{padding: 55px 30px 40px; margin: 0 0 60px;}

}

@media only screen and (min-width: 851px) and (max-width: 1050px)
{
 .navbar-right .navbar-nav > li:not(:last-child) > a{padding:10px 1px;}

}
@media only screen and (min-width: 768px) and (max-width: 850px)
{
  .navbar-right .navbar-nav > li > a{padding:8px 5px; position: relative;}
  .navbar-right .navbar-nav > li:not(:last-child) > a{padding: 8px 0px; margin:0 2px; font-size: 13px;}
  .navbar-right .navbar-nav > li > a:not(._emaillink)::after{width:calc(100% + 12px); left: -6px;}
}

@media only screen and (min-width: 768px) and (max-width: 1000px)
{
  footer .title{font-size: 13px;}
   .sn_mainnavbar .code .dropdown-menu .subdropdown > li > a{padding:15px 20px;}
}



@media only screen and (max-width: 767px)
{
  .responsiveRow {
    margin-right: 0px;
    margin-left: 0px;
}
.img-box {
  width: 100%;
  margin: 0 auto;
  margin-top: -10px;
}

.banner{background-color: #000; background-image: linear-gradient(150deg, #abd037 2%, #00aee2 35%, #0a659e 70%, #bd1a8d 100%);}
.hmbnnerovlay{ width: 100%; z-index: 1; bottom: 0; padding: 25px 0 25px; float: left;}
.hmbnnrtxt .hmbnnrleft,.hmbnnrtxt .hmbnnright{width: 100%;}
.banner .container{padding: 0;}
.hmbnnrtxt{padding: 0 20px;}
header .container > .row{margin: 0;}
header{left: 0; right: 0; width: 100%;}
.gobacknav{position: absolute; left: 15px; cursor: pointer; top: 40px; max-width: 23px; z-index: 99; display: none;}
body.act .gobacknav{display: block;}
.gobacknav:not(.active){opacity: 0.3; pointer-events: none;}
.hmbnnrtxt .hmbnnright{float: right; width: 85%; position: relative; margin-top: -40px; margin-right: -15px;}
.hmbnnrtxt .hmbnnright img:not(.showinmob){display: none;}
.hmblogrow .hmblogcol4{width: calc(100% - 14px);}
.homebxrow .homebxmain{width: calc(100% - 20px);}
.sn_mainnavbar .nav > li.dropdown .dwn2{position: absolute; top: 0; right: 0; height: 44px; width: 70px; background: transparent; cursor: pointer;}  
.sn_mainnavbar .nav > li{padding: 0; width: 100%;}
.sn_mainnavbar .dropdown-menu .subdropdown{display: block; padding:0;}
.sn_mainnavbar .dropdown-menu .subdropdown > li > a{color: #5e5b5b; padding: 10px 0px; display: block; font-weight: normal;}
.sn_mainnavbar .dropdown-menu .subdropdown li{padding: 0;}
body{padding-top: 100px;}
header{height: 100px;}

.sn_mainnavbar .code.menulevel2 .dropdown-menu .subdropdown > li:not(.fullwide){display: none;}
.navbar-nav > li > .dropdown-menu{transition: all 0.35s; position: relative; top:0; transform: translateX(100%);}
.navbar-nav > li.menulevel2 > .dropdown-menu{position: relative; top: 0; border: none; left: 0; width: 100%; transform: translateX(0); -webkit-animation: linear; 
-webkit-animation-name: slide; -webkit-animation-duration: 0.3s; display: block; padding-bottom: 45px; border-top:1px solid #000; padding-top:5px;}
.subdropdwnrow .subdropdwncols,.subdropdwnrow h4{padding: 0px 0 0; width: 100%;}
.subdropdownmain .subdropdwnrow h4{border-top:1px solid #2f2f2f; margin: 0 0 15px; }
.subdropdownmain .subdropdwnrow h4 a{text-transform: uppercase; padding-top: 15px; display: block; color: #494545; font-size: 14px; letter-spacing: 1px; font-family: roboto-bold, sans-serif;}
.subdropdwnrow .subdropdwncols:last-child{display: none;}
.dropdown-menu .subdropdownmain{background:none;}
.dropdown-menu .subdropdownmain ~ .subdropdownmain{margin-top: 10px;}
.sn_mainnavbar.menusecondlvel .nav > li:not(.menulevel2), .sn_mainnavbar .nav > li.menulevel2 .dwn2{display: none;}
.subdropdwncols ul li a{padding: 0 0 5px; display: block;}
.sn_mainnavbar.menusecondlvel .nav > li.menulevel2{border:none;}
.sn_mainnavbar .code.menulevel2 .dropdown-menu{padding-top: 0; border-top:0;}

@-webkit-keyframes slide {
    0% { transform:translateX(100%); }
    100%{ transform:translateX(0%); }
} 
.hmbnnerovlay{background: linear-gradient(135deg, rgba(171,208,55,0.99) 2%, rgba(0,174,226,0.99) 35%, rgba(10,101,158,0.99) 70%, rgba(189,26,141,0.99) 100%);
 background-size: 180% 180%; animation: gradient 10s ease infinite;}

.footer{text-align: center;}
footer .slim-list, footer .broad-list{display: inline-block; min-height: auto; padding: 0 15px; width: auto; height: auto;}
footer .slim-list ul, footer .broad-list ul{display: none;}
footer .slim-list .title{display: inline-block; }
footer .slim-list .title ~ .title{margin-left: 30px;} 
footer .row{display: flex; justify-content: center; flex-wrap: wrap;}
.footer-links{width: 100%;}
.createdby{width: 100%;}
footer .title a{font-size: 16px; font-weight: normal; text-transform: uppercase;}
footer .title a::after{display: none;}
.connectusftr{text-align: center;}
footer .slim-list .social{display: none;}
footer .footer-logos img{max-height: inherit;width: auto;margin: 0 5px; max-width: 95px;}
/* Brand icon slider */
.hmsrvcicon .warntystkrmain .hmsrvciconcntn{white-space: nowrap;}
.hmsrvcicon{padding:30px 0px 25px;}
.hmsrvcicon .warntystkrmain .hmsrvciconlist{display: inline-block !important; height: 50px; list-style-type: none; width: 310px !important; position: relative;}
.hmsrvcicon .warntystkrmain{text-align: center;}
.hmsrvcicon .warntystkrmain .hmsrvciconcntn{justify-content: center; text-align: left;}
.hmsrvciconlist li,.hmsrvciconlist .widget.block.block-static-block {display: block;content: '';position: absolute;top: 0;padding: 0;left: 0;
z-index: 0; height: 55px; width: 310px; background: #fff;}
.hmblogrow .hmbloghead{width: calc(100% - 14px);}
.hmblogrow .hmbloghead h2{font-size: 24px;}
.hmcasesct .container{padding: 0;}
.hmcaserow .hmcasetitle{width: calc(100% - 20px);}
.hmbxlnksmain a{margin: 0 7px 7px 0;}
.hmoverviewtxt h2{font-size: 16px; color: #494545; line-height: 1.4; font-family: roboto-bold, sans-serif;}
.hmoverviewtxt p{font-size:14px; line-height: 20px;}
.hmcasetitle h2{font-size: 24px;}
.hmcasetitle p{font-size: 14px; line-height: 20px;}
.hmbloglinkman .hmblglnks{min-width: inherit;}
.hmbnnrleft h1{font-size: 30px;}
.hmbnnrtxt .hmbnnrleft{padding: 0 5px; text-align: center;}
.hmbannrmain .margin-15 > .img-fluid{height: 300px; object-fit: cover;}
.barcodehead h2{margin:15px 0 0;}

     
      @keyframes fadingSlideshow-slide2of2 {
        33.3333333333% {
         
          visibility: hidden;
        }
        50% {
         
          visibility: visible;
        }
        83.3333333333% {
         
          visibility: visible;
        }
        100% {
          visibility: hidden;
        }
      }
    
      @keyframes fadingSlideshow-slide2of3 {
        22.2222222222% {
         
          visibility: hidden;
        }
        33.3333333333% {
        
          visibility: visible;
        }
        55.5555555556% {
         
          visibility: visible;
        }
        66.6666666667% {
         
          visibility: hidden;
        }
      }
    
      @keyframes fadingSlideshow-slide3of3 {
        55.5555555556% {
         
          visibility: hidden;
        }
        66.6666666667% {
         
          visibility: visible;
        }
        88.8888888889% {
         
          visibility: visible;
        }
        100% {
         
          visibility: hidden;
        }
      }
      
      @keyframes fadingSlideshow-slide2of4 {
        16.6666666667% {
          
          visibility: hidden;
        }
        25% {
          
          visibility: visible;
        }
        41.6666666667% {
          
          visibility: visible;
        }
        50% {
         
          visibility: hidden;
        }
      }
      
      @keyframes fadingSlideshow-slide3of4 {
        41.6666666667% {
          
          visibility: hidden;
        }
        50% {
         
          visibility: visible;
        }
        66.6666666667% {
          
          visibility: visible;
        }
        75% {
          
          visibility: hidden;
        }
      }
      
      @keyframes fadingSlideshow-slide4of4 {
        66.6666666667% {
          
          visibility: hidden;
        }
        75% {
          
          visibility: visible;
        }
        95.6666666667% {
          
          visibility: visible;
        }
        100% {
        
          visibility: hidden;
        }
      }
      .hmsrvciconlist {
        list-style-type: none;
        padding: 0;
        margin-top: 20px;
        position: relative;
      }
      ul:hover li {
        animation-play-state: paused;
      }
      .hmsrvciconlist li:not(:first-child) {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        visibility: hidden;
        animation-iteration-count: infinite;
      }
      .hmsrvciconlist li:nth-last-child(2):first-child ~ li{
        animation-duration: 4s;
      }
      .hmsrvciconlist li:nth-last-child(2):first-child ~ li:nth-child(2){
        animation-name: fadingSlideshow-slide2of2;
      }
      .hmsrvciconlist li:nth-last-child(3):first-child ~ li{
        animation-duration: 8s;
      }
      .hmsrvciconlist li:nth-last-child(3):first-child ~ li:nth-child(2){
        animation-name: fadingSlideshow-slide2of3;
      }
      .hmsrvciconlist li:nth-last-child(3):first-child ~ li:nth-child(3){
        animation-name: fadingSlideshow-slide3of3;
      }
      .hmsrvciconlist li:nth-last-child(4):first-child ~ li{
        animation-duration: 12s;
      }
      .hmsrvciconlist li:nth-last-child(4):first-child ~ li:nth-child(2){
        animation-name: fadingSlideshow-slide2of4;
      }
      .hmsrvciconlist li:nth-last-child(4):first-child ~ li:nth-child(3){
        animation-name: fadingSlideshow-slide3of4;
      }
      .hmsrvciconlist li:nth-last-child(4):first-child ~ li:nth-child(4){
        animation-name: fadingSlideshow-slide4of4;
      }  
     /*end brand icons slider*/
     .table-responsivecustm table{min-width: 500px;}
}


@media only screen and (min-width: 768px)
{
  .sn_mainnavbar .dropdown:hover .dropdown-menu{display: block;}
  .sn_mainnavbar .dropdown-menu{background: #fff; top:95%; padding: 0; margin: 0;}
  .navbar-collapse.sn_mainnavbar{padding-right: 0;}
  .connectusftr{margin-bottom: -5px;}
  footer .title ~ .title{margin-top: 15px;}
  .subdropdwncols ul li a::before{content: ''; background:#000; transition: all 0.3s; position: absolute; display:inline-block; bottom: 0; left: 0; width: 36px; height: 1px;}
  .subdropdwncols ul li a:hover:before{width: 100%;}
  .subdropdwncols ul li a:hover{text-decoration: none;}
  .showinmob{display: none;}
  .hmsrvcicon .warntystkrmain .hmsrvciconlist li img{transition: all 0.35s;}
  .dropdown-menu .subdropdownmain{display: none;}
  .nav>li.dropdown.code{position: static;}
  .code .hmbxlnksmain a:hover{border-color:#beec41;}
  .check .hmbxlnksmain a:hover{border-color:#00c7ff;}
  .capture .hmbxlnksmain a:hover{border-color:#0073d2;}
  .care .hmbxlnksmain a:hover{border-color:#b71f82;}
  .sn_mainnavbar .dropdown-menu{min-width: 280px;}
  .sn_mainnavbar .dropdown:not(.code) .dropdown-menu .subdropdown{display: block; padding: 10px 0;}
  .sn_mainnavbar .dropdown:not(.code) .dropdown-menu ul li{display: block; margin: 0; padding: 0;}
  .sn_mainnavbar .dropdown:not(.code) .dropdown-menu ul li > a{padding: 10px 15px; text-align: left; display: block;}
  .sn_mainnavbar .code .dropdown-menu {background: #eaeaea;}
  .sn_mainnavbar .code .dropdown-menu .subdropdown > li > a::before{content: ''; opacity: 0; bottom: 0; left: 35px; right: 35px; display: block; position: absolute; bottom: 0; height: 1px; background:#000;}
  .sn_mainnavbar .code .dropdown-menu .subdropdown > li > a:hover:before{opacity: 1;}
  .sn_mainnavbar .dropdown:not(.code) .dropdown-menu ul li{padding: 0 0 10px;}
  .sn_mainnavbar .dropdown:not(.code) .dropdown-menu ul li a{position: relative; display: inline-block;}
  .sn_mainnavbar .dropdown:not(.code) .dropdown-menu ul li a:hover{text-decoration: none;}
  .sn_mainnavbar .dropdown:not(.code) .dropdown-menu ul li a::before{content: ''; transition: all 0.35s; display: block; position:absolute; bottom: 0; left: 15px; width: 35px; height: 1px; background: #000; }
  .sn_mainnavbar .dropdown:not(.code) .dropdown-menu ul li a:hover:before{width:calc(100% - 30px);}
  .sn_mainnavbar .dropdown-menu{box-shadow: 3px 10px 20px rgb(0,0,0,0.35);}
  .sn_mainnavbar .code .dropdown-menu .subdropdown > li > a:hover:before{background:#a6ce39;}
  .subdropdwncols ul li a:hover:before{background: #a6ce39;}
  .sn_mainnavbar .dropdown.check .dropdown-menu ul li a:hover:before{background:#00BDF2;}
  .sn_mainnavbar .dropdown.check ~ .dropdown.check .dropdown-menu ul li a:hover:before{background:#0073d2;}
  .sn_mainnavbar .dropdown.capture .dropdown-menu ul li a:hover:before{background:#0073d2;}
  .sn_mainnavbar .dropdown.care .dropdown-menu ul li a:hover:before{background:#b71f82;}
  .subdropdwnrow .subdropdwncols{width: 50%;}
  
  .subdropdwnrow .subdropdwncols ~ .subdropdwncols{width: 25%;}
  .subdropdwnrow .subdropdwncols ~ .subdropdwncols .subdropbnr,.subdropbnr{position: relative; padding-top: 100%; overflow: hidden; border:1px solid #f6f6f6;}
  .subdropdwnrow .subdropdwncols ~ .subdropdwncols img,.subdropbnr img{max-width: 100%; max-height: 100%; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); object-fit: contain;}
  .sn_mainnavbar .dropdown-menu .subdropdown .subdropdwncols ul li{width: 50%; float: left; padding-right: 20px;}
  .sn_mainnavbar .dropdown.check{position: static;} 
  .sn_mainnavbar .dropdown.check:hover .dropdown-menu{display: flex;}
  .sn_mainnavbar .dropdown.check .dropdown-menu{right: 0;left: auto; width: 65%; background: #fff; flex-wrap: wrap; padding: 15px 40px 10px 25px;}
  .sn_mainnavbar .dropdown.check .dropdown-menu .subdropdown{width: 65%; padding-right: 20px;}
  .sn_mainnavbar .dropdown.check .dropdown-menu .menuimage{width: 35%; padding: 10px 0;}


}

@media only screen and (max-width: 480px)
{
  footer .footer-logos img {max-height: inherit; width: auto; margin: 20px 25px 10px; max-width: 120px;}
}

@media only screen and (max-width: 375px)
{
  footer .footer-logos img{margin:20px 20px 10px; max-width: 110px;}
}



/* eofy landing page*/
.eofybox{float:left; width: 100%; margin: 0;}
.eofybox .topctabx{float: left; margin: 0 0 60px; width: 100%;}
.topctabx .topctabxmain{background-color: #3bcc72; background-image: linear-gradient(70deg, #a6ce39 8%, #00c7ff 27%, #0073d2 55%, #b71f82 89%); width: 100%; float: left; padding: 35px 25px;}
.eofyctahead{font-size: 48px; line-height: 2.5; margin: 0; padding: 0; font-family: roboto-bold, sans-serif; width: 100%; float: left; color: #fff;  text-align: center; line-height: normal;} 
.eofytoptext{float: left; width: 100%; margin: 0 0 55px; text-align: center;}
.eofytoptext h2,.eofytoptext h1{margin: 0 0 20px; font-size: 30px; padding: 0; font-family: roboto-bold, sans-serif;}
.eofytoptext .eofytopbtn a{height: 40px; line-height: 40px; background-color: #b71f82; text-align: center; font-size: 14px; text-transform: uppercase; border: none; color: #fff; 
  font-family: roboto-medium, sans-serif; padding: 0 25px; display: inline-block; margin: 20px 0 0; text-decoration: none;}
.eofygridmain{float: left; margin: 0 0 25px; width: 100%; display: grid; grid-template-columns: 50% 42.33%; justify-content: space-between;}
.eofygridmain._reverse{grid-template-columns:42.33% 50%; justify-content: flex-start;}
.eofygridtext h2{font-size: 30px; margin: 50px 0 20px;}
.eofygridtext h2 a{color:#000; text-decoration: none;}
.eofygridtext a{color: #00589f; text-decoration:underline;}
.idsettophdboxin.ctaeofy.ctacustopt {background:#a6ce39; margin: 0 0 40px;}
.idsettophdboxin.ctaeofy.ctacustopt  .ctaleftxt{font-size: 18px;  font-family: roboto-medium, sans-serif; color: #fff; text-align: center; margin: 0; width: calc(100% - 400px)}
.idsettophdboxin.ctaeofy.ctacustopt  .ctarightbtn a{ line-height: 20px; padding: 10px 25px; }
.idsettophdboxin.ctaeofy.ctacustopt .ctarightbtn a:hover{color:#a6ce39;}

@media only screen and (max-width: 991px)
{
  .idsettophdboxin.ctaeofy.ctacustopt .ctaleftxt{width: 100%;}
  .idsettophdboxin.ctaeofy.ctacustopt  .ctarightbtn{padding: 0;}
  .idsettophdboxin.ctaeofy.ctacustopt{grid-row-gap: 15px;}
}

@media only screen and (max-width: 767px)
{
  .eofyctahead{font-size: 30px;}
  .eofybox .topctabx{margin: 0 0 40px;}
  .eofygridmain,.eofygridmain._reverse{grid-template-columns: 100%;}
  .eofygridmain .eofyimg{order: -1;}
  .eofygridtext h2{margin: 15px 0 15px; font-size: 24px;}
  .eofytoptext h2,.eofytoptext h1 {margin: 0 0 15px; font-size: 24px;}
  .idsettophdboxin.ctaeofy.ctacustopt .ctarightbtn a{letter-spacing: 0; padding: 10px 15px;}

  .widt {
    width: 96%;
  }
}

 .gridrowfirst{display: grid; grid-template-columns: 252px calc(100% - 300px); grid-column-gap: 48px; align-items: center;}
  .gridrowsecond{display: grid; grid-template-columns:50% 41.66%; justify-content: space-between; align-items: center; margin-bottom: 75px;}
  .gridrowthirds{display: grid; grid-template-columns:41.66% 50%; justify-content: space-between; align-items: center; margin-bottom: 75px;}
  .btmgreybxcontent{display: inline-block; background: #EFEFEF; font-family: roboto-bold, sans-serif;  padding: 15px 40px; line-height: 19px;}
  .btmgreybxcontent span{color: #B62084;}

  @media only screen and (max-width: 767px)
  {
    .showindekstop{display: none;}
    .gridrowfirst{grid-template-columns: 1fr; grid-row-gap: 30px;}
    .leftimgcolums{text-align: center;}
    .gridrowsecond, .gridrowthirds{margin-bottom: 30px;}
    .leftimgcolums img{max-width: 252px; width: 80%;}
    .gridrowsecond,.gridrowthirds{grid-template-columns: 1fr; grid-row-gap:25px;}
    .gridrowsecond .gridimgbox{order:-1;}

  }

/* saturn landing page*/
.lpagetopcontents.page-title2{float: left; width: 100%; margin: 0 0 20px; padding:0 !important; text-align: center;}
.lpagetopcontents.page-title2 h1,.lpagetopcontents.page-title2 h2{font-size: 38px; font-weight: 600; line-height: 1.32; text-align: center; margin: 0 0 30px; 
  background-image: linear-gradient(to right, #1f589f,#45baef,#9f157e);  color: #fff; padding: 35px 25px;}
.lpagetopcontents.page-title2 p{color: #000; font-size: 22px; line-height: 1.32; text-align: center;}
.feezingtabs{float: left; width: 100%; margin: 0 0 70px;}
.second-menu.freezingtabmain{background: #fff; display: flex; justify-content: center;}
.freezingtabmain .second-menu-in{border-bottom: 1px solid #BDBDBD; padding-bottom: 40px; padding-left: 80px; padding-right: 80px;}
.freezingtabmain .second-menu-in .freeztabinfo{text-align: center; font-size: 16px; margin: 15px 0 15px;}
.freezingtabmain.second-menu .mnu{font-size: 14px; background:#0058A0; color: #fff; letter-spacing: 0; font-family: 'roboto-regular'; padding-top: 10px; padding-bottom: 10px; line-height: 25px;}
.freezingtabmain.second-menu .mnu + .mnu{margin-left: 15px;}
.freezingtabmain.affix .second-menu-in{display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 20px; border:none; box-shadow: 0 3px 6px rgba(0,0,0,0.16); width: 100%;}
.freezingtabmain.affix .second-menu-in .freeztabinfo{width: 100%;}
.freezingtabmain.affix .second-menu-in{padding-left: 0; padding-right: 0; padding-bottom: 20px; border:none;}
.pagecontentregulr{float: left; width: 100%; margin: 0 0 40px; text-align: center;}
.pagecontentregulr h2{font-size: 28px; line-height: 1.3; font-family: 'roboto-bold'; margin: 0 0 20px;}
.pagecontentregulr .pagecontentheadsmall{display: block; font-size: 16px; font-family:'roboto-bold'; margin: 0 0 20px;}
.pagecontentregulr p{display: inline-block; max-width: 80%;  font-size: 14px; line-height: 1.3;}
#setup-box,#techsupport-box,#order-consumables-box,#returns-box{float: left; width: 100%;}
.setupmain{float: left; background: #EFEFEF; padding: 30px 50px; width: 100%; margin: 0 0 40px;}
.setupmain .setuptoptitle{font-size: 28px; font-family: 'roboto-bold'; line-height: 1.32; margin: 0 0 30px; float: left; width: 100%; text-align: center;}
.setupmain .setupstepsblock{float: left; width: 100%; margin: 0 0 30px;}
.setupstepsblock .stepblokhead{font-size: 24px; font-family: 'roboto-bold'; margin: 0 0 20px; padding: 0 0 10px; border-bottom: 2px solid #B62084; line-height: 1.3;}
.stepblokhead span{color:#B62084;}
.setupmain .stepblocktxts{padding:0 0 10px 25px;}
.stepblocktxts .linkhasicon{color: #0058A0; text-decoration: underline; background: url('../images/download-icon.png') no-repeat; background-size: 10.5px; background-position: left 0 top 5px;  padding-left: 20px;}
.stepblocktxts .stepsgridcontent{float: left; width: 100%; margin: 0 0 35px; display: grid; grid-template-columns: repeat(2, 1fr); grid-column-gap: 20px;}
.stepsgridcontent .stepgridcontenthead{grid-column: span 2; font-size: 22px;font-family: roboto-bold; padding: 0 0 15px; border-bottom: 1px solid #000; margin: 0 0 20px;}
.stepsgridcontent .stepcontentbxwide{grid-column: span 2; border-top: 1px solid #BDBDBD; margin-top: 20px; padding: 15px 0;  display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px;}
.stepsgridbxmedia.hastowboxcol{display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 20px;}
.stepsgridcontent .stepcontentbxwide + .stepcontentbxwide{margin-top: 0;} 
.stepsgridcontent .stepcontentbxwide:last-child{border-bottom: 1px solid #BDBDBD;}

.customsblocks .stepsgridcontent .stepcontentbxwide:first-child{border:none; margin-top: 0;}
.setupmain .setupstepsblock.customs{margin: 0;}
.setupstepsblock.customs .stepblokhead{margin: 0}
.setupstepsblock.customs .stepsgridcontent .stepcontentbxwide:first-child{border-bottom: 1px solid #BDBDBD;}
.nobottomgap{margin-bottom: 0 !important;}
.mtopandbordernone{margin-top: 0 !important; border-top:0 !important;}
.setupstepsblock.customs .stepblocktxts .stepsgridcontent{margin-bottom: 20px;}
.landingpagefrmain .grey-bg{background: #EFEFEF;}
.landingpagefrmain.contact-form .form-heading{background: #fff; padding-top: 35px; padding-bottom: 35px;}
.landingpagefrmain .getquoteform{padding-top: 40px;}
.dropdownfields{float: left; width: 100%; margin:5px 0;}
.dropdownfields label{font-size: 14px; font-weight: normal; margin: 5px 0 8px; font-family: roboto-regular;}
.dropdownfields .form-control{max-width: 115px; background: #fff url('../images/select-arrow.png') no-repeat; background-position: right 15px center; 
background-size: 16px; appearance:none; -webkit-appearance:none; }
.dropdownfields.wide_360 .form-control{max-width: 360px;}
.enquireformitems{position: relative; margin: 10px 0 10px; float: left;}
.enquireformitems .radioboxtitle {display: block; float: left; font-size: 14px; padding-bottom: 0;}
.enquireformitems .radiobuttonfield {float: left; margin-left: 35px;}
.stepblocktxts .stepsgridcontent.span-yb-15{margin-bottom: 15px;}
.radiocustombtn {position: relative; font-family: roboto-regular; font-weight: normal; display: block;  float: left;  cursor: pointer;  font-size: 14px;  padding-left: 28px; line-height: 20px;  margin-right: 20px;
 margin-bottom: 0;}
.radiocustombtn .checkmark{display: none;}
.radiocustombtn::before { content: ''; position: absolute; width: 19px; left: 0; top: 0; height: 19px; border-radius: 50%; background: #fff; border: 1px solid #797979;}
.radiocustombtn input { opacity: 0; position: absolute;  width: 1px; height: 1px;}
.radiocustombtn input:checked ~ .checkmark {  position: absolute;  left: 5px;  top: 5px;  display: block;  width: 9px;   height: 9px;   border-radius: 50%;    background: #0058A0;}
.radiocustombtn input {  opacity: 0; position: absolute;  width: 1px;   height: 1px;}
.techsupportop{float: left; width: 100%; margin:25px 0 50px; display: flex; justify-content: center;}
.techsupportop .techsupportmainbx{width: 100%; max-width: 70%;}
.techsupportmainbx .pagecntntregbtngroup{float: left; width: 100%; padding-top:25px; display: flex; justify-content: center; grid-column-gap: 20px; }
.pagecntntregbtngroup a{color: #fff; font-size: 14px; width: 160px; height: 45px; display: flex; justify-content: center; text-decoration: none; background: #0058A0; align-items: center;}
.techsupportgrybox{float: left; width: 100%; background: #E7E1E5; padding: 35px 25px; margin: 10px 0;}
.techsupportgrybox h2{font-size: 24px; font-family: roboto-bold; margin: 0 0 15px;}
.techsupportgrybox ul{list-style-type: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap;  grid-gap: 10px;}
.techsupportgrybox ul li{width: calc(50% - 5px); position: relative; background: #fff; padding: 7px 15px 7px 25px; }
.techsupportgrybox ul li a{color: #0058A0; text-decoration: underline; font-size: 16px;}
.techsupportgrybox ul li::before{ content: ''; background: #B62084; width: 8px; height: 8px; border-radius: 50%; position: absolute; left: 10px; top:13px;}
.span-xr-50{padding-right: 50px;}
.span-xr-50 .span-xr-50{position: relative; clear: left; float: left; width: 100%; padding-right: 0;}
.span-xr-50 .field_remove{position: absolute; right: -50px; top: 20px; font-size: 13px; text-decoration: underline; cursor: pointer;}
.landingpagefrmain  .add-unit{display: inline-flex; padding: 5px 5px 0; text-decoration: underline; cursor: pointer;}
.landingpagefrmain  .add-unit::before{content: "+ ";}
.scrollpannelbtmlink a{font-size: 14px; font-family: roboto-bold; color: #0058A0; text-decoration: underline;}

.news-container {
  display: flex;
  flex-wrap: wrap;
}
.news-container {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-gap: 15px 0;
}
#blog-list > .news-container{grid-gap: 15px 15px; padding: 0 7px;}

#blog-list > .news-container .news.blog.business{margin-left: 0; margin-right: 0;}

.news-container > .col-lg-4.col-md-4.news{width: 100%;}
.grey-box {
  height: 100%;
  margin: 0;
}


.setupmain .stepblocktxts.px-0{padding: 10px 0 0; float: left; width: 100%;}
.customsblocks.setupstepsblock .techsupportmainbx .stepblokhead{margin: 0 0 20px;}
.stepsgridcontent .stepcontentbxwide.span2 { margin-top: 0; border: none;  grid-template-columns: 1fr;  width: 100%; grid-column: span 2;}
.steptablecontent{position: relative; width: 100%; overflow-x: auto;}
.steptablecontent table{width: 100%;}
.steptablecontent table th,.steptablecontent table td{padding: 8px 15px; border:1px solid #ccc; background: #fff;}
.setupstepsblock.mb-0{margin-bottom: 0;}
.stepsgridcontent .stepgridcontenthead.toggllers{background: url(../images/next-assets.png) no-repeat left 8px; cursor: pointer; background-size: 20px; padding-left: 35px;}
.stepsgridcontent .stepgridcontenthead.toggllers.open{background:url(../images/next-assets-hover.png) no-repeat left 8px; background-size: 20px;}
.steptablecontent table th{font-weight: normal; font-family: roboto-bold;}
.stepsgridcontent .stepcontentbxwide.span2.toggllersbox{display: none;}
.stepsgridcontent._modified .stepcontentbxwide.span2:not(:first-child){border-top:1px solid #ccc; padding-top: 40px; padding-bottom: 40px;}
.stepsgridcontent .stepcontentbxwide.span2 .leftboxtexts{padding-bottom: 10px;}
.stepsgridcontent .stepgridcontenthead.toggllers.open + .stepcontentbxwide.span2.toggllersbox{display: block;}

@media only screen and (max-width: 991px)
{
  .stepblocktxts .stepsgridcontent{grid-template-columns:1fr; display: flex; flex-wrap: wrap;}
  .stepsgridcontent .stepgridcontenthead{width: 100%;}
  .stpgridcontentbox,.stepsgridcontent .stepcontentbxwide{width: 100%;}
  .stepsgridcontent .stepcontentbxwide{grid-template-columns: 1fr; grid-row-gap: 15px;}
  .freezingtabmain .second-menu-in{padding-left: 30px; padding-right: 30px; width: 100%;}
  .freezingtabmain.second-menu .mnu + .mnu{margin-left: 5px;}
  .techsupportop .techsupportmainbx,.pagecontentregulr p{max-width:100%;}
  .news-container {

    grid-template-columns: repeat(2,1fr);
   
  }
}


@media only screen and (max-width: 767px)
{
.freezingtabmain.second-menu .mnu{padding:10px 15px; font-size: 13px; margin: 5px 2px 0; float: none; display: inline-block;}
.freezingtabmain .second-menu-in{padding-left: 0; padding-right: 0; text-align: center;}
.freezingtabmain.second-menu .mnu + .mnu{margin-left: 0;}
.freezingtabmain .second-menu-in .freeztabinfo{font-size: 14px; margin: 10px 0 8px;}
.second-menu.freezingtabmain{top:100px;}
.setupmain{padding: 30px 20px;}
.techsupportgrybox ul li{width: 100%;}
.techsupportgrybox ul li a{font-size: 14px;}

}

@media only screen and (max-width: 600px)
{
  .freezingtabmain.second-menu .mnu{padding:5px 7px;}
  #blog-list > .news-container{padding: 0 15px; margin: 0;}
  .news-container {

    grid-template-columns: repeat(1,1fr);
   
  }
}



.stepsgridcontent .stepcontentbxwide a,.stepblocktxts .stepsgridcontent .stpgridcontentbox a{font-size: 14px; color: #0058A0; text-decoration: underline;}
.freezingtabmain.second-menu .mnu.active{background: #000;}
.freezingtabmain .second-menu-in .freeztabinfo{margin-bottom: 20px;}
.stepblocktxts .stepsgridcontent.bottomlinewithgap{border-bottom:1px solid #BDBDBD; padding-bottom: 15px;}
.scrollpannelbtmlink a{display: inline-block; margin: 15px 0 30px;}
.landingpagefrmain.contact-form .form-heading p{font-size: 16px; margin-top: 15px;}
.formgrayheading{font-size: 28px;padding: 0 5px 25px;  text-align: center; font-family: roboto-bold;}
.contact-form.landingpagefrmain .btn-send{letter-spacing: 1px; font-family: 'roboto-regular';}
.setupmain{padding-bottom: 50px;}
@media only screen and (max-width: 767px)
{
  .lpagetopcontents.page-title2 h1, .lpagetopcontents.page-title2 h2{font-size: 30px; margin-bottom: 20px; padding: 25px;}
  .lpagetopcontents.page-title2 p{font-size: 19px;}
  .pagecontentregulr h2{font-size: 24px;}
  .feezingtabs{margin: 0 0 50px;}
  .setupstepsblock .stepblokhead{font-size: 24px;}
  .stepsgridcontent .stepgridcontenthead{font-size: 20px;}
  #setup-box,#techsupport-box{padding-top:15px;}
  
}

.getquoteform.return-request-error .has-error {
  margin-bottom: -45px;
}

.stpgridcontentbox .second-menu-in {
    float: left;
}

.stpgridcontentbox .second-menu-in div {
    font-size: 14px;
    color: #0058A0;
    text-decoration: underline;
    cursor: pointer;
    text-align: left;
}


.rightbxtexts .second-menu-in {
    float: left;
}

.rightbxtexts .second-menu-in div {
    font-size: 14px;
    color: #0058A0;
    text-decoration: underline;
    cursor: pointer;
    text-align: left;
}
/* /end saturn landing page*/


/* Retailer Engagement hub*/
  .banner.gradientbg .hmbnnerovlay{position: static; padding: 80px 0 65px;}
  .banner.gradientbg .hmbnnrtxt .hmbnnrleft{text-align: center;}
  .banner.gradientbg .hmbnericons{float: left; width: 100%; justify-content: center; display: flex; grid-column-gap: 16px; padding: 0 0 50px;}
  .hmbnericons > img{width: 100%; max-width: 131px;}
  .banner.gradientbg .hmbnnerovlay{background: linear-gradient(45deg, #A60E7D, #16A7E0, #B8D644); background-size: 1000% 500%;}
  .banner.gradientbg .hmbnnrleft p{line-height: 32px; font-size: 24px; font-family: roboto-medium, sans-serif;}
  .banner.gradientbg .hmbnnerovlay.no-animations{/*background-size: 100% 100%;*/ padding: 55px 0 50px; margin: 15px 0 0;}
  .rehtopcontent{float: left; width: 100%; margin: 0 0 10px;}
  .rehtopcontentmain{ width: 100%; display: block; grid-template-columns: 67% 33%;}
  .rehtopcontentmain .rehtopcontentxt{width: 67%; float: left;}
  .rehtopcontentmain .rehtopsectlogo{float: left; width: 33%; padding-left: 3%;}

  .rehtopcontent .rehtopcontentxt h2{font-size: 24px; line-height: 32px; font-family: roboto-bold, sans-serif; margin: 0 0 20px; text-align: left; }
  .rehtopgrid{float:left;width:100%;display:grid;margin:35px 0 0;grid-template-columns:1fr 1fr;grid-column-gap:50px;}
  .rehtopgridbox{width: 100%; float: left; display: flex; flex-wrap: wrap;}
  .rehtopgridbox .rehboxmedia{width: 184px; text-align: center;}
  .rehtopgridbox .rehboxtexts{width: calc(100% - 184px); padding-left: 15px;}
  .rehtopgridbox .rehboxtexts p{font-size: 16px; font-family: roboto-light, sans-serif; font-style: italic; line-height: 21px;}
  .rehtopgridbox .rehmediacapt{padding: 15px 0 5px; font-size: 16px; font-family:roboto-medium, sans-serif;}
  .rehtopgridbox .rehmediatexts{font-size: 14px; line-height: 19px; }
  .eventgraybox{float: left; width: 100%; background: #F5F5F5; padding: 50px 0 80px;} 
  .eventgraybox .eventgryboxmain{float: left; width: 100%; }
  .eventgryboxmain .eventstabcontent{max-width: 84%; margin: 0 auto;}
  .eventstabcontent .eventstabhead{text-align: center; padding: 0 0 15px; width: 100%;}
  .eventstabhead h2{font-size: 24px; line-height:1.33; margin: 0 0; padding: 0; }
  .eventstabcontent > .nav{width:100%;display:flex;justify-content:center;  grid-column-gap: 5px;}
  .eventstabcontent > .nav > li{padding: 0;} 
  .eventstabcontent > .nav > li > .nav-link{font-size: 14px; font-family: roboto-bold, sans-serif; background: #BDBDBD; padding: 12px 35px; color: #000; border-radius: 0; width: 111px; text-align: center;}
  .eventstabcontent > .nav > li.active > .nav-link{background: #0058A0; color: #fff;}
  .eventstabcontent > .tab-content{width: 100%;}
  .eventcontainer{box-shadow: 0 6px 15px rgba(0,0,0,0.16); padding: 30px; width: 100%; background: #fff; float: left;}
  .eventcontentbox .eventcntnheading{font-size:16px;font-family:'roboto-medium';text-align:center;background:#f6f6f6;padding:13px;line-height:20px;margin:0 0 30px;float:left;width:100%;}
  .eventcntnheading span{color: #0058A0; display: block; font-size: 18px; padding: 0 0 10px; text-align: center; font-family:'roboto-medium'; line-height: 24px;}
  .eventcntnheading {display: block; }
  .eventcntntgridbx{float:left; width:100%; margin: 0 0 30px;}
  .eventcntntgridbx .eventgridcolrows{float:left; width:100%; display:grid; grid-template-columns:repeat(3,1fr); grid-column-gap:15px;}
  .eventcntntcolumn h4{display: block; width: 100%; border-bottom: 2px solid #0058A0; font-family: 'roboto-bold'; font-size: 14px; line-height: 19px; padding: 0 0 5px; float: left; margin: 0 0 10px;}
  .eventcntntcolumn{grid-row:auto / span 12; display:grid; grid-template-rows:subgrid; gap: 1px;}
  .eventcntntcolumn > div{font-size: 14px; line-height: 19px; border-bottom: 1px solid #BDBDBD; padding: 8px 0;}
  .mediaprtner{float: left; width: 100%; padding: 60px 0 50px;}
  .mediapartnermain .mediapartnertitle{font-size: 18px; font-family: roboto-medium; text-align: center; line-height: 24px; margin: 0 0 35px;}
  .mediapartnerlogos{float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center; grid-column-gap: 15px; padding-bottom: 50px; border-bottom: solid 1px #CDCDCD;}
  .mediapartnerlogos img{width: 216px; max-width: 30.5%;}
  .ourspeakers{float: left; width: 100%; padding: 0 0 35px;}
  .ourspeakermain{float: left; width: 100%;}
  .ourspeakermain .ourspeakerhead{font-size: 24px; font-family: roboto-bold; line-height: 32px; text-align: center; float: left; width: 100%; margin: 0 0 30px;}
  .ourspeakergrids{width: auto; float:none; display: flex; grid-column-gap:0;  justify-content: center; margin: 0 -7.5px 35px;}
  .ourspeakergrids .ourspeakergridsbx{width: 20%; padding: 0 7.5px;}
  .ourspeakergridsbx .ourpartnertexts{text-align: center; padding: 15px 0 0;}
  .ourpartnertexts h5{font-size: 16px; font-family: roboto-medium; text-align: center; margin: 0 0 10px;}
  .ourpartnertexts p{text-align: center; font-size: 14px; line-height: 19px;}
  .ourpartnertexts p strong{font-family: roboto-bold; font-weight: normal;}
  .whyattend{float: left; width: 100%; margin:0 0 35px; padding: 50px 0 45px; background: #F5F5F5;}
  .whyattendmian{float: left; width: 100%;}
  .whyattendmian h2{font-size: 24px; font-family: roboto-bold; line-height: 32px; margin: 0 0 40px; text-align: center;}
  .whyattendmian .whyattendgridmain{float: left; width: 100%; margin: 0 0 0; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 16px;}
  .whyattendgridbox h4{text-align: center; font-size: 18px; font-family: roboto-bold; line-height: 32px; margin: 0 0 5px;}
  .whyattendgridmain .whyattendgridbox:nth-of-type(1) h4 strong{color: #B72082;}
  .whyattendgridmain .whyattendgridbox:nth-of-type(2) h4 strong{color: #0058A0;}
  .whyattendgridmain .whyattendgridbox:nth-of-type(3) h4 strong{color: #AACE62;}
  .whyattendgridmain .whyattendgridbox:nth-of-type(4) h4 strong{color: #09BDF2;}
  .whyattendgridbox p{text-align: center; font-size: 14px;}
  .whyattendcta{width: 100%; float: left; width: 100%; margin-top: 45px; display: flex; justify-content: center;}
  .whyattendcta .whyattendctamain{background: #AACE62; color: #fff; font-size: 18px; font-family: roboto-bold; text-align: center; padding: 15px; max-width: 84%; width: 100%;}
  .whyattendgridbox { grid-row: auto / span 3; display: grid; grid-template-rows: subgrid;  gap: 1px;}
  .eventgridcolrows > .eventcntntcolumn:nth-of-type(1){font-family: roboto-medium;}

 

  @media only screen and (max-width: 991px)
   {

    .rehtopgrid{grid-template-columns: 1fr; grid-row-gap: 40px;}
    .rehtopgridbox{flex-direction: column;  justify-content: center;  align-items: center; grid-row-gap: 20px;}
    .rehtopgridbox .rehboxtexts{width: 100%; padding-left: 0;}
    .eventgryboxmain .eventstabcontent{max-width: 100%;}
    .mediapartnerlogos img{max-width: 117px; width: 30%;}
    .ourspeakergrids{margin:0 -7.5px; flex-wrap: wrap;}
    .ourspeakergrids .ourspeakergridsbx{width: 33.3%; margin: 0 0 35px;}
    .whyattendmian .whyattendgridmain{grid-template-columns: repeat(2, 1fr);}
    .whyattendgridbox{margin: 0 0 25px;}
    .whyattendcta{margin-top: 25px;}
    .whyattendcta .whyattendctamain{max-width: 100%;}
    .banner.gradientbg .hmbnericons{flex-wrap: wrap;}

   }


  @media only screen and (max-width: 767px)
  {
    .banner.gradientbg .hmbnnerovlay{padding: 35px 0 40px;}
    .banner.gradientbg .hmbnericons{flex-wrap: wrap; grid-gap: 15px; padding: 0 0 30px;}
    .hmbnericons > img{max-width: 111px; width: 30%;}
    .banner.gradientbg  .hmbnnrleft h1{font-size: 24px;}
    .banner.gradientbg .hmbnnrleft p{font-size: 18px; line-height: 1.33;}
    .ourspeakergrids .ourspeakergridsbx{max-width:50%; width: 176px;}
    .ourpartnrmedia img{width: 100%;}
    .eventstabcontent > .nav > li{border:none; max-width: calc(33.33% - 3px); margin: 0; width: 118px; }
    .eventstabcontent > .nav > li:not(:last-child){margin-right: 4.5px;}
    .eventstabcontent > .nav > li > .nav-link{width: auto; padding: 12px 30px;}
    .eventcntntcolumn{grid-row:auto;}
    .eventcntntcolumn > div{padding: 5px 0; border-bottom:none; }
    .eventcntntgridbx .eventgridcolrows{padding-bottom: 10px; margin-bottom: 10px; grid-template-columns: 1fr; border-bottom:solid 1px #BDBDBD;}
    .eventcntntgridbx > .eventgridcolrows:first-child{display: none;}
    .eventgridcolrows > .eventcntntcolumn:nth-of-type(1) div:before{content: "Topic: ";}
    .eventgridcolrows > .eventcntntcolumn:nth-of-type(2) div:before{content: 'Speaker:'; padding-right: 4px;}
    .eventgridcolrows > .eventcntntcolumn:nth-of-type(3) div:before{content: 'Timeslot:'; padding-right: 4px;}
    .eventcontentbox .eventcntnheading{margin-bottom: 20px;}
    .eventcontainer{padding: 30px 15px 0;}
    .eventstabcontent > .nav{grid-column-gap:0;}
    .whyattendmian .whyattendgridmain{grid-template-columns: 1fr;}
    .eventcntntcolumn .addeventatc{float: left; width: 100%; margin-top: 10px;}
    .eventgridcolrows > .eventcntntcolumn:nth-of-type(3) div > div:before{content: ''; padding: 0;}
    .rehtopcontentmain .rehtopcontentxt{width: 100%; float: left;}
    .rehtopcontentmain .rehtopsectlogo{float: left; width: 100%; display: flex; justify-content: center; padding: 20px 0 20px 0;}
    .rehtopcontentmain .rehtopsectlogo img{max-width: 350px; width: 85%;} 
    .rehtopcontent .rehtopcontentxt h2{text-align: center;}
    .eventgryboxmain > .row{margin: 0 0 45px;}
  }

  .retaileringagementfrm .btn-send{margin-left: auto; margin-right: auto; display: block;}  
      
      @media only screen and (min-width: 992px)
      {
       .ourspeakergrids .ourspeakergridsbx{max-width: 20%; width: 200px;}
       .mediapartnermain{max-width: 84%; margin: 0 auto;}
      }
      @media only screen and (max-width: 767px)
      {
        .whyattend{margin: 0;}
        .sizenone{font-size: 0;}
        .whyattendcta .whyattendctamain{max-width: 100%;}
        .sm-pt-0{padding-top: 0;}
        .eventgraybox{padding: 50px 0 0px;}
        .eventgraybox .container{padding: 0;}
        .eventstabcontent > .nav{padding: 0 15px;}

      }

      @media only screen and (max-width: 480px)
      {
        .ourspeakergrids .ourspeakergridsbx{max-width:50%; width: 50%;}
      }
/* end Retailer Engagement hub*/

/* Barcode Academy */
.whitepaper-container .col-xs-12.whitepaper{margin-bottom: 14px;}
.barcodeacademybnr{width: 100%; float: left; position: relative; overflow: hidden; margin-top: -20px;}
.barcodeacadbnrtext{position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; height: 100%; padding: 25px 0 35px;}
.barcodeacadbnrtext .barcodeacdimg{max-width: 202px;}
.barcodeacadbnrtext h1{font-size: 42px; margin: 0; padding: 0; margin-top: -15px;}
.barcodeacademybnr > div > img{min-height: 301px; object-fit: cover;}
.barcodemainbox.barcdacademy{justify-content: center;}
.barcodemainbox.barcdacademy .barcodemainin h2{font-size: 18px; font-family:'roboto-medium';letter-spacing: 1px;}
.barcodeacadmctoptxts{width: 100%; float: left; margin: 35px 0 0 0;}
.barcodeacadmctoptxts p{font-size: 14px; line-height: 21px; margin: 0 0 10px;}
.barcodeacadmctoptxts p strong{font-weight: normal; font-family: 'roboto-bold';}
.modal-body.testsignupmodal{padding: 40px;}
.testsignupopup .modal-content{box-shadow: 0 5px 12px rgba(0,0,0,0.16); border:none; border-radius: 17px;}
.close.backsteps{position: absolute; left: 25px; top:25px; opacity: 1; cursor: pointer; z-index: 9;}
.close.backsteps a{text-decoration: none;}
.close.backsteps img{max-width: 25px;}
.close.backsteps span{font-weight: normal; font-family: 'roboto-bold'; font-size: 16px; color: #0058A0; padding: 0 0 0 5px;}
.testsignupmodalmain .form-heading{font-size: 24px; line-height: 1; font-family: roboto-regular, sans-serif; padding-bottom: 10px; padding-top: 30px;}
.testsignupmodalmain .form-heading p{font-size: 16px; padding-top: 20px;}
.testsignupmodalmain .mandatory> input.form-control{padding-left: 23px; padding-top: 12px;}
.testsignupmodalmain .mandatory .placeholderss{top:5px; left:14px;}
.testsignupbtns,.certificateactnbtn{width: 180px; height: 46px; line-height: 44px; max-width: 100%;  margin-left: auto;  margin-right: auto;   background-color: #0058A0; text-align: center;  font-size: 14px; letter-spacing: 0px;
text-transform: uppercase;  border: none; color: #fff; font-family: roboto-regular, sans-serif;}
.testsignupopup .modal-dialog{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 3.5rem); -webkit-transform: none; transform: none; margin: 1.75rem auto; 
max-width: 580px; width: 95%;}
.testpagemain {float: left; width: 100%; box-shadow: 0 5px 12px rgba(0,0,0,0.16); padding:0; border-radius: 17px;}
.testpageheader{float: left; width: 100%; border-bottom: 1px solid #BDBDBD; padding: 25px 60px 30px 130px; position: relative;}
.testpageinfo{float: left;}
.testpageinfo h2{font-size: 18px; font-family: 'roboto-medium'; margin: 0 0 5px; line-height: 24px;}
.testpageinfo span{margin: 0;}
.testmarks{float: right; font-size: 18px;}
.testpagemiddle{padding: 50px 45px; position: relative; float: left; width: 100%;}
.pagequestionsbloks{float: left; width: 100%; margin: 0 0 35px; position: relative;}
.questionsmain{float: left; width: 100%; margin: 0 0 15px; padding-left: 30px; position: relative;}
.questionsmain .questserial{position: absolute; left: 0; width: 30px; top:0; font-size: 16px;}
.questionsmain .questiontexts{font-size: 16px; line-height: 21px;}
.questionoptions{position: relative; float: left; width: 100%; margin: 0 0 10px; padding: 0 0 0 30px;}
.questoptionmain{position: relative; padding-left: 38px; margin-bottom: 11px; line-height: 21px; font-size: 16px; font-weight: normal; font-family: 'roboto-regular'; cursor: pointer; display: block; float: left; width: auto; clear: left;}
.questoptionmain .checkmark{position: absolute; left: 0; top:1px; width: 22px; height: 22px; border:2px solid #707070; transition: all 0.1s; border-radius: 50%;}
.questoptionmain input{display: none;}
.questoptionmain input:checked ~ .checkmark{border:2px solid #0058A0; } 
.questoptionmain input:checked ~ .checkmark::before{content: ''; width: 10px; height: 10px; display: block; border-radius: 50%; background: #0058A0; left: 50%; top: 50%; position: absolute; transform: translate(-50%, -50%);}
.questionleftgroup{float: left; width: auto; margin-right: 65px;}
.questionoptimedia{float: left; max-width:400px; width: 100%; padding: 5px 0 15px;}
.questionleftgroup.twocolumns .questoptionmain{width: 35%; margin-top: 25px; padding-left: 58px;}
span.imgnum {position: absolute;left: 38px ; top: 0px;}
.questionleftgroup.twocolumns .questoptionmain img{max-width: 184px; width: 100%;}
.questionoptimedia.w-40{max-width:400px; width: 100%; padding-bottom: 25px; padding-top: 10px;}
.questoptionmain.checkboxs .checkmark{border-radius: 2px;}
.questoptionmain.checkboxs input:checked ~ .checkmark::before{display: none;}
.questoptionmain.checkboxs input:checked ~ .checkmark{background:#0058A0 url('../images/checked.png') no-repeat center; background-size: 13px; }
.examreasutnotic{float: left; width: 100%; background: rgba(0,132,0,0.05); padding:30px 35px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.resultdetails .resultstatus{font-size: 18px; padding: 0 0 0 33px;}
.resultdetails .resultstatus span{color: #008400;}
.questionleftgroup.twocolumns{display: flex; flex-wrap: wrap; margin-right: 0; grid-row-gap: 25px;}
.resultdetails .resultsheading{font-size: 24px; font-family: 'roboto-bold'; display: flex; align-items: flex-start; grid-column-gap: 10px; margin-bottom: 10px; line-height: 1.25;}
.resultdetails .resultsheading img{width: 22px; position: relative; top:3px;}
.answerstatus{float: left; width: 100%; margin-top: 5px; margin-bottom: 14px; padding: 12px 50px 12px; background: #f6f6f6; position: relative;}
.answerstatus.incorrects{background: rgba(230,44,0,0.05);}
.answerstatus.corrects{background: rgba(0,132,0,0.05);}
.answerstatus .statuscontent{font-size: 15px; font-family:'roboto-bold'; position:relative; padding-bottom:0;}
.answerstatus .statuscontent::before{content: ''; width: 22px; height: 22px; position: absolute; left: -35px; background: url('../images/succes-icon-outline.png') no-repeat; background-size: 21px; }
.answerstatus .statuscontent.incorrects::before{background: url('../images/icorrect-icons.png') no-repeat; background-size: 21px; }
.answerstatus  p{font-size: 16px; line-height: 21px; margin: 12px 0 15px;}
.examreasutnotic.fails{background: rgba(230,44,0,0.05);} 
.certificateactnbtn.customised{width: 120px; max-width: 100%;}
.fails .resultdetails .resultstatus span{color: #E62C00;} 
.answerstatus .statuscontent.incorrects{color: #E62B00;}
.questionleftgroup.twocolumns .questoptionmain:nth-child(2n){margin-left: 30px;}
.testpagemiddle .pagequestionsbloks:last-child{margin-bottom: 0px;}
.questprotips{background: #f6f6f6; padding: 10px 20px; margin-top: 10px; float: left; width: 100%; clear: both;}
.questprotips p{margin:0;}
.testsignupbtns.submit,.certificateactnbtn.submit{background: #0058A0 url(../images/submit_progressbtn.gif) no-repeat center; background-size: 100% 44px; opacity: 0.6; text-indent: -9999px; font-size: 0; pointer-events: none;}
.answerstatus .statuscontent.corrects{color: #008400;}
.has-error.quiz-error{float: left; width: 100%;  margin-top:0; margin-bottom: 20px;  padding: 12px 20px 12px;  background:rgba(230,44,0,0.05);  position: relative; font-size: 15px;
font-family: 'roboto-bold'; position: relative; color: #E62B00;}

.testcompleted .questoptionmain input:checked ~ .checkmark{border: 2px solid #707070;}
.testcompleted .questoptionmain input:checked ~ .checkmark::before{background:#707070;}
.testcompleted .questoptionmain {pointer-events: none;}
.testcompleted .questoptionmain.checkboxs input:checked ~ .checkmark{background: #707070 url('../images/checked.png') no-repeat center; background-size:13px;}

.alertdialoghead h2{font-size: 20px; text-align: center; margin: 0; padding: 0 0;}
#alertdialogbox .alertdialoghead.modal-header{padding: 12px 15px;} 
.alertdiologtext{text-align: center; padding: 15px 25px;}
#alertdialogbox.testsignupopup .modal-dialog{max-width: 380px; width: 85%;}
#alertdialogbox.testsignupopup .modal-footer{text-align: center;}
.mainthemebtn{color: #fff; background-color: #0058A0; border-color: #0058A0; min-width:68px; height: 35px;}
.secondrythemebtn{color: #000; background-color: #ddd; border-color: #ddd; min-width: 68px; height: 35px;}
.secondrythemebtn:hover{color: #fff; background: #000; border-color: #000;}
.mainthemebtn:focus,.secondrythemebtn:focus{outline: none !important; box-shadow: none; }
.whitepaper-container .whitepaper {margin-bottom: 15px;}
.eventcntntcolumn .addeventatc{float: right; border: none !important;  padding: 0 0 10px!important;  text-shadow: none !important;  box-shadow: none !important;  font-family: inherit; font-weight: normal !important;    font-size: 14px !important;   padding-left: 30px !important;
background-image:url('../images/add-to-calendar.svg') !important; background-position: left 0 top 0px !important; background-size: 24px !important; background-repeat: no-repeat;}
.eventcntntcolumn .addeventatc .calendertxts{color: #0058A0; text-decoration: underline;}
.eventcntntcolumn .addeventatc .addeventatc_icon{display: none; }

@media only screen and (max-width: 991px)
{
  .barcodemainbox.barcdacademy .barcodemainin{width: calc(30% - 12px);}
}

@media only screen and (max-width: 767px)
{
  .barcodeacadbnrtext h1{font-size: 32px;}
  .testsignupmodalmain .form-heading{padding-left: 10px; padding-right: 10px; padding-bottom: 5px; font-size: 20px;}
  .testsignupmodalmain .form-heading p{padding-top: 15px; font-size: 14px;}
  .barcodeacademybnr,.barcodeacadmctoptxts{padding: 0 15px;}
  .modal-body.testsignupmodal{padding: 35px 25px 30px;}
  .testpageheader{padding: 55px 30px 30px 30px;}
  .testpageinfo{width: 60%; padding-right: 15px;}
  .testpageinfo h2{font-size: 16px; line-height: 21px;}
  .testmarks,.resultdetails .resultstatus{font-size: 16px;}{font-size: 16px;}
  .close.backsteps{top:20px;}
  .examreasutnotic .resultdetails{width: 100%; margin: 0 0 15px;}
  .examreasutnotic .resultactions{padding-left: 33px;}
  .testpagemiddle{padding: 30px;}
  .resultdetails .resultsheading{font-size: 20px; margin-bottom: 5px;}
  .questionoptimedia{padding-top: 15px; padding-bottom: 0;}
  .barcodemainbox.barcdacademy .barcodemainin{width: calc(46% - 12px); margin-left: 6px; margin-right: 6px;}
  .has-error.quiz-error{font-size: 14px; padding-left: 15px; padding-right: 15px;}
}

@media only screen and (max-width: 480px)
{
  .questionleftgroup.twocolumns .questoptionmain{width: 100%;}
  .questionleftgroup.twocolumns{grid-row-gap: 15px;}
  .barcodemainbox.barcdacademy .barcodemainin{width: calc(92% - 12px);}
  .questionleftgroup.twocolumns .questoptionmain:nth-child(2n){margin-left: 0;}
  .questionleftgroup.twocolumns .questoptionmain + .questoptionmain{margin-top: 0;} 
}
/* End Barcode Academy */


/* css as on 30-Jan-2024*/
           
.gridrowthirds.appex {
  grid-template-columns: 30% 70%;
  align-items: normal;
  grid-column-gap: 15px;
  margin-bottom: 20px;
}
.gridrowfirst.appex {
  grid-template-columns: 252px calc(100% - 265px);
  align-items: normal;
  margin-bottom: 50px;
  grid-column-gap: 15px;
}
.dextopImg {
    display: block;
    text-align: center;
    margin: 22px 0 40px;
}
.mobImg {
  display: none;
  text-align: center;
  margin: 22px 0 40px;
}
.nameBox {
  text-align: center;
  width: 100%;
}
.personName {
  margin-top: 15px;
  font-family: 'roboto-medium';
  font-size: 16px;
}
.degi {
  font-size: 14px;
  font-family: 'roboto-regular';
}
.rightcontentcolumn.appex {
  padding-bottom: 4%;
}

.gridrowSec {
  display: grid;
  grid-template-columns: 78% 22%;
  align-items: center;
  grid-column-gap: 15px;
}
ul.appexNews {
    padding-left: 20px;
}
ul.appexNews li { font-family: 'roboto-bold'; font-size: 14px;  line-height: 19px;  position: relative;  margin-bottom: 15px; clear: both;
}

ul.appexNews li::after {
    content: '';
    display: block;
    width: 102%;
    height: 2px;
    line-height: 1;
    background: #0058A0;
    position: absolute;
    left: -20px;
    margin-top: 5px;
}
.engagementImg img {
    margin-top: 6px;
}
p.marTop {
    margin-top: 10px;
    float: left;
    width: 100%;
}

@media only screen and (max-width: 991px)
{
  .gridrowSec {grid-template-columns: 70% 30%;}
}

@media only screen and (max-width: 767px){
  .dextopImg {
    display: none;
}
  .mobImg {
    display: block;
    text-align: center;
    margin: 22px 0 40px;
}

.gridrowfirst.appex {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
}
.gridrowthirds.appex {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
    margin-top: -20px;
}
.gridtxtbox.sec {
    order: -1;
}
.gridrowSec {
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
}
.gridbox.sec {
    order: -1;
    text-align: center;
}
.appex .leftimgcolums img {
    max-width: 100%;
    width: 100%;
}

}

/* idsnet changes*/
.itemslogo-icon{display: flex; justify-content: center; margin: 10px 0 15px;}
.itemslogo-icon img{border: none; max-width: 100%; height: 78px; object-fit: cover; width: auto;}
.product-list .items.code:hover .itemslogo-icon img{border:none;}
.idsettophdboxin.landingpgtoptexts{padding: 25px; margin: 15px 0 25px;}
.idsettophdboxin.landingpgtoptexts p{font-size: 18px;}

@media only screen and (max-width: 1200px)
{
   .itemslogo-icon img{border: none; max-width: 100%; height: 64px; object-fit: cover; width: auto;}
 
}

@media only screen and (max-width: 991px)
{
  .itemslogo-icon img{height: 48px;}
}

@media only screen and (max-width: 767px)
{
  .itemslogo-icon img{height: 100px; max-width: 100%;}
}



.mainVideoRow {
  width: 100%;
  float: left;
  margin-top: 35px;
  margin-bottom: 25px;
  border-bottom: solid 2px #ccc;
}
.mainVideoBoxOuter {
  width: 60%;
}

.videoRow {
  display: grid;
  grid-gap:30px;
  grid-template-columns: repeat(2, 1fr);
}

.mainVideoBoxOuter .videoBox {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0;
}
.mainVideoBoxOuter .videoBox iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.mainVideoBoxOuter .videoBox:before {
  content: '';
  display: block;
  padding-top: 56.25%;
}
.mainVideoBoxOuter .videoTitle {
  font-size: 20px;
  line-height: 32px;
  font-family: roboto-bold, sans-serif;
  margin:15px 0 35px;
  text-align: left;
}
.filterVideoHeading {
  font-size: 24px;
  line-height: 32px;
  font-family: roboto-bold, sans-serif;
  margin: 0 0 20px;
  text-align: left;
}
.videoBoxOuter .videoTitle {
  font-size: 18px;
  line-height: 25px;
  font-family: roboto-bold, sans-serif;
  margin: 15px 0 15px;
  text-align: left;
}
.pagination {
  display: flex;
  justify-content: center;
}
.pagination a {
  margin: 0 8px; font-weight: 600;
  color: #000;
}
.filterVideo{float: left; width: 100%;}


@media only screen and (max-width: 767px)
{

  .mainVideoBoxOuter {
    width: 100%;
}
  .videoRow {    
    grid-gap: 20px;
    grid-template-columns: repeat(1, 1fr);
  }
}


/*********** 28Mar24 ******************/

.filterVideo .filtermain .filtercolps{padding: 20px;}
.filtvideomainwrapper .filterleftsidebar{float: left; width: 23%;}
.filterleftsidebar .leftsidbar{width: 100%; padding: 0;}
.filtvideomainwrapper .mainfiltervidvbox{float: left; width: 77%; padding: 0 0 0 30px; position: relative;}
.filtvideomainwrapper .paginationRow{float: right; width: 77%; margin-top: 30px;}
.videoRow .col-lg-12.col-md-12{grid-column: 1/ span 2;}
.video-no-records{grid-column: 1/ span 2; text-align: center; font-size: 18px; font-family: roboto-bold; font-weight: normal; margin-top: 55px;}

#loading-animation{text-align: center; background: url(../images/video-loader.svg); background-repeat: no-repeat; background-position: center 0px; height: 350px;  width: 100%; margin-top: 70px; z-index: 99; top: 0px; 
display: block; grid-column: auto / span 2;}
.title-subtext.labeltxts{font-family:roboto-medium; font-size: 16px;}
.rehtopcontentmain .rehtopcontentxt h2{margin: 0 0 20px;}


.fullWidthImg{
  width:80%;
  margin: 0 auto;  
}

.academyTopBoxMain {
  width: 100%;  
  margin-top: 20px;
  clear: both;
  float: left;
  padding:35px 0 45px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 40px;
/*  align-items: center;*/
}

.academyTopBox {background:#a9cd3c; width: 100%; float: left; color: #000; padding: 20px 20px;}
.academyTopBox a{color: #000; text-decoration: underline;}
.academyTopBox p strong {
  font-weight: normal;
  font-family: 'roboto-bold';
}

.academyTopBox {counter-reset: numcounter;}
.academyTopBox > div{position: relative; padding-left: 35px; margin: 0 0 10px;}
.academyTopBox div::before {counter-increment: numcounter; content: counter(numcounter) ""; width: 20px; height: 20px; display: flex; position: absolute; left: 0; background: #fff; border-radius: 50%;
font-size: 12px; align-items: center; justify-content: center; top:2px;}

.mra-bottm {margin-bottom: 20px; font-size: 16px; font-family: 'roboto-bold'; color: #000; border-bottom: 2px solid #fff; padding-bottom: 6px; display: inline-block;}
.barcodeacadmctoptxts.topmar {margin-top: 15px; border-top:1px solid #ddd; padding-top: 30px;}
.barcodeacadmctoptxts.lineHeight {margin-top: 47px;}
.tech-box.blue-bg .icon img {max-height: 60px;}
.btn.text {white-space: wrap; height: auto;line-height: 21px;}
.btn.text a {
  padding: 10px;
}
.blue-bg .tech-box-content {
  background-color: #00BDF2;
}
.abt-box.barcode {
  padding-left: 7px;
}
.blue-bg {
  padding-left: 7px;
}
.lCenter {
  padding-right: 7px;
  padding-left: 15px;
}
.tech-box.lCenter h4 {
  min-height: 75px;
}
.abt-box.barcode .abt-box-content{
  min-height: 285px;
  padding: 40px 20px 25px 20px;
}
.blue-bg .tech-box-content{
  min-height: 285px;
  padding: 40px 20px 25px 20px;
}
.lCenter .tech-box-content{
  min-height: 285px;
  padding: 40px 20px 25px 20px;
}
.resultsheading.unsuccessmsg {
  display: block;
}
.resultsheading.unsuccessmsg img {
  margin-top: -12px;
  margin-right: 10px;
}
.crossimg {
  float: left;
  min-height: 75px;
}
.unsuccess {
  font-size: 19px;
}



@media only screen and (max-width: 991px)
{
   .filtvideomainwrapper .filterleftsidebar{width: 35%;}
   .filtvideomainwrapper .mainfiltervidvbox{width: 65%;}
   .filtvideomainwrapper .videoRow{grid-template-columns: repeat(1, 1fr);}
   .videoRow .col-lg-12.col-md-12,.video-no-records{grid-column: auto / span 1;}
}

@media only screen and (max-width:767px)
{
.filtvideomainwrapper .filterleftsidebar{width: 100%;}
.filtvideomainwrapper .mainfiltervidvbox{width: 100%; padding: 0;}
.sm-px-0{padding: 0;}
.videoRow .col-lg-12.col-md-12,.video-no-records{grid-column: auto / span 1;}
.filtermain .filterhead,.filtermain .videofilters{background-image: url('../images/flterexpnd.png'); background-repeat: no-repeat; background-size: 15px; background-position: right 15px center;}
.filtermain .filterhead.active,.filtermain .videofilters.active{background-image: url('../images/fltercanel.png'); background-repeat: no-repeat; background-size: 17px; background-position: right 15px center;
margin-bottom: 10px;}
.filtercolpsmain{margin-bottom: 20px;}
.rehtopcontentmain .rehtopcontentxt h2{font-size: 24px; margin: 0 0 15px; line-height: 1.33; text-align: center;}
.filterVideo{padding-top: 10px;}
.filterVideoHeading{text-align: center;}
#get_price-box .form-heading span{line-height: 1.3;}

.fullWidthImg{
  width:100%
}

}

/* new home page banner*/

.mainVideoBoxOuter .videoTitle{margin: 0 0 20px;}
.mainVideoRow{padding-bottom: 50px;}
.homebarcodebnr{float: left; width: 100%; cursor: pointer;}
.homebarcodebnrmain{position: relative; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; padding: 20px 4.5% 20px 5%; }
.homebarcodebnrmain::before{content: ''; position: absolute; left: 0; top:0; width: calc(100% + 15px); height: 100%; background: linear-gradient(45deg, #A60E7D, #16A7E0, #B8D644); background-size: 1000% 500%; 
animation: gradient 10s ease infinite; z-index: -1;}
.homebarcodebnrmain .homebarcodebnrtext{width: 44.5%;}
.homebarcodebnrtext .bannertitletagtxt{font-size: 24px; font-family:'roboto-light'; color: #fff; line-height: 1.35;}
.homebarcodebnrtext h1{font-size: 42px; font-family: 'roboto-bold'; color: #fff; line-height: 1.1; padding: 0; margin: 0 0 25px;}
.bannericonstxts{display: flex; align-items: center;}
.bannericonstxts img{width: 88px;}
.bannericonstxts p{width: calc(100% - 88px); padding-left: 25px; color: #fff; font-size: 18px;line-height: 1.3; max-width: 300px;  margin: 0;}
.homebarcodebnrmain .homepagebnrimg{width: 55.5%;}
.homebarcodebtn{display: inline-block; font-size: 16px; font-family: 'roboto-bold'; font-weight: normal; color: #fff;  border: 2px solid #fff;  padding: 10px 20px;  margin: 30px 0 0; width: 141px;  text-align: center;}
.homebarcodebtn:hover{text-decoration: none; color: #fff;}



@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@media only screen and (max-width: 991px)
{
  .homebarcodebnrtext h1{font-size: 32px; }
  .homebarcodebnrtext .bannertitletagtxt{font-size: 20px; line-height: 1.35; padding-bottom: 5px;}
  .bannericonstxts img{max-width: 80px;}
  .bannericonstxts p{width: calc(100% - 70px); padding-left: 20px; font-size: 15px;}
  .homebarcodebtn{font-size: 15px; margin: 20px 0 0;}
  .homebarcodebnrmain{padding:25px 4.5% 30px 5%;}
}

@media only screen and (max-width: 767px)
{
  .homebarcodebnrmain .homepagebnrimg{width: 100%; text-align: center; margin-bottom: 30px; order: -1;}
  .homebarcodebnrmain .homebarcodebnrtext{text-align: center; width: 100%;}
  .bannericonstxts{justify-content: center;}
  .homebarcodebnrtext h1{font-size: 30px; margin: 0 0 20px;}
  .homebarcodebnrmain .homepagebnrimg img{display: inline-block; width: 500px; max-width: 95%;}
  .bannericonstxts p{text-align: left;}
  .homebarcodebtn{margin: 15px 0 0;}


  .academyTopBoxMain {padding: 0 15px; grid-template-columns: 1fr; grid-gap: 20px;}
  .academyTopBox {width: 100%;}
  .barcodeacadmctoptxts.topmar{border-top:none; margin-top: 10px;}
  .blue-bg { padding-left: 15px;}
.abt-box.barcode {
  padding-left: 15px;
}
.lCenter {
  padding-right: 15px;
}
.abt-box.barcode .abt-box-content{
  min-height: auto;
  padding: 40px 20px 50px 20px;
}
.blue-bg .tech-box-content{
  min-height: auto;
  padding: 40px 20px 50px 20px;
}
.lCenter .tech-box-content{
  min-height: auto;
  padding: 40px 20px 50px 20px;
}



}
/* new home page banner*/

/* Package Code Management Menu*/
.sn_mainnavbar .dropdown .dropdown-menu ul li .package-code-management-subcat{padding-left: 40px;}
.sn_mainnavbar .dropdown .dropdown-menu ul li .package-code-management-subcat li a span::before{content: '-'; position: absolute;
  left: 0; width: 9px; height: 1px; background: #000000; font-size: 0; top: 20px;}
.sn_mainnavbar .dropdown .dropdown-menu ul li .package-code-management-subcat li {padding-bottom: 5px;}

@media only screen and (max-width:767px)
{
 .sn_mainnavbar .dropdown .dropdown-menu ul li .package-code-management-subcat{list-style-type: none;}
 .sn_mainnavbar .dropdown .dropdown-menu ul li .package-code-management-subcat li{position: relative; padding-bottom: 10px;}
 .sn_mainnavbar .dropdown .dropdown-menu ul li .package-code-management-subcat li a span::before{content: '-'; position: absolute;
  left: -13px;width: 7px;height: 1px; top: 10px;}
  .sn_mainnavbar .dropdown .dropdown-menu ul li .package-code-management-subcat li a {color: #5e5b5b;}
}
@media only screen and (max-width:450px){
  .crossimg {
    float: left;
    min-height: 130px;
  }
}



/*edding inline*/
.techsupportop.my-0{margin-bottom: 0;}
.authorisations{display: flex; justify-content: center;  flex-wrap: wrap; align-items: center;}
.authorisations .questoptionmain{clear: inherit; margin-right: 25px; font-size: 14px; padding-left: 25px; margin-top: 10px; float: none; display: inline-block; margin-bottom: 5px;}
.authorisations .questoptionmain .checkmark{width: 18px; height: 18px;}
.authorisations .questoptionmain input:checked ~ .checkmark::before{width: 8px; height: 8px;}
.authorisations .questoptionmain.checkboxs input:checked ~ .checkmark{background-size: 11px;}
.authorisations .questoptionmain.checkboxs{margin: 0; height: 20px;}
.flexaligncenter{display: flex; align-items: center; flex-wrap: wrap;}
.grey-bg.p-50{padding: 50px;}
.landingpagefrmain .grey-bg.p-50 .getquoteform{padding-top: 0;}
.authorisations .termslinks{display: inline-block; line-height: 20px;}
.authorisations .termslinks a{color: #000;}
.getquoteform.return-request-error.returnauthrisatn .has-error{margin-top: 0; margin-bottom: 5px;}
.star_required{color: red; padding-right: 2px;}
.width-auto {width: auto; float: left; margin-right: 10px; margin-bottom: 5px;}
.barCodeContainer {
  background-image: linear-gradient(to right, #a41e7f, #01a0da 70%);
  min-height: 200px;
  padding: 40px 25px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.barCodeBox {
  width: calc(33.33% - 20px);
  margin: 0 10px 35px;
  position: relative;
}
.barCodeHeading {
  width: 100%;
  font-size: 40px;
  font-family: roboto-bold, sans-serif;
  text-align: center;
  color: #fff;
  margin-bottom: 40px;
}



.listBox {
  margin-top: 15px;
}
.listBox ul{
  margin: 0 0 15px 0;
  padding: 0;
  float: left;
  width: 100%;
  list-style: none;
}
.listBox li {
  color: #fff;
  float: left;
    width: 100%;
    font-size: 14px;
    font-family: roboto-regular, sans-serif;
    background: url(../images/list-img.png) no-repeat left 10px;
    background-size: 6px;
    padding: 2px 0 2px 17px;
}
.listBox ul {
  padding: 0;
  margin: 0;
  margin-bottom: 15px;
}
.innerListBox {
  width: 33.333333%;
  float: left;

}
.barCodeContainer::before {
  content: "";
  position: absolute;
  top: 100%;
  width: 100%;
  top: 0;
  left: 0;
  height: 8px; 
  background: linear-gradient(130deg, #a6cf36, #00a9e2 41.07%, #b71982 76.05%);
}
.container.mob {
  width: 100%;
  padding: 0 21px;
  max-width: 100%;
}
.barcode-timelines{width: 100%;}
.barcode-timelines .barcode-timeline-mob{display: none;}
.barcode-timeline-mob > img{width: 100%;}

/* custom modal start */

.modal-outer {
  width: 100%;
  display: none;
  z-index: 999999;
   background: rgba(0, 0, 0, 0.5); 
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.modal-box {
  width: 610px;
  background: #E7E1E5;
  margin: 0 auto;
  border-radius: 16px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 50%);
}
.modal-heading {
  font-family: 'roboto-bold';
  font-size: 24px;
  text-align: center;
  margin-bottom: 25px;
}
.modal-inner {
  padding: 40px;
  padding-bottom: 45px;
}
.modal-topContent {
  margin-bottom: 25px;
  text-align: center;
  padding-left: 5%;
  padding-right: 5%;
}
.modalInputBox {
  margin-top: 6px;

}
.modalBtnBox {
  text-align: center;
  margin-top: 35px;
}
.modalInputBox .mandatory {
  margin-bottom: 10px;
}
.modal-closeBox {
  padding: 20px;
  padding-bottom: 0px;
  float: right;
}
.openmodal .modal-outer{
  display: block;
}
.modal-closeBox .close {
  opacity: 1;
}
.modalInputBox .form-control {
  min-height: 55px;
}
.homeinkhetbtn.customs {
  font-size: 14px;
  font-family: 'roboto-medium';
  min-width: 150px;
  cursor: pointer;
}
.modalBtnBox .btn-send{
  font-family: 'roboto-regular';
  font-size: 14px;
  letter-spacing: 1px;
}
/* custom modal end */


@media only screen and (max-width: 1199px)
{
  .innerListBox {    width: 50%; }
}
@media only screen and (max-width: 991px)
{
   .flexaligncenter .img-fluid{ width: 100%; margin-top: 20px; }
   .grey-bg.p-50{padding:40px 4.5%;}
   .innerListBox {    width: 100%; }
   .barCodeHeading {    font-size: 30px;}
   .barCodeBox {  width: 47%;}
}
@media only screen and (max-width: 811px)
{
   .barCodeBox {  width: 46.5%;}
}

@media only screen and (max-width: 767px)
{
  .steptablecontent table{min-width: 500px;}
  .width-auto{margin-bottom: 0;}
  .barCodeBox {    width: 100%;}
  .listBox ul {    width: 100%;    float: left;  }
  .listBox ul li {    width: 100%;    float: left; padding-right: 10%;}
  .innerListBox {    width: 33%;    float: left;}
  .barCodeHeading {    font-size: 24px; line-height: 28px;}
  ul.innerList li {    width: 45%;    float: left;    padding-right: 0%;  }
  .barcode-timelines .barcode-timeline-mob{display: block;}
  .barcode-timelines .barcode-timelines-desk{display: none;}
  .barcodeSection{width: 100%;}
  .modal-box {
    width: 450px;
    height: 425px;
}

}
@media only screen and (max-width: 550px)
{
  .innerListBox {    width: 50%;    float: left;}
  ul.innerList li {    width: 42%;   padding-right: 2%;}
  .container.mob {    padding: 0 15px;}

}
@media only screen and (max-width: 515px)
{
  ul.mrb {    margin-bottom: 30px;}
  .listBox ul li {
    padding-right: 5%;
}
.modal-box {
  width: 331px;
  height: 400px;
}
.modal-inner {
  padding: 20px;
}
.modal-heading {
  margin-bottom: 20px;
  margin-top: 7px;
}
.modal-closeBox {
  padding: 15px;
  padding-bottom: 5px;
}
}
/*latest css updated 20-09-2024*/
.herobnrwithlogo.newoptions{padding-top: 35px; margin-bottom: 35px; background: linear-gradient(45deg, #A60E7D, #16A7E0, #B8D644);}
.herobnrlogo.justifyends{text-align: center; padding-right: 0;}
.herobnrlogo.justifyends img{max-width: 350px; display: inline-block;}
.herobnrmain .herobnrtextsleft h1{padding: 0 0 15px;}
.herobnrmain .herobnrtextsleft p{font-size: 16px; color: #fff; line-height: 1.5;}
.newoptions .herobnrmain{grid-template-columns: 60% 38%;}
.pagrowmain._rowmodified{grid-template-columns: 1fr 1fr; align-items: flex-start; grid-column-gap: 30px;}
.pagrowmain._rowmodified .pageboximg{padding: 20px 0 0;}
.homebarcodebnrmain.inkjetbner{padding: 55px 4.5% 55px 5%;}
.homebarcodebnrmain.inkjetbner .homebarcodebnrtext h1{margin: 0 0 5px;}
.homeinkhetbtn{display: inline-block;  font-size: 16px;  font-family: 'roboto-bold';  font-weight: normal;  color: #fff;  border: 2px solid #fff;  padding: 10px 20px;  margin: 30px 0 0;  width: auto; text-align: center;}
.homeinkhetbtn:hover,.homeinkhetbtn:focus{text-decoration: none; color:#fff;}
.homebarcodebnrmain.inkjetbner .homebarcodebnrtext{width: 58%;}
.homebarcodebnrmain.inkjetbner .homepagebnrimg{width: 40%;}
.homebarcodebnrmain.inkjetbner .bannericonstxts p{padding: 0; max-width: initial; margin: 30px 0 0;}
.homebnnrterms{display: inline-block; margin-top: 20px;}
.homebnnrterms a{font-size: 14px; color: #fff; text-decoration: none;}


@media only screen and (max-width:991px)
{
  .newoptions .herobnrmain,.pagrowmain._rowmodified{grid-template-columns:1fr;}
  .herobnrlogo.justifyends{text-align: center;}
  .herobnrwithlogo.newoptions{padding:55px 30px 40px;}
  .pagrowmain._rowmodified{grid-row-gap: 0; margin-bottom: 15px;}
  .herobnrlogo.justifyends img{max-width: 380px; width:90%;}
}
@media only screen and (max-width:767px)
{
  .sm-p-0{padding-left: 0; padding-right: 0;}
  .homebarcodebnrmain.inkjetbner .homebarcodebnrtext h1{line-height: 1.25;}
  .homebarcodebnrmain.inkjetbner .homebarcodebnrtext,.homebarcodebnrmain.inkjetbner .homepagebnrimg{width: 100%;}
  .homebarcodebnrmain.inkjetbner .bannericonstxts p{text-align: center; margin-top: 20px; width: 100%;}
  .homebarcodebnrmain.inkjetbner .homepagebnrimg{order: 1; margin: 25px 0 0;}
}


/* Campaign Artwork cta*/
.homebarcodebnrmain.campaign_artwork{padding: 5px 4.5% 5px 7.5%;}
.homebarcodebnrmain.campaign_artwork .homebarcodebnrtext{width: 52%; aspect-ratio: 7 / 2; cursor: pointer;}
.homebarcodebnrmain.campaign_artwork .homepagebnrimg{width: 48%;}
.homebarcodebnrmain.campaign_artwork .homepagebnrimg img{max-width: 238px; width: 100%; display: block;}
.campaign_artwork .homebarcodebnrtext h1{font-size: 28px; margin: 0 0 8px;}
.campaign_artwork .homebarcodebnrtext .bannertitletagtxt{font-size: 20px; line-height: 26px;}
.campaign_artwork .bannericonstxts p{padding-left: 0; font-size: 16px;}
.campaign_artwork .bannericonstxts{float: left; width: 100%; margin-top: 10px;}
.campaign_artwork .homebnnrterms{margin-top: 45px;     position: relative;   margin-top: -25px;  left: 0;   top: -20px;}
@media only screen and (max-width:991px)
{
  .homebarcodebnrmain.campaign_artwork .homebarcodebnrtext{ width:100%; aspect-ratio:inherit; text-align:center; padding: 30px 0 0; }
  .campaign_artwork .homebarcodebnrtext h1{font-size: 26px; line-height: 34px; margin: 0 0 5px;}
  .campaign_artwork .bannericonstxts{margin-top: 5px;}
  .campaign_artwork .bannericonstxts p{max-width: 100%; text-align: center; width: 100%;}
  .homebarcodebnrmain.campaign_artwork .homepagebnrimg{text-align: center; width: 100%; margin-bottom: 0; order: 0;}
  .homebarcodebnrmain.campaign_artwork .homepagebnrimg img{display: inline-block;}
  .campaign_artwork .homebnnrterms{position: static; text-align: center; width: 100%;  padding: 10px 0 20px; margin-top: 0;}
}

/* .modal-open .modal-backdrop{background: none;} */

/* html {
  scroll-behavior: smooth;
} */
/* End campaign artwork cta*/


/* start 2D-workshops css */

.herobnrwithlogo.twoDworkshops{
  padding: 0;
  background: linear-gradient(45deg, #A60E7D 39%, #16A7E0 55%, #B8D644 75%);
  padding-bottom: 10px;
  margin-bottom: 50px;
}
.twoDworkshops .herobnrtextsleft {
  padding: 60px;
  padding-top: 73px;
  /* background: linear-gradient(-45deg, #0b489b, #16A7E0, #9bc874, #a7cf5f); */
  background: linear-gradient(-45deg, #A60E7D -50%, #16A7E0 30%, #B8D644 85%);
  padding-right: 31%;
}
.twoDworkshops .herobnrmain {
  display: grid;
  grid-template-columns: 61% 39%; 
  align-items: center;
}
.twoDworkshops .herobnrlogo.justifyends {
  height: 100%;
}
.twoDworkshops .herobnrlogo.justifyends img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.twoDworkshops .herobnrmain h1 {
  font-family: 'roboto-bold';
  font-size: 32px;
  line-height: 43px;
}
.twoDworkshops .herobnrmain .herobnrtextsleft p {
  font-family: 'roboto-bold';
  font-size: 24px;
  line-height: 32px;
}
.twoDworkshops  .homeinkhetbtn.customs {
  font-size: 14px;
  font-family: 'roboto-medium';
  min-width: 160px;
  cursor: pointer;
  text-transform: uppercase;
  background: #B72082;
  border: solid 2px #B72082;
}
.twoDworkshops h3 {
  font-family: roboto-bold, sans-serif;
  font-size: 24px;
  padding-top: 2px;
  padding-bottom: 15px;
}
.center-text {
    text-align: center;
    padding: 2% 10%;
}
.pageboxcontnt.twoDworkshops a {
  text-decoration: underline;
}
.pageboximg .center-text a{
  text-decoration: underline;
}
.twoDworkshopsList {
  padding-left: 25px;
}
.subHead{
  position: relative;
  font-family: roboto-bold, sans-serif;
  font-size: 18px;
}
.subHead:before {
  content: "";
  position: absolute;
  left: -24px;
  top: 2px;
  background: url(../images/liListIcon.png) no-repeat left 5px;
  background-size: 15px;
  width: 20px;
  height: 17px;
}
.joinUsOuter {
  background: #E7E1E5;
  padding: 30px 95px;
  width: 100%;
  float: left;
  margin-top: 60px;
}
.joinUsOuter h2 {
  text-align: center;
  font-size: 32px;
  font-family: 'roboto-bold';
  margin-bottom: 50px;
}
.joinUsRow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}
.joinUscol {
  width: 49%;
  text-align: center;
}
.joinUsColHead {
  border-bottom: solid 1px #939393;
  font-size: 24px;
  font-family: 'roboto-bold';
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.joinUscol p {
  font-family: 'roboto-regular';
  font-size: 18px;
}
.joinUscolBtnRow {
  display: flex;
  justify-content: center;
  width: 100%;
  float: left;
  margin-bottom: 50px;
  margin-top: 15px;
}
.joinUscolBtn {
  width: 284px;
  height: 45px;
  background: #B72082;
  display: block;
  text-transform: uppercase;
  line-height: 45px;
  letter-spacing: 1px;
  font-size: 14px;
  font-family: 'roboto-regular';
  color: #fff;
}
.joinUscolBtn:hover,.joinUscolBtn:active,.joinUscolBtn:focus {
  color: #fff;
  text-decoration: none;
}
.imgCaption {
  font-size: 12px;
  font-family: 'roboto-regular';
  text-align: center;
  margin-top: 5px;
  margin-bottom: 20px;
}
.joinUsDirection {
  display: flex;
  justify-content: center;
  width: 100%;
  float: left;
  margin-top: 7px;
}
.joinUsDirection a {
  font-size: 14px;
  font-family: 'roboto-regular';
}
.joinUsDirection a {
  text-decoration: underline;
}
.pagrowmain._rowmodified.twoDworkshops {
  grid-column-gap: 50px;
}
.twoDworkshops .pageboxcontnt {
  margin-top: 23px;
}
.pagrowmain._rowmodified.twoDworkshops p {
  padding-right: 15px;
}
.twoDworkshops .pageboxcontnt a {
  text-decoration: underline;
}
.twoDworkshopsList p {
  margin: 0 0 15px;
}

@media only screen and (max-width:991px){
  .twoDworkshops .herobnrmain {
    grid-template-columns: 100%;
    grid-row-gap: 0px;
}
  .joinUscol {
    width: 100%;
    margin-bottom: 50px;
}
.joinUsOuter {
  background: #E7E1E5;
  padding: 20px 10px;
}
.joinUsOuter h2 {
  font-size: 28px;
}
.joinUsColHead {
  font-size: 20px;
}
.joinUscol p {
  font-size: 16px;
}
.twoDworkshops .herobnrtextsleft {
  padding: 10px 15px;
  padding-top: 25px; 
  width: 100%;
  margin-bottom: 25px;
}
.twoDworkshops .homeinkhetbtn.customs {
  margin-bottom: 30px;
}
.herobnrwithlogo.twoDworkshops {
  padding: 0;
  background: none;
  padding-bottom: 10px;
}
.pagrowmain._rowmodified.twoDworkshops p {
  padding-right: 0px;
}
.herobnrwithlogo.twoDworkshops {
  margin-bottom: 0px;
}
.twoDworkshops .pageboximg img {
  margin: 0 auto;
  max-width: 100%;
  display: inline-block;
  width: 100%;
  padding: 0;
}
.twoDworkshops .herobnrmain h1 {
  font-size: 30px;
  line-height: 1.33;
}
.twoDworkshops .herobnrmain .herobnrtextsleft p {
  font-size: 21px;
  line-height: 29px;
}
}
/* end 2D-workshops css */

/*Landing Page Intelligent Asset Alerts*/
.lnding_top_gradntbx{width: 100%;  position: relative; float: left; background: linear-gradient(45deg, #A60E7D, #16A7E0, #B8D644); padding: 25px 8% 25px; margin: 0 0 20px;}
.lnding_top_grdntbxthead{font-size: 24px; text-align: center; color:#fff;  line-height: 32px; font-family: roboto-bold, sans-serif; font-weight: normal; margin: 0 0 10px; padding: 0;}
.lnding_top_gradntbx > p{font-size: 14px; line-height: 19px; text-align: center; color: #fff;}
.lnding_pgbtngroup{width: 100%; display: flex; justify-content: center; flex-wrap: wrap; grid-gap:15px 20px; margin: 0 0 50px;}
.Lnding_pgbtngroup_btn{font-size: 14px; letter-spacing: 1px;  line-height: 19px; color: #fff; text-transform: uppercase;  appearance: none; border:none; background: #B72082; transition: all 0.3s;
padding: 13px 35px;}
.Lnding_pgbtngroup_btn._rcebtn,.lnding_pgfrm_tradin .btn-send{background:#A6CE39;}
.Lnding_pgbtngroup_btn:hover{background: #A31672;}
.Lnding_pgbtngroup_btn._rcebtn:hover,.lnding_pgfrm_tradin .btn-send:hover{background:#95b935;}
.Lnding_pgbtngroup_btn._racbtn,.lnding_pgfrm_equipmnt .btn-send{background: #24579B;}
.Lnding_pgbtngroup_btn._racbtn:hover,.lnding_pgfrm_equipmnt .btn-send:hover{background: #194988;}
.lnding_pgfrm_tradin{width: 100%; margin: 0 0 45px; float:left; }
.lnding_pgfrm_tradin .grey-bg{padding-top: 35px; padding-bottom: 35px; background-color: #EBEDE5;}
.formgrayheading > h2{line-height: 32px; font-size: 24px; font-family: roboto-bold, sans-serif; font-weight: normal; margin: 0 0 10px; padding: 0; color:#000; }
.lnding_pgfrm_equipmnt{float: left; margin: 0 0 45px; width: 100%;}
.lnding_pgfrm_record{width: 100%; float: left; margin: 0 0 45px;}
.lnding_pgfrm_record .grey-bg{padding-top: 35px; padding-bottom: 35px;}
.lnding_pgfrm_equipmnt .grey-bg{padding-top: 35px; padding-bottom: 35px; background: #E1E8F2;}
.lnding_pgfrm_tradin .btn-send,.lnding_pgfrm_equipmnt .btn-send{width: 166px; height: 45px; line-height: 45px; font-size: 14px; letter-spacing: 1px; font-family: roboto-regular, sans-serif;}
.lnding_pgfrm_equipmnt .btn-send{background-color: #24579B;}
.lnding_pgfrm_equipmnt .btn-send.submit{background: url('../images/submit_progressbtn.gif') no-repeat center;}
.lnding_pgfrm_tradin .input-group{width: 100%; display: block; text-align: center;}
.lnding_pgfrm_tradin #custom-fileupload{display: inline-block;}
.lnding_pgfrm_tradin .sml-txt{clear: both; width: 100%; position: relative; text-align: center;}
.file-upload-filename{font-size: 12px; background-color: #cec8cc; display: inline-block; padding-top: 5px; padding-right: 50px; padding-bottom: 5px; padding-left: 15px; position: relative;
font-family: roboto-regular, sans-serif; line-height: 20px; margin: 10px 0 0;}
.file-upload-cancel{position: absolute; right: 15px; top: 5px;}
.lnding_pgfrm_tradin #errorMessage p{font-size: 13px;}
.formerrors2{color:red; padding: 0 5px;}
.Care_how_wrkbxmn{float: left; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 0 25px;}
.Care_how_wrkbx{width: 100%; max-width: 775px; background: #fff; padding: 30px 30px 20px; border-radius: 10px; position: relative;}
.Care_hw_wrkart{position: absolute; right: 0; top:0; width: 110px; height: 103px;}
.Care_how_wrkhd{display: block; font-size: 18px; line-height: 24px; font-family: roboto-bold; margin: 0 0 15px;}
.Care_how_worktxt{position: relative; padding-left: 20px; margin: 0 0 15px; font-size: 14px; line-height: 19px;}
.Care_how_worktxt > span{position: absolute; left: 0; top:0; }
.Care_how_worktxt strong{font-weight: normal; font-family: roboto-bold;}
.Care_how_worktxt p{margin: 0 0 10px;}
.Lnding_pgfrm_recrd_sbtxt { float: left; width: 100%; text-align: center; margin: 10px 0 15px;}
.formerrors3{color:red; padding: 0 5px;}

@media only screen and (max-width: 991px)
{
  .Care_hw_wrkart{position: absolute; right: 0; top: 0;  width: 75px; height: 80px;}
  .Care_how_wrkhd{padding-right: 60px;}
  .lnding_pgbtngroup{grid-gap: 15px 15px;}
}

@media only screen and (max-width:767px)
{
  .lnding_top_gradntbx{margin: 0 0 15px;}
}

@media only screen and (max-width: 480px)
{
  .Lnding_pgbtngroup_btn{width: 100%;}
}
/*End Landing Page Intelligent Asset Alerts*/


/* landing 2D workshop */
.banner.gradientbg .hmbnnerovlay.remove-animation{animation: none; background-size: 100% 100%;}
.rehtopcontentmain.customgrid_row .rehtopcontentxt{width: 58.33%; float: none;}
.rehtopcontentmain.customgrid_row .rehtopsectlogo{width: 41.65%; margin: 0; padding:0 0 15px 30px; float: right; }
._2d_workshop .grey-bg{background: #E7E1E5; padding: 60px 0 55px;}
.enquireformitems > .placeholderss {position: absolute;left: 0;top: 0;color: red;}
._2d_workshop .enquireformitems{padding-left: 10px;}
._2d_workshop .radiocustombtn input:checked ~ .checkmark{background-color: #B72082; border: none;}
.mainVideoRow._for_2d_workshop{margin-bottom:0; border-bottom:none;}
._2d_workshop .formgrayheading{padding: 0 5px 35px; line-height: 1.15;}
.videobox-placeholder{position: absolute; top: 0;  bottom: 0;  left: 0;  width: 100%;  height: 100%;  border: 0;}
.rehtopcontentmain.customgrid_row .rehtopcontentxt h2{margin: 0 0 20px; line-height: 35px; font-size: 27px;}
.remove-animation  .hmbnnrtxt .hmbnnrleft{padding: 0;}


@media screen and (max-width: 991px)
{
  ._2d_workshop .enquireformitems .radiobuttonfield{width: 100%; margin: 10px 0 0;}
  
}
@media screen and (max-width: 767px)
{
  ._2d_workshop .formgrayheading{padding: 0 5px 25px;}
  ._2d_workshop .grey-bg{padding: 45px 0 45px}
  .rehtopcontentmain.customgrid_row{display: flex; flex-wrap: wrap; margin:0;}
  .rehtopcontentmain.customgrid_row .rehtopsectlogo{width: 100%; order: 1; padding: 0; margin: 20px 0 0;}
  .rehtopcontentmain.customgrid_row .rehtopcontentxt{width: 100%; float: none;}
  .customgrid_row.rehtopcontentmain .rehtopsectlogo img{max-width: 100%; width: 100%;}
}

/*05-June-2025*/
.homebarcodebnrmain.idsnets .homebarcodebnrtext{width: 60%; padding-right: 5%;}
.hmbnrmainimg{width: calc(100% - 104px);}
.homebarcodebnrmain.idsnets .homepagebnrimg{width: 40%; position: relative;}
.homebarcodebnrmain.idsnets{padding:48px 4.5% 50px 5%}
.hmbaner_artimg{ position: absolute;bottom: -15px;  right: 0; width: 31.15%;}
.idsnets .homebarcodebnrtext h1{font-size: 32px; line-height: 43px; margin: 0 0 10px}
.idsnets .homebarcodebnrtext h1 span{display: block;}
.hmbner_sbtxts{font-size: 24px; line-height: 32px; color: #fff; margin: 0 0 28px; display: block; max-width: 550px;}
.hmbner_lnikbnts{font-size: 16px; line-height: 21px; font-family: roboto-bold; color:#fff; border:2px solid #fff; display:inline-flex; width:220px; height: 48px; justify-content: center; 
  align-items: center;}
.hmbner_lnikbnts:hover, .hmbner_lnikbnts:focus{color: #fff; text-decoration: none;} 
@media only screen and (max-width: 1200px)
{
  .hmbnrmainimg {width: calc(100% - 85px);}
  .idsnets .homebarcodebnrtext h1 span{display: initial;}
}

@media only screen and (max-width: 767px)
{
  .homebarcodebnrmain.idsnets .homepagebnrimg{width: 100%;}
  .homebarcodebnrmain .homepagebnrimg .hmbnrmainimg{width: 260px;}
  .homebarcodebnrmain .homepagebnrimg .hmbaner_artimg{bottom: -30px; left: calc(50% + 85px);  width: 110px; right: auto;}
  .homebarcodebnrmain.idsnets .homebarcodebnrtext{width: 100%; padding: 20px 0 0;}  
  .idsnets .homebarcodebnrtext h1{font-size: 24px; line-height: 1.35;}  
  .hmbner_sbtxts{font-size: 20px; line-height: 28px;}
  .idsnets .homebarcodebnrtext h1 span{display: block;}
}
@media only screen and (max-width:480px)
{
  .homebarcodebnrmain .homepagebnrimg .hmbnrmainimg{width: 200px}
  .homebarcodebnrmain .homepagebnrimg .hmbaner_artimg { bottom: -30px;  right: calc(50% - 145px);  width: 80px;     left: auto; }
}

/* end banner*/

.ids_awarad_cta {float: left;width: 100%; margin-bottom: 25px; background:linear-gradient(45deg, #00BCF1 , #00589F 55%); padding: 5px 10%; align-items: center; display: flex;  flex-wrap: wrap; position: relative;}
.ids_cta_txtsubhead{font-size: 32px; line-height: 43px; font-family: roboto-bold; padding: 0 0 10px; color:#fff;} 
._ids_cta_text p{font-size: 20px; line-height: 26px; color: #fff; max-width: 510px;}
.ids_cta_imgbx{width: 245px;}
._ids_cta_text{width: calc(100% - 245px); padding: 30px 0; padding-left: 85px; }
.idsnet_bnnercta{width: 100%; float: left; margin: 20px 0 25px; display: flex;} 
.idsnet_bnnercta.center{justify-content: center;} 
.idsnet_bnnercta > img{width:100%; max-width:675px;}
.idsnet_bnnerctabx{width: 100%; float: left;}
.idsnet_bnnerctabx img{max-width: 675px; width: 100%; display: block;}
.ids_cta_leftimgbx{width: 36%; display: flex; grid-gap: 0 25px; align-items: center;}
.ctaids_leftimg{width: 42.5%; display: flex; align-self: center;}
.ctaids_rightimg{width: 50.5%; display: flex; align-self: center;}
._ids_cta_text.idsexpressctatxt{width: 64%; padding-left: 10%;}
.idsexpress_award_ctamn .ids_awarad_cta{background: linear-gradient(66deg, #1780BE 0%, rgba(37,162,219,1) 53%, rgba(59,204,114,1) 100%); padding-right: 20px;}
._ids_cta_text.idsexpressctatxt p{max-width: 550px;}


@media only screen and (max-width:991px)
{
  ._ids_cta_text{padding-left: 45px;}
  .ids_awarad_cta{padding: 5px 5%;}
  .ids_cta_leftimgbx{width: 45%;}
  ._ids_cta_text.idsexpressctatxt {width: 55%; padding-left: 5%;}
}

@media only screen and (max-width:767px)
{
.ids_awarad_cta{padding:20px 15px 10px;}
.ids_cta_imgbx { width: 128px;}
._ids_cta_text { width: calc(100% - 145px); padding:0 0 0 15px;}
.ids_cta_txtsubhead {  font-size: 24px; line-height: 32px;}
._ids_cta_text p { font-size: 14px; line-height: 21px;}
._ids_cta_text {width: calc(100% - 128px); padding-left: 15px;}
.idsnet_bnnercta{margin: 0px 0 20px;}
.ids_cta_leftimgbx{flex-wrap: wrap; width: 103px;}
.ctaids_leftimg{width: 100%; margin: 0 0 5px; }
.ctaids_rightimg{width: 85px;}
._ids_cta_text.idsexpressctatxt{width: calc(100% - 103px);}

}

.ids_awarad_cta::after{ content: ''; width: 100%; height: 8px; background:linear-gradient(70deg, #a6ce39, #0073d2 55%, #b71f82 89%); position: absolute;
left: 0;  bottom: -7px;
z-index: 10;}

/* Industry piping and tubing*/
.industry_detials{clear: both; float: left; width: 100%; margin-top: -15px;}
.pg_industry_rowmn{clear: both; float: left; width: 100%; margin: 0;}
.pg_industry_row{clear: both; width: 100%; display: flex; flex-wrap: wrap; grid-gap: 0 16px;}
.pg_industry_col6{width: calc(50% - 8px);}
.pg_industry_subhead{font-size: 24px; line-height: 1.33; margin: 0 0 15px; font-family: 'roboto-bold'; font-weight: normal;}
.pg_industry_col6:not(.morder_1){padding-top: 15px;}
.pg_industry_col12{width: 100%; }
.pg_industry_enqbtn{display: inline-flex; position: relative; font-size: 14px; letter-spacing: 1px; line-height: 19px; width: 220px; align-items: center; justify-content: center; 
  background: #B72082; color: #fff; height: 46px; text-transform: uppercase; cursor: pointer;}
.pg_industry_col3 {width: calc(25% - (16px * 3 / 4));}
.pg_industry_col4{width: calc(33.33% - (16px * 2 / 3));}
.applctn_nm{width: 100%; text-align: center; padding: 15px 0 2px; font-size: 18px; line-height: 24px; font-family: 'roboto-bold';}
.pg_industry_col3 span{display: block; text-align: center; font-size: 14px; line-height: 19px;}
.pg_industry_table thead{background: #24579B;}
.pg_industry_table th{padding: 14px 20px; color: #fff; font-size: 18px; line-height: 24px; font-family: 'roboto-bold';}
.pg_industry_table td{font-size: 14px; line-height: 19px; padding: 14px 20px;}
.pg_industry_table tbody tr:nth-child(odd){background: #E7E1E5;}
.pg_industry_table tbody tr td:not(:last-child){border-right: solid 1px #A09CA0;}
.pg_industry_table tbody tr:last-child td{border-bottom: solid 1px #A09CA0;}
.pg_industry_row.gutter_y_16{grid-gap: 16px;}
.pg_industry_table thead th:nth-of-type(2){width: 23%;}
.pg_industry_table thead th:nth-of-type(3){width: 28.5%;}
.pg_industry_table thead th:nth-of-type(4){width: 41%;}
section.contact-form{clear: both;}
.Pg_industry_enquiry{width: 100%; clear: both; padding-top: 40px;}

@media only screen and (max-width: 991px)
{
    
}

@media only screen and (max-width: 767px)
{
  .pg_industry_col6{width: 100%;}
  .pg_industry_col6.morder_1 {order: -1;}
  .pg_industry_col3{width: calc(50% - 8px);}
  .pg_industry_col4 { width: calc(50% - 8px);}
  .pg_industry_table th{font-size: 16px; line-height: 21px; vertical-align: top;}
  .pg_industry_table td{vertical-align: top;}
  .pg_industry_table{min-width: 700px;}
  .pg_industry_col3{margin-bottom: 20px;}
}


.herobnr_termstxt {position: absolute; right: 2%; bottom: 2%; color: #ffffff;  font-size: 11px;  font-weight: 400;}
.herobnrwithlogo.newoptions{position: relative;}

@media only screen and (max-width: 991px)
{
 .herobnr_termstxt{right: 10px; bottom: 8px; min-width: 80%; text-align: right;}
}

/*Label applicator carousel*/
.applicator_carousemn{position: relative; width: 100%; padding: 0 65px;}
.applicator_carousemn .owl-prev{width: 43px; height: 43px; left: 0; background: none; display: flex; justify-content: center; align-items: center; border: solid 1px #000;
fill: #000;}
.applicator_carousemn .owl-next{width: 43px; height: 43px; right: 0; background: none; display: flex; justify-content: center; align-items: center; border: solid 1px #000;
fill: #000;}
.lblprnt_lftnv,.lblprnt_rghtnv{width: 9px; height: 17px; transition: 0.35s;}
.lblprnt_rghtnv{transform: rotate(180deg);}
.label_applicator_list.owl-carousel .owl-stage{padding-left: 0 !important;}
.label_applicator_list.owl-carousel .owl-item:not(.active){opacity: 0.35;}
.lblapplctr_thumb{width: 100%; display: block; margin-bottom: 24px; cursor: pointer;}
.lblapplctr_thumb img{border: solid 1px #E7E1E5;}
.label_applicator_list .title{font-size: 16px; font-weight: 600; margin:0 0 10px; text-align: center; padding: 0 30px;}
.label_applicator_list .title a{color: #000; text-decoration: none;}
.label_applicator_list .title a:hover{text-decoration: none; color: #000; cursor: pointer;}
.label_applicator_list .items p{font-size: 14px; line-height: 19px; font-weight: 400; text-align: center;}
.applicator_carousemn .owl-nav{top:25%; position: absolute; left: 0; width: 100%;}

@media only screen and (min-width: 992px)
{
  .applicator_carousemn .owl-prev:hover,.applicator_carousemn .owl-next:hover{border-color: #B71F82;}
  .applicator_carousemn .owl-prev:hover .lblprnt_lftnv,.applicator_carousemn .owl-next:hover .lblprnt_rghtnv{fill: #B71F82;}
}

@media only screen and (max-width: 767px)
{
  .applicator_carousemn{padding: 0 45px; }
  .applicator_carousemn .owl-prev,.applicator_carousemn .owl-next{width: 35px; height: 35px;}
}


.whyMattOuter {
    margin-top: 20px;
    margin-bottom: -20px;
}
.whyMattBg {
    background: #494545;
    padding: 30px 7%;
}

.whyMattBox {
    text-align: center;
    color: #fff;
    padding: 4px;
    max-width: 240px;
    margin-top: 35px;
}

.whyMattIcon {
    margin-bottom: 18px;
    min-height: 85px;
    display: flex;
    justify-content: center;
    align-items: end;
}
/* .whyMattBg h4 {
    color: #fff;
    text-align: center;
    font-family: 'roboto-bold';
    font-size: 27px;
    margin-top: 0;
    padding-top: 0;    
} */

.whyMattBg h4 {
    padding-top: 0;
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin: 0 0 15px;
}

.whyMattRow {
    display: flex;

    flex-wrap: wrap;
    justify-content: center;
}
/* .whyMattText {
    font-size: 14px;
    font-family: 'roboto-regular';
    color: #CEC8CC;
    line-height: 19px;
} */

.whyMattText {
    color: #fff;
    font-size: 16px;
    font-family: roboto-regular, sans-serif;
    line-height: 26px;
    text-align: center;
}

.mylist.mr-top {
    margin-top: 25px;
}
.col-sm-12.mar-t {
    margin-top: -40px;
}
.semidead {
    font-size: 20px;
    font-family: 'roboto-bold';
    margin-top: 20px;
    margin-bottom: 15px;
}
.proSec {
    margin-top: 10px;
}

.col-lg-5.col-md-5.col-sm-6.col-xs-12.prod-img {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: -25px;
}

/* faq section */
.faq-wrapper { max-width: 100%; margin: 20px auto; } .faq-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; } .faq-actions a { color: #000; font-size: 14px; text-decoration: underline; cursor: pointer; } .faq-item { background: #efebec; margin-bottom: 15px; border-radius: 4px; box-shadow: 0 2px 6px #ccc;} .faq-question { padding: 15px; padding-right: 45px;  cursor: pointer; display: flex; justify-content: space-between; align-items: center; color: #24579B;  position: relative; font-family: 'roboto-bold'; font-size: 16px; } .faq-answer { display: none; padding: 0 35px 15px 15px; color: #000; line-height: 1.5; font-family: 'roboto-regular'; font-size: 14px; }   .arrow { transition: transform 0.3s ease; }

 .faq-question .arrow {
    position: absolute;
    right:15px;
    z-index: 99;
    background: url(../images/next-assets-hover.png) no-repeat right 8px;
    background-size: 18px;
    width: 25px;
    height: 25px;
    transform: rotate(180deg);
}

.active .faq-question .arrow {
    position: absolute;
    right: 15px;
    z-index: 99;
    background: url(../images/next-assets.png) no-repeat right 8px;
    background-size: 18px;
    width: 25px;
    height: 25px;
}
.faq-header h4 {
    font-size: 20px;
}

/* .page-title h1 {
    margin-bottom: 30px;
} */
.col-lg-10.col-md-12.center-block {
    margin-bottom: 15px;
}
.faqRow .faq-header {
    margin-bottom: -5px;
}

.page-title.supplies-mn {
    margin-bottom: -50px;
}

.mob-padd .mylist li {
    margin-bottom: 8px;
}

@media only screen and (max-width: 991px){
.faq-header {
    flex-wrap: wrap;
}
.faq-actions {
    width: 100%;
    float: left;
    text-align: right;
}
.faqRow .faq-header {
    margin-bottom: 15px;
}

}

@media only screen and (max-width: 767px){
.col-sm-12.mob-padd {
    padding-left: 0;
    padding-right: 0;
}
.col-lg-5.col-md-5.col-sm-6.col-xs-12.prod-img {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0px;
}
.col-sm-12.mobGap {
    padding-left: 0;
    padding-right: 0;
}
.mobGap .mylist.customize{
  margin-top: -25px;
}
.row.mob {
  margin-right: 0;
  margin-left: 0;
}
.row.faqRow {
  margin-right: 0;
  margin-left: 0;
}

}


   .chicken-poultry .mylist {
			padding-left: 2px;
		}
		 .chicken-poultry .pg_industry_subhead{
			font-size: 18px;
		 }
		 .secHead{font-size: 27px; }
		 
		 .divider{ border-bottom: 1px solid #CEC8CC; width: 100%; margin: 10px 0; float: left; height: 1px;}
		
       .row2 {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 20px;
            gap: 15px;
        }
        .column {
            width: calc(33.33% - 15px);
            margin-bottom: 20px;
        }
        .column2 {
            width: calc(50% - 15px);
            margin-bottom: 20px;
        }
        .column img {
            width: 100%;
            height: auto;
            margin-bottom: 10px;
        }

	.divider {
		border-bottom: 1px solid #CEC8CC;
		width: 100%;
		float: left;
		height: 1px;
		margin: 0px 0 45px 0;
	}
	.divider2 {
		border-bottom: 1px solid #CEC8CC;
		width: 100%;
		float: left;
		height: 1px;
		margin: 45px 0 45px 0;
	}
	.whybxmain.chicken-poultry {
		width: 100%;
		float: left;
		background: #494545;
		padding: 35px 5%;
	}

	.whybxmain.chicken-poultry .whybx-head {
    color: #fff;
    font-size: 27px;
    text-align: center;
    margin: 0 0 45px;
}
	.whybxmain.chicken-poultry .txtcntnt h3 {
		font-size: 14px;
		margin: 20px 0 15px;
		color: #CEC8CC;
		min-height: 30px;
		padding: 0;
	}
	.whybxmain.chicken-poultry .txtcntnt p {
		color: #CEC8CC;
		font-size: 14px;
		font-family: roboto-regular, sans-serif;
		line-height: 19px;
		text-align: center;
	}
	.whybxmain.chicken-poultry .mediacnt .circlebx {
		display: flex;
		width: 85px;
		height: 85px;
		border: 0px solid #fff;
		border-radius: 50%;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
  .whybxmain.chicken-poultry .fitoutsfaqbox {
    margin-left: -9px;
    margin-right: -9px;
}
.fitoutsfaqbox.chicken-poultry {
    margin-left: -9px;
    margin-right: -9px;
}

.chicken-poultry .pg_industry_col6:not(.morder_1) {
    padding-top: 0px;
}
.chicken-poultry .page-faq {
    margin-bottom: 0;
}
	.awsRow {
		width: 100%;
		float: left;
		margin: 25px 0 35px;
	}
  .dvdOuter {
    margin-left: -15px;
    margin-right: -15px;
}

.handheld-main .mylist {
    padding-left: 0;
}
.container.handheld-main {
    margin-top: -40px;
}
.handheld-main .mylist li {   
    padding-bottom: 9px;
}
.handheld-main .bullet-list li {   
    padding-bottom: 9px;
}


.centerText {
    text-align: center;
    padding: 0 7%;
    margin-bottom: 40px;
}
.handheld-main .pg_industry_col6:not(.morder_1) {
    padding-top: 0;
    margin-bottom: 20px;
}
.row.gap1 {
    margin-bottom: 30px;
}
.gap1  .pg_industry_rowmn {
    margin-top: -10px;
}
.row.gap2 {
    margin-bottom: 15px;
}
.row.gap3 {
    margin-top: 15px;
}
.container.handheld-main h4 {
    font-size: 16px;
    margin-bottom: 15px;
}
   @media (max-width: 768px) {
		.column {
			width: 100%;		
			
		 }
		.column2 {
			width: 100%;		
			
		 }
     .fitoutsfaqbox.chicken-poultry {
      margin-left: 0;
      margin-right: 0;
  }
  .dvdOuter {
    margin-left: 0px;
    margin-right: 0px;
}
.column2.mobSpace {
    margin-top: -45px;
}
.pg_industry_rowmn.mobgap {
    margin-top: -25px;
}

.container.handheld-main {
    padding: 0 30px;
}
.centerText { 
    padding: 0 0%;    
}
.row.mobGap {
    margin-left: -30px;
    margin-right: -30px;
}
}

.page-title2 h2.custom_smheader_level2{font-size: 17px;line-height: 21px;font-family: roboto-regular, sans-serif;padding: 0; margin: 0 0 10px;}

/*29-April-2026*/

/* footer modal*/
.bannermodal {position:fixed; z-index:-9; transform:translateX(-50%); bottom:-80px; right:inherit; width:850px; max-width:85%; opacity:0; pointer-events:none; left:50%; transition:all 0.35s;}
.modalbackdrop {position:fixed; left:0; top:0; height:100%; width:100%; background:rgba(0,0,0,0.6); z-index:999999990; display:none;}
.bannermodal .modalcontent .hideindesktop {display:none;}
.bannermodal .closedmodal {position:absolute; width:16px; height:16px; top:10px; right:15px; cursor:pointer;}
.closedmodal .bars1 {width:16px; height:1px; display:block; background:#000; position:relative; transform:rotate(45deg); top:7px;}
.closedmodal .bars2 {width:16px; height:1px; display:block; background:#000; position:relative; transform:rotate(-45deg); top:6px;}
body.openmodal .bannermodal {pointer-events:all; opacity:1; z-index:9999999; bottom:15px;}
.bannermain .showinmobile {display:none;}
.modalcontent a > img {border-radius:10px; width:100%; box-shadow:0px 3px 12px rgba(0,0,0,0.25);}


@media only screen and (max-width:991px) {
.bannermodal {bottom:-50px; width:350px; max-width:85%; transform:translateX(-50%);}
body.openmodal .bannermodal {bottom: 115px; transform: translateX(0); left: auto; right: 10px;}
.bannermodal .modalcontent img.hideindesktop {display:block;}
.bannermodal .modalcontent img:not(.hideindesktop) {display:none;}
}

.hm_finance_bnrmn {float:left; width:100%; position:relative; margin:0; padding:0; overflow:hidden;}
.hm_finance_bnr_art {position:relative; width:100%; height:100%; background:linear-gradient( 90deg, #B0D04C 0%, #00BDF2 50%, #24579B 100% ); background-size:200% 200%; animation:gradientMove 6s ease infinite;}
.hm_finance_bnrtxt {position:absolute; left:0; max-width:48%; top:0; height:100%; width:100%; display:flex; flex-direction:column; justify-content:center; padding-left:50px;}
.hm_fnncetxt_title {font-size:42px; font-family:'roboto-bold'; line-height:1.2; color:#fff; margin:0 0 6px;}
.hm_fnncnetxt_subtitle {font-size:24px; line-height:35px; font-family:'roboto-bold'; color:#fff; margin:20px 0 10px;}
.hm_fnncetext_regtxt {font-size:18px; font-family:'roboto-bold'; max-width:500px; line-height:24px; color: #fff;}
.hm_fnnceicn_grid {float:left; padding:35px 0 0; display:grid; grid-template-columns:repeat(3,1fr); max-width:680px; grid-gap:0 30px;}
.hm_fnnceicn_griditmbx {display:flex; grid-gap:15px; align-items:flex-start;}
.hm_fnnceicn_griditmbx:not(:last-child) {border-right:solid 1px #fff;}
.hm_fnnceicn_gridtitle {display:block; font-size:16px; font-family:'roboto-bold'; color:#fff; line-height:21px; padding:0 0 5px;}
.hm_fnnceicn_gridtexts {font-size:14px; color:#fff; line-height:19px;}
.hm_fnnceicn_icnimg img {padding-top:5px;}
.hm_fnnceicn_button {padding-top:40px; display:flex; flex-wrap:wrap;}
.hm_fnnceicn_buttnlnk {display:inline-flex; align-items:center; justify-content:center; width:152px; height:41px; font-size:12px; line-height:21px; font-family:'roboto-medium'; color:#000; text-decoration:none; background:#fff; text-transform:uppercase; letter-spacing:1px;}
.hm_fnnceicn_buttnlnk:hover,.hm_fnnceicn_buttnlnk:focus{text-decoration:none; color:#000;}

@keyframes gradientMove {
0% {background-position:0% 50%;}
50% {background-position:100% 50%;}
100% {background-position:0% 50%;}
}

@media only screen and (min-width: 992px) and (max-width: 1200px)
{
  .hm_fnncetxt_title{font-size: 32px; line-height: 45px;}
  .hm_fnncnetxt_subtitle{font-size: 20px; line-height: 24px;}
  .hm_fnncetext_regtxt{font-size: 16px; line-height: 22px;}
  .hm_fnnceicn_grid{padding: 25px 0 0;}
  .hm_fnnceicn_button{padding-top: 25px;}

}

@media only screen and (max-width:991px) {
.hm_fnncetxt_title {font-size:30px; line-height:38px;}
.hm_fnncnetxt_subtitle {font-size:20px; line-height:28px;}
.hm_fnncetext_regtxt {font-size:16px; line-height:22px;}
.hm_fnnceicn_grid {padding:20px 0 0;}
.hm_finance_bnr_art .img-fluid {min-height:325px; object-fit:cover; object-position:right;}
.hm_fnnceicn_button {padding-top:20px;}
}

@media only screen and (max-width:767px) {
.hm_finance_bnr_art {background:none; animation:none;}
.hm_finance_bnrtxt {position:static; top:0; left:0; padding:25px 30px 30px; max-width:100%;}
.hm_finance_bnrtxt {background: linear-gradient(-90deg, #A62F7F 0%, #2D5497 63%, #479ED5 100%); background-size:110%;}
.hm_fnncetxt_title {font-size:18px; line-height:25px; padding:0 0 7px;}
.hm_fnncnetxt_subtitle {font-size:16px; line-height:21px;}
.hm_fnncetext_regtxt {font-size:16px; line-height:21px; font-family:'roboto-regular';}
.hm_fnnceicn_grid {display:flex; flex-wrap:wrap; justify-content:center; flex-direction:column; align-items:center; grid-gap:25px 0;}
.hm_fnnceicn_griditmbx:not(:last-child) {border:none;}
.hm_fnnceicn_griditmbx {min-width:209px;}
.hm_fnnceicn_button {justify-content:center; padding-top:25px;}
.hm_fnnceicn_buttnlnk {width:100%; max-width: 285px; border-radius: 7px;}
.hm_fnnceicn_grid {padding-top:25px;}
.hm_finance_bnr_art .img-fluid {min-height:200px; object-fit:cover; object-position:center;}
}

.fnanc_cta_wr {float:left; width:100%; display:flex; justify-content:center; margin:0 0 40px;}
.fnance_cta_main {background:#24579B; padding:20px 30px; border-radius:26px; text-align:center; max-width:70%;}
.fnance_cta_title {color:#fff; font-family:'roboto-bold'; margin:0 0 5px; line-height:59px; font-size:45px;}
.fnance_cta_main p {font-size:18px; font-family:'roboto-bold'; color:#fff; line-height:24px;}
.fnance_icongrid_mn {width:100%; float:left; clear:both; display:flex; flex-wrap:wrap; justify-content:center; grid-gap:0 30px; margin:0 0 40px;}
.fnance_icongrid_itm {display:flex; position:relative; grid-gap:0 15px; align-items:flex-start;}
.fnance_icongrid_txtbx {display:block; position:relative;}
.fnance_icongrid_title {font-size:16px; line-height:21px; font-family:'roboto-bold'; margin:0 0 5px;}
.fnance_icongrid_texts {font-size:14px; line-height:19px;}
.fnance_icongrid_img {padding-top:4px;}
.hm_finance_bnr_art.finance_page_bnr {animation:none; background:linear-gradient(-90deg, #B0D04C 0%, #00BDF2 50%, #24579B 100%); background-size:100% 100%;}
.finance_herotxt {position:absolute; right:0; top:0; width:52%; height:100%; display:flex; align-items:center; padding:25px 35px;}
.finance_herotitle {font-size:38px; font-family:'roboto-bold'; line-height:42px; max-width:300px; color:#fff; margin:0 0 12px;}
.finance_herosbtitle {font-size:18px; line-height:24px; font-family:'roboto-bold'; margin:0 0 12px;}
.finance_testimoni {color:#fff; padding:0 0 10px 20px; border-left:solid 2px #B0D04C; font-size:16px; line-height:21px; font-family:'roboto-light';}
.finance_testimoni_icns {clear:left; width:100%; padding:10px 0 25px;}
.finance_testimoni_icns img {width:56px;}
.finance_testimoni_icns span {display:block; font-size:14px; line-height:19px; color:#fff; padding:7px 0 0 15px;}
.finance_hero_impmn {display:flex; grid-gap:0 10px; align-items:flex-start;}
.finance_hero_impmn img {max-width:15px; flex-shrink:0; margin-top:4px;}
.finance_hero_impmn span {font-size:12px; line-height:18px;}
.finance_hero_button {width:100%; display:flex; justify-content:center; padding:35px 0 0;}
.finance_hero_linkbtn {display:inline-flex; align-items:center; background:#B0D04C; justify-content:center; width:272px; height:41px; font-size:12px; line-height:16px; font-family:'roboto-medium'; color:#fff; text-decoration:none; text-transform:uppercase;}
.finance_hero_linkbtn:hover,.finance_hero_linkbtn:focus{color:#fff; text-decoration:none;}
.invest_grid_mn {float:left; width:100%; display:grid; grid-template-columns:repeat(2,1fr); align-items:center; padding:35px 0 40px;}
h3.invest_grid_h3 {font-size:27px; line-height:35px; margin:0 0 15px; padding:0;}
.invest_grid_p {font-size:14px; line-height:18px; margin:0 0 20px;}
.invest_grid_lftbx .mylist li {margin-bottom:7px;}
.hidde_cost_mn {float:left; width:100%; background:#494545; padding:40px 5% 60px 30px;}
.hidden_cost_top {width:100%; clear:both; padding:0 0 20px;}
.hidden_cost_title {font-size:27px; line-height:35px; margin:0 0 15px; font-family:'roboto-bold'; color:#fff;}
.hidden_cost_top p {color:#fff; font-size:14px; line-height:19px;}
.hidden_cost_gridmn {width:100%; display:grid; grid-template-columns:60% 40%;}
.hidden_cost_leftbx {width:100%; display:block;}
.hidden_cost_lefthd {display:block; width:100%; font-size:20px; color:#fff; padding:5px 0 25px; font-family:'roboto-bold';}
.hidden_cost_icngrid {width:100%; display:grid; grid-template-columns:repeat(4,1fr); padding:40px 0 0; grid-gap:0 30px; align-items:flex-start;}
.hidden_cost_griditmbx {display:flex; flex-wrap:wrap; justify-content:center;}
.hidden_cost_gridimg {width:100%; height:40px; display:flex; justify-content:center; align-items:flex-end;}
.hidden_cost_gridimg img {max-height:45px; height:auto; width:auto; max-width:45px;}
.hidden_cost_gridtitext {padding:10px 0 0; text-align:center; color:#fff;}
.hidde_cost_mn {float:left; width:100%; background:#494545; padding:40px 5% 40px 30px;}
.hidden_cost_top {width:100%; clear:both; padding:0 0 20px;}
.hidden_cost_title {font-size:27px; line-height:35px; margin:0 0 15px; font-family:'roboto-bold'; color:#fff;}
.hidden_cost_top p {color:#fff; font-size:14px; line-height:19px;}
.hidden_cost_gridmn {width:100%; display:grid; grid-template-columns:60% 40%;}
.hidden_cost_leftbx {width:100%; display:block;}
.hidden_cost_lefthd {display:block; width:100%; font-size:20px; color:#fff; padding:5px 0 25px; font-family:'roboto-bold';}
.hidden_cost_icngrid {width:100%; display:grid; grid-template-columns:repeat(4,1fr); padding:40px 0 0; grid-gap:0 30px; align-items:flex-start;}
.hidden_cost_griditmbx {display:flex; flex-wrap:wrap; justify-content:center;}
.hidden_cost_gridimg {width:100%; height:40px; display:flex; justify-content:center; align-items:flex-end;}
.hidden_cost_gridimg img {max-height:45px; height:auto; width:auto; max-width:45px;}
.hidden_cost_gridtitext {padding:10px 0 0; text-align:center; color:#fff;}
.hidden_cost_rightbx {width:100%; padding:0 15px 0 45px;}
.hidden_costright_textbx {width:100%; float:left; margin:0;}
.hidden_cost_textbxhd {font-size:20px; color:#fff; font-family:'roboto-bold'; line-height:26px; margin:0 0 15px;}
.hidden_cost_textcntnt {float:left; width:100%; padding:0 0 10px 20px; border-left:solid 2px #B0D04C; margin:0 0 15px; color:#fff; font-size:16px; line-height:21px; font-family:'roboto-light';}
.hidden_costright_textbx + .hidden_costright_textbx {margin-top:25px;}
.hidden_cost_btmtxtuserdtl {clear:both; font-size:14px; color:#fff; padding-left:20px;}
.hidden_cost_textcntnt span {color:#B0D04C;}
.pg_finance_section {padding:55px 0; float:left; width:100%;}
.pg_finance_container {text-align:center;}
.pg_finance_title {font-size:27px; line-height:35px; font-family:"roboto-bold"; margin-bottom:10px; margin-top: 0;}
.pg_finance_subtitle {color:#000; max-width:800px; margin:0 auto 10px; font-size:14px; line-height:19px;}
.pg_finance_cards {display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}
.pg_finance_card {background:#fff; padding:25px 30px; border-radius:16px; position:relative; text-align:left; transition:transform 0.3s ease; display:flex; flex-wrap:wrap; background-size:100% 100% !important;}
.pg_finance_green {background:url('../images/why-bg-1.png'); background-repeat:no-repeat; background-size:100%;}
.pg_finance_blue {background:url('../images/why-bg-2.png'); background-repeat:no-repeat; background-size:100%;}
.pg_finance_pink {background:url('../images/why-bg-3.png'); background-repeat:no-repeat; background-size:100%;}
.pg_finance_cyan {background:url('../images/why-bg-4.png'); background-repeat:no-repeat; background-size:100%;}
.pg_finance_trusted {margin-top:60px; padding:40px; border:2px solid #3f6ed6; border-radius:6px;}
.pg_finance_trusted h2 {margin-bottom:30px;}
.pg_finance_logos {display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px;}
.pg_finance_logos div {flex:1; min-width:120px; text-align:center; font-weight:bold; color:#333;}
.pg_finance_icon {width:100%; height:64px; margin-bottom:15px; opacity:1; display:flex; align-items:flex-end;}
.pg_finance_icon img {width:auto; max-width:105px; max-height:64px; width:auto; height:auto;}
.pg_finance_cards {display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; clear:both; float:left; margin:35px 0 0;}
.pg_finance_card h3 {font-size:20px; line-height:26px; margin:0 0 15px; padding:0; flex:1 0 0;}
.financ_brands_wr {float:left; width:100%; padding:55px 30px; background:#F3F0F2;}
.finance_brand_title {text-align:center; font-size:24px; font-family:'roboto-bold'; line-height:30px; margin:0 0 40px;}
.finance_brand_title p {text-align:center; font-size:14px;}
.finance_brand_grid {width:100%; display:grid; grid-template-columns:repeat(6, 1fr); grid-gap:20px;}
.finance_pg_form .btn-send {
    width: 100%;
    padding: 0 20px;
    max-width: 320px;
    height: 45px;
    letter-spacing: 1px;
    font-size: 14px;
}
.frmsbmission_infotxt p{text-align: center; padding-bottom: 40px; padding-top: 15px;}
.greybx_disclaimer {
    width: 100%;
    clear: both;
    padding: 30px 0;
}
.finance_pg_form .grey-bg{padding: 45px 0 0;}
.finance_pg_form .formgrayheading{padding: 0px 5px 25px; line-height:1; }
.finance_pg_form .formgrayheading p{text-align: center; padding: 15px 0 0; margin: 0; line-height: 1.24;}
.ps-wrapper {display:flex; justify-content:center;padding: 40px 30px 52px; background: #F3F0F2;  float: left; width: 100%; margin: 35px 0 0;}
.ps-card {max-width:990px; width:100%;}
.ps-title {font-family:"roboto-bold"; font-size:27px; text-align:center; margin:0 0 12px; line-height:1.2;}
.ps-subtitle {font-size:14px; text-align:center; margin:0 0 35px; line-height:19px;}
.ps-section {margin-bottom:36px;}
.ps-section-heading {font-family:"roboto-bold"; font-size:18px; color:#A72F80; margin:0 0 10px; line-height: 24px;}
.ps-section-body {font-size:14px; line-height:19px; margin:0;}
.ps-cta-wrapper {text-align:center; margin-top:35px;}
.ps-cta-btn {display:inline-block; background:#B71E82; color:#ffffff; font-family:"roboto-medium"; font-size:14px; letter-spacing:1px; text-transform:uppercase; padding:12px 44px; 
 text-decoration: none; border:none; cursor:pointer; text-decoration:none; transition:background 0.2s ease, transform 0.15s ease;}
.ps-cta-btn:hover,.ps-cta-btn:focus{background:#B71E82; text-decoration: none; color: #ffffff;}
.ps-cta-btn:active {transform:translateY(0);}
.ps-section .mylist{margin:10px 0 0;}
.ps-section .mylist li{margin-bottom: 7px;}


@media (max-width: 992px) {
.pg_finance_cards {grid-template-columns:repeat(2, 1fr);}
}

@media (max-width: 600px) {
.pg_finance_cards {grid-template-columns:1fr;}
}

@media only screen and (max-width:1200px) {
.finance_herotxt {width:60%;}
.finance_herotitle {font-size:30px; line-height:38px;}
.finance_herosbtitle {font-size:16px; line-height:22px;}
.finance_testimoni {font-size:14px;}
.finance_testimoni_icns {padding:10px 0 15px;}
.finance_page_bnr > img {min-height:470px; object-fit:cover; object-position:left;}
}

@media only screen and (max-width:991px) {
.fnance_cta_main {max-width:90%;}
.fnance_cta_title {font-size:24px; line-height:32px;  margin: 10px 0 15px;    max-width: 210px;     display: inline-flex;}
.fnance_cta_main p {font-size:16px; line-height:21px;}
.finance_herotxt {position:static; background:linear-gradient(135deg, #2f5d99 0%, #2a7bb0 20%, #1fa4c6 40%, #34b3b0 60%, #6cc07a 80%, #9acd32 100%); width:100%; padding:25px 30px 30px;}
.finance_herotitle {font-size:24px; line-height:30px; max-width:100%;}
.finance_testimoni {font-size:16px;}
.finance_herosbtitle {font-size:16px; line-height:21px; margin:0 0 25px;}
.finance_testimoni_icns img {width:60px; margin:10px 0 7px 15px;}
.invest_grid_mn {grid-template-columns:1fr; grid-gap:15px 0; padding:40px 0;}
.hidden_cost_title {font-size:24px; line-height:32px; margin:0 0 12px;}
.hidden_cost_gridmn {grid-template-columns:1fr;}
.hidden_cost_lefthd {display:none;}
.hidden_cost_icngrid {padding:45px 0 45px; grid-template-columns:1fr 1fr; grid-gap:35px 20px;}
.hidden_cost_rightbx {width:100%; padding:0 5px;}
.hidden_cost_textbxhd {font-size:16px; line-height:21px; margin:0 0 10px;}
.hidden_cost_textcntnt {font-size:14px; line-height:19px;}
.hidden_costright_textbx + .hidden_costright_textbx {margin-top:20px;}
.pg_finance_title {font-size:24px; line-height:32px; margin:0 0 12px;}
.pg_finance_card {min-height:280px; display:block;}
.finance_brand_title {margin:0 0 25px; font-size:20px; line-height:24px;}
.finance_brand_grid {grid-template-columns:repeat(6, 1fr);}
h3.invest_grid_h3,.ps-title{font-size: 24px; line-height: 32px;}
.ps-section-heading{font-size: 16px; line-height: 21px;}
}

@media only screen and (max-width: 767px) {
.finance_brand_grid {grid-template-columns:repeat(3, 1fr);}
.fnance_icongrid_mn {flex-direction:column; grid-gap:25px 0; align-items:center;}
.fnance_icongrid_itm {min-width:210px;}
.pg_finance_section{padding:55px 5%;}
.greybx_disclaimer{padding: 30px 15px;}
}

@media only screen and (max-width: 480px) 
{
.finance_brand_grid {grid-template-columns:repeat(2, 1fr);}
}


@media only screen and (min-width: 992px) and (max-width: 1650px)
{
  .bannermodal { transform:translateX(calc(-50% - 160px));  max-width: calc(85% - 300px); }
}




/* Container Grid */
.features-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    max-width: 1200px;
    width: 100%;
    background-color: #484545; 
    padding: 50px;
}

/* Individual Feature Cards */
.feature-card {
    flex: 1 1 220px; /* Allows cards to shrink and grow fluidly */
    max-width: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon-circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    transition: transform 0.3s ease;
}

.icon-circle:hover {
    transform: scale(1.05);
}

/* Descriptions */
.feature-desc {
    color: #fff;
    font-size: 14px;
    line-height: 19px;
    font-family: 'roboto-regular';
    max-width: 211px;
}

/* Responsive Breakpoint for Mobile Devices */
@media (max-width: 767px) {
    .features-container {
        gap: 50px;
    }
    .feature-card {
        max-width: 100%;
    }
}




/* Master Container */
.promo-container {
    display: flex;
    flex-direction: row;
    max-width: 1200px;
    width: 100%;
    gap: 50px;
    align-items: center;
}

/* Content Side Styling */
.content-side {
    flex: 1.2;
}



.reasons-list {
    list-style: none;
    padding-left: 0;
}

.reason-item {
    margin-bottom: 24px;
}

.reason-item:last-child {
    margin-bottom: 0;
}

.reason-title {
    font-size: 18px;
    font-family: 'roboto-bold';
    color: #B71F82;
    margin-bottom: 6px;
    line-height: 1.3;
}

.reason-text {
    font-size: 14px;
}

/* Graphic Side Styling */
.graphic-side {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-wrapper {
    width: 100%;
    max-width: 500px;
}

.hero-image {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* --- Responsive Media Queries --- */



/* Tablets & Mobile Screens */
@media (max-width: 767px) {
 

    .promo-container {
        flex-direction: column-reverse; /* Places graphic at the top on small screens */
        gap: 0px;
    }

    .content-side {
        width: 100%;
    }

    .graphic-side {
        width: 100%;
    }

    .image-wrapper {
        max-width: 400px; /* Scaling optimization for smaller devices */
    }

    .main-title {
        text-align: center;
        font-size: 1.6rem;
        margin-top: 10px;
    }
}





.values-section {
    width: 100%;
    float: left;
}

/* Header Text Styles */
.values-header {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 10px;
}

.main-title {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #000000;
}

.intro-text {
    font-size: 14px;
}

/* Continuous Color Gradient Across Columns */
.values-banner {
    display: flex;
    flex-direction: row;
    width: 100%;  
    
    /* Exact color blend sequence matching your design image */
    background: linear-gradient(to right, 
        #9bcc3b 0%, 
        #2faee5 18%, 
        #2a519a 40%, 
        #5b368c 65%, 
        #a61b69 88%, 
        #b01c3e 100%
    );
    
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}

/* Individual Block Columns */
.value-column {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 60px 20px 40px 20px;
    color: #ffffff;
    transition: transform 0.25s ease;
}

.value-column:hover {
    background-color: rgba(255, 255, 255, 0.06);
    transform: translateY(-2px);
}

/* Icon Graphics Styling */
.icon-wrapper {
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.95;
}

.icon-wrapper svg {
    width: 100%;
    height: 100%;
    stroke: #ffffff;
}

/* Text Inside Gradient Block */
.value-title {
    font-size: 16px;
    font-family: 'roboto-bold';
    margin-bottom: 20px;
}

.value-desc {
    font-size: 14;

    max-width: 190px;
}

/* --- Responsive Media Queries --- */

/* Tablets View breakpoint */
@media (max-width: 991px) {
    .values-banner {
        flex-wrap: wrap;
    }
    
    .value-column {
        flex: 1 1 33.33%; /* Grid becomes 3 columns across */
        padding: 40px 20px;
    }
}

/* Mobile Screen View Breakpoint */
@media (max-width:767px) {
    .values-banner {
        flex-direction: column;
        /* Swaps gradient direction to run beautifully top-to-bottom on vertical stacks */
        background: linear-gradient(to bottom, 
            #9bcc3b 0%, 
            #2faee5 20%, 
            #2a519a 40%, 
            #5b368c 60%, 
            #a61b69 80%, 
            #b31b3e 100%
        );
    }
    
    .value-column {
        width: 100%;
        padding: 45px 30px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .value-column:last-child {
        border-bottom: none;
    }
    
    .value-desc {
        max-width: 320px;
    }
    
    .main-title {
        font-size: 1.8rem;
    }
}



/* Master Layout Container */
.culture-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    max-width: 1200px;
    width: 100%;
    gap: 5px; /* Space between illustration and text columns */
}

/* Graphic Side Column */
.culture-graphic-side {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-box {
    width: 100%;
    max-width: 520px;
}

.culture-img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Text Content Side Column */
.culture-content-side {
    flex: 1.1;
    display: flex;
    flex-direction: column;
}




.culture-paragraph:last-child {
    margin-bottom: 0;
}

/* --- Responsive Adjustments --- */

/* Mid-size Screens (Laptops / Small Desktops) */
@media (max-width: 991px) {
    .culture-container {
        gap: 40px;
    }

    .culture-title {
        font-size: 1.85rem;
        margin-bottom: 20px;
    }
}

/* Tablets and Mobile Screens (Stacked Layout) */
@media (max-width: 767px) {
    body {
        padding: 30px 20px;
    }

    .culture-container {
        flex-direction: column; /* Stacks image cleanly directly on top of text */
        gap: 5px;
    }

    .culture-graphic-side, 
    .culture-content-side {
        width: 100%;
    }

    .image-box {
        max-width: 440px; /* Keeps image sharp and well-proportioned on mobile viewports */
    }

    .culture-title {
        font-size: 1.65rem;
        text-align: left;
    }
}


     
/* CTA Banner Base Layout */
.cta-bannerSec {
    padding: 60px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.cta-banner {
    background-color: #24579B;
    width: 100%;
    max-width: 980px;
   padding: 0px 40px 30px;
}

/* Content Constraints */
.cta-content {  
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

/* Typography Details */



/* Ghost Button Styling */
.cta-button {
    display: inline-block;
    font-family: 'roboto-bold';
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    border: 1.5px solid #ffffff;
    padding: 11px 34px;
    background-color: transparent;
      font-size: 14px;
    color: #FFFFFF;
    font-weight: normal;
    font-family: 'roboto-medium';
}



/* Smooth Interactive Hover State */
.cta-button:hover {
    background-color: #ffffff;
    color: #3b5a9a;
    text-decoration: none;
    transition: all 0.35s;
    border: 1.5px solid #ffffff;
}
.cta-button:hover,.cta-button:active, .cta-button:focus {
    background-color: #ffffff;
    color: #3b5a9a;
    text-decoration: none;
    transition: all 0.35s;
    outline: none;
    border: none;
    border: 1.5px solid #ffffff;
}
.cta-content h3 {
    color: #fff;
}
.cta-content p {
    color: #fff;
}


.about-features-container {
    display: grid;
    justify-content: center;
    gap: 40px;
    max-width: 1200px;
    width: 100%;
    background-color: #484545;
    padding: 50px;
    grid-template-columns: repeat(3, 1fr);
}
.col-md-12.fetureHeading {
    background: #484545;
    color: #fff;
    text-align: center;
    padding-top: 30px;
}
.col-md-12.fetureHeading p {
    max-width: 87%;
    margin: 0 auto;
}
.col-md-12.fetureHeading .whybx-head {
    margin-bottom: 20px;
}
.aboutFeaturesSec .about-features-container {
    padding-bottom: 50px;
}

.aboutWhatWeDo .culture-content-side {  flex: 1;}
.aboutWhotWeHelp .culture-content-side {   flex: 1;}
.col-lg-12.col-md-12.col-sm-12.col-xs-12.aboutTopSec {
    margin-bottom: 25px;
    margin-top: -20px;
}
.faq-actions a {
    outline: none;
}
/* --- Responsive Adjustments --- */

/* For Small Desktops & Tablets */
@media (max-width: 767px) {
  .cta-bannerSec {
    padding:0px;
  
}
    .cta-title {
        font-size: 1.75rem;
    }

  .about-features-container { 
    gap: 40px;
    width: 100%; 
    padding: 30px;
    grid-template-columns: repeat(2, 1fr);
}
.col-md-12.fetureHeading p {
    max-width: 100%;
    margin: 0 auto;
}

}
@media (max-width: 500px) {
  .about-features-container { 
    grid-template-columns: repeat(1, 1fr);
}
}


.workMetters .pg_finance_cards {
    grid-template-columns: repeat(3, 1fr);

}
.pg_finance_container p {
    text-align: left;
}
section.pg_finance_section.workMetters {
    padding-bottom: 0;
}

@media (max-width: 991px) {

  .workMetters .pg_finance_section {
        padding: 5px 0%;
    }
  .hm_finance_bnrtxt {
    max-width: 55%;
}


  }
@media only screen and (max-width: 767px) {
    section.pg_finance_section.workMetters .pg_finance_section {
        padding: 5px 0%;
    }
    section.careersec {
    padding-top: 5px;
    margin-top: -60px;
}
.workMetters .pg_finance_cards {
        grid-template-columns: repeat(1, 1fr);
    }

.hm_finance_bnrtxt {
        max-width: 100%;
        text-align: center;
        
    }

}
  @media (max-width: 600px) {
   .workMetters .pg_finance_cards {
        grid-template-columns: 1fr;
    }
}

.hm_fnncetxt_title{line-height: 1.25;}
.hm_fnnceicn_buttnlnk{width: 156px; height: 48px; border-radius: 5px; font-size: 16px; font-family:roboto-medium; font-weight: normal; text-transform: inherit; letter-spacing: 0;}

@media only screen and (max-width: 767px)
{
  .hm_fnnceicn_buttnlnk {
    width: 148px;
    height: 36px;
    border-radius: 6px;
    font-size: 14px;
    font-family: roboto-medium;
    font-weight: normal;
    text-transform: inherit;
    letter-spacing: 0;
  }
  .hm_fnncnetxt_subtitle{margin-top: 12px;}
}





        .matthEdge-Container{           
            margin: 50px auto;
        }
        /* --- Main Banner Container --- */
        .banner-container {
            width: 100%;
            max-width: 1200px;
            background: url('images/matthewsEdgeBg.jpg') no-repeat center center;
            background-size: cover;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 50px;
            color: #ffffff;
            border-radius: 4px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            
        }

        /* --- Left Column Layout --- */
        .banner-left {
        flex: 1.2;
        max-width: 45%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
       }

        /* Responsive Top-Left Logo Wrapper */
        .logo-container {
            max-width: 380px;
            width: 100%;
            margin-bottom: 25px;
        }
        .mobBannerLogo{display: none;}

        .logo-image {
            width: 100%;
            height: auto;
            display: block;
        }

        /* Typography */
        .banner-title {
        font-size: 42px;
        font-family: 'roboto-bold';
        line-height: 48px;
        padding-top: 0;
        }

       .banner-description {
        font-size: 17px;
        font-family: 'roboto-regular';
        line-height: 23px;
        margin-bottom: 35px;
        color: #000;
       }

        .banner-description strong {
            color: #000;
        }

        /* CTA Button */
     
     .banner-left .cta-button {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        background-color: #b52b7c;
        color: #ffffff;
        text-decoration: none;
        padding: 14px 28px;
        padding-right: 50px;
        font-weight: normal;
        font-family: 'roboto-medium';
        font-size: 14px;
        border-radius: 3px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        transition: background-color 0.2s ease, transform 0.1s ease;
        position: relative;
        border: 0;
    }

        .cta-button:hover {
            background-color: #B72082;
        }

        .cta-button:active {
            transform: scale(0.98);
        }

        .cta-button::after {
            background: url(../images/downArrow.png) no-repeat center center;
            background-size: 16px;
            width: 18px;
            height: 16px;
            content: "";
            font-size: 0.7rem;
            margin-left: 20px;
            position: absolute;
            right: 17px;
            top: 17px;
        }

        /* --- Right Column Layout (PNG Wheel) --- */
        .banner-right {
            flex: 1;
            max-width: 55%;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }

        .wheel-image {
            max-width: 100%;
            position: absolute;
            height: auto;
            display: block;
            filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.3));
            right: -30px;
        }

        /* --- Responsive Viewports --- */
        @media (max-width: 991px) {
            .banner-container {
                flex-direction: column;
                text-align: center;
                padding: 40px 25px;
                background: none !important;
                background-color: #D1D1D1 !important;
            }
      
            .banner-left {
                max-width: 100%;
                align-items: center;
                margin-bottom: 35px;
                order: 2;
            }

            .logo-container {
                max-width: 320px;
                display: none;
            }
            .mobBannerLogo{
                display: block;
                order: -1;
                margin-bottom: 25px;
            }

            .banner-title {
                text-align: left;
            }

            .banner-right {
                max-width: 70%;
                order: 1;
                margin-bottom: 25px;
            }
            .wheel-image {
            position: static;
            }
          

        }

        @media (max-width: 576px) {
         
            .banner-right {
                max-width: 100%;
            }
            
            .cta-button {
                width: 100%;
                justify-content: center;
            }
        }

 

      .section-wrapper h2 {
          font-size: 24px;
          font-family: 'roboto-bold';
          line-height: 32px;
          color: #000000;
          margin-bottom: 20px;
          margin-top: 0;
          padding-top: 0;
          padding-left: 0;
      }
        /* Lists Wrapper Grid */
        .lists-container {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }

        .lists-container ul {
            list-style: none;
            padding-left: 0;
        }

        .lists-container li {
            font-size: 14px;
            line-height: 15px;
            margin-bottom: 18px;
            position: relative;
            padding-left: 20px;
            color: #1a1a1a;
        }

        /* Custom Blue Bullets for Left List */
        .left-list li::before {
          content: "•";
          color: #24579B;
          font-weight: bold;
          font-size: 35px;
          position: absolute;
          left: 0;
          top: -2px;
      }

        /* Custom Pink/Magenta Bullets for Right List */
        .right-list li::before {
            content: "•";
            color: #B72082;
            font-weight: bold;
            font-size: 35px;
            position: absolute;
            left: 0;
            top: -2px;
        }

        /* Callout Text Section */
        .callout {
            border-left: 3px solid #84bd00;
            padding-left: 15px;
            margin-top: 10px;
        }

      .callout p {
    font-size: 20px;
    font-family: 'roboto-Light';
    font-style: italic;
    color: #000;
    line-height: 26px;
}
        /* .callout p span {
            font-weight: 600;
        } */

        /* Image Styling */
    

        /* Responsive Breakpoints */
        @media (max-width: 991px) {
            .matthEdge-Container {
                margin: 0px auto;
            }
            .lists-container {
                grid-template-columns: 1fr; /* Stack the right list below the left list */
                gap: 0px;
            }
            
            li {
                margin-bottom: 14px;
            }
           

        }





     .section-wrapper {
         display: flex;
         width: 100%;
         max-width: 1200px;
         background-color: #f2f2f2; /* Light gray section background */
         border-radius: 4px;
         overflow: hidden;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
         margin-top: 35px;
    }

    .section-wrapper.painPoints {
        display: flex;
        width: 100%;
        max-width: 1200px;
        background: none;
        overflow: hidden;
        box-shadow: none;
        margin-top: 75px;
    }

        /* --- Left Text Panel --- */
       .content-panel {
          flex: 60%;
          padding: 25px 50px 25px 40px;
          display: flex;
          flex-direction: column;
      }
         .painPoints .content-panel {
          padding-left: 1px;
          padding: 0px 50px 25px 0px;
      }
        .panel-heading {
            font-size: 24px;
            font-weight: 700;
            color: #000000;
            line-height: 1.3;
            margin-bottom: 30px;
        }

        /* --- Separated Flex Columns Layout --- */
        .lists-flex-container {
            display: flex;
            gap: 40px;
        }

        .left-list-column  {
            width: 72%;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
    
        .right-list-column {
             width: 38%;
            display: flex;
            flex-direction: column;
            gap: 8px;
        }

        .list-item {
        display: flex;
        align-items: flex-start;
        font-size: 14px;
        font-family: 'roboto-regular';
        color: #000;
        line-height: 1.4;
    }

        /* Custom Icons using SVG data URLs for sharpness */
        .list-item::before {
            content: "";
            display: inline-block;
            width: 18px;
            height: 18px;
            margin-right: 12px;
            margin-top: 2px;
            flex-shrink: 0;
            background-size: contain;
            background-repeat: no-repeat;
        }

        /* Green Check icon */
        .item-check::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238ec63f' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
        }

        /* Gray X icon */
        .item-cross::before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23777777' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
        }

        /* --- Right Image Panel --- */
        .image-panel {
            width: 40%;        
        }

        .warehouse-img {
            width: 100%;
            /* height: 100%;
            object-fit: cover;
            display: block; */
        }
.btn-send.matth-edge {
    min-width: 258px;
    font-family: 'roboto-medium';
    font-size: 14px;
    letter-spacing: 0;
}

 .banner-left .cta-button:active {
            transform: none;
        }

        /* --- Breakpoints / Responsiveness --- */
        @media (max-width: 991px) {
            .section-wrapper {
                flex-direction: column;
            }

            .content-panel {
                padding: 20px 30px 35px;
            }

            .image-panel {
                
                width: 100%;
            }
            .section-wrapper.painPoints {
              margin-top: 25px;
            } 

            .painPoints .content-panel {
                padding-left: 1px;
                padding: 15px 0px 10px;
            }


        }

        @media (max-width: 650px) {
            .panel-heading {
                font-size: 1.5rem;
            }

            /* Switches row distribution into a single top-to-bottom stack */
            .lists-flex-container {
                flex-direction: column;
                gap: 20px;
            }

            .left-list-column, 
            .right-list-column {
                gap: 16px;
            }
            .right-list-column {
                width: 100%;
            }
            .left-list-column {
                width: 100%;

            }
                  
          }

        /* 07-07-26 */
            /* why choose linx 9900 */
       .linx-container {
        background-color: #0058A0;
        color: #ffffff;
        padding: 50px 30px 40px;
        text-align: center;       
        margin: 0 auto;        
    }

      
       .linx-header h2 {
          font-size: 27px;
          font-family: 'roboto-bold';
          line-height: 35px;
          margin-bottom: 10px;
          margin-top: 0;
      }

       .linx-header p {
            font-size: 16px;
            font-family: 'roboto-regular';
            margin-bottom: 45px;
            margin-top: 18px;
        }

        /* Features Grid/Flex layout */
        .linx-features-grid {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
        }

        /* Feature Card */
        .linx-feature-card {
            flex: 1 1 150px; /* Adaptive sizing */
            max-width: 180px;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 25px;
        }

        /* Placeholder SVGs mimicking the original icons */
        .linx-icon {
            width: 90px;
            height: 90px;
            margin-bottom: 20px;
        }

        /* Text Styles */
      .linx-feature-title {
          font-size: 16px;
          font-family: 'roboto-bold';
          line-height: 21px;
          margin-top: 15px;
          margin-bottom: 12px;
          min-height: 40px;
          display: flex;
          align-items: center;
          justify-content: center;
      }

      .linx-feature-desc {
          font-size: 16px;
          font-family: 'roboto-regular';
          line-height: 21px;
          width: 89%;
          margin: 0 auto;
      }

      .modalcontent a:focus {
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
      outline: none;
     }

     .section-wrapper.commonSite {
        display: flex;
        width: 100%;
        max-width: 1200px;
        background: none;
        overflow: hidden;
        box-shadow: none;
        margin-top: 55px;
    }
    
    .commonSite .content-panel {
        padding-left: 1px;
        padding: 0px 50px 25px 0px;
    }
    .section-wrapper.matthewsWorks h2 {
        font-size: 18px;
        line-height: 24px;
    }


.whatserialboxone._float_clear {
    float: none;
    clear: both;
}

        /* Responsive Breakpoints */
        @media (max-width: 768px) {
            .linx-features-grid {
                gap: 30px 15px;
            }
            .linx-feature-card {
                flex: 1 1 40%; /* 2 items per row on tablets */
                max-width: 220px;
            }

            .section-wrapper.commonSite {
              margin-top: 30px;
          }

          .section-wrapper h2 {
              font-size: 18px;
              line-height: 24px;
          }

          .section-wrapper.matthewsWorks {
                margin-bottom: 30px;
            }


        }

        @media (max-width: 480px) {
            .linx-container {
                padding: 40px 15px;
            }
            .linx-header h2 {
                font-size: 1.6rem;
            }
            .linx-feature-card {
                flex: 1 1 100%; /* 1 item per row on mobile */
                max-width: 100%;
            }
            .linx-feature-title {
                min-height: auto;
            }
        }