/* ------------------------------------------------------------------
  Reset styles
-------------------------------------------------------------------*/
html {
  overflow-x: hidden;
  background: #FFF;
  box-sizing: border-box;
  line-height: 1.3;
}

body {
  overflow-x: hidden;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  word-wrap: break-word;
  background: #FFF;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
object,
iframe,
pre,
code,
p,
blockquote,
form,
fieldset,
legend,
table,
th,
td,
caption,
tbody,
tfoot,
thead,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
audio,
video,
canvas {
  margin: 0;
  padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
menu {
  display: block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset,
img {
  border: none;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ul,
ol,
menu {
  list-style: none;
}

caption,
th {
  text-align: left;
}

tr,
td,
th {
  border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: '';
}

abbr,
acronym {
  border: none;
  font-variant: normal;
}

sup {
  vertical-align: super;
  line-height: initial;
  top: auto;
}

sub {
  vertical-align: text-bottom;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: none;
}

textarea,
select,
input[type='text'],
input[type='email'],
input[type='password'] {
  border-radius: 0;
  -webkit-appearance: none;
  box-shadow: none !important;
}

legend {
  color: #464646;
}

a img,
map a {
  border: none;
}

a:hover,
a:active,
a:focus {
  outline: 0;
}

embed {
  width: 100%;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img,
object,
embed {
  max-width: 100%;
  height: auto;
}

object,
embed {
  height: 100%;
}

/* Font styles -------------------------------------------------------------------*/
table {
  font-size: inherit;
  font: 100%;
}

pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  line-height: 1;
}

/* General styles -------------------------------------------------------------------*/
table {
  empty-cells: show;
}

input {
  line-height: 1;
}

form img,
input,
select {
  vertical-align: middle;
}

textarea {
  resize: none;
}

select {
  padding: 1px;
}

label {
  margin-right: 5px;
}

legend {
  display: none;
}

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
  padding: 3px 4px 0 3px;
  border: 1px solid #999;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  font-size: 13px;
}

/* ------------------------------------------------------------------
  Fonts
-------------------------------------------------------------------*/
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?78324267');
  src: url('../fonts/fontello.eot?78324267#iefix') format('embedded-opentype'),
    url('../fonts/fontello.woff2?78324267') format('woff2'),
    url('../fonts/fontello.woff?78324267') format('woff'),
    url('../fonts/fontello.ttf?78324267') format('truetype'),
    url('../fonts/fontello.svg?78324267#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
  content: '\e800';
}

/* '' */
.icon-play:before {
  content: '\e801';
}

/* '' */
.icon-thumbs-up:before {
  content: '\e802';
}

/* '' */
.icon-right-open:before {
  content: '\e803';
}

/* '' */
.icon-right-open-1:before {
  content: '\e804';
}

/* '' */
.icon-right-open-2:before {
  content: '\e805';
}

/* '' */
.icon-right-open-3:before {
  content: '\e806';
}

/* '' */
.icon-down-dir:before {
  content: '\e807';
}

/* '' */
.icon-cancel:before {
  content: '\e808';
}

/* '' */
.icon-export:before {
  content: '\e809';
}

/* '' */
.icon-eye:before {
  content: '\e80a';
}

/* '' */
.icon-down-dir-1:before {
  content: '\e80b';
}

/* '' */
.icon-calendar-1:before {
  content: '\e80c';
}

/* '' */
.icon-cancel-1:before {
  content: '\e80d';
}

/* '' */
.icon-attention:before {
  content: '\e80e';
}

/* '' */
.icon-menu:before {
  content: '\f0c9';
}

/* '' */
.icon-user-circle-o:before {
  content: '\f2be';
}

/* '' */

@font-face {
  font-family: 'MyriadPro';
  src: url('../fonts/MyriadPro-Regular.eot');
  src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
    url('../fonts/MyriadPro-Regular.woff') format('woff'),
    url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
    url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MyriadPro_SmBd';
  src: url('../fonts/MyriadPro-Semibold.eot');
  src: url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
    url('../fonts/MyriadPro-Semibold.woff') format('woff'),
    url('../fonts/MyriadPro-Semibold.ttf') format('truetype'),
    url('../fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MyriadPro_Bd';
  src: url('../fonts/MyriadPro-Bold.eot');
  src: url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
    url('../fonts/MyriadPro-Bold.woff') format('woff'),
    url('../fonts/MyriadPro-Bold.ttf') format('truetype'),
    url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BISansNEXT';
  src: url('../fonts/BISansNEXT.eot');
  src: url('../fonts/BISansNEXT.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BISansNEXT.woff2') format('woff2'),
    url('../fonts/BISansNEXT.woff') format('woff'),
    url('../fonts/BISansNEXT.ttf') format('truetype'),
    url('../fonts/BISansNEXT.svg#BISansNEXT') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BISansNEXT_Bd';
  src: url('../fonts/BISansNEXT-Bold.eot');
  src: url('../fonts/BISansNEXT-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BISansNEXT-Bold.woff2') format('woff2'),
    url('../fonts/BISansNEXT-Bold.woff') format('woff'),
    url('../fonts/BISansNEXT-Bold.ttf') format('truetype'),
    url('../fonts/BISansNEXT-Bold.svg#BISansNEXT-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BISansNEXTCond';
  src: url('../fonts/BISansNEXTCond-Bold.eot');
  src: url('../fonts/BISansNEXTCond-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BISansNEXTCond-Bold.woff2') format('woff2'),
    url('../fonts/BISansNEXTCond-Bold.woff') format('woff'),
    url('../fonts/BISansNEXTCond-Bold.ttf') format('truetype'),
    url('../fonts/BISansNEXTCond-Bold.svg#BISansNEXTCond-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'BISansNEXT_It';
  src: url('../fonts/BISansNEXT-Italic.eot');
  src: url('../fonts/BISansNEXT-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BISansNEXT-Italic.woff2') format('woff2'),
    url('../fonts/BISansNEXT-Italic.woff') format('woff'),
    url('../fonts/BISansNEXT-Italic.ttf') format('truetype'),
    url('../fonts/BISansNEXT-Italic.svg#BISansNEXT-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'BIAntiquaIIMl';
  src: url('../fonts/BIAntiquaIIMl-Italic.eot');
  src: url('../fonts/BIAntiquaIIMl-Italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/BIAntiquaIIMl-Italic.woff2') format('woff2'),
    url('../fonts/BIAntiquaIIMl-Italic.woff') format('woff'),
    url('../fonts/BIAntiquaIIMl-Italic.ttf') format('truetype'),
    url('../fonts/BIAntiquaIIMl-Italic.svg#BIAntiquaIIMl-Italic') format('svg');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'FiraSans_Md';
  src: url('../fonts/FiraSans-Medium.eot');
  src: url('../fonts/FiraSans-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FiraSans-Medium.woff2') format('woff2'),
    url('../fonts/FiraSans-Medium.woff') format('woff'),
    url('../fonts/FiraSans-Medium.ttf') format('truetype'),
    url('../fonts/FiraSans-Medium.svg#FiraSans-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'FiraSans';
  src: url('../fonts/FiraSans-Bold.eot');
  src: url('../fonts/FiraSans-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/FiraSans-Bold.woff2') format('woff2'),
    url('../fonts/FiraSans-Bold.woff') format('woff'),
    url('../fonts/FiraSans-Bold.ttf') format('truetype'),
    url('../fonts/FiraSans-Bold.svg#FiraSans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ITCBook';
  src: url('../fonts/ITCAvantGardeStd-Bk.eot');
  src: url('../fonts/ITCAvantGardeStd-Bk.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ITCAvantGardeStd-Bk.woff2') format('woff2'),
    url('../fonts/ITCAvantGardeStd-Bk.woff') format('woff'),
    url('../fonts/ITCAvantGardeStd-Bk.ttf') format('truetype'),
    url('../fonts/ITCAvantGardeStd-Bk.svg#ITCAvantGardeStd-Bk') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ITCDemi';
  src: url('../fonts/ITCAvantGardeStd-Demi.eot');
  src: url('../fonts/ITCAvantGardeStd-Demi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ITCAvantGardeStd-Demi.woff2') format('woff2'),
    url('../fonts/ITCAvantGardeStd-Demi.woff') format('woff'),
    url('../fonts/ITCAvantGardeStd-Demi.ttf') format('truetype'),
    url('../fonts/ITCAvantGardeStd-Demi.svg#ITCAvantGardeStd-Demi') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.myriad {
  font-family: 'MyriadPro';
}

.myriad_smbd {
  font-family: 'MyriadPro_SmBd';
}

.myriad_bd {
  font-family: 'MyriadPro_Bd';
}

.bisan {
  font-family: 'BISansNEXT';
}

.bisan_bd {
  font-family: 'BISansNEXT_Bd';
  font-weight: bold;
}

.bisan_conbd {
  font-family: 'BISansNEXTCond';
  font-weight: bold;
}

.bisan_it {
  font-family: 'BISansNEXT_It';
  font-style: italic;
}

.biantiqua_it {
  font-family: 'BIAntiquaIIMl';
  font-style: italic;
}

.firasan_bd {
  font-family: 'FiraSans';
  font-weight: bold;
}

.itc_dm {
  font-family: 'ITCDemi';
}

.itc_bk {
  font-family: 'ITCBook';
}

/* ------------------------------------------------------------------
  Global styles
-------------------------------------------------------------------*/
html {
  overflow-x: initial;
}

body {
  font-family: 'BISansNEXT';
  font-weight: 400;
  color: #464646;
  font-size: 17px;
  position: relative;
  overflow-y: scroll;
}

a {
  text-decoration: none;
  color: #003366;
}

a:link,
a:visited,
a:hover {
  text-decoration: none;
}

strong {
  font-weight: bold;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #464646;
  opacity: .5;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #464646;
  opacity: .5;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #464646;
  opacity: .5;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #464646;
  opacity: .5;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 0 #FFF inset !important;
  outline: none;
}

input[type='text'],
input[type='email'],
input[type='password'] {
  border: 1px solid #dbdeec;
  padding: 10px 10px;
  font-size: 15px;
  width: 100%;
}

button {
  border: 0;
  padding: 10px 20px;
  background: #f68b1f;
  font-size: 18px;
  color: #FFF;
  line-height: 1;
  outline: none;
}

label {
  margin: 0;
}

.tab-content{
  display: none;
}
.tab-content.tab-active{
  display: block;
}

.wrapper {
  width: 100%;
  overflow: hidden;
}

.wrapper div [role=alert] {
  display: none;
}

.container-fluid {
  padding: 0;
}

.b_left {
  float: left;
}

.b_right {
  float: right;
}

.hide-mobile {
  display: none;
}

.show-mobile {
  display: block;
}

.heading1 {
  font-size: 14px;
  font-family: "BISansNEXT_Bd";
  color: #FFF;
  position: relative;
  margin: 20px auto;
  z-index: 1;
}

.heading1:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  left: 15px;
  width: 150%;
  height: 1px;
  background: #b2c1d1;
}

.heading1:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: -999px;
  bottom: 50%;
  width: 9999px;
  display: block;
  z-index: -1;
}

.single-page .heading1:after {
  background: #fff;
}

.heading1.h-red:before {
  background: #e2b5b7;
}

.heading1.h-brown:before {
  background: #c6c6c6;
}

.heading1 span {
  background: #003366;
  padding: 10px 15px;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
}

.heading1 .icon {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.heading4 {
  font-size: 30px;
  padding: 30px 0 25px;
  border-bottom: 1px solid #003366;
}

.linkFull {
  cursor: pointer;
}

a.btn_back1,
a.btn_back {
  display: inline-block;
  color: #FFF !important;
  background: #CCC;
  padding: 8px 10px 8px 5px;
  font-size: 13px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 18px;
}

a.btn_back1 i,
a.btn_back i {
  display: none;
}

a.btn_back1:before,
a.btn_back:before {
  content: '\e803';
  font-family: "fontello";
  position: absolute;
  top: 8px;
  left: 5px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
}

.product_id {
  position: absolute;
  font-size: 10px;
  color: #FFF;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: 51% 51%;
  -webkit-transform-origin: 51% 51%;
  line-height: 1.2;
  min-width: 114px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}


.bi-podcast-table .modal {max-width: none;padding: 0;}

.customitalic {
    font-style: italic;
}
.custombold {
    font-weight: bold;
}
.customunderline {
    text-decoration: underline;
}

.viewlikeshare {
    display: none !important;
}

@media (max-width: 767px) {
  body {
    font-size: 15px;
  }

  input[type='text'],
  input[type='email'],
  input[type='password'] {
    padding: 8px 10px;
    font-size: 13px;
  }

  button {
    padding: 7px 10px;
    font-size: 13px;
  }

  .product_id {
    bottom: 190px;
    right: -42px;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  .heading4 {
    font-size: 20px;
    padding: 20px 0 15px;
  }
}

@media (min-width: 768px) {
  .hide-mobile {
    display: block !important;
  }

  .show-mobile {
    display: none !important;
  }

  .heading1 {
    font-size: 20px;
  }

  .product_id {
    right: -42px;
    bottom: 190px;
  }

  .view-text {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .product_id {
    bottom: 116px;
  }
}

@media (min-width: 1200px) {
  .product_id {
    left: -42px;
    right: auto;
  }
}

.pt0 {
  padding-top: 0 !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pa0 {
  padding: 0 !important;
}

.ma0 {
  margin: 0 !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

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

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.no-border {
  border: 0 !important;
}

.hidden {
  visibility: hidden;
}

/*font-size*/
.fsmaller {
  font-size: 0.7em !important;
}

.font08em {
  font-size: 0.8em !important;
}

.font09em {
  font-size: 0.9em !important;
}

.font12em {
  font-size: 1.2em !important;
}

.font135em {
  font-size: 1.35em !important;
}

.font14em {
  font-size: 1.4em !important;
}

.finitial {
  font-size: initial !important;
}

/*flex*/
.flex {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.flex_nowrap {
  display: flex;
  display: -webkit-flex;
}

.flex_center {
  justify-content: center;
  -webkit-justify-content: center;
}

.flex_left {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.flex_right {
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.flex_middle {
  align-items: center;
  -webkit-align-items: center;
}

.flex_top {
  align-items: flex-start;
  -webkit-align-items: flex-start;
}

.flex_bottom {
  align-items: flex-end;
  -webkit-align-items: flex-end;
}

.row.flex>div {
  margin-bottom: 20px;
  display: flex;
  display: -webkit-flex;
}

.flex-center {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
}

.align_ver_center {
  display: -webkit-box;
  -webkit-box-align: center;
  display: -ms-flexbox;
  -ms-flex-align: center;
  display: -moz-box;
  -moz-box-align: center;
  display: -o-box;
  -o-box-align: center;
}

.align_hoz_center {
  display: -webkit-box;
  -webkit-box-pack: center;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  display: -moz-box;
  -moz-box-pack: center;
  display: -o-box;
  -o-box-pack: center;
}

.align_mid {
  display: -webkit-box;
  -webkit-box-align: center;
  -webkit-box-pack: center;
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  display: -o-box;
  -o-box-pack: center;
  -o-box-align: center;
}

/*background-position*/
.ba-po40 {
  background-position: 42% 0 !important;
}

.po {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.po_relative {
  position: relative !important;
}

.w100 {
  width: 100% !important;
}

.bo0 {
  border: 0 !important;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

/* ------------------------------------------------------------------
  Color styles
-------------------------------------------------------------------*/
.white {
  color: #FFFFFF !important;
}

.black {
  color: #000 !important;
}

.dark_gray {
  color: #2f2f2f;
}

.gray {
  color: #3d3d3d;
}

.light_gray {
  color: #464646;
}

.gray1 {
  color: #888888;
}

.gray2 {
  color: #5d5e5e;
}

.dark_blue {
  color: #003366;
}

.blue {
  color: #00577e;
}

.orange {
  color: #f68b1f !important;
}

.orange1 {
  color: #faa61a !important;
}

.orange2 {
  color: #eb783d !important;
}

.orange3 {
  color: #f8a41a !important;
}

.orange4 {
  color: #f6c914 !important;
}

.orange5 {
  color: #f7921e !important;
}

.dark_cyan {
  color: #006666;
}

.light_cyan {
  color: #87b2b2;
}

.cyan {
  color: #149587;
}

.red {
  color: #9e0b0f;
}

.red1 {
  color: #eb1c23;
}

.red2 {
  color: #e50046;
}

.dark-red {
  color: #5a0002 !important;
}

.purple {
  color: #332a86 !important;
}

.dark_green {
  color: #004e59;
}

.green {
  color: #81c848;
}

.pine {
  color: #008da1 !important;
}

.blue2 {
  color: #34bec8 !important;
}

.blue3 {
  color: #037d92 !important;
}

.blue4 {
  color: #007ac3 !important;
}

.blue5 {
  color: #6abdc9 !important;
}

.blue6 {
  color: #0e3457 !important;
}

.blue7 {
  color: #21beca !important;
}

.blue8 {
  color: #22beca !important;
}

.blue9 {
  color: #1cbdc7 !important;
}

.blue10 {
  color: #89d3db !important;
}

.blue11 {
  color: #eaf7f8 !important;
}

.blue12 {
  color: #c3e8eb !important;
}

.blue13 {
  color: #00aad1 !important;
}

.green1 {
  color: #00a855;
}

.green2 {
  color: #005a27;
}

.green3 {
  color: #4fac68 !important;
}

.green4 {
  color: #009c97 !important;
}

.green5 {
  color: #a6cf41 !important;
}

.green6 {
  color: #029b97 !important;
}

.green7 {
  color: #6bb644 !important;
}

.green8 {
  color: #79B72C !important;
}

.green9 {
  color: #1aa79c !important;
}

.green10 {
  color: #0a6d7b !important;
}

.navy {
  color: #004a8d;
}

.magenta {
  color: #ed3c8d;
}

.tan {
  color: #a99f28;
}

.yellow {
  color: #fce800;
}

.yellow1 {
  color: #fbf301 !important;
}

.bg-white {
  background-color: #FFF !important;
}

.bg-orange1 {
  background-color: #faa61a !important;
}

.bg-orange2 {
  background-color: #eb783d !important;
}

.bg-orange3 {
  background-color: #f8a41a !important;
}

.bg-orange4 {
  background-color: #f6c914 !important;
}

.bg-orange5 {
  background-color: #f7921e !important;
}

.bg-red1 {
  background-color: #eb1c23 !important;
}

.bg-red2 {
  background-color: #e50046 !important;
}

.bg-blue4 {
  background-color: #007ac3 !important;
}

.bg-blue5 {
  background-color: #6abdc9 !important;
}

.bg-blue6 {
  background-color: #0e3457 !important;
}

.bg-blue7 {
  background-color: #21beca !important;
}

.bg-blue8 {
  background-color: #22beca !important;
}

.bg-blue9 {
  background-color: #1cbdc7 !important;
}

.bg-blue10 {
  background-color: #89d3db !important;
}

.bg-blue11 {
  background-color: #eaf7f8 !important;
}

.bg-blue12 {
  background-color: #c3e8eb !important;
}

.bg-blue13 {
  background-color: #00aad1 !important;
}

.bg-trans {
  background: transparent !important;
}

.titleNavy {
  background-color: #246ab7 !important;
}

.highlight {
  background-color: #ffff00;
}

.highlight1 {
  background-color: #d9d9d9;
}

.highlight2 {
  background-color: #ccc;
}

.bg-green {
  background-color: #81c848 !important;
}

.bg-green4 {
  background-color: #009c97 !important;
}

.bg-green5 {
  background-color: #a6cf41 !important;
}

.bg-green6 {
  background-color: #029b97 !important;
}

.bg-green7 {
  background-color: #6bb644 !important;
}

.bg-green8 {
  background-color: #79B72C !important;
}

.bg-green9 {
  background-color: #1aa79c !important;
}

.bg-green10 {
  background-color: #0a6d7b !important;
}

.bg-light1 {
  background-color: #d1e4ea !important;
}

.bg-light2 {
  background-color: #e9f1f4 !important;
}

.bg-light3 {
  background-color: #efefef !important;
}

.bg-light4 {
  background-color: #f7f1d0 !important;
}

.bg-light5 {
  background-color: #fff1e1 !important;
}

.bg-light6 {
  background-color: #ebeced !important;
}

.bg-tan {
  background-color: #a99f28 !important;
}

.bg-yellow {
  background-color: #fce800 !important;
}

.bg-yellow1 {
  background-color: #fbf301 !important;
}

.bg-cyan {
  background-color: #149587 !important;
}

.bg-purple {
  background-color: #332a86 !important;
}

.bg-darkblue {
  background-color: #003366 !important;
}

.bg-blue1 {
  background-color: #0f50ac !important;
}

.bg-green2 {
  background-color: #005a27 !important;
}

.bg-blue2 {
  background-color: #037D91 !important;
}

.bg-blue3 {
  background-color: #095d80 !important;
}

.bg-blue14 {
  background-color: #008da1 !important;
}

/* css for global change color bg title */
.heading1 span.titleBlue {
  background-color: #003366;
}

.heading1 span.titleBlue1 {
  background-color: #0f50ac;
}

.heading1 span.titleGreen {
  background-color: #033d3e;
}

.heading1 span.titleRed {
  background-color: #9d0b0e;
}

.heading1 span.titleDarkGreen {
  background-color: #033e3e;
}

.heading1 span.titleGreen1 {
  background-color: #149587;
}

.heading1 span.titleDarkBlue {
  background-color: #095d80;
}

.heading1 span.titleBrown {
  background-color: #773000;
}

.heading1 span.titleBlue2 {
  background-color: #037d92;
}

.heading1 span.titleGreen1 {
  background-color: #005a27;
}

.heading1 span.titleGreen2 {
  background-color: #149587;
}

/* ------------------------------------------------------------------
  Header styles
-------------------------------------------------------------------*/
header {
  background: #2f2f2f;
  padding-top: 7px;
  height: 40px;
  position: relative;
  z-index: 9;
}

header #logo {
  width: 66px;
}

header .hbox {
  display: inline-block;
  color: #FFF;
  padding-top: 0;
}

header .hbox .current-country-flag {
  width: 28px;
  float: left;
  margin-right: 8px;
}

header .hbox .current-country-flag a {
  display: block;
}

header .hbox .current-country-flag img {
  border: 1px solid #FFF;
}

header .hbox .login {
  display: inline-block;
  padding: 0 10px 0 0;
  margin-right: 0;
  font-size: 12px;
}

header .hbox .login i {
  font-size: 14px;
}

header .hbox .login span {
  display: inline-block;
  margin-right: 3px;
}

header .hbox .login a {
  margin-left: 5px;
  display: inline-block;
}

header .hbox #search {
  display: none;
}

header .hbox a {
  color: #FFF;
}

header .hbox #menu {
  display: inline-block;
  margin-top: 0px;
  vertical-align: top;
  font-size: 20px;
  margin-right: -5px;
}

header .hbox #close-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  display: inline-block;
  background: #e0e0e0;
  font-size: 20px;
  padding: 5px 5px 0;
  display: none;
  color: initial;
}

@media (max-width: 767px) {
  header .hbox .current-country-flag {
    width: 22px;
  }

  nav {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    display: none;
    background: #e0e0e0;
  }

  nav>ul>li {
    display: block;
    padding: 0 10px;
    border-bottom: 1px solid #d0d0d0;
    text-transform: uppercase;
  }

  nav>ul>li a {
    color: #464646;
    display: block;
  }

  nav>ul>li>a {
    padding: 10px 0;
  }

  nav>ul>li>a.active {
    color: #00a1e0;
  }

  .submenu {
    margin: 0 -10px;
    background: #FFF;
    display: none;
  }

  .submenu .container {
    padding: 0;
  }

  .submenu a {
    display: block;
    padding: 10px 10px 10px 20px;
    border-top: 1px solid #d0d0d0;
    text-transform: initial;
  }

  .submenu2 a {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 10px !important;
    color: #868686;
  }

  .po_relative_mb {
    position: relative !important;
  }

  .po_mb {
    position: absolute !important;
  }
}

@media (min-width: 768px) {
  header {
    height: 86px;
    padding-top: 20px;
    color: rgba(255, 255, 255, .6);
    font-size: 14px;
    border-bottom: 3px solid #e4e4e4;
  }

  header #logo {
    width: 150px;
  }

  header .hbox {
    padding-top: 18px;
    display: inline-block;
  }

  header .hbox a:hover {
    opacity: .6;
  }

  header .hbox .login {
    font-size: 16px;
    /*border-right: 1px solid #FFF;*/
    /*phase2*/
    /*padding: 0 14px 0 0;
    margin-right: 10px;*/
    /*phase2*/
  }

  header .hbox #search {
    /*display: inline-block;*/
    /*phase2*/
    display: none;
    /*phase2*/
  }

  header .hbox .login i {
    display: inline-block;
    margin-left: 5px;
    margin-right: .273em;
  }

  nav {
    display: inline-block;
    width: calc(100% - 300px);
    margin-top: 0;
    top: 0;
    vertical-align: top;
  }

  nav>ul {
    text-align: center;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
  }

  nav>ul>li {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    padding: 0 2.5% 0;
    border-bottom: 3px solid #e4e4e4;
    cursor: pointer;
    transition: all .5s;
    height: 66px;
  }

  nav>ul>li a {
    color: rgba(255, 255, 255, .6);
  }

  nav>ul>li>a {
    text-transform: uppercase;
  }

  nav>ul>li:hover,
  nav>ul>li.active {
    border-color: #00a1e0;
  }

  nav>ul>li:hover>a,
  nav>ul>li.active>a {
    color: #FFF;
  }

  li.leaf {
    padding: 0.2em 0.5em 0 0;
    margin: 0;
    }

  .submenu {
    display: none;
    position: absolute;
    top: 86px;
    left: 0;
    right: 0;
    background: #e4e4e4;
    text-align: left;
    padding: 25px 0;
  }

  nav>ul>li:hover .submenu {
    display: block;
  }

  .submenu ul {
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  .submenu a {
    display: inline-block;
    color: #464646;
    padding-right: 40px;
    text-transform: initial;
  }

  .submenu a:hover {
    color: #00a1e0 !important;
  }

  .wrap-submenu {
    padding-left: 178px;
  }

  .submenu .all {
    float: left;
  }

  .submenu .all span {
    float: left;
  }

  .wrap-submenu ul li {
    width: 46%;
    float: left;
    padding-right: 2%;
  }

  .wrap-submenu ul li>a {
    border-bottom: 1px solid rgba(134, 134, 134, .5);
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: block;
  }

  .wrap-submenu ul.opt1 li {
    width: 25%;
  }

  .wrap-submenu ul.opt1 li a {
    width: 100% !important;
    border-bottom: 0;
    padding-right: 5px;
  }

  .nosubproducts .wrap-submenu ul li>a {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
  }

  .submenu2 a {
    color: #868686;
    margin-left: -7px;
    display: block;
    margin-bottom: 3px;
    padding-right: 10px;
    padding-left: 19px;
  }

  .submenu2 a i {
    display: inline-block;
    text-indent: -13px;
    width: 0;
  }

  .wrap-submenu li {
    padding-bottom: 10px;
  }

  .wrap-submenu li:nth-last-of-type(1),
  .wrap-submenu li:nth-last-of-type(2) {
    padding-bottom: 0;
  }

  nav>ul>li:first-child .wrap-submenu a {
    width: 40%;
    display: inline-block;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .wrap-submenu {
    padding-left: 275px;
  }

  .submenu li .submenu2 a {
    float: left;
    width: 50%;
  }

  .submenu li .submenu2.oneitem a {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  header {
    font-size: 16px;
  }

  nav>ul>li {
    padding: 0 5% 0;
  }

  .wrap-submenu {
    padding-left: 267px;
  }
}



/* ------------------------------------------------------------------
  Footer styles
-------------------------------------------------------------------*/
footer {
  background: #3d3d3d;
  padding: 20px 0;
  color: #FFF;
  font-size: 15px;
}

.foo1 {
  border-bottom: 1px solid #FFF;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.foo1 .lv1 li {
  padding: 5px 0;
  text-transform: uppercase;
}

.foo1 .lv1 li a.active {
  color: #FFF !important;
}

.foo1 a {
  color: #FFF;
}

.foo1 a:hover {
  opacity: .6;
}

.foo1 .lv2 {
  display: none;
}

.foo2 {
  font-size: 13px;
}

.foo2 p {
  line-height: 1.4;
}

@media (min-width: 768px) {
  .foo1 {
    display: flex;
    -webkit-display: flex;
    -ms-display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  .foo1 .fbox {
    width: 49.5%;
    float: left;
  }

  .foo1 .lv2 {
    display: block;
    margin-left: -7px;
  }

  .foo1 .fbox:nth-child(2) .lv2 li {
    float: left;
    width: 100%;
  }

  .foo1 .lv2 i {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
    line-height: 1;
    margin-top: 3px;
    float: left;
  }

  .foo1 .lv2 li {
    padding: 5px 0;
  }

  .foo1 .lv1 li {
    text-transform: none;
  }

  .foo1 .lv2 li a {
    vertical-align: top;
    margin-top: 0;
    display: block;
    padding-left: 20px;
    color: #FFF;
  }

  .foo2 p {
    padding-bottom: 10px;
  }
}

@media (min-width: 992px) {

  /* 5 columns */
  /*.foo1 .fbox {
    width: 19.5%;
  }
  .foo1 .fbox:nth-child(2) {
    width: 40%;
  }
  .foo1 .fbox:nth-child(2) .lv2 li {
    width: 45%;
  }*/
  /* 5 columns */
  .opu_kr .foo1 .fbox:nth-child(3) {
    width: 23% !important;
  }

  .opu_kr .foo1 .fbox {
    width: 19%;
  } 
  .foo1 .fbox {
    width: 24.5%;
  }

  .foo1 .fbox:nth-child(2) .lv2 li {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  footer {
    font-size: 18px;
  }

  .foo2 {
    font-size: 14px;
  }

  .foo1 .lv2 i {
    margin-top: 5px;
  }
}

/* ------------------------------------------------------------------
  Menu product styles
-------------------------------------------------------------------*/
.menu_pro ul li a {
  color: #696969;
}

.menu_pro .ml2 a.active,
.menu_pro .ml2 a:hover {
  color: #009c97;
}

.menu_pro.pradaxa .ml2 a.active,
.menu_pro.pradaxa .ml2 a:hover {
  color: #00a1e0;
}

.menu_pro .iScrollVerticalScrollbar {
  width: 4px !important;
}

.menu_pro.jardiance .iScrollIndicator {
  background: #009c97 !important;
}

.menu_pro.trajenta .iScrollIndicator {
  background: #ffa02f !important;
}

.menu_pro.glyxambi .iScrollIndicator {
  background: #009c97 !important;
}

.menu_pro.pradaxa .iScrollIndicator {
  background: #00a1e0 !important;
}

.menu_pro.micardis .iScrollIndicator {
  background: #75c24a !important;
}

.menu_pro.spiolto .iScrollIndicator {
  background: #75c24a !important;
}

.menu_pro.giotrif .iScrollIndicator {
  background: #34bec8 !important;
}

.menu_pro.spiriva .iScrollIndicator {
  background: #3acabc !important;
}

.menu_pro.tiotropium .iScrollIndicator {
  background: #3acabc !important;
}

.menu_pro.respimat .iScrollIndicator {
  background: #3acabc !important;
}

@media (max-width: 767px) {
  .menu_pro {
    position: relative;
    z-index: 8;
    background: #FFF;
    width: 100%;
    transition: all .5s;
    z-index: 0;
    overflow: hidden;
  }

  .menu_pro .container {
    margin-left: -15px;
    margin-right: -15px;
  }

  .menu_pro .logo {
    display: block;
    width: 130px;
    padding: 10px 0;
    margin: 0 auto;
  }

  .menu_pro .ml1 {
    position: relative;
    border-top: 1px solid #f5f5f5;
    left: 0;
    transition: all .5s;
  }

  .menu_pro .ml1.selected {
    left: -100%;
  }

  .menu_pro ul li a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #f5f5f5;
    font-size: 18px;
  }

  .menu_pro ul li.active>a {
    color: #009c97;
  }

  .menu_pro ul li>a span {
    float: right;
    display: none !important;
    margin-right: -15px;
    margin-top: -5px;
    vertical-align: top;
  }

  .menu_pro ul li>a.linkSub>span {
    display: inline-block !important;
  }

  .menu_pro ul li>a i {
    color: #dcdcdc;
    font-size: 25px;
    display: block;
  }

  .menu_pro .ml2 li>a i {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: block;
  }

  .menu_pro .ml2 li>a.open i {
    transform: rotate(90deg) scaleX(-1);
    -webkit-transform: rotate(90deg) scaleX(-1);
  }

  .menu_pro .ml2 {
    position: absolute;
    left: 100%;
    width: 100%;
    top: 0;
    transition: all .5s;
    background: #FFF;
    display: none;
  }

  .menu_pro .ml3 {
    display: none;
  }

  .menu_pro .ml3 li {
    border-bottom: 1px solid #fff;
  }

  .menu_pro .ml3 li:last-child {
    border-bottom: 0;
  }

  .menu_pro .ml2 .title {
    color: #149587;
    background: #FFF;
    border-top: 1px solid #f5f5f5;
    font-size: 18px;
    padding: 10px 0;
  }

  .menu_pro .ml2 .title i {
    font-size: 25px;
    margin-right: -5px;
    transform: scaleX(-1) translateY(2px);
    display: inline-block;
    line-height: 1;
    color: #a7d7d2;
  }

  .menu_pro .ml2 .title>a {
    color: #149587;
    display: inline-block;
    background: none;
    padding: 0;
    width: calc(100% - 50px);
    border: 0;
  }

  .menu_pro .ml2 a {
    background: #eaeaea;
    font-size: 15px;
    padding-left: 30px;
  }

  /* submenu 3rd ml3 */
  .menu_pro .ml3 a {
    background: #f5f3f3;
  }

  /* pradaxa */
  .menu_pro.pradaxa .ml2 .title {
    color: #00a1e0;
  }

  .menu_pro.pradaxa .ml2 .title>a {
    color: #00a1e0;
  }

  .menu_pro.pradaxa .ml2 .title i {
    color: rgba(0, 161, 224, .3);
  }

  .menu_pro.pradaxa ul li.selected>a {
    color: #00a1e0;
  }

  .menu_pro.pradaxa ul li.active>a {
    color: #00a1e0;
  }
}

@media (min-width: 768px) {
  .menu_pro {
    background: #FFF;
    height: 90px !important;
    position: relative;
    z-index: 8;
  }

  .menu_pro .container {
    height: 100%;
  }

  .menu_pro .logo {
    float: left;
    padding-top: 0 !important;
    max-width: 182px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    height: 100%;
  }

  .menu_pro .logo img {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
  }

  .menu_pro .ml1 {
    display: block;
    padding-left: 0;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
    height: 100%;
    padding-left: 2.8%;
  }

  .menu_pro .ml1>li {
    position: relative;
    display: inline-block;
    padding: 0 2%;
  }

  .menu_pro .ml1>li>a {
    display: block;
    padding: 0;
    text-align: center;
    height: 90px;
    font-size: 18px;
    display: table-cell;
    vertical-align: middle;
  }

  .menu_pro ul li.active>a,
  .menu_pro ul li:hover>a {
    color: #009c97;
    position: relative;
  }

  .menu_pro ul li:hover> :nth-last-child(2):before {
    position: absolute;
    content: '\e807';
    font-family: "fontello";
    bottom: -1px;
    left: 0;
    right: 0;
    line-height: 6px;
    height: 6px;
    text-align: center;
    color: #009c97;
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
  }

  .menu_pro .ml2 {
    position: absolute;
    top: 90px;
    left: 50%;
    display: none;
    font-size: 16px;
    min-width: 290px;
    margin-left: -145px;
    right: 0;
    max-height: 290px;
    overflow: hidden;
  }

  body:not(.s-ipad).menu_pro .ml2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    width: 290px;
    height: 15px;
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));
  }

  .menu_pro .ml2:before {
    position: absolute;
    content: '';
    top: 0;
    right: auto;
    left: 0;
    width: 290px;
    border-top: 1px solid #3acabc;
    height: 1px;
    z-index: 1;
  }

  .menu_pro .ml2:empty {
    display: none !important;
  }

  .menu_pro .ml2 span.icon {
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: -14px;
    margin-left: -10px;
    color: #3acabc;
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    visibility: hidden;
  }

  .menu_pro .ml2 a {
    color: #696969;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #f5f5f5;
    text-align: left !important;
    position: relative;
  }

  .menu_pro ul li:hover .ml2 {
    display: block !important;
  }

  /*submenu 3rd ml3*/
  .menu_pro .ml2 li {
    position: relative;
    background: #fff;
    padding: 0 !important;
  }

  .menu_pro .ml3 {
    display: none;
  }

  .menu_pro .ml3 li {
    background: #eceef0;
  }

  .menu_pro .ml2 a:before {
    content: '' !important;
  }

  .menu_pro .ml2 a.i-group:after {
    position: absolute;
    content: '\e804';
    font-family: 'fontello';
    color: #ccc;
    right: 10px;
    top: 15px;
    width: 10px;
    height: 10px;
    font-size: 15px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
  }

  .menu_pro .ml2 li a.i-group.open:after {
    transform: rotate(90deg) scaleX(-1);
    -webkit-transform: rotate(90deg) scaleX(-1);
  }

  /* pradaxa */
  .menu_pro.pradaxa .logo {
    padding-top: 20px;
  }

  .menu_pro.pradaxa .ml1>li {
    padding: 0 5px;
  }

  .menu_pro.pradaxa ul li.active>a,
  .menu_pro.pradaxa ul li:hover>a {
    color: #00a1e0;
  }

  .menu_pro.pradaxa ul li:hover>a:before {
    color: #00a1e0;
  }

  .menu_pro.pradaxa .ml2:before {
    border-top-color: #00a1e0;
  }

  .menu_pro.pradaxa .ml2 span.icon {
    color: #00a1e0;
  }

  .menu_pro.pradaxa .ml2 a:hover {
    color: #00a1e0;
  }

  .menu_pro .ml2.style-group {
    /*overflow: visible;*/
  }

  .ml2.style-group:after {
    /*height: initial;*/
    /*background: none;*/
  }

  @media (max-width: 768px) {

    /* pradaxa */
    .menu_pro.pradaxa li:last-child .ml2 {
      margin-left: -190px;
    }

    .menu_pro.pradaxa li:last-child .ml2 span.icon {
      left: 64%;
    }
  }
}

@media (min-width: 768px) and (max-width: 1023px) {}

@media (min-width: 992px) {
  .menu_pro ul li {
    padding: 0 10px;
  }

  .menu_pro.pradaxa ul li {
    padding: 0 6px;
  }
}

@media (min-width: 1200px) {
  .menu_pro .ml1>li {
    padding: 0 30px;
  }

  .menu_pro.pradaxa .ml1>li {
    padding: 0 21px;
  }
}

/* fix many items in menu */
@media (min-width: 768px) {
  .menu_pro.many-items-7 ul li {
    padding: 0 10px;
  }

  .menu_pro.many-items-7 ul li>a {
    font-size: 15px;
  }

  .menu_pro.many-items-8 ul li {
    padding: 0 8px;
  }

  .menu_pro.many-items-8 ul li>a {
    font-size: 13px;
  }

  .menu_pro.many-items-9 ul li {
    padding: 0 5px;
  }

  .menu_pro.many-items-9 ul li>a {
    font-size: 12px;
  }

  .menu_pro.many-items-10 ul li {
    padding: 0 5px;
  }

  .menu_pro.many-items-10 ul li>a {
    font-size: 10px;
  }
}

@media (min-width: 992px) {
  .menu_pro.many-items-7 ul li {
    padding: 0 15px;
  }

  .menu_pro.many-items-7 ul li>a {
    font-size: 17px;
  }

  .menu_pro.many-items-8 ul li {
    padding: 0 13px;
  }

  .menu_pro.many-items-8 ul li>a {
    font-size: 16px;
  }

  .menu_pro.many-items-9 ul li {
    padding: 0 12px;
  }

  .menu_pro.many-items-9 ul li>a {
    font-size: 14px;
  }

  .menu_pro.many-items-10 ul li {
    padding: 0 10px;
  }

  .menu_pro.many-items-10 ul li>a {
    font-size: 13px;
  }
}

@media (min-width: 1200px) {
  .menu_pro.many-items-7 ul li {
    padding: 0px 18px;
  }

  .menu_pro.many-items-7 ul li>a {
    font-size: 18px;
  }

  .menu_pro.many-items-8 ul li {
    padding: 0px 20px;
  }

  .menu_pro.many-items-8 ul li>a {
    font-size: 18px;
  }

  .menu_pro.many-items-9 ul li {
    padding: 0px 17px;
  }

  .menu_pro.many-items-9 ul li>a {
    font-size: 16px;
  }

  .menu_pro.many-items-10 ul li {
    padding: 0px 14px;
  }

  .menu_pro.many-items-10 ul li>a {
    font-size: 15px;
  }
}

/* ------------------------------------------------------------------
  Banner styles
-------------------------------------------------------------------*/
.banner {
  position: relative;
  padding-bottom: 40px;
  height: 0;
  padding-bottom: calc(14% + 40px);
}

.banner .container {
  position: absolute;
  height: 0;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding-bottom: 14%;
}

.banner .heading2 {
  position: absolute;
  bottom: -32px;
  left: 10px;
  background: #f68b1f;
  font-size: 38px;
  padding: 10px 20px;
  color: #FFF;
}

.banner img {
  width: 100%;
}

@media (max-width: 767px) {
  .banner {
    padding-bottom: 30px;
    padding-bottom: calc(28% + 30px);
  }

  .banner .container {
    padding-bottom: 28%;
  }

  .banner .heading2 {
    padding: 5px 10px;
    font-size: 18px;
    bottom: -14px;
  }

  .tt_resources {
    height: inherit;
  }

  .tt_resources .container {
    padding-bottom: 0;
    height: inherit;
    position: relative;
  }
}

/* ------------------------------------------------------------------
  Breadcrumb styles
-------------------------------------------------------------------*/
.breadcrumb1, .opu_kr_breadcrumb1 {
  margin-bottom: 30px;
  margin-top: 12px;
  height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.breadcrumb1 a, .opu_kr_breadcrumb1 a {
  color: #004282;
  padding: 5px 15px;
  margin-right: -15px;
  height: 30px;
  font-size: 14px;
  position: relative;
  display: inline;
  vertical-align: middle;
}

.breadcrumb1 a i:last-child, .opu_kr_breadcrumb1 a i:last-child {
  color: #9b9b9b;
  margin-right: -10px;
  display: inline-block;
}

.breadcrumb1 a:first-child, .opu_kr_breadcrumb1 a:first-child {
  background: #004282;
  color: #FFF;
  margin-right: 10px;
  padding-top: 0;
  padding-bottom: 0;
  height: 30px;
  vertical-align: middle;
  line-height: 30px;
  display: inline-block;
}

.breadcrumb1 a:first-child i,
.breadcrumb1 a:last-child i:last-child , .opu_kr_breadcrumb1 a:first-child i, .opu_kr_breadcrumb1 a:last-child i:last-child {
  display: none;
}

.breadcrumb1 a:first-child:before, .opu_kr_breadcrumb1 a:first-child:before {
  position: absolute;
  content: '';
  right: -20px;
  top: 0;
  height: 0;
  width: 0;
  border-width: 15px 10px 15px 10px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #004282;
}

.breadcrumb1 a:last-child, .opu_kr_breadcrumb1 a:last-child {
  color: #555 !important;
}

/* jardiance */
.breadcrumb1.jardiance a:first-child {
  background: #149587;
  color: #FFF;
}

.breadcrumb1.jardiance a:first-child:before {
  border-left-color: #149587;
}

.breadcrumb1.jardiance a {
  color: #149587;
}

/* pradaxa */
.breadcrumb1.pradaxa a:first-child {
  background: #004282;
  color: #FFF;
}

.breadcrumb1.pradaxa a:first-child:before {
  border-left-color: #004282;
}

.breadcrumb1.pradaxa a {
  color: #004282;
}

/* ------------------------------------------------------------------
  Carousel styles
-------------------------------------------------------------------*/
.visual .carousel,
.visual .wrap-visual {
  min-height: 100%;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  left: 0;
}

.visual .caroufredsel_wrapper {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 100% !important;
}

.visual .item {
  min-height: 100%;
  position: relative;
  background-position: 100% 50%;
  background-size: cover;
  height: 100%;
  float: left;
  opacity: 1;
  width: 100%;
}

.visual .box {
  background: #003366;
}

.visual .box .txt {
  background: #f68b1f;
}

.readmore {
  display: inline-block;
  color: #FFF;
  background: #f68b1f;
  padding: 10px 20px;
}

/*visual st2*/
.visual.st2 {
  margin-bottom: 20px;
}

.visual.st2 .box {
  background: none;
}

.visual.st2 .box .txt {
  background: none;
  color: #444;
}

.visual.st2 .box .txt_top {
  display: inline-block;
  border-radius: 5px;
  background: #ffc800;
  padding: 6px 8px;
  line-height: 1.2em;
  transform: initial;
  font-weight: normal;
  letter-spacing: 0.7px;
  font-size: 16px;
}

.visual.st2 .box .txt_top span {
  font-size: 20px;
  letter-spacing: 0.3px;
}

.visual.st2 .box .h2 h2 {
  padding-top: 20px;
  color: #008c7d;
}

.visual.st2 #pagi a.selected {
  border: 5px solid rgba(255, 200, 0, .58);
}

/*visual st2a*/
.visual.st2a .box .h2 h2 {
  color: #1954a5;
  font-family: 'ITCBook';
}

.visual.st2a .box .txt {
  background: none;
  color: #444;
}

.visual.st2a .box .txt_top {
  background: #2c9a40;
  font-family: 'ITCDemi';
  font-size: 17px;
  text-transform: uppercase;
}

.visual.st2a .box .txt_top span {
  font-size: 20px;
}

.visual.st2a #pagi a.selected {
  border: 5px solid rgba(32, 93, 179, .58);
}

@media (max-width: 767px) {
  .visual {
    position: relative;
  }

  .visual .caroufredsel_wrapper {
    position: relative !important;
  }

  .visual .wrap-visual,
  .visual .carousel {
    position: relative !important;
  }

  .visual .wrap-item {
    background: #FFF !important;
  }

  .visual .item img {
    width: 100%;
  }

  .visual .item .img-mb {
    height: 0;
    padding-bottom: 59.3%;
  }

  .visual .wrap-visual .container,
  .visual .carousel .container {
    padding: 0;
  }

  .visual .box {
    margin-left: 0;
    color: #FFF;
    /*padding: 15px 10px 50px;*/
    padding: 15px 10px 10px;
    position: relative;
    margin-top: -45px;
  }

  .visual .box:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    top: 128px;
    background: #FFF;
  }

  .visual .box .h2 .biantiqua_it,
  .visual .box .h2 h2 {
    font-size: 40px;
  }

  .visual .box .h2.h2_home {
    padding-left: 10px;
  }

  .visual .box .h2 .tt1 {
    font-size: 18px;
    display: block;
  }

  .visual .box .h2 .tt2 {
    font-size: 20px;
  }

  .visual .box .wrap_txt {
    margin-top: 10px;
    position: relative;
    padding-left: 20px;
    padding-right: 0;
    left: 0;
    right: 0;
    margin-left: -20px;
    margin-right: -20px;
  }

  .visual .box .wrap_txt:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 80px;
    height: 1px;
    background: #f68b1f;
  }

  .visual .box .wrap_txt:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 20px;
    right: 0;
    height: 1px;
    background: #f68b1f;
  }

  .visual .box .txt {
    padding: 10px;
    font-size: 14px;
    margin-right: 20px;
  }

  .readmore {
    font-size: 13px;
    padding: 5px 10px;
  }

  .visual .readmore {
    float: right;
    margin: 0 20px -50px 0;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  /* visual st2 */
  .visual.st2 {
    margin-bottom: 0;
    min-height: auto;
  }

  .visual.st2 .caroufredsel_wrapper {
    position: relative !important;
  }

  .visual.st2 .carousel {
    position: relative !important;
  }

  .visual.st2 .box {
    margin-top: 0;
    left: 0;
    padding-bottom: 20px;
    background: #149587;
    margin-bottom: 20px;
  }

  .visual.st2 .box:before {
    top: 205px;
    background: none;
  }

  .visual.st2 .box .txt {
    color: #FFF;
    padding: 0;
  }

  .visual.st2 .box .wrap_txt:before,
  .visual.st2 .box .wrap_txt:after {
    background: none !important;
  }

  .visual.st2 .box .h2 h2 {
    font-size: 38px;
    color: #FFF;
    padding-top: 0;
  }

  /* visual st2a */
  .visual.st2a .box .wrap_txt:before,
  .visual.st2a .box .wrap_txt:after {
    background: #d31148;
  }

  .visual.st2a .box {
    background: #205db3;
  }

  .visual.st2a .box:before {
    top: 180px;
  }

  .visual.st2a .box .h2 h2 {
    font-size: 51px;
    padding-top: 0;
  }

  .visual.st2a .box .h2 {
    margin-top: 10px;
  }

  .visual.st2a .box .h2 h2 .tt2 {
    font-size: 32px;
  }
}

@media (min-width: 768px) {
  .visual {
    position: relative;
    max-height: 714px;
    height: 44.68vw;
    overflow: hidden;
  }

  .visual .wrap-visual,
  .visual .caroufredsel_wrapper {
    position: relative !important;
  }

  .visual .wrap-visual .item {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    float: none;
  }

  @-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
    }

    100% {
      -webkit-transform: rotate(360deg);
    }
  }

  @keyframes spin {
    0% {
      transform: rotate(0deg);
    }

    100% {
      transform: rotate(360deg);
    }
  }

  .visual .carousel .container,
  .visual .wrap-visual .container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .visual .wrap-item {
    background-position: 50% 50%;
    background-size: cover;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    float: left;
  }

  .visual .box {
    height: 100%;
    width: 50%;
    color: #FFF;
    padding: 7vw 30px 0;
    position: relative;
  }

  .visual .box .h2 .biantiqua_it,
  .visual .box .h2 h2 {
    font-size: 5.2vw;
  }

  .visual .box .h2 .biantiqua_it b {
    font-weight: normal;
  }

  .visual .box .h2 .tt1 {
    font-size: 2vw;
    display: block;
  }

  .visual .box .h2 .tt2 {
    font-size: 2.9vw;
  }

  .visual .box .wrap_txt {
    margin-left: -30px;
    margin-right: -60px;
    padding-left: 30px;
    border-top: 1px solid #f68b1f;
    border-bottom: 1px solid #f68b1f;
    margin-top: 35px;
  }

  .visual .box .txt {
    padding: 20px 40px;
    font-size: 1.63vw;
    position: relative;
  }

  .readmore {
    font-family: 'BISansNEXT_Bd';
    font-size: 22px;
  }

  .visual .readmore {
    color: #FFF;
    background: #f68b1f;
    font-size: 1.62vw;
    position: absolute;
    bottom: 4vw;
    right: -13%;
  }

  .visual #pagi {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-left: 40px;
  }

  .visual #pagi a {
    text-indent: -999px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #FFF;
    display: inline-block;
    margin: 0 4px;
    box-sizing: content-box;
  }

  .visual #pagi a.selected {
    border: 5px solid rgba(245, 126, 37, .58);
  }

  /* visual st2 */
  .visual.st2 .wrap-item {
    background-position: 37% 50%;
  }

  .visual.st2 .box {
    float: right;
    width: 46%;
    padding-top: 30px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .visual.st2 .box .txt {
    padding: 20px 0;
  }

  .visual.st2 .box .wrap_txt {
    margin-left: 0;
    margin-right: 0;
    padding-right: 30px;
    padding-left: 0;
    border: 0;
    margin-top: 20px;
    position: relative;
  }

  .visual.st2 .box .wrap_txt:before {
    position: absolute;
    content: '';
    left: 0;
    width: 200%;
    height: 1px;
    background: #ffc800;
  }

  .visual.st2 .box .h2 h2 {
    font-size: 51px;
    line-height: 0.9;
    padding-top: 0;
  }

  .visual.st2 .box .h2 .tt1 {
    font-size: 26px;
  }

  .visual.st2 .box .txt {
    font-size: 17px;
    max-width: 382px;
  }

  /* visual st2a */
  .visual.st2a .box .wrap_txt:before {
    background: #d31148;
  }

  .visual.st2a .box .h2 .tt2 {
    font-size: 32px;
  }
}

@media (min-width: 1200px) {

  .visual .box .h2 .biantiqua_it,
  .visual .box .h2 h2 {
    font-size: 90px;
  }

  .visual .box .h2 .tt1 {
    font-size: 35px;
  }

  .visual .box .h2 .tt2 {
    font-size: 50px;
  }

  .visual .box .txt {
    font-size: 25px;
  }

  .visual .readmore {
    font-size: 22px;
    bottom: auto;
    margin-top: 40px;
  }

  /* visual st2a */
  .visual.st2a .box .h2 h2 {
    font-size: 80px;
  }

  .visual.st2a .box .h2 h2 .tt2 {
    font-size: 50px;
  }

  .visual.st2a .box .txt {
    max-width: 430px;
  }
}

@media (min-width: 1600px) {

  /* visual st2 */
  .visual .readmore {
    margin-top: 90px;
  }
}

/* ------------------------------------------------------------------
  Style1
-------------------------------------------------------------------*/
.style_1 {
  padding-bottom: 60px;
}

.style_1 h2 {
  line-height: inherit;
}

.style_1 .col-lg-12,
.col-lg-11,
.style_1 .col-lg-6 {
  padding: 0 0 0 0 !important;
}

.style_1 .st1_right_img {
  height: 0;
  padding-bottom: 73.22% !important;
}

.style_1 .st1_right_img img {
  width: 100%;
  height: auto;
}

.style_1 .st1_left_content {
  position: relative;
}

.st1_left_hidden_img {
  display: none;
}

.st1_left_hidden_img img {
  width: 100%;
}

.style_1 .st1_left_content .st1_title {
  font-size: 4.1em;
  width: 100%;
}

.style_1a .st1_left_content .st1_title .txt_right {
  display: block;
  text-align: right;
  font-weight: bold;
}

.style_1a .st1_right_img {
  padding-bottom: 70.22% !important;
}

.style_1 .st1_left_content .st1_white_box {
  width: 125%;
  position: relative;
  background: #fff;
  border-top: 1px solid #006666;
  border-right: 1px solid #006666;
  border-bottom: 1px solid #006666;
  padding: 1em 0;
  z-index: 2;
  margin-bottom: 3em;
}

.style_1 .st1_left_content .st1_white_box::before,
.style_1 .st1_left_content .st1_white_box::after {
  display: inline-block;
  content: '';
  height: 1px;
  background: #006666;
  position: absolute;
  right: 100%;
}

.style_1 .st1_left_content .st1_white_box::before {
  width: 2em;
  top: -1px;
}

.style_1 .st1_left_content .st1_white_box::after {
  width: 100%;
  top: 100%;
}

.style_1 .st1_left_content .st1_white_box>div {
  width: 49.9%;
  font-size: 1.49em;
}

.style_1 .st1_left_content .st1_white_box .st1_white_box_left {
  text-align: left;
  border-right: 1px solid #87b2b2;
}

.style_1 .st1_left_content .st1_white_box .st1_white_box_left>div {
  display: block;
  width: 100%;
}

.style_1 .st1_left_content .st1_white_box .st1_white_box_left span {
  font-size: 7em;
  line-height: 0.8em;
  display: inline-block;
}

.style_1 .st1_left_content .st1_white_box .st1_white_box_left p {
  margin: 0;
  padding: 0 0 0 1em;
}

.style_1 .st1_left_content .st1_white_box .st1_white_box_right p {
  margin: 0 auto;
  padding: 0;
  width: 80%;
  border-right: 0;
  display: -webkit-box;
  display: box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
}

.style_1 .st1_left_content .st1_content {
  display: block;
  position: relative;
}

.style_1 .st1_left_content .st1_content p {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}

.style_1 .readmore {
  float: right;
  position: relative !important;
  left: 0;
  top: 0;
}




.style_1a .st1_left_content .st1_white_box {
  left: -25%;
  border-top: 1px solid #9e0b0f;
  border-bottom: 1px solid #9e0b0f;
  border-right: 0;
}

.style_1a .st1_left_content .st1_white_box .st1_white_box_right p {
  width: 100%;
  padding-left: 10%;
}

.style_1a .st1_left_content .st1_white_box::before {
  left: 100%;
  background: #9e0b0f;
}

.style_1a .st1_left_content .st1_white_box::after {
  left: 100%;
  background: #9e0b0f;
}

.style_1a .st1_left_content .st1_white_box .st1_white_box_left {
  border-right: 1px solid rgba(158, 11, 15, 0.5);
  text-align: center;
}

.style_1a .st1_left_content .st1_white_box .st1_white_box_left span {
  font-size: 1.8em;
}

.style_1a .st1_left_content .st1_white_box .st1_white_box_left span.opacity_ {
  opacity: 0.5;
}

.style_1a .readmore {
  float: left;
}

.visual .add_explore {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: auto;
  font-size: 15px;
}

@media (min-width: 992px) and (max-width:1199px) {
  .style_1 .st1_left_content .st1_white_box div {
    font-size: 1.2em;
  }

  .style_1 .st1_left_content .st1_white_box .st1_white_box_left span {
    font-size: 6em;
  }

  .style_1a .st1_left_content .st1_title {
    font-size: 3em;
  }

  .style_1a .st1_left_content .st1_white_box .st1_white_box_left span {
    font-size: 1.8em;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .style_1 .st1_left_content .st1_white_box div {
    font-size: 1em;
  }

  .style_1 .st1_left_content .st1_white_box .st1_white_box_left span {
    font-size: 6em;
  }

  .style_1 .st1_left_content .st1_white_box .st1_white_box_left p {
    padding: 0 0 0 0.5em;
  }


  .style_1a .st1_left_content .st1_title {
    font-size: 2.6em;
  }

  .style_1a .st1_left_content .st1_white_box .st1_white_box_left span {
    font-size: 1.8em;
  }
}

@media (max-width:767px) {
  .style_1 {
    padding-bottom: 30px;
  }

  .col-lg-6,
  .col-md-6,
  .col-sm-6,
  .col-xs-6 {
    width: 100%;
  }

  .col-lg-12 {
    position: relative;
  }

  .style_1 .st1_left_content .st1_white_box {
    width: 100%;
  }

  .style_1 .st1_right_img {
    display: none;
  }

  .st1_left_hidden_img {
    display: block;
    position: relative;
    width: calc(100% + 30px);
    left: -15px;
    overflow: hidden;
    height: 0;
    padding-bottom: 50%;
  }

  .style_1 .st1_left_content .st1_title {
    font-size: 25px;
  }

  .style_1a .st1_left_content .st1_title .txt_right {
    text-align: left;
  }

  .style_1 .st1_left_content .st1_white_box {
    width: 100%;
    background: #006666;
    position: relative;
    border: 0;
    margin-bottom: 0em;
    top: -1em;
  }

  .style_1 .st1_left_content .st1_white_box div {
    font-size: 3.2vw;
  }

  .style_1 .st1_left_content .st1_white_box::before,
  .style_1 .st1_left_content .st1_white_box::after {
    width: 200%;
  }

  .style_1 .st1_left_content .st1_white_box::before {
    right: 0;
    top: 0px;
    background: #4d9494;
  }

  .style_1 .st1_left_content .st1_white_box::after {
    left: 0
  }

  .style_1 .st1_left_content .st1_white_box .st1_white_box_left {
    text-align: center !important
  }

  .style_1 .st1_left_content .st1_white_box .st1_white_box_right p {
    color: #fff !important;
  }

  .style_1 .st1_left_content .st1_white_box .st1_white_box_left span {
    font-size: 15vw;
    color: #fff !important;
  }

  .style_1 .st1_left_content .st1_white_box .st1_white_box_left p {
    padding: 0 0 0 0.5em;
    color: #fff !important;
  }

  .style_1 .col-lg-11 {
    width: 100%;
  }

  .style_1 .col-lg-1 {
    width: 0;
    height: 0;
  }

  .style_1 .readmore {
    float: left;
  }



  .style_1a .st1_left_content .st1_white_box {
    left: auto;
    background: #9e0b0f;
    color: #fff;
  }

  .style_1a .st1_left_content .st1_title {
    font-size: 25px;
  }

  .style_1a .st1_left_content .st1_white_box .st1_white_box_left {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }

  .style_1a .st1_left_content .st1_white_box .st1_white_box_left span {
    font-size: 4vw;
  }


  .style_1a .st1_left_content .st1_white_box::before {
    right: 0;
    left: auto;
    background: #cc9f96;
  }

  .visual .add_explore {
    float: none;
    display: inline-block;
    position: relative;
    margin: 10px 0 0 0;
    left: auto;
    right: auto;
    bottom: auto;
  }

  .st1_left_hidden_img img.hide-mobile {
    display: none !important;
  }
}

/* ------------------------------------------------------------------
  Style2_1
-------------------------------------------------------------------*/
.container-fluid.bgGray {
  background: #e5e5e5;
  position: relative;
  top: -39px;
  padding-bottom: 30px;
  margin-bottom: -41px;
}

.container.style2_1 {
  z-index: 0;
}

.style2_1 .h4 {
  margin: initial;
  line-height: initial;
}

.videoBox,
.pdfBox {
  width: 100%;
  text-align: center;
  position: relative;
}

.videoBox a,
.pdfBox a {
  display: block;
}

.videoBox i.icon-play {
  font-size: 25px;
  border-radius: 50%;
  line-height: 50px;
  z-index: 3;
  position: absolute;
  top: 50%;
  text-align: center;
  padding: 10px 17px;
  margin-top: -35px;
  margin-left: -35px;
  left: 50%;
  background-color: rgba(255, 255, 255, .8);
}


.contenBoxVideo {
  padding: 15px 32px;
  position: relative;
}

.contenBoxVideo hr {
  background: #c6c6c6;
  padding: 0px;
  margin: 13px 0px;
}

.caption {}

.viewlikeshare {
  border-bottom: 1px solid #CCC;
  padding-bottom: 6px;
  margin-bottom: 10px;
}

.viewlikeshare span {
  display: inline-block;
  vertical-align: bottom;
  line-height: 24px;
}

.viewlikeshare span i {
  color: #CCC;
}

.viewlikeshare .liked i {
  color: #878383;
}

.viewlikeshare span:first-child i {
  margin-left: -2px;
}

.viewlikeshare span:last-child {
  padding-right: 10px;
}

.viewlikeshare p {
  padding-top: 0;
}

.group_social_1 {
  font-size: 15px;
  border: 0;
  color: #6d6d6d;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  margin-bottom: 0;
  padding-bottom: 0;
}

.group_social_1 i {
  font-size: 15px !important;
}

.caption .h4.gia {
  padding-left: 100px;
  text-align: right;
}

.group_social_1 i {
  font-size: 1.5rem;
}

.group_social_1 span:last-child {
  padding-right: 0;
}

.row.videoContent,
.row.pdfContent {
  padding-bottom: 20px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
}

.row.videoContent .row,
.row.pdfContent .row {
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
}

.row.videoContent>div:nth-child(2),
.row.pdfContent>div:nth-child(2),
.row.videoContent .row>div,
.row.pdfContent .row>div {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
}

.row [class*=col-] {
  margin: 0 -.3px;
}

.row.pdfContent .row>div:nth-child(1),
.row.pdfContent .row>div:nth-child(2),
.row.videoContent .row>div:nth-child(1),
.row.videoContent .row>div:nth-child(2) {
  padding-bottom: 20px;
}

.container.style2_1 {
  padding-top: 84px;
  z-index: 0;
}

.pdfBox,
.videoBox {
  width: 100%;
  text-align: center;
  position: relative;
  height: 0;
  padding-bottom: 55%;
  background-size: cover;
  background-repeat: no-repeat;
  border-bottom: 1px solid #d7d7d7;
}

.contenBoxVideo {
  padding: 15px 32px 20px;
  background: white;
}

.thongtinbv {
  padding-bottom: 20px;
}

.contenBoxVideo hr {
  background: #c6c6c6;
  padding: 0px;
  margin: 14px 0px;
  display: none;
}


.caption .thongtinbv {
  font-size: 13px;
  color: #6d6d6d;
}

.caption .h4 {
  color: #696969;
  font-size: 14px;
}

.caption p {
  font-size: 1.5rem;
  padding-top: 10px;
}

.viewlikeshare {
  font-size: 16px;
  color: #6d6d6d;
}

.viewlikeshare i {
  font-size: 1.5rem;
}

.videoThumb1 {
  width: 100%;
  text-align: center;
  position: relative;
  height: 0;
  padding-bottom: 59%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-bottom: 1px solid #d7d7d7;
}

.videoThumb1 a {
  display: block;
}

.videoBox img:nth-of-type(1),
.pdfBox img:nth-of-type(1),
.videoThumb1 img:nth-of-type(1) {
  visibility: hidden;
}

.videoThumb1 i.icon-play {
  font-size: 15px;
  border-radius: 50%;
  line-height: 50px;
  z-index: 3;
  position: absolute;
  padding: 0px 14px;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  text-align: center;
  background-color: rgba(255, 255, 255, .8);
}

.videoBox1 {
  background: white;
  position: relative;
  width: 100%;
}

.videoBox1 .contentVideoThumb h5 a {
  color: inherit;
  line-height: 1.4;
}

.videoBox1 .contentVideoThumb .caption .h4 {
  font-size: 15px;
}

.videoBox1 .contentVideoThumb {
  padding: 18px 17px 10px;
}

.videoBox1 .contentVideoThumb h5 {
  font-size: 16px;
  padding-bottom: 0;
  overflow: hidden;
}

.videoContent .videoBox1 .contentVideoThumb h5,
.pdfContent .videoBox1 .contentVideoThumb h5 {
  height: 45px;
}

.videoBox1 .contentVideoThumb h5 .fsmaller {
  padding-top: 8px;
  display: block;
}

.videoBox img {
  width: 100%;
}

.videoThumb1 img {
  width: 100%;
}

.contenBoxVideo .h4.bisan_bd {
  font-size: 18px;
  margin-bottom: 9px;
  max-height: 44px;
  overflow: hidden;
  margin-top: 8px;
}

.contenBoxVideo .h4.bisan_bd a {
  color: inherit;
}

.contenBoxVideo p {
  font-size: 15px;
  height: 88px;
  overflow: hidden;
}

.videoBox .timeVideo,
.videoThumb1 p.timeVideo {
  position: absolute;
  bottom: 0px;
  font-size: 12px;
  color: white;
  right: 0;
  padding: 5px 10px;
  background-color: rgba(0, 0, 0, .5);
}

.pdfBox p.icon {
  position: absolute;
  bottom: -4%;
  right: 2%;
  z-index: 2;
}

hr.icopdf {
  margin-top: 0px;
  margin-bottom: 0px;
  border: 0;
  border-top: 1px solid #d7d7d7;
  display: none;
}

.videoBox1 p.icon {
  position: absolute;
  bottom: -6%;
  right: 3%;
}

.pdfBox p.icon img,
.videoBox1 p.icon img {
  visibility: visible !important;
}

img[data-src] {
  visibility: hidden;
}

@media (max-width: 767px) {
  .container-fluid.bgGray {
    top: -37px;
  }

  .container.style2_1 {
    top: -35px;
    padding-top: 45px;
  }

  .videoBox1 {
    background: white;
    margin-bottom: 20px;
    height: auto;
    width: 100%;
  }

  .row.pdfContent .row>div:nth-child(1),
  .row.pdfContent .row>div:nth-child(2),
  .row.videoContent .row>div:nth-child(1),
  .row.videoContent .row>div:nth-child(2) {
    padding-bottom: 0;
  }

  .videoLarge {
    margin-bottom: 20px !important;
  }

  .row.videoContent .row>div,
  .row.pdfContent .row>div {
    height: auto !important;
  }

  .contenBoxVideo p {
    height: auto;
  }

  .videoBox1 .contentVideoThumb {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
  }

  .videoBox1 .contentVideoThumb h5 {
    height: auto;
    padding-bottom: 10px;
  }

  .viewlikeshare span:first-child i {
    font-size: 16px;
    margin-left: -3px;
  }

  .viewlikeshare b.bisan_bd {
    font-size: 16px;
  }

  .group_social_1 {
    position: relative;
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
    bottom: 0;
    left: 0;
  }
}

@media (min-width: 320px) and (max-width: 420px) {
  .caption .h4 {
    color: #696969;
    font-size: 12px;
  }

  .contenBoxVideo {
    padding: 15px 10px 20px;
    background: white;
  }
}

@media (min-width: 768px) {
  .videoLarge {
    position: relative;
  }

  .videoLarge:before {
    position: absolute;
    content: '';
    left: 10px;
    right: 10px;
    bottom: 0;
    top: 0;
    background: #FFF;
  }

  .videoBox1 .contentVideoThumb h5 {
    margin-bottom: 26px;
  }

  @media (max-width: 991px) {

    .contenBoxVideo,
    .videoBox1 .contentVideoThumb {
      padding-left: 10px;
      padding-right: 10px;
    }
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .videoBox1 {
    background: white;
  }
}

/* ------------------------------------------------------------------
  Style3
-------------------------------------------------------------------*/
.visual1 .carousel {
  min-height: 100%;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 100% !important;
  left: 0;
}

.visual1 .caroufredsel_wrapper {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 100% !important;
}

.visual1 .item {
  min-height: 100%;
  position: relative;
  background-position: 100% 50%;
  background-size: cover;
  height: 100%;
  float: left;
  opacity: 1;
  width: 100%;
}

@media (max-width: 767px) {
  .visual1 {
    position: relative;
  }

  .visual1 .caroufredsel_wrapper {
    position: relative !important;
  }

  .visual1 .carousel {
    position: relative !important;
  }

  .visual1 .wrap-item {
    background: #FFF !important;
  }

  .visual1 .item img {
    width: 100%;
  }

  .visual1 .carousel .container {
    padding: 0;
  }

  .visual1 .h2 {
    color: #033e3e;
    font-size: 25px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 10px;
  }

  .visual1 .box {
    margin-left: 10px;
    margin-right: 10px;
    color: #FFF;
    padding: 15px 15px;
    position: relative;
    margin-top: -20px;
    background: #006666;
    margin-bottom: 15px;
    position: relative;
  }

  .visual1 .box:before,
  .visual1 .box:after {
    position: absolute;
    content: '';
    left: -30px;
    right: 0px;
    top: 0;
    height: 1px;
    background: rgba(255, 255, 255, .3);
  }

  .visual1 .box:after {
    right: -30px;
    left: 0;
    top: auto;
    bottom: 0;
    background: rgba(0, 102, 102, .3);
  }

  .visual1 .box .wrap_txt {
    font-size: 14px;
  }

  .visual1 .box .wrap_txt .bg_txt {
    display: flex;
    align-items: center;
  }

  .visual1 .box .tt {
    float: left;
    width: 45%;
    text-align: center;
    padding: 0 10px 0 0;
    position: relative;
    line-height: 1;
  }

  .visual1 .box .tt span {
    display: inline-block;
    text-align: left;
  }

  .visual1 .box .tt1 {
    font-size: 55px;
    line-height: 1;
  }

  .visual1 .box .txt {
    float: right;
    width: 55%;
    padding: 0 0 0 15px;
    position: relative;
  }

  .visual1 .box .txt:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #FFF;
  }

  .visual1 .readmore {
    position: absolute;
    content: '';
    bottom: -40px;
    right: 10px;
  }

  /* .visual1 .st1 */
  .visual1.st1 .box {
    background: rgba(158, 11, 15, 1)
  }

  .visual1.st1 .h2 {
    color: rgba(158, 11, 15, 1);
  }

  .visual1.st1 .box {
    padding: 15px 5px;
  }

  .visual1.st1 .box:before,
  .visual1.st1 .box:after {
    background: rgba(158, 11, 15, .3);
  }

  .visual1.st1 .box .wrap_txt .tt2 {
    font-size: 10px;
  }

  .visual1.st1 .box .wrap_txt .tt3 {
    font-size: 18px;
    color: rgba(255, 255, 255, .2);
  }

  .visual1.st1 .box .wrap_txt span.tt3 {
    vertical-align: top;
    display: inline-block;
    margin-top: -3px;
    padding-right: 3px;
  }

  .visual1.st1 .box .wrap_txt .tt4 {
    font-size: 18px;
  }

  .visual1.st1 .box .tt {}

}

@media (min-width: 768px) {
  .visual1 {
    position: relative;
    max-height: 712px;
    height: 44.68vw;
    overflow: hidden;
    /* padding-top: 44.68%; */
    /*c1*/
  }

  .visual1 .caroufredsel_wrapper {
    position: relative !important;
    padding-top: 44.5%;
    /* c2 */
  }

  .visual1 .wrap-visual .item {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    float: none;
  }

  .visual1 .carousel .container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .visual1 .wrap-item {
    background-position: 50% 50%;
    background-size: auto 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    float: left;
  }

  .visual1 .box {
    background: rgba(0, 102, 102, .75);
    min-height: 100%;
    width: 53.1vw;
    max-width: 58.8%;
    color: #FFF;
    padding: 7vw 5.5vw 0;
    position: relative;
    float: right;
  }

  .visual1 .box .h2 {
    font-size: 5.5vw;
    text-align: right;
    padding-bottom: 20px;
  }

  .visual1 .box .wrap_txt {
    margin-left: -12vw;
    margin-right: -5.5vw;
    padding-right: 5.5vw;
    color: #187374;
    font-size: 1.5vw;
    position: relative;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
  }

  .visual1 .box .wrap_txt:before {
    position: absolute;
    content: '';
    height: 1px;
    top: -1px;
    left: 0;
    right: -100%;
    background: #FFF;
  }

  .visual1 .box .wrap_txt .bg_txt {
    background: #FFF;
    display: flex;
    display: -webkit-flex;
    -webkit-align-items: center;
  }

  .visual1 .box .wrap_txt:before {
    position: absolute;
    content: '';
    height: 1px;
    background: #FFF;
  }

  .visual1 .box .wrap_txt .tt {
    float: left;
    padding: 20px 2vw;
    width: 50%;
    position: relative;
    text-align: center;
    line-height: 0.9;
  }

  .visual1 .box .wrap_txt .tt:before {
    position: absolute;
    content: '';
    top: 30px;
    bottom: 30px;
    right: 0;
    width: 1px;
    background: #187374;
  }

  .visual1 .box .wrap_txt .txt {
    float: right;
    width: 50%;
    padding: 0 2vw;
    align-self: center;
  }

  .visual1 .box .wrap_txt .tt1 {
    color: #87b2b2;
    font-size: 10.5vw;
  }

  .visual1 .readmore {
    position: absolute;
    bottom: -25px;
    right: 8vw;
  }

  /* visual1 st1 */
  .visual1.st1 .box {
    background: rgba(158, 11, 15, .6);
  }

  .visual1.st1 .box .wrap_txt {
    color: #9e0b0f;
  }

  .visual1.st1 .box .h2 {
    font-size: 4.5vw;
  }

  .visual1.st1 .box .wrap_txt .tt2 {
    font-size: 1.7vw;
  }

  .visual1.st1 .box .wrap_txt .tt3 {
    font-size: 3vw;
    color: rgba(153, 11, 15, .2);
  }

  .visual1.st1 .box .wrap_txt span.tt3 {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
    padding-right: 5px;
  }

  .visual1.st1 .box .wrap_txt .tt4 {
    font-size: 3.2vw;
  }

  .visual1.st1 .box .wrap_txt .tt {
    padding-left: 1vw;
    padding-right: 1vw;
  }

  .visual1.st1 .box .wrap_txt .tt:before {
    background: #9e0b0f;
  }
}

@media (min-width: 992px) {
  .visual1 .box {
    width: 53.6vw;
  }
}

@media (min-width: 1024px) {
  .visual1 .box {
    width: 52.1vw;
  }

  .view-text {
    display: inline-block !important;
  }
}

@media (min-width: 1200px) {
  .visual1 .box {
    width: 53.7vw;
  }

  .visual1 .box .wrap_txt {
    font-size: 22px;
  }

  .visual1 .box .h2 {
    font-size: 65px;
  }

  .visual1 .box .wrap_txt .tt1 {
    font-size: 160px;
  }

  /* visual1 st1 */
  .visual1.st1 .box .h2 {
    font-size: 65px;
  }

  .visual1.st1 .box .wrap_txt .tt2 {
    font-size: 27px;
  }

  .visual1.st1 .box .wrap_txt .tt3 {
    font-size: 48px;
  }

  .visual1.st1 .box .wrap_txt .tt4 {
    font-size: 50px;
  }
}

@media (min-width: 1600px) {
  .visual1 .box {
    width: 41.8vw;
    max-width: 60.8%
  }
}

@media (min-width: 1920px) {
  .visual1 .box {
    width: 54.6vw;
  }
}

/* ------------------------------------------------------------------
  Style4
-------------------------------------------------------------------*/
.visual2 sup {
  vertical-align: text-top;
  top: -3px;
  line-height: inherit;
}

.visual2 .item {
  opacity: 1;
}

@media (max-width: 767px) {
  .visual2 {
    position: relative;
  }

  .visual2 .caroufredsel_wrapper {
    position: relative !important;
  }

  .visual2 .carousel {
    position: relative !important;
  }

  .visual2 .wrap-item {
    background: #FFF !important;
  }

  .visual2 .item {
    float: none;
  }

  .visual2 .item img {
    width: 100%;
  }

  .visual2 .carousel .container {
    padding: 0;
  }

  .visual2 .box {
    margin-left: 0;
    color: #FFF;
    padding: 15px 10px 20px;
    position: relative;
    margin-top: 2px;
    background: none;
  }

  .visual2 .box:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    height: 54%;
    background: #FFF;
  }

  .visual2 .box .h2 {
    font-size: 40px;
  }

  .visual2 .box .h2 .tt1 {
    font-size: 2.7rem;
    color: #033e3e;
  }

  .visual2 .box .wrap_txt {
    margin-top: 10px;
    position: relative;
    padding-left: 20px;
    padding-right: 0;
    left: 0;
    right: 0;
    margin-left: -20px;
    margin-right: -20px;
  }

  .visual2 .box .wrap_txt:before {
    position: absolute;
    content: '';
    top: 0;
    left: 2rem;
    right: 0;
    height: 1px;
    background: #b3c5c5;
  }

  .visual2 .box.txt-red .wrap_txt:before {
    background: #e2b5b7;
  }

  .visual2 .box .wrap_txt:after {
    bottom: 0;
    left: 20px;
    right: 0;
    height: 1px;
    background: none;
  }

  .visual2 .box .txt {
    padding: 10px 0;
    font-size: 15px;
    margin-right: 20px;
    color: #464646;
    background-color: snow;
  }

  .visual2 .box .wrap_txt .p i.bisan_it {
    padding: 10px 0;
    font-size: 15px;
    margin-right: 20px;
    color: #464646;
    background-color: snow;
  }

  .visual2 .box p i.bisan_it {
    color: #464646;
    padding-right: 10px;
  }

  .visual2 .box p {
    color: #003366;
    padding-right: 20px;
  }

}

@media (min-width: 768px) {
  .visual2 {
    max-height: 590px !important;
    margin-bottom: 20px;
    height: auto;
  }

  .visual2 .wrap-visual {
    padding-top: 0;
  }

  .visual2 .box {
    min-height: auto !important;
    padding-bottom: 30px;
  }

  .visual2 .img_right {
    width: 55.25%;
    background-position: 100% 50%;
    background-size: cover;
    min-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
  }

  .visual2 .box.txt-red:before {
    background: #e2b5b7;
  }

  .visual2 .item,
  .visual2 .wrap-item {
    position: relative !important;
    width: 100%;
  }

  .visual2 .wrap-item {
    padding-bottom: 80px;
  }

  .visual2 .wrap-visual .container {
    position: relative;
  }
}

@media (min-width: 768px) {

  .visual2 {
    position: relative;
    max-height: inherit !important;
    overflow: hidden;
    margin-top: -40px;
  }

  .visual2 .box {
    background: white;
    min-height: auto;
    width: 57%;
    position: relative;
    padding: 40px 0 !important;
  }

  .visual2 .wrap-item img {
    float: right;
    width: 55.25%;
  }

  .visual2 .box .h2 {
    font-size: 5.2vw;
  }

  .visual2 .box .h2 .tt1 {
    font-size: 4rem;
    color: #033e3e;
  }

  .visual2 .box .txt {
    padding: 0 !important;
    font-size: 1.2rem;
    position: relative;
    color: #464646;
    background: white !important;
  }

  .visual2 .box .wrap_txt {
    margin-left: -30px;
    margin-right: 10%;
    padding-left: 30px;
    margin-top: 10px;
    border: none !important;
  }

  .visual2 .box .wrap_txt p {
    font-size: 1.2rem;
    padding-top: 1rem;
  }

  .visual2 .box .wrap_txt i {
    color: #464646;
  }

  .visual2 .box:before {
    position: absolute;
    content: '';
    left: -100%;
    height: 1px;
    background: #c6c6c6;
    bottom: 0%;
    right: 0%;
  }

}

@media (min-width: 992px) {

  .visual2 .box .txt {
    font-size: 1.4rem;
  }

  .visual2 .box .wrap_txt p {
    font-size: 1.4rem;
    padding-top: 1.5rem;
  }

}

@media (min-width: 1200px) {

  .visual2 .box .txt {
    font-size: 1.7rem;
  }

  .visual2 .box .wrap_txt p {
    font-size: 1.7rem;
    padding-top: 2rem;
  }

  .visual2 .box .h2 .tt1 {
    font-size: 6.5rem;
  }

}

/* ------------------------------------------------------------------
  Style5_1
-------------------------------------------------------------------*/
.produc1 {
  text-align: center;
  position: relative;
  border: 1px solid #bfd9d9;
}

.produc1 .sanpham1 {
  background: #bfd9d9;
  height: 200px;
  width: 100%;
  text-align: center;
  margin-bottom: 103px;
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-direction: column;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  align-items: center;
  -webkit-align-items: center;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

.produc1 .sanpham1 img {
  margin-bottom: -90px;
  max-width: 194px;
}

.produc1 h3 {
  font-size: 24px;
  color: #303030;
  text-align: left;
  padding-right: 30px;
}

.produc1 p {
  text-align: left;
  padding-right: 30px;
  padding-bottom: 8px;
}

.produc1 .contentProduc {
  padding-left: 30px;
}

.contentProduc hr {
  margin: 0px;
  margin-bottom: 15px;
  margin-top: 20px;
  background: #bfd9d9;
  height: 1px;
}

.produc1 a.btn {
  background: #f68b1f;
  border: none;
  border-radius: 0px;
  padding: 10px 25px;
  position: absolute;
  display: inline-block;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  top: auto;
}


@media (max-width: 767px) {
  .product {
    margin-bottom: 20px;
  }

  .produc1 {
    margin-bottom: 40px;
  }

  .produc1 .contentProduc {
    padding-left: 20px;
    padding-bottom: 30px;
  }

  .produc1 p {
    text-align: left;
    padding-right: 20px;
  }

  .produc1 h3 {
    padding-right: 20px;
    font-size: 20px;
  }

  .contentProduc hr {
    margin-top: 15px;
  }
}

/* css for global change color bg title */
.produc1 .bglightBlue {
  background-color: #bfd9d9;
}

.lightBlue {
  border: 1px solid #bfd9d9;
}

.contentProduc hr.bglightBlue {
  background-color: #bfd9d9;
}

.produc1 .bglightRed {
  background-color: #e6c2c2;
}

.lightRed {
  border: 1px solid #e6c2c2;
}

.contentProduc hr.bglightRed {
  background-color: #e6c2c2;
}

@media (min-width: 768px) {
  .product {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    margin-bottom: 50px;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  .product>div {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    margin-bottom: 40px !important;
  }

  .produc1 .contentProduc {
    padding-bottom: 30px;
  }

  .produc1 h3 {
    height: 54px;
    overflow: hidden;
    display: table-cell;
    vertical-align: bottom;
  }
}

/* ------------------------------------------------------------------
  Style6
-------------------------------------------------------------------*/

.titleLine hr.lineLeft {
  width: 31%;
  position: absolute;
  top: 224px;
  height: 1px;
  background: #bfd9d9;
}

.colLeft h2 {
  font-size: 6rem;
  color: #006666;
  padding-bottom: 12px;
  margin-bottom: 50px;
  position: relative;
  word-break: break-word;
}

.colLeft h2:before {
  position: absolute;
  content: '';
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #bfd9d9;
  left: -111%;
}

.colLeft>p {
  margin-right: -2px;
}

.colLeft .txt_small {
  font-size: 15px;
  padding-top: 20px;
}

.colLeft h2.redColor {
  color: #9e0b0f;
  font-size: 4.3rem;
}

.colLeft h2.redColor:before {
  background-color: #9e0b0f;
}

.produc1 .bglightBlue {
  background-color: #bfd9d9;
}

.lightBlue {
  border: 1px solid #bfd9d9;
}

.contentProduc hr.bglightBlue {
  background-color: #bfd9d9;
}

.produc1 .bglightRed {
  background-color: #e6c2c2;
}

.lightRed {
  border: 1px solid #e6c2c2;
}

.contentProduc hr.bglightRed {

  background-color: #e6c2c2;
}


@media (max-width: 767px) {

  .colLeft h2:before {
    position: absolute;
    content: '';
    right: -15px;
    bottom: 0;
    height: 1px;
    background-color: #bfd9d9;
    left: 0;
  }

  .colLeft {
    margin-bottom: 20px;
  }

  .colLeft h2 {
    font-size: 30px !important;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }

  .colLeft .txt_small {
    font-size: 13px;
    padding-top: 10px;
  }
}

@media (min-width: 768px) {
  .hide_768 {
    display: none !important;
  }

  .show_768 {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .colLeft h2:before {
    right: 20px;
  }

  .hide_768 {
    display: block !important;
  }

  .show_768 {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .colLeft h2.redColor {
    font-size: 5rem;
  }
}

/* ------------------------------------------------------------------
  Style8_1
-------------------------------------------------------------------*/
.style8_1 {
  background: #e5e5e5;
  position: relative;
  z-index: 2;
}

.style8_1:before {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  top: 0;
  height: 22px;
  background: #FFF;
  width: 100%;
}

.style8_1 .videoBox1 {
  position: relative;
  width: 100%;
}

.style8_1 .videoBox1 .contentVideoThumb h5 {
  height: auto;
  padding-bottom: 0;
}

.style8_1 .row {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.style8_1 .row>div {
  position: relative;
  margin-bottom: 20px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}

.style8_1 .row>div:before {
  position: absolute;
  content: '';
  background: #FFF;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  z-index: 0;
}

.group_social_1 {
  bottom: 5px;
}

@media (max-width: 767px) {
  .style8_1 .videoBox1 {
    margin-bottom: 0;
  }

  .style8_1 .videoBox1 .contentVideoThumb h5 {
    padding-bottom: 15px;
  }
}

.load-more .row>div {
  display: none;
}

.load-more .row>div.el_show {
  display: flex !important;
  display: -webkit-flex !important;
  display: -ms-flex !important;
}

.load-more:before {
  position: absolute;
  content: '';
  top: 50%;
  margin-top: -25px;
  left: 50vw;
  margin-left: -25px;
  border: 3px solid #e5e5e5;
  border-radius: 50%;
  border-top: 2px solid #696969;
  border-bottom: 2px solid #696969;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.load-more.hide_spin:before {
  display: none;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* ------------------------------------------------------------------
  Contact styles
-------------------------------------------------------------------*/
#contact_ {
  padding-bottom: 60px;
}

#contact_ .breadcrumb {
  height: 30px;
  margin: 0 0 63px 0;
  padding: 0;
  background: none;
}

#contact_ .breadcrumb div {
  width: 80px;
  height: inherit;
  font-size: 0.8em;
  float: left;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}

#contact_ .breadcrumb div.active {
  background: rgba(0, 51, 102, 1);
  color: #fff;
}

#contact_ .breadcrumb div:hover {
  background: rgba(0, 51, 102, 0.2);
}

#contact_ .breadcrumb div::before,
#contact_ .breadcrumb div::after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 10px;
  background: rgba(0, 51, 102, 1);
}

#contact_ .breadcrumb div.active::before,
#contact_ .breadcrumb div.active::after {
  display: inline-block;
}

#contact_ .breadcrumb div::before {
  right: 99%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
}

#contact_ .breadcrumb div::after {
  left: 100%;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
}

#contact_ .breadcrumb div:nth-child(1)::before,
#contact_ .breadcrumb div:nth-child(1):hover::before {
  display: none;
}

#contact_ .breadcrumb div:hover::before,
#contact_ .breadcrumb div:hover::after {
  background: rgba(0, 51, 102, 0.2);
  display: inline-block;
}

#contact_ .contact_block {
  width: 100%;
  padding: 1em 0;
  display: inline-block;
}

