@charset "utf-8";
/*! CSS Document */
/*!========= NORMALIZE STYLES(do not edit) ============= */ /*!!normalize.css v1.0.1 | MIT License | git.io/normalize */
*{margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}body{margin:0; padding:0;}a:active,a:hover{outline:none}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}img,img a{border:0}
/*! ================================================== GLOBAL LAYOUT =================================================== */
html {
height: 100%;
-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
body {
    font-size:100%;
    font-family: 'Open Sans', sans-serif;
    color:#000;
}
/* SPECIAL H1 CONTAINER */
#SEO {
    position: absolute;
    top: -372px;
    left: 50%;
    width: 640px;
    margin-left: -320px;
    color: #fff;
}
#SEO .seo-wrapper {
    position: relative;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    z-index: 5;
    background-image: url(/images/structure/H1_container.png);
}
#SEO .seo-wrapper .inner-wrapper {
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 80%;
}
#SEO .seo-wrapper .inner-wrapper.pt {
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 90%;
}
#SEO .seo-wrapper .inner-wrapper img {
    position: relative;
    float: left;
    top: 8px;
    padding-left: 20px;
}
/* H1 LOGOS */
/* VEXILOR MAIN */
img.main.en {
  margin-top: 1px;
  left: 40px;
}
img.main.fr {
  margin-top: 1px;
  left: 56px;
}
img.main.pt {
  margin-top: 1px;
  left: 20px;
}
img.main.cn {
  margin-top: 1px;
  left: 140px;
}
/* VEXILOR RESTAURANTS */
img.restaurants.en {
  margin-top: 1px;
  left: 6px;
}
img.restaurants.fr {
  margin-top: 1px;
  left: 30px;
}
img.restaurants.pt {
  margin-top: 1px;
  left: -8px;
}
img.restaurants.cn {
  margin-top: 1px;
  left: 90px;
}
/* VEXILOR QSR */
img.qsr.en {
  margin-top: 1px;
  left: 66px;
}
img.qsr.fr {
  margin-top: 1px;
  left: 66px;
}
img.qsr.pt {
  margin-top: 1px;
  left: 62px;
}
img.qsr.cn {
  margin-top: 1px;
  left: 80px;
}
/* VEXILOR RETAIL */
img.retail.en {
  margin-top: 1px;
  left: 52px;
}
img.retail.fr {
  margin-top: 1px;
  left: 40px;
}
img.retail.pt {
  margin-top: 1px;
  left: 42px;
}
img.retail.cn {
  margin-top: 1px;
  left: 100px;
}
/* UPTIX LOGO */
img.uptix.en {
  margin-top: 6px;
  left: 80px;
}
img.uptix.fr {
  margin-top: 6px;
  left: 114px;
}
img.uptix.pt {
  margin-top: 6px;
  left: 36px;
}
img.uptix.cn {
  margin-top: 6px;
  left: 130px;
}
/* TIQER LOGO */
img.tiqer.en {
  margin-top: 8px;
  left: 60px;
}
img.tiqer.fr {
  margin-top: 8px;
  left: 40px;
}
img.tiqer.pt {
  margin-top: 8px;
  left: 16px;
}
img.tiqer.cn {
  margin-top: 8px;
  left: 142px;
}
/* END H1 LOGOS */
#SEO .seo-wrapper .inner-wrapper h1 {
    color: #ffffff;
    font-size: 1.4em;
    font-family: "Gotham A","Gotham B",Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 70px;
    text-transform: uppercase;
}
/* end SPECIAL H1 CONTAINER */
h2, h3, h4, h5 {
    font-family:"Gotham A","Gotham B",Arial,sans-serif;
    font-weight:400;
    font-style:normal;
    line-height:140%;
    margin:0 0 15px 0;
    color:#24272a;
}
h1 {
    font-size:1.625em;
}
h2 {
    font-size:1.500em;
}
h3 {
    font-size:1.375em;
}

h4 {
    font-size:1.313em;
}
h5 {
    font-size:1.125em;
}
p, blockquote {
    font-size:1em;
    margin:0 0 15px 0;
}
ol, ul {
    font-size:1em;
    margin:0 0 15px 0;
    padding:0 0 0 25px;
}
ul li {
    margin:0 0 10px 0;
}
ol li {
    margin:0 0 10px 0;
}
a {
    transition: linear 0.23s;
    color:#1fa2f6;
}
a:hover {
    text-decoration:none;
}
form {
    margin:0;
    padding:0;
}
/*! ================================ WRAPPER ============================= */
.wrapper {
    width:940px;
    margin:0 auto;
}
/*! ================================ BORDER BOX ============================= */
.wrapper, .btn, .copyright, #mainSiteFooter, #txt_newsletter, #btn_newsletter, #mobileMenu  {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*! =============================== FLOAT CLEAR ================================= */
.clear {
    clear:both;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}
/*! ================================ SHOW/HIDE STYLES ============================= */
.displaySectionNo {
display: none !important;
}
/*! ================================== HEADER/BANNERS (homepage and subpages) =================================== */
/* ------------ Global Header ------------ */
.logo {
    width:143px;
    height:55px;
    background-image:url(/images/structure/GivexLogo_White.png);
    display:block;
    background-size:100%;
    margin:27px 0 0 0;
}
#mobileHeader {
    display:none;
}
.headerLeft {
    float:left;
    width:143px;
}
.headerRight {
    float:right;
    width:797px;
}
.headerCTA {
    width:167px;
    float:right;
    text-align:center;
}
.french .headerCTA {
    /* width:186px; */
}
.chinese .headerCTA {
    width: 150px;
}
.portuguese .headerCTA {
    /* width:188px; */
}

/* ------------ Header Language Picker ------------ */
#headerLangPicker {
    margin: 5px 8px 0 8px;
    float: right;
    cursor: pointer;
}
#headerLangPicker img {
    width: 17px;
    height: auto;
}

