body {
  margin: 0;
  padding: 0;
}

h1 a {
  color: inherit;
  text-decoration: none;
}

a img {
  border: none;
}

.container {
  /*max-width: 1248px;*/
  max-width: 1208px;
  margin: 0 auto;
  width: 95%;
}

.page-header {
  background: white;
  color: #f5f5f5;
}
/* bork
[id="page-wrapper"] > header, [id="page-wrapper"] > footer, [id="page-wrapper"] > article, [id="page-wrapper"] > section {
  padding: 1rem;
  overflow: hidden;
}
*/
[id="page-wrapper"] > footer, [id="page-wrapper"] > article, [id="page-wrapper"] > section {
  padding: 1rem;
  overflow: hidden;
}

body {
  background-color: #f5f5f5;
  color: #000;
  font: normal normal 400 16px/25px "Georgia", serif;
}

h1 {
  text-transform: uppercase;
  font-family: "Helvetica", "Arial", "Ubuntu", sans-serif;
  font-size: 50px;
  line-height: 50px;
}

h1 img {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

h2, h3 {
  font-family: "Helvetica", "Arial", "Ubuntu", sans-serif;
}

nav {
  font-family: "Helvetica", "Arial", "Ubuntu", sans-serif;
}

nav ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

nav li {
  display: block;
  margin: 0;
  padding: 0;
}

nav a {
  margin: 0;
  padding: 0.4em;
  display: block;
  text-decoration: none;
}

.primary-nav li {
  margin: 0 0.2em 0 0;
  display: inline-block;
}

.primary-nav a {
  color: #f5f5f5;
}

.primary-nav a:hover {
  color: white;
  background: #f5f5f5;
}

@media screen and (max-width: 480px) {
  .primary-nav li, .primary-nav a {
    display: block;
  }
}

body.loading {
  /* overflow: hidden */
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url("/assets/site/images/ajax-loader.gif");
  z-index: 10000;
  display: none;
}

body, div#page-wrapper {
  background-color: #fff;
}

* {
  font-family: "Roboto", sans-serif !important;
}

div#page-wrapper {
  border-top: 4px solid #015e94;
  margin-left: auto;
  margin-right: auto;
  max-width: 1920px;
  min-width: 1280px;
}

div#page-wrapper header {
  width: 1289px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px 0px 1px 0px;
  position: relative;
}

div#page-wrapper header h1 {
  float: left;
  margin-top: 7px;
  margin-left: -8px;
  margin-bottom: 1px;
  transition: all 0.5s;
}
div#page-wrapper header h1 a img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: all 0.5s;
}

.primary-nav {
  float: right;
  margin-top: 74px;
  margin-right: 3px;
}

.primary-nav > ul {
  float: right;
}

.primary-nav > ul > li {
  float: left;
  margin-left: 67px;
  margin-right: 0;
  padding-bottom: 13px;
}

.primary-nav > ul > li:nth-child(2) a:hover {
  color: #31a9ba;
}

.primary-nav > ul > li:nth-child(2) a:hover:after {
  background-color: #31a9ba;
}

.primary-nav > ul > li:nth-child(3) a:hover {
  color: #02b2ed;
}

.primary-nav > ul > li:nth-child(3) a:hover:after {
  background-color: #02b2ed;
}

.primary-nav > ul > li:nth-child(4) a:hover {
  color: #c50461;
}

.primary-nav > ul > li:nth-child(4) a:hover:after {
  background-color: #c50461;
}

.primary-nav > ul > li > a {
  text-transform: uppercase;
  text-decoration: none;
  color: #5f6263;
  font-size: 24px;
  font-weight: 400;
  padding: 0;
  letter-spacing: 0;
  transition: all 0.5s;
  position: relative;
}

.primary-nav > ul > li > a:after {
  opacity: 0;
  position: absolute;
  content: "";
  top: 120%;
  width: 160%;
  left: -30%;
  height: 6px;
  transition: all 0.5s;
}

.primary-nav > ul > li > a:hover {
  background-color: transparent;
  color: #ffbb2c;
}

.primary-nav > ul > li > a:hover:after {
  background-color: #ffbb2c;
  opacity: 1;
}

.primary-nav > ul > li .submenu {
  position: absolute;
  overflow: hidden;
  top: 95%;
  left: 0;
  /* left: 24px; */
  width: 1238px;
  border-top: 0;
  background-color: #fff;
  border-bottom: 0;
  padding-bottom: 0;
  -webkit-box-shadow: 8px 14px 26px 3px rgba(0, 0, 0, 0.75);
  box-shadow: 8px 14px 26px 3px rgba(0, 0, 0, 0.75);
  height: 0;
  opacity: 0;
  transition: all 0.5s;
  z-index: 10;
}

.primary-nav > ul > li .submenu .l-side {
  float: left;
  width: 424px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 35px 45px 3px 49px;
}

.primary-nav > ul > li .submenu .l-side .title {
  color: #0ec3bc;
  font-size: 36px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 13px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}

.primary-nav > ul > li .submenu .l-side p {
  color: #010000;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.3px;
  line-height: 24px;
  margin-top: -1px;
  margin-bottom: 14px;
  padding-left: 2px;
}

.primary-nav > ul > li .submenu .l-side .learn-more {
  font-weight: 500;
  color: white;
  font-size: 24px;
  float: left;
  padding: 17px 95px 19px 84px;
  text-transform: uppercase;
  text-align: center;
  background-image: url("/assets/site/images/pipb.png");
  background-repeat: no-repeat;
  border-radius: 4px;
  background-position: 0 0;
}

.primary-nav > ul > li .submenu .l-side .learn-more:hover {
  background-position: 0 -61px;
}

.primary-nav > ul > li .submenu .r-side {
  float: right;
  width: 800px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 33px 3px 3px 10px;
}