#contact_ .contact_block div {
  margin: 0;
  padding: 0 100px;
  position: relative;
  width: 100%;
}

#contact_ .contact_block .logo_contact {
  padding-bottom: 10px;
}

#contact_ .contact_block div img.logo {
  position: relative;
  left: -78px;
  height: auto;
}

#contact_ .contact_block div p {
  font-size: 1.1em;
  margin: 0;
  padding: 0;
  width: 100%;
}

#contact_ .contact_block div p a {
  text-decoration: underline;
}

@media (max-width:767px) {
  #contact_ .breadcrumb {
    margin-bottom: 5vw;
  }

  #contact_ .contact_block {
    padding: 2vw 0;
  }

  #contact_ .contact_block .cover {
    width: 90%;
  }

  #contact_ .contact_block .cover li ul {
    padding-left: 10px;
  }

  #contact_ .contact_block div {
    padding: 0;
  }

  #contact_ .contact_block .logo_contact {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
  }

  #contact_ .contact_block .logo_contact:before {
    position: absolute;
    content: '';
    left: 54px;
    right: -10px;
    bottom: 0;
    height: 1px;
    display: block;
    background: #dcdcdc;
  }

  #contact_ .contact_block div img.logo {
    left: 0px;
    max-width: 159px;
  }

}

