body {
  font-family: 'Roboto', sans-serif;
  background: #F8F8F8;
  overflow-x: hidden;
  color: #4A4A4A;
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  src: local('Cairo Bold'), local('Cairo-Bold'), url(https://fonts.gstatic.com/s/cairo/v3/SLXLc1nY6Hkvalqaa46L59M.ttf) format('truetype');
}
@font-face {
  font-family: 'MarselisPro';
  src: url('fonts/MarselisPro.eot');
  src: url('fonts/MarselisPro.eot') format('embedded-opentype'), url('fonts/MarselisPro.woff2') format('woff2'), url('fonts/MarselisPro.woff') format('woff'), url('fonts/MarselisPro.ttf') format('truetype'), url('fonts/MarselisPro.svg#MarselisPro') format('svg');
}
button,
input[type="submit"] {
  border: none;
}
.lock {
  overflow-x: hidden;
  height: 100%;
}
.lock .detail-category,
.lock #promotions_menu,
.lock .promotions_overlay {
  display: none;
}
.lock-y {
  overflow-y: scroll;
}
.lock-h {
  overflow-y: hidden;
}
#daddyWrapper {
  overflow-x: hidden;
  padding-top: 108px;
}
#clogin .forgot-pass a {
  text-decoration: none;
}
#clogin .create-account-wrapper .info span {
  background: white;
  padding: 2px 20px;
}
#clogin .wrapper .inner form .form-item {
  position: relative;
}
#clogin .wrapper .inner form .form-item input.error {
  margin-top: 0px;
}
#clogin .wrapper .inner form .form-item div.error {
  margin-top: 8px;
  font-size: 12px;
  position: absolute;
  bottom: -17px;
  background: none;
}
#clogin .wrapper .inner form .form-submit {
  /*margin-top: 0px;*/
}
#cforgot .wrapper .head h3,
#cresend-verify .wrapper .head h3,
#creset .wrapper .head h3 {
  font-size: 20px;
  margin-bottom: 18px;
  color: #4A4A4A;
}
#cforgot .wrapper .head img,
#cresend-verify .wrapper .head img,
#creset .wrapper .head img {
  max-width: 124px;
}
#cforgot .wrapper .content .icon-done,
#cresend-verify .wrapper .content .icon-done,
#creset .wrapper .content .icon-done {
  margin-top: 15px;
}
#cforgot .wrapper .content .icon-done img,
#cresend-verify .wrapper .content .icon-done img,
#creset .wrapper .content .icon-done img {
  width: 50px;
  height: 50px;
}
#cforgot .wrapper .content form .captcha,
#cresend-verify .wrapper .content form .captcha,
#creset .wrapper .content form .captcha {
  text-align: center;
}
#cforgot .wrapper .content form .captcha .g-recaptcha,
#cresend-verify .wrapper .content form .captcha .g-recaptcha,
#creset .wrapper .content form .captcha .g-recaptcha {
  margin-top: 15px;
  display: inline-block;
  /*margin-bottom: 15px;*/
}
#cforgot .wrapper .content form .captcha .captcha-error,
#cresend-verify .wrapper .content form .captcha .captcha-error,
#creset .wrapper .content form .captcha .captcha-error {
  padding-left: 50px;
  text-align: left;
}
#cforgot .wrapper .content form h4,
#cresend-verify .wrapper .content form h4,
#creset .wrapper .content form h4 {
  font-size: 14px;
  color: #4D4D4D;
}
#cforgot .wrapper .content form .form-item-step1-email #edit-next,
#cresend-verify .wrapper .content form .form-item-step1-email #edit-next,
#creset .wrapper .content form .form-item-step1-email #edit-next {
  margin-top: 30px;
}
#cforgot .wrapper .content form div.error,
#cresend-verify .wrapper .content form div.error,
#creset .wrapper .content form div.error {
  background: none;
  font-size: 12px;
}
#cforgot .wrapper .content form .success-forgot,
#cresend-verify .wrapper .content form .success-forgot,
#creset .wrapper .content form .success-forgot {
  text-align: center;
}
#cforgot .wrapper .content form .success-forgot h3,
#cresend-verify .wrapper .content form .success-forgot h3,
#creset .wrapper .content form .success-forgot h3 {
  text-align: center;
}
#cforgot .wrapper .content form .success-forgot .messages.status,
#cresend-verify .wrapper .content form .success-forgot .messages.status,
#creset .wrapper .content form .success-forgot .messages.status {
  margin-bottom: 0px;
  /* width: 100%; */
  margin-left: -105px;
  margin-right: -105px;
  padding-left: 100px;
  padding-right: 100px;
}
#cforgot .wrapper .content #carrefour-login-forgot-password--2 label,
#cresend-verify .wrapper .content #carrefour-login-forgot-password--2 label,
#creset .wrapper .content #carrefour-login-forgot-password--2 label {
  font-size: 13px;
}
#cforgot .wrapper .content #carrefour-login-forgot-password--2 .form-submit,
#cresend-verify .wrapper .content #carrefour-login-forgot-password--2 .form-submit,
#creset .wrapper .content #carrefour-login-forgot-password--2 .form-submit {
  margin-top: 20px;
}
#cforgot .ajax-progress,
#cresend-verify .ajax-progress,
#creset .ajax-progress {
  /*display: inline-block;
      position: absolute;
      left: 0px;
      right:0;
      bottom: 0;*/
}
#cforgot .wrapper .content form .form-item input,
#cresend-verify .wrapper .content form .form-item input {
  width: 100%!important;
}
#register,
.stay-in-touch-form,
#clogin,
#cforgot,
#creset,
#cresend-verify {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 11;
  /*overflow-y: scroll;*/
}
#register .overlayreg,
.stay-in-touch-form .overlayreg,
#clogin .overlayreg,
#cforgot .overlayreg,
#creset .overlayreg,
#cresend-verify .overlayreg {
  background: #0E5AA7;
  position: fixed;
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
#register .wrapper,
.stay-in-touch-form .wrapper,
#clogin .wrapper,
#cforgot .wrapper,
#creset .wrapper,
#cresend-verify .wrapper {
  background: white;
  width: 100%;
  max-width: 605px;
  margin: 0 auto;
  padding: 65px 20px 36px 20px;
  top: 50px;
  position: relative;
  z-index: 4;
  /* overflow-y: scroll;
            max-height: 729px!important;*/
  height: auto;
  /*overflow-y: scroll;*/
}
#register .wrapper .close,
.stay-in-touch-form .wrapper .close,
#clogin .wrapper .close,
#cforgot .wrapper .close,
#creset .wrapper .close,
#cresend-verify .wrapper .close {
  cursor: pointer;
  top: 20px;
  width: 26px;
  height: 26px;
  background: url('../images/close.svg') no-repeat;
  background-size: 24px;
  opacity: 1;
  position: absolute;
  right: 20px;
}
#register .wrapper h3,
.stay-in-touch-form .wrapper h3,
#clogin .wrapper h3,
#cforgot .wrapper h3,
#creset .wrapper h3,
#cresend-verify .wrapper h3 {
  margin-top: 15px;
  margin-bottom: 15px;
  color: #4A4A4A;
  font-size: 20px;
}
#register .wrapper .inner,
.stay-in-touch-form .wrapper .inner,
#clogin .wrapper .inner,
#cforgot .wrapper .inner,
#creset .wrapper .inner,
#cresend-verify .wrapper .inner {
  width: 100%;
  max-width: 395px;
  margin: 0 auto;
}
#register .wrapper .inner .head,
.stay-in-touch-form .wrapper .inner .head,
#clogin .wrapper .inner .head,
#cforgot .wrapper .inner .head,
#creset .wrapper .inner .head,
#cresend-verify .wrapper .inner .head {
  margin-top: 0px;
  padding-bottom: 15px;
}
#register .wrapper .inner form,
.stay-in-touch-form .wrapper .inner form,
#clogin .wrapper .inner form,
#cforgot .wrapper .inner form,
#creset .wrapper .inner form,
#cresend-verify .wrapper .inner form {
  /*width: 100%;
                float: left;*/
  display: block;
}
#register .wrapper .inner form .mobile,
.stay-in-touch-form .wrapper .inner form .mobile,
#clogin .wrapper .inner form .mobile,
#cforgot .wrapper .inner form .mobile,
#creset .wrapper .inner form .mobile,
#cresend-verify .wrapper .inner form .mobile,
#register .wrapper .inner form .name,
.stay-in-touch-form .wrapper .inner form .name,
#clogin .wrapper .inner form .name,
#cforgot .wrapper .inner form .name,
#creset .wrapper .inner form .name,
#cresend-verify .wrapper .inner form .name {
  margin-top: 20px;
}
#register .wrapper .inner form .mobile .right,
.stay-in-touch-form .wrapper .inner form .mobile .right,
#clogin .wrapper .inner form .mobile .right,
#cforgot .wrapper .inner form .mobile .right,
#creset .wrapper .inner form .mobile .right,
#cresend-verify .wrapper .inner form .mobile .right,
#register .wrapper .inner form .name .right,
.stay-in-touch-form .wrapper .inner form .name .right,
#clogin .wrapper .inner form .name .right,
#cforgot .wrapper .inner form .name .right,
#creset .wrapper .inner form .name .right,
#cresend-verify .wrapper .inner form .name .right {
  padding-left: 0px;
}
#register .wrapper .inner form .mobile select,
.stay-in-touch-form .wrapper .inner form .mobile select,
#clogin .wrapper .inner form .mobile select,
#cforgot .wrapper .inner form .mobile select,
#creset .wrapper .inner form .mobile select,
#cresend-verify .wrapper .inner form .mobile select,
#register .wrapper .inner form .name select,
.stay-in-touch-form .wrapper .inner form .name select,
#clogin .wrapper .inner form .name select,
#cforgot .wrapper .inner form .name select,
#creset .wrapper .inner form .name select,
#cresend-verify .wrapper .inner form .name select {
  width: 100%;
  height: 50px;
  border: 1px solid #777;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 15px;
  background: url(../images/arrow_down.svg) no-repeat right 10px bottom 18px #fff;
  background-size: 16px;
}
#register .wrapper .inner form .mobile .form-control,
.stay-in-touch-form .wrapper .inner form .mobile .form-control,
#clogin .wrapper .inner form .mobile .form-control,
#cforgot .wrapper .inner form .mobile .form-control,
#creset .wrapper .inner form .mobile .form-control,
#cresend-verify .wrapper .inner form .mobile .form-control,
#register .wrapper .inner form .name .form-control,
.stay-in-touch-form .wrapper .inner form .name .form-control,
#clogin .wrapper .inner form .name .form-control,
#cforgot .wrapper .inner form .name .form-control,
#creset .wrapper .inner form .name .form-control,
#cresend-verify .wrapper .inner form .name .form-control,
#register .wrapper .inner form .mobile .form-type-textfield,
.stay-in-touch-form .wrapper .inner form .mobile .form-type-textfield,
#clogin .wrapper .inner form .mobile .form-type-textfield,
#cforgot .wrapper .inner form .mobile .form-type-textfield,
#creset .wrapper .inner form .mobile .form-type-textfield,
#cresend-verify .wrapper .inner form .mobile .form-type-textfield,
#register .wrapper .inner form .name .form-type-textfield,
.stay-in-touch-form .wrapper .inner form .name .form-type-textfield,
#clogin .wrapper .inner form .name .form-type-textfield,
#cforgot .wrapper .inner form .name .form-type-textfield,
#creset .wrapper .inner form .name .form-type-textfield,
#cresend-verify .wrapper .inner form .name .form-type-textfield,
#register .wrapper .inner form .mobile .form-type-password,
.stay-in-touch-form .wrapper .inner form .mobile .form-type-password,
#clogin .wrapper .inner form .mobile .form-type-password,
#cforgot .wrapper .inner form .mobile .form-type-password,
#creset .wrapper .inner form .mobile .form-type-password,
#cresend-verify .wrapper .inner form .mobile .form-type-password,
#register .wrapper .inner form .name .form-type-password,
.stay-in-touch-form .wrapper .inner form .name .form-type-password,
#clogin .wrapper .inner form .name .form-type-password,
#cforgot .wrapper .inner form .name .form-type-password,
#creset .wrapper .inner form .name .form-type-password,
#cresend-verify .wrapper .inner form .name .form-type-password {
  margin-top: 0px;
}
#register .wrapper .inner form .captcha,
.stay-in-touch-form .wrapper .inner form .captcha,
#clogin .wrapper .inner form .captcha,
#cforgot .wrapper .inner form .captcha,
#creset .wrapper .inner form .captcha,
#cresend-verify .wrapper .inner form .captcha {
  text-align: center;
}
#register .wrapper .inner form .captcha .g-recaptcha,
.stay-in-touch-form .wrapper .inner form .captcha .g-recaptcha,
#clogin .wrapper .inner form .captcha .g-recaptcha,
#cforgot .wrapper .inner form .captcha .g-recaptcha,
#creset .wrapper .inner form .captcha .g-recaptcha,
#cresend-verify .wrapper .inner form .captcha .g-recaptcha {
  margin-top: 15px;
  display: inline-block;
  /*margin-bottom: 15px;*/
}
#register .wrapper .inner form .captcha .captcha-error,
.stay-in-touch-form .wrapper .inner form .captcha .captcha-error,
#clogin .wrapper .inner form .captcha .captcha-error,
#cforgot .wrapper .inner form .captcha .captcha-error,
#creset .wrapper .inner form .captcha .captcha-error,
#cresend-verify .wrapper .inner form .captcha .captcha-error {
  text-align: left;
  padding-left: 50px;
}
#register .wrapper .inner form .row.radio,
.stay-in-touch-form .wrapper .inner form .row.radio,
#clogin .wrapper .inner form .row.radio,
#cforgot .wrapper .inner form .row.radio,
#creset .wrapper .inner form .row.radio,
#cresend-verify .wrapper .inner form .row.radio {
  margin-left: 0px;
  margin-right: 0px;
}
#register .wrapper .inner form .radio p,
.stay-in-touch-form .wrapper .inner form .radio p,
#clogin .wrapper .inner form .radio p,
#cforgot .wrapper .inner form .radio p,
#creset .wrapper .inner form .radio p,
#cresend-verify .wrapper .inner form .radio p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
}
#register .wrapper .inner form .radio [type="radio"]:checked,
.stay-in-touch-form .wrapper .inner form .radio [type="radio"]:checked,
#clogin .wrapper .inner form .radio [type="radio"]:checked,
#cforgot .wrapper .inner form .radio [type="radio"]:checked,
#creset .wrapper .inner form .radio [type="radio"]:checked,
#cresend-verify .wrapper .inner form .radio [type="radio"]:checked,
#register .wrapper .inner form .radio [type="radio"]:not(:checked),
.stay-in-touch-form .wrapper .inner form .radio [type="radio"]:not(:checked),
#clogin .wrapper .inner form .radio [type="radio"]:not(:checked),
#cforgot .wrapper .inner form .radio [type="radio"]:not(:checked),
#creset .wrapper .inner form .radio [type="radio"]:not(:checked),
#cresend-verify .wrapper .inner form .radio [type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
#register .wrapper .inner form .radio [type="radio"]:checked + label,
.stay-in-touch-form .wrapper .inner form .radio [type="radio"]:checked + label,
#clogin .wrapper .inner form .radio [type="radio"]:checked + label,
#cforgot .wrapper .inner form .radio [type="radio"]:checked + label,
#creset .wrapper .inner form .radio [type="radio"]:checked + label,
#cresend-verify .wrapper .inner form .radio [type="radio"]:checked + label,
#register .wrapper .inner form .radio [type="radio"]:not(:checked) + label,
.stay-in-touch-form .wrapper .inner form .radio [type="radio"]:not(:checked) + label,
#clogin .wrapper .inner form .radio [type="radio"]:not(:checked) + label,
#cforgot .wrapper .inner form .radio [type="radio"]:not(:checked) + label,
#creset .wrapper .inner form .radio [type="radio"]:not(:checked) + label,
#cresend-verify .wrapper .inner form .radio [type="radio"]:not(:checked) + label {
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666;
}
#register .wrapper .inner form .radio [type="radio"]:checked + label:before,
.stay-in-touch-form .wrapper .inner form .radio [type="radio"]:checked + label:before,
#clogin .wrapper .inner form .radio [type="radio"]:checked + label:before,
#cforgot .wrapper .inner form .radio [type="radio"]:checked + label:before,
#creset .wrapper .inner form .radio [type="radio"]:checked + label:before,
#cresend-verify .wrapper .inner form .radio [type="radio"]:checked + label:before,
#register .wrapper .inner form .radio [type="radio"]:not(:checked) + label:before,
.stay-in-touch-form .wrapper .inner form .radio [type="radio"]:not(:checked) + label:before,
#clogin .wrapper .inner form .radio [type="radio"]:not(:checked) + label:before,
#cforgot .wrapper .inner form .radio [type="radio"]:not(:checked) + label:before,
#creset .wrapper .inner form .radio [type="radio"]:not(:checked) + label:before,
#cresend-verify .wrapper .inner form .radio [type="radio"]:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  border: 2px solid #0e5aa7;
  border-radius: 100%;
  background: #FFF;
}
#register .wrapper .inner form .radio [type="radio"]:checked + label:after,
.stay-in-touch-form .wrapper .inner form .radio [type="radio"]:checked + label:after,
#clogin .wrapper .inner form .radio [type="radio"]:checked + label:after,
#cforgot .wrapper .inner form .radio [type="radio"]:checked + label:after,
#creset .wrapper .inner form .radio [type="radio"]:checked + label:after,
#cresend-verify .wrapper .inner form .radio [type="radio"]:checked + label:after,
#register .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after,
.stay-in-touch-form .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after,
#clogin .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after,
#cforgot .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after,
#creset .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after,
#cresend-verify .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #0e5aa7ba;
  position: absolute;
  top: 6px;
  left: 6px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#register .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after,