.primary-nav > ul > li .submenu .r-side > ul {
  padding: 0;
  float: left;
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.primary-nav > ul > li .submenu .r-side > ul > li > a {
  text-decoration: none;
  color: #838789;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  letter-spacing: 0.3px;
  margin-bottom: 9px;
  line-height: 23px;
  transition: all 0.5s;
}

.primary-nav > ul > li .submenu .r-side > ul > li > a:hover {
  color: #0ec3bc;
  background-color: transparent;
}

.primary-nav > ul > li .submenu .r-side > ul > li > a:hover:after {
  background-color: transparent;
}

.primary-nav > ul > li .submenu .r-side > ul > li > a:after {
  content: ">";
  display: inline;
  margin-left: 5px;
}

.primary-nav > ul > li .submenu .r-side > ul > li > ul {
  padding-left: 24px;
  margin-bottom: 37px;
}

.primary-nav > ul > li .submenu .r-side > ul > li > ul > li > a {
  color: #838789;
  font-weight: 500;
  font-size: 16px;
  padding: 0;
  position: relative;
  transition: all 0.5s;
  line-height: 18px;
  margin-bottom: 10px;
}

.primary-nav > ul > li .submenu .r-side > ul > li > ul > li > a:before {
  content: "-";
  display: block;
  position: absolute;
  top: 0px;
  left: -12px;
}

.primary-nav > ul > li .submenu .r-side > ul > li > ul > li > a:hover {
  color: #0ec3bc;
  background-color: transparent;
}

.primary-nav > ul > li .submenu .r-side > ul > li > ul > li > a:hover:after {
  background-color: transparent;
}

.primary-nav > ul > li .submenu .r-side .mcol1 {
  width: 263px;
}

.primary-nav > ul > li .submenu .r-side .mcol2 {
  width: 265px;
  padding-right: 13px;
}

.primary-nav > ul > li:hover > .submenu {
  opacity: 1; /* height: auto */
  height: 353px;
  border-top: 1px solid #005695;
  border-bottom: 13px solid #0ec3bc;
  padding-bottom: 25px;
}

.primary-nav > ul > li:first-child .submenu .r-side > ul > li > a:hover {
  color: #ffbb2c;
  background-color: transparent;
}

.primary-nav > ul > li:first-child .submenu .r-side > ul > li > a:hover:after {
  background-color: transparent;
}

.primary-nav > ul > li:first-child .submenu .r-side > ul > li > ul > li > a:hover {
  color: #ffbb2c;
  background-color: transparent;
}

.primary-nav > ul > li:first-child .submenu .r-side > ul > li > ul > li > a:hover:after {
  background-color: transparent;
}

.primary-nav > ul > li:nth-child(3) .submenu .r-side > ul > li > a:hover {
  color: #02b2ed;
  background-color: transparent;
}

.primary-nav > ul > li:nth-child(3) .submenu .r-side > ul > li > a:hover:after {
  background-color: transparent;
}

.primary-nav > ul > li:nth-child(3) .submenu .r-side > ul > li > ul > li > a:hover {
  color: #02b2ed;
  background-color: transparent;
}

.primary-nav > ul > li:nth-child(3) .submenu .r-side > ul > li > ul > li > a:hover:after {
  background-color: transparent;
}

.primary-nav > ul > li:nth-child(4) .submenu .r-side > ul > li > a:hover {
  color: #c50461;
  background-color: transparent;
}

.primary-nav > ul > li:nth-child(4) .submenu .r-side > ul > li > a:hover:after {
  background-color: transparent;
}

.primary-nav > ul > li:nth-child(4) .submenu .r-side > ul > li > ul > li > a:hover {
  color: #c50461;
  background-color: transparent;
}

.primary-nav > ul > li:nth-child(4) .submenu .r-side > ul > li > ul > li > a:hover:after {
  background-color: transparent;
}

.primary-nav > ul > li .submenu .r-side > ul > li {
  clear: both;
  display: block;
  margin-bottom: 30px;
}

.primary-nav > ul > li .submenu .r-side > ul > li > ul > li {
  clear: both;
  display: block;
}

.primary-nav > ul > li:first-child .submenu .l-side .learn-more {
  background-image: url("/assets/site/images/abb.png");
}

.primary-nav > ul > li:nth-child(3) .submenu .l-side .learn-more {
  background-image: url("/assets/site/images/invb.png");
}

.primary-nav > ul > li:nth-child(4) .submenu .l-side .learn-more {
  background-image: url("/assets/site/images/newb.png");
}

.primary-nav > ul > li:first-child .submenu .l-side .title {
  color: #ffbb2c;
}

.primary-nav > ul > li:nth-child(3) .submenu .l-side .title {
  color: #02b2ed;
}

.primary-nav > ul > li:nth-child(4) .submenu .l-side .title {
  color: #c50461;
}

.primary-nav > ul > li:first-child:hover > .submenu {
  border-bottom: 13px solid #ffbb2c;
}

.primary-nav > ul > li:nth-child(3):hover > .submenu {
  border-bottom: 13px solid #02b2ed;
}

.primary-nav > ul > li:nth-child(4):hover > .submenu {
  border-bottom: 13px solid #c50461;
}

.slider {
  padding: 0;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  height: 333px;
}

.slider .slide {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 333px;
  /*width:1920px !important;*/
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
}

.slider .slide img {
  margin-left: -35px;
}

.slider button, .slider .bx-controls-direction > a {
  position: absolute; /* top: 160px */
  top: 50%;
  margin-top: -42px;
  height: 84px;
  width: 84px;
  background-color: transparent;
  color: transparent;
  background-image: url("/assets/site/images/slarr.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 0;
  outline: 0;
}

.slider .slick-prev, .slider .bx-prev {
  left: 9px;
}

.slider .slick-next, .slider .bx-next {
  right: 9px;
  background-position: right 0;
}

.bx-wrapper .bx-controls-direction > a {
  position: absolute; /* top: 160px */
  top: 50%;
  margin-top: -42px;
  height: 84px;
  width: 84px;
  background-color: transparent;
  color: transparent;
  background-image: url("/assets/site/images/slarr.png");
  background-position: 0 0;
  background-repeat: no-repeat;
  border: 0;
  outline: 0;
}

.bx-wrapper .bx-controls-direction .slick-prev, .bx-wrapper .bx-controls-direction .bx-prev {
  left: 9px;
}

.bx-wrapper .bx-controls-direction .slick-next, .bx-wrapper .bx-controls-direction .bx-next {
  right: 9px;
  background-position: right 0;
}

.bx-wrapper {
  margin: 0;
  margin-top: 6px;
}

.bx-wrapper .bx-pager {
  display: none;
}

.bx-wrapper .bx-viewport {
  border: 0;
  left: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.row1 {
  overflow: visible;
  padding-top: 15px;
}

.row1 .box {
  width: 388px;
  width: 32.1%;
  float: left;
  margin-left: 1.85%;
  padding-bottom: 40px;
}

.row1 .box:first-of-type {
  margin-left: 0;
}

.row1 .box h2 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 9px;
  padding-top: 16px;
  padding-bottom: 15px;
  padding-left: 15px;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.22);
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.22);
}

.row1 .box p {
  font-size: 14px;
  font-weight: 500;
  color: #010000;
  margin-top: 0;
  margin-bottom: 5px;
  line-height: 24px;
  letter-spacing: 0.3px;
}

.row1 .box a {
  text-decoration: none;
  color: #035e8f;
  font-size: 14px;
  transition: all 0.5s;
}