/* ------------------------------------------------------------------
  Change Country styles
-------------------------------------------------------------------*/
#change_country_ .breadcrumb {
  height: 30px;
  margin: 0 0 63px 0;
  padding: 0;
  background: none;
}

#change_country_ .breadcrumb div {
  width: 80px;
  height: inherit;
  font-size: 0.8em;
  float: left;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}

#change_country_ .breadcrumb div.active {
  background: rgba(0, 51, 102, 1);
  color: #fff;
}

#change_country_ .breadcrumb div:hover {
  background: rgba(0, 51, 102, 0.2);
}

#change_country_ .breadcrumb div::before,
#change_country_ .breadcrumb div::after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 10px;
  background: rgba(0, 51, 102, 1);
}

#change_country_ .breadcrumb div.active::before,
#change_country_ .breadcrumb div.active::after {
  display: inline-block;
}

#change_country_ .breadcrumb div::before {
  right: 99%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
}

#change_country_ .breadcrumb div::after {
  left: 100%;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
}

#change_country_ .breadcrumb div:nth-child(1)::before,
#change_country_ .breadcrumb div:nth-child(1):hover::before {
  display: none;
}

#change_country_ .breadcrumb div:hover::before,
#change_country_ .breadcrumb div:hover::after {
  background: rgba(0, 51, 102, 0.2);
  display: inline-block;
}