.stay-in-touch-form .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after,
#clogin .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after,
#cforgot .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after,
#creset .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after,
#cresend-verify .wrapper .inner form .radio [type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
#register .wrapper .inner form .radio [type="radio"]:checked + label:after,
.stay-in-touch-form .wrapper .inner form .radio [type="radio"]:checked + label:after,
#clogin .wrapper .inner form .radio [type="radio"]:checked + label:after,
#cforgot .wrapper .inner form .radio [type="radio"]:checked + label:after,
#creset .wrapper .inner form .radio [type="radio"]:checked + label:after,
#cresend-verify .wrapper .inner form .radio [type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
#register .wrapper .inner form .form-item-step1-dialing-code,
.stay-in-touch-form .wrapper .inner form .form-item-step1-dialing-code,
#clogin .wrapper .inner form .form-item-step1-dialing-code,
#cforgot .wrapper .inner form .form-item-step1-dialing-code,
#creset .wrapper .inner form .form-item-step1-dialing-code,
#cresend-verify .wrapper .inner form .form-item-step1-dialing-code {
  padding: 0px;
}
#register .wrapper .inner form .form-control,
.stay-in-touch-form .wrapper .inner form .form-control,
#clogin .wrapper .inner form .form-control,
#cforgot .wrapper .inner form .form-control,
#creset .wrapper .inner form .form-control,
#cresend-verify .wrapper .inner form .form-control,
#register .wrapper .inner form .form-type-textfield,
.stay-in-touch-form .wrapper .inner form .form-type-textfield,
#clogin .wrapper .inner form .form-type-textfield,
#cforgot .wrapper .inner form .form-type-textfield,
#creset .wrapper .inner form .form-type-textfield,
#cresend-verify .wrapper .inner form .form-type-textfield,
#register .wrapper .inner form .form-type-password,
.stay-in-touch-form .wrapper .inner form .form-type-password,
#clogin .wrapper .inner form .form-type-password,
#cforgot .wrapper .inner form .form-type-password,
#creset .wrapper .inner form .form-type-password,
#cresend-verify .wrapper .inner form .form-type-password,
#register .wrapper .inner form .form-item-step2-otp,
.stay-in-touch-form .wrapper .inner form .form-item-step2-otp,
#clogin .wrapper .inner form .form-item-step2-otp,
#cforgot .wrapper .inner form .form-item-step2-otp,
#creset .wrapper .inner form .form-item-step2-otp,
#cresend-verify .wrapper .inner form .form-item-step2-otp {
  border: none;
  position: relative;
  height: 50px;
  padding: 0px;
  margin-top: 16px;
  box-shadow: none;
}
#register .wrapper .inner form .form-control label,
.stay-in-touch-form .wrapper .inner form .form-control label,
#clogin .wrapper .inner form .form-control label,
#cforgot .wrapper .inner form .form-control label,
#creset .wrapper .inner form .form-control label,
#cresend-verify .wrapper .inner form .form-control label,
#register .wrapper .inner form .form-type-textfield label,
.stay-in-touch-form .wrapper .inner form .form-type-textfield label,
#clogin .wrapper .inner form .form-type-textfield label,
#cforgot .wrapper .inner form .form-type-textfield label,
#creset .wrapper .inner form .form-type-textfield label,
#cresend-verify .wrapper .inner form .form-type-textfield label,
#register .wrapper .inner form .form-type-password label,
.stay-in-touch-form .wrapper .inner form .form-type-password label,
#clogin .wrapper .inner form .form-type-password label,
#cforgot .wrapper .inner form .form-type-password label,
#creset .wrapper .inner form .form-type-password label,
#cresend-verify .wrapper .inner form .form-type-password label,
#register .wrapper .inner form .form-item-step2-otp label,
.stay-in-touch-form .wrapper .inner form .form-item-step2-otp label,
#clogin .wrapper .inner form .form-item-step2-otp label,
#cforgot .wrapper .inner form .form-item-step2-otp label,
#creset .wrapper .inner form .form-item-step2-otp label,
#cresend-verify .wrapper .inner form .form-item-step2-otp label {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  position: absolute;
  top: 15px;
  left: 15px;
  pointer-events: none;
  color: #4D4D4D;
  font-weight: 300;
}
#register .wrapper .inner form .form-control label.active,
.stay-in-touch-form .wrapper .inner form .form-control label.active,
#clogin .wrapper .inner form .form-control label.active,
#cforgot .wrapper .inner form .form-control label.active,
#creset .wrapper .inner form .form-control label.active,
#cresend-verify .wrapper .inner form .form-control label.active,
#register .wrapper .inner form .form-type-textfield label.active,
.stay-in-touch-form .wrapper .inner form .form-type-textfield label.active,
#clogin .wrapper .inner form .form-type-textfield label.active,
#cforgot .wrapper .inner form .form-type-textfield label.active,
#creset .wrapper .inner form .form-type-textfield label.active,
#cresend-verify .wrapper .inner form .form-type-textfield label.active,
#register .wrapper .inner form .form-type-password label.active,
.stay-in-touch-form .wrapper .inner form .form-type-password label.active,
#clogin .wrapper .inner form .form-type-password label.active,
#cforgot .wrapper .inner form .form-type-password label.active,
#creset .wrapper .inner form .form-type-password label.active,
#cresend-verify .wrapper .inner form .form-type-password label.active,
#register .wrapper .inner form .form-item-step2-otp label.active,
.stay-in-touch-form .wrapper .inner form .form-item-step2-otp label.active,
#clogin .wrapper .inner form .form-item-step2-otp label.active,
#cforgot .wrapper .inner form .form-item-step2-otp label.active,
#creset .wrapper .inner form .form-item-step2-otp label.active,
#cresend-verify .wrapper .inner form .form-item-step2-otp label.active {
  font-size: 12px;
  top: 7px;
  transition: .5s;
  color: #0E5AA7;
}
#register .wrapper .inner form .form-control input,
.stay-in-touch-form .wrapper .inner form .form-control input,
#clogin .wrapper .inner form .form-control input,
#cforgot .wrapper .inner form .form-control input,
#creset .wrapper .inner form .form-control input,
#cresend-verify .wrapper .inner form .form-control input,
#register .wrapper .inner form .form-type-textfield input,
.stay-in-touch-form .wrapper .inner form .form-type-textfield input,
#clogin .wrapper .inner form .form-type-textfield input,
#cforgot .wrapper .inner form .form-type-textfield input,
#creset .wrapper .inner form .form-type-textfield input,
#cresend-verify .wrapper .inner form .form-type-textfield input,
#register .wrapper .inner form .form-type-password input,
.stay-in-touch-form .wrapper .inner form .form-type-password input,
#clogin .wrapper .inner form .form-type-password input,
#cforgot .wrapper .inner form .form-type-password input,
#creset .wrapper .inner form .form-type-password input,
#cresend-verify .wrapper .inner form .form-type-password input,
#register .wrapper .inner form .form-item-step2-otp input,
.stay-in-touch-form .wrapper .inner form .form-item-step2-otp input,
#clogin .wrapper .inner form .form-item-step2-otp input,
#cforgot .wrapper .inner form .form-item-step2-otp input,
#creset .wrapper .inner form .form-item-step2-otp input,
#cresend-verify .wrapper .inner form .form-item-step2-otp input {
  width: 100%;
  height: 50px;
  border: 1px solid #777;
  border-radius: 2px;
  padding-left: 15px;
  padding-top: 23px;
}
#register .wrapper .inner form .form-control input.error,
.stay-in-touch-form .wrapper .inner form .form-control input.error,
#clogin .wrapper .inner form .form-control input.error,
#cforgot .wrapper .inner form .form-control input.error,
#creset .wrapper .inner form .form-control input.error,
#cresend-verify .wrapper .inner form .form-control input.error,
#register .wrapper .inner form .form-type-textfield input.error,
.stay-in-touch-form .wrapper .inner form .form-type-textfield input.error,
#clogin .wrapper .inner form .form-type-textfield input.error,
#cforgot .wrapper .inner form .form-type-textfield input.error,
#creset .wrapper .inner form .form-type-textfield input.error,
#cresend-verify .wrapper .inner form .form-type-textfield input.error,
#register .wrapper .inner form .form-type-password input.error,
.stay-in-touch-form .wrapper .inner form .form-type-password input.error,
#clogin .wrapper .inner form .form-type-password input.error,
#cforgot .wrapper .inner form .form-type-password input.error,
#creset .wrapper .inner form .form-type-password input.error,
#cresend-verify .wrapper .inner form .form-type-password input.error,
#register .wrapper .inner form .form-item-step2-otp input.error,
.stay-in-touch-form .wrapper .inner form .form-item-step2-otp input.error,
#clogin .wrapper .inner form .form-item-step2-otp input.error,
#cforgot .wrapper .inner form .form-item-step2-otp input.error,
#creset .wrapper .inner form .form-item-step2-otp input.error,
#cresend-verify .wrapper .inner form .form-item-step2-otp input.error {
  border: 1px solid #f34344 !important;
  color: #f34344 !important;
}
#register .wrapper .inner form .form-control input:focus,
.stay-in-touch-form .wrapper .inner form .form-control input:focus,
#clogin .wrapper .inner form .form-control input:focus,
#cforgot .wrapper .inner form .form-control input:focus,
#creset .wrapper .inner form .form-control input:focus,
#cresend-verify .wrapper .inner form .form-control input:focus,
#register .wrapper .inner form .form-type-textfield input:focus,
.stay-in-touch-form .wrapper .inner form .form-type-textfield input:focus,
#clogin .wrapper .inner form .form-type-textfield input:focus,
#cforgot .wrapper .inner form .form-type-textfield input:focus,
#creset .wrapper .inner form .form-type-textfield input:focus,
#cresend-verify .wrapper .inner form .form-type-textfield input:focus,
#register .wrapper .inner form .form-type-password input:focus,
.stay-in-touch-form .wrapper .inner form .form-type-password input:focus,
#clogin .wrapper .inner form .form-type-password input:focus,
#cforgot .wrapper .inner form .form-type-password input:focus,
#creset .wrapper .inner form .form-type-password input:focus,
#cresend-verify .wrapper .inner form .form-type-password input:focus,
#register .wrapper .inner form .form-item-step2-otp input:focus,
.stay-in-touch-form .wrapper .inner form .form-item-step2-otp input:focus,
#clogin .wrapper .inner form .form-item-step2-otp input:focus,
#cforgot .wrapper .inner form .form-item-step2-otp input:focus,
#creset .wrapper .inner form .form-item-step2-otp input:focus,
#cresend-verify .wrapper .inner form .form-item-step2-otp input:focus {
  border: 1px solid #777;
}
#register .wrapper .inner form .form-control input.active,
.stay-in-touch-form .wrapper .inner form .form-control input.active,
#clogin .wrapper .inner form .form-control input.active,
#cforgot .wrapper .inner form .form-control input.active,
#creset .wrapper .inner form .form-control input.active,
#cresend-verify .wrapper .inner form .form-control input.active,
#register .wrapper .inner form .form-type-textfield input.active,
.stay-in-touch-form .wrapper .inner form .form-type-textfield input.active,
#clogin .wrapper .inner form .form-type-textfield input.active,
#cforgot .wrapper .inner form .form-type-textfield input.active,
#creset .wrapper .inner form .form-type-textfield input.active,
#cresend-verify .wrapper .inner form .form-type-textfield input.active,
#register .wrapper .inner form .form-type-password input.active,
.stay-in-touch-form .wrapper .inner form .form-type-password input.active,
#clogin .wrapper .inner form .form-type-password input.active,
#cforgot .wrapper .inner form .form-type-password input.active,
#creset .wrapper .inner form .form-type-password input.active,
#cresend-verify .wrapper .inner form .form-type-password input.active,
#register .wrapper .inner form .form-item-step2-otp input.active,
.stay-in-touch-form .wrapper .inner form .form-item-step2-otp input.active,
#clogin .wrapper .inner form .form-item-step2-otp input.active,
#cforgot .wrapper .inner form .form-item-step2-otp input.active,
#creset .wrapper .inner form .form-item-step2-otp input.active,
#cresend-verify .wrapper .inner form .form-item-step2-otp input.active {
  border: 1px solid #0E5AA7;
  color: #0E5AA7;
}
#register .wrapper .inner form .form-control input:-webkit-autofill,
.stay-in-touch-form .wrapper .inner form .form-control input:-webkit-autofill,
#clogin .wrapper .inner form .form-control input:-webkit-autofill,
#cforgot .wrapper .inner form .form-control input:-webkit-autofill,
#creset .wrapper .inner form .form-control input:-webkit-autofill,
#cresend-verify .wrapper .inner form .form-control input:-webkit-autofill,
#register .wrapper .inner form .form-type-textfield input:-webkit-autofill,
.stay-in-touch-form .wrapper .inner form .form-type-textfield input:-webkit-autofill,
#clogin .wrapper .inner form .form-type-textfield input:-webkit-autofill,
#cforgot .wrapper .inner form .form-type-textfield input:-webkit-autofill,
#creset .wrapper .inner form .form-type-textfield input:-webkit-autofill,
#cresend-verify .wrapper .inner form .form-type-textfield input:-webkit-autofill,
#register .wrapper .inner form .form-type-password input:-webkit-autofill,
.stay-in-touch-form .wrapper .inner form .form-type-password input:-webkit-autofill,
#clogin .wrapper .inner form .form-type-password input:-webkit-autofill,
#cforgot .wrapper .inner form .form-type-password input:-webkit-autofill,
#creset .wrapper .inner form .form-type-password input:-webkit-autofill,
#cresend-verify .wrapper .inner form .form-type-password input:-webkit-autofill,
#register .wrapper .inner form .form-item-step2-otp input:-webkit-autofill,
.stay-in-touch-form .wrapper .inner form .form-item-step2-otp input:-webkit-autofill,
#clogin .wrapper .inner form .form-item-step2-otp input:-webkit-autofill,
#cforgot .wrapper .inner form .form-item-step2-otp input:-webkit-autofill,
#creset .wrapper .inner form .form-item-step2-otp input:-webkit-autofill,
#cresend-verify .wrapper .inner form .form-item-step2-otp input:-webkit-autofill,
#register .wrapper .inner form .form-control input:-webkit-autofill:hover,
.stay-in-touch-form .wrapper .inner form .form-control input:-webkit-autofill:hover,
#clogin .wrapper .inner form .form-control input:-webkit-autofill:hover,
#cforgot .wrapper .inner form .form-control input:-webkit-autofill:hover,
#creset .wrapper .inner form .form-control input:-webkit-autofill:hover,
#cresend-verify .wrapper .inner form .form-control input:-webkit-autofill:hover,
#register .wrapper .inner form .form-type-textfield input:-webkit-autofill:hover,
.stay-in-touch-form .wrapper .inner form .form-type-textfield input:-webkit-autofill:hover,
#clogin .wrapper .inner form .form-type-textfield input:-webkit-autofill:hover,
#cforgot .wrapper .inner form .form-type-textfield input:-webkit-autofill:hover,
#creset .wrapper .inner form .form-type-textfield input:-webkit-autofill:hover,
#cresend-verify .wrapper .inner form .form-type-textfield input:-webkit-autofill:hover,
#register .wrapper .inner form .form-type-password input:-webkit-autofill:hover,
.stay-in-touch-form .wrapper .inner form .form-type-password input:-webkit-autofill:hover,
#clogin .wrapper .inner form .form-type-password input:-webkit-autofill:hover,
#cforgot .wrapper .inner form .form-type-password input:-webkit-autofill:hover,
#creset .wrapper .inner form .form-type-password input:-webkit-autofill:hover,
#cresend-verify .wrapper .inner form .form-type-password input:-webkit-autofill:hover,
#register .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:hover,
.stay-in-touch-form .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:hover,
#clogin .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:hover,
#cforgot .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:hover,
#creset .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:hover,
#cresend-verify .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:hover,
#register .wrapper .inner form .form-control input:-webkit-autofill:focus input:-webkit-autofill,
.stay-in-touch-form .wrapper .inner form .form-control input:-webkit-autofill:focus input:-webkit-autofill,
#clogin .wrapper .inner form .form-control input:-webkit-autofill:focus input:-webkit-autofill,
#cforgot .wrapper .inner form .form-control input:-webkit-autofill:focus input:-webkit-autofill,
#creset .wrapper .inner form .form-control input:-webkit-autofill:focus input:-webkit-autofill,
#cresend-verify .wrapper .inner form .form-control input:-webkit-autofill:focus input:-webkit-autofill,
#register .wrapper .inner form .form-type-textfield input:-webkit-autofill:focus input:-webkit-autofill,
.stay-in-touch-form .wrapper .inner form .form-type-textfield input:-webkit-autofill:focus input:-webkit-autofill,
#clogin .wrapper .inner form .form-type-textfield input:-webkit-autofill:focus input:-webkit-autofill,
#cforgot .wrapper .inner form .form-type-textfield input:-webkit-autofill:focus input:-webkit-autofill,
#creset .wrapper .inner form .form-type-textfield input:-webkit-autofill:focus input:-webkit-autofill,
#cresend-verify .wrapper .inner form .form-type-textfield input:-webkit-autofill:focus input:-webkit-autofill,
#register .wrapper .inner form .form-type-password input:-webkit-autofill:focus input:-webkit-autofill,
.stay-in-touch-form .wrapper .inner form .form-type-password input:-webkit-autofill:focus input:-webkit-autofill,
#clogin .wrapper .inner form .form-type-password input:-webkit-autofill:focus input:-webkit-autofill,
#cforgot .wrapper .inner form .form-type-password input:-webkit-autofill:focus input:-webkit-autofill,
#creset .wrapper .inner form .form-type-password input:-webkit-autofill:focus input:-webkit-autofill,
#cresend-verify .wrapper .inner form .form-type-password input:-webkit-autofill:focus input:-webkit-autofill,
#register .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:focus input:-webkit-autofill,
.stay-in-touch-form .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:focus input:-webkit-autofill,
#clogin .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:focus input:-webkit-autofill,
#cforgot .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:focus input:-webkit-autofill,
#creset .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:focus input:-webkit-autofill,
#cresend-verify .wrapper .inner form .form-item-step2-otp input:-webkit-autofill:focus input:-webkit-autofill {
  -webkit-text-fill-color: #555;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
#register .wrapper .inner form .password.form-control,
.stay-in-touch-form .wrapper .inner form .password.form-control,
#clogin .wrapper .inner form .password.form-control,
#cforgot .wrapper .inner form .password.form-control,
#creset .wrapper .inner form .password.form-control,
#cresend-verify .wrapper .inner form .password.form-control,
#register .wrapper .inner form .form-type-password.form-item,
.stay-in-touch-form .wrapper .inner form .form-type-password.form-item,
#clogin .wrapper .inner form .form-type-password.form-item,
#cforgot .wrapper .inner form .form-type-password.form-item,
#creset .wrapper .inner form .form-type-password.form-item,
#cresend-verify .wrapper .inner form .form-type-password.form-item {
  width: 100%;
  height: 50px;
  border: 1px solid #777;
  border-radius: 0px;
}
#register .wrapper .inner form .password.form-control.cf-invalid,
.stay-in-touch-form .wrapper .inner form .password.form-control.cf-invalid,
#clogin .wrapper .inner form .password.form-control.cf-invalid,
#cforgot .wrapper .inner form .password.form-control.cf-invalid,
#creset .wrapper .inner form .password.form-control.cf-invalid,
#cresend-verify .wrapper .inner form .password.form-control.cf-invalid,
#register .wrapper .inner form .form-type-password.form-item.cf-invalid,
.stay-in-touch-form .wrapper .inner form .form-type-password.form-item.cf-invalid,
#clogin .wrapper .inner form .form-type-password.form-item.cf-invalid,
#cforgot .wrapper .inner form .form-type-password.form-item.cf-invalid,
#creset .wrapper .inner form .form-type-password.form-item.cf-invalid,
#cresend-verify .wrapper .inner form .form-type-password.form-item.cf-invalid {
  border: 1px solid #f34344 !important;
  color: #f34344 !important;
}
#register .wrapper .inner form .password.form-control input,
.stay-in-touch-form .wrapper .inner form .password.form-control input,
#clogin .wrapper .inner form .password.form-control input,
#cforgot .wrapper .inner form .password.form-control input,
#creset .wrapper .inner form .password.form-control input,
#cresend-verify .wrapper .inner form .password.form-control input,
#register .wrapper .inner form .form-type-password.form-item input,
.stay-in-touch-form .wrapper .inner form .form-type-password.form-item input,
#clogin .wrapper .inner form .form-type-password.form-item input,
#cforgot .wrapper .inner form .form-type-password.form-item input,
#creset .wrapper .inner form .form-type-password.form-item input,
#cresend-verify .wrapper .inner form .form-type-password.form-item input {
  width: 80%;
  float: left;
  border: none;
  height: 45px;
  border-radius: 0px;
}
#register .wrapper .inner form .password.form-control input.error,
.stay-in-touch-form .wrapper .inner form .password.form-control input.error,
#clogin .wrapper .inner form .password.form-control input.error,
#cforgot .wrapper .inner form .password.form-control input.error,
#creset .wrapper .inner form .password.form-control input.error,
#cresend-verify .wrapper .inner form .password.form-control input.error,
#register .wrapper .inner form .form-type-password.form-item input.error,
.stay-in-touch-form .wrapper .inner form .form-type-password.form-item input.error,
#clogin .wrapper .inner form .form-type-password.form-item input.error,
#cforgot .wrapper .inner form .form-type-password.form-item input.error,
#creset .wrapper .inner form .form-type-password.form-item input.error,
#cresend-verify .wrapper .inner form .form-type-password.form-item input.error {
  border: 0px !important;
}
#register .wrapper .inner form .password.form-control span.pass-eye,
.stay-in-touch-form .wrapper .inner form .password.form-control span.pass-eye,
#clogin .wrapper .inner form .password.form-control span.pass-eye,
#cforgot .wrapper .inner form .password.form-control span.pass-eye,
#creset .wrapper .inner form .password.form-control span.pass-eye,
#cresend-verify .wrapper .inner form .password.form-control span.pass-eye,
#register .wrapper .inner form .form-type-password.form-item span.pass-eye,
.stay-in-touch-form .wrapper .inner form .form-type-password.form-item span.pass-eye,
#clogin .wrapper .inner form .form-type-password.form-item span.pass-eye,
#cforgot .wrapper .inner form .form-type-password.form-item span.pass-eye,
#creset .wrapper .inner form .form-type-password.form-item span.pass-eye,
#cresend-verify .wrapper .inner form .form-type-password.form-item span.pass-eye {
  width: 20%;
  float: left;
  background: url('../images/ic_visibility_black_24px.svg') no-repeat center center #fff;
  border: none;
  height: 45px;
  cursor: pointer;
  background-size: 24px;
}
#register .wrapper .inner form .password.form-control span.show,
.stay-in-touch-form .wrapper .inner form .password.form-control span.show,
#clogin .wrapper .inner form .password.form-control span.show,
#cforgot .wrapper .inner form .password.form-control span.show,
#creset .wrapper .inner form .password.form-control span.show,
#cresend-verify .wrapper .inner form .password.form-control span.show,
#register .wrapper .inner form .form-type-password.form-item span.show,
.stay-in-touch-form .wrapper .inner form .form-type-password.form-item span.show,
#clogin .wrapper .inner form .form-type-password.form-item span.show,
#cforgot .wrapper .inner form .form-type-password.form-item span.show,
#creset .wrapper .inner form .form-type-password.form-item span.show,
#cresend-verify .wrapper .inner form .form-type-password.form-item span.show {
  background: url('../images/ic_visibility_off_black_24px.svg') no-repeat center center #fff;
  background-size: 24px;
}
#register .wrapper .inner form .password.form-control.active,
.stay-in-touch-form .wrapper .inner form .password.form-control.active,
#clogin .wrapper .inner form .password.form-control.active,
#cforgot .wrapper .inner form .password.form-control.active,
#creset .wrapper .inner form .password.form-control.active,
#cresend-verify .wrapper .inner form .password.form-control.active,
#register .wrapper .inner form .form-type-password.form-item.active,
.stay-in-touch-form .wrapper .inner form .form-type-password.form-item.active,
#clogin .wrapper .inner form .form-type-password.form-item.active,
#cforgot .wrapper .inner form .form-type-password.form-item.active,
#creset .wrapper .inner form .form-type-password.form-item.active,
#cresend-verify .wrapper .inner form .form-type-password.form-item.active {
  border: 1px solid #0E5AA7;
  color: #0E5AA7;
}
#register .wrapper .inner form#user-login-form .form-type-password input,
.stay-in-touch-form .wrapper .inner form#user-login-form .form-type-password input,
#clogin .wrapper .inner form#user-login-form .form-type-password input,
#cforgot .wrapper .inner form#user-login-form .form-type-password input,
#creset .wrapper .inner form#user-login-form .form-type-password input,
#cresend-verify .wrapper .inner form#user-login-form .form-type-password input {
  width: 100%;
}
#register .wrapper .inner form .validated label,
.stay-in-touch-form .wrapper .inner form .validated label,
#clogin .wrapper .inner form .validated label,
#cforgot .wrapper .inner form .validated label,
#creset .wrapper .inner form .validated label,
#cresend-verify .wrapper .inner form .validated label {
  font-size: 12px;
  top: 7px;
  transition: .5s;
  color: #555 !important;
}
#register .wrapper .inner form .validated input,
.stay-in-touch-form .wrapper .inner form .validated input,
#clogin .wrapper .inner form .validated input,
#cforgot .wrapper .inner form .validated input,
#creset .wrapper .inner form .validated input,
#cresend-verify .wrapper .inner form .validated input {
  border: 1px solid #009688!important;
  background: url('../images/check_green.svg') no-repeat right 15px center rgba(0, 150, 136, 0.05);
  background-size: 17px;
}
#register .wrapper .inner form .validated div.error,
.stay-in-touch-form .wrapper .inner form .validated div.error,
#clogin .wrapper .inner form .validated div.error,
#cforgot .wrapper .inner form .validated div.error,
#creset .wrapper .inner form .validated div.error,
#cresend-verify .wrapper .inner form .validated div.error {
  background: none;
}
#register .wrapper .inner form .validated select,
.stay-in-touch-form .wrapper .inner form .validated select,
#clogin .wrapper .inner form .validated select,
#cforgot .wrapper .inner form .validated select,
#creset .wrapper .inner form .validated select,
#cresend-verify .wrapper .inner form .validated select {
  border: 1px solid #009688!important;
  background-size: 16px;
}
#register .wrapper .inner form .validated textarea,
.stay-in-touch-form .wrapper .inner form .validated textarea,
#clogin .wrapper .inner form .validated textarea,
#cforgot .wrapper .inner form .validated textarea,
#creset .wrapper .inner form .validated textarea,
#cresend-verify .wrapper .inner form .validated textarea {
  border: 1px solid #009688!important;
  background: url('../images/check_green.svg') no-repeat right 15px center rgba(0, 150, 136, 0.05);
  background-size: 17px;
}
#register .wrapper .inner form .validated.form-type-password,
.stay-in-touch-form .wrapper .inner form .validated.form-type-password,
#clogin .wrapper .inner form .validated.form-type-password,
#cforgot .wrapper .inner form .validated.form-type-password,
#creset .wrapper .inner form .validated.form-type-password,
#cresend-verify .wrapper .inner form .validated.form-type-password {
  border: 1px solid #009688!important;
}
#register .wrapper .inner form .validated.form-type-password input,
.stay-in-touch-form .wrapper .inner form .validated.form-type-password input,
#clogin .wrapper .inner form .validated.form-type-password input,
#cforgot .wrapper .inner form .validated.form-type-password input,
#creset .wrapper .inner form .validated.form-type-password input,
#cresend-verify .wrapper .inner form .validated.form-type-password input {
  border: 0px !important;
  /*border-right:  1px solid #009688  !important;*/
  height: 48px;
}
#register .wrapper .inner form .validated.form-type-password span.pass-eye,
.stay-in-touch-form .wrapper .inner form .validated.form-type-password span.pass-eye,
#clogin .wrapper .inner form .validated.form-type-password span.pass-eye,
#cforgot .wrapper .inner form .validated.form-type-password span.pass-eye,
#creset .wrapper .inner form .validated.form-type-password span.pass-eye,
#cresend-verify .wrapper .inner form .validated.form-type-password span.pass-eye {
  /*border: 1px solid #009688 !important;
                            border-left: 0px !important;*/
  height: 48px;
  background: url('../images/ic_visibility_black_24px.svg') no-repeat center center rgba(0, 150, 136, 0.05);
  background-size: 24px;
}
#register .wrapper .inner form .validated.form-type-password span.show,
.stay-in-touch-form .wrapper .inner form .validated.form-type-password span.show,
#clogin .wrapper .inner form .validated.form-type-password span.show,
#cforgot .wrapper .inner form .validated.form-type-password span.show,
#creset .wrapper .inner form .validated.form-type-password span.show,
#cresend-verify .wrapper .inner form .validated.form-type-password span.show {
  background: url('../images/ic_visibility_off_black_24px.svg') no-repeat center center rgba(0, 150, 136, 0.05);
  background-size: 24px;
}
#register .wrapper .inner form .validated.form-type-password.cf-invalid,
.stay-in-touch-form .wrapper .inner form .validated.form-type-password.cf-invalid,
#clogin .wrapper .inner form .validated.form-type-password.cf-invalid,
#cforgot .wrapper .inner form .validated.form-type-password.cf-invalid,
#creset .wrapper .inner form .validated.form-type-password.cf-invalid,
#cresend-verify .wrapper .inner form .validated.form-type-password.cf-invalid {
  border: 1px solid #f34344 !important;
}
#register .wrapper .inner form .submit,
.stay-in-touch-form .wrapper .inner form .submit,
#clogin .wrapper .inner form .submit,
#cforgot .wrapper .inner form .submit,
#creset .wrapper .inner form .submit,
#cresend-verify .wrapper .inner form .submit,
#register .wrapper .inner form .form-submit,
.stay-in-touch-form .wrapper .inner form .form-submit,
#clogin .wrapper .inner form .form-submit,
#cforgot .wrapper .inner form .form-submit,
#creset .wrapper .inner form .form-submit,
#cresend-verify .wrapper .inner form .form-submit,
#register .wrapper .inner form .log-btn,
.stay-in-touch-form .wrapper .inner form .log-btn,
#clogin .wrapper .inner form .log-btn,
#cforgot .wrapper .inner form .log-btn,
#creset .wrapper .inner form .log-btn,
#cresend-verify .wrapper .inner form .log-btn {
  width: 100%;
  background: #DD2326;
  color: white;
  border-radius: 3px;
  border: none;
  box-shadow: none;
  height: 50px;
  font-size: 16px;
  text-transform: uppercase;
}
#register .wrapper .inner form .log-btn,
.stay-in-touch-form .wrapper .inner form .log-btn,
#clogin .wrapper .inner form .log-btn,
#cforgot .wrapper .inner form .log-btn,
#creset .wrapper .inner form .log-btn,
#cresend-verify .wrapper .inner form .log-btn {
  color: #0E5AA7;
  background: #fff;
  border: 1px solid #0E5AA7;
}
#register .wrapper .inner form p.terms,
.stay-in-touch-form .wrapper .inner form p.terms,
#clogin .wrapper .inner form p.terms,
#cforgot .wrapper .inner form p.terms,
#creset .wrapper .inner form p.terms,
#cresend-verify .wrapper .inner form p.terms {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 20px;
}
#register .wrapper .inner form p.terms a,
.stay-in-touch-form .wrapper .inner form p.terms a,
#clogin .wrapper .inner form p.terms a,
#cforgot .wrapper .inner form p.terms a,
#creset .wrapper .inner form p.terms a,
#cresend-verify .wrapper .inner form p.terms a {
  color: #0E5AA7;
  text-decoration: none;
}
#register .wrapper .inner form p.logintext,
.stay-in-touch-form .wrapper .inner form p.logintext,
#clogin .wrapper .inner form p.logintext,
#cforgot .wrapper .inner form p.logintext,
#creset .wrapper .inner form p.logintext,
#cresend-verify .wrapper .inner form p.logintext {
  text-align: center;
  margin-top: 20px;
}
#register .wrapper .inner form p.logintext a,
.stay-in-touch-form .wrapper .inner form p.logintext a,
#clogin .wrapper .inner form p.logintext a,
#cforgot .wrapper .inner form p.logintext a,
#creset .wrapper .inner form p.logintext a,
#cresend-verify .wrapper .inner form p.logintext a {
  color: #0E5AA7;
  text-decoration: none;
}
#register .wrapper .inner form p.or,
.stay-in-touch-form .wrapper .inner form p.or,
#clogin .wrapper .inner form p.or,
#cforgot .wrapper .inner form p.or,
#creset .wrapper .inner form p.or,
#cresend-verify .wrapper .inner form p.or {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  background: url('../images/line.svg') no-repeat center center;
}
#register .wrapper .inner form p.or1,
.stay-in-touch-form .wrapper .inner form p.or1,
#clogin .wrapper .inner form p.or1,
#cforgot .wrapper .inner form p.or1,
#creset .wrapper .inner form p.or1,
#cresend-verify .wrapper .inner form p.or1 {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
#register .wrapper .inner form p.or1:before,
.stay-in-touch-form .wrapper .inner form p.or1:before,
#clogin .wrapper .inner form p.or1:before,
#cforgot .wrapper .inner form p.or1:before,
#creset .wrapper .inner form p.or1:before,
#cresend-verify .wrapper .inner form p.or1:before {
  border-top: 1px solid #dfdfdf;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 93%;
  z-index: -1;
}
#register .wrapper .inner form p.or1 span,
.stay-in-touch-form .wrapper .inner form p.or1 span,
#clogin .wrapper .inner form p.or1 span,
#cforgot .wrapper .inner form p.or1 span,
#creset .wrapper .inner form p.or1 span,
#cresend-verify .wrapper .inner form p.or1 span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
  padding: 0 15px;
}
#register .wrapper .inner form .reg_facebook,
.stay-in-touch-form .wrapper .inner form .reg_facebook,
#clogin .wrapper .inner form .reg_facebook,
#cforgot .wrapper .inner form .reg_facebook,
#creset .wrapper .inner form .reg_facebook,
#cresend-verify .wrapper .inner form .reg_facebook {
  width: 100%;
  background: url('../images/facebook-white.svg') no-repeat center left 10px #4460A0;
  background-size: 20px;
  color: #fff;
  border-radius: 3px;
  border: none;
  box-shadow: none;
  height: 42px;
  font-size: 13px;
  padding-left: 40px;
  margin-bottom: 10px;
  line-height: 42px;
}
#register .wrapper .inner form .reg_twitter,
.stay-in-touch-form .wrapper .inner form .reg_twitter,
#clogin .wrapper .inner form .reg_twitter,
#cforgot .wrapper .inner form .reg_twitter,
#creset .wrapper .inner form .reg_twitter,
#cresend-verify .wrapper .inner form .reg_twitter {
  width: 100%;
  background: url('../images/twitter-white.svg') no-repeat center left 10px #54ACEE;
  background-size: 20px;
  color: #fff;
  border-radius: 3px;
  border: none;
  box-shadow: none;
  height: 42px;
  font-size: 13px;
  padding-left: 30px;
  margin-bottom: 10px;
  line-height: 42px;
}
#register .wrapper .inner form .reg_google,
.stay-in-touch-form .wrapper .inner form .reg_google,
#clogin .wrapper .inner form .reg_google,
#cforgot .wrapper .inner form .reg_google,
#creset .wrapper .inner form .reg_google,
#cresend-verify .wrapper .inner form .reg_google {
  width: 100%;
  background: url('../images/googleIco.svg') no-repeat center left 10px #fff;
  border: 1px solid black;
  background-size: 20px;
  color: #fff;
  border-radius: 3px;
  box-shadow: none;
  height: 42px;
  font-size: 13px;
  padding-left: 24px;
  line-height: 39px;
  color: #777;
}
#register .wrapper .inner form .foot_cred,
.stay-in-touch-form .wrapper .inner form .foot_cred,
#clogin .wrapper .inner form .foot_cred,
#cforgot .wrapper .inner form .foot_cred,
#creset .wrapper .inner form .foot_cred,
#cresend-verify .wrapper .inner form .foot_cred {
  margin-top: 36px!important;
  width: 100%;
  margin-top: 30px;
  text-align: center;
  margin: 0 auto;
  /*display: inline-block;
                    margin-bottom: 80px;*/
}
#register .wrapper .inner form .foot_cred img,
.stay-in-touch-form .wrapper .inner form .foot_cred img,
#clogin .wrapper .inner form .foot_cred img,
#cforgot .wrapper .inner form .foot_cred img,
#creset .wrapper .inner form .foot_cred img,
#cresend-verify .wrapper .inner form .foot_cred img {
  /*float: left;
                        margin-top: -6px;
                        width: 120px;*/
}
#register .wrapper .inner form .foot_cred p,
.stay-in-touch-form .wrapper .inner form .foot_cred p,
#clogin .wrapper .inner form .foot_cred p,
#cforgot .wrapper .inner form .foot_cred p,
#creset .wrapper .inner form .foot_cred p,
#cresend-verify .wrapper .inner form .foot_cred p {
  float: left;
  margin-top: 8px;
}
#register .wrapper .inner form .ajax-progress-throbber .throbber,
.stay-in-touch-form .wrapper .inner form .ajax-progress-throbber .throbber,
#clogin .wrapper .inner form .ajax-progress-throbber .throbber,
#cforgot .wrapper .inner form .ajax-progress-throbber .throbber,
#creset .wrapper .inner form .ajax-progress-throbber .throbber,
#cresend-verify .wrapper .inner form .ajax-progress-throbber .throbber {
  display: none;
}
#register .wrapper .inner form .google-recaptcha,
.stay-in-touch-form .wrapper .inner form .google-recaptcha,
#clogin .wrapper .inner form .google-recaptcha,
#cforgot .wrapper .inner form .google-recaptcha,
#creset .wrapper .inner form .google-recaptcha,
#cresend-verify .wrapper .inner form .google-recaptcha {
  margin-top: 20px;
  margin-bottom: 20px;
}
#register .wrapper .messages.error,
.stay-in-touch-form .wrapper .messages.error,
#clogin .wrapper .messages.error,
#cforgot .wrapper .messages.error,
#creset .wrapper .messages.error,
#cresend-verify .wrapper .messages.error,
#register .wrapper .messages.status,
.stay-in-touch-form .wrapper .messages.status,
#clogin .wrapper .messages.status,
#cforgot .wrapper .messages.status,
#creset .wrapper .messages.status,
#cresend-verify .wrapper .messages.status,
#register .wrapper .messages.warning,
.stay-in-touch-form .wrapper .messages.warning,
#clogin .wrapper .messages.warning,
#cforgot .wrapper .messages.warning,
#creset .wrapper .messages.warning,
#cresend-verify .wrapper .messages.warning {
  padding: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
