@font-face {
  font-family: 'OpenSans-Bold';
  src: url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.eot');
  src: url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.woff2') format('woff2'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.woff') format('woff'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.ttf') format('truetype'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.otf') format('otf'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'OpenSans-SemiBold';
  src: url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.eot');
  src: url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.woff2') format('woff2'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.woff') format('woff'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.ttf') format('truetype'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.otf') format('otf'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-semibold/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'OpenSans-Regular';
  src: url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.eot');
  src: url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.woff2') format('woff2'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.woff') format('woff'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.ttf') format('truetype'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.otf') format('otf'),
       url('https://cdn.craghoppers.com/fonts/open_sans/OS/os-regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('https://cdn.craghoppers.com/fonts/roboto/RobotoCondensed-Bold.eot');
  src: url('https://cdn.craghoppers.com/fonts/roboto/RobotoCondensed-Bold.woff2') format('woff2'),
       url('https://cdn.craghoppers.com/fonts/roboto/RobotoCondensed-Bold.woff') format('woff'),
       url('https://cdn.craghoppers.com/fonts/roboto/RobotoCondensed-Bold.ttf') format('truetype'),
       url('https://cdn.craghoppers.com/fonts/roboto/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
       url('https://cdn.craghoppers.com/fonts/roboto/RobotoCondensed-Bold.otf') format('otf');
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}

body {
  margin: 0;
  font-family: 'OpenSans-Regular';
}

body.success #wrapper,
body.success  #footer,
#content .o-region__inner {
  display: none !important;
}

table {
  width: 100%;
  max-width: 48%;
  float: left;
  margin: 1%;
}

.fullWidth {
  max-width: 98%;
}

table td {
  padding: 10px 0px;
}

label {
  width: 100%;
  display: block;
  color: #000000;
  max-width: 100% !important;
  font-family: 'OpenSans-SemiBold';
}

input,
select,
textarea {
  border-radius: 0;
  border: none;
  border-bottom: solid 1px #5f5f5e;
  margin: 0px 0px 20px 0px;
  width: 100%;
  height: 50px;
  padding: 0px 10px;
  font-size: 15px;
}

textarea {
  min-height: 200px;
  border: solid 1px #5f5f5e;
  padding: 10px;
  margin: 10px 0px;
}

select {
  background: none;
  display: inline-block;
  border: none;
  border-bottom: solid 1px #5f5f5e;
  margin: 0px 10px 10px 0px;
  height: 50px;
  padding: 0px 10px;
  border-radius: 0px;
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  width: calc(33.333% - 13px);
}

input {
  margin: 0;
}

input,
select {
  background: #fafafa;
  border: 1px solid #bdbdbd;
  border-radius: 5px;
}

input[type="radio"] {
  float: left;
  width: inherit;
  margin: 0px 10px 0px 0px;
  height: 20px;
}

.radioContainer {
  display: inline-block;
  margin-top: 10px;
  width: auto !important;
  margin-right: 50px;
}

button,
.cta {
  background: #343334;
  width: 220px;
  height: 45px;
  color: #ffffff;
  border: none;
  float: left;
  clear: both;
  font-size: 17px;
}

td {
  position: relative;
  display: block;
}

select {
  width: 100%;
}

select.dob {
  width: 32%;
  margin-right: 5px;
}

select.dob:last-of-type {
  margin: 0;
}

td span,
span.required {
  color: red;
}

.intro,
.newsletter.text {
  padding: 0 10px;
}

#signupContainer {
  max-width: 98%;
  margin: 0 10px;
}

.invalid {
  border-color: #dc1616;
}

.popup {
  position: absolute;
  top: -35px;
  left: 10px;
  color: #ffffff;
  font-size: 13px;
  background: #dc1616;
  padding: 5px 10px;
  border-radius: 5px;
  z-index: 1;
  right: 0;
  max-width: 200px;
  text-align: center;
  margin: 0 auto;
}