.change_country_title {
  width: 100%;
  font-size: 1.2em;
  margin-bottom: 1em;
}

.change_country_title span {
  display: inline-block;
  padding: 5px 40px;
  color: #FFF;
  background: #354a5d;
  position: relative;
}

#change_country_ .change_country_block {
  width: 100%;
  padding: 3em 1em;
  background: rgba(217, 217, 217, 0.25);
  border-bottom: 2px solid rgba(0, 52, 102, 0.2);
  display: inline-block;
  margin-bottom: 30px;
}

#change_country_ .change_country_block div.country_block {
  width: calc(25% - 2px);
  float: left;
  height: 65px;
  border: 1px solid rgba(217, 217, 217, 0);
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: pointer;
  min-width: 224px;
}

#change_country_ .change_country_block div.country_block.active {
  border: 1px solid rgba(246, 139, 31, 1);
}

#change_country_ .change_country_block div.country_block:hover {
  border: 1px solid rgba(246, 139, 31, 0.5);
}

#change_country_ .change_country_block div.country_block p {
  height: inherit;
  margin: 0;
  padding: 0;
  float: left;
}

#change_country_ .change_country_block div.country_block .country_flag {
  width: 40%;
}

#change_country_ .change_country_block div.country_block .country_flag img {
  box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, 0.2);
  width: 60px;
}

#change_country_ .change_country_block div.country_block .country_name {
  font-size: 1em;
}

#change_country_ .change_country_block div.country_block .country_name a {
  color: initial;
}

@media (max-width:767px) {
  #change_country_ .breadcrumb {
    margin-bottom: 5vw;
  }

  #change_country_ .change_country_block {
    padding: 2vw 0;
  }

  #change_country_ .change_country_block div.country_block {
    display: block;
    width: auto;
    margin-left: 10px;
    margin-right: 10px;
    float: none;
  }

  #change_country_ .change_country_block .cover {
    width: 90%;
  }

  #change_country_ .change_country_block .cover li ul {
    padding-left: 10px;
  }

  #change_country_ .change_country_block div.country_block .country_flag {
    width: 100px;
  }

  #change_country_ .change_country_block div.country_block .country_name,
  .change_country_title {
    font-size: 15px;
  }
}

/* ------------------------------------------------------------------
  Sitemap styles
-------------------------------------------------------------------*/
#sitemap_ {
  margin-bottom: 30px;
}

#sitemap_ .breadcrumb {
  height: 30px;
  margin: 0 0 63px 0;
  padding: 0;
  background: none;
}

#sitemap_ .breadcrumb div {
  width: 80px;
  height: inherit;
  font-size: 0.8em;
  float: left;
  margin-right: 10px;
  position: relative;
  cursor: pointer;
}

#sitemap_ .breadcrumb div.active {
  background: rgba(0, 51, 102, 1);
  color: #fff;
}

#sitemap_ .breadcrumb div:hover {
  background: rgba(0, 51, 102, 0.2);
}

#sitemap_ .breadcrumb div::before,
#sitemap_ .breadcrumb div::after {
  content: '';
  display: none;
  position: absolute;
  top: 0;
  height: 100%;
  width: 10px;
  background: rgba(0, 51, 102, 1);
}

#sitemap_ .breadcrumb div.active::before,
#sitemap_ .breadcrumb div.active::after {
  display: inline-block;
}

#sitemap_ .breadcrumb div::before {
  right: 99%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 100% 50%);
}

#sitemap_ .breadcrumb div::after {
  left: 100%;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
}

#sitemap_ .breadcrumb div:nth-child(1)::before,
#sitemap_ .breadcrumb div:nth-child(1):hover::before {
  display: none;
}

#sitemap_ .breadcrumb div:hover::before,
#sitemap_ .breadcrumb div:hover::after {
  background: rgba(0, 51, 102, 0.2);
  display: inline-block;
}

#sitemap_ .sitemap_block {
  width: 100%;
  padding: 3em 0;
  background: rgba(217, 217, 217, 0.25);
  border-bottom: 2px solid rgba(0, 52, 102, 0.2);
}

#sitemap_ .sitemap_block a {
  color: initial;
}

#sitemap_ .sitemap_block .cover {
  width: 90%;
  margin: 0 auto;
}

#sitemap_ .sitemap_block .cover ul {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#sitemap_ .sitemap_block .cover ul li {
  clear: both;
  width: 100%;
  font-size: 1em;
  position: relative;
  padding: 0.5em 0 0.5em 1em;
  cursor: pointer;
}

#sitemap_ .sitemap_block .cover ul li.parent {
  position: relative;
}

#sitemap_ .sitemap_block .cover ul li.parent::before {
  content: '\e80b';
  display: block;
  color: #f68b1f;
  font-family: "fontello";
  position: absolute;
  left: 0;
  top: 0.45em;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all;

}

#sitemap_ .sitemap_block .cover ul li.parent.ShowHide::before {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#sitemap_ .sitemap_block .cover ul li.child::before {
  width: 8px;
  height: 8px;
  content: '';
  display: inline-block;
  background: #003366;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 1em;
}

#sitemap_ .sitemap_block .cover li ul {
  padding-left: 19px;
}


@media (min-width: 992px) and (max-width:1199px) {}

@media (min-width:768px) and (max-width:991px) {}

@media (max-width:767px) {
  #sitemap_ .breadcrumb {
    margin-bottom: 5vw;
  }

  #sitemap_ .sitemap_block {
    padding: 20px 0;
  }

  #sitemap_ .sitemap_block .cover {
    width: 90%;
  }

  #sitemap_ .sitemap_block .cover li ul {
    padding-left: 10px;
  }

  #sitemap_ .sitemap_block .cover ul li.parent::before {
    top: 0.4em;
  }

  #sitemap_ .sitemap_block .cover ul li.child::before {
    width: 7px;
    height: 7px;
  }
}

/* ------------------------------------------------------------------
  Resources styles
-------------------------------------------------------------------*/
.tt_resources {
  padding-bottom: 15px;
}

.tt_resources .heading2 {
  top: 0;
  left: 0;
  margin-top: 12px;
  display: inline-block;
  position: relative;
  line-height: 1;
}

.section_res {
  position: relative;
  z-index: 3;
}

.section_res .form-col .check-box {
  padding: 10px;
  border: 1px solid #dbdeec;
  font-size: 14px;
  background: #FFF;
}

.section_res .form-col .check-box ul li {
  padding: 10px 0;
  border-bottom: 1px solid #dbdeec;
}

.section_res .form-col .check-box ul li:last-child {
  border-bottom: 0;
}

.section_res .form-col .check-box ul li input {
  float: left;
}

.section_res .form-col .check-box ul li label {
  padding-left: 20px;
  display: block;
}

.section_res .form-col .select-box .tt1 {
  background: #dfeeff;
  float: left;
  padding: 10px;
  margin-right: 10px;
  font-size: 15px;
  color: #9197b4;
}

.section_res .form-col .select-box .tt2 {
  font-size: 15px;
  position: relative;
}

.section_res .form-col .select-box .tt3 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
  color: initial;
}

.list-btn {
  text-align: right;
}

.list-btn button {
  display: inline-block;
  margin-left: 10px;
  line-height: 1;
}

.list-btn .btn_reset {
  background: #CCC;
}

.section_res .form-col input.in_search {
  color: #b6c7da;
  font-family: 'BISansNEXT_It';
  position: relative;
}

.section_res .form-col input.in_search::-webkit-input-placeholder {
  color: #b6c7da;
  opacity: 1;
}

.section_res .form-col input.in_search::-moz-placeholder {
  color: #b6c7da;
  opacity: 1;
}

.section_res .form-col input.in_search:-ms-input-placeholder {
  color: #b6c7da;
  opacity: 1;
}

.section_res .form-col input.in_search:-moz-placeholder {
  color: #b6c7da;
  opacity: 1;
}

.section_result {
  padding-bottom: 20px;
  margin-left: -10px;
  margin-right: -10px;
}

.section_result .txt_result {
  color: #002969;
  padding: 10px 20px;
  border: 1px solid #0066cc;
  position: relative;
  display: inline-block;
}

.section_result .txt_result:before {
  position: absolute;
  content: '';
  bottom: -1px;
  left: -1920px;
  right: -1920px;
  height: 1px;
  background: #0066cc;
}

.section_result .txt_result:after {
  position: absolute;
  content: '';
  bottom: -1px;
  left: 0;
  right: 0;
  height: 1px;
  background: #FFF;
}

.section_result .tag-result {
  padding-top: 20px;
}

.section_result .tag-result span {
  display: inline-block;
  border: 1px solid #d4d7d6;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 10px;
  color: #878787;
}

.section_result .tag-result span i {
  color: #9197b4;
  cursor: pointer;
}

.txt_end {
  color: #bababa;
  font-size: 28px;
  display: inline-block;
  width: 100%;
  padding-bottom: 30px;
}

.txt_end i {
  transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  display: inline-block;
  color: #d4d7d6;
}

.btn_loadmore {
  margin: 0 auto;
  display: none;
  margin-top: 20px;
  font-size: 15px;
  padding: 10px 25px;
  background: #f68b1f;
  font-family: 'BISansNEXT_Bd';
  color: #FFF;
}

.section_res .form-col {
  width: 33%;
  float: left;
  padding-right: 2.5%;
  position: relative;
  margin-bottom: 10px;
  z-index: 2;
}

.section_res .form-col:nth-child(1) {
  z-index: 5;
}

.section_res .form-col:nth-child(2) {
  z-index: 4;
}

.section_res .form-col:nth-child(3) {
  z-index: 3;
}

.section_res .form-col:last-child {
  z-index: 1;
}

.section_res .form-col .title {
  font-size: 16px;
  padding-bottom: 5px;
  color: #706f6f;
}

.section_res .form-col .select-box {
  border: 1px solid #dbdeec;
  width: 100%;
  position: relative;
}

.section_res .form-col .select-box:before {
  position: absolute;
  content: '\e807';
  right: 10px;
  font-family: 'fontello';
  top: 10px;
  color: #d4d7d6;
}

.section_res .form-col .select-box .tt2>div>span {
  color: #b6c7da;
}

.section_res .form-col:last-child .select-box .tt2>div>span {
  color: #878787;
  font-family: 'BISansNEXT' !important;
  font-style: normal;
}

.section_res .form-col .select-box .tt2 .ck-open {
  padding: 10px;
}

.section_res .form-col .check-box {
  position: absolute;
  left: 0;
  top: 41px;
  right: 0;
  display: none;
}

.section_res .form-col:first-child .in_search {
  padding-left: 30px;
}

.section_res .form-col:first-child .icon-search {
  position: absolute;
  bottom: 10px;
  left: 5px;
  color: #9197b4;
}

@media (max-width: 767px) {
  .list-btn {
    text-align: center;
    margin-top: -80px;
    display: none;
  }

  .list-btn>div {
    padding-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
    display: inline-block;
  }

  .list-btn button {
    float: left;
    margin: 0 5px;
    min-width: 140px;
    white-space: nowrap;
  }

  .section_result {
    padding-top: 20px;
  }

  .section_result .txt_result {
    padding: 8px 10px;
  }

  .txt_end {
    font-size: 20px;
  }

  .btn_loadmore {
    font-size: 14px;
  }

  .section_res .form-col {
    width: 100%;
    padding-right: 0;
  }
}

@media (min-width: 992px) {
  .section_res .form-col {
    width: 23%;
  }
}


/* ------------------------------------------------------------------
  Term of Use styles
-------------------------------------------------------------------*/

.contentTermsOfUse {
  background-color: #f5f5f5;
  padding: 30px;
  font-size: 1.7rem;
  line-height: 2.5rem;
  color: #3c3c3c;
  border-bottom: 3px solid #ccd6e0;
  margin-bottom: 30px;
  word-break: unset;
}

.contentTermsOfUse h3 {
  font-size: 2.5rem;
  padding-bottom: 3rem;
  line-height: 1.4;
}

.contentTermsOfUse p {
  padding-bottom: 3.2rem;
}

.contentTermsOfUse u {
  text-decoration: none !important;
  border-bottom: 1px solid #464646;
}


.heading1 span.titleOrange {
  background: #f68b1f;
}

.contentTermsOfUse .block_404 .box_text {
  border-radius: 3px;
  border: 1px solid #b8c4d1;
  padding: 10px;
  width: 100%;
  max-width: 470px;
  margin-bottom: 30px;
}

.contentTermsOfUse .block_404 .box_text .txt_email {
  margin-right: -10px;
  border-top: 1px solid #b8c4d1;
  padding-top: 10px;
  margin-top: 10px;
}

.contentTermsOfUse .list li {
  padding-left: 24px;
}

.contentTermsOfUse .list li em {
  margin-left: -24px;
  width: 20px;
  display: inline-block;
}

.list .list p {
  padding-bottom: 1rem;
}

.list .list li:last-child p {
  padding-bottom: 3.2rem;
}

@media (max-width: 767px) {
  .contentTermsOfUse {
    padding: 15px;
  }

  .contentTermsOfUse h3 {
    font-size: 18px;
    padding-bottom: 15px;
  }

  .contentTermsOfUse p {
    font-size: 13px;
    padding-bottom: 20px;
  }

  .contentTermsOfUse .block_404 .box_text {
    margin-bottom: 15px;
  }

  .contentTermsOfUse .block_404 .box_text {
    font-size: 13px;
  }

  .contentTermsOfUse .list li {
    font-size: 13px;
  }
}

/* ------------------------------------------------------------------
  error 404 styles
-------------------------------------------------------------------*/
.block_404 {
  margin: 30px auto;
  border: 2px solid #ccd6e0;
  padding: 70px 8%;
  position: relative;
  overflow: hidden;
}

.block_404 h2 {
  font-size: 36px;
  color: #004282;
  padding-bottom: 30px;
  min-height: 104px;
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-align-items: flex-end;
}

.block_404 .box_text p {
  margin-bottom: 20px;
}

.block_404 .box_error .txt_error {
  background: #f47f26;
  color: #FFF;
  font-size: 43px;
  margin-right: 24%;
  text-align: center;
  padding: 10px 0 13px;
  position: relative;
}

.block_404 .box_error .txt_error:after,
.block_404 .box_error .txt_error:before {
  position: absolute;
  content: '';
  top: 0;
  right: -600%;
  left: 0;
  height: 1px;
  background: #f47f26;
}

.block_404 .box_error .txt_error:after {
  top: auto;
  bottom: 0;
  left: -300%;
}

.block_404 .box_error .txt_error i {
  font-size: 35px;
  margin-right: 10px;
}

.block_404 .box_error .txt_404 {
  color: #b6c7da;
  font-size: 110px;
}

@media (max-width: 767px) {
  .block_404 {
    padding: 30px 20px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .block_404 h2 {
    font-size: 29px;
  }

  .block_404 .box_error {
    margin-right: -20px;
  }

  .block_404 .box_error .txt_error {
    font-size: 24px;
    width: 128px;
    float: left;
    margin-right: 0;
    min-height: 64px;
    line-height: 64px;
    padding: 0;
  }

  .block_404 .box_error .txt_error i {
    font-size: 20px;
    margin-right: 5px;
  }

  .block_404 .box_error .txt_404 {
    color: #b6c7da;
    font-size: 55px;
    width: 50%;
    float: left;
    padding-left: 20px;
    line-height: 64px;
  }

  .block_404 .box_text {
    padding-top: 20px;
  }

  .block_404 a.readmore {
    width: 70px;
    margin: 0 auto;
    text-align: center;
    display: block;
  }
}

@media (min-width: 768px) {
  .block_404 .box_error {
    position: absolute;
    top: 70px;
    right: 0;
    width: 32%;
  }

  .block_404 .box_text {
    width: 50%;
  }

  .block_404 .box_error .txt_error {
    min-height: 90px;
  }
}

@media (min-width: 992px) {
  .block_404 .box_error .txt_404 {
    font-size: 140px;
  }
}

@media (min-width: 1200px) {
  .block_404 .box_error .txt_error {
    font-size: 48px;
  }

  .block_404 .box_error .txt_404 {
    font-size: 175px;
  }
}

/* ------------------------------------------------------------------
  Form styles
-------------------------------------------------------------------*/
/* Color in Form*/

.txt_red {
  color: #e23b30;
}

.txt_gray {
  color: #aaa;
}

/* ------------------------------------------------------------------
  Register styles
-------------------------------------------------------------------*/
.section_form {
  color: #706f6f;
}

.section_form a {
  text-decoration: underline;
  font-weight: bold;
}

.section_form p {
  font-size: 16px;
}

.section_form textarea,
.section_form input[type="text"],
.section_form input[type="email"],
.section_form input[type="password"] {
  font-size: 15px;
  font-style: normal;
  width: 100%;
  display: block;
  border: 1px solid #d4d7d6;
  padding: 10px 15px;
  font-family: 'MyriadPro';
  line-height: 15px;
}

.section_form label {
  font-size: 16px;
  display: block;
  font-family: 'MyriadPro_Bd';
  padding-bottom: 5px;
}

.section_form select {
  display: block;
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #d4d7d6;
  font-size: 15px;
  line-height: 15px;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  z-index: 1;
  background: none;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 36px), #fff 36px;
  background-image: -webkit-linear-gradient(to left, rgba(255, 255, 255, 0) 36px), #fff 36px;
}

.section_form select option:before {
  position: absolute;
  content: attr(data-before);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: red;
}

/*fix for IE*/
.section_form select::-ms-expand {
  display: none;
}

.section_form select option {
  width: 100%;
}

.section_form ::-webkit-input-placeholder {
  color: #706f6f;
  opacity: .5;
  font-style: italic;
}

.section_form ::-moz-placeholder {
  color: #706f6f;
  opacity: .5;
  font-style: italic;
}

.section_form :-ms-input-placeholder {
  color: #706f6f;
  opacity: .5;
  font-style: italic;
}

.section_form :-moz-placeholder {
  color: #706f6f;
  opacity: .5;
  font-style: italic;
}

.section_form .label_left {
  display: inline-block;
  margin-right: 15px;
}

.section_form .radio-box {
  display: inline-block;
}

.section_form .radio-box ul li,
.section_form .check-box ul li {
  display: inline-block;
  margin-right: 15px;
}

.section_form .check-box ul li:last-child {
  margin-right: 0;
}

.section_form .radio-box ul li input,
.section_form .check-box ul li input {
  float: left;
  vertical-align: top;
  margin-top: 4px;
}

.section_form .radio-box ul li label,
.section_form .check-box ul li label {
  padding-left: 20px;
  display: block;
  font-family: 'MyriadPro' !important;
  font-weight: normal !important;
}

.section_form .box_term {
  position: relative;
}

.section_form .box_term:before {
  position: absolute;
  content: '';
  height: 2px;
  top: 0;
  left: 0;
  right: 0;
  display: block;
}

.section_form input.box_term:before {
  background: none;
}

.select_form {
  position: relative;
  width: 100%;
  background: #fff;
}

.select_form:after {
  position: absolute;
  top: 1px;
  bottom: 1px;
  padding-top: 7px;
  right: 1px;
  padding-left: 20px;
  padding-right: 10px;
  content: '\e807';
  color: #d4d7d6;
  font-family: "fontello";
  font-size: 25px;
  line-height: 25px;
  background: #FFF;
}

.section_form .list-btn a.btn,
.section_form .list-btn input[type='submit'],
.section_form .list-btn .btn-submit,
.section_form .list-btn button {
  color: inherit;
  text-decoration: none;
  border-radius: 0;
  color: #FFF;
}

.section_form .list-btn input[type='submit'],
.section_form .list-btn .btn-submit {
  background: #f68b1f;
  border: 0;
  padding: 10px 20px;
  line-height: inherit;
}

.section_form #edit-submit {
  margin-top: 10px;
  background: #f68b1f;
  border: 0;
  padding: 10px 20px;
  line-height: inherit;
  border-radius: 0;
  color: #FFF;
  font-weight: bold;
  margin: 0 auto;
  display: block;
  margin-bottom: 30px;
  margin-top: 30px;
}

.section_form.change_pass .block_form:nth-child(1) {
  padding-top: 20px;
}

@media (max-width: 767px) {
  .section_form p {
    font-size: 13px;
  }

  .section_form textarea,
  .section_form input[type="text"],
  .section_form input[type="email"],
  .section_form input[type="password"] {
    font-size: 13px;
    padding: 8px 10px;
    line-height: 13px;
    vertical-align: middle;
  }

  .section_form select {
    padding: 8px 10px;
    font-size: 13px;
  }

  .section_form label {
    font-size: 13px;
  }

  .section_form .block_form {
    padding-bottom: 20px;
  }

  .section_form.change_pass .block_form {
    padding-bottom: 0;
  }

  .section_form .box_form {
    padding-bottom: 10px;
  }

  .section_form .check-box {
    display: block;
  }

  .section_form .check-box {
    padding-top: 10px;
  }

  .section_form .radio-box ul li {
    display: inline-block;
  }

  .section_form .check-box ul li {
    display: block;
    margin-bottom: 10px;
  }

  .section_form .radio-box ul li input,
  .section_form .check-box ul li input {
    margin-top: 0px;
  }

  .section_form .list-btn {
    display: block;
    margin-top: 0;
  }

  .list-btn>div {
    display: block;
  }

  .section_form .list-btn a.btn,
  .section_form .list-btn input[type='submit'],
  .section_form .list-btn .btn-submit,
  .section_form .list-btn button {
    display: inline-block;
    float: none;
    max-width: 300px;
    width: 100%;
    margin: 0 auto 10px;
  }

  .select_form:after {
    padding-top: 5px;
  }

  .section_form #edit-submit {
    font-size: 14px;
    padding: 7px 20px;
  }
}

@media (min-width: 768px) {
  .section_form .block_form {
    padding-bottom: 30px;
  }

  .section_form.change_pass .block_form {
    padding-bottom: 0;
  }

  .section_form .box_form {
    float: left;
    width: 50%;
    padding-bottom: 15px;
    padding-right: 30px;
    box-sizing: border-box;
  }

  .section_form .check-box {
    padding-top: 20px;
  }

  .section_form .check-box.col4 ul {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
  }

  .section_form .check-box.col4 ul li {
    width: 22%;
    margin-bottom: 20px;
    float: left;
  }

  .section_form .list-btn {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section_form .list-btn input,
  .section_form .list-btn button {
    min-width: 190px;
  }

  .section_form select {
    line-height: 18px;
    height: 40px;
  }

  .section_form textarea,
  .section_form input[type="text"],
  .section_form input[type="email"],
  .section_form input[type="password"] {
    height: 40px;
  }
}

/* Safari 9+ (iOS Only!) */
@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
  @media {

    .section_form .radio-box ul li input,
    .section_form .check-box ul li input {
      margin-top: 0px;
    }
  }
}

/* ------------------------------------------------------------------
  View Profile styles
-------------------------------------------------------------------*/
.link_form a {
  color: #414141;
}

.link_form li.active a {
  color: #004282;
  display: block;
}

.section_form .box_form .label {
  font-size: 16px;
  display: block;
  padding-bottom: 5px;
  color: #706f6f;
  text-align: left;
}

.section_form .box_form .txt_info {
  font-size: 18px;
  color: #c1bcbc;
}

@media (max-width: 767px) {
  .link_form {
    margin-bottom: 35px;
  }

  .link_form li {
    border: 1px solid #d3d3d3;
    margin-top: -1px;
    text-align: center;
  }

  .link_form li a {
    display: block;
    padding: 8px;
  }

  .link_form li.active a {
    color: #FFF;
    background: #004282;
  }

  .section_form .box_form {
    display: table;
    width: 100%;
    border-collapse: collapse;
  }

  .section_form .box_form .label {
    font-family: 'BISansNEXT_Bd';
    font-size: 13px;
    display: table-cell;
    width: 40%;
    white-space: normal;
    border-bottom: 1px solid #ccd6e0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .section_form .box_form .label span {
    display: inline-block !important;
  }

  .section_form .box_form .txt_info {
    font-size: 13px;
    display: table-cell;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccd6e0;
    width: 60%;
  }
}

@media (min-width: 768px) {
  .link_form {
    border-bottom: 1px solid #004282;
    margin-bottom: 40px;
  }

  .link_form li {
    float: left;
    margin-bottom: -1px;
  }

  .link_form li.active {
    border: 1px solid #004282;
    border-bottom-color: #FFF;
  }

  .link_form li.active a {
    color: #004282;
  }

  .link_form li a {
    display: block;
    padding: 10px 50px;
  }

  .section_form .box_form .label {
    font-family: 'MyriadPro_SmBd';
    padding-bottom: 10px;
    padding-left: 0;
  }
}

/* ------------------------------------------------------------------
  Login styles
-------------------------------------------------------------------*/
#login_form {
  position: fixed;
  background: rgba(0, 0, 0, .5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 12;
  transition: all .5;
  -webkit-transition: all .5;
  -ms-transition: all .5;
  display: none;
}

#login_form .wrap_login {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  width: calc(100% - 20px);
  max-width: 678px;
  background: #FFF;
  overflow: hidden;
}

#login_form .wrap_login:after {
  content: '';
  border-top: 50px solid #003366;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#login_form .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  background: #024f9a;
  display: inline-block;
  color: #FFF;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  z-index: 3;
}

.wrap_login .box_form {
  position: relative;
  padding-bottom: 0;
  margin-top: 15px;
}

.wrap_login .box_form input {
  padding-left: 60px;
  opacity: 1;
}