#register .wrapper .messages.error,
.stay-in-touch-form .wrapper .messages.error,
#clogin .wrapper .messages.error,
#cforgot .wrapper .messages.error,
#creset .wrapper .messages.error,
#cresend-verify .wrapper .messages.error,
#register .wrapper .messages.warning,
.stay-in-touch-form .wrapper .messages.warning,
#clogin .wrapper .messages.warning,
#cforgot .wrapper .messages.warning,
#creset .wrapper .messages.warning,
#cresend-verify .wrapper .messages.warning {
  color: #f34344;
  padding-left: 140px;
  font-size: 14px;
  padding-right: 110px;
  background: url('../images/ic_warning.svg') no-repeat center left 100px #fef4f4;
}
#register .reg_btn_wrapper,
.stay-in-touch-form .reg_btn_wrapper,
#clogin .reg_btn_wrapper,
#cforgot .reg_btn_wrapper,
#creset .reg_btn_wrapper,
#cresend-verify .reg_btn_wrapper {
  margin: 0 auto;
  text-align: center;
}
#register .reg_btn_wrapper input.form-submit,
.stay-in-touch-form .reg_btn_wrapper input.form-submit,
#clogin .reg_btn_wrapper input.form-submit,
#cforgot .reg_btn_wrapper input.form-submit,
#creset .reg_btn_wrapper input.form-submit,
#cresend-verify .reg_btn_wrapper input.form-submit {
  /* display: none; */
  width: auto !important;
  /* float: left; */
  margin-right: 10px;
  margin-top: 20px;
}
#register .form-submit,
.stay-in-touch-form .form-submit,
#clogin .form-submit,
#cforgot .form-submit,
#creset .form-submit,
#cresend-verify .form-submit {
  margin-top: 15px;
}
#clogin .form-submit {
  margin-top: 15px;
}
#register .cf-checkbox.form-checkboxes {
  margin-top: 15px;
}
#register .cf-checkbox input {
  position: absolute;
  opacity: 0;
  height: 1px;
}
#register .cf-checkbox input[type="checkbox"] + label:before {
  border: 2px solid #B5B5B5;
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  margin: 0 15px 0 0;
  padding: 0;
  vertical-align: top;
  width: 20px;
  border-radius: 2px;
  height: 20px;
  font-size: 0px;
}
#register .cf-checkbox input[type="checkbox"]:checked + label:before {
  background: #0E5AA7;
  color: #fff;
  content: url('../images/check_white.svg');
  padding-top: 1px;
  width: 20px;
  border-radius: 2px;
  height: 20px;
  text-align: center;
  border: 2px solid #0E5AA7;
  border-radius: 0px;
}
#register .cf-checkbox input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}
#register .cf-checkbox input[type="checkbox"]:focus + label::before {
  outline: #3b99fc auto 5px;
}
#register .cf-checkbox label {
  font-weight: 400;
}
#register .cf-checkbox .form-item {
  padding: 0px;
}
#register .cf-checkbox .form-item label {
  width: auto;
}
#register .cf-checkbox a {
  text-decoration: none;
}
#register #meter_wrapper,
#creset #meter_wrapper {
  background-color: #b2b2b2;
  width: 100%;
  height: 5px;
  border-radius: 3px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#register #meter,
#creset #meter {
  width: 0px;
  height: 5px;
  border-radius: 3px;
}
#register .wrapper .inner form .validated.form-type-password input,
#creset .wrapper .inner form .validated.form-type-password input {
  border-right: 0px !important;
}
#register .wrapper .inner form .validated.form-type-password span.pass-eye,
#creset .wrapper .inner form .validated.form-type-password span.pass-eye {
  background-color: rgba(0, 150, 136, 0.05);
}
.overlay {
  position: fixed;
  /* Sit on top of the page content */
  display: none;
  /* Hidden by default */
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  /* Black background with opacity */
  z-index: 11;
  /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer;
  /* Add a pointer on hover */
  -webkit-overflow-scrolling: touch;
}
#top-overlay {
  z-index: 12;
}
.cf-info-popup {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 13;
}
.cf-info-popup .info-wrapper {
  background: white;
  width: 100%;
  max-width: 605px;
  margin: 0 auto;
  padding-right: 5px;
  top: 20px;
  position: relative;
  z-index: 14;
  height: auto;
  padding-top: 10px;
  /* width */
  /* Track */
  /* Handle */
}
.cf-info-popup .info-wrapper ::-webkit-scrollbar {
  width: 5px;
}
.cf-info-popup .info-wrapper ::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #FFF;
  border-radius: 10px;
}
.cf-info-popup .info-wrapper ::-webkit-scrollbar-thumb {
  background: #CFCFCF;
  border-radius: 10px;
}
.cf-info-popup .info-wrapper .info-content {
  height: 400px;
  overflow-y: auto;
  padding: 20px;
  padding-top: 10px;
}
.cf-info-popup .info-wrapper .info-content h3.ajax-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.cf-info-popup .info-wrapper .info-close-btn {
  padding: 25px;
  text-align: center;
  margin: 0 auto;
  border-top: 1px solid #EEEEEE;
  margin-right: -5px;
}
.cf-info-popup .info-wrapper .info-close-btn input.info-btn {
  background: #DD2326;
  color: white;
  border-radius: 3px;
  border: none;
  box-shadow: none;
  font-size: 16px;
  text-transform: uppercase;
  padding: 15px;
  padding-right: 150px;
  padding-left: 150px;
}
.mobile_menu {
  position: fixed;
  left: -100%;
  transition: 1s;
  z-index: 11;
  width: 80%;
  height: 100%;
  top: 0;
}
.mobile_menu.slide {
  left: 0;
  transition: 1s;
}
.main_m {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: white;
  z-index: 2;
}
.main_m ul.register {
  background: url('../images/mobile_menu_header.png') no-repeat center center #0E5AA7;
  padding: 30px 0px 20px 30px;
}
.main_m ul.register li {
  color: white;
  list-style: none;
}
.main_m ul.register li a {
  text-decoration: none;
  color: white;
}
.main_m ul.register li:first-child {
  margin-bottom: 20px;
}
.main_m ul.register li:first-child img {
  width: 24px;
  margin-right: 10px;
}
.main_m ul.register.no-log {
  padding: 20px 0px 20px 30px;
}
.main_m ul.register.no-log li:first-child {
  margin-bottom: 0px;
}
.main_m ul.register li:last-child img {
  width: 24px;
  margin-right: 10px;
}
.main_m ul.register li.welcome {
  font-size: 16px;
}
.main_m ul.register li.account {
  font-size: 14px;
}
.main_m .promotions {
  padding: 25px 30px;
  border-bottom: 1px solid #E6E6E6;
  background: url('../images/prmo_bg.svg') no-repeat bottom right 5px;
  background-size: 112px;
  margin-bottom: 6px;
}
.main_m .promotions p {
  color: #DD2326;
  font-weight: 500;
  background: url('../images/tag.svg') no-repeat left center;
  background-size: 20px;
  padding-left: 30px;
}
.main_m .promotions p a {
  color: #DD2326;
  text-decoration: none;
  text-transform: uppercase;
}
.main_m .m_menu,
.main_m ul.mob-account {
  border-bottom: 1px solid #E6E6E6;
}
.main_m .m_menu li,
.main_m ul.mob-account li {
  float: left;
  width: 100%;
  list-style-type: none;
}
.main_m .m_menu li a,
.main_m ul.mob-account li a {
  text-decoration: none;
  color: #4A4A4A;
  font-weight: 400;
  display: block;
  padding: 10px 30px;
}
.main_m .m_menu li a.expanded-link,
.main_m ul.mob-account li a.expanded-link {
  float: left;
}
.main_m .m_menu li a.menu-arrow,
.main_m ul.mob-account li a.menu-arrow {
  float: right;
}
.main_m .m_menu li a.menu-arrow img,
.main_m ul.mob-account li a.menu-arrow img {
  width: 20px;
}
.main_m .m_menu li:hover,
.main_m ul.mob-account li:hover {
  background: #F5F5F5;
}
.main_m .m_menu li.expanded,
.main_m ul.mob-account li.expanded {
  position: relative;
}
.main_m .m_menu li.seperate,
.main_m ul.mob-account li.seperate {
  margin-top: 25px;
  position: relative;
}
.main_m .m_menu li.seperate::after,
.main_m ul.mob-account li.seperate::after {
  content: '';
  position: absolute;
  top: -11px;
  width: 100%;
  height: 1px;
  background: #ddd;
}
.main_m .m_menu li:nth-child(5),
.main_m ul.mob-account li:nth-child(5) {
  border-bottom: 1px solid #E6E6E6;
}
.main_m .m_menu2 {
  border-bottom: 1px solid #E6E6E6;
}
.main_m .m_menu2 li a {
  text-decoration: none;
  color: #4A4A4A;
  font-weight: 400;
  display: block;
  padding: 10px 30px;
}
.main_m .m_menu2 li:hover {
  background: #F5F5F5;
}
.main_m ul.lang {
  width: 100%;
  float: left;
  padding: 5px 0px;
}
.main_m ul.lang li {
  padding: 15px 30px;
  width: 50%;
  float: left;
  list-style: none;
}
.main_m ul.lang li a {
  text-decoration: none;
  color: #4A4A4A;
}
.main_m ul.lang li:last-child {
  font-weight: bold;
}
.sec_m.show {
  opacity: 1;
  transition: opacity 1s;
}
.sec_m {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  background: white;
  z-index: 3;
  opacity: 0;
}
.sec_m .back {
  background: #0E5AA7;
  padding: 20px 0px 20px 30px;
  cursor: pointer;
}
.sec_m .back p {
  color: white;
}
.sec_m .back p span {
  display: block;
  background: url('../images/back.svg') no-repeat center left;
  background-size: 9px;
  padding-left: 30px;
}
.sec_m .s_menu {
  padding: 25px 30px;
  border-bottom: 1px solid #E6E6E6;
}
.sec_m .s_menu h4 {
  padding-bottom: 8px;
  font-weight: 500;
  font-size: 14px;
}
.sec_m .s_menu p {
  font-size: 14px;
}
.sec_m .cont_list {
  padding: 10px 0px 25px;
}
.sec_m .cont_list li {
  list-style: none;
}
.sec_m .cont_list li a {
  text-decoration: none;
  color: #4A4A4A;
  font-weight: 400;
  display: block;
  padding: 15px 30px;
}
.sec_m .cont_list li a img {
  margin-right: 10px;
}
.sec_m .cont_list li.bahrain {
  background: url('../images/flags/Bahrain.svg') no-repeat left center;
  background-size: 22px;
}
.sec_m .cont_list li.oman {
  background: url('../images/flags/Oman.svg') no-repeat left center;
  background-size: 22px;
}
.sec_m .cont_list li.egypt {
  background: url('../images/flags/Egypt.svg') no-repeat left center;
  background-size: 22px;
}
.sec_m .cont_list li.qatar {
  background: url('../images/flags/Qatar.svg') no-repeat left center;
  background-size: 22px;
}
.sec_m .cont_list li.jordan {
  background: url('../images/flags/Jordan.svg') no-repeat left center;
  background-size: 22px;
}
.sec_m .cont_list li.sa {
  background: url('../images/flags/KSA.svg') no-repeat left center;
  background-size: 22px;
}
.sec_m .cont_list li.kuwait {
  background: url('../images/flags/Kuwait.svg') no-repeat left center;
  background-size: 22px;
}
.sec_m .cont_list li.uae {
  background: url('../images/flags/UAE.svg') no-repeat left center;
  background-size: 22px;
}
.sec_m .cont_list li.lebanon {
  background: url('../images/flags/Lebanon.svg') no-repeat left center;
  background-size: 22px;
  margin-bottom: 0px;
}
header {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 10;
}
header .topbar {
  background: #0E5AA7;
  padding: 7px;
}
header .topbar p,
header .topbar div.promo-text {
  font-size: 14px;
  color: white;
  font-weight: 400;
}
header .topbar p a,
header .topbar div.promo-text a {
  color: #fff;
  text-decoration: none;
}
header .topbar .icon-bar {
  padding-right: 15px;
}
header .topbar ul.social {
  /*width: 187px;*/
  width: auto;
  float: right;
}
header .topbar ul.social li {
  float: left;
  list-style: none;
  margin-left: 10px;
}
header .topbar ul.social li img {
  width: 25px;
}
header .topbar ul.social li a {
  color: white;
  text-decoration: none;
}
header .topbar ul.social .yt img {
  width: 25px;
}
header .main {
  background: white;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1);
}
header .main .container {
  position: relative;
}
header .main .logo {
  padding-top: 16px;
  padding-bottom: 16px;
  width: 13%;
  float: left;
}
header .main .logo img {
  max-width: 128px;
}
header .main .search {
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  padding-top: 16px;
  padding-bottom: 20px;
  padding-left: 10px;
  float: left;
  width: 39%;
  margin-right: 20px;
}
header .main .search .form-item-search-block-form {
  position: relative;
}
header .main .search .form-item-search-block-form span.field-prefix {
  position: absolute;
  right: 15px;
}
header .main .search .form-item-search-block-form span.field-prefix input {
  background: url(../images/search-ico-white.svg) no-repeat center center #0E5AA7 !important;
  background-size: 15px !important;
  left: 0;
  padding: 0px;
  width: 47px;
  height: 40px;
  border-radius: 0px 2px 2px 0px;
  outline: none;
}
header .main .search .form-item-search-block-form span.field-suffix {
  position: absolute;
  top: 9px;
  right: 70px;
}
header .main .search .form-item-search-block-form span.field-suffix #searchclear {
  cursor: pointer;
  background-image: url(../images/close_black.svg);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 12px;
  height: 12px;
  display: none;
}
header .main .search .form-item-search-block-form span.field-suffix #searchclear.enabled {
  display: inline-block;
}
header .main .search input {
  width: 90%;
  border: none;
  padding: 10px;
  padding-left: 15px;
  background: #f5f5f5;
  height: 40px;
  outline: none;
}
header .main .search input::-webkit-input-placeholder {
  color: #b1b1b1;
}
header .main .search input::-moz-placeholder {
  color: #b1b1b1;
}
header .main .search input:-ms-input-placeholder {
  color: #b1b1b1;
}
header .main .search input:-moz-placeholder {
  color: #b1b1b1;
}
header .main .reg-log a {
  padding: 11px 18px;
  border: 1px solid #0E5AA7;
  margin-top: -10px;
  position: absolute;
  right: 15px;
  line-height: 15px;
  top: 25px;
  font-weight: 500;
  text-decoration: none;
  border-radius: 2px;
}
header .main .reg-log a.login-only {
  padding: 11px 58px;
}
header .main .reg-log-sub {
  right: 0;
  height: 69px;
  /*width: 12%;*/
  /*float: right;*/
  display: flex;
}
header .main .reg-log-sub a {
  right: 0;
}
header .main .reg-log-sub ul.login-btn {
  display: none;
  position: absolute;
  top: 70px;
  right: 0;
  width: 195px;
  background: #FFF;
  z-index: 100;
  box-shadow: 0px 0px 12px -6px #000;
  padding: 10px;
}
header .main .reg-log-sub ul.login-btn li {
  list-style: none;
  text-align: center;
  float: left;
  width: 100%;
  padding: 8px;
  margin-bottom: 8px;
}
header .main .reg-log-sub ul.login-btn li:last-child {
  margin-bottom: 0px;
}
header .main .reg-log-sub ul.login-btn li a {
  border: none;
  background: none;
  color: #0E5AA7;
  position: static;
  padding: 0px;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  width: 100%;
}
header .main .reg-log-sub ul.login-btn li:hover {
  background: #DD2326;
  color: #FFF;
}
header .main .reg-log-sub ul.login-btn li:hover a {
  color: white;
}
header .main .reg-log-sub ul.login-btn li:nth-child(1) {
  margin-top: 10px;
}
header .main .reg-log-sub ul.login-btn::before {
  content: url(../images/up_arrow.png);
  top: 0;
  margin-top: -14px;
  position: absolute;
  right: 10px;
}
header .main .reg-log-sub:hover ul.login-btn {
  display: block;
}
header .main .menu_btn {
  width: 7%;
  float: left;
  padding: 20px 0px;
}
header .main .menu_btn img {
  width: 30px;
  cursor: pointer;
}
header .main .main-menu {
  line-height: 68px;
  /*width: 56%;*/
  float: left;
}
header .main .main-menu ul {
  position: relative;
}
header .main .main-menu ul li.expanded {
  position: relative;
  background: url('../images/arrow_down.svg') no-repeat right 10px center;
  background-size: 16px;
  padding-right: 35px;
}
header .main .main-menu ul li.expanded:hover ul.menu {
  display: block;
}
header .main .main-menu ul li.active {
  background-color: #F5F5F5;
}
header .main .main-menu ul li:hover {
  background-color: #F5F5F5;
}
header .main .main-menu ul li {
  float: left;
  list-style: none;
  padding: 2px 13px;
}
header .main .main-menu ul li a {
  font-weight: 500;
  text-decoration: none;
  padding: 26px 0px;
}
header .main .main-menu ul li ul.menu {
  position: absolute;
  display: none;
  width: 335px;
  padding: 22px;
  background: #fff;
  top: 68px;
  border: 1px solid #ddd;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1);
  left: 0;
  z-index: 2;
}
header .main .main-menu ul li ul.menu li {
  float: left;
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 15px;
  width: 100%;
}
header .main .main-menu ul li ul.menu li:last-child {
  margin-bottom: 0px;
}
header .main .main-menu ul li ul.menu li a {
  color: #4A4A4A;
  font-weight: 400;
}
header .main .main-menu ul li ul.menu li a img {
  margin-right: 15px;
  border: 1px solid #DDD;
}
header .main .main-menu ul li ul.menu li.col-md-6 {
  width: 50%;
  margin-bottom: 0;
  padding: 0px;
  margin-top: 0px;
}
header .main .main-menu ul li ul.menu li.col-md-6 li {
  padding: 5px 0 5px 15px;
}
header .main .main-menu ul li ul.menu li.col-md-6 li:hover {
  background: #f4f4f4;
}
header .main .main-menu ul li ul.menu li:hover {
  background: none;
}
header .main .main-menu ul li ul.menu li.bahrain {
  background: url('../images/flags/Bahrain.svg') no-repeat left center;
  background-size: 22px;
}
header .main .main-menu ul li ul.menu li.oman {
  background: url('../images/flags/Oman.svg') no-repeat left center;
  background-size: 22px;
}
header .main .main-menu ul li ul.menu li.egypt {
  background: url('../images/flags/Egypt.svg') no-repeat left center;
  background-size: 22px;
}
header .main .main-menu ul li ul.menu li.qatar {
  background: url('../images/flags/Qatar.svg') no-repeat left center;
  background-size: 22px;
}
header .main .main-menu ul li ul.menu li.jordan {
  background: url('../images/flags/Jordan.svg') no-repeat left center;
  background-size: 22px;
}
header .main .main-menu ul li ul.menu li.sa {
  background: url('../images/flags/KSA.svg') no-repeat left center;
  background-size: 22px;
}
header .main .main-menu ul li ul.menu li.kuwait {
  background: url('../images/flags/Kuwait.svg') no-repeat left center;
  background-size: 22px;
}
header .main .main-menu ul li ul.menu li.uae {
  background: url('../images/flags/UAE.svg') no-repeat left center;
  background-size: 22px;
}
header .main .main-menu ul li ul.menu li.lebanon {
  background: url('../images/flags/Lebanon.svg') no-repeat left center;
  background-size: 22px;
  margin-bottom: 0px;
}
header .main .main-menu ul li:nth-child(3),
header .main .main-menu ul li:nth-child(7),
header .main .main-menu ul li:nth-child(8) {
  display: none;
}
#info_bar {
  background-color: rgba(14, 90, 167, 0.06);
  padding: 20px 0px;
}
#info_bar p {
  font-size: 16px;
  font-weight: 500;
  color: #0E5AA7;
  line-height: 31px;
}
#info_bar p.desktop {
  display: block;
}
#info_bar p.mobile {
  display: none;
}
#info_bar .call {
  padding-right: 0px;
  margin-top: 1px;
}
@media (max-width: 767px) {
  #info_bar .call {
    padding-right: 15px;
  }
}
#info_bar .call p {
  background: url('../images/call_blue.svg') no-repeat left center;
  background-size: 28px;
  -webkit-background-size: 24px;
  -moz-background-size: 24px;
  -o-background-size: 24px;
  background-size: 24px;
  padding-left: 36px;
  font-size: 28px;
  display: inline;
  float: right;
}
#info_bar .call p a {
  text-decoration: none;
  color: #0E5AA7;
}
#promotions_menu {
  /*background: rgba(0, 0, 0, 0.5);*/
  padding-bottom: 50px;
  margin-top: 3px;
  /*  position: absolute;*/
  top: 104px;
  z-index: 99;
  width: 100%;
  height: 100%;
}
#promotions_menu img.white {
  display: none;
}
#promotions_menu .inner {
  background: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}