select ~ .popup {
  top: -10px;
}

.popup:after {
  width: 15px;
  height: 15px;
  content: "";
  background: #dc1616;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  top: 14px;
  z-index: -1;
  margin: auto;
}

.title {
  text-align: center;
  margin-top:10px;
}

.GDPR {
  display: block;
  margin: 10px;
  text-align: center;
}

.successmessage {
  margin: 10px 0px;
  background-image: url('data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0MjYuNjY3IDQyNi42NjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyNi42NjcgNDI2LjY2NzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxwYXRoIHN0eWxlPSJmaWxsOiM2QUMyNTk7IiBkPSJNMjEzLjMzMywwQzk1LjUxOCwwLDAsOTUuNTE0LDAsMjEzLjMzM3M5NS41MTgsMjEzLjMzMywyMTMuMzMzLDIxMy4zMzMgIGMxMTcuODI4LDAsMjEzLjMzMy05NS41MTQsMjEzLjMzMy0yMTMuMzMzUzMzMS4xNTcsMCwyMTMuMzMzLDB6IE0xNzQuMTk5LDMyMi45MThsLTkzLjkzNS05My45MzFsMzEuMzA5LTMxLjMwOWw2Mi42MjYsNjIuNjIyICBsMTQwLjg5NC0xNDAuODk4bDMxLjMwOSwzMS4zMDlMMTc0LjE5OSwzMjIuOTE4eiIvPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K');
  display: block;
  background-size: 122px;
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center;
  padding-top: 170px;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.newsletter input[type="checkbox"] {
  display: inline-block;
  width: auto;
  height: auto;
  margin-bottom: 0;
  margin-left: 10px;
}

.newsletter label {
  display: inline-block;
  width: auto;
  position: relative;
  line-height: 1;
  padding-left: 0;
  font-family: 'OpenSans-Regular';
}

.popupSUB {
  display: none;
}


#quickSignUp #signupContainer {
  max-width: 600px;
  margin: 0 auto;
  float: none;
}

#quickSignUp #signupContainer tr:nth-child(1){
  width: 100%;
  display: inline-block;
}

#quickSignUp #signupContainer tr:nth-child(2){
  width: 100%;
  display: inline-block;
}

#quickSignUp #signupContainer tr:nth-child(2) td{
  text-align: center;
}

#quickSignUp #signupContainer tr:nth-child(2) td > *{
  display: inline-block;
  width: auto;
  float: none;
}

#quickSignUp #signupContainer tr:nth-child(2) td input{
  margin-left: 5px;
  margin-right: 0;
}

#quickSignUp #signupContainer input#emailAddress{
  display: inline-block;
  width: 100%;
  border-radius: 5px;
}

#quickSignUp #signupContainer #button{
  background: #343334;
  width: 100%;
  height: 50px;
  color: #ffffff;
  border: none;
  clear: both;
  font-size: 17px;
  margin-top: 0;
  cursor: pointer;
  max-width: 150px;
  margin: 0 auto;
  height: auto;
  padding: 10px 0;
  display: block;
}

#unsubscribe form,
.small {
  background: #fff;
  padding: 30px;
  width: 100%;
  box-sizing: border-box;
  max-width: 600px;
  margin: 0 auto;
}

#unsubscribe #email {
  width: 100%;
  max-width: 100%;
  margin: 0;
  height: 50px;
  margin-bottom: 10px;
}

.social {
  background: #fff;
}

.small {
  padding-top: 20px;
  margin: auto;
  max-width: 100%;
  float: left;
  font-size: 14px;
}

.social:before {
  display: block;
  width: 250px;
  height: 1px;
  background: #ddd;
  content: '';
  margin: 0 auto;
}

#unsubscribe > img {
  position: absolute;
  width: 100%;
  padding: 10px;
  border-radius: 6px;
  left: 0;
  right: 0;
  top: 40px;
  max-width: 300px;
  margin: auto;
}