/* ------------ Support/Login Buttons ------------ */
.supportLogin {
    text-align:right;
    font-family:"Gotham A","Gotham B",Arial,sans-serif;
    font-size:0.688em;
    font-weight:300;
    font-style:normal;
    opacity:0.5;
    display:inline-block;
    float: right;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin: -3px 0 13px 0;
    width:166px;
    border:1px solid #5d6069;
}
.es.supportLogin {
  width: 220px;
  right: 88px;
}
.french .supportLogin {
    width:198px;
    right: 129px;
}
.chinese .supportLogin {
    width:150px;
}
.portuguese .supportLogin {
    width:188px;
}
.supportLogin a {
    color:#FFF;
    text-decoration:none;
    display:inline-block;
    padding:7px 21px 7px 21px;
}
.portuguese .supportLogin a {
    /* padding:7px 27px 7px 27px; */
}
.french .supportLogin a {
    /* padding:7px 20px 7px 20px; */
}
.chinese .supportLogin a {
    padding:7px 25px 7px 23px;
}
.supportLogin a:hover {
    color:#a2a3a6;
}
.supportLogin a:first-child {
   /*  border-right:1px solid #4f535a; */
}
/* ------------ Global Banner Style ------------ */
.banner {
    width:100%;
    margin:0 auto;
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
    position:relative;
}
/* ------------ Gift ------------ */
/* ------------ About ------------ */
/*! ============================== MAIN SITE NAVIGATION =============================== */
#mainSiteHeader {
  position: fixed;
  z-index: 9999;
  width: 100%;
  background-color: #24272a;
  height: 100px;
  top: 0;
}
.headerLeft {
  position: relative;
  float: left;
  width: 143px;
  bottom: 7px;
}
.headerRight {
  position: relative;
  float: right;
  width: 797px;
  bottom: 7px;
}
.supportLogin {
  position: relative;
  top: 50px;
  right: 134px;
  opacity: 1;
  border: none;
}
.supportLogin.es {
  width: 220px;
  right: 88px;
}
.supportLogin.fr {
    width: 168px;
    right: 138px;
}
.supportLogin.pt {
  right: 147px;
}
.supportLogin.cn {
  right: 100px;
}
#login {
  position: relative;
  float: left;
  left: 30px;
  z-index: 1;
}
#login.fr {
  left: 24px;
}
#login.pt {
  left: 34px;
}
#login.cn {
  left: 80px;
}
#support {
  position: relative;
  left: 0px;
}
#support.fr {
  position: relative;
  left: 26px;
}
.supportLogin .nav-btn {
  position: initial;
  margin-right: 0;
  background-color: #c1d62e;
  color: #000;
  font-family: "Gotham A", Arial, sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 3px 4px 2px 4px;
  border-radius: 4px;
}
#headerLangPicker {
  position: relative;
  margin: 49px 160px -32px 0;
  float: right;
  cursor: pointer;
  bottom: 4px;
}
#headerLangPicker.es {
  margin: 49px 94px -32px 0;
}
#headerLangPicker.fr {
    margin: 49px 144px -32px 0;
}
#headerLangPicker.pt {
    margin: 49px 155px -32px 0;
}
#headerLangPicker.cn {
  margin: 49px 80px -32px 0;
  bottom: 3px;
}
#headerLangPicker  .language {
  position: relative;
  margin-right: 0;
  background-color: #c1d62e;
  color: #000;
  font-family: "Gotham A", Arial, sans-serif;
  font-weight: bold;
  font-size: 0.85em;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  padding: 3px 4px 3px 4px;
  border-radius: 4px;
  left: 24px;
  transition: linear 0.13s;
}
#headerLangPicker .language:hover {
  color: #ffffff;
}
.supportLogin a:hover {
  color: #ffffff;
}
.headerCTA {
  width: auto;
  position: relative;
  top: 5px;
  right: 0;
}
.headerCTA .green.btn {
  background-color: #fff;
  color: #000;
  padding: 5px 4px 5px 5px;
  font-size: 0.85em;
  font-weight: bold;
}
.green.btn:hover {
  color: #c1d62e;
}
.mainSiteNav {
    padding: 10px 15px 0 0;
}
.mainSiteNav.cn {
    /* margin-left: 110px; */
}
.mainSiteNav ul {
    display: block;
    padding-left: 16px;
}
.topNav.fr {
    padding-left: 10px;
}
.topNav.cn {
    padding-left: 120px;
}
/* ------------ Nav Level 1 ------------ */
.mainSiteNav .level1 {
    display:block;
    float: left;
    position:relative;
    padding: 0 0 20px 0;
    margin-left: 13px;
}
.mainSiteNav .level1.fr {
    margin: 0;
}
.mainSiteNav .level1.es {
    margin: 0;
}
.mainSiteNav li.level1 a.anchor1 {
  color: #C1D62A;
  text-decoration: none;
  font-weight: 500;
  font-family: "Gotham A", "Gotham B", Arial, sans-serif;
  font-size: 0.875em;
  display: block;
  padding: 0;
  margin: 0 21px 0 0;
  text-transform: uppercase;
  cursor: pointer;
}
.mainSiteNav li.level1:hover a.anchor1 {
  color: #ffffff;
}

.mainSiteNav li.level1 .b-border1 {
  border-bottom: 1px solid #c1d62e;
  opacity: 0.8;
  position: absolute;
  right: 39%;
  left: 0;
  transition: linear 0.13s;
  display: none;
}

.mainSiteNav li.level1:hover .b-border1 {
  border-bottom: 1px solid #ffffff;
}

.mainSiteNav li.level1 .b-border2 {
  border-bottom: 1px solid #c1d62e;
  opacity: 0.8;
  position: absolute;
  right: 40%;
  left: 0;
  display: none;
}

.mainSiteNav li.level1:hover .b-border2 {
  border-bottom: 1px solid #ffffff;
}

.mainSiteNav li.level1 .b-border3 {
  border-bottom: 1px solid #c1d62e;
  opacity: 0.8;
  position: absolute;
  right: 63%;
  left: 0;
  display: none;
}

.mainSiteNav li.level1:hover .b-border3 {
  border-bottom: 1px solid #ffffff;
}

.mainSiteNav li.level1 .b-border4 {
  border-bottom: 1px solid #c1d62e;
  opacity: 0.8;
  position: absolute;
  right: 34%;
  left: 0;
  display: none;
}

.mainSiteNav li.level1:hover .b-border4 {
  border-bottom: 1px solid #ffffff;
}

.mainSiteNav li.level1 .nav-img-1 img, .mainSiteNav li.level1 .nav-img-2 img, .mainSiteNav li.level1 .nav-img-3 img, .mainSiteNav li.level1 .nav-img-4 img {
  width: 0;
  height: 0;
}

.mainSiteNav li.level1 .nav-img-1 {
    position: relative;
    bottom: 1px;
    background-image: url(/images/structure/Arrow_pointing_down.png);
    background-repeat: no-repeat;
    background-position: 73% 4%;
    opacity: 0.9;
    display: none;
}