#promotions_menu .inner .col-lg-3.promo-count {
  padding: 0px 8px;
}
#promotions_menu .inner .col-lg-3.promo-count .promotion img.promo-img {
  height: 250px;
}
#promotions_menu .inner .col-lg-3.promo-count .promotion .content-out {
  padding: 8px;
}
#promotions_menu .inner .col-lg-3.promo-count .promotion .left {
  width: 73%;
}
#promotions_menu .inner .col-lg-3.promo-count .promotion .left h3 {
  font-size: 15px;
}
#promotions_menu .inner .col-lg-3.promo-count .promotion .left span {
  font-size: 12px;
}
#promotions_menu .inner .col-lg-3.promo-count .promotion .right {
  width: 27%;
}
#promotions_menu .inner .col-lg-3.promo-count .promotion .right a.btn-carrfour-danger {
  padding: 7px 20px;
}
#promotions_menu .inner .col-lg-3.promo-count .promotion .right .share-img {
  position: absolute;
  left: 5px;
  bottom: 20px;
}
#promotions_menu .inner .col-lg-3.promo-count .promotion .right .icons {
  left: 55px;
}
#promotions_menu .inner .col-lg-3.promo-count .promotion .right img.black {
  display: none;
}
#promotions_menu .inner .col-lg-3.promo-count .promotion .right img.white {
  display: block;
  width: 24px;
}
#promotions_menu .inner .col-lg-3.promo-count:nth-child(3) {
  padding-left: 15px;
}
#promotions_menu .inner .col-lg-3.promo-count:last-child {
  padding-right: 15px;
}
#promotions_menu .inner .col-lg-4.promo-count {
  padding: 0px 8px;
}
#promotions_menu .inner .col-lg-4.promo-count .promotion img.promo-img {
  height: 221px;
}
#promotions_menu .inner .col-lg-4.promo-count .promotion .content-out {
  padding: 15px;
}
#promotions_menu .inner .col-lg-4.promo-count .promotion .left {
  width: 73%;
}
#promotions_menu .inner .col-lg-4.promo-count .promotion .left h3 {
  font-size: 20px;
  color: #4D4D4D;
}
#promotions_menu .inner .col-lg-4.promo-count .promotion .left span {
  font-size: 14px;
}
#promotions_menu .inner .col-lg-4.promo-count .promotion .right {
  width: 27%;
}
#promotions_menu .inner .col-lg-4.promo-count .promotion .right a.btn-carrfour-danger {
  padding: 7px 20px;
}
#promotions_menu .inner .col-lg-4.promo-count .promotion .right .share-img {
  float: right;
  margin-top: -28px;
}
#promotions_menu .inner .promo-head-desk {
  padding-left: 8px;
}
#promotions_menu h3.promo-head {
  margin-bottom: 30px;
  color: #4D4D4D;
}
#promotions_menu #close a img {
  width: 24px;
}
#promotions_menu .promotion {
  position: relative;
}
#promotions_menu .promotion img {
  width: 100%;
}
#promotions_menu .promotion .icons {
  width: 100%;
  float: left;
  margin-top: 7px;
  /*a:last-child{
            img{
                width: 21px;
            }
        }*/
}
#promotions_menu .promotion .icons img {
  width: 20px;
  margin-bottom: 5px;
  margin-right: 13px;
}
#promotions_menu .promotion .icons img.email-icon {
  width: auto;
  height: 30px;
}
#promotions_menu .promotion .content-in {
  position: absolute;
  top: 30px;
  left: 25px;
  width: 100%;
}
#promotions_menu .promotion .content-in .btn-carrefore {
  background: #0E5AA7;
  border-radius: 100px;
  min-width: 175px;
  text-align: center;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  cursor: text;
}
#promotions_menu .promotion .content-in .title {
  margin-top: 20px;
  text-transform: uppercase;
  color: #FFF;
  margin-bottom: 10px;
}
#promotions_menu .promotion .content-in .desc {
  color: #FFF;
  font-weight: normal;
  font-size: 16px;
}
#promotions_menu .promotion .content-out {
  background: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 20px;
  float: left;
  width: 100%;
}
#promotions_menu .promotion .content-out .left {
  float: left;
  width: 70%;
}
#promotions_menu .promotion .content-out .left span.from-date {
  margin-top: 5px;
  float: left;
  width: 100%;
}
#promotions_menu .promotion .content-out .right {
  float: right;
  width: 30%;
}
#promotions_menu .promotion .content-out .right a.btn-carrfour-danger {
  background: #DD2326;
  border: 1px solid #DD2326;
  color: white;
  text-decoration: none;
  border-radius: 2px;
  padding: 14px 40px;
  text-transform: uppercase;
  font-weight: 500;
  float: right;
}
#promotions_menu .promotion .content-out .right .share-img {
  margin-left: 20px;
}
#promotions_menu .promotion .content-out .right .share-img img {
  width: 18px;
}
#slider .homeslider ul.slides img {
  height: 370px;
  object-fit: cover;
}
#slider .homeslider,
#slider .blog-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#slider .homeslider .flex-control-paging,
#slider .blog-banner .flex-control-paging {
  display: none;
}
#slider .homeslider .flex-direction-nav,
#slider .blog-banner .flex-direction-nav {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 0;
}
#slider .homeslider .flex-direction-nav .flex-next,
#slider .blog-banner .flex-direction-nav .flex-next {
  right: 0;
  opacity: 1;
  width: 48px!important;
  height: 48px!important;
}
#slider .homeslider .flex-direction-nav .flex-prev,
#slider .blog-banner .flex-direction-nav .flex-prev {
  left: 0;
  opacity: 1;
  width: 48px!important;
  height: 48px!important;
}
#slider .homeslider .flex-direction-nav .flex-prev:before,
#slider .blog-banner .flex-direction-nav .flex-prev:before {
  background: url(../images/slider_left_white.svg) no-repeat !important;
  width: 48px!important;
  height: 48px!important;
}
#slider .homeslider .flex-direction-nav .flex-next:before,
#slider .blog-banner .flex-direction-nav .flex-next:before {
  background: url(../images/slider_right_white.svg) no-repeat !important;
  width: 48px!important;
  height: 48px!important;
}
#slider .homeslider .flex-direction-nav .flex-nav-prev,
#slider .blog-banner .flex-direction-nav .flex-nav-prev {
  width: 50px;
  height: 50px;
}
#slider .homeslider .flex-direction-nav .flex-nav-next,
#slider .blog-banner .flex-direction-nav .flex-nav-next {
  width: 50px;
  height: 50px;
}
#slider .slides li {
  position: relative;
}
#slider .slides .caption {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#slider .slides .caption .inner {
  width: 90%;
  margin: 0 auto;
}
#slider .slides .caption h2 {
  font-size: 40px;
  color: white;
  margin-bottom: 20px;
}
#slider .slides .caption p {
  font-size: 20px;
  line-height: 28px;
  color: white;
  font-weight: 300;
  max-width: 48%;
}
#slider .slides .caption button {
  height: 48px;
  width: 180px;
  border-radius: 2px;
  background-color: #DD2326;
  border: none;
  color: white;
  font-size: 18px;
  margin-top: 30px;
}
#slider .blog-banner .flex-direction-nav .flex-next {
  right: 30px;
}
#store_nearby {
  width: 100%;
  float: left;
  margin-top: -50px;
}
#store_nearby .inner {
  background: #fff;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1);
  position: relative;
  padding: 20px 20px;
  width: 100%;
  float: left;
}
#store_nearby .inner .col-sm-8 {
  padding-left: 3px;
}
#store_nearby .inner .col-sm-4 {
  padding-right: 9px;
}
#store_nearby .left-content {
  padding: 10px 0px;
  padding-left: 75px;
  background: url('../images/Map_Pin.svg') no-repeat left center;
  background-size: 60px;
}
#store_nearby .left-content h4 {
  font-size: 22px;
  font-weight: 500;
  color: #4D4D4D;
  margin-bottom: 10px;
}
#store_nearby .left-content p {
  font-size: 16px;
  font-weight: 400;
}
#store_nearby a.blue_store_btn {
  color: #fff;
  text-transform: uppercase;
  float: right;
  margin-top: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  border-radius: 2px;
  background: #0E5AA7;
  border: none;
  padding: 15px 50px;
}
#store_nearby a.blue_store_btn span {
  background: url('../images/location.svg') no-repeat left center;
  background-size: 22px;
  padding: 7px 0px;
  padding-left: 32px;
}
#meta_posts {
  float: left;
  width: 100%;
  margin-top: 32px;
}
#meta_posts .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#meta_posts .post {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333333%;
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
@media (max-width: 767px) {
  #meta_posts .post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px;
    width: 100%;
    padding-right: 0px!important;
  }
}
#meta_posts .post .inner {
  background: #fff;
  width: 100%;
  float: left;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#meta_posts .post .tags {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
#meta_posts .post .tags p {
  font-size: 13px;
  text-transform: uppercase;
  color: #0E5AA7;
  font-weight: 600;
  margin-bottom: 15px;
}
#meta_posts .post .tags a {
  color: #0E5AA7;
  text-decoration: none;
}
#meta_posts .post .title {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
}
#meta_posts .post .title h3 {
  color: #4C4646;
  font-weight: 400;
  margin-bottom: 10px;
  font-size: 20px;
}
#meta_posts .post .title h3 a {
  color: #4C4646;
  font-weight: 400;
  text-decoration: none;
}
#meta_posts .post .desc {
  padding-left: 20px;
  padding-right: 20px;
  min-height: 55px;
}
#meta_posts .post .desc p {
  font-size: 14px;
  line-height: 200%;
}
#meta_posts .post .readmore {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  padding-bottom: 20px;
  width: 100%;
  float: left;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 500;
}
#meta_posts .post .readmore a {
  text-align: right;
  background: url('../images/right_Arrow_blue.svg') no-repeat right center;
  background-size: 7px;
  padding-right: 25px;
  float: right;
  text-decoration: none;
}
#meta_posts .post .thumb img {
  width: 100%;
}
#sell_with_us,
.banner_blue {
  background-color: #F4F9FF;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-top: 60px;
  float: left;
  width: 100%;
}
@media (max-width: 767px) {
  #sell_with_us,
  .banner_blue {
    margin-top: 0px;
  }
}
#sell_with_us .left,
.banner_blue .left {
  background: url('../images/trolley.svg') no-repeat left 15px center;
  background-size: 100px;
  padding: 18px 0px;
  padding-left: 152px;
}
#sell_with_us .left h4,
.banner_blue .left h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 10px;
  color: #4D4D4D;
}
#sell_with_us .left p,
.banner_blue .left p {
  font-size: 16px;
  line-height: 26px;
  color: #252525;
}
#sell_with_us .right,
.banner_blue .right {
  margin-top: 26px;
}
#sell_with_us .right a.blue_btn,
.banner_blue .right a.blue_btn {
  height: 48px;
  width: 204px;
  border-radius: 2px;
  background-color: #0E5AA7;
  color: white;
  float: right;
  border: none;
  text-decoration: none;
  text-align: center;
  padding-top: 14px;
  font-weight: 500;
}
.banner_blue {
  margin-top: 0px;
}
.banner_blue .left {
  background: url('../images/envelope_new.svg') no-repeat left 5px center;
  background-size: 100px;
}
#aboutus {
  padding-top: 60px;
  padding-bottom: 60px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 40px;
  float: left;
  width: 100%;
  background: url('../images/icon_grey.svg') no-repeat left top 20px #fff;
}
#aboutus .left h5,
#aboutus .left h1 {
  font-size: 32px;
  color: #4A4A4A;
  line-height: 45px;
  margin-bottom: 40px;
  font-weight: 400;
}
#aboutus .left h5 span,
#aboutus .left h1 span {
  color: #0E5AA7;
  font-weight: 500;
}
#aboutus .left a.button {
  height: 48px;
  width: 204px;
  border-radius: 2px;
  background-color: #DD2326;
  color: white;
  margin-top: 40px;
  text-decoration: none;
  padding-right: 50px;
  padding-left: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 500;
}
#aboutus .right {
  padding-left: 40px;
  border-left: 1px solid #ddd;
}
#aboutus .right h5 {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
  color: #4D4D4D;
}
#aboutus .right p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 20px;
}
#aboutus .right p:last-child {
  margin-bottom: 0px;
}
#aboutus .right a.mobile-btn {
  display: none;
}
#newsmedia,
.home-box {
  clear: both;
  margin-bottom: 40px;
}
#newsmedia .inner,
.home-box .inner {
  background: #fff;
  width: 100%;
  float: left;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#newsmedia .title,
.home-box .title {
  margin-bottom: 20px;
}
#newsmedia .title h3,
.home-box .title h3 {
  color: #4A4A4A;
}
#newsmedia .left,
.home-box .left {
  padding-left: 0px;
  /*margin-top: 20px;*/
}
#newsmedia .right h4,
.home-box .right h4 {
  color: #4D4D4D;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 20px;
  margin-top: 30px;
}
#newsmedia .right p,
.home-box .right p {
  font-size: 14px;
  line-height: 20px;
}
#newsmedia .right p.readmore,
.home-box .right p.readmore,
#newsmedia .right div.readmore,
.home-box .right div.readmore {
  margin-top: 40px;
}
#newsmedia .right p.readmore a,
.home-box .right p.readmore a,
#newsmedia .right div.readmore a,
.home-box .right div.readmore a {
  float: right;
  text-decoration: none;
  background: url(../images/right_Arrow_blue.svg) no-repeat right center;
  padding-right: 23px;
  margin-bottom: 20px;
  background-size: 7px;
  font-weight: 500;
  font-size: 14px;
}
#brands {
  margin-bottom: 42px;
}
#brands h3 {
  margin-bottom: 20px;
  color: #4D4D4D;
}
#brands .flexslider {
  height: 130px;
}
#brands .flexslider ul.slides {
  height: 130px;
}
#brands .flexslider ul.slides li {
  background: white;
  text-align: center;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  height: 120px;
}
#brands .flexslider ul.slides li img {
  max-width: 260px;
  margin: 0 auto;
}
#brands .flexslider .flex-direction-nav {
  /*top: -127px;
          position: relative;*/
}
#brands .flexslider .flex-control-paging {
  display: none;
}
#brands .flexslider .flex-next {
  right: 0;
  opacity: 1;
  width: 24px!important;
  height: 48px!important;
  top: 53px;
}
#brands .flexslider .flex-prev {
  left: 0;
  opacity: 1;
  width: 48px!important;
  height: 48px!important;
  top: 53px;
}
#brands .flexslider .flex-prev:before {
  background: url(../images/slider_left.svg) no-repeat !important;
  width: 48px!important;
  height: 48px!important;
}
#brands .flexslider .flex-next:before {
  background: url(../images/slider_right.svg) no-repeat !important;
  width: 48px!important;
  height: 48px!important;
}
#brands .flexslider .flex-nav-prev {
  width: 50px;
  height: 50px;
}
#brands .flexslider .flex-nav-next {
  width: 50px;
  height: 50px;
}
#breadcrumbs {
  padding-top: 30px;
  padding-bottom: 12px;
}
#breadcrumbs ul li {
  float: left;
  list-style: none;
  padding-right: 15px;
  background: url('../images/arrow_right_grey.svg') no-repeat left top 4px;
  background-size: 8px;
  padding-left: 25px;
  color: #4D4D4D;
}
#breadcrumbs ul li a {
  text-decoration: none;
  color: #0E5AA7;
}
#breadcrumbs ul li:first-child {
  background: none;
  padding-left: 0px;
}
#content.detail-page .mob-breadcrumb {
  margin-top: 17px;
  margin-bottom: 17px;
}
#content.detail-page.page .mob-breadcrumb {
  margin-bottom: 0;
}
#content.detail-page .inner {
  padding: 20px;
  margin-bottom: 60px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#content.detail-page .date {
  margin-bottom: 20px;
}
#content.detail-page .date p {
  background: url('../images/calender.svg') center left no-repeat;
  padding-left: 30px;
  margin-top: 10px;
}
#content.detail-page .date ul li {
  list-style: none;
}
#content.detail-page .data p {
  margin-top: 10px;
  margin-bottom: 20px;
}
#content.detail-page .data ul li {
  list-style: none;
  padding-bottom: 20px;
}
#content.detail-page .title {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
}
#content.detail-category .row,
#content.blog-page .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#content.detail-category .title,
#content.blog-page .title {
  margin-bottom: 20px;
}
#content.detail-category h1,
#content.blog-page h1 {
  color: #4A4A4A;
  font-size: 22px;
}
#content.detail-category .post,
#content.blog-page .post {
  margin-bottom: 30px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
