@charset "utf-8";
@import url(//cloud.typography.com/7505072/780164/css/fonts.css);

/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, z
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
    margin: 0;
    padding:0;
 }
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* CLEARFIX */

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

* {box-sizing: webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}


/*html, body {
    overflow-x: hidden;

}  */


body {
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', Arial, Helvetica, sans-serif;
	font-size: 18px;
    font-size: 1.125rem;
	color: #545454;
    line-height:1.5rem;
    -webkit-font-smoothing: antialiased;
      -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

 a, a:hover, a:visited {
    color: #e5720a;
}

/****  Blue leaf header **/

.chromeframe {
    background-color: #e57200;
    text-align: center;
    font-size: 18px;
    color: #000;
}

.chromeframe p {
    margin: 0;
    padding: 25px 0;
}
.chromeframe a {
  color: white;
}


header[role=banner] {
  position: relative;
  background-color: white;
  background: url("../img/nav-fade.png") 100% 100% white no-repeat;
  width: 100%;
    /* Amended height so navigation hover doesn't overlap main logo */
  height: 130px;
  z-index: 100;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.contentWC {
    width: 98%;
    height: auto;
    max-width: 1070px;
    margin: 0 auto;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    position:relative;
}

header[role=banner] .contentWC {
    width: 98%;
    height: 100%;
}

header[role=banner] .logo {
    float: left;
    margin-top: 25px;
}

header[role=banner] .logo__inner {
    position: relative;
    display: block;
}

header[role=banner] .logo__inner .front {
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  width: 230px;
  height: 64px;
  display: block;
  background-image: url("../img/logo.png");
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

    header[role=banner] .logo__inner .back {
  background-image: url("../img/logo-small.png");
  background-repeat: no-repeat;
  display: block;
  width: 37px;
  height: 37px;
  position: absolute;
  opacity: 0;
  -webkit-transform: translate(0px, -70px);
  -moz-transform: translate(0px, -70px);
  -o-transform: translate(0px, -70px);
  -ms-transform: translate(0px, -70px);
  transform: translate(0px, -70px);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

header[role=banner] .supportinfo {
  float: right;
  font-size: 18px;
  padding-top: 15px;
}

header[role=banner] .supportinfo p {
  position: relative;
  margin: 10px 15px 0 0;
  padding: 0;
  float: right;
    line-height: 1.4em;
    color:#000;
}

header[role=banner] .supportinfo p .tagline {

}

#france header[role=banner] .supportinfo p .tagline,
#germany header[role=banner] .supportinfo p .tagline
{
    line-height: 14px;
    float: left;
    padding-top: 5px;

}

#france header[role=banner] .supportinfo p .tagline
 {
     width:9.75em;
     font-size: 0.8em;
}

#germany header[role=banner] .supportinfo p .tagline
 {
    width: 9.5em;
    font-size: 0.85em;
}


header[role=banner] .supportinfo p a {
  color: black;
  font-size: 20px;
  margin-left: 35px;
  position: relative;
}

#france header[role=banner] .supportinfo p a,
#germany header[role=banner] .supportinfo p a {
    font-size: 18px;
}

#france header[role=banner] .supportinfo p a:before,
#germany header[role=banner] .supportinfo p a:before{
    top: 3px;
}

header[role=banner] .supportinfo p a:before {
  background: url("../img/Sprite.png") -4px -5px no-repeat;
  background: url("../img/Sprite.png") -4px -5px no-repeat;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  position: absolute;
  top: 5px;
  width: 23px;
  height: 16px;
  content: ' ';
  left: -28px;
}

header[role=banner] .supportinfo .account {
  float: right;
  white-space: nowrap;
}

header[role=banner] .registerLinks {
	text-align: center;
}

header[role=banner] .registerLinks .button {
		background: linear-gradient(to bottom, #eae9e9 0%, #d0cfcf 100%);
    background-color: #eae9e9;
		border-radius: 3px;
		color: #000;
		font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", arial, sans-serif;
		text-align: left;
		margin: 10px 1%;
		padding: 10px 4%;
		width: 44%;
}

header[role=banner] .registerLinks .button:hover {
		transition: color 0.2s ease-in-out;
		color: #cc6500;
		outline: 0;
		background: linear-gradient(to bottom, #dedcdc 0%, #c3c2c2 100%);
		background-color: #d0cfcf;
}

header[role=banner] .registerLinks:hover {
	background: none;
}

header[role=banner] .registerLinks p {
	color: #fff;
	font-size: 14px;
}

.cd-btn {
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  border-radius: 3px;
  color: black;
  padding: 5px 10px;
  font-size: 16px;
  line-height:1.3em;
}

.cd-btn.orange {
  background: -webkit-linear-gradient(top, #fc9c3d 0%, #dc6e01 100%);
  background: linear-gradient(to bottom, #fc9c3d 0%, #dc6e01 100%);
  background-color: #e57200;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
  color: black;
}
.cd-btn.orange:hover {
  background: -webkit-linear-gradient(top, #fc8f24 0%, #c36101 100%);
  background: linear-gradient(to bottom, #fc8f24 0%, #c36101 100%);
  background-color: #dc6e01;
  text-decoration: none;
  color: black;
}


.cd-btn.grey {
    background: -webkit-linear-gradient(top, #eae9e9 0%, #d0cfcf 100%);
    background: linear-gradient(to bottom, #eae9e9 0%, #d0cfcf 100%);
    background-color: #eae9e9;
    color: black;
}

.cd-btn.grey:hover {
  background: -webkit-linear-gradient(top, #dedcdc 0%, #c3c2c2 100%);
  background: linear-gradient(to bottom, #dedcdc 0%, #c3c2c2 100%);
  background-color: #d0cfcf;
  text-decoration: none;
}

 .cd-btn:hover, a:active, a:focus {
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    text-decoration: none !important;
    color: #cc6500;
    outline: 0;
}

header[role=banner] .supportinfo .cd-btn.orange {
  box-shadow: none;
  color: white;
}
header[role=banner] .supportinfo .login,
header[role=banner] .supportinfo .register {
  position: relative;
  z-index: 91;
  /*@media screen and (-webkit-min-device-pixel-ratio:0) {
  	top: -19px;
  }*/
}
header[role=banner] .supportinfo .login .options,
header[role=banner] .supportinfo .register .options {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
  top: 100%;
  right: 0px;
  background: #dc6e01;
  padding: 10px;
  width: 200px;
}
header[role=banner] .supportinfo .login:hover,
header[role=banner] .supportinfo .register:hover {
  background: -webkit-linear-gradient(top, #fc9c3d 0%, #dc6e01 100%);
  background: linear-gradient(to bottom, #fc9c3d 0%, #dc6e01 100%);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: #dc6e01;
  text-decoration: none;
  color: black;
  height: 30px;
}


.langloc {
  position: relative;
  top: 7px;
  z-index: 100;
  height: 30px;
  padding: 0px 10px;
}
.langloc > span img {
  height: 28px;
}
.langloc:before {
  background: url("../img/Sprite.png") -25px -45px no-repeat;
  background: url("../img/Sprite.png") -25px -45px no-repeat;
  width: 14px;
  height: 8px;
  position: relative;
  top: 11px;
  content: ' ';
  display: block;
  float: right;
  margin-left: 5px;
}
.langloc:hover:before {
  background-position: -25px -65px;
}
.langloc strong {
  margin: 0;
  padding: 10px 20px;
  font-size: 18px;
  display: block;
  font-weight:700;
  color: #000;
}
.langloc ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.langloc li {
  margin: 0;
  padding: 0;
  border-top: 1px solid white;
}
.langloc a {
  margin: 0;
  padding: 10px 20px 10px 38px;
  display: block;
  font-size: 14px;
  color: black;
  /*white-space: normal; */
}
.langloc a:hover {
  background: #e57200;
  color: white;
    text-decoration: none;
}
.langloc .span_10 {
  background: white;
  width: 50%;

}
.langloc .span_10 li:first-child {
  border-top: 1px solid #e5e5e5;
}
.langloc .span_10 a:before {
  background: url("../img/MobileSprite-60percent.png") -15px -111px no-repeat;
  background: url("../img/MobileSprite-60percent.png") -15px -111px no-repeat;
  width: 8px;
  height: 12px;
  content: ' ';
  display: block;
  float: left;
  margin: 3px 10px 0 -18px;
}
.langloc .span_10 a:hover {
  -webkit-transition: background 0.2s ease-in-out;
  -moz-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}
.langloc .span_10 a:hover:before {
  background-position: -27px -111px;
}
.langloc .span_10 a.active {
  color: #e57200;
  font-weight: 700;
}
.langloc .span_10 a.active:hover {
  color: white;
}
.langloc .row {
  margin: 0;
}

.langloc .span_14 {
    width:50%;
    border-left-width: 0;
    padding: 0 0;
    margin-left: 0;
}

.langloc .options {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
  top: 100%;
  right: 0px;
  background: #e5e5e5;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
  display: none;
  width: 350px;
  height: auto /*130px */;
}
.langloc:hover {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 40px;
}
.langloc:hover .options {
  display: block;
}

.flag:before {
    background: url("../img/UK.png") no-repeat;
    width: 20px;
    height: 20px;
    background-size: 20px;
    content: ' ';
    display: block;
    float: left;
    margin: 0 12px 0 0;
}

.flag.us:before {
    background: url("../img/US.png") no-repeat;
    background-size: 20px;
}

.flag.cn:before {
    background: url("../img/CNY.png") no-repeat;
    background-size: 20px;
}

.flag.fr:before {
    background: url("../img/FR.png") no-repeat;
    background-size: 20px;
}

.flag.de:before {
    background: url("../img/DE.png") no-repeat;
    background-size: 20px;
}
.flag.kr:before {
    background: url("../img/KR.png") no-repeat;
    background-size: 20px;
}

.col {
    border: 0px solid transparent;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
    background-clip: padding-box !important; }

.span_14 {

}

nav[role=navigation] {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  float: right;
  font-size: 16px;
  min-height: 42px;
}

nav[role=navigation] > ul {
  margin: 0;
  padding: 0;
}
nav[role=navigation] > ul > li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 7px 28px 9px 28px;
}

#germany nav[role=navigation] > ul > li {
  padding: 7px 20px 9px 20px;
}

nav[role=navigation] > ul > li:hover {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: #e5e5e5;
}

nav[role=navigation] > ul > li > a {
  color: black;
}

nav[role=navigation] > ul > li > a:hover {
  color: black;
}

.mc {
    display:none;
}

.show {
  display: block;
}

  #mobile-nav.show {
    background: #e57200;
    margin-right: 0px;
    opacity: 1;
    z-index: 70;
  }



.bannerOverlay {
position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 90;
    display: none;
}

/******* General styles  ****/

.row  {
    max-width: 1070px;
}

/* Fonts    */

h1, h2, h3 {
    font-weight: 400;
    margin-bottom: 1.563rem;
    letter-spacing: -0.05em;
}

h1 {
    font-size: 44px; font-size: 2.75rem;
    line-height: 46px;
    color: #fff;

}

#china h1 {
    font-size: 46px; font-size: 2.875rem;
    line-height: 48px;
}


h2, h2.title, h2.white {
    font-size:40px; font-size: 2.5rem;
    line-height: 42px;
     color:#e5720a;
}

h2.title, h2.white {
   margin-bottom: 0.125rem
}



/*  h3 {
    font-size: 24px; font-size: 1.5rem;
    line-height: 26px;
}   */

h3.subheading, h3.whiteheading {
    font-size: 22px; font-size: 1.375rem;
    line-height: 24px;
}

h3.whiteheading, h2.white {
    color: #fff;
}


#main p {
    letter-spacing: -0.05em;
    margin: 0 0 1.25rem 0;
    font-size: 18px; font-size: 1.125rem;
    line-height: 20px;
}

#main p.disclaimer {
    font-size: 12px; font-size: 0.75rem;
    line-height: 14px;
}

#main a {
    letter-spacing: -0.05em
}

#main a:hover {
    text-decoration: underline;
}


a.btn, form button {
	/*-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none; */
	font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', Arial, Helvetica, sans-serif;
    font-size: 18px; font-size: 1rem;
	display: inline-block;
	border: 0px;
    background: -webkit-linear-gradient(top, #fc9c3d 0%, #dc6e01 100%);
    background: linear-gradient(to bottom, #fc9c3d 0%, #dc6e01 100%);
    background-color: #e57200;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
    /* box-shadow: 0 5px #a75500; */
	/*  ppc button padding: 10px 30px; */
    padding: 15px 40px;
	border-radius: 5px;
	cursor: pointer;
	text-align: center;
	font-weight: 500;
	text-rendering: auto;
	line-height: 20px;
    margin-bottom: 5px;
	letter-spacing: -0.05em;
}

a.btn {
    margin: 0.9375rem 0 1.25rem;
}

button.disabled, button[disabled], .button.disabled, .button[disabled] {
	background-color:#dc6e01; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	background-color: #dc6e01; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	color: #FFFFFF; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
	background-color:#dc6e01; }

a.btn:hover, form button:hover {
  background: -webkit-linear-gradient(top, #fc8f24 0%, #c36101 100%);
  background: linear-gradient(to bottom, #fc8f24 0%, #c36101 100%);
  background-color: #dc6e01;
  text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
    outline: 0;
	text-decoration: none !important;
}


a.btn:focus, form button:focus {
    background-color: #dc6e01;
}

.bullet-list {
    margin-bottom: 0.625rem;
}

.bullet-list li {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 20px;
    letter-spacing: -0.05em;
    padding-bottom: 0.625rem;
    margin-left: 2.5rem;
}

.bullet-list li:before {
    content: '';
    width: 18px;
    height: 18px;
    background: url(../img/tick.png) center left no-repeat;
    margin-left: -19px;
    display: inline-block;
    position:relative;
    left: -19px;
    top: 2px;
}

.infographic {
    display:block;
    margin:auto;
}


.mobile-infographic {
    margin:auto;
}




/***** styling elements   ********/

.orange-gradient {
    background: -webkit-linear-gradient(top, #e98f36 0%, #e5720a 100%);
    background: linear-gradient(to bottom, #e98f36 0%, #e5720a 100%);
    background-color: #e5720a; }

.grey { background-color: #f7f7f7;}

.bolder { font-weight: 600;}

.text-center {text-align: center;}


.wrap {padding: 4.25rem 0 3.5rem;}



/*************************   HERO PANEL ******************/


#uk #hero, #france #hero, #germany #hero {
    background: #5d504a url(../img/hero-bg.jpg) no-repeat center top ;
    background-size:cover;
}

#china #hero {
    background: #5f5e5e url(../img/hero-bg-cn.jpg) no-repeat center top ;
    background-size:cover;
}

#korea #hero {
		background: #5f5e5e url(../img/hero-bg-kr.jpg) no-repeat center top;
		background-size: cover;
}

#us #hero {
    background: #5f5e5e url(../img/hero-bg-us.jpg) no-repeat center top ;
    background-size:cover;
}


.hero-text p {
    color: #fff;
}

.hero-text .btn {
    margin-bottom: 3rem;

}

.request-form {
    background: rgba(255,255,255, 0.35);
   border-radius: 5px;
    padding: 1.111rem;
    margin: 0 1.875rem 0.625rem;
}


#mainForm {
	color: #FFFFFF;
}

#ajaxMsg {
    text-align: center;
    color:#fff;
    margin-top: 3rem;
}

h2.ajaxHeader {
	font-size: 2rem;
    color: #fff;

}

#hero #ajaxMsg p {
    font-size: 1.25rem;
    line-height: 22px;
    max-width: 21rem;
    padding-bottom: 2rem;
    margin: 0 auto;

}

#ajaxMsg img  {
    padding-bottom: 1.5rem;
}

.error-icon {
    margin: 0 0.5em -0.15em 0 ;
}


#loadingOverlay {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000000;
    background: url(../img/ajax-loader.gif) no-repeat 50% 50%
}


h2.form-header {
    font-weight:500;
    font-size: 20px; font-size: 1.25rem;
    line-height: 22px;
    margin-bottom: 0.5556rem;
    color: #fff;
}

#hero .request-form p {
    font-size: 16px; font-size: 1rem;
    line-height: 18px;
    margin-bottom: 0.6111rem;

}

.formsection {
    position: relative;
    clear: left;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.formsection select, .formsection input[type="text"] {
    display:block;
    font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', Arial, Helvetica, sans-serif;
    font-size: 16px; font-size: 1rem;
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 4px;
    padding: 12px 10px;
    letter-spacing: -0.05em;
    margin-bottom: 15px;
    width: 100%;
   outline: none;

}

#phonefield {
    width: 79%;
    float: right;
}

#phone_int {
    float: left;
    width: 20%;
    background: #fff url('../img/plus.png') no-repeat center left;
    padding-left: 15px;
}

.formsection.phonefields {
    margin-bottom: 15px;
}

.formsection.phonefields input {
    margin-bottom: 0px;
}

.formsection input[type="text"]:focus {
	box-shadow: 0 0 5px rgba(229, 114, 10, 1);
	border: 1px solid rgba(229, 114, 10, 1);
}

.formsection label.error {
    position: absolute;
    bottom: -10px;
    right: 0px;
    background-color: #EF7206;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 8px; font-size: 0.5rem;
    padding: 5px 6px;
    border-radius: 3px;
    line-height: 10px;
}

.country-pick {
    display:none;
    position: absolute;
    top:55px;
    background-color: #f2f2f2;
    border: 1px solid #dddddd;
    border-radius: 3px;
    z-index: 500;
    width: 65%;
}

.country-pick .arrow  {
    width: 12px;
    height: 12px;
    position: absolute;
    top: -6px;
    left: 40px;
    transform: rotate(45deg);
    background-color: #f2f2f2;
    border-left: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.country-pick ul {
    margin: 0px;
    padding: 5px 5px 10px 10px;
}

.country-pick ul li {
    display: inline-block;
    float: left;
    width: 33%;
    text-align: left;
    padding: 5px 5px 0px 0px;
}

.country-pick a {
    display: block;
    font-size: 12px;
    text-decoration: none;
    background: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    padding: 2px 5px;
    color: #444;
    opacity: 0.8;
    transition: all 0.2s ease-in-out;
    font-weight: 500;
}

.country-pick li a img {
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.country-pick ul li a:hover {
	text-decoration: none !important;
	border-color: #545454;
}

#formComments {
    display: none;
}

#mainForm button {
    margin-bottom: 0;
}


/******************************************** Secondary nav *******************************/

.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

#nav-container {
    background: #fff;
    border-bottom: 1px solid #eee;

}

#secondary-nav ul {
    margin-left: 0;
    margin-bottom: 0;
    text-align: center;
}

#secondary-nav li {
    display: inline-block;
    list-style: none;

}

#secondary-nav li a, #secondary-nav li a:visited {
    color: #e5720a;
    font-size: 18px; font-size: 1.125rem;
    padding:1.111rem 2.375rem 1.111rem 2.375rem;
    letter-spacing: -0.05em;
    display:block;
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
}