.mainSiteNav li.level1 .nav-img-2 {
    position: relative;
    bottom: 1px;
    background-image: url(/images/structure/Arrow_pointing_down.png);
    background-repeat: no-repeat;
    background-position: 72% 4%;
    opacity: 0.9;
    display: none;
}

.mainSiteNav li.level1 .nav-img-3 {
    position: relative;
    bottom: 1px;
    background-image: url(/images/structure/Arrow_pointing_down.png);
    background-repeat: no-repeat;
    background-position: 48% 4%;
    opacity: 0.9;
    display: none;
}

.mainSiteNav li.level1 .nav-img-4 {
    position: relative;
    bottom: 1px;
    background-image: url(/images/structure/Arrow_pointing_down.png);
    background-repeat: no-repeat;
    background-position: 77% 4%;
    opacity: 0.9;
    display: none;
}

.mainSiteNav li.level1:hover .nav-img-1, .mainSiteNav li.level1:hover .nav-img-2, .mainSiteNav li.level1:hover .nav-img-3, .mainSiteNav li.level1:hover .nav-img-4 {
    background-image: url(/images/structure/Arrow_pointing_down_white.png);
    bottom: 1px;
}

.mainSiteNav li.level1 .nav-img img {
  width: 0;
  height: 0;
}
.chinese .mainSiteNav .anchor1 {
    margin:0 39px 0 0;
    font-size:1.1em;
}
.mainSiteNav .current .ul-1 {
    display: block;
    width: 70%;
    opacity:0.6;
    background-color: #fff;
    height: 1px;
    margin:4px 0 0 0;
}
.chinese .mainSiteNav .current .ul-1 {
    width:39%;
}
.portuguese .mainSiteNav .current .ul-1 {
    width:72%;
}
.french .mainSiteNav .current .ul-1 {
    width:72%;
}
/* ------------ Nav Level 2 ------------ */
.mainSiteNav .level1:hover ul.dropdown-navHold {
    display:block !important;
}
ul.dropdown-navHold {
    display:none;
    position:absolute;
    top:35px;
    left:0;
    list-style-type:none;
    margin:0;
    padding:0;
    background-color:transparent;
    width:170px;
}
.chinese ul.dropdown-navHold {
    left:-30px;
    top:43px;
}
ul.dropdown-nav {
    position:relative;
    list-style-type:none;
    margin:0;
    padding:0;
    text-align:left;
    background-color:#FFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
    width:184px;
    z-index:9999;
}
.portuguese ul.dropdown-nav, .french ul.dropdown-nav {
    width:228px;
}

ul.dropdown-nav:after, ul.dropdown-nav:before {
    bottom: 100%;
    left: 25%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
ul.dropdown-nav:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 5px;
    margin-left: -5px;
}
ul.dropdown-nav:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 11px;
    margin-left: -11px;
}
ul.dropdown-navHold ul.dropdown-nav li:first-child.level2:hover {
  background-color: #C1D62E;
  color: #292f39;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

ul.dropdown-navHold ul.dropdown-nav li.level2:hover {
  background-color: #C1D62E;
  color: #292f39;
}

ul.dropdown-navHold ul.dropdown-nav li:last-child.level2:hover {
  background-color: #C1D62E;
  color: #292f39;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dropdown-nav li {
    margin:0;
    padding:0;
}
.mainSiteNav .level2 {
    padding:10px 20px 10px 20px;
    border-top:1px solid #f8f8f8;
}
.mainSiteNav .level2:first-child {
    border:none;
}
.mainSiteNav .anchor2 {
    font-size:16px;
    color:#6e7279;
    text-decoration:none;
    display:block;
}
.mainSiteNav .anchor2:hover {
    color:#2a2f39;
}
ul.dropdown-nav ul.dropdown-nav {
    display:none;
}
#mobileMenu {
    padding:0;
    background-image:url(/images/structure/mobileShadow.png);
    background-position:bottom;
    background-repeat:repeat-x;
    background-color: transparent;
    left: 0;
    position: absolute;
    top: 69px;
    width: 100%;
    z-index: 999;
    max-height:0;
    overflow:hidden;
}
.mobRotate {
    -webkit-animation:spin 310ms linear both;
    -moz-animation:spin 310ms linear both;
    animation:spin 310ms linear both;
}

@-moz-keyframes spin { 100% { -moz-transform: rotate(90deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(90deg); } }
@keyframes spin { 100% { transform:rotate(90deg); } }

.mobRotateBack {
    -webkit-animation:spin2 310ms linear both;
    -moz-animation:spin2 310ms linear both;
    animation:spin2 310ms linear both;
}
@-moz-keyframes spin2 {
  0% {
    -moz-transform: rotate(90deg);
  } 
  100% { 
    -moz-transform: rotate(0deg);
  }
}
@-webkit-keyframes spin2 {
  0% {
    -webkit-transform: rotate(90deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes spin2 {
  0% {
    transform: rotate(90deg);
  }
  100% {
    transform:rotate(0deg);
  }
}
@-moz-keyframes spinArrow { 100% { -moz-transform: rotate(90deg); } }
@-webkit-keyframes spinArrow { 100% { -webkit-transform: rotate(90deg); } }
@keyframes spinArrow { 100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } }

@-moz-keyframes spinArrow2 {
    0% {
        -moz-transform: rotate(90deg);
    }
    100% {
        -moz-transform: rotate(0deg);
    }
}
@-webkit-keyframes spinArrow2 {
    0% {-webkit-transform: rotate(90deg);}
    100% { -webkit-transform: rotate(0deg); }
}
@keyframes spinArrow2 {
    0%{ -webkit-transform: rotate(90deg); transform:rotate(90deg); }
    100% { -webkit-transform: rotate(0deg); transform:rotate(0deg); }
}
.arrowRotate {
    -webkit-animation:spinArrow 210ms linear both;
    -moz-animation:spinArrow 210ms linear both;
    animation:spinArrow 210ms linear both;
}
.arrowBack {
    -webkit-animation:spinArrow2 210ms linear both;
    -moz-animation:spinArrow2 210ms linear both;
    animation:spinArrow2 210ms linear both;
}
#mobileMenu ul.mobMenuHold {
    padding:0 0 4px 0;
    background-image:url(/images/structure/mobileShadow.png);
    background-position:bottom;
    background-repeat:repeat-x;
}
#mobileMenu ul, #mobileMenu  ul li {
    list-style-type:none;
    margin:0;
    padding:0;
}
#mobileMenu .arrow {
    width:13px;
    height:25px;
    display:block;
    position:absolute;
    right:40px;
    top:27px;
    z-index:9999;
    background-image:url(/images/structure/mobArrow-right.png);
    background-size:13px 25px;
    background-repeat:no-repeat;
    cursor:pointer;
    display:none;
}
#mobileMenu .mobile1 {
    clear:both;
    position:relative;
    z-index:0;
    border-top:1px solid #eeeeee;
    background-color:#FFF;
}
.mobDropdown .mobile2 {
    border-top:1px solid #3e444d;
}
.mobDropdown .mobile2:first-child {
    border:none;
}
#mobileMenu .mobDropdown {
    display:none;
    background-color:#2a2f39;
    background-image:url(/images/structure/bgMob.gif);
    background-position:top;
    background-repeat:repeat-x;
}
#mobileMenu .mobile2 a {
    color:#FFF;
}
#mobileMenu {

}
#mobileMenu a {
    display:block;
    width:100%;
    text-transform:uppercase;
    text-decoration:none;
    font-size:20px;
    text-align:left;
    padding:26px 0 26px 40px;
    color:#2a2f39;
    font-family:"Gotham A","Gotham B",Arial,sans-serif;
    font-weight:400;
    font-style:normal;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