.wrap_login .box_form:before {
  position: absolute;
  content: '';
  background-color: #dfeeff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 1px solid #dbdeec;
  bottom: 0;
  top: 0;
  width: 49px;
  left: 0;
}

.wrap_login .box_form.box_user:before {
  background-image: url(../images/ico_user.png);
  background-size: 18px auto;
}

.wrap_login .box_form.box_pass:before {
  background-image: url(../images/ico_pass.png);
  background-size: 16px auto;
}

#login_form .wrap_login .box_form.box_pass .ico_show {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
  width: 50px;
  height: 40px;
  background: url(../images/ico_eye.png) no-repeat 50% 50%;
  background-size: 22px auto;
}

#login_form .wrap_login .title {
  position: relative;
  margin-bottom: 20px;
}

#login_form .wrap_login .title:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  right: -100%;
  height: 1px;
  background: #b2c2d1;
}

#login_form .wrap_login .title span {
  background: #004282;
  color: #FFF;
  text-transform: uppercase;
  display: inline-block;
  position: relative;
}

.wrap_login .link_forgot {
  float: right;
  color: #bcc1db;
  text-decoration: none;
}

#login_form .wrap_login p {
  color: #565656;
}

@media (max-width: 767px) {
  #login_form .wrap_login {
    padding: 70px 30px 30px;
  }

  #login_form .wrap_login .title span {
    padding: 8px 10px;
    font-size: 14px;
  }

  .wrap_login .box_form:before {
    width: 40px;
  }

  .wrap_login .box_form.box_user:before {
    background-size: 14px auto;
  }

  .wrap_login .box_form.box_pass:before {
    background-size: 12px auto;
    left: 0px;
  }

  #login_form .wrap_login .box_form.box_pass .ico_show {
    width: 40px;
    background-size: 16px auto;
  }

  .wrap_login .box_form input {
    padding-top: 9px;
    padding-bottom: 12px;
    line-height: 18px;
    padding-left: 50px;
  }

  #login_form .wrap_login .list-btn {
    padding-top: 0;
  }

  #login_form .wrap_login .list-btn>div {
    margin-left: 0;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  #login_form .wrap_login {
    padding: 70px 90px 30px;
  }

  #login_form .wrap_login .box_form {
    float: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  #login_form .wrap_login .title span {
    padding: 10px 20px;
    font-size: 18px;
  }

  #login_form .wrap_login .list-btn {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #login_form .wrap_login .list-btn button {
    margin-left: 0;
    width: 100%;
    float: none;
  }
}

/* ------------------------------------------------------------------
  Term styles
-------------------------------------------------------------------*/
.contentTerms {
  background-color: #f5f5f5;
  margin: 0px;
  padding: 0px;
  padding-top: 30px;
}

.checkoxgroup {
  padding: 20px 30px 20px;
  font-size: 1.9rem;
  line-height: 2.5rem;
  color: #3c3c3c;
  border-bottom: 1px solid #d9d9d9;
}

.checkoxgroup:last-child {
  border-bottom: 3px solid #ccd6e0;
}

.section_form .contentTerms .check-box ul li label.strong {
  font-family: 'BISansNEXT_Bd';
  font-weight: bold !important;
}

.contentTerms.contentConsent {
  padding: 0;
}

@media (min-width: 320px) and (max-width: 480px) {

  .checkoxgroup {
    padding: 20px 15px 20px;
    font-size: 1.5rem;
    line-height: 2rem;
    color: #3c3c3c;
  }

  .contentTerms {
    padding-top: 10px;
  }

  .contentTerms.contentConsent {
    padding: 0;
  }

  .section_form .contentTerms .check-box ul li {
    margin-bottom: 0;
  }
}

/* ------------------------------------------------------------------
  Thank you styles
-------------------------------------------------------------------*/
.block_thank {
  display: block;
  width: 100%;
  margin: 0 auto;
  background: url(../images/ico_check.png) no-repeat;
}

.block_thank .title {
  font-size: 30px;
  color: #5682cd;
  padding-bottom: 10px;
}

.block_thank p {
  font-size: 18px;
  padding-bottom: 20px;
}

@media (max-width: 767px) {
  .block_thank {
    padding: 142px 0 144px 0;
    background-size: 90px auto;
    background-position: 0 40px;
  }

  .block_thank .title {
    font-size: 18px;
  }

  .block_thank p {
    font-size: 13px;
  }
}

@media (min-width: 768px) {
  .block_thank {
    max-width: 750px;
    padding: 80px 0 300px 90px;
    background-size: 62px auto;
    background-position: 0 80px;
  }
}

/* ------------------------------------------------------------------
  Forgot styles
-------------------------------------------------------------------*/
.block_forgot {
  background: none;
  text-align: center;
}

.block_forgot .block_form {
  width: 100%;
  padding-bottom: 0;
}

.block_forgot .box_form {
  margin: 0 auto;
  display: inline-block;
  float: none;
  padding-right: 0;
  padding-bottom: 0;
  margin-top: 20px;
}

.block_forgot .box_form label {
  text-align: left;
}


/* ------------------------------------------------------------------
  Error styles
-------------------------------------------------------------------*/
div.messages {
  border: 1px solid #003366;
  color: #003366;
  font-size: 14px;
  background: none;
  padding: 10px;
  width: 100%;
  margin-bottom: 20px;
}

div.messages h2 {
  font-family: 'BISansNEXT_Bd';
  padding-bottom: 3px;
}

div.messages.status {
  display: none;
}

div.messages.error {
  border-color: #9e0b0f;
  color: #9e0b0f;
}

select.error,
input.error {
  border: 1px solid #FFF !important;
  box-shadow: 0 0 5px #9e0b0f !important;
}

/* ------------------------------------------------------------------
  Login popup styles
-------------------------------------------------------------------*/
#modalContent {
  max-width: 500px !important;
  width: calc(100% - 20px) !important;
}

#modalContent .modal-content {
  margin: 0 auto;
  padding: 20px 30px;
  width: 100% !important;
  overflow: hidden;
}

div.ctools-modal-content {
  margin: 0;
  border: 0;
  width: 100% !important;
}

div.ctools-modal-content .modal-header {
  background: #003366;
  height: 50px;
  position: relative;
  border: 0;
}

div.ctools-modal-content a.close {
  position: absolute;
  top: 0;
  right: 0;
  background: #024f9a;
  display: inline-block;
  color: #FFF;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  z-index: 3;
  opacity: 1;
  margin: 0;
  font-weight: normal;
}

div.ctools-modal-content a.close:before {
  position: absolute;
  content: '\e80d';
  font-family: "fontello";
  left: 0;
  right: 0;
  text-align: center;
  font-size: 17px;
  top: 0;
  bottom: 0;
  vertical-align: middle;
  height: 50px;
}

div.ctools-modal-content a.close img {
  display: none;
}

div.ctools-modal-content .modal-title {
  padding-top: 9px;
  display: block;
}

div.ctools-modal-content .form-actions input {
  border: 0;
  padding: 10px 20px;
  background: #f68b1f;
  font-size: 18px;
  color: #FFF;
  line-height: 1;
  outline: none;
  border-radius: 0;
  width: 100%;
  margin-top: 30px;
}

div.ctools-modal-content .form-item {
  position: relative;
  padding: 0;
  margin-top: 20px;
}

div.ctools-modal-content .form-item input {
  padding-left: 60px;
}

div.ctools-modal-content .form-item:before {
  position: absolute;
  content: '';
  background-color: #dfeeff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  height: 38px;
  top: 1px;
  width: 49px;
  left: 1px;
}

div.ctools-modal-content .form-item.form-item-name:before {
  background-image: url(../images/ico_user.png);
  background-size: 18px auto;
}

div.ctools-modal-content .form-item.form-item-pass:before {
  background-image: url(../images/ico_pass.png);
  background-size: 16px auto;
}

div.ctools-modal-content .form-item label {
  display: none;
}

@media (max-width: 767px) {
  div.ctools-modal-content .form-item input {
    padding-left: 55px;
  }

  #modalContent .modal-content {
    padding: 20px 10px;
  }

  div.ctools-modal-content .form-item:before {
    height: 32px;
  }
}

/* ------------------------------------------------------------------
  new Login page
-------------------------------------------------------------------*/
.wrap_login .content {
  max-width: 500px;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding-top: 30px;
}

.wrap_login #edit-actions {
  padding-top: 10px;
}

@media (min-width: 768px) {
  .wrap_login .box_form {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }
}

/* ------------------------------------------------------------------
  Register styles
-------------------------------------------------------------------*/
#grv-user-register .heading1 {
  clear: both;
  padding-top: 20px;
}

#grv-user-register .heading1:before {
  margin-top: 10px;
}

.form-type-checkbox input {
  float: left;
  vertical-align: top;
}

.form-type-checkbox label {
  padding-left: 20px;
  display: block;
  font-family: 'MyriadPro' !important;
  font-weight: normal !important;
}

.form-type-select {
  position: relative;
  width: 100%;
}

.form-type-select:after {
  position: absolute;
  bottom: 16px;
  padding-top: 7px;
  right: 31px;
  height: 38px;
  padding-left: 20px;
  padding-right: 10px;
  content: '\e807';
  color: #d4d7d6;
  font-family: "fontello";
  font-size: 25px;
  line-height: 25px;
  background: #FFF;
}

#grv-user-register .form-item.form-item-direct-to-customer,
#grv-deeplink-register .form-item.form-item-direct-to-customer {
  width: 100%;
}

/* birthdate field */
.form-item-birthdate {
  padding-bottom: 0px !important;
  padding-right: 0px !important;
}

.form-item-birthdate .grvfieldbirthdate.container-inline {
  width: 100%;
  display: inline-flex;
}

.form-item-birthdate .element-invisible {
  display: none;
}

/*table and ul in form*/
.form-item .description li {
  display: block;
  padding-left: 15px;
  position: relative;
  margin-top: 5px;
}

.form-item .description {
  padding: 0 0 20px;
}

.form-item .description li:before {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #464646;
  top: 5px;
  left: 0;
}

.form-item .description table {
  margin: 10px 0 0;
}

.form-item .description table th {
  font-weight: bold;
}

.form-item .description table th,
.form-item .description table td {
  border: 1px solid #555;
  padding: 5px;
  text-align: center;
}

.form-item-overseas-transfer-consent,
.form-item-specific-purpose-duration-info-item,
.form-item-transfer-to-3rd-party,
.form-item-delegation-of-personal-info {
  width: 100% !important;
}

.grvfieldtherapeuticareasofinterest,
.line_gray_2 {
  border-bottom: 2px solid #ccd6e0;
  margin-bottom: 20px;
}

/* end birthdate field */
@media (max-width: 767px) {
  .section_form .form-item {
    padding-bottom: 10px;
  }

  .form-type-checkbox input,
  .fieldset-wrapper .form-type-checkbox input {
    margin-top: 0px;
  }

  .form-type-select:after {
    right: 1px;
    bottom: 11px;
    padding-top: 3px;
    height: 31px;
  }

  .grvfieldbirthdate.form-select {
    padding: 10px 10px;
  }

  .form-item-birthdate-day,
  .form-item-birthdate-year {
    padding-left: 5px;
  }
}

@media (min-width: 768px) {
  .section_form .form-item {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    padding-right: 30px;
    box-sizing: border-box;
  }

  .form-wrapper {
    clear: both;
  }

  .fieldset-wrapper {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  .fieldset-wrapper .form-type-checkbox {
    width: 33%;
    padding-right: 20px;

  }

  .form-item-terms-and-conditions,
  #grvfieldconsents .fieldset-wrapper .form-type-checkbox {
    width: 100% !important;
  }

  .fieldset-wrapper .form-type-checkbox:nth-of-type(even) {
    padding-right: 20px;
    padding-left: 0;
  }

  .grvfieldbirthdate.form-select {
    padding: 10px 10px;
  }
}

@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) {
  @media {
    .fieldset-wrapper .form-type-checkbox input {
      margin-top: 0px;
    }
  }
}


/* ------------------------------------------------------------------
  Change Password styles
-------------------------------------------------------------------*/
#grv-user-change-password .form-item {
  margin-bottom: 0;
  margin-top: 0;
}

#grv-user-change-password .form-item:nth-of-type(2) {
  clear: left;
}

#grv-user-change-password .txt_gray {
  clear: both;
}

#grv-user-change-password .myriad {
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  #grv-user-change-password .form-item:nth-of-type(3) {
    padding-left: 30px;
    padding-right: 0;
  }

  #grv-user-change-password #edit-actions {
    padding-top: 20px;
  }
}

/* ------------------------------------------------------------------
  Edit Profile styles
-------------------------------------------------------------------*/
#grv-user-profile .heading1 {
  clear: both;
  padding-top: 20px;
}

#grv-user-profile .heading1:before {
  margin-top: 10px;
}

#grv-user-profile .form-item {
  margin-bottom: 0;
  margin-top: 0;
}

@media (min-width: 768px) {
  #grv-user-profile #edit-actions {
    padding-top: 1px;
  }
}

/* ------------------------------------------------------------------
  Forgot password styles
-------------------------------------------------------------------*/
#grv-user-recover-password-request {
  max-width: 500px;
  width: 100%;
  display: block;
  margin: 0 auto;
}

#grv-user-recover-password-request .form-item {
  width: 100%;
}

@media (min-width: 768px) {
  #grv-user-recover-password-request #edit-actions {
    padding-top: 1px;
  }
}

/* ------------------------------------------------------------------
  Site landing register styles
-------------------------------------------------------------------*/
@media (min-width: 768px) {
  #grv-deeplink-register {
    padding-top: 20px;
  }
}

#grv-deeplink-register .form-item:nth-of-type(2) {
  clear: left;
}

/* ------------------------------------------------------------------
  Login styles
-------------------------------------------------------------------*/
#grv-deeplink-login {
  max-width: 500px;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding-top: 30px;
}

#grv-deeplink-login label span.form-required {
  color: red;
}

#grv-deeplink-login #edit-actions {
  padding-top: 10px;
}

#grv-deeplink-login .box_form {
  position: relative;
  padding-bottom: 0;
  margin-top: 15px;
}

#grv-deeplink-login .box_form input {
  padding-left: 60px;
  opacity: 1;
}

#grv-deeplink-login .box_form:before {
  position: absolute;
  content: '';
  background-color: #dfeeff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  border: 1px solid #dbdeec;
  bottom: 0;
  width: 49px;
  left: 0;
  height: 40px;
}

#grv-deeplink-login .box_form.box_user:before {
  background-image: url(../images/ico_user.png);
  background-size: 18px auto;
}

#grv-deeplink-login .box_form.box_pass:before {
  background-image: url(../images/ico_pass.png);
  background-size: 16px auto;
}

#grv-deeplink-login p {
  color: #565656;
}

@media (max-width: 767px) {
  #grv-deeplink-login {
    padding-top: 0;
  }

  #grv-deeplink-login .box_form:before {
    width: 40px;
    height: 40px;
  }

  #grv-deeplink-login .box_form.box_user:before {
    background-size: 14px auto;
  }

  #grv-deeplink-login .box_form.box_pass:before {
    background-size: 12px auto;
    left: 0px;
  }

  #grv-deeplink-login .box_form input {
    padding-top: 11px;
    padding-bottom: 12px;
    line-height: 18px;
    padding-left: 50px;
    height: 40px;
  }
}

@media (min-width: 768px) {
  #grv-deeplink-login .box_form {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
  }
}


/* ------------------------------------------------------------------
  video_pdf
-------------------------------------------------------------------*/

#video_pdf {
  position: relative;
}

#video_pdf>.container:first-child {
  margin-bottom: 10px;
}

.v_right_block {
  width: 40%;
  border: 1px solid #aaded8;
  background: #fff;
  float: right;
  position: relative;
  z-index: 2;
}

.v_right_block .v_right_content {
  width: 85%;
  margin: 2em auto;
  min-height: 500px;
  height: 800px;
  overflow: hidden;
  font-size: 1em;
  position: relative;
}

.v_right_block .v_right_content .v_right_content_scroll {
  padding-right: 15px;
}

.v_right_block .v_right_content .v_right_title {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 1.6em;
  line-height: normal;
  margin-bottom: 1em;
}

.v_right_block .v_right_content .v_space {
  width: 100%;
  clear: both;
  height: 1em;
  display: block;
}

.v_right_block .v_right_content span {
  font-size: 1.2em;
}

.v_right_block .v_right_content .v_right_title .v_updown_icon {
  display: none;
}

.v_right_block .v_right_content li {
  list-style: none;
  padding-left: 1em;
  position: relative;
}

.v_right_block .v_right_content li::before {
  content: '';
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background: #149587;
  position: absolute;
  left: 0;
  top: 0.4em;
}

#video_pdf .iScrollIndicator {
  background: #149587 !important;
}

#video_pdf .style8_1:before {
  background: #FFF;
}

#video_pdf .v_left_block {
  width: 60%;
  float: left;
  position: relative;
  z-index: 2;
}

#video_pdf .v_left_title {
  width: 100%;
  padding: 0.5em 0;
  border-top: 1px solid #ffc800;
  border-bottom: 1px solid #ffc800;
  font-size: 2.2em;
  position: relative;
  background: #FFF;
}

#video_pdf .v_left_title::before {
  width: 100%;
  height: 1px;
  content: '';
  display: inline-block;
  position: absolute;
  top: 100%;
  right: 100%;
  background: #ffc800;
}

#video_pdf .v_left_title::after {
  width: 1100%;
  height: 505px;
  content: '';
  display: inline-block;
  position: absolute;
  top: calc(100% + 1px);
  left: -500%;
  background: rgba(58, 202, 188, 0.13);
}

#video_pdf .v_video_cover {
  width: 100%;
  padding-right: 1.1em;
  position: relative;
  z-index: 2;
}

#video_pdf .v_video_cover.b_external .viewlikeshare {
  display: none;
}

#video_pdf .v_video_info {
  margin: 2em 0;
  width: 100%;
  font-size: 1em;
}

#video_pdf .v_video_info div {
  width: 100%;
}

#video_pdf .v_video_info div p {
  margin: 0;
  padding: 0;
  display: inline-block;
  padding-right: 0.8em;
  margin-right: 0.8em;
  border-right: 1px solid #149587;
}

#video_pdf .v_video_info div p:nth-child(2) {
  padding-right: 0;
  margin-right: 0;
}

#video_pdf .v_video_info div p:nth-last-child(1) {
  border-right: 0;
}

#video_pdf .v_video_info div p span.icon-calendar-1 {
  font-size: 1.2em;
}

#video_pdf .v_video_source {
  width: 100%;
  position: relative;
  overflow: hidden;
}

#video_pdf .v_pdf_source {
  width: 100%;
  height: 473px;
  position: relative;
  overflow: hidden;
}

.region_seask #video_pdf .v_pdf_source iframe,
#video_pdf .v_pdf_source iframe {
  border: 0;
  margin: 0 auto;
  display: block;
}

#video_pdf .v_video_source .v_video_loading,
#video_pdf .v_video_source .v_video_loading img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#video_pdf .v_video_source video {
  width: 100%;
  height: 100%;
  position: relative;
}

#video_pdf .v_video_source .wrap_video>video {
  display: none;
}

#video_pdf .v_video_source iframe {
  display: none;
}

#video_pdf .v_video_source .v_btn_play_video {
  position: absolute;
  left: calc((100% - 95px) / 2);
  top: calc((100% - 95px) / 2);
  z-index: 3;
}

#video_pdf .v_video_source p.v_video_time {
  padding: 0.5em 1.5em;
  background: rgba(0, 0, 0, 0.5);
  font-size: 1em;
  color: #fff;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
}

#video_pdf .v_video_rate {
  width: 100%;
  height: 87px;
  background: #149587;
  padding: 0 36px;
  border-top: 1px solid #0c8b80;
  box-shadow: inset 0px 1px 10px 1px rgba(255, 255, 255, 0.1);
  display: none;
}

#video_pdf .v_video_rate div {
  width: 50%;
  float: left;
  height: 100%;
}

#video_pdf .v_video_rate div p {
  font-size: 1.1em;
  color: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
}

#video_pdf .v_video_rate p span {
  font-size: 1.5em;
}

#video_pdf .v_video_rate p span.v_space {
  width: 1.5em;
  display: inline-block;
}

#video_pdf .v_video_rate p.v_float_right {
  text-align: right;
}


#video_pdf.blue_style .v_left_block .v_left_title {
  border-top: 1px solid #9e0b0f;
  border-bottom: 1px solid #9e0b0f;
}

#video_pdf.blue_style .v_left_block .v_left_title::before {
  background: #9e0b0f;
}

#video_pdf.blue_style .v_left_block .v_left_title::after {
  background: rgba(21, 81, 163, 0.1);
}

#video_pdf.blue_style .v_video_rate {
  background: #0f50ac;
}

#video_pdf.blue_style .v_left_block .v_video_info div p {
  border-right: 1px solid #0f50ac;
}

#video_pdf.blue_style .v_left_block .v_video_info div p:nth-last-child(1) {
  border-right: 0;
}

#video_pdf.blue_style .v_right_block {
  border: 1px solid #0f50ac;
}

.pradaxa_safety_style .v_right_block .v_right_content li::before,
#video_pdf.blue_style .v_right_block .v_right_content li::before {
  background: #9e0b0f;
}

#video_pdf.blue_style .iScrollIndicator {
  background: #1551a3 !important;
}


#video_pdf .v_video_source .block_video {
  position: relative;
  display: block;
}

#video_pdf .v_video_source .block_video .wrap_video {
  padding-top: 56.25%;
}

#video_pdf .v_video_source .block_video .wrap_video .video-js,
#video_pdf .v_video_source .block_video .wrap_video iframe {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
}

#video_pdf .v_left_block .viewlikeshare {
  color: #FFF;
  padding: 13px 20px 10px;
  background: #149587;
}

#video_pdf .v_left_block .viewlikeshare span i {
  color: #FFF;
}

#video_pdf .v_left_block .viewlikeshare .liked i {
  color: #01473f;
}

#video_pdf.blue_style .v_left_block .viewlikeshare {
  background: #1954a5;
}

#video_pdf.blue_style .v_left_block .viewlikeshare .liked i {
  color: #023275;
}

@media (min-width: 992px) and (max-width:1199px) {
  #video_pdf .v_pdf_source {
    height: 588px
  }

  #video_pdf .v_video_rate {
    height: 71px;
  }

  .v_right_block .v_right_content {
    width: 90%;
  }

  .v_right_block .v_right_content .v_toggle_content {
    display: block !important;
  }
}

@media (min-width:768px) {
  #video_pdf .v_left_title {
    padding-right: 5px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  #video_pdf .v_left_title {
    font-size: 3vw;
  }

  #video_pdf .v_pdf_source {
    height: 445px
  }

  #video_pdf .v_video_rate {
    height: 54px;
  }

  #video_pdf .v_video_rate div p {
    font-size: 0.8em;
  }

  #video_pdf .v_video_rate p span.v_space {
    width: 0em;
    display: inline-block;
  }

  .v_right_block .v_right_content {
    font-size: 0.8em;
    width: 90%;
  }

  .v_right_block .v_right_content .v_toggle_content {
    display: block !important;
  }
}

@media (max-width:767px) {

  #video_pdf .v_left_block,
  .v_right_block {
    width: 100%;
  }

  #video_pdf .v_left_title {
    font-size: 1.5em;
  }

  #video_pdf .v_video_cover {
    padding-right: 0;
  }

  #video_pdf .v_pdf_source {
    height: 103vw;
  }

  #video_pdf .v_video_rate {
    font-size: 2.5vw;
    height: 11vw;
    line-height: 1.5em;
    padding: 0 1.5em;
  }

  #video_pdf .v_video_rate p span.v_space {
    width: 0em;
    display: inline-block;
  }

  #video_pdf .v_video_source .v_btn_play_video {
    width: 15vw;
    height: 15vw;
    left: calc((100% - 15vw) / 2);
    top: calc((100% - 15vw) / 2);
  }

  .v_right_block {
    border: 0;
    width: 100%;
    position: relative;
    padding: 0;
  }

  .v_right_block .v_right_content {
    min-height: inherit;
    height: inherit;
    width: 100%;
    margin: 0;
    overflow: visible;
    padding: 0 10px;
  }

  .v_right_block .v_right_content .v_right_content_scroll {
    padding-right: 0
  }

  .v_right_block .v_right_content .v_right_title {
    min-height: 3em;
    padding: 8px 0;
    position: relative;
    padding-right: 2em;
    font-size: 22px;
    display: box;
    display: -webkit-box;
    margin-bottom: 0;
  }

  .v_right_block .v_right_content .v_right_title:after {
    display: inline-block;
    content: '';
    width: 200%;
    height: 5px;
    position: absolute;
    left: -50%;
    bottom: 100%;
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
  }

  .v_right_block .v_right_content .v_right_title:before {
    content: '';
    background: url(../images/v_updown_icon.png) no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc((100% - 25px) / 2);
    -webkit-transition: 0.3s ease all;
    transition: 0.3s ease all;
    -ms-transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
  }

  .v_right_block .v_right_content .v_right_title .v_updown_icon {
    display: none;
  }

  .v_right_block .v_right_content .v_right_title.up_down:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .v_right_block .v_right_content .v_right_content_scroll>div:last-child .v_toggle_content {
    padding-bottom: 20px;
  }

  #video_pdf .v_video_info div p {
    font-size: 13px;
  }

  #video_pdf .v_video_info .id_product {
    font-size: 13px;
  }

  #video_pdf .v_left_block {
    position: relative;
  }

  #video_pdf .v_left_block:before {
    position: absolute;
    content: '';
    top: 0;
    right: -10px;
    left: 0;
    height: 1px;
    background: #ffc800;
  }

  #video_pdf .v_left_block .viewlikeshare {
    padding-left: 10px;
    padding-right: 10px;
  }

  #video_pdf .v_left_block .viewlikeshare span i {
    font-size: 16px
  }

  #video_pdf .v_left_block .viewlikeshare b.bisan_bd {
    font-size: 16px;
  }
}

@media (min-width:1200px) {
  #video_pdf .v_video_info .id_product {
    float: right;
    width: auto;
    padding-top: 0;
  }
}


/* pradaxa */
#video_pdf.blue_style .v_left_block .v_left_title {
  color: #1954a5;
}

#video_pdf.blue_style .cyan {
  color: #1954a5;
}

#video_pdf.blue_style .v_right_block .v_right_content .v_right_title {
  color: #9e0b0f;
}

#video_pdf.blue_style .v_right_block .cyan {
  color: #696969;
}

@media (max-width:767px) {
  #video_pdf.blue_style .v_right_block {
    border: 0;
  }

  #video_pdf.blue_style .v_left_block:before {
    background: #9e0b0f;
  }

  .wrap_right_block.container {
    padding-left: 0;
    padding-right: 0;
  }
}

@media (min-width:768px) {
  .wrap_right_block.container {
    position: relative;
  }

  .wrap_right_block.container .v_right_block {
    width: 100%;
    border: 0;
    float: none;
  }

  #video_pdf>.container:first-child {
    min-height: 880px;
  }
}


/* ------------------------------------------------------------------
  list_pd
-------------------------------------------------------------------*/
.list_pd .style8_1 {
  background: #e6f8f6;
}

.list_pd .style8_1 .container.style2_1 {
  padding-top: 30px;
}

@media (min-width:768px) {
  .list_pd .style8_1 .row {
    width: 60%;
    position: relative;
    z-index: 5;
  }

  .list_pd>.style8_1 {
    min-height: 880px;
    padding-bottom: 30px;
  }
}

/* ------------------------------------------------------------------
  Trajenta
-------------------------------------------------------------------*/
/*heading*/
.heading1 span.titlePurple {
  background: #332a86;
}

.heading1.lineOrange:before {
  background: #f9ddbb;
}

/* menu_pro */
.menu_pro.trajenta .ml2 a.active,
.menu_pro.trajenta .ml2 a:hover {
  color: #ffa02f;
}

/* breadcrumb */
.breadcrumb1.trajenta a:first-child {
  background: #332a86;
  color: #FFF;
}

.breadcrumb1.trajenta a:first-child:before {
  border-left-color: #332a86;
}

.breadcrumb1.trajenta a {
  color: #332a86;
}

.breadcrumb1.trajenta a:last-child {
  color: #555;
}

#video_pdf.purple_style .v_left_block .v_left_title {
  border-top: 1px solid #ffa02f;
  border-bottom: 1px solid #ffa02f;
}

#video_pdf.purple_style .v_left_block .v_left_title::before {
  background: #ffa02f;
}

#video_pdf.purple_style .v_left_block .v_left_title::after {
  background: rgba(21, 81, 163, 0.1);
}

#video_pdf.purple_style .v_video_rate {
  background: #0f50ac;
}

#video_pdf.purple_style .v_left_block .v_video_info div p {
  border-right: 1px solid #0f50ac;
}

#video_pdf.purple_style .v_left_block .v_video_info div p:nth-last-child(1) {
  border-right: 0;
}

#video_pdf.purple_style .v_right_block {
  border: 1px solid #b0c5e1;
}

.trajenta_safety_style .v_right_block .v_right_content li::before,
#video_pdf.purple_style .v_right_block .v_right_content li::before {
  background: #ffa02f;
}

#video_pdf.purple_style .iScrollIndicator {
  background: #332a86 !important;
}