.sticky #secondary-nav li a:hover, #secondary-nav li a:focus, #secondary-nav li a:hover {
    color: #e5720a;
    text-decoration: none;
}

.sticky #secondary-nav li a {
	color: #e2c0a1;
}

.sticky #secondary-nav li.active-item a,
.sticky #secondary-nav li.active-item a:visited,
.sticky #secondary-nav li.active-item a:hover,
.sticky #secondary-nav li.active-item a:focus,
.sticky #secondary-nav li.active-item a:active
{
    color: #e5720a;
}

/********************************************* Our services **************************************/


#uk #services, #france #services, #germany #services  {
    background: url(../img/intro-bg.jpg) no-repeat center bottom;
    background-size:cover;
}

#china #services {
    background: url(../img/intro-bg-cn.jpg) no-repeat center bottom;
    background-size:cover;
}

#korea #services {
		background: url(../img/intro-bg-kr.jpg) no-repeat center bottom;
		background-size: cover;
}

#us #services {
    background: url(../img/intro-bg-us.jpg) no-repeat center bottom;
    background-size:cover;
}


#marketplace { padding: 2.188rem 0  2.188rem; background: #f7f7f7; }
#marketplace p {font-size: 16px; font-size: 1rem; margin-bottom: 1.25rem;}
#marketplace img {display:block; margin: auto;}