#mobileMenu.slideDown {
    -webkit-transition: max-height 500ms;
    -moz-transition: max-height 500ms;
    -ms-transition: max-height 500ms;
    -o-transition: max-height 500ms;
    transition: max-height 500ms;
    max-height:500px;
    padding:0;
}

#mobileMenu.slideUp {
    -webkit-transition: max-height 500ms;
    -moz-transition: max-height 500ms;
    -ms-transition: max-height 500ms;
    -o-transition: max-height 500ms;
    transition: max-height 500ms;
    max-height:0px;
    padding:0;
}
#mobLangBox a {
    display: none;
}
/* =============================== TOP BANNER ========================= */
.bannerTop img#bannerImage {
width: 100%;
display: block;
margin-top: 100px;
}
/* ============================ STATEMENT BAR ======================== */
.statementBar {
    position: relative;
    padding: 12px 0 12px 0;
    background-color: #C1D62E;
    text-align: center;
}
.statementBar.homepage {
    bottom: 2px;
}
.statementBarContent {
    color: #292F39;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.2em;
    padding: 4px 0;
    margin: 0;
    line-height: 1.2em;
}
/* ============================= GRAY SECTION ============================ */
.graySection {
    background-color: #d1d2d4;
    padding-top: 40px;
}
/*! ============================== SECTION DIVIDER / TAGLINE ======================= */
.section-divider {
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    padding-bottom: 34px;
    background-color: #ffffff;
    border-top: 3px solid #ccc;
    max-height: 90px;
    margin-top: 90px;
}
.section-divider-image {
    position: relative;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    max-width: 940px;
    bottom: 93px;
}
.section-divider-image img {
    max-width: 90%;
    display: block;
    margin: 0 auto;
}
/*! ================================== MOST RECENT BLOG POST =================================== */
.blogPost {
  background-color: #ffffff;
  margin: 0 auto;
  padding-top: 2px;
  padding-bottom: 60px;
  overflow-x: hidden;
}
.blogTitle {
  width: 49%;
  float: right;
  background-color: #C1D62E;
  padding: 12px 27px 0 20px;
  font-size: 15px;
  text-transform: uppercase;
}
.blogTitle h2 {
  margin: 0 0 12px 0;
}
.blogTitle a {
  color: #404041;
  text-decoration: none;
  font-size: 0.86em;
  line-height: 1.3;
}
.blogPic {
  float: left;
  width: 46%;
  overflow: hidden;
}
.blogPic img {
  height: 240px;
}
.blogPostData {
  display: none;
}
.blogDdate {
  display: none;
}
.blogAuthor {
  display: none;
}
.blogFirstParagraph {
  width: 52%;
  float: right;
  font-size: 0.886em;
  line-height: 135%;
  padding: 10px 0px 6px 10px;
}
.blogReadmoreBtn {
  width: 49%;
  float: right;
  padding-top: 20px;
}
.blogReadmoreBtn a {
  color: #ffffff;
  background-color: #292f39;
  padding: 3px 7px;
  border-radius: 4px;
  line-height: 1.2;
  position: relative;
  font-size: 12px;
  bottom: 10px;
  top: 0px;
  right: 30px;
  text-decoration: none;
  text-transform: uppercase;
}
.blogReadmoreBtn a:hover {
  color: #C1D62E;
}
/* ------------------------ CLIENT LOGOS SECTION ------------------------- */
.clientTitle {
    float:left;
    font-size:1em;
    margin:0;
    color: #545151;
    text-transform:uppercase;
    padding: 35px 25px 0 0;
    width: 118px;
    text-align: center;
}
.clientLogoStrip {
text-align: center;
}
.clientLogoStrip img {
width: 110px;
}
/* ---------------------- CLIENT TESTIMONIALS SECTION ------------------ */
.clientTestimonials {
    position: relative;
    margin: 0 auto;
    text-align: center;
    max-width: 700px;
    margin-bottom: 60px;
    padding: 40px 0 15px 0;
}
.clientTestimonials .lSSlideOuter .lSPager.lSpg {
bottom: 0;
}
ul{
list-style: none outside none;
    padding-left: 0;
    margin: 0;
}
.demo .item{
    margin-bottom: 60px;
}
.content-slider li{
    background-color: #ed3020;
    text-align: center;
    color: #FFF;
}
.content-slider h3 {
    margin: 0;
    padding: 70px 0;
}
.demo{
    position: relative;
    margin: 0 auto;
    text-align: center;
max-width: 700px;
}
.testimonial-slider {
    background-color: #ffffff;
}
.logoImg {

}
.testimonial-logo {
    width: 127px;
}
.quotation {
    padding-top: 0;
    padding-right: 28px;
    padding-bottom: 0;
    padding-left: 40px;
    color: #24272a;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
}
.quotation p {
    margin: 0;
}
.author {
    color: #24272a;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 10px;
}
/* ------------ SOCIAL MEDIA ICONS ------------ */
.socialMediaIcons {
  position: relative;
  margin: 0 auto;
  background-color: #ffffff;
}
.socialMediaIcons .wrapper {
  position: relative;
  margin: 0 auto;
  text-align: center;
  max-width: 940px;
}
.socialMediaIcons img {
  padding-right: 10px;
  padding-top: 1px;
  margin-bottom: 20px;
}
/*! ============================== BUTTONS =============================== */
/* ------------ Global Button Style ------------ */
.btn {
    color:#FFF;
    font-family:"Gotham A","Gotham B",Arial,sans-serif;
    font-size:0.875em;
    font-weight:400;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform:uppercase;
    padding:10px 32px 10px 32px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29);
}
.french .headerCTA .btn {
   /* padding:10px 45px 12px 45px; */
}
.chinese .headerCTA .btn {
    padding:10px 39px 10px 39px;
    font-size:1.1em;
}
.btn:hover {
    color:#FFF;
}
/* ------------ Green Button ------------ */
.green.btn {
    background-color:#c1d62e;
}
.green.btn:hover {
    background-color:#d3e747;
}
.headerCTA .green.btn:hover {
  color: #C1D62E;
  background-color: #ffffff;
}
/* ------------ Blue Button ------------ */
.blue.btn {
    background-color:#1fa2f6;
}
.blue.btn:hover {
    background-color:#4cb2f4;
}
.portuguese .ctaFooter .btn {
    font-size:12px;
    padding:10px;
}
/* ------------ Grey Button (language pop up) ------------ */
.greyLang.btn {
    background-color:#969b9e;
    display: block;
    padding: 15px 0;
    margin: 0 0 20px;
    font-size: 18px;
    font-weight: lighter;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    text-transform: none;
}
.greyLang.btn:hover, .greyLang.btn:focus {
    background-color:#09a0f9;
}
/* ------------ Language pop up ------------ */
.langPopUp {
    padding: 15px 20px;
    width: 100%;
    min-width: 250px;
    max-width: 380px;
    -wenkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#langIcon {
    width: 45px;
    height: auto;
    margin: 0 auto 15px;
    display: block;
}
.langPopUp h1 {
    margin: 0 0 35px;
    font-size: 22px;
    text-align: center;
}
/*! =================================== BASIC CONTENT ================================== */
.content {
    line-height:140%;
    font-size:0.875em;
}
#genericContent {
    position: relative;
    top: 40px;
    margin-bottom: 100px;
}
.white {
    background-color:#FFF;
}
.gray {
    background-color:#e2e3e4;
}
/*! ====================================== FOOTER ======================================= */
#mainSiteFooter {
    background-color:#2a2f39;
    position: relative;
}
#backToTop {
    background: url(/images/structure/BackToTopIcon.png);
    width: 36px;
    height: 50px;
    position: fixed;
    right: -60px;
    bottom: 25px;
    opacity: 0;
    -moz-transition: opacity 0.23s;
    -webkit-transition: opacity 0.23s;
    transition: opacity 0.23s;
    cursor: pointer;
}
#backToTop.btVisible:hover {
    opacity: 0.8;
}
#backToTop.btVisible {
    opacity: 0.42;
}
/* ------------ FOOTER CTA ------------ */
.ctaFooter {
    float: right;
    width: 173px;
}
.french .ctaFooter {
    width:226px;
}
.chinese .ctaFooter {
    width:122px;
}
.portuguese .ctaFooter {
    width:224px;
}
.footerNewsDemo {
    border-bottom: 1px solid #262a33;
    padding: 20px 0 20px 0;
}