#button {
  background: #343334;
  width: 280px;
  height: 45px;
  color: #ffffff;
  border: none;
  clear: both;
  font-size: 17px;
  margin-top:10px;
}

td {
  position: relative;
  padding: 0 !important;
  margin: 5px 0;
  display: inline-block;
  width: 100%;
}

#quickSignUp td{
  width:600px;
}

label {
  position: absolute;
  padding-left: 10px;
  width: 99%;
  line-height: 50px;
  transition: all .5s;
  color: #7d7d7d;
}

label.active {
  line-height: 1;
  font-size: 12px;
  top: 8px;
}

label.noFeature {
  position: relative;
  top: 0;
  line-height: 1.2;
  font-size: 16px;
  margin-bottom: 10px;
  padding-left: 0;
}

input {
  transition: all .5s;
}

input.active {
  padding-top: 10px;
}

.newsletter label {
  color: #000;
}

button {
  background: #343334;
  width: 220px;
  height: 45px;
  color: #ffffff;
  border: none;
  float: left;
  clear: both;
  font-size: 17px;
  border-radius: 5px;
}

#unsubscribe {
  text-align: center;
}

#unsubscribe button {
  float: none;
}

.social a img {
  width: 100%;
}

.social a {
  display: inline-block;
  border: solid 2px #ffffff;
  border-radius: 100px;
  height: 50px;
  width: 50px;
}

.social {
  border-top: solid 2PX #ffffff;
  padding-top: 20px;
}

input[type='checkbox']:checked {
  background-image: url(https://cdn.dare2b.com/img/global-images/tick.svg);
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  border: solid 2px #00d067 !important;
}

#lightbox-signup #signupContainer {
    max-width: 600px;
    margin: 0 auto;
    float: none;
}

#lightbox-signup #signupContainer tr:nth-child(4) td,
#lightbox-signup #signupContainer tr:nth-child(5) td{
  text-align: center;
}

#lightbox-signup #signupContainer tr:nth-child(4) td > * {
    display: inline-block;
    width: auto;
    float: none;
}

#lightbox-signup #signupContainer tr:nth-child(4) td > input {
    margin-left: 5px;
    margin-right: 0;
    vertical-align: bottom;
}