.row1 .box a:hover {
  color: #02b2ed;
}

.row1 .box .text-wrap {
  padding-left: 15px;
  padding-right: 12px;
}

/*
.row1 .box.red ul {
  list-style-type: none;
  padding-left: 15px;
  margin-top: 12px;
}

.row1 .box.red  ul li {
  padding-bottom:6px;
  line-height: 18px;
  font-size:13px;
}

.row1 .box.red ul li a {
  font-weight:500;
  font-size:14px;
}
*/
.row1 .box h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 18px;
  letter-spacing: 0.3px;
}

.row1 .box h3 a {
  color: #035e8f;
  font-size: 14px;
  font-weight: 500;
}

.row1 .box h3 a:hover {
  color: #02b2ed;
}

.row1 .box span {
  color: #010000;
  font-weight: 400;
  font-size: 14px;
  display: block;
  margin-left: 0;
  margin-top: -1px;
  margin-bottom: 6px;
}

.row1 .box.yellow h2 {
  background-color: #ffbb2c;
  font-weight: 300;
}

.row1 .box.yellow h2 strong {
  font-weight: 700;
}

.row1 .box.blue h2 {
  background-color: #02b2ed;
  font-weight: 500;
}

.row1 .box.red h2 {
  background-color: #c50461;
  font-weight: 300;
}

.row1 .box.red h2 strong {
  font-weight: 500;
}

.row2 {
  margin-bottom: 2px;
}

.row2 .left-side {
  float: left;
  position: relative;
}

.row2 .left-side img {
  display: block;
}

.row2 .left-side .txt {
  position: absolute;
  width: 356px;
  height: 100%;
  color: #fff;
  background-color: rgba(0, 86, 149, 0.85);
  top: 0px;
  right: 0px;
  box-sizing: border-box;
  padding: 34px 24px;
}

.row2 .left-side .txt h3 {
  font-size: 28px;
  margin-top: 0px;
  margin-bottom: 20px;
  font-weight: 300;
  text-transform: uppercase;
}

.row2 .left-side .txt h3 strong {
  font-weight: 400;
}

.row2 .left-side .txt p {
  font-weight: 500;
  font-size: 12.5px;
  line-height: 18px;
  letter-spacing: 0.2px;
  margin-bottom: 18px;
}

.row2 .left-side .txt p a {
  color: #fff;
  text-decoration: underline;
}

.row2 .left-side .txt p a:hover {
  color: #fff;
  text-decoration: none;
}

.row2 .right-side {
  float: left;
  margin-left: 33px;
}

.row2 .right-side img {
  display: block;
  margin: 0 auto;
  margin-bottom: 11px;
}

.row2 .right-side h2 {
  font-size: 36px;
  font-weight: 300;
  color: #015e94;
  margin-top: 8px; /* margin-bottom: 19px */
  margin-bottom: 10px;
}

.row2 .right-side h2 strong {
  font-weight: 700;
}

.row2 .right-side ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

footer#page-footer {
  background-color: #02b2ed;
  padding-top: 27px;
}

footer#page-footer div > div {
  float: left;
}

footer#page-footer div > div h3 {
  font-weight: 700;
  font-size: 18px;
  color: white;
  margin-top: 0;
  margin-bottom: 9px;
  text-transform: uppercase;
}

footer#page-footer div > div > ul {
  padding: 0;
  margin: -8px 0 0 0;
}

footer#page-footer div > div > ul > li {
  margin-bottom: 19px;
  list-style: none;
  position: relative;
  line-height: 16px;
}

footer#page-footer div > div > ul > li > a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  color: white;
  position: relative;
  line-height: 8px;
  transition: all 0.5s;
}

footer#page-footer div > div > ul > li > a:after {
  content: ">";
  display: inline;
  margin-left: 5px;
}

footer#page-footer div > div > ul > li > a:hover {
  color: #005695;
}

footer#page-footer div > div > ul > li > ul {
  padding-left: 19px;
  margin-bottom: 27px;
}

footer#page-footer div > div > ul > li > ul > li {
  list-style: none;
  line-height: 14px;
  margin-bottom: 17px;
}

footer#page-footer div > div > ul > li > ul > li a {
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  color: white;
  position: relative;
  display: block;
  margin-bottom: -11px;
  transition: all 0.5s;
  line-height: 14px;
}

footer#page-footer div > div > ul > li > ul > li a:before {
  content: "-";
  display: block;
  position: absolute;
  top: -1px;
  left: -8px;
}

footer#page-footer div > div > ul > li > ul > li a:hover {
  color: #005695;
}

footer#page-footer .col1 {
  width: 203px;
  padding-right: 10px;
}

footer#page-footer .col2 h3, footer#page-footer .col3 h3, footer#page-footer .col4 h3 {
  /*margin-bottom: -7px;*/
}

footer#page-footer .col2 {
  padding-right: 17px;
  width: 233px;
}

footer#page-footer .col3 {
  padding-right: 17px;
  width: 247px;
}

footer#page-footer .col4 {
  /*padding-right: 90px;*/
  padding-right: 50px;
  width: 200px;
}

footer#page-footer .col4 ul > li > ul > li a:before {
  display: none;
}

footer#page-footer .col4 ul > li > ul {
  padding-left: 10px;
}

footer#page-footer .col5 {
  /*width: 240px;*/
  width:243px;
  margin-right: -15px;
}

footer#page-footer .col5 h2 {
  margin-top: 3px;
  margin-bottom: 5px;
  font-size: 24px;
  font-weight: 400;
  color: white;
  text-transform: uppercase;
}

footer#page-footer .col5 p {
  font-size: 11px;
  font-weight: 300;
  color: white;
  margin-top: 0;
  line-height: 18px;
  letter-spacing: 0.3px;
}

footer#page-footer .col5 p a {
  color: white;
  text-decoration: none;
  transition: all 0.5s;
}

footer#page-footer .col5 p a:hover {
  color: #005695;
  text-decoration: none;
}

footer#page-footer .col5 .cb a {
  width: 54px;
  height: 54px;
  background-color: #78d2f7;
  border-radius: 50%;
  display: block;
  float: left;
  text-align: center;
  text-decoration: none;
  margin-left: 16px;
  transition: all 0.5s;
}

footer#page-footer .col5 .cb a:hover {
  background-color: #b5e6fb;
}

footer#page-footer .col5 .cb a:first-of-type {
  margin-left: 4px;
}

footer#page-footer .col5 .cb a:first-of-type img {
  padding-top: 7px;
}

footer#page-footer .col5 .cb a img {
  display: block;
  padding-top: 3px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 11px;
  padding-left: 3px;
  height: auto;
}