/* --------------- HUBSPOT NEWSLETTER SIGN UP FORM ------------------ */
#newsletterSignup {
    position: relative;
    float: left;
    width: 70%;
}
#newsletterSignup .hs-form-required, #newsletterSignup .hbspt-form label {
    position: absolute;
    top: 40px;
    left: 0px;
    color: #FFCA06;
    font-size: 13px;
}
.hs-error-msgs {
    list-style: none;
    padding: 0;
    margin: 0;
}
.hs-error-msgs.inputs-list>li+li {
    display: none;
}
#newsletterSignup .hs-input {
    color: #6e7279;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 0.875em;
    line-height: 120%;
    font-family: "Gotham A","Gotham B",Arial,sans-serif;
    font-weight: 400;
    font-style: normal;
    border: 1px solid #212427;
    background-image: url(/images/structure/newsletterTextbox.png);
    background-repeat: repeat-x;
    background-color: #24272a;
    padding: 9px 10px 9px 10px;
    -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.29);
    box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.29);
    width: 220px !important;
    font-weight: 500;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#newsletterSignup .hs-button {
    position: relative;
    left: -10px;
    border: none;
    padding: 10px 14px 10px 14px;
    -webkit-appearance: none !important;
    cursor: pointer;
    background-color: #c1d62e;
    color: #FFF;
    font-family: "Gotham A","Gotham B",Arial,sans-serif;
    font-size: 0.875em;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.29);
}
#newsletterSignup .hs-button:hover {
    background-color: #d3e747;
}
#newsletterSignup .hbspt-form {
    width: 420px;
    position: relative;
    display: inline-block;
}
.chinese #newsletterSignup .hbspt-form {
    width: 350px;
}
.portuguese #newsletterSignup .hbspt-form {
    width: auto;
    display: block;
}
.portuguese #newsletterSignup .hs-form-required, .portuguese #newsletterSignup .hbspt-form label{
    top: 60px;
}
#newsletterSignup .hs-form fieldset {
    max-width: 100% !important;
    float: left;
}
#newsletterSignup .hbspt-form .submitted-message {
    color: #6e7279;
    font-family: 'open sans', 'arial';
    font-weight: bold;
}
#newsletterSignup .hs-form-required {
    display: none;
}
#newsletterSignup #unsubscribe {
    font-style: italic;
    line-height: 120%;
    color: #b0b0b0;
    font-size: 0.75em;
}
#newsletterSignup #unsubscribe a {
    color: #b0b0b0;
}
#newsletterSignup #unsubscribe a:hover {
    color: #b7cb2e;
}
#newsletterSignup .hs-form fieldset.form-columns-1 .input {
    margin: 0 !important;
}