#video_pdf.purple_style .v_left_block .viewlikeshare {
  background: #332a86;
}

#video_pdf.purple_style .v_left_block .viewlikeshare .liked i {
  color: #130e44;
}

.list_pd.purple_style .style8_1 {
  background: #e7edf6;
}

#video_pdf.purple_style .v_left_block .v_left_title {
  color: #332a86;
}

#video_pdf.purple_style .purple {
  color: #1954a5;
}

#video_pdf.purple_style .v_right_block .v_right_content .v_right_title {
  color: #332a86;
}

#video_pdf.purple_style .v_right_block .purple {
  color: #332a86;
}

.visual.st3 .wrap-item {
  background: #332a86 !important;
}

.visual.st3 .wrap-item .container {
  display: flex;
  display: -webkit-flex;
  text-align: center;
  align-items: center;
  -webkit-align-items: center;
}

.visual.st3 .wrap-item .container>img {
  display: inline-block;
  margin: 0 auto;
  max-width: 598px;
  width: 52%;
}

@media (max-width: 767px) {
  .menu_pro.trajenta ul li.active>a {
    color: #ffa02f;
  }

  .menu_pro.trajenta .ml2 .title>a {
    color: #ffa02f;
  }

  .menu_pro.trajenta .ml2 .title i {
    color: #fcdbb3;
  }

  .menu_pro.trajenta .ml2 .title {
    color: #ffa02f;
  }

  .menu_pro.trajenta ul li.selected>a {
    color: #ffa02f;
  }

  #video_pdf.purple_style .v_right_block {
    border: 0;
  }

  #video_pdf.purple_style .v_left_block:before {
    background: #9e0b0f;
  }

  .visual.st3 .wrap-item .container {
    padding: 40px 0;
  }

  .visual.st3 .wrap-item .container>img {
    width: 90%;
    max-width: 300px;
  }
}

@media (min-width: 768px) {

  .menu_pro.trajenta ul li.active>a,
  .menu_pro.trajenta ul li:hover>a {
    color: #ffa02f;
  }

  .menu_pro.trajenta ul li:hover>a:before {
    color: #ffa02f;
  }

  .menu_pro.trajenta .ml2:before {
    border-top-color: #ffa02f;
  }

  .menu_pro.trajenta .ml2 span.icon {
    color: #ffa02f;
  }

  .menu_pro.trajenta .ml2 a:hover {
    color: #ffa02f;
  }
}

/* ------------------------------------------------------------------
  select-country style
-------------------------------------------------------------------*/
.select-country-banner {
  padding-bottom: calc(19.3% + 40px);
}

.select-country-banner .container {
  padding-bottom: 19.3%;
}

.change_country_title {
  position: relative;
  padding-bottom: 5px;
}

.change_country_title:before {
  position: absolute;
  content: '';
  bottom: 50%;
  right: -50%;
  border-bottom: 1px solid #004282;
  left: 0;
}

.select_country_block {
  margin-left: -2%;
  margin-bottom: 50px;
}

.select_country_block .country_block {
  width: 31%;
  margin-left: 2%;
  margin-bottom: 20px;
  float: left;
  position: relative;
}

.select_country_block .country_block:hover .country_flag:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .6);
}

.select_country_block .country_block .country_flag {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.select_country_block .country_block .country_flag a {
  max-width: 87px;
  width: 23%;
  position: absolute;
  top: 15%;
  left: 38%;
}

.select_country_block .country_block .country_name {
  position: absolute;
  bottom: 10px;
  left: 15px;
  text-align: left;
}

.select_country_block .country_block .country_name a {
  color: #FFF;
  font-size: 20px;
}

@media (max-width: 767px) {
  .select-country-banner {
    padding-bottom: calc(28% + 30px);
  }

  .select-country-banner .container {
    padding-bottom: 28%;
  }

  .select_country_block {
    text-align: center;
    margin-left: 0;
  }

  .select_country_block .country_block {
    width: 100%;
    margin: 0 auto 15px;
    max-width: 381px;
    float: none;
  }
}

/* ------------------------------------------------------------------
  KR style
-------------------------------------------------------------------*/
.opu_kr * {
  word-break: keep-all;
}

.opu_kr .box_txt_respi .txt3 {
  line-height: 1.2;
  padding: 0 10px;
  text-align: center;
  margin-left: 0;
  color: #187374;
}

.opu_kr .style_1c .st1_left_content .st1_white_box .st1_white_box_right p {
  font-size: 1.6vw;
}

.v_right_block .v_right_content .v_toggle_content u {
  text-decoration: none;
  border-bottom: 1px solid #464646;
}

.v_right_block .v_right_content .v_toggle_content .cyan u {
  border-color: #149587;
}

@media (max-width: 767px) {

  .visual1 .box .wrap_txt .tt.kr_box .tt1 .light_cyan,
  .style_1 .st1_left_content .st1_white_box .st1_white_box_left.kr_box .light_cyan {
    font-size: 14vw;
  }

  .visual1 .box .wrap_txt .tt.kr_box .tt1 .cyan,
  .style_1 .st1_left_content .st1_white_box .st1_white_box_left.kr_box .cyan {
    font-size: 4vw;
  }

  .visual1 .box .wrap_txt .tt.kr_box .tt1 span {
    color: #FFF;
  }

  .opu_kr .box_txt_respi .txt3 {
    color: #FFF;
    font-size: 4.4vw;
  }

  .opu_kr .style_1c .st1_left_content .st1_white_box .st1_white_box_right p {
    font-size: 3.2vw;
  }
}

@media (min-width: 768px) {
  .nav-kr .wrap-submenu {
    padding-left: 240px;
  }

  .visual1 .box .wrap_txt .tt.kr_box {
    padding-left: 0;
    padding-right: 0;
    width: 60%;
  }

  .visual1 .box .wrap_txt .tt.kr_box .tt1 .light_cyan,
  .style_1 .st1_left_content .st1_white_box .st1_white_box_left.kr_box .light_cyan {
    font-size: 10vw;
  }

  .visual1 .box .wrap_txt .tt.kr_box .tt1 .cyan,
  .style_1 .st1_left_content .st1_white_box .st1_white_box_left.kr_box .cyan {
    font-size: 2.5vw;
  }

  .opu_kr .box_txt_respi .txt3 {
    font-size: 22px !important;
  }

  .opu_kr .visual.st2.giotrif {
    height: 255px;
  }

  .opu_kr .visual.st2.giotrif .wrap-item {
    background-position: 50% 50% !important;
    background-size: auto 100%;
  }

  .opu_kr .visual.st2 .wrap-item {
    background-position: 4% 50%;
    background-repeat: no-repeat;
  }

  .opu_kr .visual.st2 .box .h2 h2 {
    line-height: 1.2;
  }

  .opu_kr .visual.st2.giotrif .box .h2 h2 {
    font-size: 37px;
  }
}

@media (min-width: 992px) {
  .nav-kr .wrap-submenu {
    padding-left: 248px;
  }

  .opu_kr .visual.st2.giotrif {
    height: 318px;
  }
}

@media (min-width: 1200px) {
  .nav-kr .wrap-submenu {
    padding-left: 336px;
  }

  .visual1 .box .wrap_txt .tt.kr_box .tt1 .light_cyan,
  .style_1 .st1_left_content .st1_white_box .st1_white_box_left.kr_box .light_cyan {
    font-size: 135px;
  }

  .visual1 .box .wrap_txt .tt.kr_box .tt1 .cyan,
  .style_1 .st1_left_content .st1_white_box .st1_white_box_left.kr_box .cyan {
    font-size: 44px;
  }

  .opu_kr .box_txt_respi .txt3 {
    font-size: 28px !important;
  }

  .opu_kr .style_1c .st1_left_content .st1_white_box .st1_white_box_right p {
    font-size: 20px;
  }

  .opu_kr .visual.st2.giotrif {
    height: 388px;
  }
}

.heading3 {
  color: #149587;
  font-weight: bold;
  margin: 20px 0 25px;
  padding: 0 0 5px 0;
  position: relative;
  border-bottom: 1px solid #149587;
}

.heading3:first-child {
  margin-top: 0;
}

/* ------------------------------------------------------------------
  TH style
-------------------------------------------------------------------*/
#video_pdf.thphase1 .v_left_block:before {
  height: 1px;
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  left: -100%;
  right: -100%;
  background: #ffc800;
}

#video_pdf.giotrif_style.thphase1 .v_left_block:before {
  background: #008da1;
}

#video_pdf.thphase1.blue_style .v_left_block:before {
  background: #9e0b0f;
}

#video_pdf.thphase1 .v_left_block .v_left_title:before {
  left: -100%;
  right: -100%;
  width: auto;
}

#video_pdf.thphase1 .v_left_block .v_left_title::after {
  height: 565px;
}

#video_pdf.thphase1 .v_left_block .v_video_source .block_video {
  margin: 0 auto;
}

#video_pdf.thphase1 .v_left_block {
  width: 100%;
  margin-bottom: 60px;
}

#video_pdf.thphase1 .v_right_block {
  display: none;
}

#video_pdf.thphase1 .v_left_block .viewlikeshare {
  margin: 0 auto;
}

#video_pdf.thphase1 .v_video_cover {
  padding-right: 0;
}

#video_pdf.blue_style .heading3 {
  color: #9e0b0f;
  border-bottom: 1px solid #9e0b0f;
}

#video_pdf.purple_style .heading3 {
  color: #ffa02f;
  border-bottom: 1px solid #ffa02f;
}

@media (max-width: 767px) {
  .visual1 .txt_ref {
    font-size: 12px;
    padding: 0 10px;
  }
}

@media (min-width: 768px) {
  #video_pdf.thphase1>.container:first-child {
    min-height: 560px;
    position: relative;
  }

  .list_pd.thphase1>.style8_1 {
    min-height: auto;
  }

  .list_pd.thphase1 .style8_1 .row {
    width: inherit;
  }

  .visual1 .txt_ref {
    position: absolute;
    bottom: 10px;
    width: 48%;
    right: 6.5vw;
    font-size: 1.2vw;
    color: #FFF;
  }
}

@media (min-width: 1200px) {
  .visual1 .txt_ref {
    font-size: 13px;
  }
}

/*Master*/
/* ------------------------------------------------------------------
  spiolto style
-------------------------------------------------------------------*/
#video_pdf.spiolto_style .v_right_block {
  border: 1px solid #b0c5e1;
}

#video_pdf.spiolto_style .iScrollIndicator {
  background: #095d80 !important;
}

#video_pdf.spiolto_style .v_right_block .v_right_content li:before {
  color: #75c24a;
}

#video_pdf.spiolto_style.thphase1 .v_left_block:before {
  background: #81c848;
}

#video_pdf.spiolto_style .v_left_block .v_left_title {
  border-color: #81c848;
}

#video_pdf.spiolto_style .v_left_block .v_left_title:before {
  background: #81c848;
}

#video_pdf.copd_style .viewlikeshare,
#video_pdf.spiolto_style .v_left_block .viewlikeshare {
  background: #008da1;
}

#video_pdf.copd_style .viewlikeshare .liked i,
#video_pdf.spiolto_style .v_left_block .viewlikeshare .liked i {
  color: #012125;
}

#video_pdf.spiolto_style .v_left_block .v_left_title:after {
  background: #f1f9ed;
}

#video_pdf.copd_style .viewlikeshare {
  padding: 13px 20px 10px;
  color: #FFF;
  margin: 0 auto;
}

#video_pdf.copd_style .viewlikeshare span i {
  color: #FFF;
}

/* breadcrumb1 */
.breadcrumb1.spiolto a:first-child {
  background: #008da1;
  color: #FFF;
}

.breadcrumb1.spiolto a:first-child:before {
  border-left-color: #008da1;
}

.breadcrumb1.spiolto a {
  color: #008da1;
}

/* menu_pro */
.menu_pro.spiolto .ml2 a.active,
.menu_pro.spiolto .ml2 a:hover {
  color: #75c24a;
}

@media (max-width: 767px) {
  #video_pdf.spiolto_style .v_left_block:before {
    background: #81c848;
  }

  /* spiolto */
  .menu_pro.spiolto .ml2 .title {
    color: #75c24a;
  }

  .menu_pro.spiolto .ml2 .title>a {
    color: #75c24a;
  }

  .menu_pro.spiolto .ml2 .title i {
    color: rgba(117, 194, 74, .3);
  }

  .menu_pro.spiolto ul li.selected>a {
    color: #75c24a;
  }

  .menu_pro.spiolto ul li.active>a {
    color: #75c24a;
  }
}

@media (min-width: 768px) {

  /* spiolto */
  .menu_pro.spiolto .logo {
    padding-top: 10px;
  }

  .menu_pro.spiolto ul li.active>a,
  .menu_pro.spiolto ul li:hover>a {
    color: #75c24a;
  }

  .menu_pro.spiolto ul li:hover>a:before {
    color: #75c24a;
  }

  .menu_pro.spiolto .ml2:before {
    border-top-color: #75c24a;
  }

  .menu_pro.spiolto .ml2 span.icon {
    color: #75c24a;
  }

  .menu_pro.spiolto .ml2 a:hover {
    color: #75c24a;
  }
}

/*visual st2b*/
.visual.st2b .box .h2 h2 {
  color: #1954a5;
  line-height: 1.2;
}

.visual.st2b #pagi a.selected {
  border: 5px solid #78a55b;
}

.visual.st2b .box .ref {
  font-size: 0.7em;
  padding-top: 10px;
}

@media (max-width: 767px) {
  .visual.st2b .box .h2 h2 {
    font-size: 20px;
  }

  .visual.st2b .box .txt {
    font-size: 15px;
  }

  .visual.st2b .box {
    background: #014c58;
  }
}

@media (min-width: 768px) {
  .visual.st2b .box .h2 h2 {
    font-size: 30px;
  }

  @media (max-width: 990px) {
    .visual.st2b .box .h2 h2 {
      font-size: 22px;
    }
  }

  .visual.st2b .box .txt {
    font-size: 16px;
    padding: 13px 0;
  }

  .visual.st2b .box .wrap_txt .fsmaller {
    font-size: 0.6em !important;
  }

  .visual.st2b .wrap-item {
    background-position: 25% 100% !important;
  }

  .visual.st2b .box .wrap_txt {
    margin-top: 10px;
  }

  .visual.st2b .box .wrap_txt:before {
    background: #75c24a;
  }

  .visual.st2b .box {
    width: 50%;
    padding-top: 2vw;
  }

  .visual.st2b .box .txt {
    max-width: 545px;
  }

  .visual.st2b .box .ref {
    position: absolute;
    bottom: 10px;
    left: 0;
  }
}

@media (min-width: 1200px) {
  .visual.st2b .box .h2 h2 {
    font-size: 36px;
  }

  .visual.st2b .box .txt {
    font-size: 22px;
  }

  .visual.st2b .box .ref {
    font-size: 0.9em;
  }
}

/*all-products*/
.colLeft h2.orangeColor {
  color: #e27000;
}

.colLeft h2.orangeColor:before {
  background-color: #e27000;
}

.lightOrange {
  border-color: #f6d4b2;
}

.produc1 .bglightOrange {
  background: #f8dbbf;
}

.contentProduc hr.bglightOrange {
  background-color: #f6d4b2;
}

.colLeft h2.limeColor {
  color: #008da1;
  font-size: 3em;
}

.colLeft h2.limeColor:before {
  background-color: #008da1;
}

.lightLime {
  border-color: #ade2f1;
}

.produc1 .bglightLime {
  background: #bfe2e7;
}

.contentProduc hr.bglightLime {
  background-color: #ade2f1;
}

/* home page */
/*oncology*/
.style_1b .st1_left_content .st1_white_box {
  border-top: 1px solid #f68a1e;
  border-bottom: 1px solid #f68a1e;
  border-right: 0;
}

.style_1b .st1_left_content .st1_white_box::before {
  background: #f68a1e;
}

.style_1b .st1_left_content .st1_white_box::after {
  background: #f68a1e;
}

.style_1b .st1_left_content .st1_white_box .st1_white_box_left {
  border-right: 1px solid #fcdebf;
  text-align: center;
}

.opacity_30 {
  opacity: 0.3;
}

.style_1b .readmore {
  float: right;
}

.opacity_78 {
  opacity: 0.78;
}

.opacity_90 {
  opacity: 0.9;
}

.style_1b .st1_left_content .st1_white_box {
  display: block;
  padding-right: 10px;
}

.style_1b .st1_left_content .st1_white_box>div {
  width: 100%;
}

.box_txt_onco .txt3 {
  padding-bottom: 10px;
  display: block;
  width: 100%;
}

@media (min-width: 992px) and (max-width:1199px) {
  .style_1b .st1_left_content .st1_title {
    font-size: 3em;
  }
}

@media (min-width:768px) {
  .style_1b .st1_left_content .st1_white_box>div {
    color: #f68a1e;
  }

  .style_1b .st1_left_content .st1_title {
    font-size: 2.6em;
  }

  .box_txt_onco .txt1 {
    font-size: 20px !important;
  }

  .box_txt_onco .txt2 {
    font-size: 30px !important;
  }

  .box_txt_onco .txt3 {
    font-size: 32px !important;
  }

  .box_txt_onco .txt4 {
    font-size: 23px !important;
  }
}

@media (min-width:1200px) {
  .box_txt_onco .txt1 {
    font-size: 30px !important;
    margin-left: -15%;
  }

  .box_txt_onco .txt2 {
    font-size: 45px !important;
  }

  .box_txt_onco .txt3 {
    font-size: 48px !important;
  }

  .box_txt_onco .txt4 {
    font-size: 33px !important;
  }
}

@media (max-width:767px) {
  .style_1b .st1_left_content .st1_white_box {
    padding-left: 10px;
  }

  .style_1b .st1_left_content .st1_title .txt_right {
    text-align: left;
  }

  .style_1b .st1_left_content .st1_white_box {
    left: auto;
    background: #f68a1e;
    color: #fff;
  }

  .style_1b .st1_left_content .st1_title {
    font-size: 25px;
  }

  .style_1b .st1_left_content .st1_white_box .st1_white_box_left {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }


  .style_1b .st1_left_content .st1_white_box::before {
    right: 0;
    left: auto;
    top: -1px;
    auto;
    background: #cc9f96;
  }

  .box_txt_onco .txt1 {
    margin-left: -3%;
    font-size: 4vw !important;
  }

  .box_txt_onco .txt2 {
    font-size: 4vw !important;
  }

  .box_txt_onco .txt3 {
    font-size: 8.2vw !important;
  }

  .box_txt_onco .txt4 {
    font-size: 3.8vw !important;
  }
}

/* respiratory */
.style_1c .st1_left_content .st1_title .txt_right {
  display: block;
  text-align: right;
  font-weight: bold;
}

.style_1c .st1_left_content .st1_white_box {
  left: -25%;
  border-top: 1px solid #008da1;
  border-bottom: 1px solid #008da1;
  border-right: 0;
  line-height: 1;
}

.style_1c .st1_left_content .st1_white_box::before {
  left: 100%;
  background: #008da1;
}

.style_1c .st1_left_content .st1_white_box::after {
  left: 100%;
  background: #008da1;
}

.style_1c .st1_left_content .st1_white_box .st1_white_box_left {
  border-right: 1px solid #b2dde3;
  text-align: center;
}

.opacity_54 {
  opacity: 0.54;
}

.opacity_77 {
  opacity: 0.77;
}

.style_1c .readmore {
  float: left;
}

.box_txt_respi .txt4.text-right {
  padding-right: 8%;
}

.style_1c .st1_left_content .st1_white_box .st1_white_box_right p {
  width: 100%;
  padding-left: 10%;
  padding-right: 5%;
  line-height: 1.3;
}

@media (min-width: 992px) and (max-width:1199px) {
  .style_1c .st1_left_content .st1_title {
    font-size: 3em;
  }
}

@media (min-width:768px) {
  .style_1c .st1_left_content .st1_title {
    font-size: 2.6em;
  }

  .box_txt_respi .txt1 {
    font-size: 15px !important;
  }

  .box_txt_respi .txt2 {
    font-size: 35px !important;
    padding-right: 2%;
  }

  .box_txt_respi .txt2 span {
    font-size: 20px !important;
  }

  .box_txt_respi .txt3 {
    font-size: 23px !important;
  }

  .box_txt_respi .txt4 {
    font-size: 26px !important;
    padding-right: 2%;
  }
}

@media (min-width:1200px) {
  .box_txt_respi .txt1 {
    font-size: 20px !important;
    text-align: left;
    margin-left: 14%;
  }

  .box_txt_respi .txt2 {
    font-size: 43px !important;
    text-align: right;
    padding-right: 5%;
  }

  .box_txt_respi .txt2 span {
    font-size: 25px !important;
  }

  .box_txt_respi .txt3 {
    font-size: 28px !important;
    text-align: left;
    margin-left: 16%;
  }

  .box_txt_respi .txt4 {
    font-size: 33px !important;
    padding-right: 5%;
    text-align: right;
  }
}

@media (max-width:767px) {
  .style_1c .st1_left_content .st1_title .txt_right {
    text-align: left;
  }

  .style_1c .st1_left_content .st1_white_box {
    left: auto;
    background: #008da1;
    color: #fff;
  }

  .style_1c .st1_left_content .st1_title {
    font-size: 25px;
  }

  .style_1c .st1_left_content .st1_white_box .st1_white_box_left {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
  }

  .style_1c .st1_left_content .st1_white_box::before {
    right: 0;
    top: -1px;
    left: auto;
    background: #008da1;
  }

  .box_txt_respi {
    color: #FFF;
  }

  .box_txt_respi .txt1 {
    font-size: 3.9vw !important;
    margin-left: 7%;
  }

  .box_txt_respi .txt2 {
    font-size: 5vw !important;
    padding-right: 2%;
  }

  .box_txt_respi .txt2 span {
    font-size: 4vw !important;
  }

  .box_txt_respi .txt3 {
    font-size: 4.4vw !important;
  }

  .box_txt_respi .txt4 {
    font-size: 4.7vw !important;
    padding-right: 2%;
  }
}

/*oncology TA page*/
.visual1.st2 .box .wrap_txt .tt:before {
  background: #f68b1f;
}

.visual1.st2 .box {
  background: rgba(243, 144, 45, 1);
  color: #FFF;
}

.visual1.st2 .box .wrap_txt .bg_txt {
  padding: 20px;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

@media (min-width: 768px) {
  .visual1.st2 .box {
    background: rgba(243, 144, 45, 0.7)
  }

  .box_txt_onco {
    color: #f79534 !important;
  }

  .visual1.st2 .box .wrap_txt .txt {
    color: #f79534 !important;
  }

  .visual1.st2 .box .tt {
    width: 60%;
    padding-left: 0;
    padding-right: 0;
  }

  .visual1.st2 .box .wrap_txt .txt {
    width: 40%;
  }
}

@media (max-width:767px) {
  .visual1.st2 .h2 {
    color: #f79534;
  }

  .visual1.st2 .box .tt {
    width: 49%;
  }

  .visual2 .box.txt-orange .wrap_txt:before {
    background: rgba(243, 144, 45, 0.5);
  }

  .visual1.st2 .box .txt {
    font-size: 3.2vw;
  }

  .visual1.st2 .box:before,
  .visual1.st2 .box:after {
    background: rgba(243, 144, 45, 0.5);
  }
}

/*respiratory TA page*/
.visual1.st3 .box .wrap_txt .tt:before {
  background: #b5ced9;
}

.visual1.st3 .box {
  background: rgba(0, 141, 161, 1);
  color: #FFF;
}

@media (min-width: 768px) {
  .visual1.st3 .box {
    background: rgba(0, 141, 161, 0.7)
  }

  .visual1.st3 .box .wrap_txt .txt {
    color: #008da1 !important;
  }

  .visual1.st3 .box .tt {
    width: 55%;
    padding-left: 0;
    padding-right: 0;
  }

  .visual1.st3 .box .wrap_txt .txt {
    width: 45%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .visual1.st3 .box .wrap_txt {
    font-size: 20px;
  }
}

@media (max-width:767px) {
  .visual1.st3 .h2 {
    color: #008da1;
  }

  .visual1.st3 .box {
    padding-left: 5px;
    padding-right: 5px;
  }

  .visual1.st3 .box .tt {
    width: 49%;
    padding-right: 4px;
  }

  .visual2 .box.txt-orange .wrap_txt:before {
    background: rgba(0, 141, 161, 0.5);
  }

  .visual1.st3 .box .txt {
    font-size: 3.2vw;
  }

  .visual1.st3 .box:before,
  .visual1.st3 .box:after {
    background: rgba(0, 141, 161, 0.5);
  }
}

/*COPD*/
.section_copd {
  margin-top: 50px;
  top: 0 !important;
  padding-bottom: 60px !important;
  background: #e3ebec;
  top: -39px;
  margin-bottom: -41px;
}

.section_copd .style8_1,
.section_copd .style8_1:before {
  background: none !important;
}

.section_copd .container {
  position: relative;
}

.section_copd .image {
  width: 76%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: -40px;
  background-size: cover;
}

.section_copd .box_text {
  padding: 20px 10px;
  background: #008da1;
  position: relative;
}

.section_copd .copd-list {
  padding-top: 20px;
  display: none;
  margin-bottom: -30px;
}

.section_copd .copd-list .title {
  font-size: 20px;
  text-transform: uppercase;
  padding: 20px 0;
}

.section_copd .box_text .see-more {
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -40px;
  font-size: 15px;
  z-index: 4;
}

.section_copd .box_text .see-more.hide {
  display: none;
}

@media (min-width: 768px) {
  .section_copd {
    padding-bottom: 90px !important;
  }

  .section_copd .box_text {
    width: 50%;
    float: right;
    padding: 50px 3%;
  }

  .section_copd .box_text:before {
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    right: -100%;
    left: 100%;
    background: #008da1;
  }

  .section_copd .copd-list {
    padding-top: 80px;
  }

  .list_pd.copd_style .style8_1 .row {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .section_copd .h2 {
    font-size: 65px;
  }
}

@media (max-width: 767px) {
  .section_copd .copd-list .title {
    font-size: 16px;
  }
}

#video_pdf .v_left_title.dark_green {
  border-color: #59b5c2;
}

#video_pdf .v_left_title.dark_green:before {
  background: #59b5c2;
  left: -100%;
  right: -100%;
  width: auto;
}

.copd_style .v_left_title:after {
  background: #59b5c2 !important;
  top: -1px !important;
  right: -100%;
  left: -100% !important;
  height: 1px !important;
}

#video_pdf.copd_style .v_video_source .block_video {
  margin: 0 auto;
}

/* visual1 copd */
.visual1 .box_copd {
  background: rgba(0, 141, 161, 1);
  color: #FFF;
  padding: 10px 20px 20px;
}

.visual1 .box_copd .h2 {
  padding-left: 0;
  margin-top: 0;
}

.visual1 .box_copd .font08em {
  display: block;
}

@media (min-width: 768px) {

  /* visual1 copd */
  .visual1 .box_copd {
    position: absolute;
    top: 10%;
    bottom: 10%;
    right: 0;
    background: rgba(0, 141, 161, .8);
    width: 55%;
    padding: 0 0 0 40px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    font-size: 16px;
  }

  .visual1 .box_copd:before {
    position: absolute;
    right: -100%;
    left: 100%;
    top: 0;
    bottom: 0;
    content: '';
    background: rgba(0, 141, 161, .8);
  }
}

@media (min-width: 1200px) {
  .visual1 .box_copd {
    font-size: 24px;
  }

  .visual1 .box_copd .h2 {
    font-size: 55px;
  }
}

/*giotrif*/
.visual.st2.giotrif .box .wrap_txt:before {
  background: #34bec8;
}

.breadcrumb1.giotrif a:first-child {
  background: #037d92;
  color: #FFF;
}

.breadcrumb1.giotrif a:first-child:before {
  border-left-color: #037d92;
}

.breadcrumb1.giotrif a {
  color: #33b5c3;
}

#video_pdf.giotrif_style .v_right_block {
  border: 1px solid #b0c5e1;
}

#video_pdf.giotrif_style .iScrollIndicator {
  background: #037d92 !important;
}

#video_pdf.giotrif_style .v_right_block .v_right_content li:before {
  color: #75c24a;
}

#video_pdf.giotrif_style .v_left_title {
  border-color: #008da1;
}

#video_pdf.giotrif_style .v_left_title:before {
  background: #008da1;
}

#video_pdf.giotrif_style .v_left_block .viewlikeshare {
  background: #037d92;
}

#video_pdf.giotrif_style .v_left_block .viewlikeshare .liked i {
  color: #023038;
}

#video_pdf.giotrif_style .v_left_title:after {
  background: #eaf8f9;
}

#video_pdf .list-left li {
  position: relative;
  padding-left: 15px;
}

#video_pdf .list-left li:before {
  position: absolute;
  content: '';
  top: 8px;
  left: 0;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #1d8a9d;
}

/* menu_pro */
.menu_pro.giotrif .ml2 a.active,
.menu_pro.giotrif .ml2 a:hover {
  color: #34bec8;
}

@media (max-width: 767px) {
  .visual.st2.giotrif .box {
    background: #008da1;
  }

  #video_pdf.giotrif_style .v_left_block:before {
    background: #008da1;
  }

  /* giotrif */
  .menu_pro.giotrif .ml2 .title {
    color: #34bec8;
  }

  .menu_pro.giotrif .ml2 .title>a {
    color: #34bec8;
  }

  .menu_pro.giotrif .ml2 .title i {
    color: rgba(117, 194, 74, .3);
  }

  .menu_pro.giotrif ul li.selected>a {
    color: #34bec8;
  }

  .menu_pro.giotrif ul li.active>a {
    color: #34bec8;
  }
}