#uk #suppliers, #france #suppliers, #germany #suppliers  {
    background: url(../img/suppliers-bg.jpg) no-repeat center center;
    background-size:cover;
}

#china #suppliers {
    background: url(../img/suppliers-bg-cn.jpg) no-repeat center center;
    background-size:cover;
}

#korea #suppliers {
		background: url(../img/suppliers-bg-kr.jpg) no-repeat center center;
		background-size:cover;
}

#us #suppliers {
    background: url(../img/suppliers-bg-us.jpg) no-repeat center center;
    background-size:cover;
}




/***************************************    NEWS     *************************************/

#news h2 { /* margin-top : 3rem; */ }

#news .social-icons {
    margin: 0;
    padding: 0;
}

#news .social-icons li {
    display: inline-block;
    margin: 0 0.9375rem 1.563rem 0;
}

#news .social-icons li a {
    background-image: url(../img/icons.png);
    background-repeat: no-repeat;
    display: block;
    height: 55px;
    transition: all 150ms ease-out;
    -webkit-transition: all 150ms ease-out;
    -o-transition: all 150ms ease-out;
     width: 50px;
     text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#news .social-icons li a:hover {
    background-position-y: 2px;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.face {
    background-position: -63px 0;
}

.linked {
    background-position: -126px 0;
}