/*! ------------ FOOTER NAV LINKS ------------ */
.footerMainLinks {
    padding:50px 0 60px 0;
}
.footerMainLinks.cn {
    padding:50px 0 70px 0;
}
.linkGroup {
    float: left;
    width: 20%;
    text-align: left;
    padding-left: 1%;
}
.chinese .linkGroup {
    width:140px;
}
.linkGroup ul {
    list-style-type:none;
    margin:0;
    padding:0;
    line-height:160%;
}
.linkGroup li {
    margin: 12px 0;
    padding: 0;
    line-height: 14px;
    font-size: 0.88em;
}
.linkGroup h4, .qrCode h4 {
    color:#c1d62e;
    font-size: 0.88em;
    //margin:0 0 6px 0;
}
.linkGroup h4 a {
    color: #c1d62e;
    font-size: 1.1em;
    margin: 0 0 6px 0;
    text-decoration: none;
    text-transform: uppercase;
}
/* RESELLER BUTTON */
.btn.reseller {
  color: #fff;
  background-color: #1774b9;
  padding: 4px 10px;
  border-radius: 4px;
  line-height: 1.2;
  position: relative;
  bottom: 10px;
  width: 80%;
  max-width: 160px;
}
.btn.reseller.fr {
  width: 120px;
  max-width: 160px;
}
.btn.reseller.pt {
  width: 120px;
  max-width: 160px;
}
.btn.reseller.cn {
  width: 90px;
  max-width: 160px;
}
a.btn.reseller:hover {
  color: #C1D62E;
}
/* GIVEX SEAL AND QR CODE SECTION */
.iconWrapper {
position: relative;
float: right;
left: 30px;
bottom: 244px;
}
.iconWrapper.cn {
position: relative;
float: right;
left: 0px;
bottom: 244px;
}
.givexSealLang.cn {
    position: relative;
    float: right;
    bottom: 0;
}
.seal.cn {
    text-align: center;
    margin-bottom: 10px;
}
/* QR CODE FOR CHINA */
.qrCode {
position: relative;
    text-align: center;
}
.qrCodeImg {
position: relative;
}
.qrCode img {
width: 100px;
}
@media only screen and (max-width: 940px) and (min-width: 100px) {
  #SEO {
    display: none;
  }
  /* SECTION DIVIDER / TAGLINE */
  .section-divider {
    width: 80%;
    padding-top: 0px;
    border-top: none;
  }
  .section-divider-image {
    bottom: 40px;
  }
  .section-divider-image img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .iconWrapper.cn {
    position: relative;
    float: none;
    left: 0;
    bottom: 0;
  }
  .givexSealLang.cn {
    position: relative;
    margin: 0 auto;
    width: 48%;
    float: right;
  }
  .seal.cn {
    text-align: left;
    padding-left: 4%;
    margin-bottom: 0;
  }
  .qrCode {
    position: relative;
    margin: 0 auto;
    width: 48%;
    float: left;
    bottom: 138px;
  }
  .qrCodeImg {
  text-align: right;
  padding-right: 4%;
  }
}
.chinese .linkGroup h4, .chinese .qrCode h4 {
    color:#c1d62e;
    font-size:1em;
    margin:0 0 6px 0;
}
.linkGroup ul li a {
    font-family:"Gotham A","Gotham B",Arial,sans-serif;
    //font-size: 1em;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color:#b0b0b0;
}
.linkGroup a:hover {
    color:#FFF;
}
/* ------------ 'NEW' ICON FOR FOOTER LINKS ------------ */
.newIconYes {
    display:inline-block;
    width:25px;
    height:14px;
    background-image:url(/images/structure/icon-new.png);
    position:relative;
    top:2px;
    left:5px;
}
.newIconNo {
    display:none;
}
/*! ------------ GIVEX SEAL AND LANGUAGE DROPDOWN ------------ */
.givexSealLang {
    position: relative;
    float: right;
    bottom: 200px;
}
.globe {
    display:inline-block;
    background-image:url(/images/structure/icon-globe.png);
    width:28px;
    height:28px;
    vertical-align:top;
    background-size:28px 28px;
}
.languages {
    position:relative;
    top:-10px;
}
.chinese .languages {
    left:20px;
}
#langLink {
    display:inline-block;
    text-decoration:none;
    font-size:0.750em;
    font-family:"Gotham A","Gotham B",Arial,sans-serif;
    font-weight:400;
    font-style:normal;
    color:#b7cb2e;
    text-transform:uppercase;
    vertical-align:top;
    padding:7px 20px 18px 10px;
    background-image:url(/images/structure/arrow-down.png);
    background-repeat:no-repeat;
    background-position:right 10px;
    cursor:pointer;
    position:relative;
}
#langHold {
    display:none;
    position:absolute;
    margin:0;
    text-align:left;
    background-color:#FFF;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.25);
    width:163px;
    z-index:9999;
    padding:8px 0 6px 0;
    left: -42px;
    top: 42px;
    cursor:default;
}
#langHold ul li a {
    cursor: pointer;
}
#langHold:after, #langHold:before {
    bottom: 99%;
    left: 25%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
#langHold:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 5px;
    margin-left: 30px;
}
#langHold:before {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 11px;
    margin-left: 30px;
}

#langHold ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

#langHold ul li a {
    font-size: 14px;
    color: #6e7279;
    text-decoration: none;
    display: block;
    padding: 10px 20px 10px 20px;
}
#langHold ul li a:hover {
    background-color:#eeeeee;
}

#langHold ul li:first-child {
    border:none;
}

#langHold ul li {

    border-top: 1px solid #f8f8f8;
    margin:0;
}
/*! ------------ PRIVACY LINKS & SOCIAL MEDIA ------------ */
.trustwave {
    float: left;
    width:79px;
    padding-left: 100px;
}
.trustwave.cn {
    position: relative;
    bottom: 4px;
    float: left;
    width: 100px;
    padding-left: 0;
}
.trustwave img {
    display:block;
    width:100%;
}
.copyright {
    float: left;
    width: 40%;
    line-height:120%;
    font-size:0.78em;
    padding: 13px 0 0 0;
    color:#c0c0c0;
    text-align: right;
}
.copyright.fr {
    font-size: 0.68em;
}
.copyright.pt {
    font-size: 0.68em;
}
.copyright.cn {
    position: relative;
    right: -30px;
    width: 280px;
    font-size: 0.68em !important;
    padding-right: 4px;
    text-align: left;
}
.icp img {
    position: relative;
    top: 4px;
}
.icp {
    position: relative;
    right: -50px;
    float: left;
    width: 340px;
    line-height: 120%;
    font-size: 0.68em;
    padding: 4px 4px 0 0;
    color: #c0c0c0;
    text-align: left;
}
.icp a {
    color: #c0c0c0;
    text-decoration: none;
    }