/*CHUS*/
.cs-header {
  width: 100%;
  max-width: 1920px;
  min-height: 270px;
  margin: auto;
  margin-bottom: 3%;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.cs-extra-padding {
  padding-top: 3% !important;
}

.cs-copy-main {
  max-width: 1000px;
  margin: auto;
}

.cs-main {
  background-image: url(https://cdn.craghoppers.com/img/AW19/UK/misc/customer-services/desktop/5.jpg);
  margin-bottom: 2%;
}

.cs-header-title {
  color: #fff;
  padding-top: 105px;
  font-size: 55px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-family: 'Roboto-Bold';
}

.socialimg {
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}

.instagram {
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.0%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2046.647%2046.647%22%20style%3D%22enable-background%3Anew%200%200%2046.647%2046.647%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20style%3D%22fill%3A%20%23959595%3B%22%20d%3D%22M23.323%2C4.202c6.228%2C0%2C6.965%2C0.024%2C9.425%2C0.136c2.274%2C0.104%2C3.509%2C0.484%2C4.331%2C0.803c1.089%2C0.423%2C1.866%2C0.929%2C2.682%2C1.745%20%20c0.816%2C0.816%2C1.322%2C1.593%2C1.745%2C2.682c0.319%2C0.822%2C0.699%2C2.057%2C0.803%2C4.331c0.112%2C2.459%2C0.136%2C3.197%2C0.136%2C9.425%20%20s-0.024%2C6.965-0.136%2C9.425c-0.104%2C2.274-0.484%2C3.509-0.803%2C4.331c-0.423%2C1.089-0.929%2C1.866-1.745%2C2.682%20%20c-0.816%2C0.816-1.593%2C1.322-2.682%2C1.745c-0.822%2C0.319-2.057%2C0.699-4.331%2C0.803c-2.459%2C0.112-3.197%2C0.136-9.425%2C0.136%20%20s-6.966-0.024-9.425-0.136c-2.274-0.104-3.509-0.484-4.331-0.803c-1.089-0.423-1.866-0.929-2.682-1.745%20%20c-0.816-0.816-1.322-1.593-1.745-2.682c-0.319-0.822-0.699-2.057-0.803-4.331c-0.112-2.459-0.136-3.197-0.136-9.425%20%20s0.024-6.965%2C0.136-9.425c0.104-2.274%2C0.484-3.509%2C0.803-4.331C5.565%2C8.479%2C6.07%2C7.702%2C6.886%2C6.886%20%20C7.702%2C6.07%2C8.479%2C5.565%2C9.568%2C5.141c0.822-0.319%2C2.057-0.699%2C4.331-0.803C16.358%2C4.226%2C17.096%2C4.202%2C23.323%2C4.202%20M23.323%2C0%20%20c-6.334%2C0-7.129%2C0.027-9.616%2C0.14c-2.483%2C0.113-4.178%2C0.508-5.662%2C1.084C6.512%2C1.82%2C5.211%2C2.618%2C3.915%2C3.915%20%20C2.618%2C5.211%2C1.82%2C6.512%2C1.224%2C8.046c-0.577%2C1.484-0.971%2C3.179-1.084%2C5.662C0.027%2C16.195%2C0%2C16.989%2C0%2C23.323%20%20c0%2C6.334%2C0.027%2C7.129%2C0.14%2C9.616c0.113%2C2.483%2C0.508%2C4.178%2C1.084%2C5.662c0.596%2C1.534%2C1.394%2C2.834%2C2.69%2C4.131%20%20c1.297%2C1.297%2C2.597%2C2.094%2C4.131%2C2.69c1.484%2C0.577%2C3.179%2C0.971%2C5.662%2C1.084c2.488%2C0.114%2C3.282%2C0.14%2C9.616%2C0.14%20%20s7.129-0.027%2C9.616-0.14c2.483-0.113%2C4.178-0.508%2C5.662-1.084c1.534-0.596%2C2.834-1.394%2C4.131-2.69%20%20c1.297-1.297%2C2.094-2.597%2C2.69-4.131c0.577-1.484%2C0.971-3.179%2C1.084-5.662c0.113-2.488%2C0.14-3.282%2C0.14-9.616%20%20s-0.027-7.129-0.14-9.616c-0.113-2.483-0.508-4.178-1.084-5.662c-0.596-1.534-1.394-2.834-2.69-4.131%20%20c-1.297-1.297-2.597-2.094-4.131-2.69c-1.484-0.577-3.179-0.971-5.662-1.084C30.452%2C0.027%2C29.658%2C0%2C23.323%2C0L23.323%2C0z%22%2F%3E%20%3Cpath%20style%3D%22fill%3A%20%23959595%3B%22%20d%3D%22M23.323%2C11.347c-6.615%2C0-11.977%2C5.362-11.977%2C11.977S16.709%2C35.3%2C23.323%2C35.3S35.3%2C29.938%2C35.3%2C23.323%20%20S29.938%2C11.347%2C23.323%2C11.347z%20M23.323%2C31.098c-4.294%2C0-7.774-3.481-7.774-7.774s3.481-7.774%2C7.774-7.774s7.774%2C3.481%2C7.774%2C7.774%20%20S27.617%2C31.098%2C23.323%2C31.098z%22%2F%3E%20%3Ccircle%20style%3D%22fill%3A%20%23959595%3B%22%20cx%3D%2235.774%22%20cy%3D%2210.873%22%20r%3D%222.799%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;

}

.twitter {
  background-image:url("data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.0%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2040.107%2032.669%22%20style%3D%22enable-background%3Anew%200%200%2040.107%2032.669%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23959595%3B%22%20d%3D%22M40.06%2C3.891c-0.057-0.068-0.152-0.091-0.233-0.054c-1.2%2C0.532-2.461%2C0.914-3.76%2C1.14%20c1.379-1.038%2C2.407-2.474%2C2.933-4.122C39.026%2C0.776%2C39%2C0.691%2C38.936%2C0.639c-0.065-0.051-0.155-0.058-0.226-0.015%20c-1.554%2C0.922-3.236%2C1.571-5.003%2C1.931C32.14%2C0.93%2C29.954%2C0%2C27.692%2C0c-4.602%2C0-8.346%2C3.744-8.346%2C8.346%20c0%2C0.556%2C0.054%2C1.108%2C0.16%2C1.642C13.131%2C9.596%2C7.171%2C6.535%2C3.118%2C1.564c-0.041-0.051-0.104-0.08-0.17-0.073%20C2.883%2C1.497%2C2.825%2C1.533%2C2.792%2C1.59c-0.739%2C1.268-1.13%2C2.719-1.13%2C4.196c0%2C2.559%2C1.163%2C4.951%2C3.142%2C6.53%20c-1.019-0.123-2.015-0.443-2.912-0.941c-0.061-0.035-0.135-0.034-0.196%2C0.001c-0.061%2C0.035-0.099%2C0.099-0.1%2C0.168L1.595%2C11.65%20c0%2C3.674%2C2.421%2C6.901%2C5.866%2C7.972c-0.908%2C0.147-1.849%2C0.136-2.774-0.041c-0.068-0.012-0.14%2C0.011-0.186%2C0.064%20c-0.047%2C0.053-0.062%2C0.126-0.041%2C0.193c1.033%2C3.225%2C3.904%2C5.486%2C7.245%2C5.767c-2.787%2C2.042-6.082%2C3.118-9.563%2C3.118%20c-0.641%2C0-1.287-0.038-1.919-0.113c-0.09-0.01-0.18%2C0.044-0.211%2C0.131c-0.031%2C0.088%2C0.002%2C0.185%2C0.08%2C0.235%20c3.767%2C2.415%2C8.122%2C3.692%2C12.596%2C3.692c14.634%2C0%2C23.379-11.887%2C23.379-23.379c0-0.32-0.007-0.638-0.019-0.955%20c1.579-1.155%2C2.933-2.569%2C4.026-4.204C40.123%2C4.056%2C40.118%2C3.959%2C40.06%2C3.891z%22%2F%3E%3C%2Fsvg%3E")!important;
}

.facebook {
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.0%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2021.112%2040.653%22%20style%3D%22enable-background%3Anew%200%200%2021.112%2040.653%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20style%3D%22fill%3A%23959595%3B%22%20d%3D%22M21.112%2C6.748L17.285%2C6.75c-3%2C0-3.581%2C1.426-3.581%2C3.518v4.614h7.156l-0.003%2C7.227h-7.153v18.544%20H6.24V22.109H0v-7.227h6.24V9.553C6.24%2C3.368%2C10.018%2C0%2C15.536%2C0l5.576%2C0.008V6.748z%22%2F%3E%3C%2Fsvg%3E")!important;
}

.youtube {
  background-image: url("data:image/svg+xml;charset%3DUS-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3Csvg%20version%3D%221.0%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20viewBox%3D%220%200%2034.684%2041.088%22%20style%3D%22enable-background%3Anew%200%200%2034.684%2041.088%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%20%3Cpath%20style%3D%22fill%3A%20%23959595%3B%22%20d%3D%22M34.084%2C20.802c-0.425-1.845-1.934-3.205-3.749-3.408c-4.3-0.48-8.654-0.483-12.987-0.48%20%20c-4.335-0.002-8.688%2C0-12.989%2C0.48c-1.815%2C0.203-3.323%2C1.564-3.747%2C3.408C0.007%2C23.429%2C0%2C26.296%2C0%2C29.001%20%20c0%2C2.704%2C0%2C5.571%2C0.605%2C8.198c0.424%2C1.844%2C1.932%2C3.205%2C3.749%2C3.408c4.3%2C0.481%2C8.653%2C0.483%2C12.988%2C0.481%20%20c4.334%2C0.002%2C8.686%2C0%2C12.988-0.481c1.815-0.203%2C3.324-1.564%2C3.748-3.408c0.604-2.627%2C0.607-5.494%2C0.607-8.198%20%20C34.684%2C26.296%2C34.688%2C23.429%2C34.084%2C20.802z%20M9.893%2C22.837h-2.51v13.339H5.051V22.837H2.586v-2.185h7.307V22.837z%20M16.227%2C36.177%20%20h-2.098v-1.262c-0.833%2C0.956-1.624%2C1.421-2.395%2C1.421c-0.675%2C0-1.14-0.274-1.35-0.86c-0.114-0.35-0.185-0.904-0.185-1.72V24.61%20%20h2.095v8.516c0%2C0.491%2C0%2C0.746%2C0.019%2C0.815c0.05%2C0.325%2C0.21%2C0.49%2C0.49%2C0.49c0.421%2C0%2C0.861-0.324%2C1.325-0.981V24.61h2.098V36.177z%20%20%20M24.189%2C32.705c0%2C1.07-0.072%2C1.841-0.212%2C2.331c-0.281%2C0.861-0.841%2C1.3-1.675%2C1.3c-0.746%2C0-1.466-0.414-2.167-1.28v1.121h-2.095%20%20V20.653h2.095v5.071c0.677-0.833%2C1.396-1.254%2C2.167-1.254c0.833%2C0%2C1.394%2C0.439%2C1.675%2C1.305c0.141%2C0.466%2C0.212%2C1.23%2C0.212%2C2.326%20%20V32.705z%20M32.1%2C30.775h-4.192v2.051c0%2C1.071%2C0.351%2C1.605%2C1.071%2C1.605c0.516%2C0%2C0.817-0.281%2C0.937-0.841%20%20c0.019-0.114%2C0.046-0.579%2C0.046-1.42H32.1v0.306c0%2C0.676-0.026%2C1.141-0.046%2C1.351c-0.07%2C0.464-0.234%2C0.884-0.49%2C1.255%20%20c-0.58%2C0.84-1.44%2C1.254-2.534%2C1.254c-1.097%2C0-1.931-0.394-2.537-1.185c-0.445-0.579-0.674-1.491-0.674-2.72V28.38%20%20c0-1.236%2C0.203-2.141%2C0.648-2.726c0.605-0.792%2C1.44-1.186%2C2.51-1.186c1.052%2C0%2C1.885%2C0.394%2C2.473%2C1.186%20%20c0.439%2C0.585%2C0.649%2C1.489%2C0.649%2C2.726V30.775z%22%2F%3E%20%3Cpath%20style%3D%22fill%3A%20%23959595%3B%22%20d%3D%22M28.959%2C26.355c-0.701%2C0-1.052%2C0.535-1.052%2C1.605v1.07h2.096v-1.07%20%20C30.004%2C26.89%2C29.653%2C26.355%2C28.959%2C26.355z%22%2F%3E%20%3Cpath%20style%3D%22fill%3A%23959595%3B%22%20d%3D%22M21.181%2C26.355c-0.345%2C0-0.695%2C0.164-1.045%2C0.51v7.05c0.35%2C0.351%2C0.701%2C0.516%2C1.045%2C0.516%20%20c0.605%2C0%2C0.912-0.516%2C0.912-1.561v-4.936C22.093%2C26.89%2C21.786%2C26.355%2C21.181%2C26.355z%22%2F%3E%20%3Cpath%20style%3D%22fill%3A%23959595%3B%22%20d%3D%22M22.352%2C15.847c0.773%2C0%2C1.576-0.469%2C2.419-1.436v1.275h2.119V3.997h-2.119v8.935%20%20c-0.469%2C0.663-0.913%2C0.991-1.337%2C0.991c-0.284%2C0-0.45-0.168-0.497-0.496c-0.025-0.069-0.025-0.327-0.025-0.823V3.997H20.8v9.243%20%20c0%2C0.826%2C0.071%2C1.384%2C0.188%2C1.739C21.2%2C15.571%2C21.67%2C15.847%2C22.352%2C15.847z%22%2F%3E%20%3Cpath%20style%3D%22fill%3A%23959595%3B%22%20d%3D%22M7.605%2C9.333v6.354h2.349V9.333L12.78%2C0h-2.375L8.802%2C6.16L7.135%2C0H4.663%20%20c0.496%2C1.454%2C1.011%2C2.915%2C1.506%2C4.371C6.922%2C6.558%2C7.392%2C8.208%2C7.605%2C9.333z%22%2F%3E%20%3Cpath%20style%3D%22fill%3A%23959595%3B%22%20d%3D%22M15.928%2C15.847c1.061%2C0%2C1.886-0.399%2C2.471-1.196c0.445-0.585%2C0.657-1.507%2C0.657-2.749V7.808%20%20c0-1.25-0.212-2.163-0.657-2.754c-0.585-0.799-1.41-1.199-2.471-1.199c-1.056%2C0-1.88%2C0.399-2.467%2C1.199%20%20c-0.45%2C0.59-0.663%2C1.504-0.663%2C2.754v4.094c0%2C1.242%2C0.213%2C2.164%2C0.663%2C2.749C14.048%2C15.448%2C14.873%2C15.847%2C15.928%2C15.847z%20%20%20M14.917%2C7.383c0-1.082%2C0.328-1.621%2C1.011-1.621c0.683%2C0%2C1.01%2C0.539%2C1.01%2C1.621V12.3c0%2C1.082-0.327%2C1.622-1.01%2C1.622%20%20c-0.683%2C0-1.011-0.541-1.011-1.622V7.383z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")!important;
}

table td > * {
  cursor: text;
}

table td > select,
table td > button {
  cursor: pointer;
}

.radioContainer > *{
  display: inline-block;
  width: auto;
  cursor: pointer;
}

.radioContainer label{
  padding-left: 0;
}

.radioLabel{
  margin-bottom: 0;
  font-family: 'OpenSans-SemiBold';
  color: #a7a7a7;
}

.orderRef{
  display: none;
}

.orderRef.active {
  display: block;
}

@media screen and (max-width:1024px) {
  .cs-header-title {
    padding-top: 11%;
    font-size: 44px;
  }

}

@media only screen and (max-width: 740px){
  select.dob {
    width: 31%;
  }
}

@media screen and (max-width:600px) {
  .cs-header-title {
    padding-top: 13%;
    font-size: 24px;
    min-height: 150px;
  }

  .cs-header {
    max-width: 600px;
    min-height: 150px;
  }

  .cs-main {
    background-image: url(https://cdn.craghoppers.com/img/AW19/UK/misc/customer-services/mobile/5.jpg);
  }

}


/* Email Sign Up Lightbox */
#lightbox-signup .email-lightbox-container {
  text-align: center;
  line-height: 1;
}

#lightbox-signup .lighbox-header{
  font-family: 'OpenSans-SemiBold';
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 30px;
  margin: 10px 0;
  color: #401a08;
}

#lightbox-signup .email-benifits{
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: 2px;
  color: #401a08;
  margin: 20px 0 15px 0;
  font-size: 14px;
}