/*******************************************  FAQS *************************************/

#faqs {
    padding: 3.85rem 0 3.5rem;
}

#faqs .tabs { padding: 0.9375rem 0 0.9375rem;}

#faqs .tabs li {
    display:inline-block;
    margin: 0 1.25rem  1.25rem 0;

}

#faqs .tabs li:last-child {
    margin-right: 0;
}

#faqs .tabs li a:link, #faqs .tabs li a:visited  {
    display: block;
    font-size: 18px; font-size: 1.125rem;
    width: 14.75rem;
    height: 7.875rem;
    border-radius: 3px;
    text-align:center;
    border: 1px #ddd solid;
    color: #888888;
    padding: 75px 0 0 0;
    position: relative;
    transition: all 250ms ease-out;
    -webkit-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    letter-spacing: -0.05em;
}

#germany #faqs .tabs li a:link, #germany #faqs .tabs li a:visited {
    font-size: 16px; font-size: 1rem;
}

#faqs .tabs li a:hover, #faqs .tabs li a:focus {
    background: #f6ddc7;
    border-color: #f6ddc7;
    text-decoration: none;

}

#faqs .tabs li a:before {
    content: '';
    height: 39px;
    width: 39px;
    position: absolute;
    background-repeat: no-repeat;
    top:25px;
    left:95px
}