footer#page-footer .col5 .cb h2 {
  margin-bottom: 13px;
}

/*
footer#page-footer .col5 .cb a:last-of-type img {
  margin-top: -3px;
  margin-left: 6px;
}
*/

footer#page-footer .col5 .ct {
  margin-bottom: 22px;
}

.pixbar {
  width: 100%;
  height: 131px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  padding: 0 !important;
  margin-top: 6px;
}

.page-title {
  background-color: brown;
  padding-top: 14px;
  -webkit-box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 0 38px 0 rgba(0, 0, 0, 0.18);
  margin-bottom: 36px;
}

.page-title h1 {
  color: white;
  font-size: 46px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 31px;
  text-indent: 13px;
  letter-spacing: 0.7px;
  padding-bottom: 0px;
}

/* Safari-sepcific hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-color-index: 0) {
  .page-title h1 {
    color: #fff;
    padding-bottom: 2px !important;
  }
}

.sub-content {
  padding-left: 15px;
  padding-bottom: 15px;
}

.sub-content h2 {
  color: #ffbb2c;
  font-size: 28px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0.5px;
  margin-top: 0;
  margin-bottom: 6px;
}

.sub-content h5 {
  color: #ffbb2c;
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0.3px;
  margin-top: 0;
  margin-bottom: 32px;
}

.sub-content p, .sub-content td, .sub-content li {
  font-size: 18px;
  color: #666666;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 25px;
  letter-spacing: 0.3px;
  line-height: 28px;
}

.sub-content ul {
  margin-bottom: 27px;
}

.sub-content li {
  margin-bottom: 18px;
  margin-top: 0px;
  letter-spacing: 0.3px;
  line-height: 28px;
}

.sub-content .align-right {
  float: right;
  margin-top: 9px;
  margin-right: -20px;
  padding-right: 23px;
  margin-left: 38px;
  background-color: #ffeabf;
}

.sub-content .align-right img {
  display: block;
}

.accordion {
  /*margin-top: 57px;*/
  display: inline-block;
  margin-bottom: 10px;
}

.accordion p {
  margin-bottom: 10px;
}

p.credits {
  font-size: 14px;
  margin-left: 15px;
}

/*
.accordion:after {
  display: block;
  margin-bottom:30px;
}
*/
.accordion .acc-title {
  color: #0ec3bc;
  font-size: 18px;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 1px;
  /*text-transform: uppercase;*/
  letter-spacing: 0.3px;
  position: relative;
  float: left;
}

.accordion .acc-title:after {
  content: ">";
  display: block;
  position: absolute;
  top: -1px;
  right: -19px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: all 0.5s;
}

.accordion .acc-title.opened:after {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion .wrap {
  clear: both;
  overflow: hidden;
  display: none;
  padding-top: 10px;
}

.accordion .wrap a {
  color: #0ec3bc;
  font-size: 18px;
  margin-top: 2px;
  margin-bottom: 1px;
  display: block;
  /*float: left;*/
  clear: left;
  letter-spacing: 0.3px;
  /* was: none; */
  text-decoration: underline;
}

.accordion .wrap.news a {
  display: inline;
}

.about-tpl .page-title {
  background-color: #ffbb2c;
}

.about-tpl .accordion .acc-title {
  color: #ffbb2c;
}

.about-tpl .accordion .wrap a {
  color: #ffbb2c;
}

.investors-tpl .page-title {
  background-color: #02b2ed;
}

.investors-tpl .sub-content h2 {
  color: #02b2ed;
}

.investors-tpl .sub-content h5 {
  color: #02b2ed;
}

.investors-tpl .sub-content .align-right {
  background-color: #b3e8fa;
}

.investors-tpl .accordion .acc-title {
  color: #02b2ed;
}

.investors-tpl .accordion .wrap a {
  color: #02b2ed;
}

.news-tpl .page-title {
  background-color: #c50461;
}

.news-tpl .sub-content h2 {
  color: #c50461;
}

.news-tpl .sub-content h5 {
  color: #c50461;
}

.news-tpl .sub-content .align-right {
  background-color: #edb3cf;
}

.news-tpl .accordion .acc-title {
  color: #c50461;
}

.news-tpl .accordion .wrap a {
  color: #c50461;
}

.pipeline-tpl .page-title {
  background-color: #0ec3bc;
}

.pipeline-tpl .sub-content h2 {
  color: #0ec3bc;
}

.pipeline-tpl .sub-content h5 {
  color: #0ec3bc;
}

.pipeline-tpl .sub-content .align-right {
  background-color: #b6edeb;
}

.pipeline-tpl .accordion .acc-title {
  color: #0ec3bc;
}

.pipeline-tpl .accordion .wrap a {
  color: #0ec3bc;
}

.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 10001;
  display: none;
  overflow: auto;
}

.popup .content-wrap {
  width: 668px;
  margin: 50px 0 100px -334px;
  height: auto;
  min-height: 20px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 50%;
  background: #fff;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 10px 38px 15px 30px;
  color: black;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.popup .content-wrap h2 {
  color: #ffbb2c;
  font-size: 28px;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0.5px;
  margin-top: 0;
  margin-bottom: 6px;
}

.popup .content-wrap h5 {
  color: #ffbb2c;
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  letter-spacing: 0.3px;
  margin-top: 0;
  margin-bottom: 32px;
}

.popup .content-wrap p {
  font-size: 16px;
  color: #010000;
  font-weight: 500;
  margin-top: 0;
  /*margin-bottom: 27px;*/
  letter-spacing: 0.3px;
  line-height: 28px;
}

.popup .back-layer {
  position: fixed;
  width: 100%;
  height: 100%;
  cursor: pointer;
  top: 0;
  left: 0;
}

body.pop {
  overflow: hidden;
  padding-right: 16px !important;
}

.close-pop {
  position: absolute;
  top: 15px;
  display: block;
  right: 15px;
  width: 20px;
  height: 19px;
  background: url(../images/x.png) no-repeat;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#ticker {
  position: relative;
  margin: 0;
  padding: 0;
}

#ticker li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  transition: all 0, 5s;
  background-color: #fff;
  padding: 0;
  width: 100%;
  min-height: 337px;
}

#ticker .opz {
  opacity: 0;
}

.sub-content h3 {
  margin-top: 10px;
  font-size: 22px;
}

#committees {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  margin: 0 auto;
}

tr.head td {
  text-align: left;
  font-weight: bold;
  background-color: #5279A9;
  color: #FFF !important;
}

#committees td {
  font-size: 100%;
  padding: 4px 6px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

.about-tpl a {
  color: #FFBB2C;
  /*text-decoration: underline;*/
}