@media (min-width: 768px) {
  .visual.st2.giotrif .wrap-item {
    background-position: 25% 0 !important;
  }

  .visual.st2.giotrif .box .h2 h2 {
    color: #34bec8;
    font-size: 4.1vw;
  }

  /*indo*/
  .visual.st2.giotrif .box_id {
    padding-top: 10px;
  }

  .visual.st2.giotrif .box_id .h2 h2 {
    font-size: 3vw;
  }

  .visual.st2.giotrif .box_id .txt {
    padding: 20px 0;
  }

  .visual.st2.giotrif .box_id .txt .fsmaller {
    font-size: 0.6em !important;
  }

  /*indo*/
  /* giotrif */
  .menu_pro.giotrif ul li.active>a,
  .menu_pro.giotrif ul li:hover>a {
    color: #34bec8;
  }

  .menu_pro.giotrif ul li:hover>a:before {
    color: #34bec8;
  }

  .menu_pro.giotrif .ml2:before {
    border-top-color: #34bec8;
  }

  .menu_pro.giotrif .ml2 span.icon {
    color: #34bec8;
  }

  .menu_pro.giotrif .ml2 a:hover {
    color: #34bec8;
  }
}

@media (min-width: 1200px) {
  .visual.st2.giotrif .box .h2 h2 {
    font-size: 50px;
    line-height: 60px;
  }

  .visual.st2.giotrif .box_id .h2 h2 {
    font-size: 40px;
    line-height: 47px;
  }
}

/*Micardis*/
.micardis_style.list_pd .style8_1 {
  background: #e5f6ee;
}

.visual.st2.micardis .box .wrap_txt:before {
  background: #75c24a;
}

.breadcrumb1.micardis a:first-child {
  background: #005a27;
  color: #FFF;
}

.breadcrumb1.micardis a:first-child:before {
  border-left-color: #005a27;
}

.breadcrumb1.micardis a {
  color: #004e59;
}

#video_pdf.micardis_style .v_right_block {
  border: 1px solid #b0c5e1;
}

#video_pdf.micardis_style .iScrollIndicator {
  background: #00a855 !important;
}

#video_pdf.micardis_style .v_right_block .v_right_content li:before {
  color: #00a855;
}

#video_pdf.micardis_style .v_left_title {
  border-color: #00a855;
}

#video_pdf.micardis_style .v_left_title:before {
  background: #00a855;
}

#video_pdf.micardis_style.thphase1 .v_left_block:before {
  background: #00a855;
}

#video_pdf.micardis_style .v_left_block .viewlikeshare {
  background: #005a27;
}

#video_pdf.micardis_style .v_left_block .viewlikeshare .liked i {
  color: #023217;
}

#video_pdf.micardis_style .v_left_title:after {
  background: #e5f6ee;
}

/* menu_pro */
.menu_pro.micardis .ml2 a.active,
.menu_pro.micardis .ml2 a:hover {
  color: #75c24a;
}

@media (max-width: 767px) {
  .visual.st2.micardis .box {
    background: #00a855;
  }

  #video_pdf.micardis_style .v_left_block:before {
    background: #00a855;
  }

  .visual.st2.micardis .box .h2 h2 {
    font-size: 35px
  }

  /* Micardis */
  .menu_pro.micardis .ml2 .title {
    color: #75c24a;
  }

  .menu_pro.micardis .ml2 .title>a {
    color: #75c24a;
  }

  .menu_pro.micardis .ml2 .title i {
    color: rgba(117, 194, 74, .3);
  }

  .menu_pro.micardis ul li.selected>a {
    color: #75c24a;
  }

  .menu_pro.micardis ul li.active>a {
    color: #75c24a;
  }

  .menu_pro.micardis .logo {
    width: 300px;
  }
}

@media (min-width: 768px) {
  .visual.st2.micardis .wrap-item {
    background-position: 25% 0;
  }

  .visual.st2.micardis .box {
    width: 33%;
    padding-top: 190px;
  }

  .visual.st2.micardis .box .h2 h2 {
    color: #635b5b;
    font-size: 28px;
  }

  .visual.st2.micardis .box .wrap_txt {
    margin-top: 10px;
  }

  .visual.st2.micardis .box .txt {
    padding-top: 10px;
  }

  /* Micardis */
  .menu_pro.micardis ul li.active>a,
  .menu_pro.micardis ul li:hover>a {
    color: #75c24a;
  }

  .menu_pro.micardis ul li:hover>a:before {
    color: #75c24a;
  }

  .menu_pro.micardis .ml2:before {
    border-top-color: #75c24a;
  }

  .menu_pro.micardis .ml2 span.icon {
    color: #75c24a;
  }

  .menu_pro.micardis .ml2 a:hover {
    color: #75c24a;
  }

  .menu_pro.micardis {
    height: 120px !important;
  }

  .menu_pro.micardis .logo {
    display: block;
    float: none;
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;
    height: auto;
  }

  .menu_pro.micardis .ml1 {
    height: 54px;
    padding-left: 0;
    justify-content: center;
    -webkit-justify-content: center;
  }

  .menu_pro.micardis .ml1>li {
    padding: 0 5px;
  }

  .menu_pro.micardis .ml1>li>a {
    font-size: 15px;
    height: 54px;
  }

  .menu_pro.micardis .ml2 {
    top: 54px;
  }
}

@media (min-width: 992px) {
  .visual.st2.micardis .box {
    width: 38%;
  }
}

@media (min-width: 1200px) {
  .visual.st2.micardis .box .h2 h2 {
    font-size: 42px;
  }

  .menu_pro.micardis .ml1>li {
    padding: 0 10px;
  }
}

/* ------------------------------------------------------------------
  ID style
-------------------------------------------------------------------*/
@media (max-width: 767px) {

  .visual.indo_style .box .h2 .biantiqua_it,
  .visual.indo_style .box .h2 h2 {
    font-size: 29px;
  }

  .visual.indo_style .box .h2 .tt2 {
    font-size: 18px;
  }

  .visual1.indo_style .box .wrap_txt {
    font-size: 13px;
  }

  .visual1.st1.indo_style .box .wrap_txt .tt4 {
    font-size: 15px;
  }
}

@media (min-width: 768px) {

  .visual.indo_style .box .h2 .biantiqua_it,
  .visual.indo_style .box .h2 h2 {
    font-size: 4vw;
  }

  .visual.indo_style .box .h2 .tt2 {
    font-size: 2.6vw;
  }

  .style_1a.indo_style .st1_left_content .st1_white_box .st1_white_box_left span {
    font-size: 1.4em;
  }

  .visual1.st1.indo_style .box .wrap_txt .tt4 {
    font-size: 1.8em;
  }
}

@media (min-width: 1200px) {

  .visual.indo_style .box .h2 .biantiqua_it,
  .visual.indo_style .box .h2 h2 {
    font-size: 50px;
  }

  .visual.indo_style .box .h2 .tt2 {
    font-size: 37px;
  }

  .visual.indo_style .box .h2 .tt1 {
    font-size: 30px;
  }

  .visual1.st1.indo_style .box .wrap_txt .tt4 {
    font-size: 38px;
  }

  .visual.st2.indo_style .box .h2 h2 {
    font-size: 53px;
  }

  .visual.st2a.indo_style .box .h2 h2 {
    font-size: 51px;
  }

  .visual.st2a.indo_style .box .h2 h2 .tt2 {
    font-size: 35px;
  }
}

/* ------------------------------------------------------------------
  VN style
-------------------------------------------------------------------*/
.opu_vn {
  font-family: 'Arial';
}

.opu_vn .bisan {
  font-family: 'Arial';
}

.opu_vn .readmore,
.opu_vn .heading1,
.opu_vn .bisan_bd,
.opu_vn .bisan_conbd {
  font-family: 'Arial';
  font-weight: bold;
}

.opu_vn .bisan_it {
  font-family: 'Arial';
  font-style: italic;
}

.opu_vn .biantiqua_it {
  font-family: 'Time New Roman';
  font-style: italic;
}

.opu_vn .firasan_bd {
  font-family: 'Arial';
  font-weight: bold;
}

/* .opu_vn .visual.st2a .box .h2 h2 {
  font-family: 'Arial';
  font-weight: bold;
}
.opu_vn .visual.st2a .box .h2 h2 span {
  font-weight: normal;
} */
.opu_vn sup {
  vertical-align: baseline;
  top: -5px;
  line-height: 100%;
  font-size: 65%;
}

.opu_vn .btn_loadmore {
  font-family: 'Arial';
  font-weight: bold;
}

.opu_vn .style_1 .st1_left_content .st1_white_box .st1_white_box_left p {
  padding-left: 0;
}

.opu_vn .visual1.st1 .box .wrap_txt span.tt3 {
  margin-top: 0;
}

.opu_vn .visual1 .box .wrap_txt .tt1,
.opu_vn .style_1 .st1_left_content .st1_white_box .st1_white_box_left span {
  font-family: 'BIAntiquaIIMl';
}

.opu_vn .style_1a .st1_left_content .st1_white_box .st1_white_box_left span {
  font-family: 'Time New Roman';
}

.opu_vn #grv-user-recover-password-request {
  max-width: 530px;
}

.opu_vn .section_form label {
  font-size: 15px;
  font-family: 'Arial' !important;
}

/* .opu_vn .visual.st2a .box .txt_top {
  font-family: 'Arial'
} */
.opu_vn .visual1 .box .wrap_txt .tx2,
.opu_vn .style_1 .st1_left_content .st1_white_box .st1_white_box_left .tx2 {
  font-size: 20px;
  margin-left: -5px;
  display: inline-block;
}

.btn_view {
  background: #a9549f;
  border-radius: 3px;
  padding: 7px 10px 5px;
  font-size: 12px;
  color: #FFF;
  display: inline-block;
  margin: 10px auto 0;
  text-transform: uppercase;
  font-weight: bold;
}

.btn_view1 {
  background: #ffd90c;
  color: #4b3232;
  border-radius: 0;
  padding: 7px 15px 5px 32px;
  font-size: 15px;
  display: inline-block;
  margin: 10px auto 0;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  float: right;
}

.btn_view1:after {
  position: absolute;
  content: '';
  left: -25px;
  top: 50%;
  margin-top: -26px;
  width: 50px;
  height: 50px;
  background: url(../images/btn_38.png) no-repeat 0 0;
  background-size: 100%;
}

.opu_vn #video_pdf .v_left_title {
  font-size: 1.6em;
  line-height: 1.3em;
}

.opu_vn .box_txt_respi .txt3 {
  text-align: center;
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1.2em;
}

/*banner jardiance*/
.opu_vn .jardiance-vn {
  background-repeat: no-repeat;
  background-size: calc(100% - 40px) auto;
  background-position: 50% 50%;
}

.opu_vn .button-disclaimer-resources-yes {
  border-radius: 5px;
}

.opu_vn #grv-deeplink-register .form-type-checkbox label {
  font-weight: bold !important;
}

.opu_vn #grv-deeplink-register .form-item-first-name span,
.opu_vn #grv-deeplink-register .form-item-last-name span,
.opu_vn #grv-deeplink-register .form-item-email span {
  display: none;
}

@media (max-width: 767px) {
  .opu_vn .visual1.st1 .box .wrap_txt {
    font-size: 12px;
  }

  .opu_vn .visual1 .box .wrap_txt .tx1,
  .opu_vn .style_1 .st1_left_content .st1_white_box .st1_white_box_left .tx1 {
    font-size: 41px;
  }

  .opu_vn .visual1 .box .wrap_txt .tx2,
  .opu_vn .style_1 .st1_left_content .st1_white_box .st1_white_box_left .tx2 {
    margin-left: 0;
  }

  /* .opu_vn .visual.st2a .box .txt_top {
    font-size: 10px;
  }
  .opu_vn .visual.st2a .box .txt_top span {
    font-size: 13px;
  }
  .opu_vn .visual.st2a .box .h2 h2 {
    font-size: 20px;
    line-height: 1.1;
  }
  .opu_vn .visual.st2a .box .h2 h2 span {
    font-size: 20px;
  } */
  .btn_view1 {
    float: none;
    margin-left: 27px;
    margin-top: 18px;
  }
}

@media (min-width: 768px) {
  .opu_vn header {
    font-size: 13px;
  }

  .opu_vn nav {
    width: calc(100% - 310px);
  }

  .opu_vn .visual .box .h2 .tt1 {
    padding-bottom: 10px;
  }

  .opu_vn .visual .box .h2 .biantiqua_it,
  .opu_vn .visual .box .h2 h2 {
    font-size: 5.1vw;
  }

  .opu_vn .visual .box .txt {
    padding: 20px 30px;
  }

  .opu_vn .visual.st2 .box .txt {
    padding-left: 0;
    padding-right: 0;
  }

  .opu_vn .visual1 .box .wrap_txt .tt {
    padding-left: 0;
    padding-right: 0;
  }

  .opu_vn .box_txt_respi .txt3 {
    font-size: 18px !important;
  }

  .opu_vn .visual.st2b .box .h2 h2 {
    font-size: 27px;
  }

  /*.opu_vn .visual.st2a .box {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    min-height: inherit;
  }
  .opu_vn .visual.st2a .box .txt_top {
    font-size: 12px;
    font-weight: bold;
  }
  .opu_vn .visual.st2a .box .txt_top span {
    font-size: 12px;
  }
  .opu_vn .visual.st2a .box .h2 h2 {
    font-size: 22px;
    line-height: 1.1;
  }
  .opu_vn .visual.st2a .box .h2 h2 span {
    font-size: 22px;
  }*/
}

@media (min-width: 992px) {
  .opu_vn .box_txt_respi .txt3 {
    font-size: 24px !important;
  }

  /* .opu_vn .visual.st2a .box .h2 h2 {
    font-size: 29px;
  }
  .opu_vn .visual.st2a .box .h2 h2 span {
    font-size: 26px;
  } */
}

@media (min-width: 1200px) {

  .opu_vn .visual .box .h2 .biantiqua_it,
  .opu_vn .visual .box .h2 h2 {
    font-size: 82px;
  }

  .opu_vn footer {
    font-size: 16px;
  }

  .opu_vn .visual .box .txt {
    font-size: 24px;
  }

  .opu_vn .box_txt_respi .txt3 {
    font-size: 28px !important;
  }

  .opu_vn header {
    font-size: 15px;
  }

  .opu_vn .visual.st2b .box .h2 h2 {
    font-size: 36px;
  }

  /* .opu_vn .visual.st2a .box .h2 h2 {
    font-size: 35px;
  }
  .opu_vn .visual.st2a .box .h2 h2 span {
    font-size: 32px;
  } */
}

/*new structure*/
/*footer*/
@media (min-width: 992px) {
  .foo1.product-viewmode .fbox {
    width: 19.8%
  }
}

/*publication*/
.publication {
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
  margin-right: -10px;
}

.wrap_publication {
  overflow-y: hidden;
  padding-right: 10px;
  position: relative;
}

.list-pub li {
  background: #FFF;
  border: 1px solid #ebebeb;
  margin-bottom: 10px;
}

.list-pub li img {
  width: 30%;
  display: inline-block;
  max-width: 250px;
}

.list-pub li span {
  display: inline-block;
  width: 69%;
  padding: 0 10px 0 20px;
  font-weight: bold;
}

.list-pub li span i.fsmaller {
  display: block;
  padding-top: 5px;
}

.list-pub li a {
  color: #696969;
  display: flex;
  display: -webkit-flex;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  padding: 10px 0;
}

@media (min-width: 768px) {
  .publication {
    width: 60%;
    float: left;
    padding-right: 10px;
  }

  .thphase1 .publication {
    width: 100%;
  }

  .wrap_publication {
    padding-right: 20px;
    height: 740px;
  }
}

/*slide tovito*/
.tovito .icon_lung {
  background: url(../images/tovito/icon_lung.png) no-repeat 0 0;
}

.tovito .icon_lung-ics {
  background: url(../images/tovito/icon_lung-ics.png) no-repeat 0 0;
}

.tovito .icon_lung-24h {
  background: url(../images/tovito/icon_lung-24h.png) no-repeat 0 0;
}

.tovito .icon_life {
  background: url(../images/tovito/icon_life.png) no-repeat 0 0;
}

.tovito .icon_exercise {
  background: url(../images/tovito/icon_exercise.png) no-repeat 0 0;
}

.tovito .icon_activity {
  background: url(../images/tovito/icon_activity.png) no-repeat 0 0;
}

.tovito .icon_breath {
  background: url(../images/tovito/icon_breath.png) no-repeat 0 0;
}

.tovito .icon_breath-walk {
  background: url(../images/tovito/icon_breath-walk.png) no-repeat 0 0;
}

.tovito .icon_exacerbation {
  background: url(../images/tovito/icon_exacerbation.png) no-repeat 0 0;
}

.tovito .icon_patient {
  background: url(../images/tovito/icon_patient.png) no-repeat 0 0;
}

.tovito .icon_patient-106 {
  background: url(../images/tovito/icon_patient-106.png) no-repeat 0 0;
}

.tovito .icon_patient-219 {
  background: url(../images/tovito/icon_patient-219.png) no-repeat 0 0;
}

.tovito .icon_patient-229 {
  background: url(../images/tovito/icon_patient-229.png) no-repeat 0 0;
}

.tovito .icon_patient-303 {
  background: url(../images/tovito/icon_patient-303.png) no-repeat 0 0;
}

.tovito .icon_patient-404 {
  background: url(../images/tovito/icon_patient-404.png) no-repeat 0 0;
}

.tovito .icon_patient-586 {
  background: url(../images/tovito/icon_patient-586.png) no-repeat 0 0;
}

.tovito .icon_patient-1621 {
  background: url(../images/tovito/icon_patient-1621.png) no-repeat 0 0;
}

.tovito .icon_patient-5162 {
  background: url(../images/tovito/icon_patient-5162.png) no-repeat 0 0;
}

.tovito .icon_patient-7880 {
  background: url(../images/tovito/icon_patient-7880.png) no-repeat 0 0;
}

.tovito .icon_week {
  background: url(../images/tovito/icon_week.png) no-repeat 0 0;
}

.tovito .icon_week-6 {
  background: url(../images/tovito/icon_week-6.png) no-repeat 0 0;
}

.tovito .icon_week-12 {
  background: url(../images/tovito/icon_week-12.png) no-repeat 0 0;
}

.tovito .icon_week-52 {
  background: url(../images/tovito/icon_week-52.png) no-repeat 0 0;
}

.tovito .icon_dark {
  width: 40px;
  height: 40px;
  background: #0A385D;
}

.tovito .icon_blue {
  width: 40px;
  height: 40px;
  background: #00B8A5;
}

.tovito .icon_cyan {
  width: 40px;
  height: 40px;
  background: #61C4DB;
}

.tovito .icon_green {
  width: 40px;
  height: 40px;
  background: #6FB544;
}

.tovito .slide .txt {
  position: absolute;
  left: 32.5%;
  top: 47%;
  font-size: 0.6em;
  width: 30.5%;
  color: #0A385D;
  text-align: center;
}

.tovito .slide .txt p {
  padding-bottom: 5px;
}

@media (max-width: 767px) {
  .tovito .slide .txt {
    font-size: 1.3vw;
  }
}

@media (min-width: 768px) {
  .tovito .slide .txt {
    font-size: 0.6em;
  }
}

/* tovito - slide */
.body_fix {
  overflow-y: hidden;
}

.tovito {
  position: relative;
}

.tovito .slide {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  margin: 0 auto;
}

.tovito svg {
  position: absolute;
  width: 100%;
}

.tovito .bg_circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/tovito/bg_circle.png) no-repeat 0 0;
  background-size: 100% auto;
}

.tovito .slide img {
  width: 100%;
}

.tovito .slide .link {
  position: absolute;
  cursor: pointer;
  fill: transparent;
}

.tovito_pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  width: 100%;
  background: #FFF;
  color: #445476;
  font-size: 14px;
  display: none;
  background: rgba(0, 0, 0, .5);
}

.tovito_pop .container {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  margin: 0 auto;
}

.tovito_pop .content {
  position: absolute;
  top: 48px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background: #FFF;
}

.tovito_pop .top_pop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 48px;
  background: #76b82a;
}

.tovito_pop .top_pop .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 48px;
  bottom: 0;
  background: #004e59 url(../images/tovito/icon_close.png) no-repeat 50% 50%;
  background-size: 11px;
  cursor: pointer;
}

.tovito .pop-slide {
  display: none;
}

.tovito_pop .pop-slide {
  display: block;
  background: #e6ecf0;
  height: calc(100% - 1px);
}

.tovito .pop-slide.g-cyan {
  background: #f0f9fb;
}

.tovito .pop-slide.g-blue {
  background: #f1f8e9;
}

.tovito .pop-slide.g-green {
  background: #e8f8f6;
}

.tovito .left-box {
  padding: 20px;
  background: #FFF;
}

.tovito .pop-ref .title,
.tovito .left-box .brand {
  margin: 20px 0;
  position: relative;
}

.tovito .left-box .brand {
  margin-top: 10px;
}

.tovito .pop-ref .title:before,
.tovito .left-box .brand:before {
  position: absolute;
  content: '';
  left: 0;
  top: 50%;
  right: 0;
  height: 1px;
  background: #76b82a;
}

.tovito .left-box .title:before {
  background: #064169;
}

.tovito_pop .pop-slide.g-cyan .left-box .brand:before {
  background: #6cc6dc;
}

.tovito_pop .pop-slide.g-blue .left-box .brand:before {
  background: #76b82a;
}

.tovito_pop .pop-slide.g-green .left-box .brand:before {
  background: #20b9a8;
}

.tovito .pop-ref .title span,
.tovito .left-box .brand span {
  padding: 10px 15px;
  display: inline-block;
  background: #e6ecf0;
  position: relative;
}

.tovito .pop-ref .title span {
  background: #f1f8e9;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: bold;
}

.tovito_pop .pop-slide.g-cyan .left-box .brand span {
  background: #f0f9fb;
}

.tovito_pop .pop-slide.g-blue .left-box .brand span {
  background: #f1f8e9;
}

.tovito_pop .pop-slide.g-green .left-box .brand span {
  background: #e8f8f6;
}

.tovito .left-box .brand img {
  height: 30px;
}

.tovito .left-box .brand sup {
  color: #7f7f7f;
  display: inline-block;
  padding-left: 2px;
  top: -5px;
}

.tovito .left-box .txt {
  padding-bottom: 10px;
}

.tovito .list-info-1 {
  padding-bottom: 10px;
}

.tovito .list-info-1 li {
  position: relative;
  padding-left: 15px;
}

.tovito .list-info-1 li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '•';
}

.tovito .list-info-2 li {
  list-style: decimal;
  margin-left: 12px;
  padding-bottom: 5px;
  padding-left: 3px;
}

.tovito .list-point {
  font-size: 14px;
}

.tovito .list-point li {
  padding: 5px 10px 5px 0;
  display: -webkit-flex;
  display: flex;
}

.tovito .right-box {
  background: #e6ecf0;
  padding: 20px;
}

.tovito .pop-slide.g-cyan .right-box {
  background: #f0f9fb;
}

.tovito .pop-slide.g-blue .right-box {
  background: #f1f8e9;
}

.tovito .pop-slide.g-green .right-box {
  background: #e8f8f6;
}

.tovito .right-box .title {
  font-weight: bold;
  padding-bottom: 10px;
}

.tovito .right-box .list-point {
  padding-top: 10px;
}

/*tovito - end-point*/
.tovito .end-point {
  margin: 20px 0;
  padding: 10px;
  background: #FFF;
}

.tovito .box_endpoint {
  position: relative;
  margin-top: 10px;
  color: #445476;
  background: #FFF;
  cursor: pointer;
}

.tovito .box_endpoint .title {
  font-weight: bold;
  padding: 10px 0 7px 0;
  background: url(../images/tovito/icon_plus.png) no-repeat 99% 50%;
  background-size: 21px;
}

.tovito .list-point .icon,
.tovito .list-point .icon1 {
  margin-right: 10px;
  margin-top: -2px;
}

.tovito .icon {
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: 50% 50%;
  display: inline-block;
}

.tovito .icon1 {
  width: 25px;
  height: 25px;
  display: inline-block;
}

.tovito .list-phase {
  border-top: 0;
}

.tovito .list-phase li {
  border: 0 !important;
}

.tovito .pop-ref {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #FFF;
  display: none;
}

.tovito_pop .pop-ref {
  display: block;
}

.tovito .pop-ref .ref {
  padding-bottom: 10px;
}

.tovito .pop-ref .title {
  padding-top: 0;
  margin-left: 10px;
  margin-right: 10px;
}

.tovito .pop-ref .txt {
  font-size: 14px;
  padding: 5px 10px 10px;
}

.tovito .pop-ref ul {
  font-size: 14px;
  margin-left: 10px;
}

.tovito_pop .pop-ref .ref>.list-point {
  font-size: 16px;
}

.tovito .pop-ref .list-point {
  margin-left: 0;
}

.tovito .pop-ref .list-point li {
  padding-left: 10px;
  padding-right: 10px;
  border: 0 !important;
}

.tovito sub {
  vertical-align: baseline;
}

@media (min-width: 768px) {
  .tovito .end-point {
    background: #FFF;
  }

  .tovito_pop .container {
    left: 0;
    right: 0;
  }

  .tovito_pop .pop-slide {
    display: flex;
    display: -webkit-flex;
  }

  .tovito #endpoint .list-point:nth-of-type(1) {
    display: inline-block;
    width: 40%;
  }

  .tovito #endpoint .list-point:nth-of-type(2) {
    display: inline-block;
    width: 59%;
  }

  .tovito .left-box {
    display: inline-block;
    vertical-align: top;
    width: 70%;
  }

  .tovito .right-box {
    display: inline-block;
    vertical-align: top;
    width: 29%;
  }

  .tovito .pop-ref .ref {
    width: 49%;
    display: inline-block;
    vertical-align: top;
  }

  .tovito .right-box .title {
    padding-top: 26px;
  }

  .tovito .slide {
    width: 730px;
    padding-bottom: 514px;
  }
}

@media (min-width: 992px) {
  .tovito .pop-ref .ref {
    width: 33%;
  }
}

@media (min-width: 1200px) {
  .tovito .box_endpoint {
    display: inline-block;
    vertical-align: top;
  }

  .tovito #endpoint {
    width: 70%;
  }

  .tovito #phase {
    width: 29%;
  }

  .tovito .pop-ref .ref {
    width: 24%;
  }

  .tovito .box_endpoint .title {
    margin-right: 20px;
  }

  .tovito_pop .container {
    top: 30px;
    bottom: 30px;
  }
}

/*presentation mode for pdf*/
.region_seask #video_pdf iframe.fullscreen,
iframe.fullscreen {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 9;
  height: 100% !important;
  max-width: 100% !important;
}

.ifr_full .wrap_right_block {
  z-index: 1;
  visibility: hidden;
}

.ifr_full .style8_1 {
  z-index: 1;
}

.ifr_full,
.ifr_full body {
  overflow-y: hidden;
}

.ifr_full .menu_pro,
.ifr_full footer,
.ifr_full header {
  display: none;
}

@supports (-webkit-overflow-scrolling: touch) {

  .ifr_full,
  .ifr_full body {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}

/*fix banner*/
@media (min-width: 768px) {

  .visual.st2,
  .visual.st3 {
    height: 400px;
  }

  .visual.st2b .wrap-item:before {
    position: absolute;
    content: '';
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: url(../images/spiolto-respimat-does-more--so-he-can_prod.png) no-repeat 100% 100%;
    background-size: auto 100%;
  }
}

@media (min-width: 1601px) {

  .visual.st2,
  .visual.st3 {
    height: 25vw;
  }
}

/*single-page*/
.btn-dl {
  float: right;
  display: inline-block;
  margin-bottom: 0;
  width: 110px;
  padding: 2px 5px;
  border-radius: 4px;
  background: #0f50ac;
  color: #FFF;
  text-align: center;
}

.single-page .v_left_block:before {
  background: transparent !important;
}

.single-page .v_video_info {
  margin: 0 0 1em !important;
}

/*cme_modules*/
.cme_modules .list-pub li p.title {
  font-weight: bold;
}

.cme_modules .list-pub li p:last-child {
  margin-bottom: 40px;
}

.cme_modules .list-pub li span.doc_id {
  position: absolute;
  right: 120px;
  bottom: 10px;
  width: auto;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
}

.cme_modules .list-pub li span.btn_dl {
  position: absolute;
  right: 0;
  bottom: 10px;
  width: auto;
  background: #0f50ac;
  color: #FFF;
  text-align: center;
  border-radius: 4px;
  font-weight: normal;
  padding: 0 10px;
}

.cme_modules .list-pub li a {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.cme_modules .list-pub li a>div {
  width: 69%;
  padding-left: 10px;
}

@media (max-width: 767px) {
  .cme_modules .list-pub li span.doc_id {
    right: auto;
    left: 0;
    padding-left: 0;
  }

  .cme_modules .list-pub li img {
    margin-bottom: 40px;
  }

  .single-page .btn-dl {
    float: none;
  }
}

@media (min-width: 768px) {
  .cme_modules .publication {
    width: 100%;
  }

  .cme_modules .list-pub li a>div {
    width: calc(100% - 200px);
  }

  .cme_modules .list-pub li p:last-child {
    margin-bottom: 50px;
  }

  .cme_modules .list-pub li img {
    max-width: 200px;
  }
}

/*lux-lung*/
.lux-lung {
  background: #fff;
}

.lux-lung#video_pdf .v_left_title {
  background: transparent;
  border-bottom: 0;
}

.lux-lung#video_pdf .v_left_title:before {
  background: transparent !important;
}