@media (max-width: 991px) {
  #content.detail-category .post,
  #content.blog-page .post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  #content.detail-category .post:nth-child(4n+1),
  #content.blog-page .post:nth-child(4n+1) {
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  #content.detail-category .post,
  #content.blog-page .post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}
#content.detail-category .post .thumb img,
#content.blog-page .post .thumb img {
  width: 100%;
}
#content.detail-category .post .data_wrap,
#content.blog-page .post .data_wrap {
  width: 100%;
  float: left;
  background: #fff;
  padding: 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  min-height: 127px;
}
#content.detail-category .post h3,
#content.blog-page .post h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 10px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#content.detail-category .post h3 a,
#content.blog-page .post h3 a {
  color: #4C4646;
  text-decoration: none;
}
#content.detail-category .post p,
#content.blog-page .post p {
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 10px;
}
#content.detail-category .post p.description,
#content.blog-page .post p.description {
  color: #666666;
}
#content.detail-category .post h4,
#content.blog-page .post h4 {
  font-weight: 500;
  line-height: 11px;
  margin-bottom: 8px;
  font-size: 11px;
  color: #4D4D4D;
}
#content.detail-category .post h4 a,
#content.blog-page .post h4 a {
  color: #0E5AA7;
  text-decoration: none;
}
#content.detail-category .post p.date,
#content.blog-page .post p.date {
  font-size: 10px;
  line-height: 16px;
  background: url('../images/calender.svg') center left no-repeat;
  color: #B2B2B2;
  padding-left: 20px;
  background-size: 16px;
  margin-bottom: 0px;
}
#content.detail-category .inner,
#content.blog-page .inner {
  padding: 30px;
  background: #fff;
  margin-top: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  float: left;
}
#content.detail-category .inner p,
#content.blog-page .inner p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 18px;
}
#content.detail-category .date,
#content.blog-page .date {
  margin-bottom: 20px;
}
#content.detail-category .date p,
#content.blog-page .date p {
  background: url('../images/calender.svg') center left no-repeat;
  padding-left: 30px;
  margin-top: 10px;
}
#content.detail-category a.button,
#content.blog-page a.button {
  height: 48px;
  width: 204px;
  border-radius: 2px;
  background-color: #DD2326;
  color: white;
  margin-top: 40px;
  text-decoration: none;
  padding-right: 50px;
  padding-left: 50px;
  padding-top: 15px;
  padding-bottom: 15px;
}
#content.detail-category .media-box .inner h3,
#content.blog-page .media-box .inner h3 {
  font-weight: 500;
  margin-bottom: 16px;
  font-size: 16px;
  color: #4D4D4D;
}
#categories,
.categories-page {
  margin-bottom: 20px;
}
#categories .post,
.categories-page .post {
  margin-bottom: 20px;
  cursor: pointer;
}
#categories .post .inner,
.categories-page .post .inner {
  background: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#categories .post img,
.categories-page .post img {
  width: 100%;
}
#categories .post h4,
.categories-page .post h4 {
  padding: 5px 15px;
  font-size: 14px;
  line-height: 16px;
  color: #0E5AA7;
}
#categories .post .cate-desc,
.categories-page .post .cate-desc {
  background: #0E5AA7;
  color: #FFF;
  padding: 20px 30px;
  padding-bottom: 40px;
  margin-bottom: 20px;
}
#categories .post .cate-desc .close-btn-wrapper,
.categories-page .post .cate-desc .close-btn-wrapper {
  float: left;
  width: 100%;
}
#categories .post .cate-desc .close-btn-wrapper span,
.categories-page .post .cate-desc .close-btn-wrapper span {
  float: right;
  color: #FFF;
  opacity: 1;
  font-weight: 300;
}
#categories .post .cate-desc .close-btn-wrapper span img,
.categories-page .post .cate-desc .close-btn-wrapper span img {
  width: 17px!important;
}
#categories .post .cate-desc p,
.categories-page .post .cate-desc p {
  color: #FFF;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
}
#categories .selected h4,
.categories-page .selected h4 {
  background: #0E5AA7;
  color: #FFF;
}
#categories .cate-desc-wrapper,
.categories-page .cate-desc-wrapper {
  display: none;
  clear: left;
  width: 100%;
}
#services.services-page .post .inner .title h3 {
  width: 337px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1199px) {
  #services.services-page .post .inner .title h3 {
    width: 268px;
  }
}
@media (max-width: 991px) {
  #services.services-page .post .inner .title h3 {
    width: 187px;
  }
}
@media (max-width: 767px) {
  #services.services-page .post .inner .title h3 {
    width: 100%;
    white-space: initial;
    overflow: initial;
    text-overflow: initial;
  }
}
#services.services-page .post .inner .desc p {
  line-height: 20px;
  min-height: 45px;
}
#services .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#services .post {
  margin-bottom: 28px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.333333333%;
  flex: 0 0 33.333333333%;
  max-width: 33.333333333%;
}
@media (max-width: 767px) {
  #services .post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}
#services .post .inner {
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
}
#services .post .tags {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
#services .post .tags p {
  font-size: 13px;
  text-transform: uppercase;
  color: #0E5AA7;
  font-weight: 600;
  margin-bottom: 15px;
}
#services .post .tags a {
  text-decoration: none;
}
#services .post .title {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
  min-height: 34px;
  float: left;
  width: 100%;
  margin-bottom: 5px;
}
#services .post .title h3 {
  color: #4C4646;
  font-weight: 400;
  font-size: 20px;
  padding-bottom: 15px;
}
#services .post .title h3 a {
  color: #4C4646;
  text-decoration: none;
}
#services .post .desc {
  padding-left: 20px;
  padding-right: 20px;
  float: left;
  width: 100%;
}
#services .post .desc p {
  font-size: 14px;
  line-height: 20px;
}
#services .post .readmore {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  padding-bottom: 20px;
  padding-top: 17px;
  width: 100%;
  float: left;
}
#services .post .readmore a {
  text-align: right;
  background: url('../images/right_Arrow_blue.svg') no-repeat right center;
  background-size: 7px;
  padding-right: 23px;
  float: right;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
}
#services .post .thumb img {
  width: 100%;
}
#services.categories-page .post {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  width: 25%;
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  #services.categories-page .post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    width: 33.3333333333%;
  }
  #services.categories-page .post:nth-child(8n+1) {
    padding-right: 15px;
    padding-left: 15px;
  }
  #services.categories-page .post:nth-child(8n+3) {
    padding-right: 15px;
    padding-left: 15px;
  }
  #services.categories-page .post:nth-child(8n+5) {
    padding-right: 15px;
    padding-left: 15px;
  }
  #services.categories-page .post:nth-child(8n+7) {
    padding-right: 15px;
    padding-left: 15px;
  }
  #services.categories-page .post:nth-child(6n+1) {
    padding-right: 10px!important;
    padding-left: 15px!important;
  }
  #services.categories-page .post:nth-child(6n+3) {
    padding-right: 10px!important;
    padding-left: 10px!important;
  }
  #services.categories-page .post:nth-child(6n+5) {
    padding-right: 15px!important;
    padding-left: 10px!important;
  }
}
@media (max-width: 767px) {
  #services.categories-page .post {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
  #services.categories-page .post:nth-child(6n+1) {
    padding-right: 15px!important;
    padding-left: 15px!important;
  }
  #services.categories-page .post:nth-child(6n+3) {
    padding-right: 15px!important;
    padding-left: 15px!important;
  }
  #services.categories-page .post:nth-child(6n+5) {
    padding-right: 15px!important;
    padding-left: 15px!important;
  }
}
#services.categories-page .post.cate-desc-wrapper {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
}
#services.categories-page .post:nth-child(8n+1) {
  padding-right: 10px;
  padding-left: 15px;
}
#services.categories-page .post:nth-child(8n+3) {
  padding-right: 10px;
  padding-left: 10px;
}
#services.categories-page .post:nth-child(8n+5) {
  padding-right: 10px;
  padding-left: 10px;
}
#services.categories-page .post:nth-child(8n+7) {
  padding-right: 15px;
  padding-left: 10px;
}
#services.categories-page .post.cate-desc-wrapper {
  padding-left: 15px!important;
  padding-right: 15px!important;
}
#services.categories-page .post.cate-desc-wrapper .cate-desc {
  margin-bottom: 8px;
}
#tab-title {
  margin-top: 7px;
}
#tab-title ul.nav {
  border: none;
  background: #fff;
  border-top: 1px solid #dddddd;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
}
#tab-title ul.nav li {
  border: none;
  font-size: 16px;
  padding: 10px 15px 7px;
  border-bottom: 2px solid rgba(255, 255, 255, 0);
  font-weight: 300;
}
#tab-title ul.nav li a {
  text-decoration: none;
  border: none;
  box-shadow: none;
  color: #6B6B6B;
}
#tab-title ul.nav li:hover {
  border-bottom: 2px solid #0E5AA7;
}
#tab-title ul.nav li:hover a {
  background: none;
  box-shadow: none;
  border: none;
  color: #0E5AA7;
}
#tab-title ul.nav li.active {
  background: none;
  border: none;
  box-shadow: none;
  border-bottom: 2px solid #0E5AA7;
  font-size: 16px;
  font-weight: 400;
}
#tab-title ul.nav li.active a {
  border: none;
  text-align: center;
  text-decoration: none;
  background: none;
  box-shadow: none;
  color: #0E5AA7;
}
#tab-title ul.nav li.active a:hover {
  background: none;
  box-shadow: none;
  border: none;
}
#tab-title ul.nav li:nth-child(2) {
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
#content.media {
  margin-top: 0px;
}
.page-title h1 {
  font-size: 22px;
  line-height: 24px;
  color: #4D4D4D;
  font-weight: 400;
  margin-top: 20px;
}
#content.page .title h2,
#content.page .title h1 {
  font-size: 22px;
  line-height: 24px;
  color: #4D4D4D;
}
#content.page .inner,
#content.page .view-empty {
  padding: 24px;
  background: #fff;
  margin-top: 9px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  float: left;
}
#content.page .inner p,
#content.page .view-empty p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 18px;
  color: #4D4D4D;
}
#content.page .inner .field-name-field-image img,
#content.page .view-empty .field-name-field-image img {
  width: 100%;
}
#content.page .view-empty {
  margin-bottom: 80px;
  margin-top: 0px;
}
#content.blog-landing-page .page-title {
  margin-top: -30px;
}
#content.blog-landing-page h1 {
  float: left;
  margin-top: 30px;
}
#content.blog-landing-page .view-id-blog .view-filters {
  display: none;
}
body.node-type-service #content div.page-title {
  display: none;
  visibility: hidden;
}
body .news-page .view-id-news h3.sub-title,
body .news-page .view-id-media h3.sub-title {
  font-size: 20px;
  color: #4D4D4D;
  margin-bottom: 23px;
}
body.in-maintenance section#content {
  min-height: 300px;
}
#content.page.about .inner {
  margin-top: 9px;
}
#content.page.about .inner,
#content.page.about-us .inner {
  margin-bottom: 30px;
}
#content.page.about .inner .left img,
#content.page.about-us .inner .left img {
  width: 100%;
  max-width: 100%;
}
#content.page.about .inner .right h3,
#content.page.about-us .inner .right h3 {
  margin-bottom: 20px;
  padding: 10px 0px;
}
#content.page.about .inner .right p,
#content.page.about-us .inner .right p {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 18px;
  color: #4D4D4D;
}
#content.page.about .inner .right p:last-child,
#content.page.about-us .inner .right p:last-child {
  margin-bottom: 0px;
}
#content.page.about .title,
#content.page.about-us .title {
  display: none;
  visibility: hidden;
}
#content.page.about .inner.row2,
#content.page.about-us .inner.row2 {
  margin-top: 0px;
  margin-bottom: 80px;
}
#content.page.about .inner.row2 .col-md-4:nth-child(2),
#content.page.about-us .inner.row2 .col-md-4:nth-child(2) {
  padding: 0px 0px;
}
#content.page.about .inner.row2 .inwrap,
#content.page.about-us .inner.row2 .inwrap {
  border: 1px solid #E6E6E6;
  padding: 20px;
  min-height: 280px;
}
#content.page.about .inner.row2 h4,
#content.page.about-us .inner.row2 h4 {
  font-size: 24px;
  line-height: 40px;
  margin-bottom: 30px;
  color: #4D4D4D;
}
#content.page.about .inner.row2 h4 span,
#content.page.about-us .inner.row2 h4 span {
  color: #0E5AA7;
}
#content.page.about .inner.row2 h5,
#content.page.about-us .inner.row2 h5 {
  color: #4D4D4D;
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 20px;
}
#content.page.about .inner.row2 p,
#content.page.about-us .inner.row2 p {
  font-size: 14px;
  line-height: 22px;
  color: #4D4D4D;
}
#content.page.about .icon-about,
#content.page.about-us .icon-about {
  background-repeat: no-repeat;
  background-position: right center;
}
#content.media .media_v ul.slides li iframe,
#content .view-id-media .media_v ul.slides li iframe {
  width: 100%;
  height: 500px;
}
.cookie-wrapper {
  background: rgba(15, 90, 167, 0.92);
  padding: 20px 0px;
}
.cookie-wrapper .row {
  max-width: 1234px;
  width: 100%;
  margin: 0 auto;
}
.cookie-wrapper .row h2 {
  margin-bottom: 8px;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  font-weight: 500;
}
.cookie-wrapper .row .left div {
  color: white;
  font-size: 14px;
  font-weight: 500;
}
.cookie-wrapper .row .left div a {
  font-size: 15px;
  text-decoration: underline;
  color: white;
  font-weight: 700;
}
.cookie-wrapper .row .right div {
  display: inline-block;
  float: right;
  margin-top: 26px;
}
@media (max-width: 1199px) {
  .cookie-wrapper .row .right div {
    margin-top: 37px;
  }
}
@media (max-width: 1199px) {
  .cookie-wrapper .row .right div {
    margin-top: 37px;
  }
}
@media (max-width: 991px) {
  .cookie-wrapper .row .right div {
    margin-top: 28px;
    margin-bottom: 8px;
    float: left;
  }
}
.cookie-wrapper .row .right div .btn-pop-accept {
  color: white;
  font-weight: 500;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 50px;
  border-radius: 2px;
  background-color: #DD2326;
  border: 1px solid #DD2326;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.cookie-wrapper .row .right div .btn-pop-cancel {
  color: white;
  font-weight: 500;
  margin-left: 10px;
  text-decoration: none;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px 50px;
  border: 1px solid #FFFFFF;
  opacity: 0.7;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 575px) {
  .cookie-wrapper .row .right div {
    margin-top: 20px;
  }
  .cookie-wrapper .row .right div .btn-pop-accept {
    padding: 9px 35px;
  }
  .cookie-wrapper .row .right div .btn-pop-cancel {
    padding: 8px 35px;
  }
}
#content.contact .content-in {
  padding-top: 20px;
}
#content.contact .left .img-wrap {
  position: relative;
}
#content.contact .left .img-wrap img {
  height: 669px;
  object-fit: cover;
  width: 100%;
}
#content.contact .left .img-wrap .inside {
  position: absolute;
  left: 30px;
  top: 30px;
}
#content.contact .left .img-wrap .inside h4 {
  font-size: 24px;
  color: white;
  font-weight: 300;
  margin-bottom: 15px;
}
#content.contact .left .img-wrap .inside p {
  color: #fff;
  padding-right: 10px;
}
#content.contact .left .img-wrap .inside p a {
  text-decoration: none;
  color: white;
  font-size: 32px;
}
#content.contact .right .webform-component--agree-terms {
  float: left;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 0;
}
#content.contact .right h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 10px;
}
#content.contact .right p {
  color: #4D4D4D;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px;
}
#content.contact .right form {
  background: #fff;
  padding: 30px;
  width: 100%;
  float: left;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 40px;
}
#content.contact .right form .textarea {
  border: 1px solid #777;
}
#content.contact .right form .mobile.row .left {
  padding-right: 0px;
}
#content.contact .right form .form-control.name {
  margin-top: 0px;
}
#content.contact .right form .form-control {
  border: none;
  position: relative;
  height: 50px;
  padding: 0px;
  margin-top: 20px;
  box-shadow: none;
}
#content.contact .right form .form-control label {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  position: absolute;
  top: 15px;
  left: 15px;
  pointer-events: none;
  color: #4D4D4D;
  font-weight: 300;
}
#content.contact .right form .form-control label.active {
  font-size: 12px;
  top: 7px;
  transition: .5s;
  color: #0E5AA7;
}
#content.contact .right form .form-control input {
  width: 100%;
  height: 50px;
  border: 1px solid #777;
  border-radius: 0px;
  padding-left: 15px;
  padding-top: 24px;
  font-size: 16px;
  -webkit-appearance: none;
}
#content.contact .right form .form-control input::-webkit-outer-spin-button,
#content.contact .right form .form-control input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
#content.contact .right form .form-control input:focus {
  border: 1px solid #777;
}
#content.contact .right form .form-control input.active {
  border: 1px solid #0E5AA7;
}
#content.contact .right form .form-control input:-webkit-autofill,
#content.contact .right form .form-control input:-webkit-autofill:hover,
#content.contact .right form .form-control input:-webkit-autofill:focus input:-webkit-autofill {
  -webkit-text-fill-color: #555;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
#content.contact .right form .form-control .error {
  font-size: 12px;
  /*padding-top: 2px;*/
}
#content.contact .right form .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  float: left;
  margin-top: 15px;
}
#content.contact .right form .upload-btn-wrapper button {
  width: 100%;
  text-align: center;
  border: 1px solid #0E5AA7;
  color: #0E5AA7;
  background: url('../images/plus.svg') no-repeat center left 32% white;
  background-size: 24px;
  padding: 8px 20px;
  border-radius: 0px;
  font-size: 20px;
  font-weight: 300;
  font-size: 16px;
  height: 50px;
  line-height: 33px;
}
#content.contact .right form .upload-btn-wrapper input[type=file] {
  /*font-size: 100px;
                  position: absolute;
                  left: 0;
                  top: 0;*/
  opacity: 0;
  display: none;
  visibility: hidden;
}
#content.contact .right form .upload-btn-wrapper .inner {
  display: none;
  visibility: hidden;
}
#content.contact .right form .form-control.select label {
  font-size: 12px;
  top: 6px;
  display: none;
}
#content.contact .right form .form-control.select select {
  margin-top: 0px;
  padding-top: 0px;
  background: url(../images/arrow_down.svg) no-repeat right 16px bottom 18px #fff;
  background-size: 16px;
  font-size: 16px;
}
#content.contact .right form .form-control.select select option {
  width: 100%;
}
#content.contact .right form select {
  width: 100%;
  height: 50px;
  border: 1px solid #777;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 15px;
  background: url(../images/arrow_down.svg) no-repeat right 16px center #fff;
  background-size: 16px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 300;
}
#content.contact .right form .textarea {
  margin-top: 20px;
  position: relative;
}
#content.contact .right form .textarea label {
  width: 100%;
  font-weight: 400;
  font-size: 12px;
  position: absolute;
  top: 15px;
  left: 15px;
  pointer-events: none;
  color: #4D4D4D;
  font-weight: 300;
  z-index: 2;
}
#content.contact .right form .textarea textarea {
  resize: none;
  border: none;
  padding: 15px;
  padding-top: 0px;
  margin-top: 37px;
  width: 100%;
  height: 80px;
  background: none;
}
#content.contact .right form .textarea textarea:focus {
  outline: none;
}
#content.contact .right form .textarea #charNum,
#content.contact .right form .textarea span.field-prefix {
  font-size: 12px;
  color: #4D4D4D;
  position: absolute;
  right: 15px;
  top: 15px;
  font-weight: 300;
}
#content.contact .right form .textarea div.error {
  background: none;
}
#content.contact .right form .check {
  width: 100%;
  float: left;
  margin-top: 20px;
  margin-bottom: 15px;
}
#content.contact .right form .check input {
  margin-right: 5px;
  margin-top: 2px;
  position: absolute;
  opacity: 0;
}
#content.contact .right form .check input[type="checkbox"] + label:before {
  border: 2px solid #B5B5B5;
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  margin: 0 15px 0 0;
  padding: 0;
  vertical-align: top;
  width: 20px;
  border-radius: 2px;
  height: 20px;
  font-size: 0px;
}
#content.contact .right form .check input[type="checkbox"]:checked + label:before {
  background: #0e5aa7ba;
  color: #fff;
  content: url('../images/check_white.svg');
  padding: 1px;
  padding-top: 3px;
  width: 20px;
  border-radius: 2px;
  height: 20px;
  text-align: center;
  border: 1px solid #0E5AA7;
  border-radius: 0px;
}
#content.contact .right form .check input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}
#content.contact .right form .check input[type="checkbox"]:focus + label::before {
  outline: #3b99fc auto 5px;
}
#content.contact .right form .check label {
  font-weight: 400;
}
#content.contact .right form .check .form-item label {
  width: auto;
}
#content.contact .right form .captcha {
  float: left;
}
#content.contact .right form button.submit,
#content.contact .right form input.form-submit {
  width: 200px;
  height: 50px;
  background: #DD2326;
  float: right;
  color: white;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 400;
  margin-top: 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#content.help {
  /*padding-top: 30px;*/
}
#content.help .mob-breadcrumb {
  margin-top: 17px;
  margin-bottom: 0;
}
#content.help .title {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
#content.help .title h3 {
  font-size: 20px;
  line-height: 24px;
}
#content.help .tabs_help {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
#content.help .tabs_help ul li {
  float: left;
  list-style: none;
  margin-right: 15px;
  padding: 21px 0px;
  margin-bottom: 5px;
}
#content.help .tabs_help ul li a {
  text-decoration: none;
  padding: 20px 30px;
  background: #0E5AA7;
  color: white;
  font-weight: 500;
  border-radius: 2px;
}
#content.help .tabs_help a.selected {
  background-color: #009688;
}
#content.help .help-content .left {
  background: white;
  padding-top: 24px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  color: #4D4D4D;
}
#content.help .help-content .left h4 {
  font-size: 20px;
  line-height: 24px;
}
#content.help .help-content .tab-pane ul li {
  list-style: none;
  font-size: 14px;
  border-bottom: 1px solid #E6E6E6;
  padding: 16px 0px;
  background: url('../images/arrow_right_grey.svg') no-repeat center right;
  background-size: 10px;
  padding-right: 20px;
}
#content.help .help-content .tab-pane ul li a {
  text-decoration: none;
  color: #4D4D4D;
}
#content.help .help-content .tab-pane ul li:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
#content.help .help-content .pagination-wrapper {
  margin-top: 15px;
}
#content.help .help-content.tab-content {
  width: 100%;
  float: left;
}
#content.help .help-content.tab-content .tab-pane {
  width: 100%;
  float: left;
}
#content.help .help-content.tab-content .tab-pane h3 {
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
  padding-left: 24px;
}
#content.help .help-content.tab-content .tab-pane .panel-group {
  margin-bottom: 0px;
  background: #fff;
  border: 0;
}
#content.help .help-content.tab-content .tab-pane .panel-group .panel {
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom: 1px solid #E6E6E6;
}
#content.help .help-content.tab-content .tab-pane .panel-group .panel-heading {
  border: none;
  border-bottom: 0;
  background: none;
  box-shadow: none;
}
#content.help .help-content.tab-content .tab-pane .panel-group .panel-heading h4 {
  font-size: 14px;
}
#content.help .help-content.tab-content .tab-pane .panel-group .panel-heading h4 a {
  padding-left: 25px;
  text-decoration: none;
  padding-right: 25px;
}
#content.help .right {
  padding-right: 0px;
  margin-top: 0px;
}
#content.help .right .inner {
  margin-top: 0px;
  padding: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#content.help .right .inner h4 {
  font-size: 20px;
  line-height: 30px;
}
#content.help .right .inner p {
  font-size: 14px;
  line-height: 30px;
  margin-bottom: 15px;
  margin-top: 10px;
}
#content.help .right .inner button {
  width: 100%;
  border: 1px solid #0E5AA7;
  height: 50px;
  font-weight: 500;
  background: none;
}
#content.help .right .inner .call_now {
  text-align: center;
  width: 100%;
  font-size: 20px;
  line-height: 24px;
  background: url('../images/call_grey.svg') no-repeat center left;
  background-size: 24px;
  width: 180px;
  margin: 0 auto;
  margin-top: 11px;
}
#content.help .right .inner .call_now a {
  text-decoration: none;
  color: #4D4D4D;
}
#content.help .help-content {
  float: left;
  width: 100%;
}
#content.help .help-content .panel-group {
  background: #fff;
  border: 1px solid #ddd;
}
#content.help .help-content .panel-group .panel-default {
  border: none;
}
#content.help .help-content .panel-group .panel-default .panel-heading {
  background: none;
  border: none;
  padding: 0;
}
#content.help .help-content .panel-group .panel-default .panel-heading h4 a {
  text-decoration: none;
  display: inline-block;
  width: 100%;
  font-size: 14px;
  background: url(../images/arrow_right_grey.svg) no-repeat right 24px center;
  background-size: 8px;
  padding: 10px 0px;
  line-height: 20px;
  padding-right: 25px;
  padding-left: 25px;
}
#content.help .help-content .panel-group .panel-default .panel-heading.active a {
  background: url(../images/arrow_up_grey.svg) no-repeat right 24px center;
  background-size: 16px;
  color: #0E5AA7;
  font-weight: 500;
}
#content.help .help-content .panel-group .panel-default .panel-collapse .panel-body {
  padding-left: 25px;
  padding-top: 0;
  border-top: 0;
}
#content.help .help-content .panel-group .panel-default .panel-collapse .panel-body h4 {
  color: #0E5AA7;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}
#content.help .help-content .panel-group .panel-default .panel-collapse .panel-body p {
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
}
.thankyou {
  position: fixed;
  width: 100%;
  /* Full width (cover the whole page) */
  height: 100%;
  /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0E5AA7;
  z-index: 999;
}
.thankyou .in {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  height: 100%;
}
.thankyou .in_wrapper {
  background: white;
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.thankyou .in_wrapper .head {
  display: flex;
  justify-content: center;
}
.thankyou .in_wrapper .head img {
  width: 118px;
}
.thankyou .in_wrapper .content {
  text-align: center;
  width: 362px;
  margin: 0 auto;
}
.thankyou .in_wrapper .content .check {
  display: flex;
  justify-content: center;
  height: 80px;
}
.thankyou .in_wrapper .content .check img {
  width: 40px;
}
.thankyou .in_wrapper .content h3 {
  font-size: 24px;
  text-align: center;
  color: #4D4D4D;
  font-weight: 500;
  margin-bottom: 30px;
}
.thankyou .in_wrapper .content #thankyou-message p {
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  max-width: 360px;
  width: 100%;
  margin: 0 auto;
  line-height: 26px;
  color: #252525;
  margin-bottom: 30px;
}
.thankyou .in_wrapper .content .coupon {
  display: inline-flex;
  margin: 0 auto;
  width: 100%;
}
.thankyou .in_wrapper .content .coupon .left {
  width: 75px;
  float: left;
  background: #691963;
  padding: 11px;
}
.thankyou .in_wrapper .content .coupon .left .top {
  width: 100%;
  text-align: center;
  color: white;
  font-size: 6px;
  font-weight: 300;
  display: block;
}
.thankyou .in_wrapper .content .coupon .left .price {
  font-size: 26px;
  line-height: 22px;
  font-weight: 400;
  color: white;
  width: 100%;
  text-align: center;
  display: inline-block;
  line-height: 34px;
}
.thankyou .in_wrapper .content .coupon .left .aed {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 300;
  color: white;
  width: 100%;
  text-align: center;
  display: block;
  line-height: 5px;
  margin-top: 3px;
}
.thankyou .in_wrapper .content .coupon .right {
  width: 287px;
  float: left;
  border: 1px solid #E6E6E6;
  border-radius: 2px;
  background-color: #FFFFFF;
  max-height: 77px;
}
.thankyou .in_wrapper .content .coupon .right p {
  text-align: left;
  padding: 17px;
  font-size: 14px;
  line-height: 20px;
}
.thankyou .in_wrapper .content .coupon .right p span {
  color: #691963;
  font-weight: 500;
}
.thankyou .in_wrapper .content .cont {
  /*width: 100%;
                float: left;*/
  margin-top: 50px;
}
.thankyou .in_wrapper .content .cont a button {
  border-radius: 2px;
  background-color: #DD2326;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: white;
  width: 100%;
  height: 47px;
  border: none;
}
.thankyou .in_wrapper .content .foot {
  margin-top: 50px;
  margin-bottom: 40px;
  /*width: 100%;
                float: left;*/
}
.thankyou .in_wrapper .content .foot .left {
  padding-left: 30px;
}
.thankyou .in_wrapper .content .foot img {
  /*float: left;*/
}
.thankyou .in_wrapper .content .foot p {
  font-weight: 400;
  margin-top: 10px;
  font-size: 13px;
  line-height: 22px;
  color: #4D4D4D;
}
.help .main-content {
  float: left;
  width: 100%;
  margin-bottom: 0px;
}
.help .contact-help {
  float: left;
  width: 100%;
  margin-top: 15px;
}
.help .contact-help .btn-contact {
  background: #DD2326;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  padding: 7px 30px;
  float: left;
  font-weight: 500;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.help .contact-help .contact-number {
  margin-left: 20px;
  font-size: 28px;
  background: url(../images/call_grey.svg) no-repeat left center;
  color: #333;
  text-decoration: none;
  padding-left: 30px;
  background-size: 20px;
  float: left;
}
#back {
  margin-top: 30px;
}
#back p {
  background: url('../images/back_grey.svg') no-repeat left center;
  background-size: 8px;
  padding-left: 20px;
}
#back p a {
  text-decoration: none;
  color: #0E5AA7;
}
#content.find-store .content-in {
  padding-top: 20px;
  margin-bottom: 40px;
}
#content.find-store .content-in #store-map {
  height: 1300px;
}
#content.find-store .content-in .filter {
  /*opacity : 0.8;*/
  max-width: 500px;
  background: #F5F5F5;
  float: left;
  position: absolute;
  top: 30px;
  left: 45px;
  max-height: 920px;
  /*      overflow-y: auto;*/
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#content.find-store .content-in .filter .top {
  float: left;
  width: 100%;
}
#content.find-store .content-in .filter .top .search-outer-wrapper {
  background: #FFF;
  padding: 15px;
  float: left;
  width: 70%;
}
#content.find-store .content-in .filter .top .search-outer-wrapper .search-outer {
  float: left;
  border: 1px solid #000;
  background: #fff;
  width: 100%;
  height: 48px;
}
#content.find-store .content-in .filter .top .search-outer-wrapper .search-outer .search-ico {
  float: left;
  width: 24px;
  margin-top: 11px;
  margin-left: 8px;
}
#content.find-store .content-in .filter .top .search-outer-wrapper .search-outer .search-field {
  float: left;
  padding: 10px 10px;
  border: none;
  width: 80%;
  margin-top: 5px;
  height: 40px;
}
#content.find-store .content-in .filter .top .search-outer-wrapper .search-outer .close-ico {
  float: left;
  margin-top: 16px;
  cursor: pointer;
  width: 16px;
}
#content.find-store .content-in .filter .top .filter-btn {
  background: #FFF;
  padding: 12px 20px;
  float: left;
  width: 23%;
  margin-left: 3%;
  border: 1px solid #000;
  cursor: pointer;
  margin-top: 15px;
  height: 48px;
  font-size: 16px;
}
#content.find-store .content-in .filter .top .filter-btn a {
  color: #4A4A4A;
  text-decoration: none;
  float: left;
}
#content.find-store .content-in .filter .top .filter-btn img {
  float: right;
  width: 20px;
}
#content.find-store .content-in .filter .stores-filter .filter-list h4 {
  margin: 12px 0;
  font-size: 15px;
  font-weight: bold;
  clear: both;
}
#content.find-store .content-in .filter .stores-filter .filter-list .lists .col-md-4 {
  margin: 5px 0;
}
#content.find-store .content-in .filter .stores-filter .filter-list .lists input[type="checkbox"] {
  visibility: hidden;
  display: none;
}
#content.find-store .content-in .filter .stores-filter .filter-list .lists label {
  cursor: pointer;
  font-weight: normal;
}
#content.find-store .content-in .filter .stores-filter .filter-list .lists input[type="checkbox"] + label:before {
  border: 1px solid #4D4D4D;
  background: #FFF;
  border-radius: 2px;
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  margin: 0 .25em 0 0;
  padding: 0;
  vertical-align: top;
  width: 20px;
  height: 20px;
  font-size: 0px;
}
#content.find-store .content-in .filter .stores-filter .filter-list .lists input[type="checkbox"]:checked + label:before {
  color: #fff;
  content: '';
  background: url(../images/check_white.svg) no-repeat #0e5aa7d9 d9;
  background-position: left 2px top 4px;
  background-size: 14px;
  padding-top: 1px;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px solid #0E5AA7;
  border-radius: 3px;
}
#content.find-store .content-in .filter .stores-filter .filter-list .lists input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}
#content.find-store .content-in .filter .stores-filter .filter-list .lists input[type="checkbox"]:focus + label::before {
  outline: #3b99fc auto 5px;
}
#content.find-store .content-in .filter .stores-filter .butttons-section {
  float: left;
  padding-bottom: 20px;
  padding-top: 10px;
}
#content.find-store .content-in .filter .stores-filter .butttons-section .btn-clear {
  background: #FFF;
  border: 1px solid #0A437C;
  color: #0A437C;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#content.find-store .content-in .filter .stores-filter .butttons-section .btn-apply {
  background: #DD2326;
  color: #FFF;
  margin-left: 2%;
  border: 1px solid #DD2326;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#content.find-store .content-in .filter .stores-filter .butttons-section .btn {
  text-transform: uppercase;
  border-radius: 0;
  width: 48%;
  padding: 10px 0;
}
#content.find-store .content-in .filter .filter-result {
  display: none;
  float: left;
  width: 100%;
  padding-bottom: 20px;
  padding-top: 20px;
}
#content.find-store .content-in .filter .filter-result .selected-store {
  background: #0E5AA7;
  color: #FFF;
  padding: 8px 10px 8px 15px;
  border-radius: 20px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