.about-tpl a:hover {
  color: #FFBB2C;
  text-decoration: none;
}

.pipeline-tpl a {
  color: #0EC3BC;
  /*text-decoration: underline;*/
}

.pipeline-tpl a:hover {
  color: #0EC3BC;
  text-decoration: none;
}

.investors-tpl a {
  color: #02B2ED;
  text-decoration: underline;
}

.investors-tpl a:hover {
  color: #02B2ED;
  text-decoration: none;
}

.news-tpl a {
  color: #C50461;
  text-decoration: underline;
}

.news-tpl a:hover {
  color: #C50461;
  text-decoration: none;
}

/*
  #team img {
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  border: 1px solid #21324A;
  padding: 2px;
  }
*/

img {
  border-style: none;
  vertical-align: top;
}

ul.grid {
  width: 600px;
  margin: 0 auto;
}

ul.grid.narrow {
  width: 600px;
  margin: 0 auto 0 108px;
}

ul.grid li {
  width: 200px;
  height: 300px;
  float: left;
  list-style-type: none;
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
}

ul.grid li img {
  border: 1px solid #21324A;
  padding: 2px;
}

ul.grid li span {
  display: inline-block;
  margin-top: 5px;
}

div.grid {
  display: inline-block;
  margin: 0px auto auto 253px;
}

div.overlay img {
  border: 1px solid #21324A;
  padding: 2px;
  margin-right: 10px;
  float: left;
}

p.management-link {
  text-align: center;
  margin-top: -40px;
}

img.shadow {
  box-shadow: 10px 10px 5px #888888;
}

.slider-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.box.blue .text-wrap a.btnlink {
  display: block;
  width: 210px;
  height: 59px;
  background: url("/download/images/content/home/webcast-out.png") no-repeat 0 0 transparent;
  text-indent: -99999px;
  /*float: left;*/
  margin: 10px auto 13px !important;
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;
  /*transition: all 0.5s;*/
}

.box.blue .text-wrap a.btnlink:hover {
  background: url("/download/images/content/home/webcast-over.png") no-repeat 0 0 transparent;
}

table.analysts {
  width: 900px;
  margin: 0 auto;
}

table.analysts th {
  text-align: left;
  background-color: #02B2ED;
  color: #fff;
  font-size: 25px;
  font-weight: 500;
  padding: 12px 10px 5px 10px;
  text-transform: uppercase;
}

table.analysts td {
  padding: 12px 20px 2px 10px;
  font-style: italic;
  font-size: 24px;
  font-weight: 400;
}

table.analysts td:nth-child(1) {
  width: 450px;
}

table.analysts td:nth-child(2) {
  font-style: normal;
}

table.analysts tr.rowcolor:nth-child(even) {
  background: none;
}

table.analysts tr.rowcolor:nth-child(odd) {
  background-color: #CCF0FB;
}

table.analysts td.disclaimer {
  padding: 10px 0px 30px;
  font-style: italic;
  font-size: 17px;
  line-height: 20px;
  font-weight: 400;
}

div#page-wrapper header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
  transition: all 0.5s;
}

div#page-wrapper header > .container {
  position: relative;
}

div#page-wrapper header h1 {
  width: 429px;
  transition: all 0.5s;
}

div#page-wrapper header h1 a img {
  transition: all 0.5s;
}

div#page-wrapper header h1 a {
  transition: all 0.5s;
}

div#page-wrapper header .primary-nav {
  transition: all 0.5s;
}

div#page-wrapper header.scrolled {
  padding-top: 0;
  padding-bottom: 7px;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.22);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.22);
}

div#page-wrapper header.scrolled h1 {
  width: 238px;
  margin-top: 9px;
  margin-left: -5px;
  transition: all 0.5s;
}

div#page-wrapper header.scrolled h1 a {
  transition: all 0.5s;
}

div#page-wrapper header.scrolled h1 a img {
  display: block;
  max-width: 100%;
  height: auto;
  transition: all 0.5s;
}

div#page-wrapper header.scrolled .primary-nav {
  margin-top: 24px;
}

div#page-wrapper.scrolled {
  padding-top: 61px;
}

div#page-wrapper {
  padding-top: 132px;
  transition: all 0.5s;
}

.burger {
  float: right;
  margin-top: 16px;
  margin-right: -1px;
  width: 27px;
  height: 24px;
  background-image: url("../images/burger.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  display: none;
}

footer#page-footer {
  padding-left: 0;
  padding-right: 0;
}