#lightbox-signup input{
  width: 80%;
  padding: 10px !important;
  margin: 0 auto;
  display: block;
  border-radius: 10px !important;
  border: 2px solid #8f9eab;
}

#lightbox-signup input::placeholder {
  font-family: Helvetica, Arial, sans-serif;
}

#lightbox-signup .email-benifits span{
  margin: 0 20px;
}

#lightbox-signup #button{
  font-family: Helvetica, Arial, sans-serif;
  background: #8f9eab;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  border-radius: 5px;
  margin-top: 0;
  border:none;
  margin: 0 auto;
  float: none;
  margin: 0 auto;
  float: none;
}

#lightbox-signup .hero-select label {
  font-family: Helvetica, Arial, sans-serif;
  color: #343334;
  letter-spacing: 1.2px;
  font-size: 18px;
  margin: 0;
  position: relative;
  font-size: 14px;
  line-height: 1;
}

#lightbox-signup .BtnClose {
  padding: 10px 15px;
  background: #8f9eab;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
  line-height: 1;
}

#lightbox-signup img{
  width:100%;
}

#lightbox-signup label.noFeature[for=female] {
    margin-left: 10px !important;
}

#lightbox-signup table td{
  margin: 0;
}

#lightbox-signup{
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
}
.signupPopup {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  line-height: 1;
}