#content.find-store .content-in .filter .filter-result .selected-store span {
  float: left;
}
#content.find-store .content-in .filter .filter-result .selected-store a {
  margin-left: 11px;
}
#content.find-store .content-in .filter .filter-result .selected-store a img {
  width: 13px;
}
#content.find-store .content-in .filter .stores-lists-dir-wrap {
  height: 690px;
  float: left;
  width: 100%;
  overflow-y: auto;
}
#content.find-store .content-in .filter .stores-lists-dir-wrap.fixfilter {
  height: 550px;
}
#content.find-store .content-in .filter .stores-lists-dir:first-child {
  border-top: 1px solid #D8D8D8;
}
#content.find-store .content-in .filter .stores-lists-dir {
  float: left;
  cursor: pointer;
  width: 100%;
  border-bottom: 1px solid #D8D8D8;
  padding-bottom: 20px;
  background: #FFF;
}
#content.find-store .content-in .filter .stores-lists-dir.loading {
  text-align: center;
  padding-top: 15px;
  width: 500px;
}
#content.find-store .content-in .filter .stores-lists-dir.loading .detail {
  width: 100% !important;
  text-align: center;
}
#content.find-store .content-in .filter .stores-lists-dir .stores {
  float: left;
  width: 100%;
}
#content.find-store .content-in .filter .stores-lists-dir .stores .detail {
  float: left;
  width: 80%;
}
#content.find-store .content-in .filter .stores-lists-dir .stores .detail h4 {
  float: left;
  width: 100%;
  padding-left: 40px;
  background-size: 23px;
  margin-top: 20px;
  font-size: 16px;
  padding-top: 3px;
  font-weight: 500;
  color: #4D4D4D;
  position: relative;
}
#content.find-store .content-in .filter .stores-lists-dir .stores .detail h4:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background: url(../images/location_on_map.svg) no-repeat;
  background-size: 24px;
  left: 0;
  top: 0;
}
#content.find-store .content-in .filter .stores-lists-dir .stores .detail span.shop {
  float: left;
  margin-left: 40px;
  width: 100%;
  font-size: 14px;
  line-height: 16px;
}
#content.find-store .content-in .filter .stores-lists-dir .stores .detail span.city-addr {
  float: left;
  width: 100%;
  margin-top: 10px;
  margin-left: 40px;
  font-size: 14px;
  line-height: 22px;
}
#content.find-store .content-in .filter .stores-lists-dir .stores .detail a.dir-ink {
  color: #0E5AA7;
  float: left;
  /*width: 100%;*/
  margin-left: 40px;
  text-decoration: none;
  background: url(../images/directions.svg) no-repeat;
  background-size: 24px;
  padding-left: 40px;
  font-weight: 500;
  margin-top: 7px;
  background-position: left -1px;
  font-size: 14px;
  line-height: 22px;
}
#content.find-store .content-in .filter .stores-lists-dir .stores .km-det {
  float: left;
  width: 20%;
  margin-top: 20px;
  text-align: right;
}
#content.find-store .content-in .filter .stores-lists-dir:nth-child(n+6) {
  display: none;
}
#content.find-store .content-in .filter .show-more-lnk {
  background: #F5F5F5;
  text-align: center;
  width: 100%;
  float: left;
  padding: 15px 0;
  box-shadow: 0px 1px 2px 0px #ddd;
}
#content.find-store .content-in .filter .show-more-lnk a {
  font-weight: 400;
  text-decoration: none;
  background: url(../images/chevron_down.svg) no-repeat;
  background-position: right;
  padding-right: 30px;
  background-size: 16px;
}
#content.find-store .content-in .filter-result-details {
  max-width: 500px;
  background: #FFF;
  float: left;
  padding: 10px;
  position: absolute;
  top: 15px;
  left: 30px;
  max-height: 890px;
  overflow-y: auto;
  width: 100%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#content.find-store .content-in .filter-result-details .close-btn {
  float: right;
  cursor: pointer;
  margin-top: 15px;
  margin-right: 15px;
}
#content.find-store .content-in .filter-result-details .close-btn img {
  width: 18px;
}
#content.find-store .content-in .filter-result-details .location-data {
  float: left;
  width: 100%;
  padding: 0px 7px;
}
#content.find-store .content-in .filter-result-details .location-data h5 {
  font-size: 15px;
  font-weight: bold;
  color: #4D4D4D;
  float: left;
  width: 100%;
}
#content.find-store .content-in .filter-result-details .location-data h5.name {
  background: url(../images/location_on_map_marker.svg) no-repeat;
  padding-left: 40px;
  padding-top: 6px;
  margin-bottom: 4px;
  background-size: 24px;
  background-position: left 4px;
  float: left;
  width: 100%;
  font-size: 18px;
  font-weight: 400;
}
#content.find-store .content-in .filter-result-details .location-data span {
  width: 100%;
  float: left;
  padding-left: 40px;
  color: #4D4D4D;
  font-size: 14px;
  line-height: 22px;
}
#content.find-store .content-in .filter-result-details .location-data span.location {
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
  color: #4D4D4D;
}
#content.find-store .content-in .filter-result-details .location-data span.km {
  font-weight: 500;
}
#content.find-store .content-in .filter-result-details .location-data .phone-contact {
  margin-top: 10px;
  background: url(../images/phone_grey.svg) no-repeat;
  padding-left: 40px;
  background-size: 16px;
  background-position: left 4px;
  padding-bottom: 20px;
  background-size: 24px;
}
#content.find-store .content-in .filter-result-details .location-data .phone-contact a {
  margin-top: 7px;
  float: left;
  color: #4D4D4D;
  text-decoration: none;
}
#content.find-store .content-in .filter-result-details .location-data .map-responsive {
  display: none;
}
#content.find-store .content-in .filter-result-details .location-data .share {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
#content.find-store .content-in .filter-result-details .location-data .share b {
  background: url(../images/share_grey.svg) no-repeat;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-size: 16px;
  background-position: left 7px;
  float: left;
}
#content.find-store .content-in .filter-result-details .location-data .share a.share-pop {
  background: url(../images/share_grey.svg) no-repeat;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-size: 16px;
  background-position: left 7px;
  float: left;
  font-weight: 500;
  background-size: 24px;
}
#content.find-store .content-in .filter-result-details .location-data .share .icons {
  float: left;
  margin-top: 2px;
}
#content.find-store .content-in .filter-result-details .location-data .share .icons a {
  margin-left: 10px;
  float: left;
  margin-top: 5px;
}
#content.find-store .content-in .filter-result-details .location-data .share .icons a img {
  width: 24px;
}
#content.find-store .content-in .filter-result-details .location-data .share .icons a img.email-icon {
  width: 24px;
  width: auto;
}
#content.find-store .content-in .filter-result-details .location-data .dir-link {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
#content.find-store .content-in .filter-result-details .location-data .dir-link a {
  float: left;
  background-color: #DD2326;
  color: #FFF;
  border-radius: 2px;
  text-align: center;
  font-weight: 500;
  width: 100%;
  border: none;
  text-decoration: none;
  text-transform: uppercase;
  padding: 14px 0;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#content.find-store .content-in .filter-result-details .location-data .working-hours {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
#content.find-store .content-in .filter-result-details .location-data .working-hours h5 {
  background: url(../images/ic_access_time_black_24px.svg) no-repeat;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-size: 24px;
  background-position: left 7px;
  float: left;
}
#content.find-store .content-in .filter-result-details .location-data .working-hours .hour-list {
  float: left;
  width: 100%;
  margin-top: 10px;
  padding-left: 40px;
}
#content.find-store .content-in .filter-result-details .location-data .working-hours .hour-list .hour {
  float: left;
  width: 100%;
}
#content.find-store .content-in .filter-result-details .location-data .working-hours .hour-list .hour label {
  max-width: 100px;
  float: left;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 2px;
}
#content.find-store .content-in .filter-result-details .location-data .working-hours .hour-list .hour span {
  width: auto;
  float: left !important;
  font-size: 14px;
  font-weight: 500;
}
#content.find-store .content-in .filter-result-details .location-data .bank-open-time {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
#content.find-store .content-in .filter-result-details .location-data .bank-open-time h5 {
  background: url(../images/ic_event_black_24px.svg) no-repeat;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-size: 16px;
  background-position: left 7px;
  float: left;
}
#content.find-store .content-in .filter-result-details .location-data .bank-open-time .time-list {
  float: left;
  width: 100%;
  margin-top: 10px;
  padding-left: 40px;
}
#content.find-store .content-in .filter-result-details .location-data .bank-open-time .time-list .time {
  float: left;
  width: 100%;
}
#content.find-store .content-in .filter-result-details .location-data .bank-open-time .time-list .time label {
  max-width: 150px;
  float: left;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
}
#content.find-store .content-in .filter-result-details .location-data .bank-open-time .time-list .time span {
  width: auto;
  float: left !important;
  font-size: 14px;
  font-weight: 500;
}
#content.find-store .content-in .filter-result-details .location-data .services {
  float: left;
  width: 100%;
}
#content.find-store .content-in .filter-result-details .location-data .services h5 {
  background: url(../images/ic_store_black_24px.svg) no-repeat;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  background-size: 24px;
  background-position: left 7px;
  float: left;
}
#content.find-store .content-in .store-address {
  /*      max-width: 188px;
      width: 100%;
      float: left;
      background: #FFF;
      padding-bottom: 10px;
      position: absolute;
      bottom: 25%;
      right: 13%;*/
}
#content.find-store .content-in .store-address .store-address-info {
  padding: 10px;
  padding-bottom: 20px;
}
#content.find-store .content-in .store-address .store-address-info h5 {
  /*padding: 0 10px;*/
  margin-top: 5px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 15px;
}
#content.find-store .content-in .store-address .store-address-info p {
  /*padding: 0 10px;*/
  line-height: 1.5;
  font-size: 14px;
}
#content.find-store .content-in .store-address .store-address-info div.distance {
  text-align: right;
  width: 100%;
  /*float: right;
              padding: 0 10px;*/
  margin-bottom: 5px;
  font-size: 13px;
}
#content.find-store .content-in .store-address .store-address-info .dir-link {
  margin: 0 auto;
  text-align: center;
  clear: right;
  /*padding: 0 10px;
              margin-top: 10px;*/
}
#content.find-store .content-in .store-address .store-address-info .dir-link a {
  font-size: 14px;
  text-transform: uppercase;
  /*float: left;
                width: 100%;*/
  text-align: center;
  color: #FFF;
  background: #DD2326;
  text-decoration: none;
  padding-left: 28px;
  padding-right: 28px;
  padding-top: 10px;
  padding-bottom: 10px;
}
#slider.blog-slider {
  margin-bottom: 4px;
}
#slider.blog-slider .slider-wrapper {
  position: relative;
}
#slider.blog-slider .flexslider .slides li img {
  object-fit: cover;
  height: 290px;
}
#slider.blog-slider .custom-navigation a img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #DDD;
}
#slider.blog-slider .flex-prev,
#slider.blog-slider .flex-next {
  position: absolute;
  top: 40%;
}
#slider.blog-slider .slider-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: #0000008f;
  padding: 20px;
}
#slider.blog-slider .slider-content h5 {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  color: #FFF;
}
#slider.blog-slider .slider-content h5 a {
  font-size: 18px;
  font-weight: 500;
  line-height: 21px;
  color: #FFF;
  text-decoration: none;
}
#slider.blog-slider .slider-content p.desc {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 3px;
}
#slider.blog-slider .slider-content p.post-deta {
  color: #FFFFFF;
  font-size: 10px;
  line-height: 18px;
  font-weight: 300;
  background: url(../images/date_white.svg) no-repeat;
  background-position: left;
  padding-left: 23px;
  background-size: 16px;
  opacity: 0.8;
}
#slider.blog-slider .flex-next {
  right: 0;
}
#pagination {
  width: 100%;
  display: inline-block;
  margin-bottom: 20px;
}
#pagination .pagination {
  float: right;
}
#pagination .pagination span {
  color: black;
  float: left;
  padding: 8px 10px;
  text-decoration: none;
  margin: 0 4px;
  cursor: pointer;
}
#pagination .pagination span.enable {
  color: #0E5AA7;
  font-weight: 500;
}
#pagination .pagination a {
  color: black;
  float: left;
  padding: 8px 0px;
  text-decoration: none;
  margin: 0 4px;
}
#pagination .pagination a img {
  height: 25px;
  width: 25px;
}
#pagination .pagination li a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
  border: 1px solid #ddd;
  margin: 0 4px;
}
#pagination .pagination li a:hover {
  background-color: #0E5AA7;
  color: white;
  border: 1px solid #0E5AA7;
}
#pagination .pagination li.active a {
  background-color: #0E5AA7;
  color: white;
  border: 1px solid #0E5AA7;
}
#blog-filter {
  clear: right;
  float: right;
  max-width: 500px;
  width: 100%;
  /* This is to remove the arrow of select element in IE */
}
#blog-filter .categorySelect {
  float: right;
}
#blog-filter .col-md-6 {
  padding: 0px;
}
#blog-filter .col-md-6:last-child {
  padding-left: 15px;
}
#blog-filter .row {
  width: initial;
  float: right;
}
#blog-filter .sortBySelect select,
#blog-filter .categorySelect select {
  font-size: 16px;
  height: 34px;
  box-shadow: 0 0 0;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border: none;
}
#blog-filter .sortBySelect,
#blog-filter .categorySelect {
  padding-top: 10px;
  height: 48px;
  width: 208px;
  margin-bottom: 10px;
}
#blog-filter .sortBySelect select.dropdown,
#blog-filter .categorySelect select.dropdown {
  border: 1px solid red;
}
#blog-filter .categorySelect select {
  background-image: url('../images/filter.svg');
  background-size: 16px;
  background-position: right 10px center;
  background-repeat: no-repeat;
  margin-top: -30px;
  font-size: 16px;
  font-weight: 400;
  color: #4D4D4D;
  height: 46px;
  border-radius: 2px;
  width: 210px;
  border-right: 1px solid #666666;
  border-left: 1px solid #666666;
  border: 1px solid #666666;
  margin-left: -3px;
  background-color: #FFF;
}
#blog-filter .sortBySelect {
  padding-bottom: 2px;
  float: right;
}
#blog-filter .sortBySelect label {
  margin-top: -5px;
  position: absolute;
  margin-left: 10px;
  font-weight: 400;
}
#blog-filter .sortBySelect select {
  font-size: 13px;
  font-weight: 300;
  color: #4D4D4D;
  margin-top: 8px;
  background-image: url('../images/arrow_down.svg');
  background-size: 16px;
  background-position: right 16px top 18px;
  background-repeat: no-repeat;
  border-radius: 2px;
  height: 46px;
  margin-top: -10px;
  margin-left: -2px;
  padding-top: 23px;
  border: 1px solid #666;
  width: 210px;
}
#blog-filter select::-ms-expand {
  display: none;
}
#blog-filter select {
  -webkit-appearance: none;
  appearance: none;
}
#content.blog-recipes-detail .recipe-info {
  display: none;
}
@media (max-width: 767px) {
  #content.blog-recipes-detail .recipe-info {
    display: block;
    float: left;
    width: 100%;
    padding: 17px 11px;
    margin-bottom: 18px;
    background: white;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  }
  #content.blog-recipes-detail .recipe-info p {
    padding-bottom: 10px;
  }
  #content.blog-recipes-detail .recipe-info p:last-child {
    padding-bottom: 0px;
  }
}
#content.blog-recipes-detail .inner {
  float: left;
  width: 100%;
  margin-bottom: 24px;
}
#content.blog-recipes-detail .inner .blog-img img {
  width: 100%;
}
#content.blog-recipes-detail .blog-head {
  float: left;
  width: 100%;
  margin-top: 10px;
}
#content.blog-recipes-detail .blog-head .title h3,
#content.blog-recipes-detail .blog-head .title h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  color: #4D4D4D;
}
#content.blog-recipes-detail .blog-head .share-recipe h5 {
  color: #4D4D4D;
  font-size: 14px;
  line-height: 16px;
  text-align: justify;
}
#content.blog-recipes-detail .blog-head .share-recipe ul.share-icons {
  margin-top: 5px;
}
#content.blog-recipes-detail .blog-head .share-recipe ul.share-icons li {
  display: inline;
  list-style: none;
}
#content.blog-recipes-detail .blog-head .share-recipe ul.share-icons li a img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
#content.blog-recipes-detail .blog-head .share-recipe ul.share-icons li a img.email-icon {
  width: auto;
  height: 20px;
}
@media (max-width: 767px) {
  #content.blog-recipes-detail .blog-head .datas {
    display: none;
  }
}
#content.blog-recipes-detail .blog-head .datas b {
  color: #4A4A4A;
  font-size: 16px;
  line-height: 21px;
}
#content.blog-recipes-detail .blog-head .datas p {
  color: #4A4A4A;
  font-size: 16px;
  line-height: 21px;
  margin-top: 10px;
}
#content.blog-recipes-detail .detail-data {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
#content.blog-recipes-detail .detail-data .col-md-6 {
  display: flex;
  flex-direction: column;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50.0%;
  flex: 0 0 50.0%;
  max-width: 50.0%;
}
#content.blog-recipes-detail .detail-data .col-md-12 {
  position: relative;
  width: 100%;
}
#content.blog-recipes-detail .detail-data .col-md-6:first-child {
  padding-right: 12px;
}
#content.blog-recipes-detail .detail-data .col-md-6:last-child {
  padding-left: 12px;
}
#content.blog-recipes-detail .detail-data .ingredients {
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 30px;
  float: left;
  width: 100%;
  flex: 1;
}
#content.blog-recipes-detail .detail-data .ingredients h5 {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: justify;
  margin-bottom: 10px;
}
#content.blog-recipes-detail .detail-data .ingredients ul {
  margin-left: 15px;
}
#content.blog-recipes-detail .detail-data .ingredients ul li {
  color: #4A4A4A;
  font-size: 14px;
  line-height: 25px;
}
#content.blog-recipes-detail .detail-data .ingredients ol {
  margin-left: 15px;
}
#content.blog-recipes-detail .detail-data .ingredients ol li {
  color: #4A4A4A;
  font-size: 14px;
  line-height: 25px;
}
#content.blog-recipes-detail .detail-data .directions {
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 30px;
  float: left;
  width: 100%;
  flex: 1;
}
#content.blog-recipes-detail .detail-data .directions h5 {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: justify;
  margin-bottom: 10px;
}
#content.blog-recipes-detail .detail-data .directions p {
  color: #4A4A4A;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 15px;
}
#content.blog-recipes-detail .detail-data .directions ol {
  margin-left: 15px;
}
#content.blog-recipes-detail .detail-data .directions ol li {
  color: #4A4A4A;
  font-size: 14px;
  line-height: 25px;
}
#content.blog-recipes-detail .detail-data .directions ul {
  margin-left: 15px;
}
#content.blog-recipes-detail .detail-data .directions ul li {
  color: #4A4A4A;
  font-size: 14px;
  line-height: 25px;
}
#content.blog-recipes-detail .detail-data .min-height-auto {
  min-height: auto !important;
}
#content.blog-recipes-detail .chif-note-wrap .chif-note {
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 30px;
  float: left;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