@media screen and (max-width: 1305px) {
  .slider .slide {
    height: 230px;
  }

  .container {
    /* max-width: 824px; */
    /* max-width: 833px; */
  }

  .container.with-rows {
    max-width: 85.4%;
  }

  div#page-wrapper header h1 {
    width: 291px;
    margin-top: 2px;
    margin-left: 0;
  }

  div#page-wrapper header h1 a {
    display: block;
  }

  div#page-wrapper header h1 a img {
    display: block;
    max-width: 100%;
  }

  .primary-nav {
    margin-right: 5px;
    margin-top: 44px;
  }

  .primary-nav > ul > li {
    margin-left: 44px;
    padding-bottom: 8px;
  }

  .primary-nav > ul > li > a {
    font-size: 17px;
  }

  div#page-wrapper {
    padding-top: 83px;
    min-width: auto;
    min-width: initial;
    overflow: hidden;
  }

  div#page-wrapper header {
    padding-bottom: 0;
  }

  .pixbar {
    height: 89px;
  }

  .page-title {
    padding-top: 12px;
    margin-bottom: 5px;
  }

  .page-title h1 {
    font-size: 31px;
    line-height: 17px;
  }

  .sub-content p, .sub-content td, .sub-content li {
    /* font-size: 11.52px; */
    font-size: 13.52px;
    line-height: 20px;
  }

  p.credits > span {
    padding-right: 5px !important;
  }

  .sub-content h3 {
    font-size: 19.2px;
  }

  .pipe-two-images > a {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 10px;
  }

  .accordion .acc-title {
    font-size: 14px;
  }

  footer#page-footer div > div h3 {
    /* font-size: 9.55px; */
    font-size: 12.55px;
  }

  footer#page-footer div > div > ul > li > a {
    /* font-size: 9.55px; */
    font-size: 12.55px;
  }

  footer#page-footer .col5 h2 {
    /* font-size: 9.55px; */
    font-size: 12.55px;
  }

  footer#page-footer div > div > ul > li > ul > li a {
    /* font-size: 9.19px; */
    font-size: 12.55px;
  }

  footer#page-footer div > div > ul > li {
    margin-bottom: 9px;
  }

  footer#page-footer .col1 {
    width: 138px;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  footer#page-footer .col2 {
    width: 160px;
    padding-right: 10px;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  footer#page-footer .col3 {
    width: 171px;
    padding-right: 10px;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  footer#page-footer .col4 {
    width: 187px;
    padding-right: 10px;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  footer#page-footer .col5 {
    width: 138px;
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  footer#page-footer .col5 h2 {
    font-size: 16.38px;
  }

  footer#page-footer .col5 .cb a {
    width: 38px;
    height: 38px;
  }

  footer#page-footer .col5 .cb a img {
    width: 24px;
    height: auto;
    padding-top: 9px;
  }

  .primary-nav > ul > li .submenu {
    width: 100%;
    top: 94%;
  }

  .primary-nav > ul > li:hover > .submenu {
    height: 206px;
    border-bottom: 9px solid #0ec3bc;
  }

  .primary-nav > ul > li .submenu .l-side {
    /* padding: 20px 27px 3px 27px;
   width: 284px; */
    padding: 20px 10px 3px;
    width: 245px;
  }

  .primary-nav > ul > li .submenu .l-side .title {
    font-size: 24.57px;
    margin-bottom: 5px;
  }

  .primary-nav > ul > li .submenu .l-side img {
    display: block;
    width: 221px;
    height: auto;
  }

  .primary-nav > ul > li .submenu .l-side p {
    font-size: 9.55px;
    line-height: 16px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .primary-nav > ul > li .submenu .l-side .learn-more {
    font-size: 16.38px; /* padding: 6px 62px 11px 61px; */
    padding: 7px 62px 6px 61px;
  }

  .primary-nav > ul > li .submenu .r-side {
    /* width: 547px;
   padding: 16px 3px 3px 13px; */
    width: 505px;
    padding: 16px 3px 3px 3px;
  }

  .primary-nav > ul > li .submenu .r-side > ul > li {
    margin-bottom: 8px;
  }

  .primary-nav > ul > li .submenu .r-side > ul > li > a {
    font-size: 12.65px;
    margin-bottom: 3px;
    line-height:18px;
  }

  .primary-nav > ul > li .submenu .r-side > ul > li > ul {
    padding-left: 20px;
    margin-bottom: 11px;
  }

  .primary-nav > ul > li .submenu .r-side > ul > li > ul > li a {
    font-size: 10.92px;
  }

  .primary-nav > ul > li .submenu .r-side .mcol1 {
    /* width: 180px; */
    width: 155px;
  }

  .primary-nav > ul > li .submenu .r-side .mcol2 {
    width: 182px;
  }

  .primary-nav > ul > li .submenu .r-side .mcol3 {
    /* width: 168px; */
    width: 136px;
  }

  div.grid {
    margin: 0 auto;
    display: block;
  }

  ul.grid {
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .slider {
    height: 230px;
  }

  .bx-wrapper .bx-viewport {
    height: 230px !important;
  }

  .bx-wrapper .bx-controls-direction > a {
    margin-top: -3px;
    height: 58px;
    width: 56px;
    -webkit-background-size: 252%;
    background-size: 252%;
  }

  .bx-wrapper .bx-controls-direction .slick-prev, .bx-wrapper .bx-controls-direction .bx-prev {
    left: 5px;
  }

  .bx-wrapper .bx-controls-direction .slick-next, .bx-wrapper .bx-controls-direction .bx-next {
    right: 5px;
  }

  .row1 .box h2 {
    font-size: 24.52px;
    padding-top: 8px;
    padding-bottom: 5px;
    margin-bottom: 8px;
  }

  .row1 {
    padding-top: 6px;
  }

  .row1 .box {
    width: 269px;
    width: 32.2%;
    margin-left: 12px;
    margin-left: 1.5%;
  }

  .row1 .box p {
    font-size: 11.52px;
    line-height: 15px;
  }

  .row1 .box h3 {
    line-height: 15px;
  }

  .row1 .box h3 a {
    font-size: 11.52px;
    line-height: 15px;
  }

  .row1 .box span {
    font-size: 11.52px;
    margin-bottom: -3px;
  }

  .row1 .box a {
    font-size: 11.52px;
  }

  .row2 .left-side {
    margin-left: 4px;
    width: 65.51%;
  }

  .row2 .left-side img {
    width: 546px;
    width: 100%;
    height: auto;
  }

  .row2 .left-side .txt {
    width: 243px;
    width: 44.51%;
    padding: 9px 17px;
  }

  .row2 .left-side .txt h3 {
    font-size: 19.11px;
    margin-bottom: -6px;
  }

  .row2 .left-side .txt p {
    font-size: 10.24px;
    line-height: 13px;
    margin-bottom: 8px;
  }

  .row2 .right-side {
    margin-left: 22px;
    width: 230px;
    width: 27.6%;
  }

  .row2 .right-side h2 {
    font-size: 23.57px;
    margin-top: 3px;
  }

  .row2 .right-side img {
    max-width: 100%;
  }

  .primary-nav > ul > li .submenu .l-side {
    background-image: url("/assets/site/images/dts.png");
    background-repeat: repeat-y;
    background-position: right 20px;
  }

  .primary-nav > ul > li:nth-child(2):hover > .submenu {
    height: 246px;
  }

  .primary-nav > ul > li .submenu .l-side {
    padding-top: 0;
    margin-top: 20px;
  }
}

@media screen and (max-width: 1024px) {
  .slider .slide {
    height: 150px;
  }

  .slider {
    height: 150px;
  }

  .bx-wrapper .bx-viewport {
    height: 150px !important;
  }

  .bx-wrapper .bx-controls-direction > a {
    margin-top: -15px;
    height: 44px;
    width: 44px;
  }

  .bx-wrapper .bx-controls-direction .slick-prev, .bx-wrapper .bx-controls-direction .bx-prev {
    left: 5px;
  }

  .bx-wrapper .bx-controls-direction .slick-next, .bx-wrapper .bx-controls-direction .bx-next {
    right: 5px;
  }

  .row1 .box h2 {
    font-size: 18.43px;
    padding-top: 8px;
    padding-bottom: 5px;
    margin-bottom: 8px;
  }

  .row1 {
    padding: 0 48px;
    padding-top: 0px;
  }

  .row1 .box {
    /* width: 199px;
   margin-left: 12px; */
    padding-bottom: 25px;
  }

  .row1 .box p {
    font-size: 8.64px;
    line-height: 11px;
  }

  .row1 .box h3 {
    line-height: 4px;
  }

  .row1 .box h3 a {
    font-size: 8.64px;
    line-height: 11px;
  }

  .row1 .box span {
    font-size: 8.64px;
    margin-bottom: -3px;
  }

  .row1 .box a {
    font-size: 8.64px;
  }

  .row1 .box h2 {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 5px;
  }

  .row2 {
    padding: 0 46px;
  }

  .row2 .left-side {
    margin-left: 4px;
  }

  .row2 .left-side img {
    /* width: 410px; */
  }

  .row2 .left-side .txt {
    /* width: 183px; */
    min-width: 207px;
    padding: 6px 12px;
  }

  .row2 .left-side .txt h3 {
    font-size: 14.34px;
    margin-bottom: -13px;
  }

  .row2 .left-side .txt p {
    font-size: 7.68px;
    line-height: 9px;
    margin-bottom: 8px;
  }

  .row2 .right-side {
    margin-left: 16px; /* width: 163px; */
  }

  .row2 .right-side h2 {
    font-size: 18.43px;
    margin-top: 3px;
  }

  .row2 .right-side img {
    max-width: 100%;
  }
}

@media screen and (max-width: 887px) {
  .sub-content p img {
    display: block;
    max-width: 100%;
    height: auto !important;
  }

  .sub-content p a {
    width: auto !important;
    max-width: 100%;
    height: auto !important;
  }

  .primary-nav > ul > li:first-child {
    margin-left: 0;
  }

  div#page-wrapper header h1 {
    margin-right: -10px;
  }
  footer#page-footer .col5 .cb a:first-of-type {
    margin-left: -5px;
  }

  .primary-nav > ul > li .submenu .r-side {
    width: 455px;
  }

  .primary-nav > ul > li .submenu .r-side .mcol1 {
    width: 263px;
  }
}