#faqs .tabs li a.acct:before {
    background:url('../img/icons.png');
    background-position: 8px 335px;

}


#faqs .tabs li a.locate:before {
    background:url('../img/icons.png');
    Background-position: 8px 267px;

}


#faqs .tabs li a.box:before {
    background:url('../img/icons.png');
    Background-position: 2px 207px;

}

#faqs .tabs li a.lock:before {
    background:url('../img/icons.png');
    background-position: 8px 145px;

}

#faqs .tabs li a.selected-option {
    color: #fff;
    border-color: #e57200;
    background: -webkit-linear-gradient(top, #fc9c3d 0%, #dc6e01 100%);
    background: linear-gradient(to bottom, #fc9c3d 0%, #dc6e01 100%);
    background-color: #e57200;

}

#faqs .tabs li a.selected-option.acct:before  {
    background-position: -64px 335px;
}

#faqs .tabs li a.selected-option.locate:before {
     background-position: -70px 267px;;
}

#faqs .tabs li a.selected-option.box:before {
     background-position: -70px  207px;
}

#faqs .tabs li a.selected-option.lock:before {
     background-position: -70px 145px;;
}

select#mobile-ddl {
    /* display:block; */
    font-family: 'Gotham Rounded SSm A', 'Gotham Rounded SSm B', Arial, Helvetica, sans-serif;
    font-size: 18px; font-size: 1.125rem;
    border: 1px solid #e57200;
    border-radius: 4px;
    padding: 12px 10px;
    letter-spacing: -0.05em;
    outline: none;
    color: #fff;
    width: 100%;
    border-color: #e57200;
    background-image: -webkit-linear-gradient(top, #fc9c3d 0%, #dc6e01 100%);
    background: linear-gradient(to bottom, #fc9c3d 0%, #dc6e01 100%);
    background-color: #e57200;
    margin: 0.9375rem 0 2rem;
    /* To render the select in iphones as a dropdown with an arrow */
    -webkit-appearance: menulist;

}


#faqs dl {
   /* max-width: 83%;  */
    /*margin: 0 0 0.9375rem; */
    overflow: hidden;
    letter-spacing: -0.05em;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1.25rem;
}


#faqs dl .question {
    font-size: 22px; font-size: 1.375rem;
    line-height: 24px;
    font-weight:500;
    margin: 0 0 1.25rem ;
    /* position: relative; */
    color: #e5720a;
    border-top: 1px solid #ddd;
    padding-top: 1.25rem;
    text-indent: -1rem;
    padding-left: 2.25rem;

}

#faqs dl .question:first-child {
    padding-top: 0;
    border: none;
}

#faqs dl .question:hover, #faqs dl .question:focus {
    text-decoration: none;
    filter: alpha(opacity=70);
    opacity: 0.7;
    cursor: pointer;
}



#faqs dl .question:before {
    content: '';
    background: url("../img/Sprite.png") no-repeat -3px -106px;
    position: relative;
    width: 14px;
    height: 14px;
    display:inline-block;
    left: -1.25rem;

}

#faqs dl .question.active:before {
    background-position: -5px -43px;
}


#faqs dl .answer {
    font-size: 18px; font-size: 1.125rem;
    line-height: 20px;
    letter-spacing: -0.05em;
    margin: 0 0 1.5rem 2.25rem;
    clear: both;

}



/*****************************   PARTNERS *********************************************/

.clearout {
height:20px;
clear:both;
}


/***************  Logo Slider ************/

#flexisel-slider {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    text-align:center;
}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;
    margin:1.25rem 0 2.813rem;
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width:150px;
    max-height:65px;
}

/*** Navigation ***/

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 20px;
    height: 20px;
    position: absolute;
    cursor: pointer;
    z-index: 90;
    opacity: 0.5;
}

.nbs-flexisel-nav-left {
    left: 0;
    top: 50px !important;
    background: url(../img/icons.png) no-repeat 0 -306px;
}

.nbs-flexisel-nav-right {
    right:0;
    top: 50px !important;
    background: url(../img/icons.png) no-repeat -15px -306px;
}



#partners .icon-list li {
    display: inline-block;
    font-size: 18px; font-size: 1.125rem;
    margin: 100px 40px 25px;
    position: relative;

}


#partners .icon-list li:before {
    content: '';
    height: 60px;
    width: 70px;
    position: absolute;
    background-repeat: no-repeat;
    top: -80px;


}

#partners section {
    text-align: center;

}

#partners .icon-list li.money:before {
    background:url('../img/icons.png');
    background-position: 5px 60px;
    left: 32px;
}

#partners .icon-list li.custom:before {
    background:url('../img/icons.png');
    background-position: -112px 60px;
    left: 60px;
}

#partners .icon-list li.hub:before {
    background:url('../img/icons.png');
    background-position: -225px 60px;
    left: 80px;
}


/**** e-tailer Mandarin pop-up ***/
.locale-modal {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
  color: white;
  z-index: 200;
  padding: 20px 0;
}