.signupPopup img {
  width: 100%;
}

.signupOverlay {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}

.signupOverlay > div {
  max-width: 50%;
  background: rgba(255, 255, 255, 0.7);
  padding: 3% 20px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}

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

.signupOverlay a {
  border: 1px solid #000;
  padding: 5px 0;
  display: block;
  max-width: 30%;
  margin: 20px auto;
}

.offerPercent {
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  font-size: 25px;
  line-height:1.2;
  text-transform: uppercase;
  color:#343334;
}

.copy {
  max-width: 80%;
  margin: 0 auto;
}

.restriction {
  font-size: 12px;
}

.BtnClose {
  font-family: "Roboto-Bold", Helvetica, Arial, sans-serif;
  position: absolute;
  right: 0;
  font-size: 20px;
  padding: 0 10px;
  cursor: pointer;
  z-index: 99999;
}

@media only screen and (max-width:1024px) {
  .offerPercent {
    font-size: 2.5vw;
    line-height: 1.2;
  }
  #lightbox-signup input{
    margin:5px auto;
  }
  #lightbox-signup #button{
    margin-top: 10px;
  }
}

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

  #lightbox-signup .lighbox-header {
      font-size: 6vw !important;
      margin-top: 35px !important;
  }

  #lightbox-signup .email-benifits {
      width: 160px;
      margin: 10px auto;
      line-height: 1.5;
  }

  #lightbox-signup .email-benifits span{
    display: none;
  }

  .signupOverlay > div {
    max-width: 100%;
    padding: 2%;
  }

  .offerPercent {
    font-size: 3.3vw;
    line-height: 1.3;
  }

  .GDPR {
    padding: 0 !important;
    margin: 0 !important;
  }

}

@media only screen and (max-width:450px) {
  .signupOverlay a {
    max-width: 50%;
  }

  .signupOverlay div {
    padding: 20px 10px;
    margin-bottom: 0;
  }

  .copy {
    max-width: 100%;
  }

  .offerPercent {
    font-size: 5vw;
  }

  #lightbox-signup #button {
    font-size: 3.5vw;
  }

  .signupOverlay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .signupOverlay > div {
    height: 75%;
    padding: 10% 10px;
  }

  #lightbox-signup input{
    margin: 5px auto;
  }
  #lightbox-signup #button{
    margin-top:10px;
  }
  #lightbox-signup input[type="radio"] {
    margin-bottom: 8px;
  }
  #lightbox-signup .hero-select label{
    padding: 8px;
  }

}

@media only screen and (max-width:375px) {
  .signupOverlay > div {
    padding: 4% 10px;
  }

}

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

  #lightbox-signup .email-benifits{
    display: none;
  }

}
/* Email Sign Up Lightbox END */