@media screen and (min-width: 768px) {
  .primary-nav {
    display: block !important;
  }

  .page-title h1.desktop-title {
    display: block;
  }

  .page-title h1.mobile-title {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  /* body, div#page-wrapper header, .popup { 	width: 320px; } */
  .container {
    max-width: 92%;
  }

  div#page-wrapper header h1 {
    width: 184px !important;
    margin-top: 2px !important;
    margin-left: 0 !important;
  }

  div#page-wrapper {
    padding-top: 49px !important;
  }

  div#page-wrapper header {
    padding-top: 10px !important;
  }

  .primary-nav {
    display: none;
  }

  div#page-wrapper header .primary-nav {
    transition: none !important;
  }

  .pixbar {
    height: 80px;
  }

  .page-title {
    padding-top: 9px;
    margin-bottom: 7px;
  }

  .page-title h1 {
    font-size: 21px;
    line-height: 11px;
  }

  .page-title h1.desktop-title {
    display: none;
  }

  .page-title h1.mobile-title {
    display: block;
  }
  .sub-content p, .sub-content td, .sub-content li {
    font-size: 11.2px;
    line-height: 16px;
  }

  .sub-content {
    padding-left: 10px;
  }

  .accordion .acc-title {
    /* font-size: 16px; */
    font-size: 13px;
    line-height: 15px;
  }

  .sub-content h3 {
    font-size: 14.4px;
  }

  footer#page-footer > div > div {
    display: none;
  }

  footer#page-footer .col5 {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 160px;
  }

  footer#page-footer .col5 .cb {
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    overflow: hidden;
  }

  footer#page-footer .col5 .ct {
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    overflow: hidden;
    margin-bottom: 0;
  }

  footer#page-footer .col5 h2 {
    font-size: 10.38px;
  }

  .primary-nav > ul > li:hover .submenu {
    position: absolute;
    overflow: hidden;
    top: 95%; /* left: 24px; */
    left: 0;
    width: 1238px;
    border-top: 0;
    background-color: #fff;
    border-bottom: 0;
    padding-bottom: 0;
    -webkit-box-shadow: 8px 14px 26px 3px rgba(0, 0, 0, 0.75);
    box-shadow: 8px 14px 26px 3px rgba(0, 0, 0, 0.75);
    height: 0;
    opacity: 0;
    transition: all 0.5s;
    z-index: 10;
    position: relative;
  }

  .primary-nav > ul > li > a:hover {
    text-decoration: none;
    color: white;
  }

  .primary-nav > ul > li > a:hover:after {
    display: none;
  }

  .primary-nav > ul > li:nth-child(2) a:hover {
    color: white;
  }

  .primary-nav > ul > li:nth-child(3) a:hover {
    color: white;
  }

  .primary-nav > ul > li:nth-child(4) a:hover {
    color: white;
  }

  .primary-nav > ul > li > .submenu.exp {
    opacity: 1;
    height: auto;
    border-top: 1px solid #005695;
    border-bottom: 13px solid #0ec3bc;
    padding-bottom: 25px;
    display: block;
    clear: both;
  }

  .primary-nav {
    float: none;
    margin-right: auto;
    margin-left: auto;
    clear: both;
  }

  .primary-nav > ul {
    float: none;
  }

  .primary-nav > ul > li {
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: block;
    clear: both;
  }

  .primary-nav > ul > li {
    background-color: #ffbb2c;
    text-align: center;
    margin-bottom: 2px;
    padding-top: 4px;
    padding-bottom: 4px;
    position: relative;
  }

  .primary-nav > ul > li:nth-child(2) {
    background-color: #0ec3bc;
  }

  .primary-nav > ul > li:nth-child(3) {
    background-color: #02b2ed;
  }

  .primary-nav > ul > li:nth-child(4) {
    background-color: #c50461;
  }

  .primary-nav > ul > li > a {
    font-size: 15.35px;
    color: white;
  }

  .primary-nav > ul > li .submenu {
    width: 100%;
    height: 0;
    overflow: hidden;
    display: none;
  }

  .primary-nav > ul > li .submenu .l-side .learn-more {
    padding: 0px 62px 0px 61px;
  }

  .primary-nav > ul > li:hover .submenu.exp {
    width: 100%;
    height: auto;
  }

  .primary-nav > ul > li .submenu {
    position: relative;
  }

  .primary-nav > ul > li .submenu .l-side {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }

  .primary-nav > ul > li .submenu .r-side {
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 27px 3px 27px;
    width: 284px;
  }

  .primary-nav > ul > li .submenu .r-side > ul {
    width: 222px !important;
  }

  .primary-nav > ul > li .submenu .r-side > ul > li {
    width: 100%; /* text-align: center; */
    text-align: left;
    padding-left: 3px;
  }

  .primary-nav > ul > li:first-child > .submenu {
    border-bottom: 13px solid #ffbb2c;
  }

  .primary-nav > ul > li:nth-child(2) > .submenu {
    border-bottom: 13px solid #0ec3bc;
  }

  .primary-nav > ul > li:nth-child(3) > .submenu {
    border-bottom: 13px solid #02b2ed;
  }

  .primary-nav > ul > li:nth-child(4) > .submenu {
    border-bottom: 13px solid #c50461;
  }

  div#page-wrapper header {
    position: absolute;
  }

  /* div#page-wrapper { 	padding-top: 0; } */
  .primary-nav > ul > li .submenu .r-side > ul > li > ul {
    padding-left: 0;
  }

  .primary-nav > ul > li .submenu .r-side > ul > li > ul > li > a:before {
    left: -9px; /* display: none; */
  }

  .burger {
    display: block;
  }

  div.grid {
    width: 200px;
  }

  ul.grid {
    width: 200px;
    margin-top:50px;
  }

  .slider {
    height: 143px;
  }

  .bx-wrapper .bx-viewport {
    height: 90px !important;
  }

  .bx-wrapper .bx-controls-direction > a {
    margin-top: -15px;
    height: 44px;
    width: 44px;
  }

  .bx-wrapper .bx-controls-direction .slick-prev, .bx-wrapper .bx-controls-direction .bx-prev {
    left: 5px;
    display:none;
  }

  .bx-wrapper .bx-controls-direction .slick-next, .bx-wrapper .bx-controls-direction .bx-next {
    right: 5px;
    display:none;
  }

  .row1 {
    padding: 0 0 0 2px;
    margin-top: -2px;
  }

  .row1 .box {
    width: 100%;
    margin-left: 0;
    padding-bottom: 19px;
  }

  .row1 .box p {
    font-size: 11.2px;
    line-height: 14px;
  }

  .row1 .box h3 {
    line-height: 4px;
  }

  .row1 .box h3 a {
    /* font-size: 8.64px; */
    font-size: 11.2px;
    line-height: 11px;
  }

  .row1 .box span {
    /* font-size: 8.64px; */
    font-size: 11.2px;
    margin-bottom: -3px;
  }

  .row1 .box a {
    font-size: 8.64px;
  }

  .row1 .box h2 {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 2px;
    font-size: 14.43px;
    padding-left: 7px;
  }

  .row1 .box .text-wrap {
    padding-left: 8px;
    padding-right: 1px;
    padding-top: 5px;
  }

  .row2 {
    padding: 0;
  }

  .row2 .left-side {
    margin-left: 4px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
  }

  .row2 .left-side img {
    width: 92%;
    float: left;
  }

  .row2 .left-side .txt {
    width: 163px;
    padding: 0px 3px;
  }

  .row2 .left-side .txt h3 {
    font-size: 12.34px;
    margin-bottom: -8px;
    line-height: 12px;
    padding-top: 2px;
  }

  .row2 .left-side .txt p {
    font-size: 7.68px;
    line-height: 9px;
    margin-bottom: 8px;
  }

  .row2 .right-side {
    margin-left: auto;
    margin-right: auto; /* width: 163px; */
    width: 66.3%;
    max-width: 400px;
    float: none;
    clear: both;
  }

  .row2 .right-side h2 {
    font-size: 15.43px;
    margin-top: 3px;
    text-align: center;
  }

  .row2 .right-side img {
    max-width: 100%;
  }

  .popup .content-wrap {
    width: 90%;
    margin: 10px 0 100px 5%;
    min-height: 20px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 10px 38px 15px 30px;
  }

  .popup .content-wrap h3 {
    font-size: 14px;
    line-height: 17px;
  }

  .popup .content-wrap p {
    font-size: 12px;
    line-height: 15px;
  }

  .primary-nav > ul > li .submenu .l-side .title {
    display: none;
  }

  .primary-nav > ul > li .submenu .l-side {
    background-image: none;
  }

  .primary-nav > ul > li .submenu .r-side > ul > li > ul > li > a {
    text-indent: 10px;
  }

  .row2 .left-side .txt p {
    font-size: 10px;
    line-height: 13px;
    margin-bottom: 1px;
    /*margin-top: 4px;*/
  }

  .primary-nav > ul > li .submenu .l-side:after, .primary-nav > ul > li .submenu .r-side:after {
    content: "";
    display: block;
    clear: both;
  }

  .primary-nav > ul > li .submenu .l-side {
    margin-top: 10px;
    background-image: url("/assets/site/images/dts.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: 20px;
  }

  .primary-nav > ul > li .submenu .r-side {
    padding-top: 4px;
    line-height: 13px;
  }

  .primary-nav > ul > li .submenu .r-side > ul > li > a {
    /*margin-bottom: -5px;*/
    line-height:14px;
  }

  .primary-nav > ul > li .submenu .r-side > ul > li > ul > li > a {
    margin-bottom: -2px;
  }

  .primary-nav > ul > li .submenu .r-side > ul > li {
    /*margin-bottom: 4px;*/
  }

  .primary-nav > ul > li .submenu .l-side p {
    text-align: left;
  }
  footer#page-footer .col5 .cb {
    width: 100%;
  }

  footer#page-footer .col5 .cb a:first-of-type {
    margin-left: 4px;
  }

  .news-tpl .sub-content figure.align-right {
    background-color: transparent;
    float: none;
    margin: 9px auto;
    padding: 0;
  }

  .news-tpl .sub-content figure.align-right img {
    margin: 0 auto;
    max-width: 200px;
    height: auto;
  }
  /* for small slider */
  .slider .slide {
    height: 78px;
  }
  .bx-wrapper .bx-controls-direction > a {
    margin-top: -15px;
    height: 44px;
    width: 44px;
  }
}