.locale-modal > a, .locale-modal span.close {
  background-color: rgba(255, 255, 255, 0.5);
  background: url("../img/Sprite.png") no-repeat -118px -1020px rgba(255, 255, 255, 0.5);
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 16px;
  margin: 0 0 0 0;
  padding: 14px;
  border-radius: 14px;
  border: 1px solid transparent;
  color: white;
}

.locale-modal > a:hover, .locale-modal span.close:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.locale-modal .affilate__content a  {
  color: #ffffff;
  text-decoration: underline;
}

.locale-modal .affilate__content a:hover {
  text-decoration: none;
}

.locale-modal h3 {
   font-size: 22px;
}

.locale-modal h3, .locale-modal p {
  color: white;
}

.locale-modal .cd-btn.dark {
  margin-right: 20px;
  margin-top: 10px;
  background: -webkit-linear-gradient(top, #666666 0%, #2c2b30 100%);
  background: linear-gradient(to bottom, #666666 0%, #2c2b30 100%);
  background-color: #2c2b30;
  color: #fff;
  cursor: pointer;
}

.locale-modal .cd-btn.dark:hover {
  background: -webkit-linear-gradient(top, #595959 0%, #201f23 100%);
  background: linear-gradient(to bottom, #595959 0%, #201f23 100%);
  background-color: #2c2b30;
  color: #fff;

}


/****** footer *******/

.backtotop {
  text-align: center;
  font-size: 18px;
  padding: 15px 0 !important;
  width: 100% !important;
  background: #e57200;
}
.backtotop .arrow.orange.up a {
  color: #fff;
}
.backtotop .arrow.orange.up a:before {
    content: '';
    width: 14px;
    height: 8px;
    background: url("../img/Sprite.png") -45px -65px no-repeat;
    top: -1px;
    left: -10px;
    position: relative;
    display: inline-block;
}

footer[role=contentinfo] {
    background: #2c2b30;
    color: white;
}

footer[role=contentinfo]:before, footer[role=contentinfo]:after {
    content: " ";
    display: table;
}

footer[role=contentinfo]:after {
  clear: both;
}

footer[role=contentinfo] nav > div {
    min-height: 160px;
    width: 22%;
    margin: 20px 0;
    padding: 0 20px;
    border-right: 1px solid #424145;
}

footer[role=contentinfo] nav > div:first-child {
  margin: 20px 0;
  padding: 0 20px 0 0;
}

footer[role=contentinfo] nav > div h3 {
    font-size: 22px;
    color: #e57200;
    margin: 0;
}


footer[role=contentinfo] a {
    color: white;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;

}

.arrow a {
    margin: 5px 0 0 14px;

}

footer[role=contentinfo] a:hover {
    color: #e6e6e6;
    text-decoration: none;
}

.arrow.orange a:before {
    content: '';
    position: absolute;
    top: 2px;
    left: -14px;
    width: 8px;
    height: 14px;
    background: url("../img/Sprite.png") -5px -105px no-repeat;
}

.icon {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    margin: 5px 0 0 19px;
}

.icon:before {
    content: '';
    position: absolute;
    top: 3px;
    left: -19px;
    width: 13px;
    height: 9px;
    background: url("../img/Sprite.png") no-repeat;
}

.icon.tel:before {
    background-position: -5px -525px;
}


.icon.call:before {
  background-position: -25px -525px;
  width: 13px;
  height: 12px;
}

.icon.email:before {
  background-position: -45px -525px;
  width: 12px;
  height: 9px;
}

.icon.office:before {
  background-position: -65px -525px;
  width: 8px;
  height: 11px;
}

footer[role=contentinfo] nav > div p {
    margin: 4px 0;
    line-height: 1.4;
    font-size: 14px;
}

footer[role=contentinfo] nav > div p {
    margin: 4px 0;
}

 a.cd-btn.styled {
    position: relative;
    font-family: "Gotham Rounded SSm A", "Gotham Rounded SSm B", arial, sans-serif;
    font-weight: 700;
    padding: 10px 40px 10px 10px;
}

footer[role=contentinfo] a.cd-btn {
    font-size: 15px;
    margin-top: 10px;
}

.cd-btn.styled:before {
  content: '';
  position: absolute;
  top: 12px;
  right: 10px;
  width: 8px;
  height: 14px;
  background: url("../img/Sprite.png") -25px -105px no-repeat;
  background: url("../img/Sprite.png") -25px -105px no-repeat;
}

.cd-btn.styled:after {
  content: '';
  position: absolute;
  top: 8px;
  right: 28px;
  width: 1px;
  height: 22px;
  background: url("../img/Sprite.png") -5px -484px no-repeat;
  background: url("../img/Sprite.png") -5px -484px no-repeat;
}

footer[role=contentinfo] nav > div.sociallinks {
    border: none;
    width: 12%;
    margin: 20px 0;
    padding: 0;
}

footer[role=contentinfo] nav > div.sociallinks li {
  text-align: right;
}

.social {
    margin: 0;
    padding: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    position: relative;
    width: 31px;
    height: 30px;
    background: url("../img/Sprite.png") no-repeat;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.social.facebook {
  background-position: -4px -545px;
}
.social.facebook:hover {
  background-position: -4px -585px;
}

.social.twitter {
  background-position: -44px -545px;
}
.social.twitter:hover {
  background-position: -44px -585px;
}

.social.youtube {
  background-position: -164px -545px;
}
.social.youtube:hover {
  background-position: -164px -585px;
}

.social.googleplus {
  background-position: -124px -545px;
}
.social.googleplus:hover {
  background-position: -124px -585px;
}

.social.linkedin {
  background-position: -84px -545px;
}
.social.linkedin:hover {
  background-position: -84px -585px;
}

footer[role=contentinfo] .copyright {
  *zoom: 1;
  background: black;

}
footer[role=contentinfo] .copyright:before, footer[role=contentinfo] .copyright:after {
  content: " ";
  display: table;
}
footer[role=contentinfo] .copyright:after {
  clear: both;
}

footer[role=contentinfo] .copyright a {
  margin-right: 20px;
  font-size: 12px;
}

footer[role=contentinfo] .copyright p {
    line-height: 1.4em;
    font-size: 12px;
    margin: 1.25rem 0;
}

footer[role=contentinfo] .copyright .contentWC {
  margin: 0 auto;
  padding: 10px 0 20px 0;
}

footer[role=contentinfo] .copyright .contentWC:before {
  background: url("../img/Sprite.png") -5px -665px;
  position: relative;
  top: 10px;
  width: 72px;
  height: 92px;
  content: '';
  display: block;
  float: right;
}

.hidetext {
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    display: none;
}

.nofloat {
    float: none;
}


/** Media queries **/

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

	html {
		font-size: 16px;
	}

}


@media only screen and (min-width: 1024px) {
      #mobile-nav {
        display: none;
    }
}

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

    header[role=banner] {
    width: 100%;
    height: 90px;
    background-color: white;
    background: none white;

}
    header[role=banner] .contentWC {
    width: 100%;
    padding: 0 1.563rem;
  }

    header[role=banner] .logo {
    /*margin-left: 20px;  */
}

    header[role=banner] .logo__inner .front {
    width: 144px;
    height: 40px;
    background-size: 100%;
    }

    nav[role=navigation] {
    font-size: 18px;
}

    nav[role=navigation] {
    top: 0px;

    }

    nav[role=navigation] #menu {
    display:none
}

.tc {
    display: block;
}


    nav[role=navigation] .burger {
    display:block;
    width: 90px;
    height: 90px;
}

    nav[role=navigation] .burger a {
    display:block;
    padding:22px 27px;
}

    nav[role=navigation] .burger span {
    display: block;
    color: transparent;
    font: 0/0 a;
    text-shadow: none;
    width: 36px;
    height: 28px;
    background: url("../img/MobileSprite-60percent.png") no-repeat -3px -3px;
    background: url("../img/MobileSprite-60percent.png") no-repeat -3px -3px;

    }

    nav[role=navigation] .burger div {
    margin-top: -16px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    text-align:center;
    color: #e57200;
  }

    nav[role=navigation] .burger:hover span, nav[role=navigation] .burger:active span, nav[role=navigation] .burger:focus span {
    background: url("../img/MobileSprite-60percent.png") no-repeat -75px -3px;
    background: url("../img/MobileSprite-60percent.png") no-repeat -75px -3px;
  }
  nav[role=navigation] .burger:hover div, nav[role=navigation] .burger:active div, nav[role=navigation] .burger:focus div {
    color: black;
  }

nav[role=navigation] .burger.active {
    background: #e57200;
    }

nav[role=navigation] .burger.active span {
    background-position: -3px -723px;
    width: 22px;
    height: 21px;
}

nav[role=navigation] .burger.active a {
    padding: 35px;
    }

nav[role=navigation] .burger.active div {
    display: none;
}


#mobile-nav.show {
    background: #e57200;
    margin-right: 0px;
    opacity: 1;
    z-index: 70;
}

#mobile-nav {
    margin: 0;
    padding: 20px 0 0 0;
    position: absolute;
    top: 90px;
    right: 0px;
    width: 320px;
    height: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-right: -400px;
    opacity: 0;
    box-sizing: border-box;
    overflow: scroll !important;
    -webkit-overflow-scrolling: touch;
    }