.privacy {
    float: left;
    width: 26%;
    line-height: normal;
    font-size: 0.78em;
    padding: 10px 0 0 0;
    text-align: right;
}
.privacy.fr {
    font-size: 0.68em;
}
.privacy.pt {
    font-size: 0.68em;
}
.privacy.cn {
    position: relative;
    bottom: 14px;
    right: -110px;
    width: 190px;
    padding: 0;
    font-size: 0.68em;
    float: right;
    padding-right: 4px;
}
.footerPrivacySm .wrapper {
    position: relative;
    margin: 0 auto;
    text-align: center;
}
.privacy a {
  padding-right: 10px;
  color:#c0c0c0;
}
.privacy.cn a {
  color: #c0c0c0;
  text-decoration: none;
}
.privacy a:last-child {
  padding-right: 0px;
}
.french .privacy, .portuguese .privacy {
    width:230px;
}
.footerPrivacySm {
    background-color:#24272a;
    padding: 10px 0 10px 0;
    min-height: 40px;
}
.twitter {
    background-image:url(/images/structure/icon-twitter.png);
}

.linkedIn {
    background-image:url(/images/structure/icon-linkedin.png);
}
.googlePlus {
    background-image:url(/images/structure/icon-googleplus.png);
}
.linkGroup img {
    position:relative;
    top:3px;
    left:3px;
}
/*! ============================================== GLOBAL MEDIA QUERIES =========================================== */
@media only screen and (min-width:1700px) and (max-width:6000px) {
    body {
        background-color:#ffffff;
    }
    /* Set the fixed max width */
    .banner, .home.bannerHold, .homeNews, .homeClients, .clientLogos, .homeProductsHold, .homeTestimonials, #mainSiteFooter, #productContent, #prodStickyNav, #prodContent, #featuresStickyNav, #caseStudyChallenge, #caseStudySolution, #caseStudyQuote, #caseStudyResults, #csFilterMenu, #csBoxes, #csLogos, #tradeShowsContent, #pressArticle, #platformExtensions, #resellers, #formHeader, #contact  {
        width: 100%;
        margin:0 auto;
        text-align: center;
    }
    #mainSiteFooter, #pressListContent {
      text-align: left;
    }
}
@media only screen and (min-width:100px) and (max-width:1399px) {
    /*! ================================== HEADER/BANNERS =================================== */
    #mainSiteHeader .wrapper {
        padding:0;
    }
    .banner {
        width:100%;
        background-size:cover;
    }
    /*! ====================================== FOOTER ======================================= */
    #footerMainLinks .wrapper {
        position: relative;
        margin: 0 auto;
        width: 100%;
    }
    .copyright {

    }
    .french .copyright {
        width:333px;
    }
    .french .ctaFooter {
        width: 171px;
    }
    .chinese .linkGroup {
        width:123px;
    }
}
@media only screen and (min-width:100px) and (max-width:940px) {
    body {
        /*font-size:90%;*/
    }

    /*! ================================== HEADER/BANNERS (homepage and subpages) =================================== */
    #gift .products.banner, #loyalty .products.banner, #vexilor .products.banner, #uptix .products.banner, #analytics .products.banner, #tiqer .products.banner {
        margin-top: 0 !important;
    }
    .bannerTop img#bannerImage {
    margin-top: 0;
    }
    #mobileHeader {
        display:block;
        position:relative;
        z-index:9900;
        background-color: #24272a;
    }
    #mobileHeader .wrapper {
        padding:10px 4% 10px 4%;
        z-index:9900;
    }
    .mobilelogo {
        display:block;
        width:130px;
        height:49px;
        background-image:url(/images/structure/Mobile_Givex_logo_305_114px.png);
        background-size:100%;
        text-decoration:none;
        background-repeat:no-repeat;
        margin:0 auto;
    }
    #mainSiteHeader {
        display:none;
    }
    .wrapper {
        width:100%;
        padding:0 4% 0 4%;
    }
    .phoneIcon {
        background-image:url(/images/structure/Mobile_Icon_Mobile_96x129px.png);
        width:32px;
        height:43px;
        background-size:32px 43px;
        display:inline-block;
        text-decoration:none;
        background-repeat:no-repeat;
        float:left;
        margin:2px 0 0 0;
    }
    .mobileMenu {
        background-image:url(/images/structure/Mobile_Icon_Hamburger_Menu_89x70px.png);
        background-size:38px 30px;
        background-repeat:no-repeat;
        width:38px;
        height:30px;
        display:inline-block;
        text-decoration:none;
        float:right;
        margin:10px 0 0 0;
    }
    #mobLangBox {
        background: #fff;
        padding: 10px 0;
        border-top: 1px solid #eeeeee;
    }
    #mobLangBox a {
        display: block;
        color: #C1D62E;
        width: 220px;
        max-width: 87%;
        margin: 0 auto;
        padding: 20px 30px;
        text-align: center;
        vertical-align: middle;
    }
    #mobLangBox a:before {
        content: "";
        display: inline-block;
        width: 22px;
        height: 22px;
        vertical-align: top;
        background: url(/images/structure/greenGlobe.png) no-repeat;
        background-size: 22px 22px;
        margin: 0 8px 0 0;
    }
    .chinese #mobLangBox a:before {
        position: relative;
        top: 3px;
    }
    .statementBarContent {
    font-size: 0.88em;
    }
    .givexSealLang {
        position: relative;
        float: none;
        margin: 0 auto;
        text-align: center;
        top: 40px;
    }
    .blogPost {
        padding-top: 10%;
    }
  .blogPost .wrapper {
    width: 100%;
    padding: 0 6% 0 6%;
  }
  .blogPost .wrapper .blogPic {
    float: none;
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .blogPost .wrapper .blogTitle {
    width: unset;
    float: none;
    background-color: #C1D62E;
    padding: 12px 18px 1px 20px;
    font-size: 0.78em;
  }
  .blogPost .wrapper .blogFirstParagraph {
    width: unset;
    float: none;
    font-size: 0.95em;
    line-height: 135%;
    padding: 0px 10px 16px 10px;
    text-align: justify;
  }
  .blogReadmoreBtn {
    position: relative;
    margin: 0 auto;
    text-align: center;
    float: none;
    right: -30px;
    bottom: 10px;
  }
  .linkGroup {
  width: 24%;
  }
  .footerPrivacySm.cn {
    position: relative;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: none;
  }
  .trustwave {
  position: relative;
  margin: 0 auto;
  float: none;
  padding-left: 0;
  }
  .copyright {
  float: none;
      width: 100%;
      text-align: center;
      padding-left: 0;
      font-size: 0.85em;
  }
  .privacy {
  position: relative;
    float: none;
    width: 100%;
    top: 10px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 0.85em;
  }
  .copyright.cn, .privacy.cn {
    position: relative;
    margin: 0 auto;
    float: none;
    width: 100%;
    top: 10px;
    padding-bottom: 20px;
    text-align: center;
    font-size: 0.85em;
}
}
@media only screen and (min-width:100px) and (max-width:850px) {
    body {
        //font-size:85%;
    }
    /*! ====================================== FOOTER ======================================= */
    #mainSiteFooter .wrapper {
    position: relative;
    margin: 0 auto;
        width: 98%;
    }
    #mainSiteFooter .linkGroup {