@media screen and (max-width: 400px) {
  div.overlay img {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
  }

  .row2 .left-side .txt p {
    font-size: 9.5px;
    line-height: 10.5px;
  }

  .row2 .left-side .txt h3 {
    padding-top: 3px;
    padding-bottom: 5px;
  }

  .row2 .left-side .txt {
    width: 200px;
  }
}
@media screen and (max-width: 1300px) {
  .pipeline-tpl .iwrap {
    width: 100%;
    max-width: 585px;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.33%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    float: none !important;
  }
  .pipeline-tpl .iwrap iframe {
    float: none !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .pipeline-tpl .tiwrap {
    position: relative;
    max-width: 585px;
    margin-left: auto;
    margin-right: auto;
  }
}

/*
@media screen and (max-width: 1300px) {
  .pipeline-tpl p[align="center"] iframe {
    width: 100%;
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 767px) {
  .pipeline-tpl p[align="center"] iframe {
    height: 280px;
  }
}

@media screen and (max-width: 400px) {
  .pipeline-tpl p[align="center"] iframe {
    height: 200px;
  }
}
*/
sup {
  font-size: 75%;
  /*vertical-align: top;*/
  padding: 0;
  margin: 0px -3px;
}

p.small {
  font-size:90%;
  line-height:130%;
}