#mobile-nav li, #germany #mobile-nav li  {
    clear: both;
    float: none;
    margin: 0;
    padding: 0;

    }

#mobile-nav li > a {
    display: block;
    margin: 0;
    padding: 15px 20px;
    font-size: 1.2em;
    text-decoration: none
}

#mobile-nav li > a, #mobile-nav li > span a  {
    background: #f28e2c;
    border-bottom: 1px solid #e57200;
    color: white;
    display: block;
    margin: 0;
    padding: 15px 20px;
}

 header[role=banner] .supportinfo {
    font-size: 18px;
    padding: 10px 185px 0 0;
    }

 #france header[role=banner] .supportinfo,
 #germany header[role=banner] .supportinfo {
    padding: 10px 135px 0 0;
    }

 #france header[role=banner] .supportinfo p .tagline,
 #germany header[role=banner] .supportinfo p .tagline {
    width: auto;
    padding-top: 0;
    padding-bottom: 3px;
 }

 .account {
    display: none;
    }

    header[role=banner] .supportinfo p a {
    font-size: 18px;
    display: block;
    line-height: 0.6em;
    margin-left: 0;
    }


    header[role=banner] .supportinfo p a:before {
    position: absolute;
    top: -12px;
    left: -33px;

    }

    .columns {

      /*  padding: 0 1.563rem;  */

    }


    #nav-container {
        display:none;
    }

    #uk #hero, #france #hero, #germany #hero {
        background: #5d504a url("../img/hero-bg.jpg") no-repeat left top;
        background-size: cover;
    }


    .hero-text {
        max-width: 42em;
    }



    #uk #services, #china #services, #france #services,
    #germany #services, #us #services, #korea #services  {
        background : none;
        padding-bottom: 0;
    }

    #uk #services .img-placeholder,
    #france #services .img-placeholder,
    #germany #services .img-placeholder
    {
        margin-top: 3.5rem;
       /* padding: 12.5em */
        padding: 13em 0;
        background: url("../img/m-intro-bg2.jpg") no-repeat center center;
        background-size: cover;
    }

    #china #services .img-placeholder {
        margin-top: 3.5rem;
        padding: 13em 0;
        background: url("../img/m-intro-bg-cn.jpg") no-repeat top center;
        background-size: cover;
    }
		
		#korea #services .img-placeholder {
			margin-top: 3.5rem;
			padding: 13em 0;
			background: url('../img/m-intro-bg2-kr.jpg') no-repeat top center;
			background-size: cover;
		}

     #us #services .img-placeholder {
        margin-top: 3.5rem;
        padding: 13em 0;
        background: url("../img/m-intro-bg-us.jpg") no-repeat top center;
        background-size: cover;
    }



    #uk #suppliers, #china #suppliers, #france #suppliers,
    #germany #suppliers, #us #suppliers, #korea #suppliers  {
        background : none;
        padding-top: 0;
    }


    #uk #suppliers .img-placeholder,
    #france #suppliers .img-placeholder,
    #germany #suppliers .img-placeholder
    {
        margin-bottom: 3.5rem;
        padding: 13em 0;
        background: url("../img/m-suppliers-bg2.jpg") no-repeat center center;
        background-size: cover;

    }

    #china #suppliers .img-placeholder {
        margin-bottom: 3.5rem;
        padding: 13em 0;
        background: url("../img/m-suppliers-bg-cn.jpg") no-repeat center center;
        background-size: cover;

    }
		
		#korea #suppliers .img-placeholder {
			margin-bottom: 3.5rem;
			padding: 13rem 0;
			background: url('../img/m-suppliers-bg2-kr.jpg') no-repeat center center;
			background-size: cover;
		}

     #us #suppliers .img-placeholder {
        margin-bottom: 3.5rem;
        padding: 13em 0;
        background: url("../img/m-suppliers-bg-us.jpg") no-repeat center center;
        background-size: cover;

    }

    #faqs .tabs li a:before {
    left: 90px;
    }

    footer[role=contentinfo] .copyright .contentWC {
        padding-left: 1.563rem;
        padding-right: 1.563rem;
    }


}

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

	html {
		font-size: 15px;
	}

    .country-pick {
		width: 100%;
        margin: 0px;
    }

	.country-pick .arrow {
		 left: 18px;

	}
}