.lux-lung#video_pdf .v_left_title:after {
  background: transparent;
}

.lux-lung#video_pdf .v_video_info {
  margin: 1em 0 1.5em;
}

.lux-lung .w-block {
  position: relative;
  padding: 1em 0 0;
}

.lux-lung .w-block .box-txt {
  padding-bottom: 20px;
}

.lux-lung .w-block h2 {
  font-size: 1.6em;
  padding-bottom: 20px;
}

.b-bg_light_blue,
.b-results,
.b-patients {
  background: #e6f8f6;
  position: relative;
}

.b-bg_light_blue:before,
.b-results:before,
.b-patients:before {
  content: '';
  position: absolute;
  left: -100%;
  right: -200%;
  top: 0;
  bottom: 0;
  background: #e6f8f6;
}

.lux-lung .font20 {
  font-size: 20px;
}

.lux-lung .image {
  background: #fff;
  padding: 30px;
  position: relative;
  text-align: center;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  max-width: 650px;
  margin: 0 auto;
}

.lux-lung .image:before {
  position: absolute;
  content: '';
  bottom: 5px;
  right: 5px;
  width: 27px;
  height: 27px;
  background-image: url(../images/icon_zoom.png);
  cursor: pointer;
}

.lux-lung .list-ll {
  position: relative;
  border-top: 1px solid #008da1;
  border-bottom: 1px solid #008da1;
  margin-right: -1.1em;
  display: flex;
  display: -webkit-flex;
}

.lux-lung .list-ll:before {
  position: absolute;
  content: '';
  bottom: -1px;
  right: 0;
  left: 0;
  border-bottom: 1px solid #008da1;
}

.lux-lung .list-ll li a {
  padding: 15px 20px;
  display: block;
  color: #464646;
}

.lux-lung .list-ll li a:hover {
  opacity: .8;
}

.lux-lung .box-note {
  border: 3px solid #464646;
  background: #fff;
  padding: 30px 10px;
  text-align: center;
  width: 100%;
}

.lux-lung .box-note.orange {
  border-color: #f68b1f;
}

.lux-lung .box-note span {
  color: #999;
}

.lux-lung .box-note .title {
  font-size: 2em;
  line-height: 34px;
  color: #464646;
}

.lux-lung .box-note.orange .title {
  color: #f68b1f;
}

.lux-lung .box-note .title em {
  font-size: 25px;
}

.lux-lung .list-txt li {
  position: relative;
  padding-left: 10px;
}

.lux-lung .list-txt li:before {
  position: absolute;
  content: '';
  left: 0;
  top: 9px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #34bec8;
}

.lux-lung .viewlikeshare {
  display: none;
}

.popup-zoom-img {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .5);
  z-index: 99;
  opacity: 0;
}

.popup-zoom-img .wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  right: 0;
  margin: 0 auto;
  background: #FFF;
  width: 95%;
  height: 95%;
  padding: 30px;
  text-align: center;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  overflow: auto;
  max-width: 1150px;
  max-height: 700px;
}

.popup-zoom-img .wrap img {
  height: inherit;
}

.popup-zoom-img .wrap img.w100 {
  width: 100%;
  height: inherit;
}

.popup-zoom-img .wrap img.h100 {
  height: 100%;
}

.popup-zoom-img .wrap .close {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
  color: #FFF;
  background: #34bec8;
  opacity: 1;
}

@media (max-width: 767px) {
  .lux-lung .box-txt.flex {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  .lux-lung .box-note:first-child {
    margin-bottom: 20px;
  }

  .lux-lung .list-ll li a {
    padding: 15px 5px;
  }
}

@media (min-width: 768px) {
  .lux-lung .box-50 {
    float: left;
    width: 49%;
  }

  .lux-lung .box-50:first-child {
    margin-right: 2%;
  }
}

/*lux-lung ll-3 for ID*/
#video_pdf.ll-3 .v_left_title:before {
  background: #008da1;
  width: auto;
  top: calc(100% - 1px);
  right: 0;
  left: -100%;
}

.lux-lung .image.zoom-blue:before {
  background: url(../images/icon_zoom_2.png) no-repeat;
  width: 20px;
  height: 20px;
}

.lux-lung .image.zoom-white:before {
  background: url(../images/icon_zoom_3.png) no-repeat;
  width: 20px;
  height: 20px;
}

.lux-lung .list-txt.bull-blue-1 li:before {
  background: #118498;
}

.lux-lung .image.po-1:before {
  bottom: 15.3%;
}

.lux-lung .image.po-2:before {
  bottom: 16.1%;
}

.lux-lung .image.po-3:before {
  bottom: 10.8%;
}

.lux-lung .image.po-4:before {
  bottom: 14.1%;
}

.lux-lung .image.po-5:before {
  bottom: 8.8%;
}

.lux-lung .b-patients.ending-cont:before {
  bottom: -20px;
}


/* tiospir spiriva */
.tiospir_style#video_pdf .v_left_title {
  border-color: #246ab7;
}

.tiospir_style#video_pdf.thphase1 .v_left_block:before,
.tiospir_style#video_pdf .v_left_title:before {
  background: #246ab7;
}

.tiospir_style .list-ll {
  border-color: #246ab7;
}

.tiospir_style .list-ll:before {
  border-color: #246ab7;
}

.tiospir_style .list-txt li:before {
  background: #246ab7;
}

.tiospir_style .image:before {
  background-image: url(../images/icon_zoom_1.png);
}

.visual.tiospir .box .h2 span {
  font-size: 20px;
}

.tiospir_style .list-ll {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}

.tiospir_style#video_pdf .v_video_info div p {
  border-color: #246ab7;
}

.tiospir_style .list-ll li a {
  padding: 15px 5px;
}

.spiriva_safety_style .dark_green,
.tiospir_style .dark_green {
  color: #246ab7;
}

.tiospir_style.v_right_block {
  border-color: #b0c5e1;
}

.tiospir_style#video_pdf .iScrollIndicator {
  background: #246ab7 !important;
}

.tiospir_style#video_pdf .v_left_block .viewlikeshare {
  background: #246ab7 !important;
}

.tiospir_style#video_pdf .v_left_block .viewlikeshare .liked i {
  color: #0f4279;
}

.breadcrumb1.tiospir a {
  color: #246ab7;
}

.breadcrumb1.tiospir a:first-child {
  background: #246ab7;
  color: #fff;
}

.breadcrumb1.tiospir a:first-child:before {
  border-left-color: #246ab7;
}

#block-boehringerone-local-tasks {
  display: none;
}

@media (max-width: 767px) {
  .visual.tiospir .box {
    background: #246ab7;
  }

  .tiospir_style#video_pdf .v_left_block:before {
    background: #246ab7;
  }

  .tiospir_style .list-ll {
    margin-left: -1.1em;
    padding: 0 1.1em;
  }

  .tiospir_style .list-ll li a {
    padding: 5px 0;
  }

  .tiospir_style .list-ll li {
    width: 33.33%;
    font-size: 14px;
  }

  .visual.tiospir.spiriva .box {
    background: transparent;
    color: #004a8d;
  }

  .visual.tiospir.spiriva .box img {
    max-width: 200px;
    width: 90%;
    display: block;
  }

  .visual.tiospir.spiriva .bg-mb {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .visual.tiospir.spiriva .box .h2 h2 {
    font-size: 33px;
    color: #004a8d;
  }

  .visual.tiospir.spiriva .box .txt {
    color: #004a8d;
  }

  .visual.tiospir.spiriva .box .ref {
    width: 90%;
  }

  .visual.tiospir.spiriva .box .note {
    width: 70%;
  }

  .visual.tiospir.spiriva .box .wrap_txt {
    padding-top: 10px;
  }

  .visual.tiospir.spiriva .box .wrap_txt:before {
    background: #004a8d !important;
    right: 0;
    left: 20px;
  }
}

@media (min-width: 768px) {

  .visual.tiospir .box .h2,
  .visual.tiospir .box .h2 h2 {
    color: #004a8d !important;
  }

  .visual.tiospir .box .h2 h2 {
    font-size: 40px;
  }

  .visual.tiospir.spiriva .box .h2 h2 {
    font-size: 36px;
  }

  .visual.tiospir .box .h2 span {
    font-size: 20px;
  }

  .visual.tiospir.spiriva .box .h2 span {
    font-size: 17px;
  }

  .visual.tiospir .box .txt {
    color: #717073 !important;
    font-size: 18px;
    max-width: inherit;
  }

  .visual.tiospir.spiriva .box .txt {
    font-size: 16px;
    color: #004a8d !important;
    padding-bottom: 10px;
  }

  .visual.tiospir .box {
    width: 60%;
  }

  .visual.tiospir.spiriva .box {
    width: 65%;
    padding-top: 15px;
  }

  .visual.tiospir .box .wrap_txt:before {
    background: #246ab7;
  }

  .visual.tiospir.spiriva .note {
    position: absolute;
    bottom: 10px;
  }
}

@media (min-width: 992px) {
  .tiospir_style .list-ll {
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
  }
}

@media (min-width: 1200px) {
  .visual.tiospir .box .h2 h2 {
    font-size: 55px;
  }

  .visual.tiospir.spiriva .box .h2 h2 {
    font-size: 45px;
  }

  .visual.tiospir .box .h2 span {
    font-size: 30px;
  }

  .visual.tiospir.spiriva .box .h2 span {
    font-size: 25px;
  }

  .visual.tiospir .box .txt {
    font-size: 22px;
  }

  .visual.tiospir.spiriva .box .txt {
    font-size: 20px;
  }

  .tiospir_style .list-ll li {
    flex-grow: 1;
  }

  .visual.tiospir.spiriva .box .wrap_txt {
    width: 82%;
  }

  .visual.tiospir.spiriva .ref {
    width: 60%;
  }

  .visual.tiospir.spiriva .note {
    width: 81%;
  }
}

.pointer-remove-footer {
  pointer-events: none;
}
/**.carousel issue fixed**/
.carousel_image_full{
  display: block !important;
}

.carousel_image_mobile {
  display: none !important;
}

@media (max-width: 768px) and (min-width: 320px){
  .carousel_image_mobile {
    display: block !important;
  }
  .carousel_image_full {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .region.region-subnav + .reg-page-content article {margin-top: 70px;}
}

/* NHAM Form Start */

.nham_form .custom-hr{
  margin-bottom: 20px;
    border-bottom: 1px solid #9e0b0f;
  padding-top:15px;
}

.nham_form input[type="date"]{
  font-size: 15px;
    font-style: normal;
    width: 100%;
    display: block;
    border: 1px solid #d4d7d6;
    padding: 10px 15px;
    font-family: 'MyriadPro';
    line-height: 15px;
  height:40px;
}

.nham_form .field-er-bi-representative-name-und-0-value{
  float:none;
}

.nham_form .form-item-enter-full-address{
padding-top:8px;
}

.nham_form #edit-processed-text,
.nham_form #edit-processed-text-03,
.nham_form #edit-processed-text-04,
.nham_form .legend-hide,
.nham_form .flight_name_nric_holder,
.nham_form .form-item-enter-full-address,
.nham_form .form-item-home-address
   {
  width:100%;
}

.nham_form .required-mark{
  color: red;
    display: inline-block;
    /* vertical-align: middle; */
  padding-left:3px;
}
.nham_form select{
font-size:13px; 
}

.nham_form .custom-hr .required-mark{
  padding-right:3px;
}

.nham_form .field-er-full-name-und-0-value{
width:33%;
}

.nham_form .form-item-field-er-title-und {
    width: 16.5%;
}

.nham_form legend,
.nham_form .legend-hide #edit-is-airport-transfer-required---wrapper legend {
    font-size: 16px;
    display: block;
    font-family: 'MyriadPro_Bd';
    padding-bottom: 5px;
  border:none;
  color: #706f6f;
  float:left;
  width:10%;
  align-self:flex-start;
}

.nham_form .legend-hide #edit-is-airport-transfer-required---wrapper,
.nham_form .legend-hide #edit-is-airport-transfer-required---wrapper legend,
.nham_form .legend-hide #edit-please-select-your-required-trip-s---wrapper legend,
.nham_form .legend-hide #edit-please-select-your-required-trip-s---wrapper,
.nham_form .legend-hide #edit-please-select-your-required-trip-s---wrapper .fieldset-wrapper .js-form-type-checkbox,
.nham_form .ground_content_holder{
  width:100%;
}

.nham_form .form-item-special-diet,
.nham_form .form-item-will-you-be-attending-dinner-,
.nham_form .form-item-preferred-transportation,
.nham_form .js-form-item-is-airport-transfer-required- {
  display:flex;
  width:100%;
  align-items:center;
  padding-bottom:5px; 
}

.nham_form .form-item-will-you-be-attending-dinner-{
width:50%;
}

.nham_form .special-diet-wrapper,.nham_form .attending-wrapper, .nham_form .transport-wrapper{
  width:100%;
  padding:20px 0;
}



.nham_form .form-item-preferred-transportation:nth-child(1){
  width:19%;
}

.nham_form .form-item-preferred-transportation:nth-child(2){
  width:21%;
}
.nham_form .form-item-preferred-transportation:nth-child(3){
  width:60%;
}

.nham_form .form-item-field-er-title-und:after,
.nham_form .accomdation-select-wrapper:after,
.nham_form .form-item-field-er-departure-flight:after,
.nham_form .form-item-field-er-return-flight:after,
.nham_form #edit-preferred-time .form-item:after,
.nham_form #edit-preffered-time .form-item:after,
.nham_form .form-item-from:after 
{
position: absolute;
    bottom: 16px;
    padding-top: 7px;
    right: 31px;
    height: 38px;
    padding-left: 20px;
    padding-right: 10px;
    content: '\e807';
    color: #d4d7d6;
    font-family: "fontello";
    font-size: 25px;
    line-height: 25px;
background: #FFF;
}
.nham_form .accomdation-select-wrapper:after 
{
  top:12px;
}


.nham_form .form-item-field-er-title-und,
.nham_form .accomdation-select-wrapper,
.nham_form #edit-preferred-time .form-item,
.nham_form #edit-preffered-time .form-item,
.nham_form .form-item-from 
{
position:relative;
}

#webform-submission-nham-2020-register-add-form #edit-submit
{
  border:0;
   background: #004282;
    padding: 10px 50px;
    line-height: inherit;
    border-radius: 0;
    color: #FFF;
    font-weight: bold;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
    margin-top: 50px;
}
.nham_form .attending-wrapper legend, 
.nham_form .transport-wrapper legend 
{
  width:21%;
}

.nham_form .accomdation-select-wrapper .accomdation-select{
    display: inline-block;
    width: calc(100% - 220px);
    float: right;
}

.nham_form .accomdation-select-wrapper > label {
    padding-right: 20px;
    float: left;
}
.nham_form .nham-desc{
   display: block;
    font-family: 'BISansNEXT';
    font-style: italic;
    font-weight: normal;
}
.nham_form .nham-desc,
.nham_form .description .registration-description-label
{
    font-size: 0.85em;
}

.nham_form .legend-hide legend:nth-child(1){
  display:none;
}

.nham_form .legend-hide {
margin-top:40px;
}
.nham_form .legend-hide #edit-is-airport-transfer-required---wrapper,
.nham_form .legend-hide #edit-is-airport-transfer-required---wrapper .fieldset-wrapper,
.nham_form .legend-hide #edit-please-select-your-required-trip-s---wrapper legend,
.nham_form .legend-hide #edit-please-select-your-required-trip-s---wrapper .fieldset-wrapper,
.nham_form .legend-hide #edit-please-select-your-required-trip-s---wrapper
{
  display:block;
}

.nham_form .legend-hide #edit-please-select-your-required-trip-s---wrapper .fieldset-wrapper input {
width:auto; 
}

.nham_form .form-item-field-er-departure-flight,
.nham_form .form-item-field-er-return-flight,
.nham_form #edit-flight-information,
.nham_form #edit-ground-transportation{
  position:relative;
}

.nham_form .flight_content_holder,
.nham_form .ground_content_holder{
    padding: 0 15px;
}

.nham_form .legend-hide{
  border: 1px solid #1954a5;
    border-top: 0;
  padding-bottom:0px;
  border-right:0px;
  padding-right:0;
}
.nham_form .legend-hide .heading1{
  margin:0 auto 15px;
}

.nham_form #edit-processed-text-03 .heading1:before,
.nham_form #edit-processed-text-04 .heading1:before{
  left:0;
  width:100%;
    background: #1954a5;
}
.nham_form #edit-processed-text-03,
.nham_form #edit-processed-text-04{
  padding-right:0;
  padding-bottom:0;
}
.nham_form #edit-test{
clear:left;
width:100%; 
}

.nham_form #edit-flight-information:after,
.nham_form #edit-ground-transportation:after{
      content: '';
    position: absolute;
    width: 1px;
    background: #1954a5;
    height: calc(100% - 21px);
    top: 21px;
    right: 0px;
}

.nham_form .blu-text{
      color: #003366;
}

.nham_form .desc-label{
font-size:0.85em;
display:block;
margin-bottom:7px;
font-style:italic;
}

.nham_form #edit-preferred-time,
.nham_form #edit-preffered-time{
display: flex;
    margin: 0px;
}

.nham_form #edit-preferred-time .form-item,
.nham_form #edit-preffered-time .form-item{
padding-right:10px;
}

.nham_form .special-diet-other{
padding-top:5px;
padding-bottom:0px;
width:50%;
}

.nham_form .accomdation-select-wrapper{
padding-top:12px;
}

.nham_form .form-item .container-inline{
  margin:0;
}

.nham_form .js-form-type-date{
width:100%;
padding-right:0;
}

.nham_form .js-form-item-home-address{
padding-right:0;
} 

.nham_form .js-form-item-return-date{
clear:left;
}

@media (min-width: 1200px) {
  .nham_form .special-diet-other{
  padding-left:114px;
  }
  .nham_form .form-item-field-values{
      width: 24.7%;
}
}

@media (min-width: 768px) {
  .nham_form .js-form-item-preferred-time{
  padding-bottom:0; 
  }
.nham_form .js-form-item-preferred-time,
.nham_form .form-item-preffered-time{
  width:35%;
}
 .nham_form #edit-preferred-time .form-item:after,
 .nham_form #edit-preffered-time .form-item:after{
 right:12px;
 }
}

@media (min-width: 991px) {
.nham_form #edit-preferred-transportation--wrapper {
position:relative;
}
.nham_form .description .registration-description-label{
position:absolute;
top:48px;
left:0; 
}

}

@media (min-width: 1024px) {
.nham_form .js-form-item-first-name{
      width: 33%;
}
.nham_form .form-item-nric-number{
   width: 16.5%;
}
}


@media (min-width: 1199px) {
  .nham_form .mx-wrap-width{
    width:24.7%;
  }
.nham_form .form-item-institution-name-place-of-practice- label{
font-size:15px; 
}
}
@media (max-width: 1199px) {
  .nham_form .form-item--address
  {
  float:none;
  }
.nham_form .attending-wrapper legend, 
.nham_form .transport-wrapper legend 
{
  width:25%;
}
.nham_form .js-form-item-preferred-time,
.nham_form .form-item-preffered-time {
    width: 46%;
}

.nham_form .special-diet-wrapper legend {
  width:12%;
}
.nham_form  .accomdation-select-wrapper{
clear:left;
}
}




@media (max-width: 991px) {
.nham_form .attending-wrapper legend
{
  width:100%;
}

.nham_form .transport-wrapper legend{
width:28%;
}
.nham_form .accomdation-select-wrapper > label {
    padding-right: 20px;
    float: left;
}

#webform-submission-nham-2020-register-add-form .form-type-radio{
display:block;
}
.nham_form #edit-will-you-be-attending-dinner-,
.nham_form #edit-special-diet
{
  width:100%;
}

.nham_form .form-item-will-you-be-attending-dinner- {
    width: 25%;
}
.nham_form #edit-preferred-transportation--wrapper{
  display:flex;
}

.nham_form #edit-special-diet--wrapper .fieldset-wrapper,
.nham_form #edit-will-you-be-attending-dinner---wrapper .fieldset-wrapper
{
  display:block;
}
.nham_form #edit-special-diet--wrapper legend {
width:100%;
}

.nham_form .accomdation-select-wrapper:after 
{
  top:47px;
}

.nham_form .accomdation-select-wrapper {
    padding-top: 2px;
  padding-bottom:0px;
}

}


@media (min-width: 768px) and (max-width: 991px) {
.nham_form .accomdation-select-wrapper .accomdation-select{
    width: 100%;
}
}

 @media (min-width: 992px) and (max-width: 1199px) { 
.nham_form #edit-test .form-item-field-values{
  width:49.5%;
} 
 } 

@media (max-width: 767px){
.nham_form .field-er-full-name-und-0-value {
    width: 100%;
}
.nham_form .accomdation-select-wrapper > label,.nham_form .transport-wrapper legend 
 {
  width:100%;
}
.nham_form .accomdation-select-wrapper .accomdation-select,
.nham_form .special-diet-other {
width:100%;
}

.nham_form .form-item-field-er-title-und:after,
.nham_form .accomdation-select-wrapper:after,
.nham_form .form-item-field-er-departure-flight:after,
.nham_form .form-item-field-er-return-flight:after,
.nham_form #edit-preferred-time .form-item:after,
.nham_form #edit-preffered-time .form-item:after,
.nham_form .form-item-from:after  
{
right: 1px;
    bottom: 11px;
    padding-top: 3px;
    height: 31px;
}
.nham_form .accomdation-select-wrapper:after 
{
  top:38px;
}

.nham_form #edit-preferred-transportation--wrapper {
display:block;
}

.nham_form #edit-preferred-time,
.nham_form #edit-preffered-time{
justify-content:space-between;
}
.nham_form #edit-preferred-time .form-item,
.nham_form #edit-preffered-time .form-item{
width:32%;
}
.nham_form .js-form-item-preferred-time,
.nham_form .form-item-preffered-time {
    width: 100%;
}
.nham_form #edit-preferred-time .form-item,
.nham_form #edit-preffered-time .form-item {
padding-right:0px;
}

.nham_form #edit-flight-information:after, .nham_form #edit-ground-transportation:after {
    height: calc(100% - 19px);
    top: 19px;
}
.nham_form .legend-hide {
margin-top:12px;
}

#webform-submission-nham-2020-register-add-form .nham_form{
padding:0 20px;
}

.nham_form input[type="date"]{
font-size: 13px;
    padding: 8px 10px;
    line-height: 13px;
    vertical-align: middle;
}
}
@media (max-width: 500px){
.nham_form #edit-preferred-time .form-item,
.nham_form #edit-preffered-time .form-item{
width:31%;
}
}
/* NHAM Form End */

.overlay {
  position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
    visibility: hidden;
    opacity: 0;
    z-index: 999;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px auto;
    padding: 20px;
    background: #FFF;
    width: 60%;
    position: relative;
    color: #000;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}

.popup .content {
  max-height: 30%;
  overflow: auto;
}

.kr-popup-button {
    width: 200px;
    margin-top: 40px;
    text-align: center;
    display: block;
    margin-top: 20px;
    border-radius: 12px;
}

.nav-kr li:nth-child(3) p {
    text-transform: capitalize !important;
}

a.krclose {
    color: #000;
}

.hide-me{
  display: none;
}

.kr_popup h2 {
    margin-bottom: 15px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: bold;
}

.popup-bottom {
    margin-bottom: 15px;
}

.kr-popup-button {
    margin: 20px 5px 0px;
}

span.krclose {
    color: #fff;
    display: block;
    background-color: #44546A;
    padding: 5px 0px;
    border-radius: 12px;
}

.content ul li:nth-of-type(3)::before {
    background-color: red !important;
}

.kr_popup li:nth-child(3) {
    color: red;
}

.popup .content ul li::before{
position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    background-color: #000;
    top: 7px;
    border-radius: 50%;
    left: 15px;
}

.popup .content ul li{
position:relative;
}

a.kragree {
    color: #fff;
    display: block;
    background-color: #002060;
    padding: 5px 0px;
    border-radius: 12px;
}

.kr_popup li {
    padding-left: 30px;
}

.popup-bottom {
    padding-top: 30px !important;
}

@media screen and (max-width: 700px){
  .box{
    width: 70%;
  }
  .popup{
    width: 70%;
  }
}

.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: #000000;
  color: white;
  padding: 8px;
  z-index: 100;
}

.skip-link:focus {
  top: 0;
}

.BIHeader {
  height: 86px;
  padding-top: 20px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  border-bottom: 3px solid #e4e4e4;
}

/************* css changes************/

/* Begin CSS for PH elearning Popup */
  .elearning-popup {
         position: fixed;
         z-index: 999;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         background: rgb(0 0 0 / 70%);
         display: flex;
         align-items: center;
         justify-content: center;
         }
         .ph_elearning-popup {
      background: #003366;
      color: #fff;
      margin: 10px;
      border-radius: 10px;
      max-width: 600px;
      position: relative;
         }
     body.overflow{
       overflow:hidden;
     }
         .elearning-popup .content_pop {
         display: flex;
         }
         .elearning-popup a.close-btn {
             font-size: 30px;
      color: #fff;
      text-decoration: none;
      position: absolute;
      z-index: 999;
      top: 0;
      right: 10px;
      cursor:pointer;
      display: flex;
      align-items: center;
         }
         .elearning-popup:target {
         visibility: visible;
         opacity: 1;
         /* cancel visibility transition delay */
         -webkit-transition-delay: 0s;
         transition-delay: 0s;
         }
         .ph_elearning-popup .left_pop {
         align-content: center;
         padding: 40px 20px 20px 0;
         display: flex;
         align-items: center;
         }
         .ph_elearning-popup .right_pop li {
         list-style: none;
         margin-bottom: 20px;
         display: flex;
         }
         .ph_elearning-popup .right_pop li span {
         margin-left: 10px;
         align-items: center;
         display: flex;
         }
         .ph_elearning-popup .pop_btn {
        width: 200px;
    border-radius: 10px;
    background: #95caff;
    color: #003366;
    border: none;
    font-size: 30px;
    margin: 0 30px 30px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    padding: 10px;
         }
         .ph_elearning-popup .right_pop li img {
         width: 36px;
         height: 30px;
         }
         .ph_elearning-popup .right_pop h1 {
         font-size: 48px;
         margin-bottom: 0;
         padding-left: 10px;
         }
         .ph_elearning-popup .right_pop h3 {
         font-size: 30px;
         margin: 10px 0;
         }
         .ph_elearning-popup .right_pop ul {
         padding: 10px 30px;
         margin: 0;
         }
         .ph_elearning-popup .popup-overlay {
         top: 0;
         left: 0;
         right: 0;
         bottom: 0;   
         display: flex;
         position: fixed;
         align-items: center;
         transition: all .3s ease-in-out;
         justify-content: center;
         background-color: #001a33;
         z-index: 1;
         opacity: 0.6;
         }
         .ph_elearning-popup .left_pop img {
         max-width: unset;
         }
         .ph_elearning-popup .right_pop {
         margin-top: 20px;
         }
        .elearning-popup a.close-btn .cls-txt {
          font-size: 20px;
        }
        .elearning-popup a.close-btn .cls-icon {
          margin-top: 1px;
        }
         @media (max-width: 767px) {
         .ph_elearning-popup .right_pop {
         padding: 10px;
         }
         .ph_elearning-popup {
         height: 70vh;
         overflow: auto;
         max-width: 85%;
         }
         .ph_elearning-popup .content_pop {
         display: block !important;
         }
         .ph_elearning-popup .left_pop img {
         width: 140px;
         }
         .ph_elearning-popup .right_pop h1 {
         font-size: 40px;
         }
         .ph_elearning-popup .right_pop h3 {
         font-size: 24px;
         margin: 10px ;
         }
         .ph_elearning-popup .right_pop ul {
         padding: 10px;
         }
         }
.d-flex{
  display: flex;
  justify-content: space-evenly;
}
.kr_popup .text-center {
    display: inline-block;
    border-bottom: 1px solid black;
}
.kr_popup .popup-bottom {
    padding-left: 5px;
}

  /* new search styles start */
  header .searchIcon {position: relative;float: right;}
  header .searchIcon a {color: #fff;}
  @media (min-width: 768px) {
    header {height: 134px;}
    header .hbox {padding-top: 0;}
    header .searchIcon {padding-top: 15px;}
    header .searchIcon a {font-size: 20px;}
    header .navTopSectionDesktop {display: block;border-bottom: 1px solid #3d3d3d;padding-bottom: 10px;margin-bottom: 15px;}
    header .navTopSectionMobile {display: none;}
    header nav .submenu {top: 134px;}
  }
  @media (max-width: 767px) {
    header .searchIcon {padding-top: 0;margin-right: 15px;}
    header .navTopSectionDesktop {display: none;}
    header .navTopSectionMobile {display: block;}
  }
  /* new search styles end */