width: 22%;
    }
    .ctaFooter, .newsletterForm, .chinese .ctaFooter, .french .ctaFooter, .portuguese .ctaFooter {
        float:none;
        width:100%;
        text-align:center;
    }
    .ctaFooter {
        margin:0px 0 30px 0;
        padding:20px 0 20px 0;
        border-top:1px solid #3b3f48;
        border-bottom:1px solid #3b3f48;
    }
    .ctaFooter .blue.btn {
        display:block;
        font-size:18px;
    }
    .seal {
        display: block;
        right: 0;
        margin-bottom: 20px;
    }
    .languages {
        font-size: 21px;
        margin: 0 auto;
        position: static;
        width: 160px;
    }
    #langLink {
        padding:4px 20px 18px 10px;
    }
    .footerMainLinks {
        padding: 30px 0 30px 0;
    }
    .linkGroup, .chinese .linkGroup {
        margin: 0 1% 0 1%;
    }
    .chinese .linkGroup {
        width:17%;
    }
    .linkGroup ul {
        line-height: 250%;
    }
    .french .copyright, .french .privacy, .portuguese .privacy, .portuguese .copyright {
        width:100%;
    }
    .footerPrivacySm {
        padding: 20px 0 20px 0;
    }
    .socialMedia {
        padding:4px 0 0 0;
    }
    .copyright {
        padding:20px 0 0 0;
    }
    #newsletterSignup {
        width: 100%;
        float: none;
    }
}
@media only screen and (min-width:100px) and (max-width:670px) {
    body {
        //font-size:80%;
    }
    #newsletterSignup .hbspt-form {
        width: 380px;
    }
}
@media only screen and (min-width:100px) and (max-width:620px) {
    /*! ====================================== FOOTER ======================================= */
    .languages {
        margin: 0 auto 0 20%;
    }
    .linkGroup, .chinese .linkGroup {
        margin: 0 1% 20px 0;
        width: 46%;
    }
    .chinese #mainSiteFooter .footerMainLinks .wrapper {
        padding:0 4% 0 26%;
    }
}
@media only screen and (min-width:100px) and (max-width:610px) {
    .langPopUp {
        padding: 5px;
    }
    .langPopUp h1 {
        font-size: 18px;
        margin: 0 0 25px;
    }
}

@media only screen and (max-width: 555px) {
    #newsletterSignup {
        float: none;
    }
    #newsletterSignup .hbspt-form, .chinese #newsletterSignup .hbspt-form {
        display: block;
        width: 100%;
    }
    #newsletterSignup .hs-form fieldset, #newsletterSignup .hs-form fieldset.form-columns-1 .hs-input {
        width: 100% !important;
    }
    #newsletterSignup .hs-button {
        position: static;
        width: 100%;
    }
    #newsletterSignup .hs-form-required, #newsletterSignup .hbspt-form label, .portuguese #newsletterSignup .hs-form-required, .portuguese #newsletterSignup .hbspt-form label {
        top: 102px;
    }
    #newsletterSignup .hs_submit {
        margin: 0 0 25px 0;
    }
    #newsletterSignup #unsubscribe {
        display: block;
        text-align: center;
        font-size: 15px;
    }
    #newsletterSignup .hs-input {
        padding: 15px 10px 15px 10px;
    }
    #newsletterSignup .hs-button {
        padding: 15px 14px 16px 14px;
    }
    #newsletterSignup .hbspt-form .submitted-message {
        margin: 0 0 20px 0;
    }
    #mainSiteFooter .linkGroup {
    font-size: 90%;
    }
    .linkGroup h4 a {
    font-size: 90%;
    }
    .footerPrivacySm {
    font-size: 90%;
    }
}
@media only screen and (min-width:100px) and (max-width:400px) {
    /*! ====================================== FOOTER ======================================= */
    #mainSiteFooter .footerMainLinks .wrapper {
        padding:0 1% 0 1%;
    }
    .copyright, .privacy {
        font-size:11px;
    }
    .langPopUp {
        padding: 0px;
    }
    .langPopUp h1 {
        margin-bottom: 15px;
        font-size: 14px;
    }
    #langIcon {
        width: 30px;
        margin-bottom: 10px;
    }
    .greyLang.btn {
        font-size: 16px;
        margin: 10px 0;
        padding: 12px 0;
    }
}
/* ==================== GDPR Cookie Banner Styles ==================== */
#consent-banner {
  z-index: 5000;
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 16px;
  background-color: #C1D62E;
  animation: 0.875s ease-in-out 0s 1 slideInFromBottom;
}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
#consent-container {
  position: relative;
  max-width: 940px;
  margin: 0 auto;
  min-height: 50px;
}
#consent-text {
  font-family: "Gotham A","Gotham B",Arial,sans-serif;
  float: left;
  margin: 0 auto;
  max-width: 940px;
  width: 85%;
  font-size: 14px;
  text-align: justify;
  color: #231F20;
}
@media(max-width: 940px) {
  #consent-text {
    float: none;
  }
}

#consent-button {
  font-family: "Gotham A","Gotham B",Arial,sans-serif;
  position: relative;
  float: right;
  width: 10%;
  text-align: center;
  top: 16px;
}

@media(max-width: 940px) {
  #consent-button {
    float: none;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 20px;
  }
}

a.consent-button {
  position: relative;
  display: inline-block;
  background-color: #FFFFFF;
  padding: 7px 10px;
  border: 1px solid #cccccc;
  border-radius: 6px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  color: #414141;
  transition: .375s ease-in-out;
}

a.consent-button:hover {
  background-color: #414141;
  color: #FFFFFF;
}

.hide {
  display: none;
  transition: .5s ease-in-out;
}

.show {
  display: block;
}