@media screen and (min-width: 768px){
    .span_14 {
        width: 58.33333%;
        border-left-width: 0px;
        padding: 0 0px;
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
  footer[role=contentinfo] nav > div.sociallinks {
    min-height: 0px;
  }

    #faqs .tabs {
        max-width: 34em;
       /* margin: auto; */
    }


}



@media only screen and (max-width: 768px) and (min-width: 641px){

    footer[role=contentinfo] nav > div {
    width: 25%;
    }

    footer[role=contentinfo] nav > div h3 {
    font-size: 18px;
    }


    footer[role=contentinfo] nav > div.sociallinks {
        width: 100%;
        float: right;
    }

    footer[role=contentinfo] nav > div.sociallinks .social {
    float: left;
    margin-right: 10px;
    }


}


@media only screen and (max-width: 640px)
{
    header[role=banner] .supportinfo {
        display:none;
    }


    #uk #hero, #france #hero, #germany #hero  {
        background: #5d504a url("../img/s-hero-bg.jpg") no-repeat left top;
        background-size: cover;
    }

    #china #hero {
        background: #5f5e5e url("../img/s-hero-bg-cn.jpg") no-repeat left top;
        background-size: cover;
    }


    #us #hero {
        background: #5f5e5e url("../img/s-hero-bg-us.jpg") no-repeat left top;
        background-size: cover;
    }


    #services {
        background : none;
        padding-bottom: 0;
    }

    #suppliers {
        background : none;
        padding-top: 0;
    }


    #services .img-placeholder,  #suppliers .img-placeholder {
       padding: 11em 0;
    }

    #faqs .tabs  {
        display: none;

    }

    #mobile-ddl  {
        display: block;

    }



    footer[role=contentinfo] > nav   {
        display: none;

    }

    footer[role=contentinfo] .copyright {
    position: relative;
}

    footer[role=contentinfo] .copyright .contentWC:before {
    display: none;

    }

    footer[role=contentinfo] .copyright:before {
    content: '';
    position: absolute;
    top: 12px;
    right: 20px;
    width: 59px;
    height: 74px;
    background: url("../img/MobileSprite-60percent.png") -2px -471px no-repeat;
}


    footer[role=contentinfo] .copyright a {
    display: block;
    margin: 0 0 4px 0;
}



}


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

	html {
		font-size: 14px;
	}


    .request-form {
        margin: 0;

    }

 /*  #services .img-placeholder {
        margin-top: 3.5rem;
        padding: 11em 0;
        background: url("../img/s-intro-bg.jpg") no-repeat center bottom;
        background-size: cover;
    }

    #services-cn .img-placeholder {
        margin-top: 3.5rem;
        padding: 11em 0;
        background: url("../img/s-intro-bg-cn.jpg") no-repeat left bottom;
        background-size: cover;
    }

    #suppliers .img-placeholder
    {
        padding: 11em 0;
        background: url("../img/s-suppliers-bg.jpg") no-repeat center bottom;
        background-size: cover;
        margin-bottom: 3.5rem;

    }

    #suppliers-cn .img-placeholder
    {
        padding: 11em 0;
        background: url("../img/s-suppliers-bg-cn.jpg") no-repeat center bottom;
        background-size: cover;
        margin-bottom: 3.5rem;

    }   */

}


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


    .infographic {
        display:none;
    }

    .mobile-infographic {
        display:block;
    }

}