#content.blog-recipes-detail .chif-note-wrap .chif-note h5 {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: justify;
  margin-bottom: 10px;
}
#content.blog-recipes-detail .chif-note-wrap .chif-note p {
  color: #4A4A4A;
  font-size: 14px;
  font-style: italic;
  line-height: 21px;
}
#related-projects.detail-category .title {
  margin-bottom: 20px;
}
#related-projects.detail-category .title h3 {
  color: #4A4A4A;
  font-size: 20px;
  line-height: 24px;
}
#related-projects.detail-category .post {
  margin-bottom: 80px;
}
#related-projects.detail-category .post .thumb img {
  width: 100%;
}
#related-projects.detail-category .post .data_wrap {
  width: 100%;
  float: left;
  background: #fff;
  padding: 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#related-projects.detail-category .post h3 {
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 10px;
}
#related-projects.detail-category .post h3 a {
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  margin-bottom: 10px;
  text-decoration: none;
  color: inherit;
}
#related-projects.detail-category .post p {
  color: #4D4D4D;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 15px;
}
#related-projects.detail-category .post p.description {
  height: 50px;
}
#related-projects.detail-category .post h4 {
  font-weight: 500;
  line-height: 11px;
  margin-bottom: 16px;
  font-size: 11px;
  color: #4D4D4D;
}
#related-projects.detail-category .post p.date {
  font-size: 10px;
  line-height: 14px;
  background: url('../images/calender.svg') center left no-repeat;
  color: #B2B2B2;
  padding-left: 23px;
  margin-bottom: 0px;
  background-size: 15px;
}
footer .wid.mobile .logo {
  width: 40%;
  float: left;
}
footer .wid.mobile .logo img {
  max-width: 170px;
}
footer .wid.mobile .social {
  width: 60%;
  max-width: 320px;
  float: right;
}
footer .wid.mobile .social li {
  list-style: none;
  float: left;
}
footer .wid.mobile .social li img {
  width: 25px;
  margin-right: 15px;
}
footer .wid.mobile .social li.yt-mob img {
  width: 25px;
}
footer .wid.mobile .social li:last-child img {
  margin-right: 0px;
}
footer .wid.mobile .social li:first-child {
  padding-right: 15px;
  color: white;
  line-height: 28px;
}
footer .wid.mobile .list_menu {
  margin-top: 15px;
  width: 100%;
  float: left;
  background: #0E5AA7;
}
footer .wid.mobile .list_menu li:first-child {
  border-top: 1px solid #fff;
}
footer .wid.mobile .list_menu li {
  float: left;
  width: 100%;
  padding: 13px 15px;
  border-bottom: 1px solid #fff;
  font-size: 16px;
}
footer .wid.mobile .list_menu li a {
  color: white;
  text-decoration: none;
}
footer .wid.mobile .list_menu li.expanded {
  position: relative;
  /*background: url(../images/arrow_right_white1.svg) no-repeat;
              background-position: top 15px right 25px;
              background-size: 25px;*/
}
footer .wid.mobile .list_menu li.expanded img.sub-arrow {
  width: 16px;
  position: absolute;
  right: 10px;
  top: 15px;
}
footer .wid.mobile .list_menu li.expanded ul {
  margin-bottom: 20px;
  margin-top: 20px;
  float: left;
  width: 100%;
}
footer .wid.mobile .list_menu li.expanded ul li {
  list-style: none;
  border-top: none;
  width: 100%;
}
footer .wid.mobile .list_menu li.expand {
  background: url(../images/arrow_down_white1.svg) no-repeat;
  background-position: top 15px right 25px;
  background-size: 16px;
}
footer .wid.mobile .questions {
  width: 100%;
  float: left;
  background-color: #0A437C;
  line-height: 78px;
}
footer .wid.mobile .questions p {
  color: white;
  font-size: 15px;
  float: left;
  width: 40%;
}
footer .wid.mobile .questions p.call {
  width: 30%;
  float: right;
  text-align: right;
  background: url('../images/call_trans.png') no-repeat left center;
  background-size: 26px;
  font-size: 30px;
  max-width: 179px;
}
footer .wid.mobile .questions p.call a {
  color: white;
  text-decoration: none;
}
footer .wid.desktop {
  padding-bottom: 26px;
}
footer .wid.desktop .container {
  padding-right: 0;
}
footer .wid.desktop .wid1 {
  padding-left: 0;
  width: 18%;
}
footer .wid.desktop .wid3 {
  padding-right: 0;
}
footer .wid.desktop .menu-column-1,
footer .wid.desktop .menu-column-2 {
  width: 25%;
}
footer .wid.desktop .menu-column-3 {
  width: 44%;
}
footer .wid {
  background: #0E5AA7;
  padding-top: 26px;
  width: 100%;
  float: left;
}
footer .wid .wid1 img {
  max-width: 166px;
}
footer .wid .wid1 p {
  font-size: 16px;
  color: white;
  margin-top: 29px;
  padding-bottom: 10px;
  font-weight: 400;
}
footer .wid .wid1 ul.social li {
  list-style: none;
  float: left;
  margin-right: 15px;
}
footer .wid .wid1 ul.social li img {
  width: 30px;
}
footer .wid .wid1 ul.social li.yt img {
  width: 30px;
}
footer .wid .wid2 {
  margin-top: 15px;
}
footer .wid .wid2 .menu li {
  padding: 4px 0px;
  list-style: none;
}
footer .wid .wid2 .menu li a {
  color: white;
  text-decoration: none;
  font-weight: 400;
}
footer .wid .wid3 .top {
  background: #0A437C;
  width: 100%;
  float: left;
  padding: 20px;
}
footer .wid .wid3 .top p {
  color: white;
  width: 45%;
  float: left;
  font-size: 16px;
  font-weight: 300;
}
footer .wid .wid3 .top p:last-child {
  width: 55%;
  font-size: 28px;
  background: url('../images/call.png') no-repeat left center;
  background-size: 24px;
  padding-left: 33px;
  font-weight: 400;
  padding-top: 2px;
}
footer .wid .wid3 .top p:last-child a {
  text-decoration: none;
  color: white;
}
footer .wid .wid3 .bot {
  width: 100%;
  float: left;
  padding-top: 20px;
  text-align: right;
}
footer .wid .wid3 .bot p {
  font-size: 12px;
  color: white;
  width: 40%;
  float: left;
  font-weight: 400;
  background: url('../images/down_icon.svg') no-repeat center left;
  background-size: 17px;
  padding-left: 32px;
  line-height: 29px;
  text-align: left;
}
footer .wid .wid3 .bot img {
  max-width: 100px;
}
footer .creds {
  background-color: #31261D;
  padding: 13px 0px;
  width: 100%;
  float: left;
  line-height: 30px;
}
footer .creds img {
  float: left;
  padding-right: 20px;
  height: 28px;
  width: 146px;
}
footer .creds p {
  float: left;
  color: white;
  margin-top: 0px;
  font-weight: 300;
  font-family: "MarselisPro";
}
footer .creds p:last-child {
  float: right;
}
.main-content {
  margin-bottom: 20px;
}
.main-content .view-services {
  margin-top: 20px;
}
.stay-in-touch-form .wrapper .inner .head,
#register .wrapper .inner .head,
#clogin .wrapper .inner .head {
  padding-bottom: 15px;
}
.stay-in-touch-form .wrapper .inner .head h3,
#register .wrapper .inner .head h3,
#clogin .wrapper .inner .head h3 {
  font-size: 20px;
}
.stay-in-touch-form .wrapper .inner .form-actions,
#register .wrapper .inner .form-actions,
#clogin .wrapper .inner .form-actions {
  text-align: center;
}
.stay-in-touch-form .wrapper .inner .form-actions .foor_cred,
#register .wrapper .inner .form-actions .foor_cred,
#clogin .wrapper .inner .form-actions .foor_cred {
  margin-top: 30px;
  margin-bottom: 5px;
}
.stay-in-touch-form .wrapper .inner .login-privacy-accept,
#register .wrapper .inner .login-privacy-accept,
#clogin .wrapper .inner .login-privacy-accept {
  margin-top: 20px;
}
.stay-in-touch-form .wrapper .inner .login-privacy-accept h2,
#register .wrapper .inner .login-privacy-accept h2,
#clogin .wrapper .inner .login-privacy-accept h2 {
  font-size: 12px;
  font-weight: 500;
  margin-bottom: 5px;
}
.stay-in-touch-form .wrapper .inner .login-privacy-accept p,
#register .wrapper .inner .login-privacy-accept p,
#clogin .wrapper .inner .login-privacy-accept p {
  font-size: 11px;
  font-weight: 400;
  line-height: 18px;
}
.stay-in-touch-form .wrapper .inner .login-privacy-accept p a,
#register .wrapper .inner .login-privacy-accept p a,
#clogin .wrapper .inner .login-privacy-accept p a {
  font-weight: 500;
  text-decoration: none;
}
.stay-in-touch-form .wrapper .inner .webform-component-radios label,
#register .wrapper .inner .webform-component-radios label,
#clogin .wrapper .inner .webform-component-radios label,
.stay-in-touch-form .wrapper .inner .form-type-radios label,
#register .wrapper .inner .form-type-radios label,
#clogin .wrapper .inner .form-type-radios label {
  padding-left: 0;
  margin-bottom: 15px;
}
.stay-in-touch-form .wrapper .inner .webform-component-radios label.option,
#register .wrapper .inner .webform-component-radios label.option,
#clogin .wrapper .inner .webform-component-radios label.option,
.stay-in-touch-form .wrapper .inner .form-type-radios label.option,
#register .wrapper .inner .form-type-radios label.option,
#clogin .wrapper .inner .form-type-radios label.option {
  margin-bottom: 0;
}
.stay-in-touch-form .wrapper .inner .webform-component-radios .form-type-radio,
#register .wrapper .inner .webform-component-radios .form-type-radio,
#clogin .wrapper .inner .webform-component-radios .form-type-radio,
.stay-in-touch-form .wrapper .inner .form-type-radios .form-type-radio,
#register .wrapper .inner .form-type-radios .form-type-radio,
#clogin .wrapper .inner .form-type-radios .form-type-radio {
  float: left;
  margin-right: 20px;
}
.stay-in-touch-form .wrapper .inner .form-item.form-type-radios,
#register .wrapper .inner .form-item.form-type-radios,
#clogin .wrapper .inner .form-item.form-type-radios {
  padding: 0px;
}
.stay-in-touch-form .wrapper .inner form .foot_cred,
#register .wrapper .inner form .foot_cred,
#clogin .wrapper .inner form .foot_cred {
  /*margin-bottom: 15px;*/
  margin-top: 30px;
}
.stay-in-touch-form .wrapper .inner .webform-component--promo-text,
#register .wrapper .inner .webform-component--promo-text,
#clogin .wrapper .inner .webform-component--promo-text {
  font-size: 11px;
  margin-top: 5px;
  margin-bottom: -10px;
}
body.page-sitemap #site-map .site-map-front-page {
  display: none;
}
body.page-sitemap #site-map .site-map-menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.page-sitemap #site-map .site-map-menus .site-map-box-menu {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  body.page-sitemap #site-map .site-map-menus .site-map-box-menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  body.page-sitemap #site-map .site-map-menus .site-map-box-menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
}
body.page-sitemap #site-map .site-map-menus .site-map-box-menu h2.title {
  color: #0E5AA7;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  body.page-sitemap #site-map .site-map-menus .site-map-box-menu h2.title {
    font-size: 16px;
  }
}
body.page-sitemap #site-map .site-map-menus .site-map-box-menu .content ul {
  padding-left: 0;
}
body.page-sitemap #site-map .site-map-menus .site-map-box-menu .content ul li {
  list-style: none;
  line-height: 24px;
}
body.page-sitemap #site-map .site-map-menus .site-map-box-menu .content ul li a {
  color: #0E5AA7;
  font-size: 12px;
  text-decoration: none;
}
@media (max-width: 767px) {
  body.page-sitemap #site-map .site-map-menus .site-map-box-menu .content ul li a {
    font-size: 14px;
  }
}
body.page-sitemap #site-map .site-map-menus .site-map-box-menu .content ul li ul {
  padding-left: 10px;
}
body.loyalty-system-en.logged-in .main-menu {
  border-right: 1px solid #dddddd;
}
body.loyalty-system-en.logged-in .reg-log-sub {
  width: auto;
  background: url(../images/ic_person_black_24px.svg) no-repeat;
  background-size: 17px;
  float: left;
  background-position: 14px 20px;
  padding-left: 40px;
  padding-top: 13px;
  height: 69px;
  margin-top: 4px;
}
@media (max-width: 1199px) {
  body.loyalty-system-en.logged-in .reg-log-sub {
    width: 187px;
  }
}
@media (max-width: 991px) {
  body.loyalty-system-en.logged-in .reg-log-sub {
    width: 179px;
  }
}
body.loyalty-system-en.logged-in .reg-log-sub .my-account-menu {
  cursor: pointer;
}
body.loyalty-system-en.logged-in .reg-log-sub .my-account-menu .name {
  font-weight: 500;
  color: #0E5AA7;
}
body.loyalty-system-en.logged-in .reg-log-sub:hover {
  background-color: #F5F5F5;
}
body.loyalty-system-en.logged-in header .main .reg-log-sub ul.login-btn {
  box-shadow: 0 0 0 0;
  top: 72px;
  width: 159px;
  right: 5px;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1), 0 3px 3px rgba(0, 0, 0, 0.1);
}
body.loyalty-system-en.logged-in header .main .reg-log-sub ul.login-btn li {
  margin-bottom: 9px;
  margin-top: 5px;
  text-align: left;
  font-size: 14px;
}
body.loyalty-system-en.logged-in header .main .reg-log-sub ul.login-btn li a {
  background: none;
  color: #4A4A4A;
  background: #FFF;
  border: none;
  padding: 0 20px;
  text-align: left;
  text-transform: capitalize;
}
body.loyalty-system-en.logged-in header .main .reg-log-sub ul.login-btn li:hover {
  background: none;
}
body.loyalty-system-en.logged-in header .main .reg-log-sub ul.login-btn li.logout-menu {
  border-top: 1px solid #DDD;
  padding: 14px 0px;
  margin-bottom: 5px;
  color: #0E5AA7;
}
body.loyalty-system-en.logged-in header .main .reg-log-sub ul.login-btn li.logout-menu a {
  color: #0E5AA7;
  text-transform: uppercase;
  font-size: 500;
}
body.loyalty-system-en.logged-in header .main .reg-log-sub ul.login-btn::before {
  content: '';
}
body.node-type-media #content .main-content h1 {
  font-size: 24px;
  color: #4D4D4D;
}
body.node-type-media #content .media-box .media-inner {
  float: left;
  width: 100%;
  height: 420px;
}
body.node-type-media #content .media-box .media-inner h3 {
  color: #4A4A4A;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  text-align: justify;
  margin-bottom: 20px;
}
body.node-type-media #content .media-box .media-inner .media-item {
  margin-bottom: 30px;
}
body.node-type-media #content .media-box .media-inner .media-item img.thumb-img {
  width: 114px;
  height: 114px;
  object-fit: cover;
}
body.node-type-media #content .media-box .media-inner .media-item-video {
  position: relative;
}
body.node-type-media #content .media-box .media-inner .media-item-video img.play {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 33px;
  left: 45px;
}
body.node-type-media #content .media-box .media-inner .media-box-lnk {
  float: left;
  width: 100%;
}
body.node-type-media #content .media-box .media-inner .media-box-lnk a {
  background: #DD2326;
  border: none;
  padding: 10px 30px;
  color: #FFF;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 2px;
  float: left;
}
#content.myprofile .title h1 {
  margin-bottom: 25px;
  margin-top: 22px;
}
#content.myprofile .content-in {
  padding-top: 13px;
}
#content.myprofile .content-in h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 10px;
}
#content.myprofile .content-in p {
  color: #4D4D4D;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 15px;
}
#content.myprofile .content-in .profile-form {
  width: 100%;
  float: left;
  margin-bottom: 16px;
}
#content.myprofile .content-in .profile-form .form-item {
  padding: 0px;
  position: relative;
}
#content.myprofile .content-in .profile-form .form-item-country select {
  background: url(../images/arrow_down.svg) no-repeat right 10px center #fff;
  background-size: 16px;
}
#content.myprofile .content-in .profile-form .form-fields {
  float: left;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
  padding: 25px 30px;
  background: #fff;
}
#content.myprofile .content-in .profile-form .form-fields .second-row {
  margin-top: 16px;
}
#content.myprofile .content-in .profile-form .form-fields .col-md-4 {
  padding-left: 8px;
  padding-right: 8px;
}
#content.myprofile .content-in .profile-form .form-fields .col-md-4 .left {
  padding-right: 0;
}
#content.myprofile .content-in .profile-form .form-fields .col-md-4 .right {
  padding-left: 8px;
}
#content.myprofile .content-in .profile-form .form-control.name {
  margin-top: 0px;
}
#content.myprofile .content-in .profile-form select.not-empty {
  border: 1px solid #666666;
}
#content.myprofile .content-in .profile-form .form-control {
  border: none;
  position: relative;
  height: 50px;
  padding: 0px;
  box-shadow: none;
}
#content.myprofile .content-in .profile-form .form-control label {
  width: 100%;
  font-weight: 400;
  font-size: 16px;
  position: absolute;
  top: 15px;
  left: 15px;
  pointer-events: none;
  color: #4D4D4D;
  font-weight: 300;
}
#content.myprofile .content-in .profile-form .form-control label.active {
  font-size: 12px;
  top: 7px;
  transition: .5s;
  color: #4D4D4D;
}
#content.myprofile .content-in .profile-form .form-control input {
  width: 100%;
  height: 50px;
  border: 1px solid #777;
  border-radius: 0px;
  padding-left: 15px;
  color: #4A4A4A;
  padding-top: 24px;
  font-size: 16px;
}
#content.myprofile .content-in .profile-form .form-control input::-webkit-outer-spin-button,
#content.myprofile .content-in .profile-form .form-control input::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
}
#content.myprofile .content-in .profile-form .form-control input:focus {
  border: 1px solid #777;
}
#content.myprofile .content-in .profile-form .form-control input.active {
  border: 1px solid #666666;
}
#content.myprofile .content-in .profile-form .form-control input:-webkit-autofill,
#content.myprofile .content-in .profile-form .form-control input:-webkit-autofill:hover,
#content.myprofile .content-in .profile-form .form-control input:-webkit-autofill:focus input:-webkit-autofill {
  -webkit-text-fill-color: #555;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}
#content.myprofile .content-in .profile-form .form-control .form-type-password.validated input {
  background-position: right 40px center;
}
#content.myprofile .content-in .profile-form .form-control.select label {
  font-size: 12px;
  top: 6px;
}
#content.myprofile .content-in .profile-form .form-control.select select {
  margin-top: 0px;
  padding-top: 20px;
  background: url(../images/arrow_down.svg) no-repeat right 16px center #fff;
  background-color: transparent !important;
  background-size: 16px;
}
#content.myprofile .content-in .profile-form select {
  width: 100%;
  height: 50px;
  border: 1px solid #777;
  border-radius: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-left: 7px;
  background: url(../images/arrow_down.svg) no-repeat right 16px center #fff;
  background-size: 16px;
}
#content.myprofile .content-in .profile-form .btn-section {
  padding: 15px;
}
#content.myprofile .content-in .profile-form input.form-submit {
  width: 200px;
  height: 50px;
  background: #DD2326;
  float: right;
  color: white;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
  border: 1px solid #DD2326;
  border-radius: 2px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#content.myprofile .content-in .profile-form input.cancel-btn {
  width: 200px;
  height: 50px;
  background: #FFF;
  float: right;
  color: #0E5AA7;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
  border: 1px solid #0E5AA7;
  border-radius: 2px;
  margin-right: 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#content.myprofile .content-in .profile-form span.eye {
  background: url(../images/Icon_Show_24.svg) no-repeat;
  background-size: 24px;
  width: 20px;
  height: 20px;
  float: left;
  position: absolute;
  top: 14px;
  right: 15px;
}
#content.myprofile .content-in .profile-form .hide-edit {
  display: none;
}
#content.myprofile .content-in .profile-form .eyeActive {
  background: url(../images/ic_visibility_off_black_24px.svg) no-repeat !important;
  background-size: 24px !important;
}
#content.myprofile .content-in .profile-form .profile-btn-wrapper {
  clear: left;
}
#content.myprofile .content-in .profile-form#personal-pass .form-control {
  height: auto;
}
#content.myprofile .content-in .edit-tab-btn a {
  width: 200px;
  background: #FFF;
  float: right;
  color: #0E5AA7;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
  border: 1px solid #0E5AA7;
  border-radius: 0;
  text-align: center;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 10px 30px;
  text-decoration: none;
  display: none;
}
#content.myprofile .personal-menu {
  background: #FFF;
  width: 100%;
  float: left;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#content.myprofile .personal-menu ul li {
  list-style: none;
  display: inline;
  float: left;
}
#content.myprofile .personal-menu ul li a {
  padding: 15px 64px;
  float: left;
  text-decoration: none;
  border-right: 1px solid #DDD;
  color: #333;
  font-size: 14px;
}
#content.myprofile .personal-menu ul li.active a {
  color: #0E5AA7;
  font-weight: 500;
  border-bottom: 2px solid #0E5AA7;
}
#content.page-my-account .title h4 {
  display: inline-block;
}
#content.page-my-account a.edit-link {
  margin-bottom: 5px;
}
#content.page-my-account .content-in .profile-form .form-control input {
  opacity: 1;
}
#content.page-my-account .content-in .profile-form .form-control .form-item-mail input {
  opacity: 1;
}
#content.page-my-account .content-in .profile-form .form-control label {
  opacity: 1;
}
#content.page-my-account .content-in .profile-form select {
  opacity: 1;
}
#content.view-profile .my-promotion {
  float: left;
  width: 100%;
  background: #EFECEE;
  border: 1px solid #DDD;
  margin-top: 20px;
  margin-bottom: 20px;
}
#content.view-profile .my-promotion .left {
  border: 1px solid #6C2263;
  background: #6C2263;
  height: 64px;
  width: 8%;
  float: left;
}
#content.view-profile .my-promotion .left .left-inner {
  text-align: center;
  color: #FFF;
  text-transform: uppercase;
}
#content.view-profile .my-promotion .left .left-inner span {
  font-size: 6px;
  font-weight: 300;
}
#content.view-profile .my-promotion .left .left-inner h1 {
  font-size: 18px;
  font-weight: 300;
  float: left;
  width: 100%;
  margin-top: 3px;
}
#content.view-profile .my-promotion .left .left-inner h2 {
  font-size: 13px;
  font-weight: 300;
  float: left;
  width: 100%;
  margin-top: 3px;
}
#content.view-profile .my-promotion .right {
  float: left;
  margin-left: 2%;
  width: 86%;
  margin-top: 12px;
}
#content.view-profile .my-promotion .right p {
  color: #252525;
  font-size: 14px;
  line-height: 20px;
}
#content.view-profile .my-promotion .right p span {
  font-weight: 500;
  color: #6C2263;
}
#content.view-profile .my-promotion .close {
  width: 2%;
  margin-right: 2%;
  margin-top: 18px;
}
#content.view-profile .title h1 {
  font-size: 20px;
  margin-bottom: 20px;
}
#content.view-profile .title h4 {
  font-size: 16px;
}
#content.view-profile .title h1,
#content.view-profile .title h4 {
  color: #4D4D4D;
  display: inline-block;
}
#content.view-profile .title a.edit-link {
  text-decoration: none;
  font-weight: 500;
  margin-bottom: 10px;
}
#content.view-profile .content-in .profile-form .form-control input {
  border: 1px solid #777;
  color: #4D4D4D;
  background: none;
  opacity: .5;
}
#content.view-profile .content-in .profile-form .form-control .form-item-mail input {
  font-size: 14px;
  opacity: .5;
}
#content.view-profile .content-in .profile-form .form-control label {
  color: #4D4D4D;
  opacity: .5;
}
#content.view-profile .content-in .profile-form select {
  border: 1px solid #777;
  color: #4D4D4D;
  font-size: 16px;
  opacity: .5;
}
#content.view-profile .edit-link {
  display: block;
}
#content.my-club .my-club-content {
  margin-top: 20px;
  margin-bottom: 20px;
}
#content.my-club .my-club-content .left {
  background: #FFF;
  float: left;
  width: 100%;
}
#content.my-club .my-club-content .left ul {
  float: left;
  width: 100%;
}
#content.my-club .my-club-content .left ul li {
  float: left;
  width: 100%;
  list-style: none;
}
#content.my-club .my-club-content .left ul li a {
  padding: 15px;
  float: left;
  width: 100%;
  text-decoration: none;
  color: #000;
  border-bottom: 1px solid #DDD;
}
#content.my-club .my-club-content .left ul li a:hover {
  background: #0E5AA7;
  color: #FFF;
}
#content.my-club .my-club-content .left ul li.active a {
  background: #0E5AA7;
  color: #FFF;
}
#content.my-club .my-club-content .left ul li.show-more-lnk a {
  border: none;
}
#content.my-club .my-club-content .left ul .year-list:nth-child(n+6) {
  display: none;
}
#content.my-club .my-club-content .right {
  background: #FFF;
  padding: 30px;
  float: left;
  width: 100%;
  box-shadow: 0px 1px 6px 0px #DDD;
}
#content.my-club .my-club-content .right .content-in {
  padding-top: 0;
}
#content.my-club .my-club-content .right .content-in .panel-group {
  margin-bottom: 0;
  float: left;
  width: 100%;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-default {
  border-radius: 0;
  float: left;
  width: 100%;
  margin-top: 0;
  border: 1px solid #DDD;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-heading {
  padding: 0;
  float: left;
  width: 100%;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-heading .panel-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-heading .panel-title a {
  text-decoration: none;
  padding: 10px 15px;
  float: left;
  width: 100%;
  background: url(../images/arrow_up_grey.svg) no-repeat center right 20px;
  background-size: 15px;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-heading .panel-title a.collapsed {
  background: url(../images/arrow_down.svg) no-repeat center right 20px;
  background-size: 16px;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse {
  float: left;
  width: 100%;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .table {
  margin-bottom: 0px;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .table > thead > tr > th {
  padding: 14px 0px;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .panel-body {
  padding: 0px;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .table-responsive table thead th.icon {
  padding-left: 15px;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .table-responsive table thead th.icon span {
  padding-right: 40px;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .table-responsive table thead th.sort-default span {
  background: none;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .table-responsive table thead th.sort-asc span {
  background: url('../images/arrow_up_grey.svg') no-repeat;
  background-size: 15px;
  background-position: right 20px center;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .table-responsive table thead th.sort-desc {
  background: url('../images/arrow_down.svg') no-repeat;
  background-size: 16px;
  background-position: right 20px center;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .table-responsive table tbody td {
  height: 55px;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .table-responsive table tbody td img {
  max-height: 30px;
  margin-top: 5px;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .table-responsive table tbody td span {
  width: 100%;
  float: left;
  margin-top: 10px;
  padding-left: 10px;
}
#content.my-club .my-club-content .right .content-in .panel-group .panel-collapse .mobile-view {
  display: none;
}
#content.my-club-details {
  height: calc(100vh - 175px);
}
#content.my-club-details .my-club-content-details {
  float: left;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}
#content.my-club-details .my-club-content-details .col-md-6:nth-child(1) {
  padding-right: 12px;
}
#content.my-club-details .my-club-content-details .col-md-6:nth-child(2) {
  padding-left: 12px;
}
#content.my-club-details .my-club-content-details .card-details {
  float: left;
  width: 100%;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-top: 6px solid #6F1C60;
  padding: 23px 30px 22px 30px;
}
#content.my-club-details .my-club-content-details .card-details .left {
  float: left;
  width: 90px;
}
#content.my-club-details .my-club-content-details .card-details .right {
  float: left;
  margin-left: 20px;
  max-width: 275px;
}
#content.my-club-details .my-club-content-details .card-details .right span.label {
  color: #4D4D4D;
  font-size: 16px;
  line-height: 19px;
  padding: 0;
  float: left;
  width: 100%;
  text-align: left;
  font-weight: 400;
}
#content.my-club-details .my-club-content-details .card-details .right span.card-number {
  color: #791063;
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
}
#content.my-club-details .my-club-content-details .card-details .bottom {
  float: left;
  width: 100%;
  display: none;
}
#content.my-club-details .my-club-content-details .card-details .bottom img {
  height: 100px;
  object-fit: cover;
  margin-top: 10px;
}
#content.my-club-details .my-club-content-details .points-details {
  float: left;
  width: 100%;
  border-radius: 2px;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  border-top: 6px solid #6F1C60;
  padding: 23px 30px 22px 30px;
}
#content.my-club-details .my-club-content-details .points-details .left {
  float: left;
  max-width: 220px;
}
#content.my-club-details .my-club-content-details .points-details .left span.label {
  color: #4D4D4D;
  font-size: 16px;
  line-height: 19px;
  padding: 0;
  float: left;
  width: 100%;
  text-align: left;
  font-weight: 400;
}
#content.my-club-details .my-club-content-details .points-details .left span.opt {
  color: #791063;
  font-size: 32px;
  font-weight: 500;
  line-height: 38px;
}
#content.my-club-details .my-club-content-details .points-details .right {
  float: right;
}
#content.my-club-details .my-club-content-details .points-details .right span {
  width: 100%;
  text-align: right;
  float: right;
}
#content.my-club-details .my-club-content-details .points-details .right a {
  float: right;
  width: 100%;
  text-align: right;
  color: #0E5AA7;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-decoration: none;
  margin-top: 15px;
}
#content.my-club-details .barcode {
  border-radius: 2px 2px 0 0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  float: left;
  width: 100%;
  padding: 20px 30px;
  text-align: center;
  margin-top: 20px;
  display: none;
}
#content.my-club-details .barcode img {
  height: 120px;
  object-fit: cover;
}
#content.my-club-details .voucher-details {
  border-radius: 2px 2px 0 0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  float: left;
  width: 100%;
  padding: 20px 30px;
}
#content.my-club-details .voucher-details .no-vouchers .no-data p {
  background: url(../images/ic_local_offer_black_24_purplepx.svg) no-repeat;
  background-size: 20px;
  background-position: left center;
  padding-left: 30px;
}
#content.my-club-details .voucher-details .no-vouchers .no-data p span {
  color: #6F1C60;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
#content.my-club-details .voucher-details .head-section {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
#content.my-club-details .voucher-details .head-section h4 {
  float: left;
}
#content.my-club-details .voucher-details .check-all {
  float: right;
}
#content.my-club-details .voucher-details .voucher-inner {
  float: left;
  width: 100%;
  background-color: #6F1C60;
  padding: 20px;
}
#content.my-club-details .voucher-details .voucher-inner .left {
  float: left;
}
#content.my-club-details .voucher-details .voucher-inner .left span {
  float: left;
  width: 100%;
  color: #FFF;
  text-align: left;
  padding: 0;
  font-weight: 400;
}
#content.my-club-details .voucher-details .voucher-inner .left span.label {
  font-size: 14px;
  line-height: 16px;
}
#content.my-club-details .voucher-details .voucher-inner .left span.price {
  font-size: 24px;
  font-weight: bold;
  line-height: 28px;
  margin-bottom: 5px;
}
#content.my-club-details .voucher-details .voucher-inner .left span.expiry-date {
  font-size: 12px;
  font-weight: 300;
  line-height: 16px;
}
#content.my-club-details .voucher-details .voucher-inner .right {
  float: right;
}
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios {
  float: left;
  margin-top: 15px;
}
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input {
  display: none;
}
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios label {
  cursor: pointer;
  padding-right: 35px;
  position: relative;
  display: block;
  font-size: 18px;
  padding: 15px 0;
}
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="checkbox"],
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="radio"] {
  position: absolute;
  visibility: hidden !important;
}
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="checkbox"] + label:before,
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="radio"] + label:before,
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="checkbox"] + label:after,
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="radio"] + label:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  box-sizing: border-box;
}
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="checkbox"] + label:before,
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="radio"] + label:before {
  width: 30px;
  height: 15px;
  right: 0px;
  background: #fff;
  border: 1px solid #e4e3e1;
  border-radius: 15px;
}
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="checkbox"] + label:after,
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="radio"] + label:after {
  width: 25px;
  height: 25px;
  top: 10px;
  right: 15px;
  background: #BDBDBD;
  border-radius: 50%;
  transition: all 200ms ease-out;
}
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="checkbox"]:checked + label:after,
#content.my-club-details .voucher-details .voucher-inner .right .checkboxes-and-radios input[type="radio"]:checked + label:after {
  right: -10px;
  background: #FF9800;
}
#content.my-club-details .more-voucher {
  background-color: #E6E6E6;
  float: left;
  width: 100%;
  text-align: center;
  padding: 25px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
}
#content.my-club-details .more-voucher a {
  color: #0E5AA7;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
  background: url(../images/arrow_down.svg) no-repeat;
  background-size: 16px;
  background-position: right center;
  padding-right: 25px;
  text-decoration: none;
}
#content.my-club-details .voucher-coupons {
  margin-top: 24px;
  float: left;
  width: 100%;
  border-radius: 2px 2px 0 0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 20px 30px;
}
#content.my-club-details .voucher-coupons .head-section {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
#content.my-club-details .voucher-coupons .head-section h4 {
  float: left;
}
#content.my-club-details .voucher-coupons .head-section .check-all {
  float: right;
}
#content.my-club-details .voucher-coupons .coupons-grid:nth-child(n+4) {
  /*display: none;*/
}
#content.my-club-details .voucher-coupons .coupons-grid {
  padding-right: 8px;
  padding-left: 8px;
}
#content.my-club-details .voucher-coupons .coupon-inner {
  float: left;
  width: 100%;
  border: 1px solid #6F1C60;
  border-top: 7px solid #6F1C60;
  margin-bottom: 20px;
  padding-bottom: 12px;
}
#content.my-club-details .voucher-coupons .coupon-inner .coupen-image {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
#content.my-club-details .voucher-coupons .coupon-inner img {
  width: 100%;
}
#content.my-club-details .voucher-coupons .coupon-inner .discount span {
  background-color: #FFDF28;
  color: #DD2326;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 10px;
}
#content.my-club-details .voucher-coupons .coupon-inner .expiry span.val-day {
  color: #4D4D4D;
  font-size: 10px;
  line-height: 11px;
  text-align: right;
  float: right;
  width: 100%;
}
#content.my-club-details .voucher-coupons .coupon-inner .expiry span.val-date {
  color: #4D4D4D;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: right;
  float: right;
  width: 100%;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content {
  float: left;
  width: 100%;
  margin-top: 10px;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .left {
  float: left;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .left .value {
  float: left;
  width: 100%;
  color: #5D5D5D;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .left .cate {
  float: left;
  width: 100%;
  color: #6F1C60;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right {
  float: right;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios {
  float: left;
  margin-top: 15px;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input {
  display: none;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios label {
  cursor: pointer;
  padding-right: 35px;
  position: relative;
  display: block;
  font-size: 18px;
  padding: 15px 0;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="checkbox"],
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="radio"] {
  position: absolute;
  visibility: hidden !important;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="checkbox"] + label:before,
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="radio"] + label:before,
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="checkbox"] + label:after,
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="radio"] + label:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -7.5px;
  box-sizing: border-box;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="checkbox"] + label:before,
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="radio"] + label:before {
  width: 30px;
  height: 15px;
  right: 0px;
  background: #e4e3e1;
  border: 1px solid #e4e3e1;
  border-radius: 15px;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="checkbox"] + label:after,
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="radio"] + label:after {
  width: 20px;
  height: 20px;
  top: 13px;
  right: 15px;
  background: #BDBDBD;
  border-radius: 50%;
  transition: all 200ms ease-out;
}
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="checkbox"]:checked + label:after,
#content.my-club-details .voucher-coupons .coupon-inner .bottom-content .right .checkboxes-and-radios input[type="radio"]:checked + label:after {
  right: -5px;
  background: #6F1C60;
}
#content.my-club-details .offers-coupons {
  margin-top: 20px;
  float: left;
  width: 100%;
  border-radius: 2px 2px 0 0;
  background-color: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  padding: 20px 30px;
}
#content.my-club-details .offers-coupons .head-section {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
#content.my-club-details .offers-coupons .head-section h4 {
  float: left;
}
#content.my-club-details .offers-coupons .head-section .check-all {
  float: right;
}
#content.my-club-details .offers-coupons .coupon-inner {
  float: left;
  width: 100%;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
#content.my-club-details .offers-coupons .coupon-inner .coupen-image {
  float: left;
  width: 100%;
  margin-bottom: 15px;
}
#content.my-club-details .offers-coupons .coupon-inner img {
  width: 100%;
}
#content.my-club-details .offers-coupons .coupon-inner .discount span {
  background-color: #FFDF28;
  color: #DD2326;
  font-size: 13px;
  font-weight: 500;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  padding: 5px 10px;
}
#content.my-club-details .offers-coupons .coupon-inner .expiry span.val-day {
  color: #4D4D4D;
  font-size: 10px;
  line-height: 11px;
  text-align: right;
  float: right;
  width: 100%;
}
#content.my-club-details .offers-coupons .coupon-inner .expiry span.val-date {
  color: #4D4D4D;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-align: right;
  float: right;
  width: 100%;
}
#content.my-club-details .offers-coupons .coupon-inner .bottom-content {
  float: left;
  width: 100%;
  margin-top: 10px;
}
#content.my-club-details .offers-coupons .coupon-inner .bottom-content .left {
  float: left;
}
#content.my-club-details .offers-coupons .coupon-inner .bottom-content .left .value {
  float: left;
  width: 100%;
  color: #5D5D5D;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}
#content.my-club-details .offers-coupons .coupon-inner .bottom-content .left .cate {
  float: left;
  width: 100%;
  color: #6F1C60;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
#content.my-club-details .offers-coupons .coupon-inner .bottom-content .right {
  float: right;
}
#content.my-club-details .more-offer {
  margin-bottom: 20px;
}
.webform-component--agree-terms {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.page-search .search-form .form-submit {
  padding: 0px 30px;
  height: 30px;
}
body.page-search .search-form .form-wrapper {
  padding-left: 0;
  padding: 0;
}
body.page-search .search-form .form-wrapper .form-item {
  padding-left: 0;
}
body.page-search h2.search-result-title {
  margin-top: 10px;
  margin-bottom: 20px;
}
body.page-search .search-result h3.title a {
  line-height: 30px;
  font-weight: 500;
  text-decoration: none;
  font-size: 14px;
}
body.page-search .search-result .search-snippet-info {
  padding-left: 0;
}
body.page-search .search-result .search-info {
  display: none;
}
body.page-search .no-result-title {
  margin-top: 20px;
  color: #666666;
  margin-bottom: 10px;
}
body.page-search .no-result {
  margin-top: 20px;
  margin: 0 auto;
  text-align: center;
}
body.page-search .no-result img {
  max-width: 300px;
}
body.page-search .no-result p {
  color: #666666;
  margin-bottom: 10px;
}
body.page-search .no-result .btn-continue {
  background: #DD2326;
  color: white;
  border-radius: 3px;
  border: none;
  box-shadow: none;
  padding: 15px;
  text-decoration: none;
  font-size: 16px;
}
body.page-search .no-result ul li {
  list-style: none;
  line-height: 30px;
}
.get-direction-wrapper .location-data .loca-name {
  margin-bottom: 10px;
}
.get-direction-wrapper .location-data .loca-name input {
  border: 1px solid #000;
  background: #fff;
  width: 100%;
  padding: 6px;
  margin-top: 8px;
}
.get-direction-wrapper .location-data .submit-data input.form-submit {
  height: auto;
  padding: 9px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.get-direction-wrapper ol.steps li {
  margin-left: 15px;
}
ul.pager {
  float: right;
  margin-top: 0;
  position: relative;
}
ul.pager li {
  margin: 0 5px;
  float: left;
}
ul.pager li a,
ul.pager li span {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: 0.3s;
  border: 1px solid #ddd;
  border-radius: 2px;
  text-transform: capitalize;
}
ul.pager li span.empt {
  border: 0;
  background: none;
  color: #D3D3D3;
  padding: 9px 0px;
}
ul.pager li span.arw {
  font-size: 26px;
  padding: 0px 10px;
}
ul.pager li span.arw img {
  height: 16px;
  width: 16px;
}
ul.pager li.pager-item:hover a {
  background-color: #0E5AA7;
  color: white;
  border: 1px solid #0E5AA7;
  border-radius: 0;
  padding: 8px 16px;
  text-transform: capitalize;
}
ul.pager li.pager-current {
  background-color: #0E5AA7;
  color: white;
  border: 1px solid #0E5AA7;
  border-radius: 0;
  padding: 8px 16px;
  text-transform: capitalize;
}
ul.pager .pager-ellipsis {
  margin-top: 5px;
  font-weight: bold;
}
ul.pager .pager-previous a {
  background: none;
  border: none;
  color: #4D4D4D;
  font-size: 26px;
  padding: 0px 10px;
}
ul.pager .pager-previous a img {
  height: 16px;
  width: 16px;
}
ul.pager .pager-previous:hover a {
  background: none;
  border: none;
  padding: 0px 10px;
  color: #B2B2B2;
}
ul.pager .pager-first.first a {
  background: none;
  border: none;
  color: #0E5AA7;
  padding: 9px 0px;
}
ul.pager .pager-next a {
  background: none;
  border: none;
  color: #4D4D4D;
  padding: 9px 0px;
  font-size: 26px;
  padding: 0px 10px;
}
ul.pager .pager-next a img {
  height: 16px;
  width: 16px;
}
ul.pager .pager-next:hover a {
  background: none;
  border: none;
  padding: 0px 10px;
  color: #B2B2B2;
}
ul.pager .pager-last.last a {
  background: none;
  border: none;
  color: #0E5AA7;
  padding: 9px 0px;
}
ul.pager .ajax-progress .throbber {
  position: absolute;
  bottom: -20px;
}
/* Throbber */
.ajax-progress {
  /*display: none!important;
  position: absolute;
  left: -12px;
  top: 10px;*/
}
.ajax-progress .throbber {
  background: transparent url(../images/throbber-active.gif) no-repeat 0px center;
  float: left;
  /* LTR */
  height: 15px;
  margin: 2px;
  width: 15px;
}
.ajax-progress .message {
  /*padding-left: 20px;*/
  float: left;
}
.ajax-progress .message:after {
  clear: left;
}
.form-required {
  display: none;
}
.form-item.validated label {
  font-size: 12px;
  top: 7px;
  transition: .5s;
  color: #555!important;
}
.form-item.validated input {
  border: 1px solid #009688!important;
  background: url('../images/check_green.svg') no-repeat right 15px center rgba(0, 150, 136, 0.05);
  background-size: 17px;
}
.form-item.validated select {
  border: 1px solid #009688!important;
  background-size: 17px;
}
.form-item.validated .error-txt {
  color: #4D4D4D;
}
.form-item.webform-component--club-number {
  display: none;
}
.error-txt {
  color: #DD2326;
}
header .main .search .form-item.validated input {
  outline: none;
}
.form-item.textarea.validated {
  border: 1px solid #009688!important;
  background: rgba(0, 150, 136, 0.05);
}
#carrefour-login-register-now-otp .form-type-password div.error,
#carrefour-login-register-now .form-type-password div.error,
#carrefour-login-reset-password .form-type-password div.error {
  position: absolute;
  bottom: -23px;
}
#carrefour-login-register-now-otp .form-type-radios .error,
#carrefour-login-register-now .form-type-radios .error,
#carrefour-login-reset-password .form-type-radios .error {
  clear: both;
}
div.captcha {
  border: 0px;
}
div.captcha .fieldset-description {
  display: none;
}
div.captcha legend {
  display: none;
}
.blog-img img {
  width: 100%;
}
.promotions_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.43921569);
  z-index: 1;
}
#user-login .form-submit {
  text-transform: uppercase;
}
#clogin .wrapper {
  max-height: none !important;
  height: auto;
  overflow: hidden;
}
#clogin .messages.error {
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 10px;
}
#clogin #user-login-form {
  /*float:left;
        width: 100%;*/
}
#clogin .forgot-pass {
  text-align: left;
  margin-top: 15px;
  /*margin-bottom: 15px;*/
}
#clogin .form-actions.form-wrapper {
  padding: 0px;
}
#clogin .create-account-wrapper {
  display: none;
}
#clogin .create-account-wrapper .info {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 16px;
}
#clogin .create-account-wrapper .info-button input {
  width: 100%;
  background: #FFF;
  color: #0E5AA7;
  border: 1px solid #0E5AA7;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  font-size: 16px;
  text-transform: uppercase;
  height: 50px;
}
#clogin .foot_cred {
  margin-top: 80px !important;
}
#content.template-three div.title h1 {
  font-size: 24px;
  color: #4D4D4D;
}
.search-advanced {
  display: none;
}
body.page-my-account-profile #ui-datepicker-div {
  background: #fff;
  border: 0px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.stay-in-touch-form div.check {
  margin: 10px 0px 16px;
}
.stay-in-touch-form div.check input {
  margin-right: 5px;
  margin-top: 2px;
  position: absolute;
  opacity: 0;
}
.stay-in-touch-form div.check input[type="checkbox"] + label:before {
  border: 2px solid #B5B5B5;
  content: "\00a0";
  display: inline-block;
  font: 16px/1em sans-serif;
  height: 16px;
  margin: 0 15px 0 0;
  padding: 0;
  vertical-align: top;
  width: 20px;
  border-radius: 2px;
  height: 20px;
  font-size: 0px;
}
.stay-in-touch-form div.check input[type="checkbox"]:checked + label:before {
  background: #0e5aa7ba;
  color: #fff;
  content: url('../images/check_white.svg');
  padding-top: 1px;
  width: 20px;
  border-radius: 2px;
  height: 20px;
  text-align: center;
  border: 2px solid #0E5AA7;
}
.stay-in-touch-form div.check input[type="checkbox"]:checked + label:after {
  font-weight: bold;
}
.stay-in-touch-form div.check input[type="checkbox"]:focus + label::before {
  outline: #3b99fc auto 5px;
}
.stay-in-touch-form div.check label {
  width: auto;
  font-weight: normal;
}
.mob-breadcrumb {
  display: none;
}
.mob-breadcrumb a {
  text-decoration: none;
  font-weight: 400;
  margin-left: -10px;
}
.mob-breadcrumb img {
  margin-right: 10px;
  width: 8px;
}
.media_v_carousel,
.media_p_carousel {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10px;
}
.media_v_carousel .slides li,
.media_p_carousel .slides li {
  position: relative;
  float: left;
}
.media_v_carousel .slides li span,
.media_p_carousel .slides li span {
  background: url('../images/video_gray.svg') no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  background-position: 50% 50%;
  background-size: 40px;
}
.media_v_carousel .flex-direction-nav li a::before,
.media_p_carousel .flex-direction-nav li a::before {
  background-size: 500px;
}
.media_v_carousel .flex-direction-nav li a.flex-prev,
.media_p_carousel .flex-direction-nav li a.flex-prev {
  left: 0 !important;
  opacity: 1 !important;
  z-index: 0 !important;
}
.media_v_carousel .flex-direction-nav li a.flex-next,
.media_p_carousel .flex-direction-nav li a.flex-next {
  right: 0 !important;
  opacity: 1 !important;
  z-index: 0 !important;
}
.media_v_carousel .flex-direction-nav li.flex-nav-next a::before,
.media_p_carousel .flex-direction-nav li.flex-nav-next a::before {
  background: url(../images/right.svg) no-repeat !important;
  background-size: 15px!important;
}
.media_v_carousel .flex-direction-nav li.flex-nav-next a.flex-disabled::before,
.media_p_carousel .flex-direction-nav li.flex-nav-next a.flex-disabled::before {
  background: url(../images/right_grey.svg) no-repeat !important;
  background-size: 15px!important;
}
.media_v_carousel .flex-direction-nav li.flex-nav-prev a::before,
.media_p_carousel .flex-direction-nav li.flex-nav-prev a::before {
  background: url(../images/left.svg) no-repeat !important;
  background-size: 15px!important;
}
.media_v_carousel .flex-direction-nav li.flex-nav-prev a.flex-disabled::before,
.media_p_carousel .flex-direction-nav li.flex-nav-prev a.flex-disabled::before {
  background: url(../images/left_grey.svg) no-repeat !important;
  background-size: 15px!important;
}
.mobile-only {
  display: none;
}
#carrefour-login-resend-verification .form-item {
  padding-left: 0px;
}
section.site-message {
  background: #F8F8F8;
}
section.site-message .messages {
  padding: 15px;
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 16px;
}
section.site-message .messages.status {
  background: url('../images/positive_action.svg') no-repeat left 15px center #E5F4F3;
  background-size: 25px;
  padding-left: 50px;
}
section.site-message .messages.warning,
section.site-message .messages.error {
  background-color: #FEF5F5;
  border-color: #FEF5F5;
  color: #DD2326;
}
section.site-message .messages span a.helper-link {
  float: right;
  color: #333;
}
#register .wrapper .social-wrap button,
#clogin .wrapper .social-wrap button,
#creset .wrapper .social-wrap button {
  float: left;
  max-width: 125px;
}
#register .wrapper .social-wrap button:nth-child(2),
#clogin .wrapper .social-wrap button:nth-child(2),
#creset .wrapper .social-wrap button:nth-child(2) {
  margin: 0px 9px;
}
@media (max-width: 478px) {
  #register .wrapper .social-wrap button:nth-child(2),
  #clogin .wrapper .social-wrap button:nth-child(2),
  #creset .wrapper .social-wrap button:nth-child(2) {
    margin: 0px;
    margin-bottom: 8px;
  }
}
@media (max-width: 478px) {
  #register .wrapper .social-wrap button,
  #clogin .wrapper .social-wrap button,
  #creset .wrapper .social-wrap button {
    width: 100%;
    max-width: 100%;
    margin-bottom: 8px;
  }
}
#register .wrapper .social-wrap .social-column-2 button,
#clogin .wrapper .social-wrap .social-column-2 button,
#creset .wrapper .social-wrap .social-column-2 button {
  max-width: 190px;
}
#register .wrapper .social-wrap .social-column-2 button:last-child,
#clogin .wrapper .social-wrap .social-column-2 button:last-child,
#creset .wrapper .social-wrap .social-column-2 button:last-child {
  margin-right: 0px;
}
#register .wrapper .social-wrap .social-column-1 button,
#clogin .wrapper .social-wrap .social-column-1 button,
#creset .wrapper .social-wrap .social-column-1 button {
  max-width: 100%;
}
#register .wrapper .social-wrap .social-column-1 button:last-child,
#clogin .wrapper .social-wrap .social-column-1 button:last-child,
#creset .wrapper .social-wrap .social-column-1 button:last-child {
  margin-right: 0px;
}
#register .wrapper .inner .head h3,
#clogin .wrapper .inner .head h3,
#creset .wrapper .inner .head h3 {
  font-weight: 500;
  margin-bottom: 10px;
}
#register .wrapper .inner form .mobile .left input,
#clogin .wrapper .inner form .mobile .left input,
#creset .wrapper .inner form .mobile .left input {
  padding-top: 20px!important;
}
#register .wrapper .inner form .mobile .right .form-item-step1-nationality,
#clogin .wrapper .inner form .mobile .right .form-item-step1-nationality,
#creset .wrapper .inner form .mobile .right .form-item-step1-nationality {
  padding-top: 0px;
  padding-right: 0px;
}
#register .wrapper .inner form .mobile .right .form-item-step1-nationality label,
#clogin .wrapper .inner form .mobile .right .form-item-step1-nationality label,
#creset .wrapper .inner form .mobile .right .form-item-step1-nationality label {
  position: absolute;
  left: 26px;
  width: 100%;
  top: 6px;
  pointer-events: none;
  font-size: 13px;
  font-weight: 300;
}
#register .wrapper .inner form .mobile .right .form-item-step1-nationality select,
#clogin .wrapper .inner form .mobile .right .form-item-step1-nationality select,
#creset .wrapper .inner form .mobile .right .form-item-step1-nationality select {
  padding-top: 17px;
  background-size: 16px;
}
#register .wrapper .inner form .mobile.wrap2,
#clogin .wrapper .inner form .mobile.wrap2,
#creset .wrapper .inner form .mobile.wrap2 {
  margin-top: 0px;
}
#register .wrapper .inner form .mobile.wrap2 .left .description,
#clogin .wrapper .inner form .mobile.wrap2 .left .description,
#creset .wrapper .inner form .mobile.wrap2 .left .description {
  width: 79vw;
}
#register .wrapper .radio,
#clogin .wrapper .radio,
#creset .wrapper .radio {
  margin-bottom: 0px;
  margin-top: 7px;
}
#register .wrapper .radio .form-item,
#clogin .wrapper .radio .form-item,
#creset .wrapper .radio .form-item {
  display: inline-block;
}
#register .wrapper .radio .form-item label,
#clogin .wrapper .radio .form-item label,
#creset .wrapper .radio .form-item label {
  display: inline-block;
  float: left;
  width: 60px;
  margin-bottom: 0px;
  line-height: 37px;
}
#register .wrapper .radio .form-item .form-radios,
#clogin .wrapper .radio .form-item .form-radios,
#creset .wrapper .radio .form-item .form-radios {
  display: inline-block;
  float: left;
}
#register .wrapper .register_pass_strength,
#clogin .wrapper .register_pass_strength,
#creset .wrapper .register_pass_strength {
  font-size: 12px;
  line-height: 100%;
  padding-top: 5px;
}
#register .wrapper .register_pass_strength.adj-top,
#clogin .wrapper .register_pass_strength.adj-top,
#creset .wrapper .register_pass_strength.adj-top {
  margin-top: 20px;
}
#register .wrapper .form-submit,
#clogin .wrapper .form-submit,
#creset .wrapper .form-submit {
  /*margin-top: 5px;*/
}
@media (max-width: 767px) {
  #register .wrapper .inner form .form-submit,
  #clogin .wrapper .inner form .form-submit,
  #creset .wrapper .inner form .form-submit {
    /*margin-top: 20px;*/
  }
}
#carrefour-login-email-verification .form-item,
#carrefour-login-email-verification .form-wrapper {
  padding-left: 0px;
}
form div.error em.placeholder {
  font-style: normal;
}
#content.myprofile .content-in .profile-form .form-control .form-item-password-change .error {
  margin-top: 8px;
}
/*# sourceMappingURL=style.css.map */