@charset "utf-8";
@font-face {
  font-family: 'PFEncoreSansPro-Reg';
  src: url('../fonts/PFEncoreSansPro-Reg.eot');
  src: local('☺'), url('../fonts/PFEncoreSansPro-Reg.woff') format('woff'), url('../fonts/PFEncoreSansPro-Reg.ttf') format('truetype'), url('../fonts/PFEncoreSansPro-Reg.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PFEncoreSansPro-Light';
  src: url('../fonts/PFEncoreSansPro-Light.eot');
  src: local('☺'), url('../fonts/PFEncoreSansPro-Light.woff') format('woff'), url('../fonts/PFEncoreSansPro-Light.ttf') format('truetype'), url('../fonts/PFEncoreSansPro-Light.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PFEncoreSansPro-Book';
  src: url('../fonts/PFEncoreSansPro-Book.eot');
  src: local('☺'), url('../fonts/PFEncoreSansPro-Book.woff') format('woff'), url('../fonts/PFEncoreSansPro-Book.ttf') format('truetype'), url('../fonts/PFEncoreSansPro-Book.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PFEncoreSansPro-Bold';
  src: url('../fonts/PFEncoreSansPro-Bold.eot');
  src: local('☺'), url('../fonts/PFEncoreSansPro-Bold.woff') format('woff'), url('../fonts/PFEncoreSansPro-Bold.ttf') format('truetype'), url('../fonts/PFEncoreSansPro-Bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PFEncoreSansPro-Medium';
  src: url('../fonts/PFEncoreSansPro-Medium.eot');
  src: local('☺'), url('../fonts/PFEncoreSansPro-Medium.woff') format('woff'), url('../fonts/PFEncoreSansPro-Medium.ttf') format('truetype'), url('../fonts/PFEncoreSansPro-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'PFCentroSerifPro-Medium';
  src: url('../fonts/PFCentroSerifPro-Medium.eot');
  src: local('☺'), url('../fonts/PFCentroSerifPro-Medium.woff') format('woff'), url('../fonts/PFCentroSerifPro-Medium.ttf') format('truetype'), url('../fonts/PFCentroSerifPro-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'PFCentroSerifPro-Bold';
    src: url('../fonts/PFCentroSerifPro-Bold.woff2') format('woff2'),
        url('../fonts/PFCentroSerifPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
  font-family: 'PFEncoreSansPro-Thin';
  src: url('f../onts/PFEncoreSansPro-Thin.eot');
  src: local('☺'), url('../fonts/PFEncoreSansPro-Thin.woff') format('woff'), url('../fonts/PFEncoreSansPro-Thin.ttf') format('truetype'), url('../fonts/PFEncoreSansPro-Thin.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'CFDin CondensedRegular';
  src: url('../fonts/CFDin CondensedRegular.eot');
  src: local('☺'), url('../fonts/CFDin CondensedRegular.woff') format('woff'), url('../fonts/CFDin CondensedRegular.ttf') format('truetype'), url('../fonts/CFDin CondensedRegular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
iframe[name='google_conversion_frame'] {
  font-size: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  margin-top: -13px;
  width: 0 !important;
}
body > .text-ad {
  left: -1000px;
  top: -1000px;
  height: 0 !important;
  height: 0 !important;
}
*,
*:before,
*:after { 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
html,
body {
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
  font-family: 'PFEncoreSansPro-Reg';
  color: #000;
  background: #fff;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  position: relative;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: antialiased !important;
}
body.locked {
  /*overflow:hidden;*/
}
body.noScroll {
  overflow: hidden;
}
img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}
form {
  margin: 0px;
  padding: 0px;
}
strong {
  font-weight: normal;
  font-family: 'PFEncoreSansPro-Bold';
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
}
a {
  text-decoration: underline;
  outline: none;
  color: #000;
  font-size: inherit;
  text-decoration: none;
}
::-webkit-input-placeholder {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  color: #616161;
}
::-moz-placeholder {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  color: #616161;
}
:-ms-input-placeholder {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  color: #616161;
}
:-moz-placeholder {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  color: #616161;
}
#breadcrumbs,
#tabs {
  padding: 0;
}
#block-noiazomai-branding {
  float: left;
}
#block-gigyamenu {
  float: right;
}
#block-gigyamenu a {
  color: #fff;
}
#block-gigyamenu a.is-active {
  color: #5bba9b;
}
#block-noiazomai-page-title h1 {
  text-align: center;
}
.mob-filters {
  display: none;
}

/* --- admin toolbar fix | start */

body.toolbar-horizontal.toolbar-fixed {
  margin-top: 40px;
}
body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open {
  margin-top: 80px;
}
body.toolbar-horizontal.toolbar-fixed #header,
body.toolbar-vertical #header {
  top: 40px;
}
body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open #header {
  top: 80px;
}
body.toolbar-horizontal.toolbar-fixed #headerBottom {
  top: 110px;
}
body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open #headerBottom {
  top: 150px;
}
body.toolbar-vertical #headerBottom {
  top: 100px;
}

/* --- admin toolbar fix | end */

#page-wrapper {
  padding-top: 70px;
}
#header {
  height: 70px;
  background: #384fa7;
  position: relative;
  padding: 0px;
  z-index: 150;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
}
#header::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #384fa7;
  z-index: 102;
}
#header #block-noiazomai-branding {
  float: none;
  position: absolute;
  top: 13px;
  left: 28px;
  z-index: 105;
}
#header #block-noiazomai-branding a {
  width: 226px;
  height: 44px;
  background: url("../images/nestle-logo.svg?1") no-repeat center center;
  background-size: contain;
  display: block;
}
#header #block-noiazomai-branding a img {
  display: none;
}
#header .sectionInner {
  padding: 0px;
}
#header .burger-menu {
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  font-family: 'PFEncoreSansPro-Light';
  font-size: 18px;
  height: 70px;
  line-height: 70px;
  color: #fff;
  padding: 0 0px 0 25px;
  width: 160px;
  background: #75b89d;
  letter-spacing: 2px;
  z-index: 105;
  text-align: left;
  direction: ltr;
}
#header .burger-menu span {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 32px;
  height: 4px;
  background: #fff;
  display: block;
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
  -webkit-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -moz-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -o-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#header .burger-menu span:nth-child(1) {
  margin: -10px 0 0 0;
}
#header .burger-menu span:nth-child(3) {
  margin: 10px 0 0 0;
}
#header .burger-menu.active span {
  opacity: 0;
}
#header .burger-menu.active span:nth-child(1) {
  opacity: 1;
  -ms-transform: translate(-0%, -50%) rotate(-45deg);
  -webkit-transform: translate(-0%, -50%) rotate(-45deg);
  transform: translate(-0%, -50%) rotate(-45deg);
  margin: 0px 0 0 0;
}
#header .burger-menu.active span:nth-child(3) {
  opacity: 1;
  -ms-transform: translate(-0%, -50%) rotate(45deg);
  -webkit-transform: translate(-0%, -50%) rotate(45deg);
  transform: translate(-0%, -50%) rotate(45deg);
  margin: 0px 0 0 0;
}
#block-headermenuandctaiconsblock {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 70px;
  padding: 0 160px 0 0;
  text-align: left;
  direction: rtl;
}
#header .icon-menu {
  display: block;
  /*position:absolute;
  top:0px;
  right:160px;*/
  height: 70px;
  font-size: 0px;
  padding: 0 12px 0 0;
  z-index: 105;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  direction: ltr;
}
#header .icon-menu a {
  display: inline-block;
  height: 70px;
  width: 60px;
  position: relative;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
#header .icon-menu a::after {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("../images/icon-search.png") no-repeat center top;
  background-size: cover;
  z-index: 1;
}
#header .icon-menu a.mnu-user::after {
  background-image: url("../images/icon-account.png");
}
#header .icon-menu a.mnu-cart::after {
  background-image: url("../images/icon-cart.png");
}
#header .icon-menu a.mnu-stats::after {
  background-image: url("../images/icon-stats.png");
}
#header .icon-menu a:hover::after,
#header .icon-menu a.active::after {
  background-position: center bottom;
}
#header .icon-menu a span {
  height: 21px;
  width: 21px;
  text-align: center;
  line-height: 21px;
  background: #73b89d;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  border-radius: 11px;
  top: 15px;
  right: 6px;
  font-size: 13px;
  position: absolute;
  color: #fff;
  z-index: 10;
}
#header .userName {
  display: block;
  /*position:absolute;
  top:17px;
  right:275px;*/
  height: 70px;
  font-size: 0px;
  padding: 18px 0px 0 50px;
  z-index: 105;
  text-align: right;
  font-size: 14px;
  color: #fff;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  direction: ltr;
}
#header .userName .nameText {
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
}
#header .points-count {
  display: block;
  /*
  position:absolute;
  top:0px;
  right:425px;*/
  height: 70px;
  line-height: 70px;
  font-size: 18px;
  z-index: 105;
  font-family: 'PFEncoreSansPro-Bold';
  color: #fff;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  direction: ltr;
}
#header .points-count a {
  color: #fff;
}
#header #block-gigyamenu,
#header #userMenu {
  padding: 0;
  position: absolute;
  right: 100px;
  top: 70px;
  width: 210px;
  margin: 0px;
  z-index: 101;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #fff;
  -ms-transform: translate(-0%, -100%);
  -webkit-transform: translate(-0%, -100%);
  transform: translate(-0%, -100%);
  -webkit-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -moz-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -o-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
}
.user-authenticated #header #userMenu {
  right: 158px;
}
#header #block-gigyamenu::after,
#header #userMenu::after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 5px;
  margin-left: -5px;
}
#header #block-gigyamenu.active,
#header #userMenu.active {
  -ms-transform: translate(-0%, 0%);
  -webkit-transform: translate(-0%, 0%);
  transform: translate(-0%, 0%);
  top: 75px;
}
#header #block-gigyamenu ul,
#header #block-gigyamenu ul li,
#header #userMenu ul,
#header #userMenu ul li {
  margin: 0px;
  padding: 0px;
}
#header #userMenu ul li {
  position: relative;
}
#header #block-gigyamenu a,
#header #userMenu a {
  display: block;
  height: 65px;
  line-height: 67px;
  padding: 0 0 0 72px;
  text-align: center;
  border-top: 1px solid #d0e5dd;
  font-size: 15px;
  color: #606368;
  font-family: 'PFEncoreSansPro-Medium';
  position: relative;
  text-align: left;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
#header #userMenu a::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  background: url("../images/icon-top-login1.png") no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 40px;
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
}
#header #userMenu li:nth-child(2) a::after {
  background-image: url("../images/icon-top-login2.png");
}

.user-authenticated #header #userMenu li a.miToProfilMou::after {
  background-image: url("../images/icon-top-login3.png");
}
.user-authenticated #header #userMenu li a.miSettings::after {
  background-image: url("../images/icon-top-settings.png");
}
.user-authenticated #header #userMenu li a.miMyHistory::after {
  background-image: url("../images/mob-icon-history.png");
}
.user-authenticated #header #userMenu li a.miPromoCode::after {
  background-image: url("../images/icon-top-promo-code.png");
}
.user-authenticated #header #userMenu li a.miBringAFriend::after {
  background-image: url("../images/icon-top-bring-a-friend.png");
}
.user-authenticated #header #userMenu li a.miLogout::after {
  background-image: url("../images/icon-top-login1.png");
}



/*
.user-authenticated #header #userMenu li:nth-child(1) a::after {
  background-image: url("../images/icon-top-login3.png");
}
.user-authenticated #header #userMenu li:nth-child(2) a::after {
  background-image: url("../images/mob-icon-history.png");
}
.user-authenticated #header #userMenu li:nth-child(3) a::after {
  background-image: url("../images/icon-top-promo-code.png");
}
.user-authenticated #header #userMenu li:nth-child(4) a::after {
  background-image: url("../images/icon-top-bring-a-friend.png");
}
*/
#header #block-gigyamenu a:hover,
#header #userMenu a:hover {}
#header #block-gigyamenu li:first-child a,
#header #userMenu li:first-child a {
  border: 0px;
}
#headerBottom {
  position: fixed;
  padding: 0px;
  top: 70px;
  left: 0px;
  z-index: 149;
  background: #52987c;
  width: 100%;
  text-align: center;
  border-bottom: 5px solid #3d755e;
  -ms-transform: translate(-0%, -100%);
  -webkit-transform: translate(-0%, -100%);
  transform: translate(-0%, -100%);
  -webkit-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -moz-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -o-transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition: all 700ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
#headerBottom.active {
  -ms-transform: translate(-0%, 0%);
  -webkit-transform: translate(-0%, 0%);
  transform: translate(-0%, 0%);
  -webkit-box-shadow: 0px 10px 76px 0px rgba(0, 0, 0, 0.34);
  -moz-box-shadow: 0px 10px 76px 0px rgba(0, 0, 0, 0.34);
  box-shadow: 0px 10px 76px 0px rgba(0, 0, 0, 0.34);
}
#headerBottom ul {
  margin: 0px;
  padding: 0px;
  text-align: center;
}
#headerBottom ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  padding: 50px 50px 0 40px;
  min-height: 420px;
  color: #fff;
}
#headerBottom #block-noiazomai-main-menu > ul {
  font-size: 0px;
}
#headerBottom #block-noiazomai-main-menu > ul > li {
  width: 20%;
  max-width: 290px;
}
#headerBottom ul li a {
  color: #fff;
  font-size: 28px;
  text-align: left;
  display: block;
}
#headerBottom ul li ul li a {
  font-size: 20px;
  font-family: 'PFEncoreSansPro-Light';
}
#headerBottom ul li:nth-child(even) {
  background: #4c9276;
}
#headerBottom ul li ul li,
#headerBottom ul li ul li:nth-child(even) {
  display: block;
  min-height: 10px;
  padding: 20px 0 0 0;
  text-align: left;
  background: none;
}
#headerBottom #block-noiazomai-main-menu > ul > li .view-hub {
  display: none;
}
#block-mobilemenuuserblock {
  display: none;
}
#breadcrumbs {
  display: block;
  position: absolute;
  left: 80px;
  top: 85px;
  z-index: 100;
}
#breadcrumbs ol,
#breadcrumbs li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
  height: 12px;
  line-height: 12px;
  padding: 0 5px 0 15px;
  background: url("../images/icon-pager-arrow.png") no-repeat left center;
  background-size: auto 12px;
}
#breadcrumbs li:first-child {
  padding: 0 5px 0 0;
  background: none !important;
}
#breadcrumbs li a {
  font-size: 12px;
  font-family: 'PFEncoreSansPro-Medium';
  color: #fff;
}
.node-text_page #breadcrumbs li {
  background-image: url("../images/icon-pager-arrow-black.png");
}
.node-text_page #breadcrumbs li a,
.path-exargyrosi #breadcrumbs li a {
  color: #161616;
}
.node-text_page.page-contacthub #breadcrumbs li,
.node-text_page.page-howitworks #breadcrumbs li {
  background-image: url("../images/icon-pager-arrow.png");
}
.node-text_page.page-contacthub #breadcrumbs li a,
.node-text_page.page-howitworks #breadcrumbs li a {
  color: #fff;
}
#footer {
  background: #f2f2f2;
  color: #161616;
  padding: 35px 25px 35px 25px;
  font-size: 0px;
}
#footer ul {
  margin: 0px;
  padding: 0px;
}
#footer ul li {
  margin: 0px;
  padding: 0px 20px 0 0;
}
#footer a {
  color: #161616;
  font-size: 14px;
  font-family: 'PFEncoreSansPro-Bold';
}
#footer .sectionInner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#footer #block-footerinfo {
  width: 240px;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  padding: 0px 0 0 0;
}
#footer #block-footerinfo .footer_logo {
  display: block;
  background: #3850a7 url(../images/nestle-logo.svg?1) no-repeat center center;
  background-size: auto 60%;
  height: 50px;
  width: 190px;
  margin: 0 0 20px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#footer #block-footerinfo p {
  margin: 0px;
  padding: 0px;
}
#footer #block-footerinfo p br {
  display: none;
}
#footer nav {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  padding: 0 0 0 40px;
}
#footer .menu-item--expanded {
  list-style-image: none;
  list-style-type: none;
}
#footer nav ul li a {
  font-size: 15px;
  font-family: 'PFEncoreSansPro-Bold';
  padding: 0 0 12px 0;
  display: block;
}
#footer nav ul li a:hover {
  color: #6d9b86;
}
#footer nav ul li ul li a {
  font-family: 'PFEncoreSansPro-Book';
}
#footer nav ul li {
  padding: 0px 0 0 0;
}
#footer nav ul li ul li {
  padding: 0px 0 0 0;
}
#footer #block-footerregister {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  padding: 0 0 0 40px;
}
#footer #block-footerregister p {
  margin: 0px;
  padding: 0px 0 15px 0;
  font-size: 16px;
}
#footer #block-footerregister a {
  display: block;
  border: 1px solid #fff;
  height: 40px;
  line-height: 40px;
  text-align: center;
  padding: 2px 25px 5px 25px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  background: #3850a7;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
#footer #block-footerregister a:hover {
  opacity: 0.8;
}
#footerBottom {
  background: #f2f2f2;
  color: #161616;
  padding: 10px 28px 10px 28px;
  border-top: 1px solid #cfd1d3;
}
#footerBottom a {
  color: #161616;
  font-size: 14px;
  font-family: 'PFEncoreSansPro-Book';
}
#footerBottom a:hover {
  color: #6d9b86;
}
#footerBottom ul {
  margin: 0px;
  padding: 0px;
}
#footerBottom ul li {
  margin: 0px;
  padding: 0px 20px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.myGigyaWrapper {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  font-size: 15px;
  text-align: center;
  padding: 30px 40px 30px 40px;
}
.page-node-useraccount.has-user-sidemenu .myGigyaWrapper {
  width: calc(100% - 280px);
}

/*
.myGigyaWrapper{
  background: url("../images/bg-register.jpg") no-repeat center center;
  background-size:cover;
  padding:80px 25px 80px 25px;
  position:relative;
  overflow:hidden;
}

.myGigyaWrapper::before{
  content:"";
  position:absolute;
  left:0px;
  top:0px;
  background: url("../images/img-top-green-bar.png") no-repeat center center;
  background-size:cover;
  width: 100%;
  height: 180px;
  z-index: 0;
}
*/

.myGigyaWrapper .wrapperInner {
  /* background:#fff;*/
  margin: 0 auto 0 auto;
  max-width: 630px;
  text-align: center;
  position: relative;
  z-index: 10;
  padding: 0px 0 0px 0;
}
#block-gigyaraaslogin #mbf-login,
#gigya-raas-login-div_content,
#gigya-raas-register-div_content,
.gg-wrapper {
  max-width: 2000px !important;
}
.my_giga_messages {
  padding: 0 30px 0 30px;
}
.my_giga_messages a {
  text-decoration: underline;
}
#block-gigyaregisteronepageblock_content .gigya-login-providers-list button.tabbing-button,
#block-gigyaraaslogin .gigya-login-providers-list button.tabbing-button,
#gigya-raas-register-div_content .gigya-login-providers-list button.tabbing-button,
#block-gigyaraasregister #gigya-link-accounts-form .gigya-login-providers-list button.tabbing-button {
  border: 0px;
  background: url("../images/bt-fb-login-new-2.jpg") no-repeat center center;
  background-size: contain;
  width: 245px !important;
  height: 40px !important;
  display: inline-block !important;
  margin: 0 auto 0 auto;
  position: absolute;
  left: 50%;
  -ms-transform: translate(calc(-100% + 20px), -0%);
  -webkit-transform: translate(calc(-100% + 20px), -0%);
  transform: translate(calc(-100% + 20px), -0%);
}
#block-gigyaregisteronepageblock_content .gigya-login-providers-list button[aria-label="Google"].tabbing-button,
#block-gigyaraaslogin .gigya-login-providers-list button[aria-label="Google"].tabbing-button,
#gigya-raas-register-div_content .gigya-login-providers-list button[aria-label="Google"].tabbing-button,
#block-gigyaraasregister #gigya-link-accounts-form .gigya-login-providers-list button[aria-label="Google"].tabbing-button {
  background-image: url("../images/bt-g-login-new-2.jpg");
  width: 187px !important;
  -ms-transform: translate(40px, -0%);
  -webkit-transform: translate(40px, -0%);
  transform: translate(40px, -0%);
}
#block-gigyaregisteronepageblock_content #gigya-link-accounts-form .gigya-login-providers-list button.tabbing-button,
#block-gigyaraasregister #gigya-link-accounts-form .gigya-login-providers-list button.tabbing-button {
  margin-top: -10px;
}
body #gigya-link-account-screen .gigya-composite-control-submit {
  margin-top: 30px;
}
#block-gigyaraaslogin .gigya-login-providers-list button.tabbing-button img,
#gigya-raas-register-div_content .gigya-login-providers-list button.tabbing-button img,
#block-gigyaraasregister #gigya-link-accounts-form .gigya-login-providers-list button.tabbing-button img,
#block-gigyaraaslogin .gigya-login-providers-list button.tabbing-button div,
#gigya-raas-register-div_content .gigya-login-providers-list button.tabbing-button div,
#block-gigyaraasregister #gigya-link-accounts-form .gigya-login-providers-list button.tabbing-button div {
  display: none !important;
}
#block-gigyaraasregister #gigya-link-accounts-form .gigya-layout-cell.responsive {
  padding-top: 40px;
}
#block-gigyaraaslogin .gigya-login-providers-list button.tabbing-button div,
#gigya-raas-register-div_content .gigya-login-providers-list button.tabbing-button div {
  display: none !important;
}
#block-gigyaraaslogin .gigya-social-login,
#block-gigyaraaslogin .gigya-social-login .gigya-social-login-container,
#block-gigyaraaslogin .gigya-social-login #gigya-raas-login-div_social_0_uiContainer,
#block-gigyaraaslogin .gigya-social-login #gigya-raas-login-div_social_1_uiContainer,
#block-gigyaraaslogin .gigya-social-login .gigya-login-providers,
#block-gigyaraaslogin .gigya-social-login .gigya-login-provider,
#block-gigyaraaslogin .gigya-social-login table,
#block-gigyaraaslogin .gigya-social-login table tbody,
#block-gigyaraaslogin .gigya-social-login table td,
#gigya-raas-register-div_content .gigya-social-login,
#gigya-raas-register-div_content .gigya-social-login .gigya-social-login-container,
#gigya-raas-register-div_content .gigya-social-login #gigya-raas-login-div_social_0_uiContainer,
#gigya-raas-register-div_content .gigya-social-login #gigya-raas-login-div_social_1_uiContainer,
#gigya-raas-register-div_content .gigya-social-login .gigya-login-providers,
#gigya-raas-register-div_content .gigya-social-login .gigya-login-provider,
#gigya-raas-register-div_content .gigya-social-login table,
#gigya-raas-register-div_content .gigya-social-login table tbody,
#gigya-raas-register-div_content .gigya-social-login table td {
  width: 100% !important;
  height: auto !important;
  max-width: 2000px !important;
  text-align: center !important;
}
#gigya-raas-register-div_social_0_uiContainer {
  width: 100% !important;
  height: auto !important;
}
body #mbf-registration-one-step > form > div.gigya-layout-row:nth-of-type(1) {
  margin-bottom: 0px;
  padding-bottom: 25px;
  border-bottom: 0px solid #ccc;
  text-align: center;
}
#block-gigyaraasregister h2 {
  font-size: 36px;
  font-family: 'PFEncoreSansPro-Bold';
  padding: 0 0 35px 0;
}
body .gigya-screen-content .gg-social_text {
  font-size: 15px;
  line-height: 21px;
  color: #828282;
  margin: 0 auto 0 auto;
  display: block !important;
  padding: 0px 80px 20px 80px;
  border-bottom: 1px solid #d7d7d7;
}
body .gigya-screen-content .section-headline,
body .gigya-composite-control-header {
  font-size: 20px;
  font-family: 'PFEncoreSansPro-Bold';
  color: #828282;
  padding: 0px 0 15px 0;
}
.gigya-screen > form > div,
.gigya-screen > div {
  background: none !important;
  overflow: hidden;
  padding: 0 20px;
}
.gigya-screen-content label {
  color: #828282 !important;
}
#mbf-edit-profile-password-change form {
  background: none !important;
}
#block-gigyaraaslogin form.gigya-login-form h2.gigya-composite-control-header,
#block-gigyaraasregister form.gigya-register-form h2.gigya-composite-control-header,
#mbf-registration-one-step form.gigya-register-form h2.gigya-composite-control-header,
#block-gigyaraasregister #gigya-link-accounts-form h2 {
  font-size: 23px;
  font-family: 'PFEncoreSansPro-Reg';
  position: relative;
  padding: 0px;
}
#block-gigyaraasregister form.gigya-register-form h2.gigya-composite-control-header {
  color: #828282;
  font-size: 17px;
}
#block-gigyaraaslogin form.gigya-login-form h2.gigya-composite-control-header span,
#block-gigyaraasregister form.gigya-register-form h2.gigya-composite-control-header span,
#mbf-registration-one-step form.gigya-register-form h2.gigya-composite-control-header span,
#block-gigyaraasregister #gigya-link-accounts-form h2 span {
  /*background:#fff;*/
  position: relative;
  z-index: 2;
  padding: 0 25px 0 25px;
  color: #828282;
  font-size: 17px;
}
#block-gigyaraaslogin form.gigya-login-form h2.gigya-composite-control-header::before,
#block-gigyaraasregister form.gigya-register-form h2.gigya-composite-control-header::before,
#mbf-registration-one-step form.gigya-register-form h2.gigya-composite-control-header::before {
  /*
  content:"";
  position:absolute;
  top:50%;
  left:0px;
  width:100%;
  height:1px;
  background:#c2c2c2;
  z-index: 1;
  */
}
body #mbf-login > form > .gigya-layout-row:nth-of-type(1) {
  margin-bottom: 0px;
  border-bottom: 0px solid #ccc;
}
body .gigya-composite-control-social-login {
  margin: 0px;
}
body .gigya-social-login *[style] {
  display: block !important;
  width: 100% !important;
}
body .gigya-composite-control-textbox,
body .gigya-screen .gg-field-first,
body .gigya-screen .gg-field-last,
body .gigya-screen .gg-field_50,
body .gigya-composite-control-checkbox,
body #gigya-link-account-screen .gg-login-email,
body #gigya-link-account-screen .gg-login-password {
  /*font-size:0px;*/
  font-size: 13px;
  display: block;
  float: none;
  width: auto;
  padding: 0 0 15px 0px;
  margin: 0px;
  text-align: left;
}
body .gigya-screen-content .toggle-password {
  position: absolute;
  right: 30px;
  margin: 17px 0 0 0;
  cursor: pointer;
  background: url("../images/icon-password-show.png") no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 17px;
  font-size: 0px;
}
body #gigya-link-account-screen .gg-login-email {
  padding-top: 50px;
}
body .gigya-screen .gigya-error-msg.gigya-error-msg-active {
  font-size: 13px;
}

/*
body .gigya-composite-control-checkbox.gg-checkbox-have-child{
  background:#f3f8f6;
  padding-top:30px;
  margin:0 0 50px 0;
}
*/

.gigya-screen .gigya-composite-control-array-widget div.gigya-array-template {
  padding: 0px !important;
}
body .gigya-screen .gigya-composite-control-array-widget {
  /*background:#f3f8f6;*/
  margin: -50px 0 30px 0;
}
body .gigya-screen-content label.gigya-label {
  font-weight: normal;
  margin-bottom: 0px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  vertical-align: middle;
  font-size: 17px;
  font-family: 'PFEncoreSansPro-Reg';
  color: #828282;
  width: 190px;
  text-align: left;
}

/*
body .gigya-composite-control-checkbox label.gigya-label{
  font-size:18px;
  color:#333333;
  font-family: 'PFEncoreSansPro-Reg';
  height:auto;
  width:auto;
  height:auto;
  line-height:normal;
}
*/

body .gigya-screen .gigya-composite-control-array-widget label.gigya-label {
  font-size: 16px;
  color: #6aad92;
  line-height: 16px;
  padding-top: 10px;
}
body .gigya-screen .gigya-composite-control-array-widget input {
  border-color: #75b89d;
}
body .gigya-screen .gigya-composite-control-array-widget .gigya-layout-cell.ui-droppable {
  display: none;
}
body .gigya-screen .gigya-composite-control-array-widget div.gigya-array-template .buttons-wrapper button {
  border: 0;
  padding: 0px 20px 0 10px !important;
  text-transform: inherit;
  white-space: normal;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 17px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background: #75b89d url("../images/icon-add.png") no-repeat 90% center !important;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  width: 240px !important;
  outline: none;
  height: 37px;
  line-height: 37px;
  text-align: left;
  display: inline-block;
  margin: 0 0 0 20px !important;
  text-transform: none;
}
body .gigya-screen .gigya-composite-control-array-widget div.gigya-array-template .buttons-wrapper {
  text-align: right;
  display: block;
  padding: 10px 0px 0 0;
}
body .gigya-screen .gigya-composite-control-array-widget div.gigya-array-template .buttons-wrapper button:not(:first-child) {
  margin: 0px;
  order: 0;
}
body .gigya-screen .gigya-composite-control-array-widget div.gigya-array-template .buttons-wrapper .gigya-array-remove-btn {
  background-color: #c5c1b8 !important;
  background-image: url("../images/icon-remove.png") !important;
}
.gigya-screen .gigya-composite-control-array-widget div.gigya-array-template {
  padding: 0 0 40px 0;
}
body .gigya-composite-control-multi-choice .gigya-container,
body .gigya-composite-control-textbox input,
body .gigya-composite-control-password input {
  border: 0px solid #666666;
  background: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  font-size: 17px;
  font-family: 'PFEncoreSansPro-Reg';
  color: #828282;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  margin: 0px;
  display: inline-block;
  vertical-align: middle;
}
body.user-authenticated .gigya-composite-control-multi-choice .gigya-container,
body.user-authenticated .gigya-composite-control-textbox input,
body.user-authenticated .gigya-composite-control-password input {
  width: 410px;
}
body .gigya-composite-control-textbox.gg-add-datepicker input {
  background: #fff url("../images/icon-calendar.png") no-repeat right center;
  background-size: auto 25px;
}
body .gigya-composite-control-textbox.gg-add-datepicker input.gigya-valid {
  background-image: url("../images/icon-calendar-correct.png") !important;
}
body .gigya-composite-control-password input {
  /*width: 380px;*/
  font-size: 16px;
}
body .gigya-multi-choice-item {
  display: inline-block;
  vertical-align: middle;
}
body .gg-thank-you-button,
body input.gigya-button,
body .gigya-composite-control-submit input,
#gigya-forgot-password-success-screen .gigya-composite-control-link.gg-link_button,
#gigya-verification-sent-screen .gg-link_button,
body #edit-profile-landing .gigya-composite-control-link {
  border: 0;
  padding: 0px !important;
  text-transform: inherit;
  white-space: normal;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #75b89d;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  width: 350px !important;
  outline: none;
  height: 55px;
  line-height: 55px;
  text-decoration: none;
  margin-bottom: 10px;
}
body #edit-profile-landing .gigya-composite-control-link {
  display: block;
  margin: 0 auto 0 auto;
  font-size: 15px;
  width: 370px !important;
}
body .gg-thank-you-button:hover,
body input.gigya-button:hover,
body .gigya-composite-control-submit input:hover,
#gigya-forgot-password-success-screen .gigya-composite-control-link.gg-link_button:hover,
#gigya-verification-sent-screen .gg-link_button:hover,
body #edit-profile-landing .gigya-composite-control-link:hover {
  background: #8bd1b5;
}
body #gigya-raas-login-div .gigya-screen > form > div:last-child,
body #gigya-raas-register-div .gigya-screen > form > div:last-child {
  margin-bottom: 20px;
  border-bottom: 0px solid #ccc;
}
body .gigya-layout-row a {
  color: #76bda0;
  font-size: 15px;
  text-decoration: underline;
  font-family: 'PFEncoreSansPro-Medium';
  /*margin-top: 10px;*/
  display: inline-block;
}
body .gigya-layout-row a.gigya-composite-control.gg-link_button {
  border: 0;
  padding: 0px !important;
  text-transform: inherit;
  white-space: normal;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #75b89d;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  width: 100% !important;
  outline: none;
  height: 55px;
  line-height: 55px;
  text-decoration: none;
  margin-bottom: 10px;
}
body .gigya-layout-row a.gigya-composite-control.gg-link_button:hover {
  background: #8bd1b5;
}
body #gigya-link-accounts-form .gg-forget-text,
body #gigya-link-accounts-form .gg-forget-link {
  color: #76bda0;
  font-size: 15px;
  font-family: 'PFEncoreSansPro-Medium';
}
body #gigya-link-accounts-form .gg-forget-link {
  text-decoration: underline;
}
body #mbf-login-form .gigya-layout-row:nth-child(2) {
  padding-top: 20px;
}
body .gigya-screen-content .gg-note {
  color: #5bba9b;
  font-size: 15px;
  float: right;
  font-family: 'PFEncoreSansPro-Medium';
  padding: 10px 0 20px 0;
  margin: 0px;
  /* CHECK */
  float: none;
  text-align: center !important;
  display: block !important;
}
body #gigya-raas-register-div label.gigya-composite-control-label.gg-subtitle,
body #mbf-registration-one-step label.gigya-composite-control-label.gg-subtitle {
  display: none !important;
}
body #gigya-reset-password-form .gigya-layout-cell,
body #gigya-reset-password-form .gigya-layout-cell label {
  text-align: center;
  font-size: 16px;
  color: #666666;
}
body #gigya-reset-password-form .gigya-layout-cell a {
  color: #76bda0;
  font-size: 16px;
  text-decoration: underline;
  font-family: 'PFEncoreSansPro-Medium';
}
body #gigya-forgot-password-screen .gg-info_text {
  font-size: 16px;
  color: #666666;
  font-style: italic;
  display: block;
  text-align: center;
  padding: 0 40px 20px 40px;
}
body .gigya-screen .gigya-terms-error,
body .gigya-screen input.gigya-error,
body .gigya-screen input[type=text].gigya-error,
body .gigya-screen input[type=password].gigya-error,
body .gigya-screen input[type=email].gigya-error,
body .gigya-screen select.gigya-error {
  border-color: #ff0000;
}
body #gigya-complete-registration-screen .gg-note {
  width: 100%;
  text-align: right;
  float: none;
  display: block;
}
body .gigya-screen .gg-radio-gender > .gigya-label {
  flex-basis: unset;
  float: left;
  margin: 0 0 0 20px;
}
body .gigya-screen #mbf-edit-profile-user-form .gg-radio-gender > .gigya-label {
  margin-left: 0px;
}
body #gigya-raas-register-div_content .gigya-screen .gg-radio-gender > .gigya-label {
  width: auto;
  padding-right: 30px;
}
body #gigya-raas-register-div_content .gigya-screen .gg-radio-gender {
  display: block;
  text-align: left;
  padding: 0 0 0 0px;
}
body .gigya-input-checkbox,
body .gigya-multi-choice-item {
  margin: 0px;
  height: 60px;
  line-height: 60px;
}
body:not(.html) .gg-checkboxes-error-msg,
body:not(.html) .gg-tc-error-msg {
  border: 0px !important;
}
body .gigya-composite-control-checkbox label.gigya-label {
  width: auto !important;
  height: auto !important;
  line-height: normal !important;
  font-size: 13px;
  color: #818181;
}
body .gigya-composite-control-checkbox label.gigya-label a {
  font-family: 'PFEncoreSansPro-Reg';
  text-decoration: underline;
  font-size: 13px;
  color: #818181;
}
body .gg-checkboxes-error-msg span,
body .gg-tc-error-msg span {
  display: block;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #ff0000;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  padding: 10px 0 10px 0;
}
body .gigya-input-checkbox+label:before {
  background-color: #fff;
  border: 1px solid #dcdcde;
  content: "";
  display: block !important;
  height: 16px;
  width: 16px;
  left: 0;
  position: absolute;
  top: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
body .gigya-input-checkbox:checked+label:after {
  content: '';
  left: 0px;
  position: absolute;
  top: 0px;
  width: 16px;
  height: 16px;
  background: url("../images/icon-checkbox.png") no-repeat center bottom;
  background-size: 72%;
}
body .gigya-input-checkbox+label,
body .gigya-input-radio+label {
  padding: 3px 25px 0 25px;
  font-size: 17px;
  color: #828282;
}
body .gigya-screen .gigya-composite-control.gg-checkbox-error {
  padding: 20px 0 30px 50px;
  margin-bottom: 20px;
  position: relative;
  right: auto;
  width: 100%;
  border-radius: 0px;
  border: 0px solid #dd4b39;
}
body input.gigya-input-radio+label:before {
  width: 30px;
  height: 30px;
}
body input.gigya-input-radio+label:after {
  background-color: #e0e0e0;
  content: '';
  display: block;
  height: 15px;
  left: 8px;
  position: absolute;
  top: 8px;
  width: 15px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border-radius: 18px;
}
body input.gigya-input-radio:checked+label:after {
  background-color: #83bfa7;
  left: 6px;
  top: 6px;
}
#gigya-forgot-password-success-screen label,
#gigya-verification-sent-screen label {
  font-size: 26px;
  max-width: 600px;
  margin: 0 auto 0 auto;
  display: block;
}
body .gigya-screen-content .gg-subtitle {
  color: #000;
  font-size: 18px;
  text-align: center;
  margin-bottom: 15px;
}
body .gigya-screen .gigya-terms-error,
body .gigya-screen input.gigya-error,
body .gigya-screen select.gigya-error {
  padding: 15px 10px 15px 10px;
  margin: 0 0 0 0px;
}
body .gigya-screen input[type=text].gigya-error,
body .gigya-screen input[type=password].gigya-error,
body .gigya-screen input[type=email].gigya-error {
  padding: 0px 25px 0px 25px;
}
body #gigya-verification-pending-screen > form > .gigya-layout-row:nth-of-type(1) {
  margin-bottom: 0px;
  border-bottom: 0px solid #ccc;
  padding: 0px;
  text-align: center;
  font-size: 18px;
}
body #gigya-verification-pending-screen form .gg-verification-text {
  font-size: 18px;
  line-height: normal;
  max-width: 520px;
  margin: 0 auto 0 auto;
}
body #gigya-verification-pending-screen #gigya-resend-verification-code-form .gigya-layout-row:nth-child(4) {
  background: #fbfbfb;
  border-top: 1px solid #e8e8e8;
  padding: 0px 0 0 0;
  text-align: center;
  margin-top: 40px;
}
body #gigya-verification-pending-screen #gigya-resend-verification-code-form .gigya-layout-row:nth-child(7) {
  background: #fbfbfb;
  padding: 0px 0 10px 0;
  text-align: center;
  margin: 0 0 0px 0;
}
body #gigya-verification-pending-screen #gigya-resend-verification-code-form .gigya-layout-row .gg-verification-text {
  color: #666666;
  font-style: italic;
  padding: 0 0 10px 0;
  max-width: 500px;
  margin: 0 auto 0 auto;
  cursor: pointer;
}
body #gigya-verification-pending-screen form .gg-verification-email {
  max-width: 2000px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  padding: 0px;
}
body #gigya-verification-pending-screen form .gg-verification-email,
body #gigya-verification-pending-screen form .gigya-composite-control-submit {
  display: none !important;
}
body #gigya-verification-pending-screen form .gg-verification-email.active,
body #gigya-verification-pending-screen form .gigya-composite-control-submit.active {
  display: block !important;
}
body #gigya-verification-pending-screen label.gigya-label {
  width: auto;
  padding-right: 25px;
}
body #gigya-verification-pending-screen.gigya-screen .gg-forget-text {
  display: inline-block !important;
  font-size: 16px;
  color: #666666;
  margin-bottom: 0px;
  width: auto !important;
}
body #gigya-verification-pending-screen.gigya-screen .gg-forget-link {
  display: inline-block !important;
  font-size: 16px;
  color: #6bb194;
  text-decoration: underline;
  width: auto !important;
  font-family: 'PFEncoreSansPro-Medium';
}
body #gigya-resend-verification-code-form {
  background: url("../images/icon-check-email.png") no-repeat center top;
  padding-top: 200px;
}
#mbf-edit-profile-user form {
  width: auto !important;
}
body .gigya-screen-content .gg-title_big {
  font-weight: normal;
  padding: 0px;
  margin: 0;
  text-align: center;
  font-size: 26px;
  font-family: 'PFEncoreSansPro-Bold';
  color: #828282;
  padding: 20px 0 0px 0;
}
body #mbf-edit-profile-user form > div:nth-of-type(1) {
  background: none;
  padding: 0px;
}
#block-gigyaraasprofile > h2 {
  display: none;
}
body #block-gigyaraasprofile .gigya-screen-content .gg-subtitle {}
body #block-gigyaraasprofile .gigya-screen-content .gg-subtitle {
  display: none !important;
}
body #block-gigyaraasprofile .gigya-screen .gigya-composite-control-array-widget {
  margin: 0px 0 50px 0;
}
body #block-gigyaraasprofile .gigya-screen .gigya-composite-control-array-widget .gigya-composite-control-label {
  display: none;
}
body #block-gigyaraasprofile {
  text-align: left;
}
body #block-gigyaraasprofile .gigya-composite-control.gigya-composite-control-checkbox {
  display: inline-block;
  width: 33%;
  padding: 5px 0 20px 30px;
  padding: 5px 0 10px 0px;
}
body #block-gigyaraasprofile .gigya-composite-control.gigya-composite-control-checkbox:nth-child(51),
body #block-gigyaraasprofile .gigya-composite-control.gigya-composite-control-checkbox:nth-child(52) {
  /*body #block-gigyaraasprofile .gigya-composite-control.gigya-composite-control-checkbox:nth-child(49),
body #block-gigyaraasprofile .gigya-composite-control.gigya-composite-control-checkbox:nth-child(50) {*/
  display: block;
  width: 100%;
  border-top: 1px solid #d7d7d7;
  padding-top: 20px;
}
body #block-gigyaraasprofile .gigya-composite-control.gigya-composite-control-checkbox:nth-child(53) {
  display: block;
  width: 100%;
}
body #block-gigyaraasprofile .gigya-layout-row > .gigya-composite-control.gigya-composite-control-label {
  display: block;
  padding: 15px 0 10px 0px;
  font-size: 20px;
  font-family: 'PFEncoreSansPro-Bold';
  color: #000;
}
body #block-gigyaraasprofile .gigya-layout-row > .gigya-composite-control.gigya-composite-control-label.gg-note {
  color: #68ad91;
  font-size: 18px;
  margin-top: 20px;
  float: right;
  padding: 0px;
  font-family: 'PFEncoreSansPro-Medium';
  margin-bottom: 20px;
}
body #mbf-edit-profile-user form > div:nth-of-type(8) {
  background: none;
  text-align: center;
  padding-top: 30px;
  border-top: 0px solid #ccc;
}
body #block-gigyaraasprofile a.gg-link_button {
  border: 0;
  padding: 0px !important;
  text-transform: inherit;
  white-space: normal;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Medium';
  background-color: #fff;
  border: 2px solid #75b89d;
  color: #75b89d;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  width: 270px !important;
  outline: none;
  height: 50px;
  line-height: 50px;
  text-decoration: none;
}
body #block-gigyaraasprofile a.gg-link_button:hover {
  background: #75b89d;
  color: #fff;
}
body #block-gigyaraasprofile .gigya-composite-control-submit {
  margin-top: 60px;
}
body #mbf-edit-profile-security form > div:nth-of-type(1) {
  background: none;
}
body #mbf-edit-profile-security form > div:nth-of-type(8) {
  background: none;
  padding-top: 0px;
  border-top: 0px solid #ccc;
}
body #mbf-edit-profile-security form {
  width: auto;
  margin: 0 auto;
}
body #edit-profile-landing {
  text-align: center;
  padding-bottom: 10px;
}
body #edit-profile-landing label {
  font-size: 20px;
  font-family: 'PFEncoreSansPro-Bold';
  padding: 30px 0 10px 0;
  display: block;
}
.path-update-profile-success #mainContent {
  padding: 121px 25px 80px 25px;
  position: relative;
  overflow: hidden;
}

/*
  background: url(../images/icon-check-email.png) no-repeat center top;
   padding-top: 200px;

.myGigyaWrapper {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 15px;
    text-align: center;
    padding: 30px 40px 30px 40px;
    background: #f2f2f2;
}
*/

.path-update-profile-success #mainContent .sectionInner {
  background: #fff;
  margin: 0 auto 0 auto;
  max-width: 720px;
  text-align: center;
  position: relative;
  z-index: 10;
  padding: 0;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #f2f2f2 url("../images/icon-check-email.png") no-repeat center 30px;
  padding: 180px 0 50px 0;
}
.home-hero,
.coupons-hero {
  height: 580px;
  background: url("../images/bg-hero-homepage-200228.jpg") no-repeat center center;
  background-size: cover;
  position: relative;
}
/*PHASEOUT*/
#block-homepageheroauthenticatedcouponsexpired .home-hero{height:580px;}

.user-authenticated .home-hero {
  height: 860px;
}


.home-hero.promoOneyear {
  background-image: url("../images/bg-hero-homepage-oneyear.jpg");
}
.coupons-hero {
  background-image: url("../images/img-coupons-hero.jpg?2");
  height: 500px;
}
.home-hero .content,
.coupons-hero .content {
  position: absolute;
  width: 50%;
  top: 0px;
  left: 0px;
  height: 100%;
  background: rgba(70, 131, 107, 0.8);
  color: #fff;
}
.coupons-hero .content {
  background: none;
}
.home-hero .content .inner,
.coupons-hero .content .inner {
  padding: 110px 80px 0 80px;
  max-width: 700px;
  margin: 0 auto 0 auto;
}
.home-hero .content .inner .title,
.coupons-hero .content .inner .title {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
}
.home-hero .content .inner .text,
.coupons-hero .content .inner .text {
  font-size: 22px;
  line-height: 34px;
  font-family: 'PFEncoreSansPro-Light';
  padding: 20px 0 0 0;
}
.home-hero .content .inner .text ul {
  margin: 0;
  padding: 0 0 0px 20px;
  font-size: 1rem;
  line-height: 1.4em;
}
.home-hero .content .inner .buttons,
.coupons-hero .content .inner .buttons {
  padding: 30px 0 0 0;
}
.home-hero .content .inner .buttons a,
.coupons-hero .content .inner .buttons a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #75b89d;
  border: 2px solid #75b89d;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.home-hero .content .inner .buttons a.color-red {
  background-color: #d9443c;
  border-color: #d9443c;
  color: #fff;
}
.home-hero .content .inner .buttons a.color-red:hover {
  background-color: #fff;
  border-color: #fff;
  color: #75b89d;
}
.home-hero .content .inner .buttons a.color-white {
  background-color: #fff;
  border-color: #fff;
  color: #75b89d;
}
.home-hero .content .inner .buttons a.color-white:hover {
  background-color: #75b89d;
  border-color: #75b89d;
  color: #fff;
}
.home-hero .content .inner .buttons a:hover,
.coupons-hero .content .inner .buttons a:hover {
  background: #8bd1b5;
  border-color: #8bd1b5;
}
.home-hero .content .inner .buttons a.bt-login,
.coupons-hero .content .inner .buttons a.bt-login {
  border-color: #fff;
  background: none;
  color: #fff;
  margin: 0 10px 0 0;
}
.home-hero .content .inner .buttons a.bt-login:hover,
.coupons-hero .content .inner .buttons a.bt-login:hover {
  color: #75b89d;
  background: #fff;
}

/* plus comments */

body .gigya-screen .gg-field-last,
body .gigya-screen .gg-field_50 {
  padding: 0 0 20px 0px;
}
body .gigya-composite-control-submit {
  margin: 0px auto 0px auto;
}
body .gigya-screen-content label {
  font-size: 17px;
  /*padding: 6px 15px 0 40px;*/
}
body .gigya-multi-choice-item {
  padding: 6px 0 0 0;
}
body .gigya-multi-choice-item label {
  padding: 6px 15px 0 40px !important;
}
body .gigya-composite-control-multi-choice {
  margin-bottom: 1em;
}
body .gigya-screen > form > div {
  padding: 0 0px;
  background: none !important;
}

/* plus comments */

#block-recipeshero,
#block-bloghero {
  background: url("../images/img-recipes-hero.jpg") no-repeat center center;
  background-size: cover;
  height: 500px;
  text-align: center;
  position: relative;
}
#block-bloghero {
  background-image: url("../images/img-blog-hero.jpg");
}
#block-recipeshero .text-formatted,
#block-bloghero .text-formatted {
  position: absolute;
  width: 660px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}
#block-recipeshero .text-formatted h1,
#block-bloghero .text-formatted h1 {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #fff;
  padding: 0 0 15px 0;
}
#block-recipeshero .text-formatted .description,
#block-bloghero .text-formatted .description {
  font-size: 22px;
  line-height: 34px;
  font-family: 'PFEncoreSansPro-Light';
  color: #fff;
}
.path-diatrofi #mainContent .contentTopWrapper,
.path-blog #mainContent .contentTopWrapper,
.path-kouponia #mainContent .contentTopWrapper,
.path-brands #mainContent .contentTopWrapper {
  text-align: left;
  max-width: 1230px;
  margin: 0 auto 0 auto;
  padding: 30px 0 20px 0;
  position: relative;
}
.contentTopWrapper .reset-filters {
  float: right;
  position: absolute;
  right: 20px;
  top: 45px;
  display: block;
  background: url("../images/icon-reset-filters.png") no-repeat right center;
  background-size: auto 18px;
  padding: 0 30px 0 0;
  font-size: 16px;
  font-family: 'PFCentroSerifPro-Medium';
  z-index: 20;
  display: none;
}
.path-diatrofi #mainContent .contentTopWrapper .block-facet--dropdown h2,
.path-blog #mainContent .contentTopWrapper .block-facet--dropdown h2,
.path-kouponia #mainContent .contentTopWrapper .block-facet--dropdown h2,
.path-brands #mainContent .contentTopWrapper .block-facet--dropdown h2 {
  display: none;
}
.path-diatrofi #mainContent .contentTopWrapper .block-facet--dropdown,
.path-blog #mainContent .contentTopWrapper .block-facet--dropdown,
.path-kouponia #mainContent .contentTopWrapper .block-facet--dropdown,
#block-exposedformrecipespage-diatrofi,
.path-brands .chosen-container {
  display: inline-block;
  vertical-align: top;
  margin: 0 15px 0 15px;
}
#block-exposedformrecipespage-diatrofi .form-item {
  margin: 0px;
  padding: 0px;
}
#block-exposedformrecipespage-diatrofi h2,
#block-exposedformrecipespage-diatrofi label,
#views-exposed-form-recipes-page-diatrofi #edit-submit-recipes,
#views-exposed-form-recipes-page-diatrofi #edit-submit-recipes--2 {
  display: none;
}
.recipesView,
.blogView,
.brandsView,
#block-views-block-contests-block-contests {
  max-width: 1230px;
  margin: 0 auto 0 auto;
  text-align: center;
  font-size: 0px;
  padding: 0 0 50px 0;
}

#block-views-block-recipes-block-recipes-toprofilmou .recipesView,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView
{
  max-width: 5000px;
}

#block-views-block-contests-block-contests {
  max-width: 100000px;
  background: #f4f1ed;
}
#block-views-block-contests-block-contests > div {
  max-width: 1230px;
  margin: 0 auto 0 auto;
}
.recipesView {
  padding: 0 0 30px 0;
}
#block-views-block-recipes-block-1 .recipesView,
#block-views-block-recipes-block-1-2 .recipesView,
#block-views-block-recipes-block-1-3 .recipesView {
  max-width: 5000px;
}
.recipesView .slick-prev,
.recipesView .slick-next {
  top: auto;
  position: absolute;
  right: 80px;
  left: auto;
  bottom: -80px;
  background: url("../images/icon-arrow-next.png") no-repeat center center;
  background-size: contain;
  width: 35px;
  height: 35px;
}
.recipesView .slick-prev {
  right: 130px;
  background-image: url("../images/icon-arrow-prev.png");
}
#block-views-block-recipes-block-1-2 {
  background: none;
}
.recipesView .recipeListItem,
.blogView .views-row,
.brandsView .views-row,
#block-views-block-contests-block-contests .views-row {
  display: inline-block;
  vertical-align: top;
  width: 380px;
  height: 470px;
  margin: 0 10px 20px 10px;
  font-size: 22px;
  color: #828282;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}
#block-views-block-contests-block-contests h2 {
  color: #161616;
  text-align: center;
  padding: 40px 20px 40px 20px;
  font-size: 31px;
  font-family: 'PFCentroSerifPro-Medium';
  display: block;
}
.brandsView .views-row {
  height: 420px;
}
.recipesView .recipeListItem .views-field-field-teaser-image img,
.blogView .views-row .views-field-field-teaser-image img,
.brandsView .views-row .views-field-field-brand-image img,
#block-views-block-contests-block-contests .views-row .views-field-field-brand-image img,
#block-views-block-contests-block-contests .views-rows img {
  display: block;
  width: 100%;
  height: auto;
}
.recipesView .recipeListItem .views-field-title a,
.blogView .views-row .views-field-title a,
.brandsView .views-row .views-field-field-brand-title a,
#block-views-block-contests-block-contests .views-row .views-field-field-brand-title a,
#block-views-block-contests-block-contests .views-row .title {
  color: #73b79d;
  font-size: 26px;
  text-align: center;
  padding: 15px 20px 10px 20px;
  font-size: 24px;
  line-height: 32px;
  font-family: 'PFCentroSerifPro-Medium';
  display: block;
}
.recipesView .recipeListItem .views-field-body,
.blogView .views-row .views-field-field-short-description-1,
.brandsView .views-row .views-field-description__value,
#block-views-block-contests-block-contests .views-row .desc {
  color: #828282;
  font-size: 18px;
  line-height: 26px;
  padding: 0 20px 0px 20px;
  font-family: 'PFEncoreSansPro-Book';
  text-align: center;
  max-height: 80px;
  overflow: hidden;
}
.brandsView .views-row .views-field-description__value {
  max-height: 100px;
}
.recipesView .recipeListItem .views-field-body p,
.blogView .views-row .views-field-field-short-description-1 p,
.brandsView .views-row .views-field-description__value p {
  margin: 0px;
  padding: 0px;
}
.couponsView {
  max-width: 1230px;
  margin: 0 auto 0 auto;
  text-align: left;
  font-size: 0px;
  padding: 0 0 0px 0;
}
.path-kouponia .couponsView {
  padding: 0 0 40px 0;
}
.couponsView header {
  display: block;
  font-size: 15px;
  text-align: center;
  padding: 0 20px 40px 20px;
  font-size: 22px;
  line-height: 34px;
  font-family: 'PFEncoreSansPro-Light';
}
.couponsView header h3 {
  color: #000;
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 0 0 25px 0;
}
.couponsView header .description {
  max-width: 720px;
  margin: 0 auto 0 auto;
  font-family: 'PFEncoreSansPro-Reg';
  padding: 0 0 20px 0;
}
.couponsView.couponsView_full_width {
  background: url("../images/bg-coupons-suggest-min.jpg") center top;
  padding: 50px 0 50px 0;
  text-align: center;
  width: auto;
  max-width: 5000px;
}
.couponsView.couponsView_full_width h2 {
  color: #000;
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 0 0 35px 0;
}
.couponsView.couponsView_full_width > div {
  max-width: 1230px;
  margin: 0 auto 0 auto;
  font-size: 0px;
}
.couponsView .views-row {
  width: 280px;
  height: 521px;
  display: inline-block;
  vertical-align: top;
  background: url("../images/bg-coupon2.png") no-repeat center top;
  background-size: contain;
  margin: 0 10px 20px 10px;
  font-size: 16px;
  color: #828282;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -moz-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -o-transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition: all 300ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
  transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}
.couponsView.couponsView_full_width > div:hover .views-row {
  opacity: 0.7;
}
.couponsView.couponsView_full_width > div:hover .views-row:hover {
  -ms-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  opacity: 1;
}
.couponsView .views-row .views-field-field-coupon-redemption-points {
  width: 86px;
  height: 86px;
  background: #73b79d;
  padding: 30px 0 0 0;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  right: -10px;
  top: -10px;
  color: #fff;
  text-align: center;
  font-size: 27px;
  font-family: 'PFEncoreSansPro-Bold';
  line-height: 18px;
}
.couponsView .views-row .views-field-field-coupon-redemption-points .txt {
  display: block;
  font-size: 13px;
}
.couponsView .views-row .views-field-field-coupon-image {
  padding: 40px 0 0 0;
}
.couponsView .views-row .views-field-field-coupon-image img {
  display: block;
  margin: 0 auto 0 auto;
}
.couponsView .views-row .views-field-field-coupon-cash-back-amount {
  font-family: 'PFEncoreSansPro-Thin';
  font-size: 60px;
  color: #161616;
  line-height: 40px;
  text-align: center;
}
.couponsView .views-row .views-field-field-coupon-cash-back-amount .views-label-field-coupon-cash-back-amount {
  color: #58ba9b;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  display: block;
  padding: 0 0 15px 0px;
  text-align: center;
}
.couponsView .views-row .views-field-body {
  font-family: 'PFCentroSerifPro-Medium';
  font-size: 15px;
  line-height: 18px;
  padding: 20px 30px 0 30px;
  height: 130px;
  text-align: center;
}
.couponsView .views-row .views-field-body p {
  margin: 0px;
  padding: 0px;
}
.couponsView .views-row .views-field-nothing {}
body. user-guest .views-field.views-field-nothing a.redeemCoupon,
body. user-authenticated .views-field.views-field-nothing a.redeemCoupon.pointsNotEnough {
  opacity: 0.4;
}
.couponsView .views-row .views-field-nothing .title {
  color: #fff;
  font-size: 22px;
  font-family: 'PFEncoreSansPro-Bold';
  text-align: center;
}
.couponsView .views-row .views-field-nothing .expires {
  color: #fff;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
}

/* recipes detail*/

.main_head {
  font-size: 0px;
  background: #489c7b;
  position: relative;
  overflow: hidden;
}
.main_head .main_head_content,
.main_head .main_head_photo {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  position: relative;
  color: #fff;
  font-size: 16px;
  overflow: hidden;
}
.main_head .main_head_photo {
  width: 50%;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50%;
  height: 100%;
}
.main_head .main_head_photo.main_head_photo_carousel {
  position: absolute;
  right: auto;
  min-height: 520px;
  height: 100%;
  width: 50%;
}
.main_head .main_head_photo.main_head_photo_carousel .slick-list,
.main_head .main_head_photo.main_head_photo_carousel .slick-track {
  height: 100%;
}
.main_head .brand_carousel_wrapper {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 200ms;
}

.main_head .brand_carousel_wrapper.active{
  opacity: 1;
}

.main_head .carousel-items,
.main_head .brand_carousel_wrapper .field--name-field-brand-carusel-images .slick-slide {
  min-height: 520px;
  position: relative;
}




.main_head .main_head_photo .field--name-field-teaser-image img,
.main_head .main_head_photo .field--name-field-brand-carusel-images img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.main_head .field--name-field-recipe-brand-image,
.main_head .field--name-field-brand-image {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 20;
  display: block;
}
.main_head .carousel-items {
  position: relative;
  width: 100%;
  min-height: 400px;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  position: relative;
}
.main_head .carousel-items .carousel-item {
  min-height: 520px;
  position: relative;
}
.main_head .brand_carousel_wrapper .field--name-field-brand-carusel-images {
  height: 100%;
  position: relative;
  min-height: 520px;
}
.main_head .carousel-items .carousel-item img,
.main_head .brand_carousel_wrapper .field--name-field-brand-carusel-images img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.main_head .carousel-items .carousel-item span {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: none;
}
.main_head .carousel-items .carousel-item span img {
  position: relative;
  top: auto;
  left: auto;
  width: auto;
  height: auto;
  object-fit: cover;
  display: block;
}
.main_head .slick-dotted.slick-slider {
  margin: 0px;
}
.main_head .main_head_content .main_head_content_wrap {
  padding: 60px 100px 60px 80px;
  margin: 0 auto 0 auto;
  min-height: 400px;
}
.main_head .slick-dots {
  position: absolute;
  left: 30px;
  bottom: 30px;
  text-align: left;
}
.main_head .main_head_content .main_head_content_wrap .field--name-field-second-title,
.main_head .main_head_content .main_head_content_wrap .field--name-field-brand-title,
.main_head .main_head_content .main_head_content_wrap .title {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #fff;
}
.main_head .main_head_content .main_head_content_wrap .field--name-field-recipe-brand {
  padding: 0 0 20px 0;
  font-family: 'PFEncoreSansPro-Bold';
}
.main_head .main_head_content .main_head_content_wrap .field--type-text-with-summary,
.main_head .main_head_content .main_head_content_wrap .field--name-field-short-description-1,
.main_head .main_head_content .main_head_content_wrap .field--name-description,
.main_head .main_head_content .main_head_content_wrap .text {
  font-family: 'PFEncoreSansPro-Light';
  font-size: 22px;
  line-height: 34px;
}
.main_head .main_head_content .main_head_content_wrap .field--name-field-brand-link a,
.main_head .main_head_content .main_head_content_wrap .cta {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px 0 40px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.main_head .main_head_content .main_head_content_wrap .field--name-field-brand-link a:hover,
.main_head .main_head_content .main_head_content_wrap .cta:hover {
  opacity: 0.9;
}
.main_head .main_head_content .main_head_content_wrap .field--name-field-print-link a {
  display: block;
  border: 2px solid #fff;
  width: 220px;
  height: 50px;
  line-height: 50px;
  text-align: left;
  background: url("../images/icon-print.png") no-repeat 47px center;
  padding: 0 0 0 80px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  color: #fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.main_head .main_head_content .field--name-field-brand-share {
  height: 85px;
}
.main_head .sharebrand {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  text-align: left;
  padding: 0 0 0 80px;
  font-size: 14px;
  font-family: 'PFEncoreSansPro-Medium';
}
.main_head .sharebrand p {
  display: inline-block;
  vertical-align: middle;
  margin: 0px;
  padding: 0px 20px 0 0;
  height: 40px;
  line-height: 40px;
}
.main_head .sharebrand a {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
  height: 40px;
  background: url("../images/icon-share-fb-white.png") no-repeat center center;
  background-size: contain;
  margin: 0 0 0 10px;
}
.main_head .sharebrand .bs_ins {
  background-image: url("../images/icon-share-in-white.png");
}
.main_head .sharebrand .bs_tw {
  background-image: url("../images/icon-share-tw-white.png");
}
.main_head .sharebrand .bs_pi {
  background-image: url("../images/icon-share-pi-white.png");
}
.main_head .sharebrand .bs_yt {
  background-image: url("../images/icon-share-yt-white.png");
}
.main_head .main_head_content #recipe-head-info {
  font-size: 0px;
  padding: 15px 0 15px 0;
  border-top: 1px solid #9dc2b1;
  text-align: center;
}
.main_head .main_head_content #recipe-head-info .field {
  font-size: 15px;
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  padding: 28px 20px 0px 75px;
  text-align: left;
  background: url("../images/icon-recipe-time.png") no-repeat 23px center;
  border-left: 1px solid #9dc2b1;
  height: 70px;
  max-width: 200px;
  text-align: left;
}
.main_head .main_head_content #recipe-head-info .field--name-field-cooking-time {
  border: 0px;
}
.main_head .main_head_content #recipe-head-info .field--name-field-difficulty {
  background-image: url("../images/icon-recipe-easy.png");
}
.main_head .main_head_content #recipe-head-info .field--name-field-serving {
  background-image: url("../images/icon-recipe-size.png");
}
.main_head .main_head_content #recipe-head-info .field--name-field-calories {
  background-image: url("../images/icon-recipe-kcal.png");
  padding: 20px 20px 0px 80px;
}
#noiazomai_recipe_content .field--name-field-video {
  width: 790px;
  height: 444px;
  position: relative;
  margin: 40px auto 40px auto;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#noiazomai_recipe_content .paragraph--type--video-with-thumbnail {
  width: 790px;
  height: 444px;
  position: relative;
  margin: 0px auto 40px auto;
  display: block;
  overflow: hidden;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#noiazomai_recipe_content .paragraph--type--video-with-thumbnail iframe {
  width: 100%;
  height: 100%;
}
#noiazomai_recipe_content .paragraph--type--video-with-thumbnail .field--name-field-p-video-thumbnail {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  cursor: pointer;
}
#noiazomai_recipe_content .paragraph--type--video-with-thumbnail .field--name-field-p-video-thumbnail::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/icon-video-play.png") no-repeat center center;
  background-size: contain;
  width: 110px;
  height: 110px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}
#noiazomai_recipe_content .paragraph--type--video-with-thumbnail .field--name-field-p-video-thumbnail img {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.main_body_content_wrap {
  max-width: 1200px;
  font-size: 0px;
  margin: 0 auto 0 auto;
  padding: 50px 0 70px 0;
}
.main_body_content_wrap > .text-formatted {
  display: inline-block;
  vertical-align: top;
  width: 33%;
  font-size: 16px;
  padding: 0 100px 0 0;
  font-size: 18px;
  color: #828282;
  line-height: 31px;
}
.main_body_content_wrap > .text-formatted > div:first-child {
  font-size: 21px;
  color: #73b79d;
  font-family: 'PFEncoreSansPro-Bold';
  padding: 0 0 15px 0;
}
.main_body_content_wrap > .text-formatted ul {
  margin: 0px;
  padding: 0px;
}
.main_body_content_wrap > .text-formatted ul li {
  margin: 0 0 0 15px;
  padding: 0px;
}
.main_body_content_wrap > .text-formatted:last-child {
  width: 66%;
  padding: 0px;
}
.main_table_wrap {
  text-align: center;
  border-top: 1px solid #cbc6bd;
  border-bottom: 1px solid #cbc6bd;
  padding: 50px 0 50px 0;
  position: relative;
}
.main_table_wrap > div > div:first-child {
  position: absolute;
  background: #fff;
  padding: 0 50px 0 50px;
  height: 20px;
  top: -10px;
  left: 50%;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
  color: #817662;
  font-size: 21px;
  font-family: 'PFEncoreSansPro-Medium';
  letter-spacing: 2px;
}
.main_table_wrap .field--name-field-nutrition-facts {
  display: inline-block;
  background: url("../images/img-recipe-table.png") no-repeat center center;
  background-size: contain;
  width: 125px;
  height: 182px;
  margin: 0 3px 0 3px;
  color: #817662;
  padding: 25px 0 20px 0;
  font-family: 'CFDin CondensedRegular';
}
.main_table_wrap .field--name-field-nutrition-facts .field--name-field-nutrition-fact-value {
  font-size: 50px;
  line-height: 46px;
}
.main_table_wrap .field--name-field-nutrition-facts .field--name-field-nutrition-fact-label {
  font-family: 'PFEncoreSansPro-Medium';
  font-size: 16px;
  line-height: 18px;
  height: 44px;
}
.main_table_wrap .field--name-field-nutrition-facts .field--name-field-nutrition-fact-percentage {
  font-size: 36px;
  padding: 15px 0 0 0;
}
.main_body_content {
  max-width: 1040px;
  margin: 0 auto 0 auto;
  padding: 50px 20px 70px 20px;
  font-size: 18px;
  line-height: 34px;
  color: #828282;
  font-family: 'PFEncoreSansPro-Book';
}
.main_body_content img {
  width: 100%;
  height: auto;
}
.main_body_content iframe {
  width: 100%;
}
#block-views-block-recipe-products-block-1 {
  padding: 55px 0 50px 0;
  text-align: center;
}
#block-views-block-recipe-products-block-1 h2 {
  color: #000;
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 0 0 40px 0;
}
#block-views-block-recipe-products-block-1 > div {
  font-size: 0px;
  text-align: center;
}
#block-views-block-recipe-products-block-1 div .views-row {
  display: inline-block;
  vertical-align: top;
  margin: 0 6px 0 6px;
  font-size: 16px;
  position: relative;
  background: #f6f5f3;
  padding: 20px 0 90px 0;
}
#block-views-block-recipe-products-block-1 div .views-row .views-field-field-product-image img {
  width: 63%;
  height: auto;
}
#block-views-block-recipe-products-block-1 div .views-row .views-field-field-buy-button {
  position: absolute;
  bottom: 40px;
  left: 50%;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
}
#block-views-block-recipe-products-block-1 div .views-row .views-field-field-buy-button a {
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px 0 40px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
#block-views-block-recipe-products-block-1 div .views-row .views-field-field-buy-button a:hover {
  opacity: 0.9;
}
.top_recipes_block {
  background: #f6f5f3 url(../images/bg-coupons-suggest-min.jpg) repeat-x center 660px;
  padding: 50px 0 0px 0;
  text-align: center;
}
.top_recipes_block h2 {
  color: #000;
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 0 0 40px 0;
}


#block-views-block-recipes-block-recipes-toprofilmou, #block-views-block-relevant-recipes-block-recipes-toprofilmou-2{
  background: #f9f7f6;
}

#block-views-block-recipes-block-recipes-toprofilmou h2,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 h2{
  font-size: 32px;
  font-family: 'PFEncoreSansPro-Bold';
  font-weight: bold;
  color: #161616;
  padding: 50px 0 25px 0;
  position: relative;
  background: none;
  max-width: 1240px;
  margin: 0 auto;
  text-align: left;
}



.top_recipes_block .recipesView .views-row,
#block-views-block-recipes-block-recipes-toprofilmou .recipesView .views-rows,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .views-rows{
  max-width: 5230px;
  margin: 0 auto 0 auto;
  text-align: left;
  font-size: 0px;
  padding: 0 0 0px 0;
}
.top_recipes_block .recipesView footer {
  padding: 50px 0 0 0;
  text-align: center;
}
.top_recipes_block .recipesView footer a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px 0 40px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.top_recipes_block .recipesView footer a:hover {
  opacity: 0.9;
}
.top_recipes_block .recipesView .recipeListItem,
#block-views-block-recipes-block-recipes-toprofilmou .recipesView .recipeListItem,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .recipeListItem
{
  display: inline-block;
  vertical-align: top;
  width: auto;
  height: auto;
  margin: 0px;
  font-size: 22px;
  color: #fff;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
  position: relative;
  border-left: 15px solid #f6f5f3;
  border-bottom: 15px solid #f6f5f3;
  border-top: 15px solid #f6f5f3;
}
.top_recipes_block .recipesView .recipeListItem .overlay,
#block-views-block-recipes-block-recipes-toprofilmou .recipesView .recipeListItem .overlay,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .recipeListItem .overlay{
  position: absolute;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  top: 20px;
  left: 20px;
  color: #fff;
  font-size: 26px;
  text-align: center;
  padding: 40px 20px 10px 20px;
  font-size: 26px;
  line-height: 32px;
  font-family: 'PFCentroSerifPro-Medium';
  display: block;
  background: rgba(188, 78, 107, 0.8);
  opacity: 0;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
}
.top_recipes_block .recipesView .recipeListItem .overlay a,
#block-views-block-recipes-block-recipes-toprofilmou .recipesView .recipeListItem .overlay a,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .recipeListItem .overlay a{
  display: block;
}
.top_recipes_block .recipesView .recipeListItem:hover .overlay,
#block-views-block-recipes-block-recipes-toprofilmou .recipesView .recipeListItem:hover .overlay, 
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .recipeListItem:hover .overlay{
  opacity: 1;
}
.top_recipes_block .recipesView .overlay .category,
#block-views-block-recipes-block-recipes-toprofilmou .recipesView .overlay .category,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .overlay .category{
  position: absolute;
  top: 45px;
  left: 0px;
  width: 100%;
  color: #fff;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 14px;
  padding: 0 0 6px 0;
}
.top_recipes_block .recipesView .overlay .category::after,
#block-views-block-recipes-block-recipes-toprofilmou .recipesView .overlay .category::after,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .overlay .category::after{
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 30px;
  height: 1px;
  background: #fff;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
}
.top_recipes_block .recipesView .overlay .title,
#block-views-block-recipes-block-recipes-toprofilmou .recipesView .overlay .title,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .overlay .title{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 280px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-family: 'PFEncoreSansPro-Book';
  font-size: 34px;
  line-height: 36px;
}
.top_recipes_block .recipesView .overlay .viewrecipe,
#block-views-block-recipes-block-recipes-toprofilmou .recipesView .overlay .viewrecipe,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .overlay .viewrecipe{
  position: absolute;
  bottom: 45px;
  left: 50%;
  color: #fff;
  font-family: 'PFCentroSerifPro-Medium';
  font-size: 18px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
  display: block;
  background: url("../images/icon-more.png") no-repeat right center;
  padding: 0 30px 0 0;
  white-space: nowrap;
  height: 20px;
  line-height: 24px;
}
#block-sharebuttonsblock {
  padding: 45px 0 45px;
  text-align: center;
}
#block-sharebuttonsblock h2 {
  font-size: 22px;
}
#block-sharebuttonsblock .share_links > div {
  display: inline-block;
  vertical-align: top;
  padding: 15px 7px 0 7px;
}
#block-sharebuttonsblock .share_links > div a {
  display: block;
  width: 42px;
  height: 42px;
  background: url("../images/icon-share-fb.png") no-repeat center center;
  background-size: contain;
}
#block-sharebuttonsblock .share_links > div.instagram a {
  background-image: url("../images/icon-share-in.png");
}
#block-sharebuttonsblock .share_links > div.twitter a {
  background-image: url("../images/icon-share-tw.png");
}
#block-sharebuttonsblock .share_links > div.pinterest a {
  background-image: url("../images/icon-share-pi.png");
}
.node-text_page article,
.page-node-12 article,
.page-node-13 article,
.page-node-15 article {
  max-width: 1200px;
  padding: 110px 20px 50px 20px;
  margin: 0 auto 0 auto;
  font-family: 'PFEncoreSansPro-Book';
  font-size: 18px;
  line-height: 30px;
  color: #60646c;
}
.node-text_page.page-company article {
  padding-top: 30px;
}
.node-text_page article h2 {
  font-size: 38px;
  color: #161616;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 20px 0 0 0;
}
.node-text_page article ul,
.node-text_page article li {
  margin: 0px;
  padding: 0px;
}
.node-text_page article a {
  color: #3750a7;
  font-family: 'PFCentroSerifPro-Medium';
}
.node-text_page article li {
  margin: 0 0 0 15px;
}
.page-error article {
  background: url("../images/bg-not-found.jpg") no-repeat center top;
  background-size: cover;
  max-width: 2560px;
  height: calc(100vh - 70px - 235px);
  min-height: 650px;
  text-align: center;
  padding: 50px 20px 50px 20px;
  position: relative;
}
.page-error article .field--type-text-with-summary {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 540px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  display: block;
}
.page-error article .field--type-text-with-summary .title {
  font-size: 200px;
  font-family: 'PFEncoreSansPro-Bold';
  line-height: 200px;
}
.page-error article .field--type-text-with-summary .desc {
  font-size: 48px;
  font-family: 'PFEncoreSansPro-Bold';
}
.page-error article .field--type-text-with-summary .txt {
  font-size: 18px;
  line-height: 27px;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 30px 0 30px 0;
}
.page-error article .field--type-text-with-summary .cta {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  padding: 0 80px 0 80px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 20px;
  background: #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none !important;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.page-error article .field--type-text-with-summary .cta:hover {
  opacity: 0.9;
}
.node-text_page article a,
.page-node-12 article a,
.page-node-13 article a,
.page-node-15 article a {
  color: #60646c;
  text-decoration: underline;
}
.node-text_page article .field--name-field-second-title {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #161616;
  padding: 0 0 0px 0;
}
body.page-contacthub article,
body.page-howitworks article {
  padding: 0px;
  max-width: 5000px;
}
#block-faqshero,
.contact-hero,
.how-hero,
.how-hero,
#block-companyhero {
  background: url("../images/img-faq-hero.jpg") no-repeat center center;
  background-size: cover;
  height: 500px;
  text-align: center;
  color: #fff;
  position: relative;
}
.contact-hero {
  background-image: url("../images/img-contact-hero.jpg");
}
.how-hero {
  background-image: url("../images/img-how-hero.jpg");
}
#block-companyhero {
  background-image: url("../images/img-hero-company.jpg");
}
#block-faqshero .field--type-text-with-summary,
.contact-hero .content,
.how-hero .content,
#block-companyhero .field--type-text-with-summary {
  position: absolute;
  width: 630px;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}
.how-hero .content {
  width: 960px;
}
#block-faqshero .field--type-text-with-summary h1,
.contact-hero h1,
.how-hero h1,
#block-companyhero h1 {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 0 0 15px 0;
}
#block-faqshero .field--type-text-with-summary .description,
.contact-hero .description,
.how-hero .description,
#block-companyhero .description {
  font-size: 22px;
  line-height: 34px;
  font-family: 'PFEncoreSansPro-Light';
}
body.page-contacthub .field--name-field-second-title,
body.page-howitworks .field--name-field-second-title {
  display: none;
}
.contact-options {
  background: #f6f5f3;
  padding: 40px 20px 80px 20px;
  margin: 0 auto 0 auto;
  text-align: center;
}
.contact-options .items {
  font-size: 0px;
  padding: 0 0 20px 0;
}
.contact-options .items .item {
  display: inline-block;
  font-size: 15px;
  margin: 0 10px 0 10px;
  width: 320px;
  height: 200px;
  vertical-align: top;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.05);
  padding: 43px 0 0 0;
  text-decoration: none;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.contact-options .items .item:hover,
.contact-options .items .item.active {
  background: #f0f6f4;
  -ms-transform: translate(-0%, -5px);
  -webkit-transform: translate(-0%, -5px);
  transform: translate(-0%, -5px);
}
.contact-options .items .item .item-icon {
  width: 70px;
  height: 70px;
  background: url("../images/icon-contact-hub1.png") no-repeat center center;
  background-size: contain;
  margin: 0 auto 20px auto;
}
.contact-options .items .item.i2 .item-icon {
  background-image: url("../images/icon-contact-hub2.png");
}
.contact-options .items .item.i3 .item-icon {
  background-image: url("../images/icon-contact-hub3.png");
  width: 86px;
  height: 63px;
}
.contact-options .items .item .item-title {
  font-size: 18px;
  color: #828282;
  font-family: 'PFCentroSerifPro-Medium';
  text-decoration: none;
}
.contact-phones {
  background: #fbfbfa;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 28px 0 28px 0;
  margin: 0 auto 20px auto;
  max-width: 1000px;
  display: none;
}
.contact-phones .row {
  font-size: 0px;
}
.contact-phones .row .col {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #828282;
  text-align: center;
  width: 50%;
}
.contact-phones .row .col.first {
  border-right: 2px solid #e4e1d9
}
.contact-phones .row .col a {
  text-decoration: none;
  font-size: 24px;
  color: #161616;
  font-family: 'PFEncoreSansPro-Reg';
  display: inline-block;
  text-align: left;
  padding: 0 0 0 57px;
  background: url("../images/icon-contact-phone.png") no-repeat left center;
  background-size: 29px 29px;
}
.contact-phones .row .col span {
  display: block;
  color: #828282;
  font-size: 14px;
}
.contact-social {
  padding: 55px 0 0 0;
}
.contact-social .title {
  max-width: 1000px;
  margin: 0 auto 0 auto;
  position: relative;
  height: 30px;
  line-height: 30px;
}
.contact-social .title::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0px;
  top: 50%;
  background: #b0d1c3;
  z-index: 1;
}
.contact-social .title span {
  background: #f6f5f3;
  padding: 0 22px 0 22px;
  font-size: 26px;
  color: #161616;
  font-family: 'PFCentroSerifPro-Medium';
  position: relative;
  z-index: 2;
}
.contact-social .social-links {
  padding: 30px 0 0 0;
  font-size: 0px;
}
.contact-social .social-links a {
  display: block;
  width: 50px;
  height: 50px;
  background: url("../images/icon-share-fb-grey.png") no-repeat center center;
  background-size: contain;
  display: inline-block;
  margin: 0 15px 0 15px;
}
.contact-social .social-links a.in {
  background-image: url("../images/icon-share-in-grey.png");
}
.contact-social .social-links a.tw {
  background-image: url("../images/icon-share-tw-grey.png");
}
.page-node-14 #mainContent .contentWrapper {
  margin: 0 auto 0 auto;
  font-family: 'PFEncoreSansPro-Book';
  font-size: 18px;
  line-height: 30px;
  color: #60646c;
}
.page-node-14 #mainContent .contentWrapper .paragraph--type--p-accordion {}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div {
  padding: 60px 0px 50px 0px;
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div:nth-child(even) {
  background: #f6f5f3;
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion {
  max-width: 1230px;
  margin: 0 auto 0 auto;
  padding: 0 15px 0 15px;
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .field--name-field-p-accordion-group-title {
  font-size: 38px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #161616;
  padding: 0 0 30px 0;
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item {}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item .field--name-field-p-title {
  padding: 40px 40px 0px 0;
  color: #73b79d;
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item > .field--name-field-p-title {
  font-size: 18px;
  color: #73b79d;
  font-family: 'PFEncoreSansPro-Reg';
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  padding: 17px 40px 17px 0;
  position: relative;
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item > .field--name-field-p-title::after,
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item > .field--name-field-p-title::before {
  content: "";
  width: 18px;
  height: 2px;
  position: absolute;
  right: 0px;
  top: 50%;
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
  background: #73b79d;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item > .field--name-field-p-title::after {
  -ms-transform: translate(-0%, -50%) rotate(-90deg);
  -webkit-transform: translate(-0%, -50%) rotate(-90deg);
  transform: translate(-0%, -50%) rotate(-90deg);
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item > .field--name-field-p-title.active::after {
  -ms-transform: translate(-0%, -50%) rotate(-0deg);
  -webkit-transform: translate(-0%, -50%) rotate(-0deg);
  transform: translate(-0%, -50%) rotate(-0deg);
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item > .field--name-field-p-title.active::before {
  -ms-transform: translate(-0%, -50%) rotate(180deg);
  -webkit-transform: translate(-0%, -50%) rotate(180deg);
  transform: translate(-0%, -50%) rotate(180deg);
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item .field--name-field-p-content {
  padding: 0 40px 0 0;
  display: none;
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item .field--name-field-p-content img {
  width: 100%;
  height: auto;
}
.page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item .field--name-field-p-content iframe {
  width: 100%;
}
.related_articles_block h2 {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #161616;
  padding: 0 0 0px 0;
  max-width: 1200px;
  margin: 0 auto 45px auto;
  position: relative;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.related_articles_block h2:before,
.related_articles_block h2:after {
  content: '';
  border-top: 1px solid #b6d7ca;
  margin: 0 20px 0 0;
  flex: 1 0 20px;
}
.related_articles_block h2:after {
  margin: 0 0 0 20px;
}
.brands-inner-list-view .views-infinite-scroll-content-wrapper{
  padding: 30px 0 55px 0;
}
.brands-inner-list-view .views-rows {
  max-width: 1000px;
  margin: 0 auto 0 auto;
  padding: 0;
}
.brands-inner-list-view .views-rows .views-row {
  margin: 0 0 10px 0;
  border: 1px solid #e3ded5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0px;
}
.brands-inner-list-view .views-rows .views-row img {
  border: 0px;
  margin: 0px;
  padding: 30px;
  background: #f6f5f3;
  width: 350px;
  height: auto;
}
.brands-inner-list-view .views-rows .views-row .views-field-field-product-image {
  display: inline-block;
  vertical-align: top;
  width: 380px;
}
.brands-inner-list-view .views-rows .views-row .views-field-nothing {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 380px);
  font-size: 16px;
  padding: 60px 30px 30px 30px;
}
.brands-inner-list-view .views-rows .views-row .views-field-nothing h3 {
  font-size: 26px;
  line-height: 35px;
  color: #489c7b;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 0 0 15px 0;
  max-width: 430px;
}
.brands-inner-list-view .views-rows .views-row .views-field-nothing .text {
  font-size: 16px;
  line-height: 28px;
  color: #828282;
  font-family: 'PFEncoreSansPro-Book';
  padding: 0 0 20px 0;
}
.brands-inner-list-view .views-rows .views-row .views-field-nothing .text p {
  margin: 0px;
  padding: 0px;
}
.brands-inner-list-view .views-rows .views-row .views-field-nothing .cta a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px 0 40px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.brands-inner-list-view .views-rows .views-row .views-field-nothing .cta a:hover {
  opacity: 0.9;
}
#block-homepagestaticblockoneoskosmospronomiontisnestle {
  padding: 55px 20px 65px 20px;
  text-align: center;
  background: #f6f5f3 url(../images/bg-coupons-suggest-min.jpg) repeat-x center 675px;
}
#block-homepagestaticblockoneoskosmospronomiontisnestle h4 {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #161616;
  padding: 0 0 25px 0;
}
#block-homepagestaticblockoneoskosmospronomiontisnestle .subtitle {
  font-size: 22px;
  line-height: 34px;
  font-family: 'PFEncoreSansPro-Book';
  padding: 0 0 50px 0;
  max-width: 900px;
  margin: 0 auto 0 auto;
}
#block-homepagestaticblockoneoskosmospronomiontisnestle .items-howto-home {
  font-size: 0px;
  padding: 0 0 45px 0;
}
#block-homepagestaticblockoneoskosmospronomiontisnestle .item-howto-home {
  display: inline-block;
  width: 310px;
  vertical-align: top;
  margin: 0 50px 0 50px;
  font-size: 18px;
}
#block-homepagestaticblockoneoskosmospronomiontisnestle .item-howto-home .home-image {
  width: 200px;
  height: 200px;
  background: #fff;
  background-size: contain;
  margin: 0 auto 0 auto;
  position: relative;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
}
#block-homepagestaticblockoneoskosmospronomiontisnestle .item-howto-home .home-image svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 72%;
  height: 72%;
  display: none;
}
#block-homepagestaticblockoneoskosmospronomiontisnestle .item-howto-home .home-text {
  line-height: 26px;
  font-family: 'PFEncoreSansPro-Book';
  padding: 30px 0 0 0;
}
#block-homepagestaticblockoneoskosmospronomiontisnestle .item-howto-home .home-text b {
  font-weight: normal;
  font-family: 'PFEncoreSansPro-Bold';
}
#block-homepagestaticblockoneoskosmospronomiontisnestle .morebtn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px 0 40px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
#block-homepagestaticblockoneoskosmospronomiontisnestle .morebtn:hover {
  opacity: 0.9;
}
#block-faqsfootercontact {
  text-align: center;
  padding: 60px 20px 60px 20px;
}
#block-faqsfootercontact h4 {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #161616;
  padding: 0 0 15px 0;
}
#block-faqsfootercontact .desc {
  font-size: 22px;
  line-height: 34px;
  font-family: 'PFEncoreSansPro-Book';
  color: #161616;
  padding: 0 0 30px 0;
  margin: 0 auto 0 auto;
  max-width: 750px;
}
#block-faqsfootercontact .btn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px 0 40px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
#block-faqsfootercontact .btn:hover {
  opacity: 0.9;
}
.blockRelatedCouponsHomepage,
#block-blockrelatedcouponshomepagecouponsexpired {
  overflow: hidden;
}
#block-blockrelatedcouponshomepagecouponsexpired {
  font-size: 0px;
}
.blockRelatedCouponsHomepage > h2,
#block-blockrelatedcouponshomepagecouponsexpired > h4 {
  display: none;
}
.blockRelatedCouponsHomepage .couponsView {
  max-width: 5000px;
  padding: 0 0 75px 0;
}
.blockRelatedCouponsHomepage header,
#block-blockrelatedcouponshomepagecouponsexpired .block_coupons_content {
  display: inline-block;
  width: 560px;
  vertical-align: middle;
  font-size: 15px;
  padding: 0 80px 0 75px;
}
#block-blockrelatedcouponshomepagecouponsexpired .block_coupons_content {
  text-align: center;
}
.blockRelatedCouponsHomepage .views-rows {
  display: inline-block;
  width: calc(100% - 560px);
  vertical-align: middle;
  padding: 50px 0 0 0;
}
#block-blockrelatedcouponshomepagecouponsexpired .expired-coupons {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 560px);
  background: url("../images/img-coupons-expired-generic.png") no-repeat left center;
  height: 600px;
}
.blockRelatedCouponsHomepage header .subtitle {
  font-size: 14px;
  line-height: 22px;
  font-family: 'PFEncoreSansPro-Bold';
  padding: 0 0 32px 0;
  display: block;
  position: relative;
  display: none;
}
.blockRelatedCouponsHomepage header .subtitle::after {
  content: "";
  width: 25px;
  height: 1px;
  background: #000;
  position: absolute;
  left: 0px;
  bottom: 20px;
  display: none;
}
.blockRelatedCouponsHomepage header h4,
#block-blockrelatedcouponshomepagecouponsexpired .block_coupons_content h4 {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #161616;
  padding: 0 0 20px 0;
}
.blockRelatedCouponsHomepage .morebtn {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px 0 40px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 20px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.blockRelatedCouponsHomepage .morebtn:hover {
  opacity: 0.7;
}
.blockRelatedCouponsHomepage header div,
#block-blockrelatedcouponshomepagecouponsexpired .block_coupons_content div {
  font-size: 22px;
  line-height: 34px;
}
.blockRelatedCouponsHomepage .views-rows .views-row {
  margin-top: 10px;
}
.blockRelatedCouponsHomepage .slick-prev,
.blockRelatedCouponsHomepage .slick-next {
  top: auto;
  position: absolute;
  right: 80px;
  left: auto;
  bottom: -60px;
  background: url("../images/icon-arrow-next.png") no-repeat center center;
  background-size: contain;
  width: 35px;
  height: 35px;
}
.blockRelatedCouponsHomepage .slick-prev {
  right: 130px;
  background-image: url("../images/icon-arrow-prev.png");
}
#homepage_coupons_block {}
#block-blockrelatedcouponshomepagecouponsexpired {}
#block-views-block-blog-block-2 {
  text-align: center;
  background: #f6f5f3 url(../images/bg-coupons-suggest-min.jpg) repeat-x center 660px;
}
#block-views-block-blog-block-2 h2 {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #161616;
  padding: 50px 0 45px 0;
  position: relative;
  background: #fff;
}
#block-views-block-blog-block-2 footer {
  font-size: 15px;
  text-align: center;
  padding: 50px 0 0 0;
}
#block-views-block-blog-block-2 footer a {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 40px 0 40px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
#block-views-block-blog-block-2 footer a:hover {
  opacity: 0.9;
}


.blockToProfilMouCoupons{
  position: relative;
  overflow: hidden;
  background: #f9f7f6;
}

.blockToProfilMouCoupons .couponsView .views-row .views-field-field-coupon-redemption-points{
  right: -7px;
}

.blockToProfilMouCoupons > div{
  position: relative;
  z-index: 5;
}

.blockToProfilMouCoupons::before{
  content: "";
  position: absolute;
  left: 0px;
  width: 100%;
  height: 280px;
  background: #3850A7;
  z-index: 1;
}

.blockToProfilMouCoupons .couponsView .views-rows .views-row{
  margin-top: 10px;
}

#block-views-block-blog-block-articles-toprofilmou,
#block-views-block-relevant-articles-block-articles-toprofilmou-2{
  overflow: hidden;
   background: #f9f7f6;
}


#block-views-block-blog-block-articles-toprofilmou h2,
.blockToProfilMouCoupons h2,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 h2{
  font-size: 32px;
  font-family: 'PFEncoreSansPro-Bold';
  font-weight: bold;
  color: #161616;
  padding: 50px 0 25px 0;
  position: relative;
  background: none;
  max-width: 1240px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index: 5;
}

.blockToProfilMouCoupons h2 {
  padding-bottom: 30px;
  color: #fff;
}

#block-views-block-blog-block-2 .blogView,
#block-views-block-blog-block-articles-toprofilmou .blogView,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView{
  max-width: 5000px;
  padding: 0 0 50px 0;
}
#block-views-block-blog-block-2 .blogView .views-row,
#block-views-block-blog-block-articles-toprofilmou .blogView .views-row,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .views-row{
  display: inline-block;
  vertical-align: top;
  width: calc(33.3333% - 20px);
  height: auto;
  margin: 0 0 15px 15px;
  font-size: 22px;
  color: #828282;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
  transition: transform 0.25s;
}

#block-views-block-blog-block-articles-toprofilmou .blogView .views-row,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .views-row{
  width: calc(25% - 20px);
}

.blog-teaser.views-row:hover {
  transform: translateY(-15px);
  transition: transform 0.25s;
}
#block-views-block-blog-block-2 .blogView .views-row .views-field-field-blog-category ,
#block-views-block-blog-block-articles-toprofilmou .blogView .views-row .views-field-field-blog-category,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .views-row .views-field-field-blog-category{
  background: #4ead8f;
  padding: 25px 0 0 0;
  height: 55px;
  text-align: center;
  font-size: 14px;
  font-family: 'PFEncoreSansPro-Bold';
  color: #fff;
}
#block-views-block-blog-block-2 .blogView .views-row .views-field-field-blog-category a,
#block-views-block-blog-block-articles-toprofilmou .blogView .views-row .views-field-field-blog-category a,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .views-row .views-field-field-blog-category a{
  font-size: 14px;
  font-family: 'PFEncoreSansPro-Bold';
  color: #fff;
}
#block-views-block-blog-block-2 .blogView .views-row .views-field-title,
#block-views-block-blog-block-articles-toprofilmou .blogView .views-row .views-field-title,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .views-row .views-field-title{
  background: #4ead8f;
  padding: 0px 20px 0 20px;
  height: 75px;
  text-align: center;
  font-family: 'PFEncoreSansPro-Book';
  font-size: 20px;
  color: #fff;
  position: relative;
}
#block-views-block-blog-block-2 .blogView .views-row .views-field-title a,
#block-views-block-blog-block-articles-toprofilmou .blogView .views-row .views-field-title a,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .views-row .views-field-title a{
  font-family: 'PFEncoreSansPro-Book';
  font-size: 22px;
  line-height: 26px;
  color: #fff;
  display: block;
  max-width: 280px;
  margin: 0 auto 0 auto;
  padding: 0px;
}
#block-views-block-blog-block-2 .blogView .views-row .views-field-title::after,
#block-views-block-blog-block-articles-toprofilmou .blogView .views-row .views-field-title::after,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .views-row .views-field-title::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -12px;
  background: url("../images/icon-polygin1.png") no-repeat center center;
  background-size: contain;
  width: 73px;
  height: 14px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
}
#block-views-block-blog-block-2 .blogView .views-row:nth-child(even) .views-field-field-blog-category,
#block-views-block-blog-block-2 .blogView .views-row:nth-child(even) .views-field-title,
#block-views-block-blog-block-articles-toprofilmou .blogView .views-row:nth-child(even) .views-field-field-blog-category,
#block-views-block-blog-block-articles-toprofilmou .blogView .views-row:nth-child(even) .views-field-title,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .views-row:nth-child(even) .views-field-field-blog-category,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .views-row:nth-child(even) .views-field-title{
  background: #73b89d;
}
#block-views-block-blog-block-2 .blogView .views-row:nth-child(even) .views-field-title::after,
#block-views-block-blog-block-articles-toprofilmou .blogView .views-row:nth-child(even) .views-field-title::after,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .views-row:nth-child(even) .views-field-title::after{
  background-image: url("../images/icon-polygin2.png")
}













.blockBrandsSlider {
  padding: 60px 0px 45px 0px;
  text-align: center;
}
.blockBrandsSlider .brandsView {
  max-width: 5000px;
  padding: 0px;
}
.blockBrandsSlider header {
  font-size: 15px;
  text-align: center;
}
.blockBrandsSlider header h4 {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #161616;
  padding: 0px 0 20px 0;
}
.blockBrandsSlider header .homepage-brand-description {
  text-align: center;
  font-family: 'PFEncoreSansPro-Book';
  font-size: 22px;
  line-height: 34px;
  max-width: 650px;
  margin: 0 auto 0 auto;
  padding: 0 0 45px 0;
}
.blockBrandsSlider footer {
  font-size: 15px;
  text-align: center;
  padding: 45px 0 0 0;
}
.blockBrandsSlider footer a {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  color: #73b89d;
  background: url("../images/icon-more-brands.png") no-repeat right center;
  padding: 0 35px 0 0;
  font-family: 'PFEncoreSansPro-Bold';
}
.blockBrandsSlider footer a:hover {
  text-decoration: underline;
}
.blockBrandsSlider .brandsView {
  text-align: center;
  padding: 0 0px 0 0px;
}
.blockBrandsSlider .brandsView .views-rows {
  width: 100%;
  padding: 0 150px 0 150px;
}
.blockBrandsSlider .brandsView .views-row {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 120px;
  margin: 0 20px 0px 20px;
  font-size: 22px;
  color: #828282;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0);
}
.blockBrandsSlider .brandsView .slick-prev,
.blockBrandsSlider .brandsView .slick-next {
  top: auto;
  position: absolute;
  right: 80px;
  left: auto;
  top: 50%;
  margin: -5px 0 0 0;
  background: url("../images/icon-arrow-next.png") no-repeat center center;
  background-size: contain;
  width: 35px;
  height: 35px;
}
.blockBrandsSlider .brandsView .slick-prev {
  right: auto;
  left: 80px;
  background-image: url("../images/icon-arrow-prev.png");
}


.path-exargyrosi #block-noiazomai-content {
  background: #f4f1ed;
  text-align: center;
  padding: 50px 0px 0 0px;
}
.path-exargyrosi #block-noiazomai-content .row-bannerReducedCashback {
  padding-bottom: 50px;
}
.path-exargyrosi #block-noiazomai-content .row-bannerReducedCashback .wrapperInner {
  max-width: 698px;
  margin: 0 auto 0 auto;
  padding: 43px 180px 43px 40px;
  background: #73b89d;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  text-align: left;
  font-family: 'PFEncoreSansPro-Reg';
  font-size: 1.55rem;
  line-height: 1.25em;
  position: relative;
}
.path-exargyrosi #block-noiazomai-content .row-bannerReducedCashback .wrapperInner span.underline {
  font-family: 'PFEncoreSansPro-Bold';
  text-decoration: underline;
}
.path-exargyrosi #block-noiazomai-content .row-bannerReducedCashback .wrapperInner::before {
  position: absolute;
  width: 114px;
  height: 80px;
  content: "";
  background: url("../images/icon-exargyrosi-cashback-banner.png") no-repeat center center;
  right: 30px;
  top: 34px;
}
.path-exargyrosi #block-noiazomai-content .row-pointsReturn .wrapperInner {
  font-size: 0px;
  max-width: 708px;
  margin: 0 auto 0 auto;
}
.path-exargyrosi #block-noiazomai-content .row-pointsReturn .wrapperInner .boxWrapper {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 10px);
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  color: #73b79d;
  margin: 0 5px 0 5px;
  padding: 24px 20px;
  text-align: left;
}
.path-exargyrosi #block-noiazomai-content .row-pointsReturn .wrapperInner .boxWrapper .text {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 100px);
  font-size: 17px;
  color: #73b79d;
}
.path-exargyrosi #block-noiazomai-content .row-pointsReturn .wrapperInner .boxWrapper .amount {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  font-size: 17px;
  color: #161616;
  text-align: right;
  font-size: 31px;
}
.path-exargyrosi #block-noiazomai-content .row-coupons {
  padding: 35px 20px 65px 20px;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner {
  max-width: 698px;
  margin: 0 auto 0 auto;
  text-align: left;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .couponsHeader {
  position: relative;
  padding: 0 0 12px 0;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .couponsHeader .title {
  font-size: 24px;
  color: #58ba9b;
  padding: 0 0 4px 0;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .couponsHeader .errorMessage {
  font-size: 17px;
  color: #cc3366;
  font-family: 'PFEncoreSansPro-Book';
  padding: 0 0 0px 0;
  display: none;
}

/*
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .couponsHeader .errorMessage .neededPoints{
}
*/

.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .couponsHeader .actionWrapper {
  position: absolute;
  right: 0px;
  top: 5px;
  font-size: 16px;
  color: #828282;
  font-family: 'PFEncoreSansPro-Book';
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .couponsHeader .actionWrapper label {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
  line-height: 20px;
  padding: 0 5px 0 0;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 20px 30px 30px 30px;
  margin: 0 0 20px 0;
  font-size: 0px;
  position: relative;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item.item-inactive {
  opacity: 0.4;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponImg {
  display: inline-block;
  vertical-align: middle;
  width: 144px;
  height: auto;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .cTextsTop {
  min-height: 70px;
  padding-bottom: 20px;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 144px);
  padding: 0 20px 0 40px;
  font-size: 15px;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cTitle {
  color: #161616;
  font-size: 21px;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 0 0 5px 0;
  max-width: 320px;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cType {
  font-size: 14px;
  color: #73b89d;
  font-family: 'PFEncoreSansPro-Medium';
  padding: 0 0 20px 0;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cExpire {
  color: #828282;
  font-size: 14px;
  font-family: 'PFEncoreSansPro-Book';
  padding: 0 50px 0 0;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cCashback {
  width: 100%;
  padding: 0px 0 10px 0;
  border-bottom: 2px dotted #d8d8d8;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cCashback.reducedCashback {
  border: none;
  padding-top: 6px;
  padding-bottom: 0;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cCashback .cashbackTitle {
  float: left;
  color: #73b89d;
  font-size: 14px;
  font-family: 'PFEncoreSansPro-Medium';
  padding: 10px 0 0 0;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cCashback.reducedCashback .cashbackTitle {
  color: rgba(115, 184, 157, 0.6);
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cCashback .cashbackAmmount {
  float: right;
  color: #161616;
  font-size: 26px;
  font-family: 'PFEncoreSansPro-Book';
  position: relative;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cCashback.reducedCashback .cashbackAmmount {
  color: rgba(22, 22, 22, 0.6);
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cCashback.reducedCashback .cashbackAmmount .extraText {
  position: absolute;
  top: 100%;
  right: 0;
  white-space: nowrap;
  font-size: 12px;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .checkboxWrapper {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: url("../images/icon-checkbox2.png") no-repeat center top;
  background-size: cover;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .checkboxWrapper {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .checkboxWrapper.active {
  background-position: center bottom;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .checkboxWrapper input {
  width: 20px;
  height: 20px;
  opacity: 0;
  display: block;
  cursor: pointer;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponPointsReturn {
  right: 50px;
  top: 20px;
  position: absolute;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponPointsReturn .cPoints {
  width: 60px;
  height: 60px;
  background: #73b79d;
  padding: 21px 0 0 0;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-family: 'PFEncoreSansPro-Bold';
  line-height: 13px;
  margin: 0 auto 0 auto;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponPointsReturn .cPoints .txt {
  display: block;
  font-size: 9px;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponPointsReturn .cReturn {
  color: #161616;
  font-size: 28px;
  font-family: 'PFEncoreSansPro-Book';
  padding: 10px 0 0 0;
  text-align: center;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .reducedCashbackDescription {
  color: #828282;
  font-size: 14px;
  font-family: 'PFEncoreSansPro-Book';
  padding: 20px 0 20px 0px;
  text-align: center;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .ctaWrapper {
  text-align: center;
  padding: 30px 0 0 0;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .ctaWrapper .cta {
  display: block;
  vertical-align: top;
  margin: 0 auto 0 auto;
  height: 50px;
  line-height: 50px;
  padding: 0 0px 0 0px;
  width: 200px;
  margin: 0 auto 20px auto;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  border: 2px solid #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  opacity: 0.3;
  cursor: default;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .ctaWrapper .cta.active {
  opacity: 1;
  cursor: pointer;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .ctaWrapper .cta.active:hover {
  opacity: 0.9;
}
.path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .ctaWrapper .powered {
  background: url("../images/logo-pockee.png") no-repeat right center;
  padding: 0 112px 0 0;
  font-size: 16px;
  color: #000;
  font-family: 'PFEncoreSansPro-Reg';
  display: inline-block;
}
.path-exargyrosi #block-noiazomai-content .row-nextsteps {
  background: #fff;
  padding: 45px 20px 90px 20px;
}
.path-exargyrosi #block-noiazomai-content .row-nextsteps .title {
  font-size: 24px;
  color: #58ba9b;
  padding: 0 0 50px 0;
  font-family: 'PFCentroSerifPro-Medium';
}
.path-exargyrosi #block-noiazomai-content .row-nextsteps .steps {
  font-size: 0px;
  text-align: center;
}
.path-exargyrosi #block-noiazomai-content .row-nextsteps .steps .step {
  width: 300px;
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  background: url("../images/icon-exargirosi1.png") no-repeat center top;
  background-size: 140px 140px;
  padding: 167px 0 0 0;
}
.path-exargyrosi #block-noiazomai-content .row-nextsteps .steps .step.second {
  background-image: url("../images/icon-exargirosi2.png");
}
.page-node-useraccount #mainContent {
  /*background: url("../images/bg-register.jpg") no-repeat center center;*/
  background-size: cover;
  padding: 110px 25px 80px 25px;
  position: relative;
  overflow: hidden;
  margin: 0px auto 0 auto;
}
.page-node-2.page-node-useraccount #mainContent {
  margin: -70px auto 0 auto;
  padding-top: 0px;
}
.page-node-useraccount #mainContent::before,
.path-update-profile-success #mainContent::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  background: url("../images/img-top-green-bar.png") no-repeat center center;
  background-size: cover;
  width: 100%;
  height: 180px;
  z-index: 0;
}
.page-node-2.page-node-useraccount #mainContent::before {
  display: none;
}
.page-node-useraccount #mainContent .sectionInner {
  background: #f2f2f2;
  margin: 0 auto 0 auto;
  max-width: 580px;
  text-align: center;
  position: relative;
  z-index: 10;
  padding: 0;
  font-size: 0px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.page-node-useraccount.has-user-sidemenu #mainContent .sectionInner {
  max-width: 1000px;
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  font-size: 15px;
  text-align: left;
  -webkit-border-top-right-radius: 30px;
  -webkit-border-bottom-right-radius: 30px;
  -moz-border-radius-topright: 30px;
  -moz-border-radius-bottomright: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  overflow: hidden;
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper::before {
  content: "";
  top: 0px;
  right: 280px;
  height: 100%;
  width: 1px;
  background: #cbe5db;
  position: absolute;
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper ul,
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper li {
  margin: 0px;
  padding: 0px;
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper a {
  display: block;
  color: #73b79d;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Medium';
  padding: 0 0 0 85px;
  background: #f7f9f8 url("../images/icon-myaccount1.png") no-repeat 12px center;
  background-size: auto 60px;
  height: 78px;
  line-height: 78px;
  border-bottom: 1px solid #cbe5db;
  letter-spacing: -1px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}


.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper a.miToProfilMou{
  background-image:url("../images/icon-myaccount2.png");
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper a.miMyPoints{
  background-image:url("../images/icon-myaccount1.png");
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper a.miSettings{
  background-image:url("../images/icon-myaccount-settings.png");
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper a.miSupport{
  background-image:url("../images/icon-myaccount3.png");
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper a.miPromoCode{
  background-image:url("../images/icon-promocode.png");
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper a.miBringAFriend{
  background-image:url("../images/icon-bring-a-friend.png");
}

/*
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper li:nth-child(2) a {
  background-image: url("../images/icon-myaccount2.png");
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper li:nth-child(3) a {
  background-image: url("../images/icon-myaccount3.png");
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper li:nth-child(4) a {
  background-image: url("../images/icon-promocode.png");
}
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper li:nth-child(5) a {
  background-image: url("../images/icon-bring-a-friend.png");
}*/

.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper a:hover,
.page-node-useraccount #mainContent .sectionInner .userSidebarWrapper .menu-item--active-trail a {
  background-color: #e3efea;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 280px);
  background: #f2f2f2;
  font-size: 15px;
  text-align: center;
  border-bottom: 1px solid #ededed;
  -webkit-border-top-left-radius: 30px;
  -webkit-border-top-right-radius: 30px;
  -moz-border-radius-topleft: 30px;
  -moz-border-radius-topright: 30px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.page-node-useraccount.path-email-verification #mainContent .sectionInner .contentWrapper {
  width: auto;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
.page-node-1.page-node-useraccount #mainContent .sectionInner .contentWrapper,
.page-node-2.page-node-useraccount #mainContent .sectionInner .contentWrapper {
  height: 70px;
  background: #fff;
  width: auto;
  display: block;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper #block-noiazomai-content article > div > .field--type-text-with-summary {
  padding: 55px 30px 20px 30px;
  color: #808080;
  font-size: 17px;
}
.page-node-1.page-node-useraccount #mainContent .sectionInner .contentWrapper #block-noiazomai-content article > div > .field--type-text-with-summary,
.page-node-2.page-node-useraccount #mainContent .sectionInner .contentWrapper #block-noiazomai-content article > div > .field--type-text-with-summary {
  padding: 26px 30px 20px 30px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper #block-noiazomai-content article > div > .field--type-text-with-summary a {
  color: #35449f;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper #block-noiazomai-content article > div > .field--type-text-with-summary a.cta {
  color: #73b89d;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper #block-noiazomai-content article > div > .field--type-text-with-summary a.cta:hover,
.page-node-useraccount #mainContent .sectionInner .contentWrapper #block-noiazomai-content article > div > .field--type-text-with-summary a.button {
  color: #fff;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper #block-noiazomai-content article > div > .field--type-text-with-summary a.cta:last-child {
  color: #fff;
}
#block-usermypointsblock {
  padding: 0 30px 50px 30px;
  margin: -50px 0 0 0;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper h1 {
  font-size: 26px;
  line-height: 34px;
  color: #828282;
  font-family: 'PFEncoreSansPro-Bold';
  padding: 0 0 27px 0;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .desc {
  font-size: 18px;
  line-height: 30px;
  color: #828282;
  font-family: 'PFEncoreSansPro-Book';
  padding: 0 20px 35px 20px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .deletedataWrapper {
  /*background:#f2faf6;*/
  padding: 40px 30px 40px 30px;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .deletedataWrapper .titles {
  color: #73b79d;
  font-size: 21px;
  font-family: 'PFEncoreSansPro-Medium';
  padding: 0 0 10px 0;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .deletedataWrapper .desc {
  padding: 0 0px 35px 0px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .deletedataWrapper .mailWrapper {
  background: url("../images/icon-myaccount-email-delete.png") no-repeat left center;
  background-size: auto 70px;
  padding: 23px 0 0 90px;
  min-height: 70px;
  display: inline-block;
  text-align: left;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .deletedataWrapper .mailWrapper .title {
  color: #73b79d;
  font-size: 14px;
  font-family: 'PFEncoreSansPro-Bold';
  padding: 0 0 3px 0;
  text-transform: uppercase;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .deletedataWrapper .mailWrapper a {
  color: #000;
  font-family: 'PFEncoreSansPro-Book';
  font-size: 22px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo {
  padding: 20px 0 60px 0;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .historyWrapper {
  padding: 45px 0 0 0;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .title,
.page-node-useraccount #mainContent .sectionInner .contentWrapper .historyWrapper .title {
  font-size: 26px;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 0 0 25px 0;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .ctasWrapper {
  text-align: center;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .ctasWrapper a,
.page-node-useraccount #mainContent .sectionInner .contentWrapper .historyWrapper a {
  display: inline-block;
  vertical-align: top;
  margin: 0 auto 0 auto;
  height: 50px;
  line-height: 50px;
  padding: 0 45px 0 45px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  border: 2px solid #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  margin: 0 10px 0 10px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .ctasWrapper a:nth-child(1) {
  background: none;
  color: #73b89d;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .ctasWrapper a:hover,
.page-node-useraccount #mainContent .sectionInner .contentWrapper .historyWrapper a:hover {
  opacity: 0.9;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .ctasWrapper a:nth-child(1):hover {
  background: #73b89d;
  color: #fff;
  opacity: 1;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper {
  background: #f2faf6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .top {
  background: url("../images/img-myaccount-congrats.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
  height: 250px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot {
  padding: 30px 0 30px 0;
  font-size: 0px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item {
  width: 50%;
  text-align: center;
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item.i2::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 55px;
  height: 90px;
  width: 1px;
  background: #73b79d;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item .item-icon {
  display: inline-block;
  background: url("../images/img-myaccount-points1.png") no-repeat center center;
  background-size: contain;
  width: 110px;
  height: 110px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item.i2 .item-icon {
  background-image: url("../images/img-myaccount-points2.png");
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item .item-title {
  font-size: 44px;
  color: #161616;
  font-family: 'PFEncoreSansPro-Light';
  padding: 10px 0 0 0;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item .item-desc {
  font-size: 14px;
  font-family: 'PFEncoreSansPro-Bold';
  color: #73b89d;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item .item-show-popup {
  position: absolute;
  top: 73px;
  right: 50%;
  background: url("../images/img-myaccount-points-info.png") no-repeat center center;
  background-size: contain;
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 -54px 0 0px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item .item-info {
  position: absolute;
  top: 76px;
  right: 50%;
  background: #fff;
  width: 400px;
  margin: 0 -50px 0 0;
  padding: 25px 50px 25px 50px;
  border: 2px solid #73b79d;
  text-align: center;
  font-size: 17px;
  color: #3f4543;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.2);
  z-index: 20;
  display: none;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item .item-info .close {
  display: block;
  position: absolute;
  right: -10px;
  top: -10px;
  background: url("../images/img-myaccount-points-close.png") no-repeat center center;
  background-size: contain;
  width: 38px;
  height: 38px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item.i1 .item-info {
  right: auto;
  left: 50%;
  margin: 0 0 0 28px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item.i1 .item-info .close {
  right: auto;
  left: -10px;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .top .title {
  font-family: 'PFEncoreSansPro-Light';
  font-size: 44px;
  padding: 82px 0 3px 0;
}
.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .top .desc {
  font-size: 19px;
  line-height: normal;
  color: #fff;
  padding: 0px;
}
#block-views-block-point-changes-block-1,
.blockUserHistory {
  margin: -50px 0 0 0;
  padding: 0 30px 50px 30px;
  text-align: left;
}
#block-views-block-point-changes-block-1 .views-row,
.blockUserHistory .views-row {
  margin: 0px 0 20px 0;
  padding: 7px 0 0px 42px;
  min-height: 30px;
  font-size: 16px;
  background: url("../images/icon-user-history-points.png") no-repeat left center;
  background-size: auto 30px;
  position: relative;
}

/*points icon*/

.blockUserHistory .views-row.type-points.action-add,
.blockUserHistory .views-row.type-points.action-remove {
  background-image: url("../images/icon-user-history-points.png");
}

/* THAVMASTIKO */
.blockUserHistory .views-row.type-points.action-remove.ttype-remove-points-one-year-inactivity{
  background-image: url("../images/icon-user-history-coupon-rejected.png");
}
/* https://www.nestlenoiazomai.gr/themes/custom/noiazomai/assets/images/icon-user-history-coupon-rejected.png */

/*euro icon*/

.blockUserHistory .views-row.type-cashback,
.blockUserHistory .views-row.ttype-message-revised-cashback {
  background-image: url("../images/icon-user-history-euro.png") !important;
}

/*Wave clean return points*/

.blockUserHistory .views-row.type-points.action-add.ttype-return-points-wave-1,
.blockUserHistory .views-row.type-points.action-add.ttype-return-points-wave-2,
.blockUserHistory .views-row.type-points.action-add.ttype-return-points-wave-3 {
  background-image: url("../images/icon-user-history-points-return.png");
}

/*Receipt upload reward*/

.blockUserHistory .views-row.type-points.action-add.ttype-receipt-upload-reward {
  background-image: url("../images/icon-user-history-receipt-upload-reward.png");
}

/*Message*/

.blockUserHistory .views-row.type-message {
  background-image: url("../images/icon-user-history-message-tmp.png");
}

/*Coupons rejected message*/

.blockUserHistory .views-row.ttype-message-coupon-status-id-0,
.blockUserHistory .views-row.ttype-message-coupon-status-id-4 {
  background-image: url("../images/icon-user-history-coupon-rejected.png");
}

/*Coupon Redeem*/

.blockUserHistory .views-row.type-points.action-remove.ttype-remove-points-coupon-redeem {
  background-image: url("../images/icon-user-history-coupon-redeem.png");
}

/* DFY */
.blockUserHistory .views-row.type-points.action-add.ttype-add-points-dfy {
  background-image: url("../images/icon-user-history-dfy.png?1");
}

#block-views-block-point-changes-block-1 .views-row .date,
.blockUserHistory .views-row .date {
  color: #828282;
  display: inline;
}
#block-views-block-point-changes-block-1 .views-row .action,
.blockUserHistory .views-row .action {
  color: #161616;
  display: inline;
}
#block-views-block-point-changes-block-1 .views-row .points,
.blockUserHistory .views-row .points {
  color: #3750a7;
  display: inline;
}
#block-views-block-point-changes-block-1 .views-row .popWrapper,
.blockUserHistory .views-row .popWrapper {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 30px;
  height: 30px;
  z-index: 1;
}
#block-views-block-point-changes-block-1 .views-row .popWrapper .item-info,
.blockUserHistory .views-row .popWrapper .item-info {
  display: none;
  position: absolute;
  top: -14px;
  left: 40px;
  width: 400px;
  padding: 20px 30px 20px 30px;
  background: #fff;
  border: 2px solid #73b79d;
  text-align: center;
  font-size: 14px;
  color: #3f4543;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 29px 0px rgba(0, 0, 0, 0.2);
  z-index: 20;
}
#block-views-block-point-changes-block-1 .views-row .popWrapper .item-info a,
.blockUserHistory .views-row .popWrapper .item-info a {
  text-decoration: underline;
  color: #3f4543;
}
#block-views-block-point-changes-block-1 .views-row .popWrapper .item-info a.telLink,
.blockUserHistory .views-row .popWrapper .item-info a.telLink {
  white-space: nowrap;
  text-decoration: none;
}
#block-views-block-point-changes-block-1 .views-row .popWrapper .item-show-popup,
.blockUserHistory .views-row .popWrapper .item-show-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  display: block;
  margin: 0;
}
#block-views-block-point-changes-block-1 .views-row .popWrapper .item-show-popup .bg,
.blockUserHistory .views-row .popWrapper .item-show-popup .bg {
  position: absolute;
  width: 20px;
  height: 20px;
  background: url("../images/img-myaccount-points-info.png") no-repeat center center;
  top: 18px;
  left: 18px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
#block-views-block-point-changes-block-1 .views-row .popWrapper .item-show-popup.active .bg,
.blockUserHistory .views-row .popWrapper .item-show-popup.active .bg {
  background-image: url("../images/img-myaccount-points-close.png");
}
@media screen and (max-width: 530px) {
  #block-views-block-point-changes-block-1 .views-row .popWrapper .item-info,
  .blockUserHistory .views-row .popWrapper .item-info {
    width: 300px;
    margin-top: -20px;
  }
}
#block-views-block-point-changes-block-1 .pager a.button,
.blockUserHistory .pager a.button {
  display: block;
  vertical-align: top;
  width: 300px;
  text-align: center;
  margin: 0 auto 0 auto;
  height: 50px;
  line-height: 50px;
  padding: 0 0px 0 0px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  border: 2px solid #73b89d;
  color: #73b89d;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto 0 auto;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
#block-views-block-point-changes-block-1 .pager a.button:hover,
.blockUserHistory .pager a.button:hover {
  background: #73b89d;
  color: #fff;
}
.modalWrapper,
.popConnectWrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(10, 11, 15, 0.55);
  display: none;
}
.popConnectWrapper {
  background: rgba(7, 16, 50, 0.7);
}
body.open-modal .modalWrapper,
body.open-modal .popConnectWrapper {
  display: block;
}
.modalWrapper .modalInner,
.popConnectWrapper .popConnectInner {
  width: 620px;
  background: #fff;
  padding: 35px 0px 40px 0px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.popConnectWrapper .popConnectInner {
  width: 646px;
  background: url("../images/img-popup-loginregister.jpg") no-repeat center top;
  padding: 350px 50px 50px 50px;
}
@media screen and (min-width: 768px) {
  .popConnectWrapper .popConnectInner {
    top: 50% !important;
  }
}
.modalWrapper .modalInner .title {
  font-size: 24px;
  color: #161616;
  font-family: 'PFEncoreSansPro-Bold';
  padding: 0 75px 15px 75px;
}
.modalWrapper .modalInner .text {
  font-size: 16px;
  line-height: 26px;
  color: #828282;
  padding: 0 75px 30px 75px;
}
.popConnectWrapper .popConnectInner .title {
  font-size: 24px;
  padding: 0 0 15px 0;
  font-family: 'PFCentroSerifPro-Medium';
  color: #161616;
}
.popConnectWrapper .popConnectInner .desc {
  font-size: 18px;
  line-height: 26px;
  color: #6a6a6a;
  padding: 0 40px 30px 40px;
}
.modalWrapper .modalInner .ctasWrapper {
  text-align: center;
}
.modalWrapper .modalInner .ctasWrapper a,
.popConnectWrapper .popConnectInner .cta {
  display: inline-block;
  vertical-align: top;
  margin: 0 auto 0 auto;
  height: 50px;
  line-height: 50px;
  padding: 0 45px 0 45px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  border: 2px solid #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  margin: 0 10px 0 10px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.modalWrapper .modalInner .ctasWrapper a.inactive,
.popConnectWrapper .popConnectInner .cta.inactive {
  display: none;
}
.modalWrapper .modalInner .ctasWrapper a.bg-transparent,
.popConnectWrapper .popConnectInner .cta.bg-transparent {
  background: none;
  color: #73b89d;
}
.modalWrapper .modalInner .ctasWrapper a:hover,
.popConnectWrapper .popConnectInner .cta:hover {
  opacity: 0.9;
}
.modalWrapper .modalInner .ctasWrapper a.bg-transparent:hover,
.popConnectWrapper .popConnectInner .cta.bg-transparent:hover {
  background: #73b89d;
  color: #fff;
  opacity: 1;
}
.popConnectWrapper .popConnectInner .popClose {
  position: absolute;
  right: 20px;
  top: 20px;
  background: url("../images/icon-popup-close.png") no-repeat center center;
  background-size: contain;
  width: 40px;
  height: 40px;
  display: block;
}
.pager {}
.pager li {
  display: inline-block;
  margin: 0px 5px 0 5px;
  padding: 0px;
  vertical-align: middle;
}
.pager li a {
  display: block;
  width: 47px;
  height: 47px;
  line-height: 47px;
  text-align: center;
  border: 1px solid #e0e0e0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 20px;
  color: #666666;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.pager li.is-active a {
  color: #fff;
  background: #73b89d !important;
}
.pager li.pager__item--last,
.pager li.pager__item--first {
  display: none;
}
.pager li.pager__item--next a {
  color: rgba(0, 0, 0, 0);
  background: url("../images/icon-pager-next.png") no-repeat center center;
  background-size: auto 14px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.pager li.pager__item--previous a {
  color: rgba(0, 0, 0, 0);
  background: url("../images/icon-pager-prev.png") no-repeat center center;
  background-size: auto 14px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.pager li a:hover,
.pager li.pager__item--next a:hover,
.pager li.pager__item--previous a:hover {
  background-color: #d3f0e2;
}
body .gigya-login-welcome-container div[data-gigya-provider="facebook"]::before {
  content: "";
  border: 0px;
  background: url("../images/bt-fb-login.png") no-repeat center center;
  background-size: contain;
  width: 361px !important;
  height: 51px !important;
  display: block !important;
  margin: 20px auto 20px auto;
}
body .gigya-login-welcome-container div[data-gigya-provider="facebook"] img {
  display: none !important;
}
body .gigya-login-welcome-greeting > .gigya-login-welcome-bubble {
  display: inline-block !important;
}
body.page-node-1 .gigya-login-welcome-signin-link a.gigya-link {
  color: #76bda0;
  font-size: 15px;
  text-decoration: underline;
  font-family: 'PFEncoreSansPro-Medium';
}
body.page-node-1 .gigya-login-welcome-signin-link {
  padding: 0 0 15px 0;
}
body.page-node-1 .gigya-screen .gg-forget-text {
  font-size: 20px !important;
  font-family: 'PFEncoreSansPro-Bold' !important;
  color: #828282 !important;
  text-align: center !important;
  display: block !important;
  padding: 40px 0 0px 0 !important;
}
body.page-node-1 .gigya-screen .gg-forget-link {
  color: #76bda0;
  font-size: 15px;
  text-decoration: underline;
  font-family: 'PFEncoreSansPro-Medium';
  text-align: center;
}
body.path-brands #views-exposed-form-brands-page-1 #edit-actions,
body.path-brands #views-exposed-form-brands-page-1 #edit-actions--2 {
  display: none;
}
body.path-brands #views-exposed-form-brands-page-1 label {
  display: none;
}
#block-exposedformbrandspage-1 h2 {
  display: none;
}
.contentTopWrapper #block-productcategory--2,
.contentTopWrapper #block-productcategory {
  display: none;
}
#block-productcategory {
  padding: 30px 15px 0 15px;
  max-width: 1230px;
  margin: 0 auto 0 auto;
}
#block-productcategory h2 {
  display: none;
}
.how-it-works {}
.how-it-works .how-steps {
  text-align: center;
  font-size: 0px;
  overflow: hidden;
  position: relative;
  padding: 65px 0 0 0;
  margin-bottom: 70px;
}
.how-it-works .steps-title {
  position: absolute;
  top: 67px;
  left: 50%;
  font-size: 22px;
  line-height: 42px;
  padding: 0 30px 0 30px;
  white-space: nowrap;
  background: #fff;
  color: #161616;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 5;
}
.how-it-works .steps-title span {
  font-size: 34px;
  font-family: 'PFCentroSerifPro-Medium';
}
.how-it-works .how-steps .step {
  position: relative;
}
.how-it-works .how-steps .step.s1 {
  max-width: 1280px;
  margin: 0 auto 0 auto;
  border: 4px solid #f6f2ec;
  background: url("../images/img-how-pattern.png") center top;
  border-bottom: 0px;
  padding: 30px 0 0 0;
}
.how-it-works .how-steps .step.s2::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -192px;
  background: url("../images/img-how-shape1.png") no-repeat center center;
  background-size: contain;
  width: 2560px;
  height: 655px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
}
.how-it-works .how-steps .step.s3::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 70px;
  margin: 12px 0 0 -563px;
  background: url("../images/img-how-shape2.png") no-repeat center center;
  background-size: contain;
  width: 189px;
  height: 75px;
}
.how-it-works .how-steps .step.s4::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0px;
  background: url("../images/img-how-shape3.png") no-repeat center center;
  background-size: contain;
  width: 2560px;
  height: 535px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
}
.how-it-works .how-steps .step.s2,
.how-it-works .how-steps .step.s4 {
  direction: rtl;
}
.how-it-works .how-steps .step.s3 {
  padding: 80px 0 0 0;
}
.how-it-works .how-steps .step .photo {
  display: inline-block;
  vertical-align: middle;
  background: url("../images/img-how-step1.png") no-repeat center center;
  background-size: cover;
  width: 560px;
  height: 429px;
  margin: 0 60px 0 0;
  position: relative;
  z-index: 3;
}
.how-it-works .how-steps .step.s2 .photo {
  background-image: url("../images/img-how-step2.png?1");
  background-size: cover;
  width: 455px;
  height: 433px;
  margin: -100px -150px 0 0;
}
.how-it-works .how-steps .step.s3 .photo {
  background-image: url("../images/img-how-step3.png");
  background-size: cover;
  width: 344px;
  height: 480px;
  margin: 0 100px 0 100px;
}
.how-it-works .how-steps .step.s4 .photo {
  background-image: url("../images/img-how-step4.png");
  background-size: cover;
  width: 563px;
  height: 441px;
  margin: 0 -150px 0 0
}
.how-it-works .how-steps .step.s5 .photo {
  background-image: url("../images/img-how-step5.png");
  background-size: cover;
  width: 750px;
  height: 173px;
  display: block;
  margin: 0 auto 0 auto;
}
.how-it-works .how-steps .step .content {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
  text-align: left;
  color: #161616;
  width: 490px;
  position: relative;
  z-index: 3;
  direction: ltr;
}
.how-it-works .how-steps .step.s3 .content {
  width: auto;
}
.how-it-works .how-steps .step.s4 .content {
  width: 510px;
}
.how-it-works .how-steps .step.s5 .content {
  display: block;
  margin: 0 auto 0 auto;
  text-align: center;
  padding: 35px 0 0 0;
  width: auto;
}
.how-it-works .how-steps .step .more2 {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  padding: 0 47px 0 47px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  margin: 20px 0 0 0;
  background: #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
}
.how-it-works .how-steps .step .more2:hover {
  opacity: 0.9;
}
.how-it-works .how-steps .step .content .title {
  font-size: 22px;
  padding: 0 0 10px 0;
  color: #73b89d;
}
.how-it-works .how-steps .step .content .text {
  padding: 0 0 20px 0;
}
.how-it-works .how-steps .step .content .more,
.how-faq a {
  font-size: 16px;
  color: #73b89d !important;
  text-decoration: underline !important;
  font-family: 'PFEncoreSansPro-Bold';
  position: relative;
}
.how-it-works .how-steps .step .content .more::after,
.how-faq a::after {
  content: "";
  position: absolute;
  right: -30px;
  top: 50%;
  background: url("../images/img-how-more.png") no-repeat center center;
  background-size: contain;
  width: 17px;
  height: 12px;
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
}
.how-registration {
  margin: 0px auto 70px auto;
  max-width: 960px;
  padding: 70px 0 70px 0;
  background: #73b89d;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: 0px 10px 88px -18px rgba(155, 177, 207, 1);
  -moz-box-shadow: 0px 10px 88px -18px rgba(155, 177, 207, 1);
  box-shadow: 0px 10px 88px -18px rgba(155, 177, 207, 1);
}
body.user-authenticated .how-registration {
  display: none;
}
.how-registration .text {
  font-size: 23px;
  line-height: 43px;
  padding: 0 0 20px 0;
}
.how-registration .text strong {
  font-size: 34px;
  font-weight: normal;
  font-family: 'PFCentroSerifPro-Medium';
}
.how-registration a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  border: 2px solid #fff;
  color: #fff !important;
  text-decoration: none !important;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.how-registration a:hover {
  background: #fff;
  color: #73b89d !important;
}
.how-faq {
  text-align: center;
  padding: 0px 0 80px 0;
}
.how-faq .text {
  padding: 45px 0 20px 0;
  font-size: 24px;
  line-height: 36px;
  color: #000000;
}
.how-faq a {}
.siteLoadingWrapper {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
body.has-loader .siteLoadingWrapper {
  display: block;
}
.siteLoadingWrapper .siteLoadingInner {
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/img-loader.png") no-repeat center center;
  background-size: contain;
  width: 160px;
  height: 160px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 0px;
  overflow: hidden;
}
.siteLoadingWrapper .siteLoadingInner::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 160px;
  height: 160px;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 5px solid #5bba9b;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 2.1s infinite linear;
  animation: load8 2.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.how-it-works .how-faq .icon {
  margin: 0 auto 0 auto;
  background: url("../images/img-how-faq.png") no-repeat center center;
  background-size: contain;
  width: 136px;
  height: 100px;
}
.node-contest .colsWrapper,
.node-text_image_page .colsWrapper,
.node-contest_thank_you .colsWrapper {
  font-size: 0px;
  position: relative;
  min-height: 450px;
}
.node-contest .colsWrapper .col,
.node-text_image_page .colsWrapper .col,
.node-contest_thank_you .colsWrapper .col {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  font-size: 18px;
  color: #fff;
  font-family: 'PFEncoreSansPro-Book';
  line-height: 27px;
}
.node-contest .colsWrapper .col.col-right,
.node-text_image_page .colsWrapper .col.col-right,
.node-contest_thank_you .colsWrapper .col.col-right {
  min-height: 450px;
}
.node-contest .formWrapper,
.node-contest_thank_you .formWrapper {
  font-size: 18px;
  color: #828282;
  font-family: 'PFEncoreSansPro-Book';
  line-height: 27px;
}

/*
.user-authenticated.node-contest .formWrapper{
  background: url("../images/competition-banner-bottom.png") no-repeat center bottom;
    padding-bottom:430px;
}
*/

.node-contest .colsWrapper .col .field--type-text-with-summary a {
  color: #fff;
  text-decoration: underline;
}
.node-contest .bottomImgWrapper img {
  display: block;
  margin: 0 auto 0 auto;
  width: auto;
  max-width: 100%;
  height: auto;
}
.node-contest .colsWrapper .col.col-right img,
.node-text_image_page .colsWrapper .col.col-right img,
.node-contest_thank_you .colsWrapper img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 100%;
  object-fit: cover;
}
.node-contest .colsWrapper .col.col-left,
.node-text_image_page .colsWrapper .col.col-left,
.node-contest_thank_you .colsWrapper .col.col-left,
.node-contest .formWrapper,
.node-contest_thank_you .formWrapper {
  padding: 70px 80px 80px 80px;
}
.node-contest .colsWrapper,
.node-text_image_page .colsWrapper,
.node-contest_thank_you .colsWrapper {
  background: #73b89d;
}
.node-contest .formWrapper {
  max-width: 750px;
  margin: 0 auto 0 auto;
}
.node-contest_thank_you .formWrapper {
  text-align: center;
}
.node-contest_thank_you .formWrapper p {
  margin: 0px;
  padding: 0px;
}
.node-contest .colsWrapper .col h1,
.node-text_image_page .colsWrapper .col h1,
.node-contest_thank_you .colsWrapper .col h1,
.node-contest .formWrapper .title,
.node-contest_thank_you .formWrapper h2 {
  font-size: 29px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #fff;
  padding: 0px;
  line-height: normal;
  max-width: 620px;
}
.node-contest .formWrapper .title {
  color: #73b89d;
  padding: 0 0 20px 0;
  margin: 0px;
}
.node-contest_thank_you .formWrapper h2 {
  color: #73b89d;
  background: url("../images/icon-competition-complete.png") no-repeat center top;
  background-size: 50px 50px;
  padding: 80px 0 30px 0;
  margin: 0 auto 0 auto;
}
.node-contest .colsWrapper .col .field--type-text-with-summary,
.node-text_image_page .colsWrapper .col .field--type-text-with-summary,
.node-contest_thank_you .colsWrapper .col .field--type-text-with-summary {
  max-width: 620px;
}
.node-contest .colsWrapper .col .contestLogin {
  max-width: 620px;
}
.node-contest .colsWrapper .col .contestLogin .title {}
.node-contest .colsWrapper .col .description {
  display: inline-block;
}
.node-contest .colsWrapper .col .description a {
  text-decoration: underline;
  color: #828282;
}
.node-contest .colsWrapper .col .ctas,
.node-text_image_page .colsWrapper .col .field--type-link,
.node-contest .formWrapper .ctas {
  padding: 30px 0 0 0;
}
.node-contest .colsWrapper .col .ctas a,
.node-contest .formWrapper .ctas a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #75b89d;
  border: 2px solid #75b89d;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.node-contest .colsWrapper .col .ctas a:hover,
.node-contest .formWrapper .ctas a:hover {
  background: #8bd1b5;
  border-color: #8bd1b5;
}
.node-contest .colsWrapper .col .ctas a.bg-transparent,
.node-contest .formWrapper .ctas a.bg-transparent {
  border-color: #75b89d;
  background: none;
  color: #75b89d;
  margin: 0 10px 0 0;
}
.node-contest .colsWrapper .col .ctas a.bg-transparent:hover,
.node-contest .formWrapper .ctas a.bg-transparent:hover {
  color: #fff;
  background: #75b89d;
}
.node-text_image_page .colsWrapper .col.col-left .sharesWrapper {
  position: relative;
  display: block;
  padding: 20px 0 20px;
  margin-top: 20px;
}
.node-text_image_page .colsWrapper .col.col-left .sharesWrapper .txt {
  position: relative;
  display: inline-block;
  padding: 0 10px 0 0;
  font-family: 'PFEncoreSansPro-Medium';
  font-size: 15px;
  line-height: 1.25em;
  color: #fff;
}
.node-text_image_page .colsWrapper .col.col-left .sharesWrapper .shareLinks {
  position: absolute;
  left: 100%;
  width: 100px;
  top: 50%;
  margin-top: -21px;
}
.node-text_image_page .colsWrapper .col.col-left .sharesWrapper .shareLink {
  background: url("../images/icon-share-white-fb.png") no-repeat scroll center center transparent;
  width: 40px;
  height: 42px;
  display: inline-block;
  margin: 0;
}
.node-text_image_page .colsWrapper .col.col-left .sharesWrapper .shareLink.shareLink-fb {
  background-image: url("../images/icon-share-white-fb.png");
}
.node-text_image_page .colsWrapper .col.col-left .sharesWrapper .shareLink.shareLink-tw {
  background-image: url("../images/icon-share-white-tw.png");
  margin-left: 10px;
}
.pageBringAFriendInfo .colsWrapper .col h1 {
  max-width: 340px;
}
.pageBringAFriendInfo .colsWrapper .col.col-left .sharesWrapper {
  margin-top: 80px;
}
.pageBringAFriendInfo .extracontestWrapper .textRow {
  max-width: 540px;
  margin: 0 auto;
  padding: 25px 0;
  font-family: 'PFEncoreSansPro-Book';
  font-size: 18px;
  color: #000;
}
.pageBringAFriendInfo .extracontestWrapper .textRow:first-child {
  padding-top: 0;
}
.pageBringAFriendInfo .extracontestWrapper .textRow:last-child {
  padding-bottom: 0;
}
.pageBringAFriendInfo .extracontestWrapper .textRow.second {
  max-width: 500px;
}
.pageBringAFriendInfo .extracontestWrapper .textRow.third {
  max-width: 480px;
}
.pageBringAFriendInfo .extracontestWrapper .textRow.terms {
  font-size: 15px;
}
.pageBringAFriendInfo .extracontestWrapper .textRow strong {
  font-family: 'PFEncoreSansPro-Bold';
}
.pageBringAFriendInfo .extracontestWrapper .textRow a {
  text-decoration: underline;
}
.pageBringAFriendInfo .extracontestWrapper .sepline {
  background: #e5f1f2;
  height: 2px;
  width: 80%;
  max-width: 420px;
  margin: 0 auto;
  display: block;
}
.blockBringAFriendInfoCoupons {
  width: 100%;
  position: relative;
  background: #eff7f7;
  padding: 30px 0 50px;
  text-align: center;
}
.blockBringAFriendInfoCoupons .desc {
  font-size: 20px;
  line-height: 1.5em;
  max-width: 620px;
  margin: 0 auto;
  font-family: 'PFEncoreSansPro-Book';
  padding: 0 20px;
}
.blockBringAFriendInfoCoupons .couponsWrapper {
  width: 100%;
  padding: 50px 0 0;
}
.blockBringAFriendInfoCoupons a.couponLink {
  width: 222px;
  height: 273px;
  display: inline-block;
  margin: 0 30px;
  background: url("../images/bringafriend/coupon-1.png") no-repeat scroll center center transparent;
  -webkit-transition: all 300ms cubic-bezier(.73, .59, .18, 1);
  -moz-transition: all 300ms cubic-bezier(.73, .59, .18, 1);
  -ms-transition: all 300ms cubic-bezier(.73, .59, .18, 1);
  -o-transition: all 300ms cubic-bezier(.73, .59, .18, 1);
  transition: all 300ms cubic-bezier(.73, .59, .18, 1);
}
.blockBringAFriendInfoCoupons a.couponLink.first {
  margin-left: 0;
}
.blockBringAFriendInfoCoupons a.couponLink.second {
  background-image: url("../images/bringafriend/coupon-2.png");
}
.blockBringAFriendInfoCoupons a.couponLink.third {
  background-image: url("../images/bringafriend/coupon-3.png");
  margin-right: 0;
}
.blockBringAFriendInfoCoupons a.couponLink:hover {
  transform: translateY(-20px);
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  -o-transform: translateY(-20px);
}
@media screen and (max-width:900px) {
  .blockBringAFriendInfoCoupons a.couponLink {
    margin: 0 15px;
  }
}
@media screen and (max-width:800px) {
  .blockBringAFriendInfoCoupons a.couponLink {
    margin: 20px auto 40px !important;
    display: block;
  }
  .blockBringAFriendInfoCoupons a.couponLink:first-child {
    margin-top: 0 !important;
  }
  .blockBringAFriendInfoCoupons a.couponLink:last-child {
    margin-bottom: 0 !important;
  }
}
.node-text_image_page .colsWrapper .col .field--type-link a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #75b89d;
  border: 2px solid #fff;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.node-text_image_page .colsWrapper .col .field--type-link a:hover {
  background: #fff;
  color: #75b89d;
}
.node-text_image_page .field--name-field-content-story {
  max-width: 1270px;
  margin: 0 auto;
  padding: 0 20px;
}
.node-text_image_page .field--name-field-content-story > div {
  margin: 40px 0;
  text-align: center;
}
.node-text_image_page .field--name-field-content-story .paragraph--type--p-image img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.node-text_image_page .field--name-field-content-story .field--name-field-p-title {
  color: #161616;
  font-family: 'PFCentroSerifPro-Medium';
}
.node-contest .colsWrapper .form-wrapper {}
.node-contest .colsWrapper .form-wrapper legend,
.node-contest .formWrapper .form-wrapper legend {
  font-family: 'PFEncoreSansPro-Bold';
  display: block;
  font-size: 18px;
  font-weight: normal;
  padding: 0 0 10px 0;
}
.node-contest .colsWrapper .form-wrapper .fieldset-wrapper,
.node-contest .formWrapper .form-wrapper .fieldset-wrapper {
  padding: 0 0 20px 0;
}
.node-contest .colsWrapper .form-wrapper .js-form-type-checkbox,
.node-contest .formWrapper .form-wrapper .js-form-type-checkbox {
  line-height: 20px;
  margin: 0px;
  padding: 11px 0 11px 40px;
}
.node-contest .colsWrapper .form-wrapper .js-form-type-checkbox .prettycheckbox,
.node-contest .formWrapper .form-wrapper .js-form-type-checkbox .prettycheckbox {
  float: left;
  margin: -6px 0 0 -40px;
}
.node-contest .colsWrapper .form-wrapper .js-form-type-checkbox label,
.node-contest .formWrapper .form-wrapper .js-form-type-checkbox label {
  line-height: 20px;
  /*cursor:pointer;*/
}
.node-contest .colsWrapper .js-form-submit,
.node-contest .formWrapper .js-form-submit {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #75b89d;
  border: 2px solid #75b89d;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  height: 50px;
  line-height: 50px;
  padding: 0 45px 0 45px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
.node-contest .colsWrapper .js-form-submit:hover,
.node-contest .formWrapper .js-form-submit:hover {
  background: #8bd1b5;
  border-color: #8bd1b5;
}
.prettycheckbox,
.prettyradio {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}
.prettycheckbox a,
.prettyradio a {
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  cursor: pointer;
  margin: 0px 5px 0 0;
  position: relative;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.prettyradio a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.error .prettycheckbox a,
.error .prettyradio a {
  border-color: #ff0000;
}
.prettycheckbox a.checked::after,
.error .prettycheckbox a.checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: url("../images/icon-form-checkbox.png") no-repeat center center;
  background-size: contain;
  width: 26px;
  height: 19px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.prettyradio a.checked::after,
.error .prettyradio a.checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background: #73b89d;
  width: 60%;
  height: 60%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.prettycheckbox label,
.prettyradio label {
  display: none;
}
.node-contest .form-item-symfono-me-toys-oroys-toy-diagonismoy .prettycheckbox a {
  width: 15px;
  height: 15px;
}
.node-contest .form-item-symfono-me-toys-oroys-toy-diagonismoy .prettycheckbox a.checked::after {
  width: 100%;
  height: 100%;
}
.node-contest .form-item-symfono-me-toys-oroys-toy-diagonismoy .description {
  display: inline-block;
  font-size: 14px;
  color: #666666;
}
.node-contest .form-item-symfono-me-toys-oroys-toy-diagonismoy a {
  font-size: 14px;
  color: #666666;
  text-decoration: underline;
}

/* home new carousel */

#block-views-block-carousel-banners-block-carousel-banners {
  position: relative;
  padding: 55px 20px 55px 20px;
  text-align: center;
}
#block-views-block-carousel-banners-block-carousel-banners .views-rows {}
#block-views-block-carousel-banners-block-carousel-banners .views-row {
  text-align: center;
  position: relative;
}
#block-views-block-carousel-banners-block-carousel-banners .views-row .col {
  display: inline-block;
  vertical-align: top;
  width: 480px;
  text-align: left;
  margin: 0 50px 0 0;
}
#block-views-block-carousel-banners-block-carousel-banners .views-row .col.colLeft img {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: block;
  width: 100%;
  height: auto;
}
#block-views-block-carousel-banners-block-carousel-banners .views-row .col.colRight {
  width: 540px;
  margin: 0 0 0 50px;
}
#block-views-block-carousel-banners-block-carousel-banners .views-row .col .item-title {
  font-size: 29px;
  line-height: 34px;
  font-family: 'PFCentroSerifPro-Medium';
  color: #161616;
  padding: 0 0 10px 0;
}
#block-views-block-carousel-banners-block-carousel-banners .views-row .col .item-text {
  font-size: 18px;
  line-height: 27px;
  color: #3d5266;
  padding: 0 0 25px 0;
}
#block-views-block-carousel-banners-block-carousel-banners .views-row .col .item-text p {
  margin: 0px;
  padding: 0px;
}
#block-views-block-carousel-banners-block-carousel-banners .views-row .col.colRight > a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #75b89d;
  border: 2px solid #75b89d;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}
#block-views-block-carousel-banners-block-carousel-banners .views-row .col.colRight > a:hover {
  background: #8bd1b5;
  border-color: #8bd1b5;
}
#block-views-block-carousel-banners-block-carousel-banners .bt-prev,
#block-views-block-carousel-banners-block-carousel-banners .bt-next {
  top: auto;
  position: absolute;
  right: auto;
  left: 50%;
  top: 50%;
  margin: -7px 0 0 -65px;
  background: url("../images/icon-new-next.png") no-repeat center center;
  background-size: contain;
  width: 35px;
  height: 35px;
  z-index: 20;
}
#block-views-block-carousel-banners-block-carousel-banners .bt-prev {
  margin: -7px 0 0 -617px;
  background-image: url("../images/icon-new-prev.png");
}

/* */

@media screen and (max-width: 1300px) {
  #headerBottom ul li {
    padding: 50px 30px 0 20px;
  }
}
@media screen and (max-width: 1269px) {
  #block-homepagestaticblockoneoskosmospronomiontisnestle .item-howto-home {
    width: 280px;
    margin: 0 30px 0 30px;
  }
  .recipesView .recipeListItem,
  .blogView .views-row,
  .brandsView .views-row,
  #block-views-block-contests-block-contests .views-row {
    width: 370px;
    margin: 0 5px 30px 5px;
  }
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col.colRight {
    width: 450px;
    margin: 0 0 0 40px;
  }
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col {
    margin: 0 40px 0 0;
  }
  #block-views-block-carousel-banners-block-carousel-banners .bt-prev {
    margin: -7px 0 0 -558px;
  }
  #block-views-block-carousel-banners-block-carousel-banners .bt-next {
    margin: -7px 0 0 -12px;
  }
}
@media screen and (max-width: 1200px) {
  #footer nav {
    padding: 0 0 0 20px;
  }
  .couponsView .views-row {
    margin: 0 2px 20px 2px;
  }
  .home-hero .content .inner,
  .coupons-hero .content .inner {
    padding: 56px 80px 0 25px;
  }
  .main_body_content_wrap {
    padding-right: 20px;
    padding-left: 20px;
  }
  .node-text_page #breadcrumbs {
    left: 20px;
  }
  .chosen-container {
    min-width: 250px;
  }
  .node-contest .colsWrapper .col.col-left,
  .node-text_image_page .colsWrapper .col.col-left,
  .node-contest_thank_you .colsWrapper .col.col-left {
    padding: 80px 50px 50px 50px;
  }
}
@media screen and (max-width: 1139px) {
  #footer #block-footerinfo {
    width: 320px;
  }
  .home-hero .content .inner {
    padding: 50px 30px 0 30px;
  }
  #footer nav {
    padding: 0 0 0 13px;
  }
  .chosen-container {
    min-width: 210px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .ctasWrapper a,
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .historyWrapper a {
    padding: 0 35px 0 35px;
  }
  #headerBottom ul li {
    padding: 30px 15px 0 15px;
  }
  #headerBottom ul li ul li a {
    font-size: 17px;
  }
  #headerBottom ul li {
    min-height: 390px;
  }
  #headerBottom ul li a {
    font-size: 24px;
  }
  .couponsView .views-rows,
  .recipesView .views-rows,
  .brandsView .views-rows,
  #block-views-block-contests-block-contests .views-rows .blogView .views-rows {
    text-align: center;
  }
  .couponsView .views-row {
    margin: 0 12px 20px 12px;
  }
  .recipesView .recipeListItem,
  .blogView .views-row,
  .brandsView .views-row,
  #block-views-block-contests-block-contests .views-row {
    width: 300px;
    margin: 0 10px 30px 10px;
  }
  .recipesView .recipeListItem .views-field-title a,
  .blogView .views-row .views-field-title a,
  .brandsView .views-row .views-field-field-brand-title a,
  #block-views-block-contests-block-contests .views-rows .title {
    padding: 20px 20px 10px 20px;
  }
  .recipesView .recipeListItem .views-field-body,
  .blogView .views-row .views-field-field-short-description-1,
  .brandsView .views-row .views-field-description__value,
  #block-views-block-contests-block-contests .views-rows .desc {
    padding: 0 20px 0 20px;
  }
  #block-homepagestaticblockoneoskosmospronomiontisnestle .item-howto-home {
    width: 280px;
    margin: 0 10px 0 10px;
  }
  .contact-options .items .item {
    width: 280px;
  }
  .contact-options .items .item .item-title {
    font-size: 15px;
  }
  .contact-phones,
  .contact-social {
    max-width: 878px;
    margin: 0 auto 0 auto;
  }
  .how-it-works .how-steps .step .photo {
    width: 400px;
    margin: 0 40px 0 20px;
  }
  .how-it-works .how-steps .step.s2 .content {
    width: auto;
  }
  .how-it-works .how-steps .step.s3 .photo {
    margin: 0 50px 0 50px;
  }
  .how-it-works .how-steps .step.s4 .content {
    width: auto;
  }
  .how-registration {
    width: 96%;
  }
  .how-hero .content {
    width: 100%;
  }
  .node-contest .colsWrapper .col.col-left,
  .node-text_image_page .colsWrapper .col.col-left,
  .node-contest_thank_you .colsWrapper .col.col-left {
    padding: 60px 30px 30px 30px;
  }
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col.colRight {
    width: 400px;
    margin: 0 0 0 30px;
  }
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col.colLeft {
    margin: 0 30px 0 0;
    width: 400px;
  }
  #block-views-block-carousel-banners-block-carousel-banners .bt-prev {
    margin: 0px 0 0 -50px;
    top: auto;
    bottom: 0px;
    left: 25%;
  }
  #block-views-block-carousel-banners-block-carousel-banners .bt-next {
    margin: 0px 0 0 5px;
    top: auto;
    bottom: 0px;
    left: 25%;
  }
}
@media screen and (max-width: 959px) {
  .home-hero .content .inner .title {
    font-size: 30px;
    line-height: 38px;
    font-family: 'PFCentroSerifPro-Medium';
  }
  .home-hero .content .inner .text {
    font-size: 18px;
    line-height: 27px;
  }
  .home-hero .content .inner .buttons a {
    width: 140px;
  }
  #header .icon-menu a {
    width: 50px;
  }
  #header .points-count {
    /*right:330px;*/
    font-size: 15px;
  }
  #header .userName {
    padding: 18px 0 0 20px;
    font-size: 13px;
  }
  #header .userName .nameText {
    font-size: 14px;
  }
  .home-hero .content .inner {
    padding: 50px 20px 0 20px;
  }
  .home-hero .content .inner .buttons a {
    width: auto;
  }
  #block-homepagestaticblockoneoskosmospronomiontisnestle .item-howto-home {
    width: 232px;
    margin: 0 5px 0 5px;
  }
  .blockRelatedCouponsHomepage header,
  #block-blockrelatedcouponshomepagecouponsexpired .block_coupons_content {
    width: auto;
    padding: 40px 20px 0 20px;
    display: block;
  }
  .blockRelatedCouponsHomepage .views-rows,
  #block-blockrelatedcouponshomepagecouponsexpired .expired-coupons {
    display: block;
    width: auto;
  }
  #block-views-block-blog-block-2 .blogView .views-row .views-field-title a {
    font-size: 18px;
  }
  .blockBrandsSlider .brandsView .views-rows {
    padding: 0 50px 0 50px;
  }
  .page-node-useraccount #mainContent {
    padding: 50px 10px 50px 10px;
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper {
    width: 220px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper {
    width: calc(100% - 220px);
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper::before {
    right: 220px;
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper a {
    line-height: normal;
    padding-top: 21px;
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper .menu li:nth-child(2) a {
    padding-top: 30px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper #block-noiazomai-content article > div > .field--type-text-with-summary {
    padding: 40px 15px 50px 15px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .ctasWrapper a,
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .historyWrapper a {
    padding: 0 15px 0 15px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item .item-info {
    padding: 25px 25px 25px 25px;
    width: 330px;
  }
  .page-node-useraccount.has-user-sidemenu .myGigyaWrapper {
    width: calc(100% - 220px);
  }
  .myGigyaWrapper {
    padding-right: 10px;
    padding-left: 10px;
  }
  .home-hero .content .inner .buttons a,
  .coupons-hero .content .inner .buttons a {
    min-width: 140px;
  }
  #footer #block-footerinfo {
    display: block;
  }
  #footer .sectionInner {
    display: block;
  }
  #footer #block-footerinfo {
    padding: 0px 0 60px 0;
  }
  #breadcrumbs {
    left: 20px;
  }
  #footer nav {
    padding: 0 14px 0 0;
  }
  #footer #block-footerregister {
    display: block;
    padding: 40px 0 0 0;
  }
  .main_head .main_head_content .main_head_content_wrap {
    padding: 60px 30px 30px 20px;
    margin: 0 auto 0 auto;
  }
  .main_head .main_head_content .main_head_content_wrap .field--name-field-second-title,
  .main_head .main_head_content .main_head_content_wrap .field--name-field-brand-title,
  .main_head .main_head_content .main_head_content_wrap .title {
    font-size: 28px;
    line-height: 38px;
  }
  .main_head .main_head_content .main_head_content_wrap .field--type-text-with-summary,
  .main_head .main_head_content .main_head_content_wrap .field--name-field-short-description-1,
  .main_head .main_head_content .main_head_content_wrap .field--name-description,
  .main_head .main_head_content .main_head_content_wrap .text {
    font-size: 18px;
    line-height: 24px;
  }
  .main_body_content_wrap > .text-formatted {
    font-size: 16px;
    padding: 0 20px 0 0;
    font-size: 16px;
    line-height: 28px;
  }
  #block-views-block-recipe-products-block-1 div .views-row {
    width: calc(33% - 12px);
  }
  .brands-inner-list-view .views-rows .views-row .views-field-field-product-image {
    width: 300px;
  }
  .brands-inner-list-view .views-rows .views-row .views-field-field-product-image img {
    width: 300px;
    height: auto;
  }
  .brands-inner-list-view .views-rows .views-row .views-field-nothing {
    width: calc(100% - 300px);
    padding: 20px 20px 20px 20px;
  }
  .main_head .sharebrand {
    position: relative;
    bottom: auto;
    left: auto;
    padding: 40px 0 0 0;
    height: auto;
  }
  .main_head .main_head_content .field--name-field-brand-share {
    height: auto;
  }
  .main_head .sharebrand p {
    display: block;
  }
  .main_head .main_head_content #recipe-head-info .field {
    padding: 45px 10px 0 10px;
    background-position: center top;
    font-size: 13px;
    text-align: center;
  }
  .main_head .main_head_content .main_head_content_wrap .field--type-text-with-summary,
  .main_head .main_head_content .main_head_content_wrap .field--name-field-short-description-1,
  .main_head .main_head_content .main_head_content_wrap .field--name-description,
  .main_head .main_head_content .main_head_content_wrap .text {
    font-size: 16px;
    line-height: 22px;
  }
  .contact-options .items .item {
    width: 220px;
  }
  .contact-options .items .item .item-title {
    line-height: normal;
  }
  .contact-phones,
  .contact-social {
    max-width: 702px;
  }
  .how-it-works .how-steps .step {
    direction: ltr !important;
  }
  .how-it-works .how-steps .step .photo,
  .how-it-works .how-steps .step.s2 .photo,
  .how-it-works .how-steps .step.s3 .photo,
  .how-it-works .how-steps .step.s4 .photo {
    display: block;
    margin: 0 auto 0 auto;
  }
  .how-it-works .how-steps .step .content {
    display: block;
    margin: 0 auto 0 auto;
    max-width: 410px;
    width: auto;
  }
  .how-it-works .how-steps .step.s1 {
    display: flex;
    flex-direction: column-reverse;
    width: calc(100% - 20px);
    padding: 50px 0 0 0;
  }
  .how-it-works .how-steps .step.s2 {
    position: relative;
    z-index: 10;
  }
  .how-it-works .how-steps .step.s2::before {
    top: -290px;
    background-size: auto 100%;
    height: 1180px;
  }
  .how-it-works .how-steps .step.s3 {
    padding: 150px 0 30px 0;
  }
  .how-it-works .how-steps .step.s3::before {
    margin: 85px 0 0 0;
    left: -20px;
  }
  .how-it-works .how-steps .step.s4::before {
    background-size: auto 100%;
    height: 720px;
  }
  .how-it-works .how-steps .step.s5 {
    padding-top: 40px;
  }
  .how-it-works .how-steps .step.s5 .photo {
    background: url("../images/mob-img-how-step5.png") no-repeat center center;
    background-size: contain;
    width: 322px;
    height: 103px;
  }
  .user-authenticated #header #userMenu {
    right: 200px;
  }
  .node-contest .colsWrapper,
  .node-text_image_page .colsWrapper,
  .node-contest_thank_you .colsWrapper {
    display: flex;
    flex-direction: column-reverse;
    min-height: 50px;
  }
  .node-contest .colsWrapper .col,
  .node-text_image_page .colsWrapper .col,
  .node-contest_thank_you .colsWrapper .col {
    display: block;
    width: auto;
  }
  .node-contest .colsWrapper .col.col-right img,
  .node-text_image_page .colsWrapper .col.col-right img,
  .node-contest_thank_you .colsWrapper img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col.colRight,
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col.colLeft {
    width: 320px;
    margin: 0 20px 0 0;
  }
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col.colRight {
    margin: 0 0 0 20px;
  }
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col .item-title {
    font-size: 24px;
    line-height: 30px;
  }
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col .item-text {
    font-size: 17px;
  }
  body.user-authenticated .gigya-composite-control-multi-choice .gigya-container,
  body.user-authenticated .gigya-composite-control-textbox input,
  body.user-authenticated .gigya-composite-control-password input {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #footer #block-footerinfo {
    display: block;
    width: auto;
  }
  #footer .sectionInner {
    display: block;
  }
  #footer #block-footerregister {
    display: block;
    padding: 40px 0 0 0;
  }
  /*
  .myGigyaWrapper{
    padding:20px 10px 20px 10px;
  }
*/
  #header {
    height: 60px;
  }
  #header .icon-menu {
    /*right:67px;*/
    height: 60px;
    padding: 0px;
  }
  #header .icon-menu a {
    display: none;
    height: 60px;
    width: 60px;
  }
  #header .icon-menu a.mnu-user {
    display: block;
  }
  #header #block-noiazomai-branding a {
    width: 180px;
  }
  #header #block-noiazomai-branding {
    left: 10px;
    top: 7px;
  }
  #header .burger-menu {
    font-size: 0px;
    height: 60px;
    width: 67px;
  }
  #header .burger-menu span {
    right: 15px;
    height: 4px;
  }
  #header #block-gigyamenu,
  #header #userMenu,
  .user-authenticated #header #userMenu {
    top: 60px;
    width: 100%;
    right: 0px;
    -webkit-box-shadow: 0px 10px 76px 0px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px 10px 76px 0px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 10px 76px 0px rgba(0, 0, 0, 0.34);
  }
  #header #block-gigyamenu a,
  #header #userMenu a {
    display: block;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
  }
  #headerBottom {
    top: 60px;
  }
  #headerBottom ul li {
    display: block;
    padding: 20px;
    min-height: 20px;
    position: relative;
  }
  #headerBottom ul li a {
    font-size: 28px;
  }
  #headerBottom ul li ul li a {
    font-size: 20px;
  }
  #headerBottom #block-noiazomai-main-menu > ul > li.active .view-hub {
    display: block;
    position: absolute;
    left: 20px;
    bottom: -45px;
    display: block;
    border: 2px solid #fff;
    width: calc(100% - 40px);
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    font-family: 'PFEncoreSansPro-Bold';
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
  }
  #block-gigyaraaslogin form.gigya-login-form h2.gigya-composite-control-header::before,
  #block-gigyaraasregister form.gigya-register-form h2.gigya-composite-control-header::before,
  #mbf-registration-one-step form.gigya-register-form h2.gigya-composite-control-header::before {
    display: none;
  }
  #block-gigyaregisteronepageblock_content .gigya-login-providers-list button.tabbing-button,
  #block-gigyaraaslogin .gigya-login-providers-list button.tabbing-button,
  #gigya-raas-register-div_content .gigya-login-providers-list button.tabbing-button,
  #block-gigyaraasregister #gigya-link-accounts-form .gigya-login-providers-list button.tabbing-button {
    border: 0px;
    width: 245px !important;
    height: 40px !important;
    display: inline-block !important;
    margin: 15px auto 0 auto;
    position: absolute;
    left: 50%;
    -ms-transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
  }
  #block-gigyaregisteronepageblock_content .gigya-login-providers-list button[aria-label="Google"].tabbing-button,
  #block-gigyaraaslogin .gigya-login-providers-list button[aria-label="Google"].tabbing-button,
  #gigya-raas-register-div_content .gigya-login-providers-list button[aria-label="Google"].tabbing-button,
  #block-gigyaraasregister #gigya-link-accounts-form .gigya-login-providers-list button[aria-label="Google"].tabbing-button {
    width: 187px !important;
    margin-top: 70px;
    -ms-transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
  }
  #block-gigyaraaslogin form.gigya-login-form h2.gigya-composite-control-header span,
  #block-gigyaraasregister form.gigya-register-form h2.gigya-composite-control-header span,
  #mbf-registration-one-step form.gigya-register-form h2.gigya-composite-control-header span {
    padding: 0px;
  }
  body .gigya-screen-content label.gigya-label {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    width: 160px;
  }
  body .gigya-composite-control-textbox,
  body .gigya-screen .gg-field-first,
  body .gigya-screen .gg-field-last,
  body .gigya-screen .gg-field_50,
  body .gigya-composite-control-checkbox {
    padding: 0 0 20px 0;
  }
  body .gigya-composite-control-multi-choice .gigya-container,
  body .gigya-composite-control-textbox input,
  body .gigya-composite-control-password input {
    width: 100%;
  }
  body .gg-thank-you-button,
  body input.gigya-button,
  body .gigya-composite-control-submit input,
  #gigya-forgot-password-success-screen .gigya-composite-control-link.gg-link_button,
  #gigya-verification-sent-screen .gg-link_button {
    width: 93% !important;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
  }
  body #mbf-login form > .gigya-layout-row:nth-of-type(7) {
    text-align: center;
    padding: 0 0 20px 0;
  }
  body .gigya-screen-content .gg-note {
    text-align: center;
    display: block !important;
  }
  body .gigya-screen .gigya-composite-control.gg-checkbox-error {
    padding: 30px;
  }
  body .gigya-composite-control-checkbox.gg-checkbox-have-child {
    padding: 30px;
    margin: 0 0 25px 0;
  }
  body .gigya-screen .gigya-composite-control-array-widget label.gigya-label {
    padding: 0 0 0 20px;
  }
  body .gigya-screen .gigya-composite-control-array-widget input {
    width: 85%;
    margin: 0 0 0 20px;
  }
  body .gigya-screen .gigya-composite-control-array-widget div.gigya-array-template .buttons-wrapper button {
    margin: 0 0 12px 0px !important;
  }
  body .gigya-input-checkbox,
  body .gigya-multi-choice-item label {
    font-size: 24px;
    font-size: 15px;
  }
  body #gigya-raas-register-div_content .gigya-screen .gg-radio-gender > .gigya-label {
    float: none;
    display: block;
  }
  body #gigya-raas-register-div_content .gigya-screen .gg-radio-gender {
    padding: 0px;
  }
  #gigya-verification-pending-screen form > .gigya-layout-row:nth-of-type(1) label {}
  body #gigya-verification-pending-screen form .gg-verification-text {
    font-size: 20px;
    padding: 0 20px 0 20px;
  }
  body #gigya-verification-pending-screen #gigya-resend-verification-code-form .gigya-layout-row:nth-child(4) .gg-verification-text {
    padding: 0 20px 40px 20px;
  }
  body #gigya-verification-pending-screen form .gg-verification-email {
    padding: 0 20px 0 20px;
  }
  body #block-gigyaraasprofile .gigya-composite-control.gigya-composite-control-checkbox {
    display: inline-block;
    width: 50%;
    padding: 15px 10px 15px 0px;
    vertical-align: top;
  }
  body #block-gigyaraasprofile .gigya-layout-row > .gigya-composite-control.gigya-composite-control-label {
    padding: 30px 0 0 0;
  }
  .home-hero {
    padding: 200px 0 0 0;
    background-size: auto 200px;
    background-position: center top;
  }
  .home-hero .content {
    top: auto;
    height: auto;
    width: 100%;
    left: auto;
    position: relative;
  }
  .home-hero .content .inner .title {
    font-size: 24px;
    line-height: 32px;
  }
  .home-hero .content .inner .text {
    font-size: 16px;
    line-height: 23px;
  }
  .home-hero .content .inner {
    padding: 25px 20px 0 20px;
  }
  .hero-block .content a.scrollToContent {
    right: auto;
    left: 50%;
    margin-left: -20px;
  }
  #block-recipeshero .text-formatted,
  #block-bloghero .text-formatted,
  #block-faqshero .text-formatted,
  .contact-hero .content,
  .how-hero .content,
  #block-companyhero .field--type-text-with-summary {
    width: calc(100% - 50px);
  }
  #block-recipeshero .text-formatted h1,
  #block-bloghero .text-formatted h1,
  #block-faqshero .text-formatted h1,
  .contact-hero h1,
  .how-hero h1,
  #block-companyhero h1 {
    font-size: 28px;
    line-height: normal;
  }
  #block-recipeshero .text-formatted .description,
  #block-bloghero .text-formatted .description,
  #block-faqshero .text-formatted .description,
  .contact-hero .text,
  .how-hero .text,
  #block-companyhero .description {
    font-size: 17px;
    line-height: 26px;
  }
  #block-recipeshero .text-formatted .description br,
  #block-bloghero .text-formatted .description br,
  #block-faqshero .text-formatted .description br,
  .contact-hero br,
  .how-hero br,
  #block-companyhero br {
    display: none;
  }
  #block-recipeshero,
  #block-bloghero,
  #block-faqshero,
  .contact-hero,
  .how-hero {
    height: 420px;
  }
  .recipesView .recipeListItem,
  .blogView .views-row,
  .brandsView .views-row,
  #block-views-block-contests-block-contests .views-row {
    width: calc(100% - 40px);
    margin: 0 auto 20px auto;
    height: auto;
  }
  #block-views-block-contests-block-contests .views-row {
    padding-bottom: 20px;
  }
  .recipesView .recipeListItem .views-field-title a,
  .blogView .views-row .views-field-title a,
  .brandsView .views-row .views-field-field-brand-title a,
  #block-views-block-contests-block-contests .views-rows .title {
    font-size: 21px;
    line-height: 29px;
  }
  .recipesView .recipeListItem .views-field-body p,
  .blogView .views-row .views-field-field-short-description-1 p,
  .brandsView .views-row .views-field-description__value p,
  #block-views-block-contests-block-contests .views-rows .desc {
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 20px;
  }
  .recipesView .recipeListItem .views-field-body,
  .blogView .views-row .views-field-field-short-description-1,
  .brandsView .views-row .views-field-description__value {
    max-height: 5000px;
  }
  .couponsView.couponsView_full_width h2 {
    font-size: 24px;
    line-height: 34px;
    padding-right: 60px;
    padding-left: 60px;
  }
  #block-views-block-coupons-block-1 .couponsView .views-row {
    -ms-transform: translate(20px, -0%);
    -webkit-transform: translate(20px, -0%);
    transform: translate(20px, -0%);
  }
  .couponsView.couponsView_full_width > div:hover .views-row {
    opacity: 1;
  }
  .couponsView .views-row .views-field-field-coupon-redemption-points {
    height: 60px;
    width: 60px;
    top: 0px;
    right: 26px;
    padding: 20px 0 0 0;
    font-size: 18px;
    line-height: 14px;
    margin: 0px;
    right: 0px;
  }
  .couponsView .views-row .views-field-field-coupon-redemption-points .txt {
    font-size: 10px;
  }
  .couponsView .slick-dots li.slick-active button,
  .recipesView .slick-dots li.slick-active button,
  .brandsView .slick-dots li.slick-active button,
  .blogView .slick-dots li.slick-active button,
  #block-views-block-recipe-products-block-1 .slick-dots li.slick-active button {
    background: #5bba9b;
  }
  .couponsView .slick-prev,
  .couponsView .slick-next,
  .recipesView .slick-prev,
  .recipesView .slick-next,
  .brandsView .slick-prev,
  .brandsView .slick-next,
  .blogView .slick-prev,
  .blogView .slick-next,
  #block-views-block-recipe-products-block-1 .slick-prev,
  #block-views-block-recipe-products-block-1 .slick-next {
    width: 35px;
    height: 35px;
    background: url("../images/icon-next-min.png") no-repeat center center;
    background-size: contain;
    -webkit-transform: translate(0, -0%);
    -ms-transform: translate(0, -0%);
    transform: translate(0, -0%);
    top: auto;
    bottom: -35px;
    z-index: 20;
  }
  .recipesView .slick-prev,
  .recipesView .slick-next {
    bottom: -55px;
  }
  .recipesView .slick-dots {
    bottom: -45px;
  }
  .couponsView .slick-prev,
  .recipesView .slick-prev,
  .brandsView .slick-prev,
  .blogView .slick-prev {
    left: 20px;
    background: url("../images/icon-prev-min.png");
  }
  .couponsView .slick-next,
  .recipesView .slick-next,
  .brandsView .slick-next,
  .blogView .slick-next {
    right: 20px;
  }
  #footer nav {
    display: block;
    margin: 0 -25px 0 -25px;
    padding: 0px;
  }
  #footer nav ul li ul {
    display: none;
  }
  #footer nav ul li.active ul {
    display: block;
  }
  #footer nav > ul > li > a {
    padding: 20px 0 16px 20px;
    border-top: 1px solid #5168b9;
    background: url("../images/icon-footer-arrow.png") no-repeat 92% center;
  }
  #block-footermenuepikoinonia {
    border-bottom: 1px solid #5168b9;
  }
  #footer nav ul li ul li a {
    padding: 5px 0 22px 20px;
  }
  /*
  .path-diatrofi #mainContent .contentTopWrapper .block-facet--dropdown select,
  .path-blog #mainContent .contentTopWrapper .block-facet--dropdown select,
  .path-kouponia #mainContent .contentTopWrapper .block-facet--dropdown select,
  .path-brands #mainContent .contentTopWrapper .block-facet--dropdown select{
    background:#f6f5f3;
    height:60px;
    display:block;
    border:0px;
    width:100%;
    padding:0 0 0 20px;
  }

  .path-diatrofi #mainContent .contentTopWrapper .block-facet--dropdown, .path-blog #mainContent .contentTopWrapper .block-facet--dropdown, .path-kouponia #mainContent .contentTopWrapper .block-facet--dropdown, .path-brands #mainContent .contentTopWrapper .block-facet--dropdown{
    margin:0px;
  }

  .path-diatrofi #mainContent .contentTopWrapper, .path-blog #mainContent .contentTopWrapper, .path-kouponia #mainContent .contentTopWrapper, .path-brands #mainContent .contentTopWrapper{
    padding:0px;
    background:#f6f5f3;
  }
*/
  .node-text_page article,
  .page-node-12 article,
  .page-node-13 article,
  .page-node-15 article {
    max-width: 1200px;
    padding: 50px 20px 50px 20px;
    margin: 0 auto 0 auto;
    font-family: 'PFEncoreSansPro-Book';
    font-size: 18px;
    line-height: 30px;
    color: #60646c;
  }
  .node-text_page article .field--name-field-second-title {
    font-size: 28px;
    line-height: 38px;
  }
  .node-text_page article,
  .page-node-12 article,
  .page-node-13 article,
  .page-node-15 article {
    font-size: 16px;
    line-height: 28px;
  }
  body.page-contacthub article {
    padding: 0px;
    max-width: 5000px;
  }
  .page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .field--name-field-p-accordion-group-title {
    text-align: center;
    font-size: 24px;
    padding: 0px;
  }
  .page-node-14 #mainContent .contentWrapper {
    font-size: 16px;
    line-height: 26px;
    text-align: center;
  }
  .page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item > .field--name-field-p-title {
    text-align: left;
  }
  .page-node-14 #mainContent .contentWrapper .field--name-field-content-story > div .paragraph--type--p-accordion-item .field--name-field-p-content {
    text-align: left;
  }
  #block-faqsfootercontact h4 {
    font-size: 24px;
    line-height: 34px;
    padding: 0 0 0px 0;
  }
  #block-faqsfootercontact .desc {
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 20px 0;
  }
  #block-faqsfootercontact .btn {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
  .main_head {
    padding: 250px 0 0 0;
    position: relative;
  }
  .main_head .main_head_content .main_head_content_wrap {
    min-height: 10px;
  }
  .main_head .main_head_content {
    display: block;
    width: 100%;
  }
  .main_head .main_head_photo {
    width: 100%;
    height: 250px;
  }
  .main_head .main_head_content .main_head_content_wrap .field--name-field-second-title,
  .main_head .main_head_content .main_head_content_wrap .field--name-field-brand-title,
  .main_head .main_head_content .main_head_content_wrap .title {
    font-size: 26px;
    line-height: 33px;
  }
  .main_head .main_head_content .main_head_content_wrap .field--type-text-with-summary,
  .main_head .main_head_content .main_head_content_wrap .field--name-field-short-description-1,
  .main_head .main_head_content .main_head_content_wrap .field--name-description,
  .main_head .main_head_content .main_head_content_wrap .text {
    font-size: 17px;
    line-height: 26px;
  }
  .main_body_content {
    padding: 30px 20px 30px 20px;
    font-size: 17px;
    line-height: 26px;
  }
  .related_articles_block h2 {
    padding: 0 20px 0 20px;
    font-size: 24px;
    line-height: 37px;
  }
  .related_articles_block h2:before,
  .related_articles_block h2:after {
    content: '';
    border-top: 1px solid #b6d7ca;
    margin: 0 20px 0 0;
    flex: 1 0 50px;
  }
  .sdfdffsd .recipesView .recipeListItem,
  .related_articles_block .blogView .views-row,
  .sdfdffsd .brandsView .views-row,
  #sdfdssfd-views-block-contests-block-contests .views-row {
    max-width: 335px;
    margin-right: 20px;
    margin-left: 20px;
    -ms-transform: translate(20px, 0%);
    -webkit-transform: translate(20px, 0%);
    transform: translate(20px, 0%);
  }
  .main_head .main_head_content #recipe-head-info .field {
    border: 0px;
    background-size: auto 27px;
  }
  .main_head .main_head_content .main_head_content_wrap .field--name-field-print-link a {
    display: none;
  }
  .main_body_content_wrap > .text-formatted,
  .main_body_content_wrap > .text-formatted:last-child {
    display: block;
    width: auto;
  }
  .main_body_content_wrap {
    padding: 30px 20px 30px 20px;
  }
  .top_recipes_block .recipesView footer {
    padding: 50px 20px 0 20px;
  }
  .top_recipes_block .recipesView footer a {
    padding: 0 20px 0 20px;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
  }
  #block-views-block-recipe-products-block-1 h2 {
    font-size: 25px;
    line-height: 34px;
    padding: 0 0 25px 0;
  }
  #block-views-block-recipe-products-block-1 div .views-row {
    max-width: 375px;
    width: auto;
  }
  #block-views-block-recipe-products-block-1 div .views-row .views-field-field-product-image img {
    margin: 0 auto 0 auto;
  }
  #block-views-block-recipe-products-block-1 div .views-row .views-field-field-buy-button a {
    white-space: nowrap;
    font-size: 14px;
    height: 45px;
    line-height: 45px;
  }
  .home-hero .content .inner .buttons a,
  .home-hero .content .inner .buttons a.bt-login,
  .coupons-hero .content .inner .buttons a,
  .coupons-hero .content .inner .buttons a.bt-login {
    display: block;
    width: auto;
    margin: 0 0 10px 0;
  }
  .home-hero .content .inner {
    padding: 20px;
  }
  #block-homepagestaticblockoneoskosmospronomiontisnestle h4 {
    font-size: 24px;
    line-height: 34px;
    padding: 0 40px 15px 40px;
  }
  #block-homepagestaticblockoneoskosmospronomiontisnestle .subtitle {
    font-size: 17px;
    line-height: 26px;
    padding: 0 0 30px 0;
  }
  #block-homepagestaticblockoneoskosmospronomiontisnestle {
    padding: 20px 20px 40px 20px;
  }
  #block-homepagestaticblockoneoskosmospronomiontisnestle .item-howto-home .home-text {
    font-size: 15px;
    line-height: 22px;
    padding: 20px 0 20px 0;
  }
  #block-homepagestaticblockoneoskosmospronomiontisnestle .item-howto-home .home-image {
    height: 130px;
    width: 130px;
  }
  #block-homepagestaticblockoneoskosmospronomiontisnestle .item-howto-home {
    width: auto;
  }
  #block-homepagestaticblockoneoskosmospronomiontisnestle .items-howto-home {
    padding: 0 0 15px 0;
  }
  #block-homepagestaticblockoneoskosmospronomiontisnestle .morebtn,
  .blockRelatedCouponsHomepage .morebtn {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
  .blockRelatedCouponsHomepage header div {
    text-align: center;
  }
  .blockRelatedCouponsHomepage header h4,
  #block-blockrelatedcouponshomepagecouponsexpired .block_coupons_content h4 {
    font-size: 24px;
    line-height: 34px;
    padding: 0 0 10px 0;
  }
  .blockRelatedCouponsHomepage header div,
  #block-blockrelatedcouponshomepagecouponsexpired .block_coupons_content div {
    font-size: 17px;
    line-height: 26px;
  }
  .blockRelatedCouponsHomepage .slick-prev {
    right: auto;
    left: 20px;
    bottom: -35px;
  }
  .blockRelatedCouponsHomepage .slick-next {
    right: 20px;
    bottom: -35px;
  }
  .blockRelatedCouponsHomepage {
    position: relative;
    padding-bottom: 30px;
  }
  .blockRelatedCouponsHomepage .morebtn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    -ms-transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
    white-space: nowrap;
  }
  .blockRelatedCouponsHomepage header .subtitle::after {
    left: 50%;
    -ms-transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
  }
  #block-views-block-blog-block-2 h2 {
    font-size: 24px;
    line-height: 34px;
    padding: 30px 60px 30px 60px;
  }
  #block-views-block-blog-block-2 .blogView .views-row {
    display: block;
    width: auto;
  }
  #block-views-block-blog-block-2 .blogView .slick-next,
  #block-views-block-blog-block-2 .blogView .slick-prev,
  #block-views-block-blog-block-2 .blogView .slick-dots {
    margin-bottom: -20px;
  }
  .blockBrandsSlider header h4 {
    font-size: 24px;
    line-height: 34px;
    padding: 0px 0 10px 0;
  }
  .blockBrandsSlider header .homepage-brand-description {
    font-size: 17px;
    line-height: 26px;
    padding: 0 20px 25px 20px;
  }
  .blockBrandsSlider {
    padding: 37px 0px 40px 0px;
    text-align: center;
  }
  .blockBrandsSlider .brandsView .views-rows {
    padding: 0px;
  }
  .blockBrandsSlider .brandsView .views-row {
    width: 80px;
    height: 80px;
    margin: 0 15px 30px 15px;
  }
  .blockBrandsSlider .brandsView .views-row img {
    width: 80px;
    height: 80px;
  }
  .blockBrandsSlider .brandsView .slick-next {
    right: 20px;
    bottom: -35px;
    top: auto;
  }
  .blockBrandsSlider .brandsView .slick-prev {
    right: auto;
    left: 20px;
    bottom: -35px;
    top: auto;
  }
  .top_recipes_block h2 {
    font-size: 24px;
    line-height: 34px;
    padding: 0 60px 32px 60px;
  }
  .top_recipes_block {
    padding: 30px 0 0 0;
  }
  .coupons-hero {
    padding: 200px 0 0 0;
    background-size: auto 200px;
    background-position: center top;
    background-color: #2a8569;
  }
  .coupons-hero .content {
    position: relative;
    width: auto;
    top: auto;
    left: auto;
  }
  .coupons-hero .content .inner {
    padding: 20px 20px 30px 20px;
  }
  .coupons-hero .content .inner .title {
    font-size: 22px;
    line-height: 29px;
  }
  .home-hero .content .inner .text,
  .coupons-hero .content .inner .text {
    font-size: 15px;
    line-height: 23px;
    padding: 5px 0 0 0;
  }
  #block-homepageheroanonymous .home-hero {
    height: auto;
  }
  .home-hero .content .inner .text ul {
    font-size: 15px;
    line-height: 23px;
  }
  .coupons-hero .content .inner .buttons {
    padding: 15px 0 0 0;
  }
  .popConnectWrapper {
    position: absolute;
    min-height: 100vh;
  }
  .popConnectWrapper .popConnectInner {
    top: 20px;
    -ms-transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
  }
  .modalWrapper .modalInner {
    width: calc(100% - 30px);
    padding: 30px 0px 30px 0px;
  }
  .popConnectWrapper .popConnectInner {
    width: calc(100% - 30px);
    padding: 350px 10px 30px 10px;
  }
  .popConnectWrapper .popConnectInner .desc {
    padding-left: 0px;
    padding-right: 0px;
  }
  .popConnectWrapper .popConnectInner .cta {
    padding: 0 30px 0 30px;
  }
  .modalWrapper .modalInner .title {
    font-size: 20px;
    padding: 0 25px 15px 25px;
  }
  .modalWrapper .modalInner .text {
    font-size: 16px;
    line-height: 26px;
    padding: 0 25px 17px 25px;
  }
  .myGigyaWrapper {
    padding: 0px 10px 30px 10px;
  }
  .myGigyaWrapper .wrapperInner {}
  body .gigya-screen-content .gg-social_text {
    padding: 60px 0 10px 0;
  }
  body .gigya-login-welcome-container div[data-gigya-provider="facebook"]::before {
    width: 100% !important;
  }
  .gigya-login-welcome-container {
    display: block !important;
    width: 100% !important;
  }
  .user-authenticated .home-hero {
    height: auto !important;
  }
  /*PHASEOUT*/
  .user-authenticated .home-hero {
    height: 660px;
  }
  .user-authenticated .home-hero .content {
    top: auto;
    height: auto;
  }
  #header .points-count {
    display: none;
  }
  .user-authenticated #header .icon-menu a.mnu-cart,
  .user-authenticated #header .icon-menu a.mnu-user {
    display: inline-block;
  }
  .user-authenticated #header .icon-menu a.mnu-user {
    display: none;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper {
    position: relative;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper #block-noiazomai-content article > div > .field--type-text-with-summary {
    padding: 115px 10px 30px 10px;
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper {
    position: absolute;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    z-index: 10;
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper a,
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper .menu li:nth-child(2) a {
    width: 100%;
    height: 60px;
    padding: 0 0 0 65px;
    line-height: 60px;
    background-size: 40px auto;
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper ul,
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper ul li {
    display: block;
    width: 100%;
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper ul {
    padding: 60px 0 0 0;
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper ul li {
    display: none;
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper ul.active li {
    display: block;
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper ul li.menu-item--active-trail {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    display: block;
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper ul li.menu-item--active-trail a::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    background: url("../images/icon-user-drop-down.png") no-repeat center center;
    background-size: contain;
    width: 16px;
    height: 8px;
    -ms-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper ul li.menu-item--active-trail a.active::after {
    -ms-transform: translate(-0%, -50%) rotate(-180deg);
    -webkit-transform: translate(-0%, -50%) rotate(-180deg);
    transform: translate(-0%, -50%) rotate(-180deg);
  }
  .page-node-useraccount #mainContent .sectionInner .userSidebarWrapper::before {
    display: none;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper {
    width: auto;
    display: block;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper h1 {
    font-size: 24px;
    line-height: 34px;
    padding: 0 0 10px 0;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .desc {
    font-size: 16px;
    line-height: 26px;
    padding: 0 0px 27px 0px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .top {
    height: 200px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .top .title {
    font-size: 26px;
    padding-top: 70px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .top .desc {
    font-size: 16px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item {
    display: block;
    width: auto;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item.i1 {
    padding: 0 0 30px 0;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item.i2::after {
    display: none;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item .item-icon {
    width: 80px;
    height: 80px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .ctasWrapper a,
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .historyWrapper a {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item .item-show-popup {
    top: 50px;
    margin: 0 -40px 0 0px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item.i1 .item-info,
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item.i2 .item-info {
    right: auto;
    left: 50%;
    margin: -40px 0 0 -140px;
    width: 280px;
    font-size: 15px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .bot .item.i1 .item-info .close {
    right: -10px;
    left: auto;
  }
  #block-views-block-point-changes-block-1 .views-row,
  .blockUserHistory .views-row {
    padding: 14px 0 7px 42px;
    font-size: 15px;
  }
  #block-views-block-point-changes-block-1 .pager,
  .blockUserHistory .pager {
    margin: 0px;
    padding: 0px;
  }
  #block-views-block-point-changes-block-1 .pager a.button,
  .blockUserHistory .pager a.button {
    width: auto;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .deletedataWrapper .mailWrapper {
    padding: 65px 0 0 0;
    background-position: left top;
    background-size: auto 50px;
    font-size: 14px;
    padding: 17px 0 0 58px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .deletedataWrapper .mailWrapper a {
    font-size: 15px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .deletedataWrapper .titles {
    font-size: 18px;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .title,
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .historyWrapper .title {
    font-size: 24px;
    padding: 0 0 15px 0;
  }
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .ctasWrapper a,
  .page-node-useraccount #mainContent .sectionInner .contentWrapper .extraInfo .ctasWrapper a:nth-child(1) {
    margin: 0 10px 10px 10px;
  }
  body #edit-profile-landing .gigya-composite-control-link {
    width: 100% !important;
    font-size: 14px;
  }
  .page-node-3 .myGigyaWrapper .wrapperInner {
    padding-top: 115px;
  }
  .page-node-3.page-node-useraccount.has-user-sidemenu .myGigyaWrapper {
    width: auto;
    display: block;
  }
  .page-node-3 .gigya-screen .gigya-layout-cell {
    float: none;
    width: auto;
  }
  .page-node-3 .gigya-label {
    font-weight: normal;
    margin-bottom: 0px;
    height: 50px;
    line-height: 50px;
    display: block;
    vertical-align: middle;
    font-size: 18px;
    font-family: 'PFEncoreSansPro-Reg';
    color: #000;
    text-align: left;
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    width: auto;
    padding: 0px !important;
  }
  .page-node-3 .gigya-label span {
    display: inline-block !important;
  }
  .gg-radio-gender .gigya-multi-choice-item,
  .gignin-sex-toggle .gigya-multi-choice-item {
    margin: 0 0 0 10px;
  }
  body.page-node-3 .gigya-screen-content label.gigya-label {
    padding: 0px !important;
    width: auto !important;
  }
  body.page-node-3 .gigya-input-checkbox+label:before {
    display: none;
  }
  .page-node-3 .gigya-screen.portrait.mobile input[type=email],
  .page-node-3 .gigya-screen.portrait.mobile input[type=password],
  .page-node-3 .gigya-screen.portrait.mobile input[type=text],
  .page-node-3 .gigya-screen.portrait.mobile select {
    background: #fff;
    height: 50px;
    line-height: 50px;
    padding: 0 20px 0 20px;
    font-size: 18px;
    font-family: 'PFEncoreSansPro-Reg';
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    margin: 0px;
    display: inline-block;
    vertical-align: middle;
  }
  .page-node-3 .gigya-screen.portrait.mobile {
    padding-right: 0px;
    padding-left: 0px;
  }
  .page-node-3 .gigya-label-text.gigya-checkbox-text {
    padding: 4px 0 3px 34px !important;
    font-size: 15px !important;
  }
  .page-node-3 .gigya-screen.portrait .gigya-composite-control {
    color: #75b89d;
  }
  .page-node-3 .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button,
  .page-node-3 .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-button-container .gig-tfa-button-submit,
  .page-node-3 .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gig-tfa-phone-edit-link,
  .page-node-3 .gigya-screen.portrait div.gigya-tfa .gig-tfa-container .gigya-button.gig-tfa-phone-code-resend,
  .page-node-3 .gigya-screen a.gigya-button,
  .page-node-3 .gigya-screen input[type=button],
  .page-node-3 .gigya-screen input[type=submit] {
    border: 0;
    padding: 0px !important;
    text-transform: inherit;
    white-space: normal;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'PFEncoreSansPro-Bold';
    background-color: #75b89d;
    color: #fff;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
    width: 100% !important;
    outline: none;
    height: 45px;
    line-height: 45px;
    text-decoration: none;
  }
  
  .main_head .carousel-items,
  .main_head .main_head_photo.main_head_photo_carousel {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 250px;
    min-height: 250px;
  }
  .main_head .carousel-items .carousel-item,
  .main_head .carousel-items .carousel-item img,
  .main_head .brand_carousel_wrapper .field--name-field-brand-carusel-images img {
    height: 250px;
  }
  .main_head .main_head_content .main_head_content_wrap .cta {
    display: block;
    width: auto;
    height: 45px;
    line-height: 45px;
  }
  .brandsView .views-row .views-field-field-brand-image img {
    height: 180px;
    object-fit: cover;
  }
  .brands-inner-list-view .views-rows .views-row .views-field-field-product-image {
    width: auto;
    display: block;
  }
  .brands-inner-list-view .views-rows .views-row .views-field-field-product-image img {
    height: auto;
    width: 100%;
  }
  .brands-inner-list-view .views-rows .views-row {
    width: calc(100% - 20px);
    margin: 0 auto 10px auto;
  }
  .brands-inner-list-view .views-rows .views-row .views-field-nothing {
    width: auto;
    display: block;
    padding: 20px 20px 20px 20px;
  }
  .brands-inner-list-view .views-rows .views-row .views-field-nothing h3 {
    font-size: 26px;
    line-height: 38px;
  }
  .brands-inner-list-view .views-rows .views-row .views-field-nothing .text {
    line-height: 24px;
  }
  .brands-inner-list-view .views-rows .views-row .views-field-nothing .cta a {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    text-align: center;
  }
  #header .burger-menu {
    width: 52px;
    height: 60px;
    background: none;
    padding: 0px;
  }
  #header .burger-menu span {
    width: 24px;
    height: 3px;
  }
  #header .burger-menu span:nth-child(1) {
    margin: -8px 0 0 0;
  }
  #header .burger-menu span:nth-child(3) {
    margin: 8px 0 0 0;
  }
  #header .icon-menu {
    /*right:52px;*/
  }
  #header .icon-menu a {
    width: 35px;
  }
  #header .icon-menu a.mnu-search::after {
    background-image: url("../images/mob-icon-search.png");
  }
  #header .icon-menu a.mnu-user::after {
    background-image: url("../images/mob-icon-account.png");
  }
  #header .icon-menu a.mnu-cart::after {
    background-image: url("../images/mob-icon-cart.png");
  }
  #header .icon-menu a.mnu-stats::after {
    background-image: url("../images/mob-icon-stats.png");
  }
  #headerBottom ul li {
    padding: 0px;
  }
  #headerBottom ul li ul {
    display: none;
  }
  #headerBottom #block-noiazomai-main-menu > ul {
    background: #259474;
    /*padding:0 0 50px 0; min-height:calc(100vh - 60px);*/
  }
  #headerBottom.inner #block-noiazomai-main-menu > ul {
    padding: 0 0 50px 0;
    min-height: calc(100vh - 60px);
  }
  #headerBottom #block-noiazomai-main-menu > ul > li > a {
    display: block;
    background: #259474 url("../images/mob-mnu-icon-next.png") no-repeat 95% center;
    display: block;
    font-size: 18px;
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #45a489;
    font-weight: bold;
  }
  #headerBottom #block-noiazomai-main-menu > ul.active > li > a {
    padding: 10px 0 10px 50px;
    background: #1d8668 url("../images/mob-mnu-icon-prev.png") no-repeat 20px center;
  }
  #headerBottom #block-noiazomai-main-menu > ul.active > li {
    display: none;
  }
  #headerBottom #block-noiazomai-main-menu > ul.active > li.active {
    display: block;
  }
  #headerBottom #block-noiazomai-main-menu > ul.active > li.active ul {
    display: block;
  }
  #headerBottom #block-noiazomai-main-menu > ul.active > li.active ul li a {
    display: block;
    background: #259474 url("../images/mob-mnu-icon-next.png") no-repeat 95% center;
    display: block;
    font-size: 18px;
    padding: 10px 0 10px 20px;
  }
  #headerBottom ul li ul li,
  #headerBottom ul li ul li:nth-child(even) {
    padding: 0px;
  }
  #block-mobilemenuuserblock {
    background: #259474;
    display: block;
    min-height: calc(100vh - 285px);
    text-align: left;
    display: block;
  }
  #block-mobilemenuuserblock.hidden {
    display: none;
  }
  #block-mobilemenuuserblock .rowPoints {
    padding: 17px 0 25px 60px;
    background: #5bba9b;
    height: 78px;
    color: #fff;
    font-size: 18px;
    font-family: 'PFEncoreSansPro-Bold';
    position: relative;
  }
  #block-mobilemenuuserblock .rowPoints::after {
    content: "";
    left: calc(95% - 9px);
    top: 50%;
    width: 9px;
    height: 15px;
    background: url(../images/mob-mnu-icon-next.png) no-repeat center center;
    position: absolute;
    -ms-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
  }
  #block-mobilemenuuserblock .rowPoints.active::after {
    -ms-transform: translate(-0%, -50%) rotate(90deg);
    -webkit-transform: translate(-0%, -50%) rotate(90deg);
    transform: translate(-0%, -50%) rotate(90deg);
  }
  #block-mobilemenuuserblock .rowPoints::before {
    content: "";
    left: 0px;
    top: 0px;
    width: 60px;
    height: 100%;
    background: url("../images/mob-icon-account.png") no-repeat 18px center;
    background-size: 23px auto;
    position: absolute;
  }
  #block-mobilemenuuserblock .rowScanReceipt {
    padding: 25px 20px 0 20px;
  }
  #block-mobilemenuuserblock .rowScanReceipt .scanReceipt {
    display: block;
    border: 1px solid #fff;
    height: 40px;
    line-height: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: url("../images/mob-icon-stats.png") no-repeat 14% center;
    background-size: 21px auto;
    font-size: 14px;
    color: #fff;
    font-family: 'PFEncoreSansPro-Bold';
    text-align: center;
    max-width: 330px;
    padding: 0 0 0 35px;
    margin: 0 auto 0 auto;
    display: none;
  }
  #block-mobilemenuuserblock .rowProfile,
  #block-mobilemenuuserblock .rowLogout,
  #block-mobilemenuuserblock .rowLogin,
  #block-mobilemenuuserblock .rowRegister,
  #block-mobilemenuuserblock .rowHistory,
  #block-mobilemenuuserblock .rowPromoCode,
  #block-mobilemenuuserblock .rowBringAFriend,
  #block-mobilemenuuserblock .rowSettings {
    background: #5bba9b;
    display: none;
  }
  #block-mobilemenuuserblock .rowProfile.active,
  #block-mobilemenuuserblock .rowLogout.active,
  #block-mobilemenuuserblock .rowLogin.active,
  #block-mobilemenuuserblock .rowRegister.active,
  #block-mobilemenuuserblock .rowHistory.active,
  #block-mobilemenuuserblock .rowPromoCode.active,
  #block-mobilemenuuserblock .rowBringAFriend.active,
  #block-mobilemenuuserblock .rowSettings.active {
    display: block;
  }
  #block-mobilemenuuserblock .rowProfile a,
  #block-mobilemenuuserblock .rowLogout a,
  #block-mobilemenuuserblock .rowLogin a,
  #block-mobilemenuuserblock .rowRegister a,
  #block-mobilemenuuserblock .rowHistory a,
  #block-mobilemenuuserblock .rowPromoCode a,
  #block-mobilemenuuserblock .rowBringAFriend a,
  #block-mobilemenuuserblock .rowSettings a {
    display: block;
    padding: 15px 0 15px 60px;
    color: #fff;
    font-size: 18px;
    color: #fff;
    font-family: 'PFEncoreSansPro-Medium';
    border-top: 1px solid #73c4aa;
    background: url("../images/mob-icon-profile.png") no-repeat 21px center
  }
  #block-mobilemenuuserblock .rowHistory a {
    background-image: url("../images/mob-icon-history.png");
    background-size: 35px 35px;
    background-position: 11px center;
  }
  #block-mobilemenuuserblock .rowLogout a {
    background-image: url("../images/mob-icon-logout.png");
  }
  #block-mobilemenuuserblock .rowLogin a {
    background: url("../images/icon-top-login1.png") no-repeat 12px center;
    background-size: auto 37px;
  }
  #block-mobilemenuuserblock .rowRegister a {
    background: url("../images/icon-top-login2.png") no-repeat 12px center;
    background-size: auto 37px;
  }
  #block-mobilemenuuserblock .rowPromoCode a {
    background: url("../images/icon-top-promo-code.png") no-repeat 12px center;
    background-size: auto 37px;
  }
  #block-mobilemenuuserblock .rowBringAFriend a {
    background: url("../images/icon-top-bring-a-friend.png") no-repeat 12px center;
    background-size: auto 37px;
  }
  #block-mobilemenuuserblock .rowSettings a {
    background: url("../images/mob-icon-settings.png?1") no-repeat 18px center;
    background-size: auto 20px;
  }
  .path-diatrofi #mainContent .sectionInner,
  .path-blog #mainContent .sectionInner,
  .path-kouponia #mainContent .sectionInner,
  .path-brands #mainContent .sectionInner {
    padding-top: 85px;
    position: relative;
  }
  .path-diatrofi #mainContent .sectionInner .mob-filters,
  .path-blog #mainContent .sectionInner .mob-filters,
  .path-kouponia #mainContent .sectionInner .mob-filters,
  .path-brands #mainContent .sectionInner .mob-filters {
    position: absolute;
    width: 100%;
    height: 60px;
    top: 0px;
    left: 0px;
    background: #f6f5f3 url("../images/mob-icon-filter-more.png") no-repeat 93% center;
    line-height: 60px;
    font-size: 16px;
    font-family: 'PFCentroSerifPro-Medium';
    color: #161616;
    padding: 0 0 0 20px;
    display: block;
  }
  .path-diatrofi #mainContent .sectionInner.filter-open .mob-filters,
  .path-blog #mainContent .sectionInner.filter-open .mob-filters,
  .path-kouponia #mainContent .sectionInner.filter-open .mob-filters,
  .path-brands #mainContent .sectionInner.filter-open .mob-filters {
    background-image: url("../images/mob-icon-filter-more-up.png");
  }
  .path-diatrofi #mainContent .contentTopWrapper,
  .path-blog #mainContent .contentTopWrapper,
  .path-kouponia #mainContent .contentTopWrapper,
  .path-brands #mainContent .contentTopWrapper {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 100%;
    background: #fff;
    padding: 0 0 63px 0;
    border-bottom: 1px solid #e7e7e7;
    display: none;
  }
  .path-diatrofi #mainContent .filter-open .contentTopWrapper,
  .path-blog #mainContent .filter-open .contentTopWrapper,
  .path-kouponia #mainContent .filter-open .contentTopWrapper,
  .path-brands #mainContent .filter-open .contentTopWrapper {
    display: block;
  }
  .path-diatrofi #mainContent .contentTopWrapper .block-facet--dropdown,
  .path-blog #mainContent .contentTopWrapper .block-facet--dropdown,
  .path-kouponia #mainContent .contentTopWrapper .block-facet--dropdown,
  .path-brands #mainContent .contentTopWrapper .block-facet--dropdown,
  #block-exposedformrecipespage-diatrofi {
    padding: 15px 20px 15px 0px;
    border-bottom: 1px solid #e7e7e7;
    width: 100%;
    display: block;
    position: relative;
  }
  #block-exposedformrecipespage-diatrofi .form-actions {
    display: none;
  }
  .path-diatrofi #mainContent .contentTopWrapper .block-facet--dropdown::after,
  .path-blog #mainContent .contentTopWrapper .block-facet--dropdown::after,
  .path-kouponia #mainContent .contentTopWrapper .block-facet--dropdown::after,
  .path-brands #mainContent .contentTopWrapper .block-facet--dropdown::after,
  #block-exposedformrecipespage-diatrofi::after {
    content: "";
    position: absolute;
    right: 40px;
    top: 50%;
    background: url("../images/mob-icon-filter-more.png") no-repeat center center;
    background-size: contain;
    width: 16px;
    height: 8px;
    -ms-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
  }
  #breadcrumbs {
    top: 75px;
  }
  .contentTopWrapper .reset-filters {
    top: auto;
    bottom: 20px;
    right: auto;
    left: 50%;
    white-space: nowrap;
    -ms-transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
  }
  #header .icon-menu a span {
    height: 15px;
    width: 15px;
    line-height: 15px;
    top: 13px;
    right: 0px;
  }
  #block-usermypointsblock {
    padding: 0 10px 30px 10px;
    margin: -30px 0 0 0;
  }
  .contact-options .items .item {
    margin: 0 auto 20px auto;
  }
  .contact-phones .row .col.first {
    border: 0px;
    border-bottom: 2px solid #e4e1d9;
  }
  .contact-phones .row .col {
    width: auto;
    display: block;
    padding: 20px 0 20px 0;
    width: 90%;
    margin: 0 auto 0 auto;
  }
  .contact-phones {
    padding: 0px;
  }
  .how-it-works .steps-title {
    font-size: 18px;
    top: 44px;
    padding: 0 15px 0 15px;
  }
  .how-it-works .steps-title span {
    font-size: 26px;
  }
  .how-it-works .how-steps {
    padding-top: 40px;
  }
  .how-it-works .how-steps .step .content {
    max-width: 300px;
  }
  .how-it-works .how-steps .step .content .title {
    font-size: 19px;
  }
  .how-it-works .how-steps .step .content .text {
    font-size: 19px;
    line-height: 28px;
  }
  .how-it-works .how-steps .step .content .text br {
    display: none;
  }
  .how-it-works .how-steps .step .photo {
    width: 100%;
    height: 230px;
    background-position: center top;
  }
  .how-it-works .how-steps .step.s2 .photo {
    width: 315px;
    height: 330px;
  }
  .how-it-works .how-steps .step.s3 .photo {
    width: 280px;
    height: 380px;
  }
  .how-it-works .how-steps .step.s4 .photo {
    width: 360px;
    height: 319px;
  }
  .how-it-works .how-steps .step.s2::before {
    top: -200px;
    height: 874px;
  }
  .how-it-works .how-steps .step.s2 {
    padding-top: 20px;
  }
  .how-it-works .how-steps .step.s3 {
    padding: 70px 0 30px 0;
  }
  .how-it-works .how-steps .step.s3::before {
    margin: 70px 0 0 0;
    top: 0px;
    width: 130px;
    height: 53px;
  }
  .how-it-works .how-steps .step.s4::before {
    height: 580px;
  }
  .how-it-works .how-steps .step .content {
    max-width: 330px;
  }
  .how-registration {
    width: auto;
    padding: 35px 25px 35px 25px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  .how-registration .text {
    font-size: 19px;
    line-height: 28px;
  }
  .how-registration .text br {
    display: none;
  }
  .how-registration .text strong {
    font-size: 19px;
  }
  .how-registration a {
    width: 90%;
  }
  .how-it-works .how-faq .icon {
    height: 80px;
  }
  .how-faq .text {
    padding: 35px 20px 20px 20px;
    font-size: 19px;
    line-height: 28px;
  }
  .how-faq .text br {
    display: none;
  }
  body.page-node-3 .gigya-screen > form > div,
  body.page-node-3 .gigya-screen > div {
    padding: 0 0px;
  }
  body .gg-thank-you-button,
  body input.gigya-button,
  body .gigya-composite-control-submit input,
  #gigya-forgot-password-success-screen .gigya-composite-control-link.gg-link_button,
  #gigya-verification-sent-screen .gg-link_button,
  body #edit-profile-landing .gigya-composite-control-link {
    line-height: normal;
    height: auto;
    padding: 15px 5px 15px 5px !important;
  }
  #mbf-edit-profile-user {
    padding: 0px;
  }
  body.page-node-3 .gigya-screen .gigya-composite-control-array-widget div.gigya-array-template {
    padding: 30px 20px;
  }
  body.page-node-3 .gigya-screen .gigya-composite-control-array-widget {
    /*background: #f3f8f6;*/
    margin: -50px -20px 30px -20px;
  }
  body .gigya-input-checkbox,
  body .gigya-multi-choice-item {
    height: 50px;
    line-height: 50px;
  }
  body .gigya-input-checkbox label,
  body .gigya-multi-choice-item label {
    -ms-transform: translate(-0%, 10px);
    -webkit-transform: translate(-0%, 10px);
    transform: translate(-0%, 10px);
    padding-right: 5px;
  }
  #headerBottom #block-noiazomai-main-menu > ul {
    font-size: 0px;
  }
  #headerBottom #block-noiazomai-main-menu > ul > li {
    width: auto;
    max-width: 1290px;
  }
 
  .page-error article {
    height: auto;
    min-height: 10px;
    padding: 50px 20px 50px 20px;
  }
  .page-error article .field--type-text-with-summary {
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    -ms-transform: translate(-0%, -0%);
    -webkit-transform: translate(-0%, -0%);
    transform: translate(-0%, -0%);
    display: block;
  }
  #page-wrapper {
    padding-top: 60px;
  }
  .page-error article .field--type-text-with-summary .title {
    font-size: 100px;
    line-height: 100px;
  }
  .page-error article .field--type-text-with-summary .desc {
    font-size: 30px;
  }
  .page-error article .field--type-text-with-summary .txt {
    font-size: 15px;
    line-height: normal;
  }
  .page-error article .field--type-text-with-summary .cta {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    padding: 0 80px 0 80px;
    font-family: 'PFEncoreSansPro-Bold';
    font-size: 20px;
    background: #73b89d;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none !important;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
  }
  .page-error article .field--type-text-with-summary .cta:hover {
    opacity: 0.9;
  }
  .path-exargyrosi #block-noiazomai-content .row-bannerReducedCashback {
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .path-exargyrosi #block-noiazomai-content .row-bannerReducedCashback .wrapperInner {
    padding: 140px 20px 40px 20px;
    font-size: 1.15rem;
    line-height: 1.25em;
    text-align: center;
  }
  .path-exargyrosi #block-noiazomai-content .row-bannerReducedCashback .textWrap {
    max-width: 360px;
    margin: 0 auto;
  }
  .path-exargyrosi #block-noiazomai-content .row-bannerReducedCashback .wrapperInner::before {
    right: auto;
    top: 30px;
    left: 50%;
    margin-left: -57px;
  }
  .path-exargyrosi #block-noiazomai-content .row-pointsReturn .wrapperInner .boxWrapper {
    display: block;
    width: auto;
    margin: 0 0 10px 0;
  }
  .path-exargyrosi #block-noiazomai-content .row-pointsReturn .wrapperInner {
    padding: 0 20px 0 20px;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons {
    padding: 10px 20px 40px 20px;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .couponsHeader {
    text-align: center;
    padding: 0 20px 0 20px;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .couponsHeader .actionWrapper {
    position: relative;
    right: auto;
    top: auto;
    padding: 0 0 20px 0;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .couponsHeader .title {
    font-size: 21px;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .couponsHeader .errorMessage {
    font-size: 16px;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponImg {
    display: block;
    width: 110px;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts {
    display: block;
    width: auto;
    padding: 15px 0 40px 0;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item {
    padding: 15px;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponPointsReturn {
    right: 20px;
    top: 40px;
    -ms-transform: translate(-0%, -0%);
    -webkit-transform: translate(-0%, -0%);
    transform: translate(-0%, -0%);
    padding: 0 80px 0 0;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponPointsReturn .cPoints {
    position: absolute;
    right: 0px;
    top: 50%;
    -ms-transform: translate(-0%, -50%);
    -webkit-transform: translate(-0%, -50%);
    transform: translate(-0%, -50%);
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cType {
    padding: 0 0 12px 0;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .couponTexts .cExpire {
    border-top: 1px solid #e3ded5;
    padding: 12px 0 0 0;
    min-height: 36px;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .coupon-item .checkboxWrapper {
    top: auto;
    bottom: 15px;
  }
  .path-exargyrosi #block-noiazomai-content .row-coupons .wrapperInner .ctaWrapper .cta {
    width: auto;
  }
  .path-exargyrosi #block-noiazomai-content .row-nextsteps {
    padding: 35px 20px 50px 20px;
  }
  .path-exargyrosi #block-noiazomai-content .row-nextsteps .title {
    padding: 0 0 25px 0;
    font-size: 21px;
  }
  .path-exargyrosi #block-noiazomai-content .row-nextsteps .steps .step {
    width: auto;
    font-size: 18px;
    display: block;
    background-position: left center;
    background-size: 110px 110px;
    padding: 33px 20px 0 130px;
    min-height: 110px;
    margin: 0 0 20px 0;
    text-align: left;
  }
  
  .node-contest .colsWrapper .col.col-left,
  .node-text_image_page .colsWrapper .col.col-left,
  .node-contest_thank_you .colsWrapper .col.col-left,
  .node-contest .formWrapper,
  .node-contest_thank_you .formWrapper {
    padding: 40px 20px 40px 20px;
  }
  .node-contest .colsWrapper .col.col-right,
  .node-text_image_page .colsWrapper .col.col-right,
  .node-contest_thank_you .colsWrapper .col.col-right {
    min-height: 10px;
  }
  .node-contest .colsWrapper .col .ctas a.bg-transparent,
  .node-contest .formWrapper .ctas a.bg-transparent {
    margin: 0 0 15px 0;
  }
  #block-views-block-carousel-banners-block-carousel-banners {
    padding: 20px;
  }
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col,
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col.colRight,
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col.colLeft {
    display: block;
    width: auto;
    max-width: 360px;
    text-align: center;
    margin: 0 auto 0 auto;
  }
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col.colLeft {
    margin: 0 auto 75px auto;
    height: 178px;
    overflow: hidden;
  }
  #block-views-block-carousel-banners-block-carousel-banners .views-row .col.colLeft img {
    height: 178px;
    width: 100%;
    object-fit: cover;
    margin: 0 auto 0 auto;
  }
  #block-views-block-carousel-banners-block-carousel-banners .bt-prev {
    margin: -18px 0 0 -0px;
    top: auto;
    bottom: auto;
    top: 223px;
    left: 0px;
  }
  #block-views-block-carousel-banners-block-carousel-banners .bt-next {
    margin: -18px 0 0 -0px;
    top: auto;
    bottom: auto;
    top: 223px;
    left: auto;
    right: 0px;
  }
  #block-views-block-carousel-banners-block-carousel-banners .slick-dots {
    bottom: auto;
    top: 208px;
    left: 50px;
    width: calc(100% - 100px);
  }
  #block-views-block-carousel-banners-block-carousel-banners .slick-dots li.slick-active button {
    background: #5bba9b;
  }
  #block-headermenuandctaiconsblock {
    height: 60px;
    padding: 0 60px 0 0;
  }
  #header .userName {
    display: none;
  }
}
@media screen and (max-width: 374px) {
  #block-mobilemenuuserblock .rowScanReceipt .scanReceipt {
    background-position: 10% center;
  }
  
}

/* PROMO CODE PAGE */

.page-node-promocode {}
.page-node-promocode #mainContent .sectionInner .contentWrapper h1 {
  padding-bottom: 60px;
}
.page-node-promocode #mainContent .sectionInner .contentWrapper .subtitle {
  font-size: 18px;
  color: #161616;
  font-family: 'PFEncoreSansPro-Book';
}
.page-node-promocode #mainContent .sectionInner .contentWrapper .formWrapper {
  width: 100%;
  max-width: 600px;
  margin: 20px auto 0px;
}
.page-node-promocode #mainContent .sectionInner .contentWrapper .formWrapper input.promocode {
  border: 0px solid #bcbcbc;
  font-family: 'PFEncoreSansPro-Reg';
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 20px;
  margin: 0 0 30px 0;
  width: 100%;
  height: auto;
}
.page-node-promocode #mainContent .sectionInner .contentWrapper .formWrapper input.promocode.err {
  border-color: #ff0000;
}
.page-node-promocode #mainContent .sectionInner .contentWrapper .formWrapper a.button {
  display: inline-block;
  vertical-align: top;
  margin: 0 auto 0 auto;
  height: 50px;
  line-height: 50px;
  padding: 0 45px 0 45px;
  font-size: 16px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  border: 2px solid #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  margin: 0 10px 0 10px;
}
.page-node-promocode #mainContent .sectionInner .contentWrapper .formWrapper a.button:hover {
  opacity: 0.9;
}

/* .path-promo-pagosmia-imera-miteras.page-node-useraccount #mainContent .sectionInner .contentWrapper,
.path-promo-pagosmia-imera-patera.page-node-useraccount #mainContent .sectionInner .contentWrapper, */

.page-node-useraccount.page-node-urlpromo #mainContent .sectionInner .contentWrapper {
  width: 100%;
}
@media screen and (max-width: 959px) {
  /* .path-promo-pagosmia-imera-miteras.page-node-useraccount #mainContent .sectionInner .contentWrapper,
  .path-promo-pagosmia-imera-patera.page-node-useraccount #mainContent .sectionInner .contentWrapper, */
  .page-node-useraccount.page-node-urlpromo #mainContent .sectionInner .contentWrapper {
    width: 100%;
  }
}

/* REGISTER PAGE HERO BLOCk */

.register-hero {
  background-image: url("../images/210811_img-register-hero.jpg");
}
@media screen and (max-width: 1200px) {
  .home-hero.register-hero .content .inner {
    padding-top: 120px;
  }
}
@media screen and (max-width: 959px) {
  .home-hero.register-hero .content .inner .text br {
    display: none;
  }
  .register-hero {
    background-position: 45% center;
    height: 460px;
  }
  .home-hero.register-hero .content .inner {
    padding-top: 87px;
  }
}
@media screen and (max-width: 767px) {
  .register-hero {
    background-image: url("../images/mob-img-register-hero.jpg");
    background-size: cover;
  }
}
.register-hero .content .inner .text ul {
  padding: 0px 0 20px 20px;
  font-size: 22px;
  line-height: 28px;
}
.register-hero .content {
  background: none;
}
.hero-block.register-hero .content a.scrollToContent {
  display: none;
}
.register-hero .content .inner .text ul li {
  padding: 5px 0;
}
.hero-block .content a.scrollToContent {
  position: absolute;
  right: 30px;
  bottom: 20px;
  background: url("../images/img-hero-scrolldown.png") no-repeat scroll center center transparent;
  background-size: contain;
  width: 40px;
  height: 40px;
  z-index: 1;
}
.register-hero .contentRight {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 0;
}
.register-hero .contentRight .ctaYtVideo {
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  background: url('../images/icon-video-play.svg') no-repeat scroll left center transparent;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  cursor: pointer;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  display: none;
}
.register-hero .content .ctaBtn:hover,
.register-hero .contentRight .ctaYtVideo:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: 0.9;
  -khtml-opacity: 0.9;
}
.register-hero .content .ctaBtn {
  padding: 5px 0 6px 44px;
  font-size: 19px;
  color: #fff;
  font-weight: normal;
  display: block;
  margin: 20px 0 0 0;
  cursor: pointer;
  background: url('../images/icon-video-play.svg') no-repeat scroll left center transparent;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  display: none;
}
@media screen and (max-width: 767px) {
  .register-hero {
    height: 540px;
  }
  .register-hero .contentRight {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .register-hero {
    height: 600px;
  }
}

/* REGISTER PAGE HERO BLOCk END */


/* VIDEO OVERLAY */

.videoOverlay {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(24, 32, 62, 0.9);
  z-index: 200;
  left: 0;
  top: 0;
}
.videoOverlay .videoWrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 90px 80px;
}
.videoOverlay .videoWrapper .videoIframe {
  background: #000;
}
.videoOverlay .videoWrapper .videoIframe iframe {
  width: 100%;
  height: 100%;
}
.videoOverlay .closeVideo {
  position: absolute;
  right: 20px;
  top: 90px;
  width: 41px;
  height: 41px;
  border: 3px solid #fff;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.videoOverlay .closeVideo .line {
  width: 20px;
  height: 3px;
  position: absolute;
  left: 8px;
  top: 17px;
  background: #fff;
}
.videoOverlay .closeVideo .line.second {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.videoOverlay .closeVideo .line.first {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.videoOverlay .ctaBtn {
  position: absolute;
  height: auto;
  line-height: 1em;
  padding: 20px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  background: #73b89d;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none !important;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}
@media screen and (max-width: 767px) {
  .videoOverlay .videoWrapper {
    padding: 90px 60px;
  }
  .videoOverlay .closeVideo {
    right: 10px;
  }
}

/* VIDEO OVERLAY END */


/* HOW IT WORKS NEW START*/

.how-it-works-new {
  text-align: center;
  font-family: 'PFEncoreSansPro-Light';
  background: #f7f7f5;
  max-width: 1360px;
  margin: 0 auto;
}
.how-it-works-new strong {
  font-weight: normal;
  font-family: 'PFEncoreSansPro-Bold';
}
.how-it-works-new .hw-hero {
  background: url("../images/hw-img-hero.jpg") no-repeat center top;
  color: #fff;
  padding: 110px 0 0px 0;
  min-height: 648px;
}
.how-it-works-new .hw-hero .hw-title {
  font-size: 48px;
  line-height: 50px;
  font-family: 'PFCentroSerifPro-Medium';
}
.how-it-works-new .hw-hero .hw-text {
  font-size: 22px;
  line-height: 34px;
  padding: 25px 0 25px 0;
}
.how-it-works-new .hw-hero .hw-steps {
  margin: 0 auto;
  background: url("../images/hw-hero-steps.png") no-repeat center center;
  background-size: contain;
  width: 646px;
  height: 69px;
}
.how-it-works-new .hw-steps {
  position: relative;
}
.how-it-works-new .hw-steps .hw-icon {
  position: absolute;
  left: 50%;
  top: 0px;
  background: url("../images/hw-icon-step1.png") no-repeat center center;
  background-size: contain;
  width: 174px;
  height: 174px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 20px 70px 0px rgba(0, 0, 0, 0.3);
  z-index: 10
}
.how-it-works-new .hw-steps.hw-s1 {
  padding: 60px 0 0 0;
}
.how-it-works-new .hw-steps.hw-s1 .hw-icon {
  top: -165px;
}
.how-it-works-new .hw-steps .hw-title {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 0 0 20px 0;
  
}
.how-it-works-new .hw-steps .hw-text {
  font-size: 18px;
  line-height: 26px;
  padding: 0 0 55px 0;
  
}

.how-it-works-new .hw-steps.hw-s1 .hw-title,
.how-it-works-new .hw-steps.hw-s1 .hw-text,
.how-it-works-new .hw-steps.hw-s3 .hw-title,
.how-it-works-new .hw-steps.hw-s3 .hw-text,
.how-it-works-new .hw-steps.hw-s4 .hw-title,
.how-it-works-new .hw-steps.hw-s4 .hw-text {
  color: #000;
}

.how-it-works-new .hw-steps .hw-text a {
  text-decoration: underline;
}

.how-it-works-new .hw-steps .hw-sub-text{
  font-size: 18px;
  line-height: 26px;
  padding: 120px 0 0  20px;
  font-family: 'PFEncoreSansPro-Bold';
  margin: 0 -300px 0 0;
}
 


.how-it-works-new .hw-steps .hw-box {
  border: 1px solid #73b89d;
  padding: 35px 18px;
  width: 580px;
  display: inline-block;
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  position: relative;
}


.how-it-works-new .hw-steps.hw-s2 .hw-box::after{
  content: "";
  position:absolute;
  right: -226px;
  bottom: -98px;
  background: url("../images/hw-pop1.png") no-repeat center center;
  background-size:contain;
  width: 269px;
  height: 197px;
  z-index: 10;
}



.how-it-works-new .hw-steps .hw-box .hw-box-title {
  width: 137px;
  height: 45px;
  text-align: center;
  color: #fff;
  background: #73b89d;
  line-height: 45px;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  top: 0px;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.how-it-works-new .hw-steps .hw-box .hw-box-row {
  font-size: 0px;
}
.how-it-works-new .hw-steps .hw-box .hw-box-row .hw-box-col {
  display: inline-block;
  vertical-align: top;
  color: #73b89d;
  font-size: 72px;
  font-family: 'PFEncoreSansPro-Bold';
  font-weight: bold;
  line-height: 72px;
}
.how-it-works-new .hw-steps .hw-box .hw-box-row .hw-box-col span {
  display: block;
  font-weight: normal;
  font-size: 27px;
  line-height: 27px;
  font-family: 'PFEncoreSansPro-Light';
}
.how-it-works-new .hw-steps .hw-box .hw-box-row .hw-box-col.hw-equal {
  background: url("../images/hw-icon-equal.png") no-repeat center center;
  background-size: contain;
  width: 51px;
  height: 29px;
  margin: 23px 20px 0 20px;
}
.how-it-works-new .hw-steps.hw-s2 {
  padding: 205px 0 0 0;
  background: url("../images/hw-bg-step2-2.png") no-repeat center center;
  height: 1024px;
  color: #fff;
}
.how-it-works-new .hw-steps.hw-s2 .hw-icon {
  top: 30px;
  background-image: url("../images/hw-icon-step2.png");
}
.how-it-works-new .hw-steps .hw-row {
  font-size: 0px;
  max-width: 1000px;
  margin: 0 auto;
}
.how-it-works-new .hw-steps .hw-col {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  position: relative;
}
.how-it-works-new .hw-steps .hw-col.hw-first {
  padding: 0 120px 0 0;
  width: 510px;
}
.how-it-works-new .hw-steps .hw-col .hw-content {
  text-align: left;
  direction: ltr;
}
.how-it-works-new .hw-steps .hw-col.hw-last {
  position: relative;
  width: calc(100% - 510px);
}
.how-it-works-new .hw-steps .hw-col.hw-last img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
}
.how-it-works-new .hw-steps.hw-s2 .hw-box,
.how-it-works-new .hw-steps.hw-s3 .hw-box,
.how-it-works-new .hw-steps.hw-s4 .hw-box {
  width: auto;
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-family: 'PFEncoreSansPro-Bold';
  padding: 40px 18px 25px 18px;
}

.how-it-works-new .hw-steps.hw-s2 .hw-box{
  padding: 40px 25px 40px 18px;
}

.how-it-works-new .hw-steps.hw-s2 .hw-col .hw-box {
  border-color: #fff;
  color: #fff;
}
.how-it-works-new .hw-steps.hw-s3 .hw-box,
.how-it-works-new .hw-steps.hw-s4 .hw-box {
  color: #73b89d;
}
.how-it-works-new .hw-steps.hw-s4 .hw-box {
  margin: 65px auto 0 auto;
  text-align: left;
}
.how-it-works-new .hw-steps.hw-s4 .hw-box::after {
  content: "";
  position: absolute;
  right: -80px;
  top: 0px;
  background: url("../images/hw-pop2-2.png") no-repeat center center;
  background-size: contain;
  width: 358px;
  height: 189px;
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
}
.how-it-works-new .hw-steps.hw-s2 .hw-box .hw-box-title,
.how-it-works-new .hw-steps.hw-s3 .hw-box .hw-box-title,
.how-it-works-new .hw-steps.hw-s4 .hw-box .hw-box-title {
  left: 18px;
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
}
.how-it-works-new .hw-steps.hw-s2 .hw-box .hw-box-title {
  background-color: #fff;
  color: #3850a7;
}
.how-it-works-new .hw-steps.hw-s3 {
  padding: 40px 0 50px 0;
  background: #fff;
}
.how-it-works-new .hw-steps.hw-s3 .hw-icon {
  top: -150px;
  background-image: url("../images/hw-icon-step3.png");
}
.how-it-works-new .hw-steps.hw-s3 .hw-content {
  max-width: 450px;
}
.how-it-works-new .hw-steps.hw-s3 .hw-row {
  direction: rtl;
}
.how-it-works-new .hw-steps.hw-s3 .hw-col.hw-first {
  width: 450px;
  padding: 0px;
}
.how-it-works-new .hw-steps.hw-s3 .hw-col.hw-last {
  width: calc(100% - 450px);
}
.how-it-works-new .hw-steps.hw-s3 .hw-col.hw-last img {
  top: -150px;
}
.how-it-works-new .hw-steps.hw-s4 .hw-col .hw-content {
  width: 380px;
}
.how-it-works-new .hw-steps.hw-s4 {
  background: url("../images/hw-bg-step4.png") no-repeat center top;
  height: 875px;
  padding: 150px 0 0 0;
}
.how-it-works-new .hw-steps.hw-s4 .hw-icon {
  top: -30px;
  background-image: url("../images/hw-icon-step4.png");
}
.how-it-works-new .hw-steps.hw-s4 .hw-col.hw-last img {
  top: -160px;
  left: 70px;
}
.how-it-works-new .hw-steps.hw-s4 .hw-col.hw-full {
  max-width: 1000px;
  margin: 0 auto;
}
.how-it-works-new .hw-steps.hw-s4 .hw-col.hw-full .hw-text {
  color: #73b89d;
  font-size: 24px;
  font-family: 'PFEncoreSansPro-Bold';
}
.how-it-works-new .hw-steps.hw-s4 .hw-col.hw-first {
  padding: 0 0 0 0px;
}
.how-it-works-new .hw-register {
  background: #fff;
  padding: 90px 0 90px 0;
}
.how-it-works-new .hw-register .hw-content {
  background: #73b89d;
  padding: 40px;
  color: #fff;
  max-width: 960px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}
.how-it-works-new .hw-register .hw-content .hw-pre-title {}
.how-it-works-new .hw-register .hw-content .hw-title {
  font-size: 38px;
  line-height: 40px;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 20px 0 20px 0;
}
.how-it-works-new .hw-register .hw-content .hw-video {
  display: inline-block;
  margin: 20px auto;
  color: #fff;
  background: url("../images/hw-icon-video.png") no-repeat left center;
  background-size: contain;
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  padding: 0 0 0 60px;
  text-decoration: none;
}
.how-it-works-new .hw-register .hw-content .hw-bt {
  display: block;
  width: 170px;
  height: 50px;
  border: 2px solid #fff;
  line-height: 50px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 16px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  text-decoration: none;
}
.how-it-works-new .hw-register .hw-content .hw-bt:hover {
  background: #fff;
  color: #73b89d;
}
.how-it-works-new .hw-faq {
  background: #fff url("../images/hw-icon-help.png") no-repeat center top;
  padding: 125px 0 200px 0;
}
.how-it-works-new .hw-faq .hw-title {
  font-family: 'PFEncoreSansPro-Reg';
  font-size: 24px;
  padding: 0 0 10px 0;
  color: #000;
}
.how-it-works-new .hw-faq .hw-title strong {
  font-family: 'PFEncoreSansPro-Bold';
  font-weight: normal;
}
.how-it-works-new .hw-faq .hw-bt-faq {
  font-family: 'PFEncoreSansPro-Bold';
  display: inline-block;
  color: #73b89d;
  font-size: 24px;
  text-decoration: underline;
  position: relative;
}
.how-it-works-new .hw-faq .hw-bt-faq::after {
  content: "";
  position: absolute;
  right: 0px;
  top: 50%;
  background: url("../images/hw-icon-arrow.png") no-repeat center center;
  background-size: contain;
  width: 17px;
  height: 12px;
  -ms-transform: translate(calc(100% + 10px), -50%);
  -webkit-transform: translate(calc(100% + 10px), -50%);
  transform: translate(calc(100% + 10px), -50%);
}
@media screen and (max-width: 1150px) {
  .how-it-works-new .hw-steps.hw-s2 .hw-col.hw-last img {
    position: relative;
    top: auto;
    left: auto;
    max-width: 100%;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-box::after {
    right: -30px;
  }
  .how-it-works-new .hw-steps .hw-row {
    padding: 0 20px;
  }
}
@media screen and (max-width: 1139px) {
  .how-it-works-new .hw-steps.hw-s3 .hw-col.hw-last img {
    position: relative;
    top: auto;
    left: auto;
    margin: 0 50px 0 0;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-col.hw-last img {
    position: relative;
    top: auto;
    left: auto;
    max-width: 100%;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-box::after {
    right: 0px;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-col.hw-full .hw-text {
    font-size: 21px;
    padding: 0 0 40px 0;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-col.hw-last {
    position: relative;
    width: calc(100% - 580px);
  }
  .how-it-works-new .hw-register .hw-content {
    margin: 0 20px;
  }
}
@media screen and (max-width: 959px) {
  .how-it-works-new .hw-hero {
    padding-right: 20px;
    padding-left: 20px;
  }
  .how-it-works-new .hw-hero .hw-text br {
    display: none;
  }
  .how-it-works-new .hw-steps .hw-col.hw-first {
    display: block;
    width: auto;
    padding: 0px;
  }
  .how-it-works-new .hw-steps .hw-col.hw-last {
    display: block;
    width: auto;
  }
  .how-it-works-new .hw-steps .hw-col .hw-content {
    text-align: center;
    margin: 0 auto;
  }
  .how-it-works-new .hw-steps .hw-col.hw-last {
    display: none;
  }
  .how-it-works-new .hw-steps.hw-steps.hw-s2 .hw-text {
    padding: 0 0 200px 0;
    background: url("../images/hw-img-step2-2.jpg") no-repeat center bottom;
    background-size: auto 180px;
  }
  .how-it-works-new .hw-steps.hw-s3 .hw-col.hw-first {
    width: auto;
  }
  .how-it-works-new .hw-steps.hw-steps.hw-s3 .hw-text {
    padding: 0 0 300px 0;
    background: url("../images/hw-img-step3.png") no-repeat center bottom;
    background-size: auto 280px;
  }
  .how-it-works-new .hw-steps.hw-steps.hw-s4 .hw-col.hw-first .hw-text {
    padding: 0 0 210px 0;
    background: url("../images/hw-img-step4.png") no-repeat center bottom;
    background-size: auto 200px;
  }
  .how-it-works-new .hw-steps.hw-s4 {
    background-size: auto 100%;
    height: auto;
    padding-bottom: 150px;
  }
  .how-it-works-new .hw-steps.hw-steps.hw-s2 .hw-box {
    margin-top: 20px;
  }
  .how-it-works-new .hw-steps.hw-steps.hw-s3 .hw-box {
    margin-top: 60px;
  }
  .how-it-works-new .hw-steps.hw-s2 .hw-box .hw-box-title,
  .how-it-works-new .hw-steps.hw-s3 .hw-box .hw-box-title,
  .how-it-works-new .hw-steps.hw-s4 .hw-box .hw-box-title {
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .how-it-works-new .hw-steps .hw-title {
    font-size: 30px;
    line-height: 38px;
    padding: 0 0 20px 0;
    max-width: 500px;
    margin: 0 auto;
  }
  .how-it-works-new .hw-steps.hw-s1 .hw-title {
    max-width: 1000px;
  }
  .how-it-works-new .hw-steps.hw-steps.hw-s2 .hw-text {
    max-width: 500px;
    margin: 0 auto;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-col.hw-full .hw-text {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-box::after {
    top: auto;
    bottom: 0px;
    -ms-transform: translate(-0%, 90%);
    -webkit-transform: translate(-0%, 90%);
    transform: translate(-0%, 90%);
  }


  .how-it-works-new .hw-steps.hw-s2 .hw-box::after{
    right: 0px;
    bottom: -114px;
    width: 219px;
    height: 160px;

  }

  .how-it-works-new .hw-steps .hw-sub-text{
    margin: 0px;
    padding: 100px 0 0 0;
  }

  .how-it-works-new .hw-steps.hw-s4 .hw-box::after {
    width: 285px;
    height: 150px;
  }

}
@media screen and (max-width: 767px) {
  .how-it-works-new .hw-hero .hw-steps {
    max-width: 320px;
    margin: 0 auto;
    height: 41px;
  }
  .how-it-works-new .hw-steps .hw-box {
    width: auto;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-col .hw-content {
    width: auto;
  }
  .how-it-works-new .hw-hero {
    padding: 70px 10px 0 10px;
    background-size: cover;
    min-height: 450px;
  }
  .how-it-works-new .hw-hero .hw-title {
    font-size: 28px;
    line-height: 30px;
  }
  .how-it-works-new .hw-hero .hw-text {
    font-size: 17px;
    line-height: 20px;
  }
  .how-it-works-new .hw-steps .hw-icon {
    width: 80px;
    height: 80px;
  }
  .how-it-works-new .hw-steps.hw-s1 .hw-icon {
    top: -110px;
  }
  .how-it-works-new .hw-steps.hw-s1 {
    padding: 0px;
  }
  .how-it-works-new .hw-steps .hw-title {
    font-size: 24px;
    line-height: normal;
  }
  .how-it-works-new .hw-steps.hw-s1 .hw-title {
    max-width: 270px;
  }
  .how-it-works-new .hw-steps .hw-text {
    font-size: 16px;
    line-height: normal;
    padding-right: 20px;
    padding-left: 20px;
  }
  .how-it-works-new .hw-steps .hw-text br {
    display: none;
  }
  .how-it-works-new .hw-steps .hw-box .hw-box-row .hw-box-col {
    font-size: 48px;
    line-height: 48px;
  }
  .how-it-works-new .hw-steps .hw-box {
    margin-right: 20px;
    margin-left: 20px;
  }
  .how-it-works-new .hw-steps .hw-box .hw-box-row .hw-box-col span {
    font-size: 18px;
    line-height: 18px;
  }
  .how-it-works-new .hw-steps .hw-box .hw-box-row .hw-box-col.hw-equal {
    width: 40px;
    height: 29px;
    margin: 8px 10px 0 10px;
  }
  .how-it-works-new .hw-steps.hw-s1 {
    padding-bottom: 30px;
  }
  .how-it-works-new .hw-steps.hw-s2 {
    background: #334ead url("../images/hw-mob-bg-step21.png") no-repeat center top;
    background-size: contain;
    padding: 100px 0 120px 0;
    height: auto;
  }
  .how-it-works-new .hw-steps.hw-s2::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: url("../images/hw-mob-bg-step22.png") no-repeat center center;
    background-size: 100% 100%;
    width: 100%;
    height: 40px;
  }
  .how-it-works-new .hw-steps.hw-s2 .hw-icon {
    top: -10px;
  }
  .how-it-works-new .hw-steps.hw-steps.hw-s2 .hw-text {
    padding: 0 0 230px 0;
    background-size: auto 210px;
  }
  .how-it-works-new .hw-steps .hw-box .hw-box-title {
    width: 100px;
    height: 30px;
    background: #73b89d;
    line-height: 32px;
    font-size: 14px;
  }
  .how-it-works-new .hw-steps.hw-s2 .hw-box,
  .how-it-works-new .hw-steps.hw-s3 .hw-box,
  .how-it-works-new .hw-steps.hw-s4 .hw-box {
    font-size: 16px;
    line-height: 20px;
    padding: 24px 10px 10px 10px;
  }
  .how-it-works-new .hw-steps.hw-s3 .hw-icon {
    top: -83px;
  }
  .how-it-works-new .hw-steps.hw-s3 {
    padding: 40px 0 20px 0;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-icon {
    top: 10px;
  }
  .how-it-works-new .hw-steps.hw-s4 {
    height: 875px;
    padding: 120px 0 0 0;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-col.hw-full .hw-text {
    font-size: 18px;
    padding: 0px;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-box br {
    display: none;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-box::after {
    width: 215px;
    height: 123px;
    bottom: 10px;
  }
  .how-it-works-new .hw-steps.hw-s4 {
    padding: 120px 0 70px 0;
    height: auto;
  }
  .how-it-works-new .hw-steps.hw-s4 .hw-box {
    padding-bottom: 20px;
  }
  .how-it-works-new .hw-register {
    padding: 50px 0 50px 0;
  }
  .how-it-works-new .hw-register .hw-content .hw-title {
    font-size: 21px;
    line-height: 24px;
  }
  .how-it-works-new .hw-register .hw-content br {
    display: none;
  }
  .how-it-works-new .hw-register .hw-content .hw-video {
    font-size: 16px;
    text-align: left;
    line-height: normal;
    padding-top: 5px;
    margin: 0 auto 30px auto;
  }
  .how-it-works-new .hw-faq .hw-title {
    font-size: 16px;
    max-width: 200px;
    margin: 0 auto;
  }
  .how-it-works-new .hw-faq .hw-bt-faq {
    font-size: 16px;
  }


   .how-it-works-new .hw-steps.hw-s2 .hw-box::after{
    right: 0px;
    bottom: -104px;
    width: 164px;
    height: 120px;

  }

  .how-it-works-new .hw-steps .hw-sub-text{
    padding: 110px 0 0 0;
  }



  .how-it-works-new .hw-steps.hw-s2 .hw-col .hw-box{
    margin: 20px 0 0 0;
    text-align: left;
    padding-bottom: 20px;
  }


}

/* HOW IT WORKS NEW END*/







/* cosmote deals4you landing*/




body.pageDfy article{
  max-width: 5000px;
  padding:0px;
  color: #000;
}


body.pageDfy article .field--name-field-second-title{
  display: none;
}

.pg-deals4you .de-usr-loggedin{
  display: none;
}

.user-authenticated .pg-deals4you .de-usr-loggedin{
  display: block;
}

.user-authenticated .pg-deals4you .de-usr-anonymous{
  display: none;
}

.pg-deals4you{
  text-align: center;
  position: relative;
  overflow: hidden;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0 0 20px 0;
}

.pg-deals4you .de-hero{
  min-height: 643px;
  background: url("../images/de-bg-hero.jpg") no-repeat center top;
  position: relative;
}

.user-authenticated .pg-deals4you .de-hero{
  background-size: cover;
  min-height: 420px;
  min-height: 645px;
}


.pg-deals4you .de-hero .de-content{
  max-width: 1220px;
  margin: 0 auto;
  text-align: left;
  color: #fff;
  padding: 80px 20px 0 20px;
}


.pg-deals4you .de-hero .de-content .de-title{
  font-size: 48px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  padding: 0 0 30px 0;

}

.pg-deals4you .de-hero .de-content .de-text{
  font-size: 22px;
  line-height: 140%;
  max-width: 680px;
}

.pg-deals4you .de-hero .de-content .buttons {
  padding: 30px 0 0 0;
}

.pg-deals4you .de-hero .de-content .buttons a,
.how-it-works-new .hw-register .hw-content .buttons a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #75b89d;
  border: 2px solid #75b89d;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.how-it-works-new .hw-register .hw-content .buttons{
  padding-top: 10px;
}

.how-it-works-new .hw-register .hw-content .buttons a {
  background: #fff;
  color: #8bd1b5;
  margin: 0 30px;
}


.pg-deals4you .de-hero .de-content .buttons a:hover,
.how-it-works-new .hw-register .hw-content .buttons a:hover {
  background: #8bd1b5;
  border-color: #8bd1b5;
}

.pg-deals4you .de-hero .de-content .buttons a.bt-login,
.how-it-works-new .hw-register .hw-content .buttons a.bt-login {
  border-color: #fff;
  background: none;
  color: #fff;
  margin: 0 10px 0 0;
}
.pg-deals4you .de-hero .de-content .buttons a.bt-login:hover,
.how-it-works-new .hw-register .hw-content .buttons a.bt-login:hover {
  color: #75b89d;
  background: #fff;
}

.how-it-works-new .hw-register .hw-content .buttons a.bt-register:hover {
  background: #fff;
  color: #8bd1b5;
  opacity: 0.8;
}


.pg-deals4you .de-hero .de-products{
  position:absolute;
  left:50%;
  bottom: -45px;
  background: url("../images/de-hero-products.png") no-repeat center center;
  background-size:contain;
  width: 590px;
  height: 466px;
}

.pg-deals4you .de-points{
  position: relative;
  font-size: 0px;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px 50px 20px;
}

.pg-deals4you .de-points .de-content,
.pg-deals4you .de-points .de-coupons{
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.pg-deals4you .de-points .de-content{
  text-align: left;
}


.pg-deals4you .de-points .de-content .de-title{
  font-size: 24px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  padding: 25px 0 20px 0;
}

.pg-deals4you .de-points .de-content .de-title::before{
  content: "";
  position: absolute;
  width: 90px;
  height: 9px;
  left: 20px;
  top: 0px;
  background: #73B89D;
  border-radius: 10px;
}

.pg-deals4you .de-points .de-content .de-box{
  width: 540px;
  height: 190px;
  background: url("../images/de-points-box.png") no-repeat center center;
  background-size: contain;
}



.pg-deals4you .de-points .de-coupons{
  text-align: left;
}

.pg-deals4you .de-points .de-coupons .de-coupons-img{
  display: block;
  width: 774px;
  height: 360px;
  background: url("../images/de-points-products.png") no-repeat center center;
  background-size: contain;
}


.pg-deals4you .de-points .de-coupons .de-cta {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #75b89d;
  border: 2px solid #75b89d;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 30px 0 0 0;
}


.pg-deals4you .de-points .de-coupons .de-cta:hover {
  background: #8bd1b5;
  border-color: #8bd1b5;
}




.pg-deals4you .de-code {
  min-height: 846px;
  background: url("../images/de-bg-code.png") no-repeat center top;
  position: relative;
  padding: 230px 0 0 0;
}



.pg-deals4you .de-code .de-badge{
  position:absolute;
  left:50%;
  top:-23px;
  background: url("../images/de-badge1.svg") no-repeat center center;
  background-size:contain;
  width: 254px;
  height: 254px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
}


.pg-deals4you .de-code .de-title{
  font-size: 38px;
  line-height: 50px;
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
}


.pg-deals4you .de-code .de-text{
    font-size: 18px;
    line-height: 140%;
    padding: 15px 0 50px 0;
    word-spacing: normal;
}


.pg-deals4you .de-code .de-items{
  font-size: 0px;
}


.pg-deals4you .de-code .de-items .de-item{
  display: inline-block;
  vertical-align: top;
  margin: 0 80px;
}


.pg-deals4you .de-code .de-items .de-item .de-item-icon{
  width: 180px;
  height: 170px;
  background: url("../images/de-code-logo1.png") no-repeat center top;
  background-size: contain;
}

.pg-deals4you .de-code .de-items .de-item.de-i2 .de-item-icon{ background-image: url("../images/de-code-logo3.png");  }
.pg-deals4you .de-code .de-items .de-item.de-i3 .de-item-icon{ background-image: url("../images/de-code-logo2.png");  }



.pg-deals4you .de-code .de-items .de-item .de-item-title{
  font-size: 18px;
}

.pg-deals4you .de-steps{
  min-height: 1293px;
  background: url("../images/de-bg-steps.png") no-repeat center top;
  position: relative;
  z-index: 2;
  margin: -145px 0 -160px 0;
  color: #fff;
  padding: 150px 20px 0 20px;
}

.pg-deals4you .de-steps .de-badge{
  position:absolute;
  left:50%;
  top:-117px;
  background: url("../images/de-badge2.svg") no-repeat center center;
  background-size:contain;
  width: 254px;
  height: 254px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
}


.pg-deals4you .de-steps .de-main-title{
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  font-size: 48px;
  line-height: 140%;
  max-width: 1180px;
  margin: 0 auto;
  text-align: left;
  padding: 0 0 40px 0;
}

.pg-deals4you .de-steps .de-main-title a{
  color: #73B89D;
  text-decoration: underline;
}


.pg-deals4you .de-steps .de-items{
  font-size: 0px;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 0 45px 0;
}


.pg-deals4you .de-steps .de-items .de-item{
  display: inline-block;
  vertical-align: top;
  width: 33.33%;
  text-align: center;
  position: relative;
}


.pg-deals4you .de-steps .de-items .de-item .de-item-icon{
  width: 150px;
  height: 150px;
  background: url("../images/de-steps-icon1.svg") no-repeat center top;
  margin: 0 auto;
}

.pg-deals4you .de-steps .de-items .de-item.de-i2 .de-item-icon{ background-image: url("../images/de-steps-icon2.svg");  }
.pg-deals4you .de-steps .de-items .de-item.de-i3 .de-item-icon{ background-image: url("../images/de-steps-icon3.svg");  }


.pg-deals4you .de-steps .de-items .de-item.de-i2::before,
.pg-deals4you .de-steps .de-items .de-item.de-i2::after{
  content: "";
  position:absolute;
  left:0px;
  top:85px;
  background: url("../images/de-steps-icon-arrow.svg") no-repeat center center;
  background-size:contain;
  width: 88px;
  height: 11px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.pg-deals4you .de-steps .de-items .de-item.de-i2::after{
  left: auto;
  right: -50px;
}


.pg-deals4you .de-steps .de-items .de-item .de-item-title{
  padding: 24px 0 0 0;
  font-size: 18px;
  line-height: 140%;
}



.pg-deals4you .de-steps .de-content{
  max-width: 1180px;
  margin: 0 auto;
  text-align: left;
}



.pg-deals4you .de-steps .de-content .de-title{
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  font-size: 38px;
  line-height: 140%;
  padding: 0 0 20px 0;
}


.pg-deals4you .de-steps .de-content .de-text{
  font-size: 18px;
  line-height: 140%;
  padding: 0 0 30px 0;
}

.pg-deals4you .de-steps .de-content .de-text a,
.pg-deals4you .de-steps .de-content .de-copy a{
  color: inherit;
  font-size: inherit;

}


.pg-deals4you .de-steps .de-content .de-box{
  width: 540px;
  height: 193px;
  background: url("../images/de-steps-box.png") no-repeat center center;
  background-size: contain;
}



.pg-deals4you .de-steps .de-content .de-copy{
  font-size: 21px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  padding: 20px 0 0 40px;
}


.pg-deals4you .de-steps .de-gift{
  position:absolute;
  left:50%;
  bottom: 310px;
  background: url("../images/de-steps-gift.svg") no-repeat center center;
  background-size:contain;
  width: 272px;
  height: 293px;
  margin: 0 0 0 240px;
}

.pg-deals4you .de-cart{
  background: #F8F7F6;
  padding: 160px 20px 290px 20px;
  position: relative;
}


.pg-deals4you .de-cart .de-badge{
  position:absolute;
  left:50%;
  top:-117px;
  background: url("../images/de-badge3.svg") no-repeat center center;
  background-size:contain;
  width: 254px;
  height: 254px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
  z-index: 20;
}

.pg-deals4you .de-cart::after{
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 100px;
  background: url("../images/de-cart-bg.png") no-repeat center center;
}


.pg-deals4you .de-cart .de-content{
  max-width: 1180px;
  margin: 0 auto;
  text-align: left;
}



.pg-deals4you .de-cart .de-content .de-title{
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  font-size: 38px;
  line-height: 140%;
  padding: 40px 0 10px 0;
  position: relative;
}

.pg-deals4you .de-cart .de-content .de-title::before {
    content: "";
    position: absolute;
    width: 90px;
    height: 9px;
    left: 0px;
    top: 0px;
    background: #73B89D;
    border-radius: 10px;
}


.pg-deals4you .de-cart .de-content .de-text{
  font-size: 18px;
  line-height: 140%;
}

.pg-deals4you .de-cart .de-products{
  position:absolute;
  left:50%;
  top:0px;
  background: url("../images/de-cart-products.png") no-repeat center center;
  background-size:contain;
  width: 581px;
  height: 781px;
  z-index: 10;
  margin: -85px 0 0 35px;
}



.page-node-promocode #mainContent .sectionInner .contentWrapper .formWrapper .dfyDescription{
  color: #000;
  padding: 0 0 25px 0;
  margin: -10px 0 0 0;
}



.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .dfyWrapper .title{
  font-size: 12px;
  color: #73B89D;
  padding: 40px 0 28px 0;
}

.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .dfyWrapper .dfyWrapperInner{
  border: 1px solid #73B89D;
  padding: 15px 38px 3px 38px;
  display: inline-block;
  border-radius: 10px;
  position: relative;
}

.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .dfyWrapper .dfyWrapperInner .dfyLogo{
  position:absolute;
  left: 15px;
  top: -20px;
  width: 40px;
  height: 40px;
  background: url("../images/de-logo.png") no-repeat center center;
  background-size: contain;
}

.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .dfyWrapper .dfyWrapperInner .points{
  font-size: 38px;
  text-align: center;
  color: #73B89D;
  line-height: 38px;
}

.page-node-useraccount #mainContent .sectionInner .contentWrapper .pointsReturnWrapper .dfyWrapper .dfyWrapperInner .expire{
  font-size: 9px;
  color: #828282;
}





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

  .pg-deals4you .de-points .de-coupons .de-coupons-img{
    width: 100%;
  }

}


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

  .pg-deals4you .de-hero .de-products{
    width: 40%;
    left: auto;
    right: 20px;
  }

  .pg-deals4you .de-steps .de-items .de-item .de-item-title{
    font-size: 17px;
  }

}



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

  .pg-deals4you .de-points .de-content .de-title{
    font-size: 20px;
  }

  .pg-deals4you .de-points .de-content .de-box{
    width: 90%;
  }

  .pg-deals4you .de-hero .de-content .de-title,
  .pg-deals4you .de-steps .de-main-title{
    font-size: 40px;
  }

  .pg-deals4you .de-hero .de-content .de-text{
    font-size: 20px;
  }

  .pg-deals4you .de-code .de-title,
  .pg-deals4you .de-cart .de-content .de-title{
    font-size: 32px;
  }

  .pg-deals4you .de-code .de-items .de-item {
    margin: 0 50px;
  }

  .pg-deals4you .de-steps .de-items .de-item .de-item-title br{
    display: none;
  }

  .pg-deals4you .de-steps .de-items .de-item .de-item-title{
    padding: 24px 20px 0 20px;
  }

  .pg-deals4you .de-steps .de-content .de-box {
    width: 430px;
    height: 153px;
  }

}



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

  .pg-deals4you .de-points .de-content, .pg-deals4you .de-points .de-coupons{
    display: block;
    width: auto;
  }

  .pg-deals4you .de-code .de-items .de-item {
    margin: 0 20px;
  }

  .pg-deals4you .de-steps .de-gift{
    left: auto;
    right: 20px;
    margin: 0px;
    width: 200px;
  }

  .pg-deals4you .de-steps .de-items{
    padding: 0;
  }

  .pg-deals4you .de-cart .de-products{
     left: auto;
    right: -40px;
    margin: 0px;
    width: 330px;
    height: 469px;
  }

  .pg-deals4you .de-cart {
    padding: 160px 20px 101px 20px;
  }

  .how-it-works-new .hw-register .hw-content .hw-title br{
    display: none;
  }

}

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


  .pg-deals4you .de-hero{
    background-position: 70% top;
  }
  .pg-deals4you .de-hero .de-content{
    padding: 40px 20px;
    text-align: center;
  }

  .pg-deals4you .de-hero .de-content .de-title{
    font-size: 21px;
    padding: 0 0 10px 0;
  }

  .pg-deals4you .de-hero .de-content .de-text{
    font-size: 14px;
  }

  .pg-deals4you .de-hero .de-content .buttons a,
  .pg-deals4you .de-hero .de-content .buttons a.bt-login,
  .how-it-works-new .hw-register .hw-content .buttons a,
  .how-it-works-new .hw-register .hw-content .buttons a.bt-login{
    display: block;
    width: 170px;
    margin: 0 auto 20px auto;
  }

  .how-it-works-new .hw-register .hw-content .buttons a,
  .how-it-works-new .hw-register .hw-content .buttons a.bt-login{
    width: 230px;
  }

  .pg-deals4you .de-hero .de-products{
    width: 320px;
    height: 250px;
    right: auto;
    left: 50%;
    -ms-transform: translate(-50%, -0%);
    -webkit-transform: translate(-50%, -0%);
    transform: translate(-50%, -0%);
    margin: 0px;
    bottom: 0px;
  }

  .pg-deals4you .de-points .de-content .de-title{
    font-size: 18px;
  }

  .pg-deals4you .de-points .de-content .de-title br{
    display: none;
  }

  .pg-deals4you .de-points .de-content .de-box{
    width: 100%;
    height: 132px;
  }

  .pg-deals4you .de-points .de-coupons .de-coupons-img {
    display: block;
    width: calc(100% - 20px);
    height: 645px;
    margin: 0 auto;
    background: url("../images/de-mob-points-products.png") no-repeat center center;
    background-size: contain;
  }

  .pg-deals4you .de-points .de-coupons .de-cta{
    margin: 20px auto 0 auto;
    display: block;
    width: 280px;
  }

  .pg-deals4you .de-points{
    padding-bottom: 0px;
  }

  .pg-deals4you .de-code .de-badge{
    width: 150px;
    height: 150px;
    top: 20px;
  }

  .pg-deals4you .de-code .de-title {
    font-size: 24px;
    line-height: 31px;
  }

  .pg-deals4you .de-code .de-text {
    font-size: 14px;
  }

  .pg-deals4you .de-code .de-text br{
    display: none;
  }

  .pg-deals4you .de-code .de-items .de-item {
    margin: 0 10px;
  }

  .pg-deals4you .de-code .de-items .de-item .de-item-icon{
    background-size: contain;
  }

  .pg-deals4you .de-code .de-items .de-item{
    width: 33.33%;
    margin: 0px;
  }


  .pg-deals4you .de-code .de-items .de-item .de-item-icon{
    width: 100%;
    height: 80px;
  }

  .pg-deals4you .de-code .de-items .de-item .de-item-title{
    font-size: 11px;
    padding: 10px 0 0 0;
  }

  .pg-deals4you .de-steps .de-badge{
    width: 150px;
    height: 150px;
    top: -65px;
  }

  .pg-deals4you .de-code{
    min-height: 750px;
    padding: 170px 0 0 0;
  }

  .pg-deals4you .de-steps .de-main-title{
    font-size: 28px;
  }

  .pg-deals4you .de-steps .de-main-title br{
    display: none;
  }

  .pg-deals4you .de-steps{
    padding: 100px 20px 40px 20px;
    background-size: auto 102%;
    min-height: 1561px;
  }

  .pg-deals4you .de-steps .de-items .de-item{
    display: block;
    width: auto;
  }


  .pg-deals4you .de-steps .de-items .de-item .de-item-icon{
    width: 80px;
    height: 80px;
    background-size: contain;
  }

  .pg-deals4you .de-steps .de-items .de-item .de-item-title{
    font-size: 14px;
  }

  .pg-deals4you .de-steps .de-items .de-item.de-i2{
    padding: 55px 0;
  }

  .pg-deals4you .de-steps .de-items .de-item.de-i2::before, 
  .pg-deals4you .de-steps .de-items .de-item.de-i2::after{
    -ms-transform: translate(-0%, -0%) rotate(90deg);
    -webkit-transform: translate(-0%, -0%) rotate(90deg);
    transform: translate(-0%, -0%) rotate(90deg);
    top: 20px;
    left: 50%;
    width: 40px;
    height: 5px;
    margin: 0 0 0 -20px;
  }

  .pg-deals4you .de-steps .de-items .de-item.de-i2::after{
    top: auto;
    bottom: 30px;
  }

  .pg-deals4you .de-steps .de-content{
    padding: 40px 0 0 0;
  }

  .pg-deals4you .de-steps .de-content .de-title{
    font-size: 24px;
    padding: 0 0 10px 0;
  }

  .pg-deals4you .de-steps .de-content .de-text{
    font-size: 14px;
  }

  .pg-deals4you .de-steps .de-gift{
    position: relative;
    bottom: auto;
    right: auto;
    width: 124px;
    height: 104px;
    margin: 30px auto 0 auto;
  }

  .pg-deals4you .de-steps .de-content .de-box{
    width: 100%;
    height: 124px;
  }

  .pg-deals4you .de-steps .de-content .de-copy{
    font-size: 14px;
    padding: 20px 0 0 0;
  }

  .pg-deals4you .de-cart .de-badge{
    width: 150px;
    height: 150px;
    top: -84px;
  }

  .pg-deals4you .de-cart {
    padding: 80px 20px 360px 20px;
  }

  .pg-deals4you .de-cart .de-content .de-title{
    font-size: 18px;
  }

  .pg-deals4you .de-cart .de-content .de-text{
    font-size: 14px;
  }

  .pg-deals4you .de-cart .de-content .de-text br{
    display: none;
  }

  .pg-deals4you .de-cart .de-products{
    width: 100%;
    height: 360px;
    right: 0px;
    top: auto;
    bottom: 0px;
    margin: 0px;
  }

  .user-authenticated .pg-deals4you .de-hero{
    min-height: 420px;
  }


  .how-it-works-new .hw-faq{
    padding-bottom: 50px;
  }


}





/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */
/* cosmote hub landing*/
/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */



.pg-hub{

}




body.giaTonPlanitiPage article{
  max-width: 5000px;
  padding:0px;
  color: #000;
}


body.giaTonPlanitiPage article .field--name-field-second-title{
  display: none;
}


.pg-hub{
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 0px 0;
}


.pg-hub .hu-hero{
  height: 600px;
  background: url("../images/hub-img-hero.jpg") no-repeat center bottom;
  background-size: cover;
  position: relative;
}


.pg-hub .hu-hero .hu-title{
  font-size: 38px;
  line-height: 140%;
  color: #fff;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 200px 0 20px 0;
  font-weight: bold;
}


.pg-hub .hu-hero .hu-sub-title{
  font-size: 32px;
  line-height: 140%;
  color: #fff;
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
}

.pg-hub .hu-hero .hu-credits{
  position: absolute;
  bottom: 15px;
  right: 20px;
  font-size: 12px;
  color: #fff;
  font-family: 'PFCentroSerifPro-Medium';
}


.hu-environment{
  background: url("../images/hub-pattern.png") center top;
  padding: 60px 20px 80px 20px;
}

.hu-environment .hu-row{
  max-width: 1240px;
  margin: 0 auto;
  font-size: 0px;
  padding: 0 0 0px 0;
}


.hu-environment .hu-row .hu-col{
  display: inline-block;
  vertical-align: top;
  width: 50%;
}


.hu-environment .hu-row .hu-col.hu-first{
  text-align: left;
  font-size: 21px;
  line-height: 140%;
  color: #000000;
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  padding: 70px 0 0 0;
}

.hu-environment .hu-row .hu-col.hu-last{
  text-align: right;
}

.hu-environment .hu-row .hu-col.hu-last img{
  max-width: 343px;
  display: inline-block;
}



.hu-environment .hu-title{
  max-width: 1240px;
  margin: 0 auto;
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  font-size: 42px;
  line-height: 140%;
  color: #4E8E5C;
  text-align: left;
  position: relative;
  padding: 0 0 25px 0;
}

.hu-environment .hu-title::after{
  content: "";
  width: 80px;
  height: 10px;
  background: #4E8E5C;
  position: absolute;
  bottom: 0px;
  left: 0px;
}



.hu-environment .hu-items{
  padding: 90px 0 0 0;
  font-size: 0px;
}


.hu-environment .hu-items .hu-item{
  display: inline-block;
  vertical-align: top;
  width: 360px;
  margin: 0 50px;
}

.hu-environment .hu-items .hu-item .hu-item-icon{
  width: 180px;
  height: 180px;
  background: url("../images/hub-img-environment1.png") no-repeat center center;
  background-size: contain;
  margin: 0 auto;
}

.hu-environment .hu-items .hu-item.hu-i2 .hu-item-icon{ background-image: url("../images/hub-img-environment2.png");  }
.hu-environment .hu-items .hu-item.hu-i3 .hu-item-icon{ background-image: url("../images/hub-img-environment3.png");  }


.hu-environment .hu-items .hu-item .hu-item-text{
  font-weight: 800;
  font-size: 18px;
  line-height: 140%;
  color: #000000;
  font-family: 'PFCentroSerifPro-Medium';
  padding: 45px 0 0 0;
}



.hu-commitments{
  background: #B1D34A;
  padding: 90px 20px 110px 20px;
}


.hu-commitments .hu-title{
  
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  font-size: 42px;
  line-height: 140%;
  color: #3850A7;
  position: relative;
  padding: 0 0 25px 0;
}

.hu-commitments .hu-title::after{
  content: "";
  width: 80px;
  height: 10px;
  background: #3850A7;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin: 0 0 0 -40px;
}



.hu-commitments .hu-items{

  font-size: 0px;
  width: 774px;
  height: 756px;
  margin: 50px auto 0 auto;
  position: relative;
}

.hu-commitments .hu-items .hu-item{
  width: 400px;
  height: 400px;
  position: relative;
  border-radius: 50%;
  border: 20px solid rgba(255,255,255,0);

  position: absolute;
  top: 0px;
  left: 0px;
}

.hu-commitments .hu-items .hu-item.hu-i2{
  left: auto;
  right: 0px;
  top: 67px;
}

.hu-commitments .hu-items .hu-item.hu-i3{
  left: 130px;
  top: auto;
  bottom: 0px;
}
.hu-commitments .hu-items .hu-item .hu-item-text{
  font-size: 21px;
  line-height: 140%;
  color: #3850A7;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70%;
  z-index: 5;
}

.hu-commitments .hu-items .hu-item .hu-item-text a{
  font-size: inherit;
  color: inherit;
  font-family: inherit;
}

.hu-commitments .hu-items .hu-item .hu-item-perc{
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  font-size: 42px;
  padding: 30px 0;
}

.hu-commitments .hu-items .hu-item .hu-item-bg{
  position:absolute;
  left: -49px;
  top: -20px;
  background: url("../images/hub-bg-cycle1.png") no-repeat center center;
  background-size:contain;
  width: 427px;
  height: 417px;
  z-index: 1;
}

.hu-commitments .hu-items .hu-item.hu-i2 .hu-item-bg{
  width: 409px;
  height: 448px;
  background-image: url("../images/hub-bg-cycle2.png");
  left: -19px;
  top: -69px;
}

.hu-commitments .hu-items .hu-item.hu-i3 .hu-item-bg{
  width: 481px;
  height: 399px;
  background-image: url("../images/hub-bg-cycle3.png");
  left: -58px;
    top: -20px;
}


.hu-packages{
  background: #B1D34A;
  padding: 0px 20px 110px 20px;
}


.hu-packages .hu-title{
  
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  font-size: 42px;
  line-height: 140%;
  color: #3850A7;
  position: relative;
  padding: 0 0 25px 0;
}

.hu-packages .hu-text{
  
  font-size: 18px;
  line-height: 140%;
  color: #3850A7;
  padding: 0 0 35px 0;
  max-width: 890px;
  margin: 0 auto;
  position: relative;
}

.hu-packages .hu-text a{
  font-size: inherit;
  color: inherit;
  font-family: inherit;
}

.hu-packages .hu-text::after{
  content: "";
  width: 80px;
  height: 10px;
  background: #3850A7;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin: 0 0 0 -40px;
}


.hu-packages .hu-row{
  padding: 100px 0 0 0;
  font-size: 0px;
  max-width: 1240px;
  margin: 0 auto;
}


.hu-packages .hu-row .hu-col{
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}


.hu-packages .hu-row .hu-col.hu-first{
  text-align: left;
  font-size: 36px;
  line-height: 140%;
  color: #3850A7;
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
}

.hu-packages .hu-row .hu-col.hu-last{
  text-align: right;
}

.hu-packages .hu-items .hu-item{
  padding: 20px 0;
}

.hu-packages .hu-items .hu-item .hu-item-num{
  background: #FFFFFF;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 64px;
  font-size: 36px;
  color: #3850A7;
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: middle;

  webkit-box-shadow: 3px 3px 0px 0px rgba(220,220,220,0.6);
  -moz-box-shadow: 3px 3px 0px 0px rgba(220,220,220,0.6);
  box-shadow: 3px 3px 0px 0px rgba(220,220,220,0.6);

}

.hu-packages .hu-items .hu-item .hu-item-text{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 80px);
  font-size: 18px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Medium';
  color: #3850A7;
  text-align: left;
}


.hu-new-packages{
  background: url("../images/hub-pattern.png") center top;
  padding: 70px 20px 70px 20px;
}




.hu-new-packages .hu-title{
  max-width: 1240px;
  margin: 0 auto;
  font-family: 'PFCentroSerifPro-Medium';
  font-weight: bold;
  font-size: 42px;
  line-height: 140%;
  color: #000000;
  text-align: left;
  position: relative;
  padding: 0 0 25px 0;
}

.hu-new-packages .hu-title::after{
  content: "";
  width: 80px;
  height: 10px;
  background: #3850A7;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.hu-new-packages .hu-img{
  max-width: 1360px;
  margin: 40px auto 0 auto;
}

.hu-new-packages .hu-img img{
  max-width: 100%;
}

.hu-new-packages .hu-img img.wcs-mob{
  display: none;
}


.hu-new-packages .hu-img .slick-prev,
.hu-new-packages .hu-img .slick-next {
  top: auto;
  position: absolute;
  right: auto;
  right: 20px;
  top: 50%;
  margin: 0px;
  background: url("../images/icon-new-next2.png") no-repeat center center;
  background-size: contain;
  width: 36px;
  height: 36px;
  z-index: 20;
  margin: -18px 0 0 0;
}
.hu-new-packages .hu-img .slick-prev {
 right: auto;
 left: 20px;
  background-image: url("../images/icon-new-prev2.png");
}





.hu-articles{
  background: url("../images/hub-pattern.png") center top;
  padding: 70px 20px 150px 20px;
}



.hu-articles .hu-title{
  font-weight: bold;
  font-size: 42px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Medium';
  color: #000000;
  padding: 0 0 20px 0;
}

.hu-articles .hu-more{
  font-size: 18px;
  text-decoration-line: underline;
  color: #000000;
}






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

  .hu-environment .hu-items .hu-item {
    width: calc(33.33% - 20px);
    margin: 0 10px;
  }

}



@media screen and (max-width: 1139px) {
  
  .hu-packages .hu-row .hu-col.hu-first{
    font-size: 30px;
  }

  .hu-new-packages .hu-title,
  .hu-articles .hu-title,
  .hu-packages .hu-title,
  .hu-commitments .hu-title,
  .hu-environment .hu-title{
    font-size: 35px;
  }

  .hu-environment .hu-row .hu-col.hu-first br{
    display: none;
  }
  
  .pg-hub .hu-hero .hu-sub-title {
    font-size: 28px;
  }

 

}


@media screen and (max-width: 959px) {
   .hu-packages .hu-row .hu-col.hu-first{
    padding: 0 40px 0 0;
  }
}


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

  .pg-hub .hu-hero{
    height: 370px;
  }

  .pg-hub .hu-hero .hu-title{
    font-size: 28px;
    padding: 85px 20px 20px 20px;
  }

  .pg-hub .hu-hero .hu-sub-title {
    font-size: 20px;
    padding: 0 29px;
  }

  .pg-hub .hu-hero .hu-credits{
    font-size: 10px;
  }


  .hu-environment .hu-row{
    display: flex;
    flex-direction: column-reverse;
  }


  .hu-environment .hu-row .hu-col{
    direction: ltr;
    display: block;
    width: auto;
  }

  .hu-environment .hu-row .hu-col.hu-last img{
    max-width: 270px;
    margin: 0 auto;
    display: block;
  }

  .hu-environment .hu-row .hu-col.hu-first{
    font-size: 18px;
    padding: 30px 0 40px 0;
  }

  .hu-new-packages .hu-title,
  .hu-articles .hu-title,
  .hu-packages .hu-title,
  .hu-commitments .hu-title,
  .hu-environment .hu-title{
    font-size: 28px;
  }

  .hu-environment .hu-title br,
  .hu-articles .hu-title br{
    display: none;
  }
    

  .hu-environment{
    padding: 60px 20px 40px 20px;
  }  

  .hu-environment .hu-items{
    padding: 30px 0 0 0;
  }

  .hu-environment .hu-items .hu-item{
    width: auto;
    display: block;
    margin: 0 0 40px 0;
  }

  .hu-environment .hu-items .hu-item .hu-item-icon{
    width: 100px;
    height: 100px;
  }

  .hu-environment .hu-items .hu-item .hu-item-text {
    font-size: 16px;
    padding: 21px 0 0 0;
  }

  .hu-commitments .hu-title{
    padding: 0 20px 25px 20px;
  } 

  .hu-commitments {
    padding: 56px 20px 56px 20px;
  }


  .hu-packages .hu-row{
    padding: 50px 0 0 0;
  }

  .hu-packages .hu-row .hu-col.hu-first{
    display: block;
    width: auto;
    padding: 0 0 30px 0;
    font-size: 24px;
    text-align: center;
  }

  .hu-packages .hu-row .hu-col.hu-last{
    display: block;
    width: auto;
    text-align: left;
  }

  .hu-packages {
    padding: 0px 20px 48px 20px;
  }

  .hu-articles{
    padding: 0px 20px 50px 20px;
  }

  .hu-articles .hu-more{
    font-size: 16px;
    display: inline-block;
    padding: 0 40px;
  }


  .hu-new-packages .hu-img img.wcs-mob{
    display: block;
  }

  .hu-new-packages .hu-img img.wcs-desktop{
    display: none;
  } 



  .hu-commitments .hu-items{
    height: 750px;
    width: 350px;
  }

  .hu-commitments .hu-items .hu-item{
    width: 260px;
    height: 260px;
  }

  .hu-commitments .hu-items .hu-item.hu-i1{
    top: 0px;
    left: 0px;
  }

  .hu-commitments .hu-items .hu-item.hu-i2{
    top: 245px;
  }

  .hu-commitments .hu-items .hu-item.hu-i3{
    left: 0px;
    bottom: 10px;
  }

  .hu-commitments .hu-items .hu-item.hu-i1 .hu-item-bg{
    width: 284px;
    height: 276px;
    background-image: url("../images/hub-mob-bg-cycle1.png");
    left: -46px;
    top: -20px;
  }

  .hu-commitments .hu-items .hu-item.hu-i2 .hu-item-bg{
    width: 319px;
    height: 297px;
    background-image: url("../images/hub-mob-bg-cycle2.png");
    left: -55px;
    top: -54px;

  }

  .hu-commitments .hu-items .hu-item.hu-i3 .hu-item-bg{
    width: 284px;
    height: 264px;
    background-image: url("../images/hub-mob-bg-cycle3.png");
    left: -20px;
    top: -13px;
  }

  .hu-commitments .hu-items .hu-item .hu-item-text{
    font-size: 16px;
  }

  .hu-commitments .hu-items .hu-item .hu-item-perc {
    font-size: 35px;
    padding: 17px 0 10px 0;
  }


}






/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */



/* ////////////////////////////////////////////////////////////////////////////////// */
/* kospi page landing */
/* ////////////////////////////////////////////////////////////////////////////////// */


body.pageCorpiRecycleKiklos article,
body.pageCorpiBottle article{
  max-width: 5000px;
  padding:0px;
  color: #000;
}

 
body.pageCorpiRecycleKiklos article .field--name-field-second-title,
body.pageCorpiBottle article .field--name-field-second-title{
  display: none;
}


.pg-korpi{
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 0px 0;
}


.pg-korpi .ko-hero{
  padding: 50px 20px 120px 20px;
  background: url("../images/hub-pattern.png") center top;
  position: relative;
}

.pg-korpi .ko-hero .ko-title{
  font-size: 36px;
  line-height: 120%;
  color: #00427A;
  font-family: 'PFCentroSerifPro-Bold';
  padding: 10px 0 15px 0;
}

.pg-korpi .ko-hero .ko-logo img{
  max-width: 330px;
  margin: 0 auto;
}

.pg-korpi .ko-hero .ko-sub-title{
  font-family: 'PFCentroSerifPro-Bold';
  font-size: 24px;
  line-height: 130%;
  color: #00427A;
  padding: 60px 0 0 0;
  font-weight: normal;
}

.pg-korpi .ko-hero .ko-sub-title strong{
  font-weight: bold;
  font-family: 'PFCentroSerifPro-Bold';
  text-shadow: 0.5px 0px 0 #00427A, -0.5px 0px 0 #00427A;
}

.pg-korpi .ko-hero .ko-text{
  font-size: 22px;
  line-height: 130%;
  color: #00427A;
  max-width: 760px;
  margin: 0 auto;
  padding: 20px 0;
  font-family: 'PFCentroSerifPro-Bold';
  font-weight: normal;
}

.pg-korpi .ko-hero .ko-text strong{
  font-family: 'PFCentroSerifPro-Bold';
  font-weight: bold;
  text-shadow: 0.5px 0px 0 #00427A, -0.5px 0px 0 #00427A;
}

.pg-korpi.v2 .ko-hero .ko-title,
.pg-korpi.v2 .ko-hero .ko-sub-title,
.pg-korpi.v2 .ko-hero .ko-text,
.pg-korpi.v2 .ko-hero .ko-copy{
  color: #182E4D;
}

.pg-korpi .ko-hero .ko-code{
  background: #3850A7;
  border-radius: 30px;
  max-width: 600px;
  margin: 0 auto;
  color: #fff;
  padding: 30px 15px 40px 15px;

  -webkit-box-shadow: 10px 10px 0px 0px rgba(220, 220, 220, 0.6);
  -moz-box-shadow: 10px 10px 0px 0px rgba(220, 220, 220, 0.6);
  box-shadow: 10px 10px 0px 0px rgba(220, 220, 220, 0.6);

}

.pg-korpi.v2 .ko-hero .ko-code{
padding: 20px 15px 20px 15px;
}

.pg-korpi .ko-hero .ko-code-title{
  font-size: 21px;
  line-height: 140%;
  font-family: 'PFEncoreSansPro-Bold';
}

.pg-korpi.v2 .ko-hero .ko-code-title{
  padding-bottom: 12px;
}

.pg-korpi .ko-hero .ko-code-text{
  font-size: 14px;
  padding: 10px 0 12px 0;
}

.pg-korpi.v2 .ko-hero .ko-code-text{
  padding: 15px 0 0 0;
}

.pg-korpi .ko-hero .ko-code-field{
  font-size: 0px;
  overflow: hidden;
}

.pg-korpi .ko-hero .ko-code-field input{
  position: relative;
  background: #F7F9F8;
  border-radius: 10px;
  border: 0px;
  font-size: 18px;
  color: #00427A;
  font-family: 'PFCentroSerifPro-Bold';
  text-align: center;
  width: 280px;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  vertical-align: middle;
}


.pg-korpi .ko-hero .ko-bottle{
  position: absolute;
  left: 50%;
  top: 210px;
  width: 218px;
  height: 488px;
  margin: 0 0 0 -710px;
  background: url("../images/korpi-bottle.png") no-repeat center center;
  background-size: contain;
}


.pg-korpi .ko-hero .ko-rpet{
  position: absolute;
  left: 50%;
  top: 230px;
  margin: 0 0 0 480px;
  background: url("../images/korpi-balloon.png") no-repeat center center;
  background-size: contain;
  width: 290px;
  height: 190px;
  text-align: left;
  padding: 20px 0 0 58px;
}


.pg-korpi .ko-hero .ko-rpet .ko-rpet-perc{
  font-size: 36px;
  color: #009D5B;
  line-height: 36px;
  font-family: 'PFEncoreSansPro-Bold';
}

.pg-korpi .ko-hero .ko-rpet .ko-rpet-perc span{
  font-size: 28px;
}

.pg-korpi .ko-hero .ko-rpet .ko-rpet-title{
  font-size: 18px;
  line-height: 120%;
  color: #009D5B;
  font-family: 'PFEncoreSansPro-Bold';
}

.pg-korpi .ko-hero .ko-rpet .ko-rpet-text{
  font-size: 12px;
  line-height: 120%;
  color: #231F20;
}

.pg-korpi .ko-waves{
  height: 273px;
  background: url("../images/korpi-waves.png") no-repeat right bottom;
}


#ko-copy-paste{
  position: fixed;
  top: -100000px;
  left: -100000px;
}


.pg-korpi .ko-hero .ko-code-field a.ko-copy-paste{
  width: 48px;
  height: 48px;
  background: url("../images/ko-copy-paste.svg") no-repeat center center;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -48px 0 0;
}


.pg-korpi .ko-hero .ko-copy{
  font-size: 14px;
  line-height: 140%;
  padding: 40px 0 0 0;
  max-width: 420px;
  margin: 0 auto;
  color: #00427A;
}






.pg-korpi .ko-cycle{
  padding: 0px 20px 0px 20px;
  background: url("../images/hub-pattern.png") center top;
}

.pg-korpi .ko-cycle .ko-row{
  font-size: 0px;
  max-width: 1180px;
  margin: 0 auto;
}

.pg-korpi .ko-cycle .ko-col{
  display: inline-block;
  vertical-align: top;
  width: 45%;
  font-size: 21px;
}

.pg-korpi .ko-cycle .ko-col.ko-last img{
  max-width: 100%;
  display: block;
}

.pg-korpi .ko-cycle .ko-col.ko-first{
  text-align: left;
  width: 55%;
  padding: 30px 40px 0 0;
}


.pg-korpi .ko-cycle .ko-col .ko-title{
  font-family: 'PFCentroSerifPro-Bold';
  font-size: 42px;
  line-height: 140%;
  color: #00427A;
  padding: 0 0 20px 0;
}

.pg-korpi .ko-cycle .ko-col .ko-text{
    font-size: 21px;
  line-height: 140%;
  color: #00427A;
  padding: 0 0 30px 0;
}


.pg-korpi .ko-cycle .ko-col ul,
.pg-korpi .ko-cycle .ko-col li{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color: #00427A;
}

.pg-korpi .ko-cycle .ko-col ul{
  min-height: 320px;
}

.pg-korpi .ko-cycle .ko-col li{
  list-style-type: disc;
  margin: 0 0 0 15px;
  font-size: 18px;
  font-family: 'PFCentroSerifPro-Bold';
}

.pg-korpi .ko-partners{
  font-size: 14px;
  color: #00427A;
}

.pg-korpi .ko-partners .ko-partner{
  padding: 20px 0 0px 0;
}

.pg-korpi .ko-partners .ko-partner img{
  width: 120px;
  display: inline-block;
  vertical-align: middle;
}

.pg-korpi .ko-partners .ko-partner .ko-partner-text{
  width: 330px;
  display: inline-block;
  vertical-align: middle;
  font-family: 'PFCentroSerifPro-Bold';
  font-size: 12px;
  line-height: 140%;
  color: #00427A;
  margin: 0 0 0 20px;
}

.ko-registrarion{
  padding: 70px 20px 80px 20px;
  background: #009D5B;
  color: #fff;
  font-size: 0px;
}

.pg-korpi.v2 .ko-registrarion{
  background: #B1D34A;
  color: #3850A7;
  padding-top: 0px;
}


.ko-registrarion .ko-content{
  display: inline-block;
  vertical-align: middle;
  max-width: 1160px;
  font-size: 18px;
  text-align: left;
  margin: 0 auto;
}

.pg-korpi.v2 .ko-registrarion .ko-content{
  padding-top: 50px;
}

.ko-registrarion .ko-content .ko-title{
  font-size: 36px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Bold';
  color: #FFFFFF;
  padding: 0 0 30px 0;
  position: relative;
  font-weight: bold;
}

.ko-registrarion .ko-content .ko-title::after {
    content: "";
    width: 80px;
    height: 10px;
    background: #3850A7;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.ko-registrarion .ko-content .ko-text{
  font-size: 24px;
  line-height: 140%;
  font-family: 'PFEncoreSansPro-Medium';
  padding: 40px 0 0 0;
}

.pg-korpi.v2 .ko-registrarion .ko-content .ko-title{
  color: #3850A7;
}

.ko-registrarion .ko-content .ko-text li{
  list-style-type: disc;
  margin: 3px 0 3px 22px;
  padding: 0px;
  font-size: inherit;
  font-family: 'PFCentroSerifPro-Bold';
}

.ko-registrarion .ko-content .ko-text ul{
  margin: 0px;
  padding: 0px;
}




.ko-registrarion .ko-photo{
  display: inline-block;
  vertical-align: middle;
  width: 480px;
  text-align: right;
  margin: 0 0 0 -500px;
}

.pg-korpi.v2 .ko-registrarion .ko-photo{
  vertical-align: top;
}


.ko-registrarion .ko-photo img{
  max-width: 250px;
  width: 100%;
  height: auto;
  display: inline-block;
}


.ko-registrarion .ko-items-title{
  padding: 70px 0 40px 0;
  font-size: 32px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Bold';
  position: relative;
}

.pg-korpi.v2 .ko-registrarion .ko-items-title a{
  color: #fff;
}

.ko-registrarion .ko-items-title::after{
  content: "";
  width: 80px;
  height: 10px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin: 0 0 0 -40px;
}

.pg-korpi.v2 .ko-registrarion .ko-items-title::after{
  background: #3850A7;
}


.ko-registrarion .ko-items-title a{
  color: inherit;
  text-decoration: underline;
}

.ko-registrarion .ko-items{
  padding: 80px 0 0 0;
}

.ko-registrarion .ko-items .ko-item{
  display: inline-block;
  vertical-align: top;
  max-width: 360px;
  width: 25%;
  position: relative;
}


.ko-registrarion .ko-items .ko-item::before{
  content: "";
  position:absolute;
  left:0px;
  top:68px;
  background: url("../images/korpi-arrow.svg") no-repeat center center;
  background-size:contain;
  width: 86px;
  height: 11px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
}

.pg-korpi.v2 .ko-registrarion .ko-items .ko-item::before{
  background-image: url("../images/korpi-arrow-blue.svg"); 
}

.ko-registrarion .ko-items .ko-item:first-child::before{
  display: none;
}

.ko-registrarion .ko-items .ko-item .ko-item-icon{
  
}

.ko-registrarion .ko-items .ko-item .ko-item-title{
  font-size: 18px;
  line-height: 22px;
  padding: 20px 0 0 0;
}



.ko-environment {
  padding: 70px 0 0 0;
  background: url("../images/hub-pattern.png") center top;
}

.ko-environment .ko-title{
  max-width: 1180px;
  margin: 0 auto;
  font-family: 'PFCentroSerifPro-Bold';
  font-size: 30px;
  line-height: 140%;
  color: #000000;
  text-align: right;
  position: relative;
  padding: 0 20px 25px 20px;
}

.ko-environment .ko-title::after{
  content: "";
  width: 80px;
  height: 10px;
  background: #3850A7;
  position: absolute;
  bottom: 0px;
  right: 20px;
}

.ko-environment img{
  max-width: 1680px;
  width: 100%;
  height: auto;
  margin: -30px auto 0 auto;
}

.ko-environment .ko-mobile{
  display: none;
}


.pg-korpi .ko-cyclefi{
  padding: 130px 20px 200px 20px;
  background: url("../images/hub-pattern.png") center top;
  font-size: 0px;
}

.pg-korpi .ko-cyclefi .ko-content{
  display: inline-block;
  vertical-align: middle;
  width: 800px;
  text-align: left;
}

.pg-korpi .ko-cyclefi .ko-content .ko-title{
  font-size: 36px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Bold';
  color: #000000;
  padding: 0 0 30px 0;
  position: relative;
  margin: 0 0 50px 0;
}

.pg-korpi .ko-cyclefi .ko-content .ko-title::after {
    content: "";
    width: 80px;
    height: 10px;
    background: #3850A7;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.pg-korpi .ko-cyclefi .ko-content .ko-text{
  max-width: 720px;
  font-weight: bold;
  font-size: 24px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Bold';
  color: #000000;
  padding: 20px 0;
}


.pg-korpi .ko-cyclefi .ko-content .ko-more {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #3850A7;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.pg-korpi .ko-cyclefi .ko-content .ko-more:hover {
  opacity: 0.8;
}


.pg-korpi .ko-cyclefi .ko-photo{
  display: inline-block;
  vertical-align: middle;
  width: 306px;
}


.pg-korpi .ko-apotipoma{
  padding: 190px 20px 0px 20px;
  min-height: 600px;
  position: relative;
  background: url("../images/hub-img-hero.jpg") no-repeat center bottom;
  background-size: cover;
  color: #fff;
}

.pg-korpi .ko-apotipoma .ko-text{
  font-weight: bold;
  font-size: 24px;
  line-height: 140%;
  max-width: 980px;
  font-family: 'PFCentroSerifPro-Bold';
  margin: 0 auto;
  padding: 0 0 40px 0;
}


.pg-korpi .ko-apotipoma .ko-more {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  border: 2px solid #fff;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.pg-korpi .ko-apotipoma .ko-more:hover {
  background: #fff;
  color: #3850A7;
}


.pg-korpi .ko-apotipoma .ko-credits{
  position: absolute;
  bottom: 15px;
  right: 20px;
  font-size: 12px;
  color: #fff;
  font-family: 'PFCentroSerifPro-Medium';
}


.pg-korpi .ko-social{
  padding: 110px 20px 130px 20px;
  background: url("../images/hub-pattern.png") center top;
}

.pg-korpi .ko-social .ko-text{
  font-weight: bold;
  font-size: 21px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Bold';
  color: #8C7160;
  padding: 0 0 55px 0;
}

.pg-korpi .ko-social .ko-title{
  
}

.pg-korpi .ko-social .ko-buttons{
  font-size: 0px;
}

.pg-korpi .ko-social .ko-buttons a{
  width: 38px;
  height: 38px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px;
  background: url("../images/korpi-social-gl.svg") no-repeat center center;
}

.pg-korpi .ko-social .ko-buttons a.ko-fb{
  background-image: url("../images/korpi-social-fb.svg");
}

.pg-korpi .ko-social .ko-buttons a.ko-in{
  background-image: url("../images/korpi-social-in.svg");
}


@media screen and (max-width: 1590px) {
  .pg-korpi .ko-hero .ko-rpet{
    left: auto;
    right: 20px;
    margin: 0px;
  }

  .pg-korpi .ko-hero .ko-bottle{
    left: auto;
    left: 40px;
    margin: 0px;
  }
}

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

  .pg-korpi .ko-hero .ko-sub-title br,
  .pg-korpi .ko-hero .ko-text br{
    display: none;
  }

  .pg-korpi .ko-hero .ko-sub-title,
  .pg-korpi .ko-hero .ko-text{
    max-width: 590px;
    margin: 0 auto;
  }

  .ko-registrarion .ko-photo {
    width: 268px;
    margin: 0 0 0 -335px;
  }

  .ko-registrarion .ko-content{
    padding: 50px 20px 0 20px;
  }

}

@media screen and (max-width: 1299px) {
  .pg-korpi .ko-hero .ko-rpet{
    right: 10px;
  }
  .pg-korpi .ko-waves{
    background-size: cover;
    height: 200px;
  }

}

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

  .pg-korpi .ko-waves{
    background-size: cover;
    height: 200px;
  }
}



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

  .pg-korpi .ko-cycle .ko-col ul {
    min-height: 270px;
  }

  .ko-registrarion .ko-photo{
    text-align: center;
  }

  .ko-registrarion .ko-items .ko-item .ko-item-title br{
    display: none;
  }

  .ko-registrarion .ko-items .ko-item .ko-item-title{
    padding: 20px 30px 0 30px;
  }

  .pg-korpi .ko-cyclefi .ko-content{
    width: 55%;
  }

  .pg-korpi .ko-cyclefi .ko-photo{
    width: 45%;
    text-align: center;
  }

  .pg-korpi .ko-cyclefi .ko-photo img{
    display: inline-block;
  }

  .pg-korpi .ko-hero .ko-bottle{
    left: 20px;
  }

  .pg-korpi .ko-hero .ko-rpet{
    width: 250px;
    padding: 15px 15px 0 37px;
  }

  .pg-korpi .ko-hero .ko-rpet .ko-rpet-text br{
    display: none;
  }
  
}


@media screen and (max-width: 1139px) {
  
  .pg-korpi .ko-cycle .ko-col .ko-text {
    font-size: 17px;
  }

  .pg-korpi .ko-partners .ko-partner .ko-partner-text {
    width: 310px;
  }

  .pg-korpi .ko-cycle .ko-col ul {
    min-height: 180px;
  }

  .ko-registrarion .ko-items .ko-item::before{
    width: 50px;
  }

  .pg-korpi .ko-hero .ko-bottle{
    top: auto;
    bottom: 0px;
    left: 50%;
    -ms-transform: translate(calc(-100% - 30px), 0%);
    -webkit-transform: translate(calc(-100% - 30px), 0%);
    transform: translate(calc(-100% - 30px), 0%);
  }

  .pg-korpi .ko-hero .ko-rpet{
    top: auto;
    bottom: 190px;
    left: 50%;
    right: auto;
    -ms-transform: translate(0px, 0%);
    -webkit-transform: translate(0px, 0%);
    transform: translate(0px, 0%);
  }

  .pg-korpi .ko-hero .ko-rpet {
    width: 290px;
    padding: 20px 0 0 58px;
    position: relative;
    display: inline-block;
    left: auto;
    bottom: auto;
    margin: 0 30px 0 0;
  }

  .pg-korpi .ko-hero .ko-bottle{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    left: auto;
    bottom: auto;
    -ms-transform: translate(0px, 0%);
    -webkit-transform: translate(0px, 0%);
    transform: translate(0px, 0%);
    
    margin: 0 0 0 30px;
  }

  .pg-korpi .ko-hero{
    padding-bottom: 40px;
  }

  .pg-korpi .ko-hero .ko-rpet .ko-rpet-text br{
    display: block;
  }

  .ko-registrarion .ko-photo{
    width: 330px;
  }

  .ko-registrarion .ko-content {
    max-width: 2540px;
  }

  .ko-registrarion .ko-photo{
    position: absolute;
    right: 20px;
    top: 0px;
    width: 190px;
    margin: 0px;
  }

  .ko-registrarion{
    position: relative;
  }



}





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

  .pg-korpi .ko-cycle .ko-col.ko-first,
  .pg-korpi .ko-cycle .ko-col.ko-last{
    display: block;
    width: auto;
  }

  .pg-korpi .ko-cycle .ko-col.ko-last{
    width: 50%;
    margin: 0 auto;
    padding: 30px 0 0 0;
  }

  .pg-korpi .ko-cycle .ko-col ul{
    min-height: 10px;
    padding: 0 0 30px 0;
  }

  .ko-registrarion .ko-items .ko-item{
    width: 50%;
    margin: 0 0 30px 0;
  }

  .ko-registrarion .ko-items .ko-item.ko-i3::before{
    display: none;
  }

 

  .ko-registrarion .ko-items .ko-item .ko-item-title br{
    display: block;
  }

  .ko-registrarion .ko-content .ko-text br{
    display: none;
  }

  .pg-korpi .ko-cyclefi .ko-content .ko-title{
    font-size: 30px;
  }

}


@media screen and (max-width: 767px) {
  .pg-korpi .ko-hero .ko-title{
    font-size: 32px;
  }

  .pg-korpi .ko-hero .ko-sub-title{
    font-size: 18px;
    padding: 0 20px;
  }

  .pg-korpi .ko-hero .ko-text{
    font-size: 16px;
  }

  .pg-korpi .ko-hero .ko-code-title {
    font-size: 18px;
  }

  .pg-korpi .ko-hero .ko-code-field input{
    width: 220px;
  }

  .pg-korpi .ko-hero .ko-copy br{
    display: none;
  }

  .pg-korpi .ko-hero .ko-copy {
    padding: 20px 0 0 0;
  }

  .pg-korpi .ko-cycle .ko-col .ko-title {
    font-size: 36px;
  }

  .pg-korpi .ko-cycle .ko-col.ko-first{
    padding: 30px 0 0 0;
  }

  .pg-korpi .ko-partners{
    text-align: center;
  }

  .pg-korpi .ko-partners .ko-partner .ko-partner-text{
    width: auto;
    padding: 20px 0 0 0;
    margin: 0px;
  }

  .pg-korpi .ko-cycle .ko-col.ko-last{
    width: calc(100% - 40px);
  }

  .ko-registrarion{
    padding: 40px 20px 20px 20px;
  }

  .ko-registrarion .ko-content .ko-title {
    font-size: 28px;
  }

  .ko-registrarion .ko-content .ko-text {
    font-size: 16px;
  }

  .ko-registrarion .ko-photo{
    width: auto;
    text-align: center;
    padding: 20px 0 0 0;
  }

  .ko-registrarion .ko-items-title {
    font-size: 24px;
  }

  .ko-registrarion .ko-items{
    padding: 40px 0 0 0;
  }

  .ko-registrarion .ko-items .ko-item{
    width: 100%;
    padding: 100px 0 0 0;
  }

  .ko-registrarion .ko-items .ko-item:first-child{
    padding-top: 0px;
  }

  .ko-registrarion .ko-items .ko-item .ko-item-title{
    font-size: 16px;
    line-height: 20px;
  }

  .ko-registrarion .ko-items .ko-item::before{
    width: 60px;
    left: 50%;
    -ms-transform: rotate(90deg);
    -webkit-transform:  rotate(90deg);
    transform: rotate(90deg);
    top: 20px;
    margin: 0 0 0 -30px;
  }

  .ko-registrarion .ko-items .ko-item.ko-i3::before{
    display: block;
  }

  .ko-registrarion .ko-items .ko-item .ko-item-icon img{
    width: 120px;
    height: auto;
  }

  .ko-environment{
    padding: 70px 20px 20px 20px;
  }

  .ko-environment .ko-title{
    font-size: 20px;
  }

  .ko-environment .ko-mobile{
    display: block;
    margin: 30px 0px 0 0;
    width: calc(100% + 10px);

  }

  .ko-environment .ko-desktop{
    display: none;
  }

  .ko-environment .ko-title{
    padding-right: 0px;
  }

  .ko-environment .ko-title::after{
    right: 0px;
  }

  .pg-korpi .ko-cyclefi .ko-content{
    display: block;
    width: auto;
    text-align: center;
  }

  .pg-korpi .ko-cyclefi{
    padding: 40px 20px;
  }

  .pg-korpi .ko-cyclefi .ko-content img{
    width: 230px;
    margin: 0 auto;
  }

  .pg-korpi .ko-cyclefi .ko-content .ko-text{
    font-size: 21px;
  }

  .pg-korpi .ko-cyclefi .ko-photo{
    display: block;
    width: auto;
    padding: 50px 0 0 0;
  }

  .pg-korpi .ko-cyclefi .ko-photo img{
    width: 190px;
  }

  .pg-korpi .ko-apotipoma .ko-text {
    font-size: 18px;
  }

  .pg-korpi .ko-apotipoma{
    padding: 70px 20px;
    min-height: 10px;
  }

  .pg-korpi .ko-social .ko-text{
    font-size: 18px;
  }

  .pg-korpi .ko-social {
    padding: 60px 20px 110px 20px;
  }

  .pg-korpi .ko-hero .ko-bottle,
  .pg-korpi .ko-hero .ko-rpet{
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    -ms-transform: translate(0px, 0%);
    -webkit-transform: translate(0px, 0%);
    transform: translate(0px, 0%);
    margin: 0 auto;
  }

  .pg-korpi .ko-hero .ko-rpet{
    margin: 40px auto 30px auto;
  }

  .pg-korpi .ko-hero{
    padding-bottom: 40px;
  }

  .pg-korpi .ko-waves {
    height: 110px;
  }

  .pg-korpi .ko-hero .ko-logo img{
    max-width: 220px;
  }

  .pg-korpi .ko-hero .ko-sub-title{
    font-size: 20px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .pg-korpi .ko-hero .ko-text{
    font-size: 18px;
    padding-right: 0px;
    padding-left: 0px; 
    
  }

  .ko-registrarion .ko-photo{
    display: none;
  }

  .pg-korpi.v2 .ko-registrarion .ko-content{
    padding-right: 15px;
    padding-left: 15px;
  }

  .ko-registrarion .ko-content .ko-text{
    padding: 20px 0 0 0;
    font-size: 18px;
    line-height: 130%;
  }

  .ko-environment .ko-title{
    font-size: 20px;
  }

  .ko-environment .ko-title br{
    display: none;
  }

  .pg-korpi .ko-cyclefi .ko-content .ko-title{
    text-align: left;
    font-size: 20px;
  }

  .pg-korpi .ko-cyclefi .ko-content .ko-text{
    font-size: 18px;
    text-align: left;
  }

  .pg-korpi .ko-cyclefi .ko-content .ko-more{
    display: block;
    width: 220px;
  }

  .pg-korpi .ko-hero .ko-logo{
    margin: 20px auto 20px auto;
  }



 
}


/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */





/* ////////////////////////////////////////////////////////////////////////////////// */
/* page personilized profile */
/* ////////////////////////////////////////////////////////////////////////////////// */

.pageToProfilMou #block-noiazomai-content{
  text-align: center;
  padding: 0 20px 20px 20px;
  background: #f9f7f6;
}

.pageToProfilMou #block-noiazomai-content .titleWrapper{
  padding: 80px 0 55px 0;
  font-size: 0px;
  max-width: 1240px;
  margin: 0 auto;
}

.pageToProfilMou #block-noiazomai-content .titleWrapper .pageTitle{
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 32px;
  line-height: 120%;
  color: #000000;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 420px);
  text-align: left;
}

.pageToProfilMou #block-noiazomai-content .titleWrapper .ctas{
  display: inline-block;
  vertical-align: middle;
  width: 420px; 
  text-align: right;
}
.pageToProfilMou #block-noiazomai-content .titleWrapper .ctas a{
-moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background:none;
  border: 1px solid #73B89D;
  color: #73B89D;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  width: 200px;
  height: 38px;
  line-height: 38px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 0 0 12px;
}

.pageToProfilMou #block-noiazomai-content .titleWrapper .ctas a:hover{
  background: #73B89D;
  color: #fff;
}

.pageToProfilMou #block-noiazomai-content .titleWrapper .ctas a:first-child{
  margin: 0px;
}

.pageToProfilMou #block-noiazomai-content .rowsWrapper{
  font-size: 0px;
  text-align: left;
  max-width: 1240px;
  margin: 0 auto;
}

.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot{
  display: inline-block;
  vertical-align: top;
  width: 400px;
  height: 340px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin: 0 0 20px 20px;
  font-size: 16px;
  text-align: center;
  color: #828282;
}

.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot:first-child{
  margin-left: 0px;
}

.pageToProfilMou #block-noiazomai-content #slotPoints,
.pageToProfilMou #block-noiazomai-content #slotCashback{
  width: 295px;
  height: 280px;
  padding: 84px 0 0 0;
  position: relative;
}

.pageToProfilMou #block-noiazomai-content #slotPoints::after,
.pageToProfilMou #block-noiazomai-content #slotCashback::after{
  content: "";
  width: 48px;
  height: 90px;
  background: url("../images/mypr-badge1.png") no-repeat center center;
  background-size: contain;
  position: absolute;
  left: 25px;
  top: -12px;
}

.pageToProfilMou #block-noiazomai-content #slotCashback::after{
  background-image: url("../images/mypr-badge2.svg");
}

.pageToProfilMou #block-noiazomai-content #slotPoints .pointsWrapper .points,
.pageToProfilMou #block-noiazomai-content #slotCashback .cashbackWrapper .cashback{
  font-family: 'PFEncoreSansPro-Medium';
  font-size: 56px;
  line-height: 56px;
  color: #828282;
  display: inline-block;
  vertical-align: middle;
}

.pageToProfilMou #block-noiazomai-content #slotPoints .pointsWrapper .popupWrap,
.pageToProfilMou #block-noiazomai-content #slotCashback .cashbackWrapper .popupWrap{
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  position: relative;
  margin: 0 -24px 0 0;
}

.pageToProfilMou #block-noiazomai-content #slotPoints .pointsWrapper .popupWrap .item-show-popup,
.pageToProfilMou #block-noiazomai-content #slotCashback .cashbackWrapper .popupWrap .item-show-popup{
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/mypr-icon-info.svg") no-repeat center center;
}



.pageToProfilMou #block-noiazomai-content #slotPoints .pointsWrapper .popupWrap .item-info,
.pageToProfilMou #block-noiazomai-content #slotCashback .cashbackWrapper .popupWrap .item-info {
  position: relative;
  background: #73B79D;
  position: absolute;
  bottom: 50px;
  left: -25px;
  padding: 24px 20px 20px 20px;
  text-align: left;
  color: #fff;
  width: 300px;
  border-radius: 10px;
  display: none;
  z-index: 20;
}

.pageToProfilMou #block-noiazomai-content #slotPoints .pointsWrapper .popupWrap .item-info::after,
.pageToProfilMou #block-noiazomai-content #slotCashback .cashbackWrapper .popupWrap .item-info::after {
  top: 100%;
  left: 37px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(115, 183, 157, 0);
  border-top-color: #73B79D;
  border-width: 12px;
  margin-left: -12px;
}


.pageToProfilMou #block-noiazomai-content #slotPoints .pointsWrapper .popupWrap .item-info .close,
.pageToProfilMou #block-noiazomai-content #slotCashback .cashbackWrapper .popupWrap .item-info .close{
  display: block;
  width: 24px;
  height: 24px;
  background: url("../images/mypr-icon-close.svg") no-repeat center center;
  position: absolute;
  right: 7px;
  top: 7px;
} 


.pageToProfilMou #block-noiazomai-content #slotPoints .description,
.pageToProfilMou #block-noiazomai-content #slotCashback .description{
  font-size: 14px;
  line-height: 120%;
  color: #828282;
  padding: 20px 0 5px 0;
  min-height: 80px;
}


.pageToProfilMou #block-noiazomai-content #slotPoints .cta{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background:none;
  border: 1px solid #73B89D;
  color: #73B89D;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  width: 180px;
  height: 38px;
  line-height: 38px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 0 0 12px;
}

.pageToProfilMou #block-noiazomai-content #slotPoints .cta:hover{
  background: #73B89D;
  color: #fff;
}





.pageToProfilMou #block-noiazomai-content #slotMessages{
  width: 610px;
  height: 280px;
  padding: 60px 55px 0 30px;
  text-align: left;
  position: relative;
}

.pageToProfilMou #block-noiazomai-content #slotMessages::after{
  content: "Μηνύματα";
  width: 120px;
  height: 48px;
  line-height: 48px;
  background: #3850A7;
  border-radius: 3px;
  position: absolute;
  left: 30px;
  top: -12px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-family: 'PFEncoreSansPro-Bold';
}

@media screen and (min-width: 1140px) {
  .pageToProfilMou #block-noiazomai-content #slotMessages .slotInner{
    max-height:200px;
    overflow:auto;
  }
}


.pageToProfilMou #block-noiazomai-content #slotMessages .message{
  padding: 0 0 0 55px;
  margin: 0 0 10px 0;
  background: url("../images/mypr-icon-message1.svg") no-repeat left top;
  background-size:42px;
  min-height: 42px;
  display: flex;
  align-items: center;
}




/*MESSAGE ICONS*/
.pageToProfilMou #block-noiazomai-content #slotMessages .message.iconCashback{
  background-image: url("../images/mypr-icon-message1.svg");  
}
.pageToProfilMou #block-noiazomai-content #slotMessages .message.iconRedeem{
  background-image: url("../images/mypr-icon-message2.svg");  
}
.pageToProfilMou #block-noiazomai-content #slotMessages .message.iconCoupon{
  background-image: url("../images/mypr-icon-message3.svg");  
}
.pageToProfilMou #block-noiazomai-content #slotMessages .message.iconTrophy{
  background-image: url("../images/mypr-icon-message4.svg");  
}

.pageToProfilMou #block-noiazomai-content #slotMessages .message.iconInstantCashback{
  background-image: url("../images/mypr-icon-cashback.png");  background-size: 42px;
}




/* TARGET */
.pageToProfilMou #block-noiazomai-content #slotMessages .message.historyMessage.iconCashback{
  background-image: url("../images/mypr-icon-message1.svg"); 
}
/* MESSAGE */
.pageToProfilMou #block-noiazomai-content #slotMessages .message.historyMessage.iconMessage{
  background-image: url("../images/mypr-icon-message2.svg"); 
}
/* COUPONI */
.pageToProfilMou #block-noiazomai-content #slotMessages .message.historyMessage.iconPointsRemove{
  background-image: url("../images/mypr-icon-message3.svg");
}
/* KYPELO */
.pageToProfilMou #block-noiazomai-content #slotMessages .message.historyMessage.iconPointsAdd{
  background-image: url("../images/mypr-icon-message4.svg");
}
/* THAVMASTIKO SE GRI BG */
.pageToProfilMou #block-noiazomai-content #slotMessages .message.historyMessage.iconPointsRemove.ttype-remove_points_one_year_inactivity{
  background-image: url("../images/icon-user-history-coupon-rejected.png");
}



.pageToProfilMou #block-noiazomai-content #slotMessages .message a{
  font-size: 16px;
  line-height: 120%;
  color: #828282;
}


.pageToProfilMou #block-noiazomai-content #slotMessages .message a:hover{
  text-decoration: underline;
}
.pageToProfilMou #block-noiazomai-content #slotMessages .message a p{margin:0;}
.pageToProfilMou #block-noiazomai-content #slotMessages .message a > div { display: inline; }

.pageToProfilMou #block-noiazomai-content #slotMessages .message a span{
  color: #73B79D;
  font-family: 'PFEncoreSansPro-Bold';
}

.pageToProfilMou #block-noiazomai-content #slotMessages .message.iconInstantCashback a span {
    color: #70a9eb;
}


.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeDealsForYou{
  background: url("../images/mypr-bg-slot-deals.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 30px 0 0 0;
}

.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeDealsForYou .text{
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  padding: 0 10px 20px 10px;
}

.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeDealsForYou .cta{
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-decoration: underline;
}

.pageToProfilMou #block-noiazomai-content .slot.typeProfileUpdate{
  background:#fff url("../images/mypr-bg-slot-profile.svg") no-repeat center 5px;
  color: #828282;
  padding: 180px 0 0 0;
}

.pageToProfilMou #block-noiazomai-content .slot.typeProfileUpdate .title{
  font-size: 21px;
  line-height: 25px; 
  color: #828282;
  font-family: 'PFEncoreSansPro-Bold';
  padding: 0 25px;
}


.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeBringAfriend{
  background: url("../images/mypr-bg-slot-bringafriend.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 170px 0 0 0;
}

.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeBringAfriend .title{
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 24px;
  line-height: 120%;
  color: #fff;
}

.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeBringAfriend .text{
  font-size: 18px;
  line-height: 120%;
  color: #fff;
  padding: 15px 0;
}

.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeBringAfriend .cta{
 -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background:none;
  border: 1px solid #fff;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  width: 180px;
  height: 38px;
  line-height: 38px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeBringAfriend .cta:hover{
  background: #fff;
  color: #73B89D;
}

.pageToProfilMou #block-noiazomai-content .slot.typeHowItWorks{
  background: url("../images/mypr-bg-slot-welcome.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 120px 0 0 0;
}

.pageToProfilMou #block-noiazomai-content .slot.typeHowItWorks .title{
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 24px;
  line-height: 29px;
  color: #FFFFFF;
  padding: 0 0 20px 0;
}

.pageToProfilMou #block-noiazomai-content .slot.typeHowItWorks .cta{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background:#73B89D;
  border: 1px solid #73B89D;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  width: 180px;
  height: 38px;
  line-height: 38px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.pageToProfilMou #block-noiazomai-content .slot.typeHowItWorks .cta:hover{
  background: #8bd1b5;
  border-color: #8bd1b5;
}

.pageToProfilMou #block-noiazomai-content .slot.typeBrands{
  background: url("../images/mypr-bg-slot-brands.jpg") no-repeat center center;
  background-size: cover;
  color: #000;
  padding: 20px 0 0 0;
}

.pageToProfilMou #block-noiazomai-content .slot.typeBrands .title{
  font-size: 21px;
  line-height: 25px;
}


.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeFaqs{
  background: url("../images/mypr-bg-slot-faq.jpg") no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 120px 0 0 0;
}

.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeFaqs .title{
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 24px;
  line-height: 120%;
  color: #fff;
}

.pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeFaqs .text{
  font-size: 18px;
  line-height: 120%;
  color: #fff;
  padding: 30px 0 0 0;
}


.pageToProfilMou #block-noiazomai-content .slot.typeContest{
  background: url("../images/mypr-bg-slot-nescafe_mixer-competition.png") no-repeat center top;
  background-size: 100% 214px;
  padding: 185px 0 0 0;
  text-align: right;
}

.pageToProfilMou #block-noiazomai-content .slot.contest2{
  background: url("../images/mypr-bg-slot-sampling-competition.png") no-repeat center top;
  background-size: 100% 214px;
  padding: 185px 0 0 0;
  text-align: right;
}


.pageToProfilMou #block-noiazomai-content .slot.typeContest .contextExpire{
  padding: 0 20px 25px 20px;
  font-size: 14px;
  color: #fff;
  text-align: left;
}

.pageToProfilMou #block-noiazomai-content .slot.typeContest .title{
  font-family: 'PFEncoreSansPro-Bold';
  font-weight: bold;
  font-size: 21px;
  line-height: 120%;
  padding: 0 20px 0px 20px;
  text-align: left;
  color: #73B79D;
  height: 52px;
  overflow: hidden;
  margin: 0 0 10px 0;
}

.pageToProfilMou #block-noiazomai-content .slot.typeContest .cta{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background:#73B89D;
  border: 1px solid #73B89D;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  width: 180px;
  height: 38px;
  line-height: 38px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 20px;
}

.pageToProfilMou #block-noiazomai-content .slot.typeContest .cta:hover{
  background: #8bd1b5;
  border-color: #8bd1b5;
}



#block-views-block-recipes-block-recipes-toprofilmou .recipesView .slick-prev,
#block-views-block-recipes-block-recipes-toprofilmou .recipesView .slick-next,
#block-views-block-blog-block-articles-toprofilmou .blogView .slick-prev,
#block-views-block-blog-block-articles-toprofilmou .blogView .slick-next,
.blockToProfilMouCoupons .couponsView .slick-prev,
.blockToProfilMouCoupons .couponsView .slick-next,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .slick-prev,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .slick-next,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .slick-prev,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .slick-next
{
  top: -50px;
  position: absolute;
  left: 50%;
  bottom: auto;
  background: url("../images/mypr-icon-next.png") no-repeat center center;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin: 0 0 0 560px;
  z-index: 20;
}
#block-views-block-recipes-block-recipes-toprofilmou .recipesView .slick-prev,
#block-views-block-blog-block-articles-toprofilmou .blogView .slick-prev,
.blockToProfilMouCoupons .couponsView .slick-prev,
#block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .slick-prev,
#block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .slick-prev
{
  margin: 0px;
  background-image: url("../images/mypr-icon-prev.png");
  margin: 0 0 0 510px;
}



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

  .pageToProfilMou #block-noiazomai-content #slotPoints, 
  .pageToProfilMou #block-noiazomai-content #slotCashback {
    width: 280px;
  }

  .pageToProfilMou #block-noiazomai-content #slotMessages {
    width: 500px;
  }

  .pageToProfilMou #block-noiazomai-content .rowsWrapper .slot {
    display: inline-block;
    vertical-align: top;
    width: 353px;
  }

  .blockToProfilMouCoupons h2,
  #block-views-block-blog-block-articles-toprofilmou h2, 
  #block-views-block-recipes-block-recipes-toprofilmou h2,
  #block-views-block-relevant-recipes-block-recipes-toprofilmou-2 h2,
  #block-views-block-relevant-articles-block-articles-toprofilmou-2 h2{
    padding-right: 20px;
    padding-left: 20px;
  }

  #block-views-block-recipes-block-recipes-toprofilmou .recipesView .slick-prev,
  #block-views-block-recipes-block-recipes-toprofilmou .recipesView .slick-next,
  #block-views-block-blog-block-articles-toprofilmou .blogView .slick-prev,
  #block-views-block-blog-block-articles-toprofilmou .blogView .slick-next,
  .blockToProfilMouCoupons .couponsView .slick-prev,
  .blockToProfilMouCoupons .couponsView .slick-next
  #block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .slick-prev,
  #block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .slick-next,
  #block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .slick-prev,
  #block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .slick-next{
    margin: 0px;
    right: 20px;
    left: auto;
  }

  #block-views-block-recipes-block-recipes-toprofilmou .recipesView .slick-prev,
  #block-views-block-blog-block-articles-toprofilmou .blogView .slick-prev,
  .blockToProfilMouCoupons .couponsView .slick-prev,
  #block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .slick-prev,
  #block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .slick-prev{
    margin: 0 50px 0 0 ;
  }

}



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

  .pageToProfilMou #block-noiazomai-content #slotPoints, 
  .pageToProfilMou #block-noiazomai-content #slotCashback {
    width: calc(50% - 10px);
    margin-left: 20px;
  }

  .pageToProfilMou #block-noiazomai-content #slotPoints{
    margin-left: 0px;
  }

  .pageToProfilMou #block-noiazomai-content #slotMessages{
    margin: 20px 0 20px 0;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
  }

  .pageToProfilMou #block-noiazomai-content .rowsWrapper .row{
    margin-left: -20px;
  }
  .pageToProfilMou #block-noiazomai-content .rowsWrapper .row.row-1{
   margin-left: 0px;
  }

  .pageToProfilMou #block-noiazomai-content .rowsWrapper .slot,
  .pageToProfilMou #block-noiazomai-content .rowsWrapper .slot:first-child{
      width: calc(50% - 20px);
      margin: 0 0 20px 20px;
  }

}



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

  .pageToProfilMou #block-noiazomai-content #slotPoints, 
  .pageToProfilMou #block-noiazomai-content #slotCashback{
    display: block;
    width: auto;
    margin: 0 0 20px 0;
  }

  .pageToProfilMou #block-noiazomai-content .titleWrapper{
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .pageToProfilMou #block-noiazomai-content .titleWrapper .pageTitle,
  .pageToProfilMou #block-noiazomai-content .titleWrapper .ctas{
    display: block;
    width: auto;
  }


  .pageToProfilMou #block-noiazomai-content .titleWrapper .pageTitle{
    font-size: 24px;
    padding: 0 0 20px 0;
  }

  .pageToProfilMou #block-noiazomai-content .titleWrapper .ctas a {
    font-size: 11px;
    width: 160px;
  }

  .pageToProfilMou #block-noiazomai-content #slotPoints .pointsWrapper .popupWrap .item-info, 
  .pageToProfilMou #block-noiazomai-content #slotCashback .cashbackWrapper .popupWrap .item-info{
    left: auto;
    right: -25px;
  }

  .pageToProfilMou #block-noiazomai-content #slotPoints .pointsWrapper .popupWrap .item-info::after, 
  .pageToProfilMou #block-noiazomai-content #slotCashback .cashbackWrapper .popupWrap .item-info::after{
    left: auto;
    right: 25px;
  }

  .pageToProfilMou #block-noiazomai-content .rowsWrapper .slot, 
  .pageToProfilMou #block-noiazomai-content .rowsWrapper .slot:first-child{
    display: block;
    width: auto;
    margin: 0 0 20px 0;
  }


  .pageToProfilMou #block-noiazomai-content .rowsWrapper .row{
    margin-left: 0px;
  }

  .blockToProfilMouCoupons h2, 
  #block-views-block-blog-block-articles-toprofilmou h2, 
  #block-views-block-recipes-block-recipes-toprofilmou h2,
  #block-views-block-relevant-recipes-block-recipes-toprofilmou-2 h2,
  #block-views-block-relevant-articles-block-articles-toprofilmou-2 h2
  {
    font-size: 21px;
    line-height: 120%;
    padding-right: 125px;
    padding-bottom: 20px;
  }

  #block-views-block-recipes-block-recipes-toprofilmou h2,
  #block-views-block-relevant-recipes-block-recipes-toprofilmou-2 h2{
    padding-bottom: 10px;
  }

  #block-views-block-blog-block-articles-toprofilmou .blogView .slick-prev,
  #block-views-block-blog-block-articles-toprofilmou .blogView .slick-next,
  #block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .slick-prev,
  #block-views-block-relevant-articles-block-articles-toprofilmou-2 .blogView .slick-next{
    top: -65px;
  }

  #block-views-block-recipes-block-recipes-toprofilmou .recipesView .slick-prev,
  #block-views-block-recipes-block-recipes-toprofilmou .recipesView .slick-next,
  #block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .slick-prev,
  #block-views-block-relevant-recipes-block-recipes-toprofilmou-2 .recipesView .slick-next{
    top: -55px;
  }


  .blockToProfilMouCoupons .couponsView .slick-prev,
  .blockToProfilMouCoupons .couponsView .slick-next{
    top: -75px;
  }

  .pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeDealsForYou,
  .pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeBrands{
    height: 290px;
  }

  .pageToProfilMou #block-noiazomai-content .rowsWrapper .slot.typeDealsForYou .text {
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    padding: 0 10px 14px 10px;
  }


}

/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */






/* ////////////////////////////////////////////////////////////////////////////////// */
/* page personilized profile */
/* ////////////////////////////////////////////////////////////////////////////////// */


.notificationsWrapper{
  position: absolute;
  top: 70px;
  left: 0px;
  width: 100%;
  background: #4ead8f;
  color: #fff;
  text-align: center;
  display: none;
  
  z-index: 100;
}
.notificationsWrapper.bgRed{background:rgba(188, 78, 107, 1);}


.notificationsWrapper .notificationItem{
  color: #FFFFFF;
  font-size: 17px;
  line-height: 19px;
  padding: 20px 60px;
  position: relative;
}


@media screen and (min-width: 1200px){
  .notificationsWrapper .notificationItem{
    color: #FFFFFF;
    font-size: 20px;
    line-height: 22px;
    padding: 20px 60px;
    position: relative;
  }
  .notificationsWrapper{
    position:fixed;
    }
    body.toolbar-horizontal.toolbar-fixed .notificationsWrapper{
    top: 110px;
    }
    body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open .notificationsWrapper {
    top: 150px;
  }
}

.notificationsWrapper .notificationItem .close{
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  background: url("../images/icon-notification-close.svg") no-repeat center center;
  background-size: contain;
  width: 24px;
  height: 24px;
  -ms-transform: translate(-0%, -50%);
  -webkit-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
}


@media screen and (max-width: 767px) {
  .notificationsWrapper{
    top: 60px;
  }

  .notificationsWrapper .notificationItem {
      padding: 10px 60px 10px 20px;
      text-align: left;
  }
}






#block-views-block-relevant-recipes-block-recipes-toprofilmou-2,
#block-views-block-relevant-articles-block-articles-toprofilmou-2{
  display: none;
}


/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */







/* ////////////////////////////////////////////////////////////////////////////////// */
/* purina page landing */
/* ////////////////////////////////////////////////////////////////////////////////// */



body.pageCyclefiPurina article{
  max-width: 5000px;
  padding:0px;
  color: #000;
}

 
body.pageCyclefiPurina article .field--name-field-second-title{
  display: none;
}


.pg-purina{
  text-align: center;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 0px 0;
}


.pg-purina .ko-hero{
  padding: 50px 20px 60px 20px;
  position: relative;
}

.pg-purina .ko-hero .ko-title{
  font-size: 36px;
  line-height: 120%;
  color: #000000;
  font-family: 'PFCentroSerifPro-Bold';
  padding: 10px 0 15px 0;
}

.pg-purina .ko-hero .ko-logo img{
  max-width: 450px;
  margin: 0 auto 20px auto;
}

.pg-purina .ko-hero .ko-sub-title{
  font-family: 'PFCentroSerifPro-Bold'; 
  font-size: 24px;
  line-height: 120%;
  color: #000000;
}

.pg-purina .ko-hero .ko-sub-title strong{
  font-weight: bold;
}

.pg-purina .ko-hero .ko-text{
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  max-width: 760px;
  margin: 0 auto;
  padding: 20px 0;
}

.pg-purina .ko-hero .ko-copy{
  color: #000000;
}

.pg-purina .ko-hero .ko-code{
  background: #d29900;
  border-radius: 30px;
  max-width: 600px;
  margin: 0 auto;
  color: #fff;
  padding: 20px 15px 20px 15px;

  -webkit-box-shadow: 10px 10px 0px 0px rgba(220, 220, 220, 0.6);
  -moz-box-shadow: 10px 10px 0px 0px rgba(220, 220, 220, 0.6);
  box-shadow: 10px 10px 0px 0px rgba(220, 220, 220, 0.6);

}


.pg-purina .ko-hero .ko-code-title{
  font-size: 21px;
  line-height: 140%;
  font-family: 'PFEncoreSansPro-Bold';
  padding-bottom: 12px;
}

.pg-purina .ko-hero .ko-code-text{
  font-size: 14px;
  padding: 15px 0 0 0;
}


.pg-purina .ko-hero .ko-code-field{
  font-size: 0px;
  overflow: hidden;
}

.pg-purina .ko-hero .ko-code-field input{
  position: relative;
  background: #F7F9F8;
  border-radius: 10px;
  border: 0px;
  font-size: 18px;
  color: #000;
  font-family: 'PFCentroSerifPro-Bold';
  text-align: center;
  width: 280px;
  height: 48px;
  line-height: 48px;
  display: inline-block;
  vertical-align: middle;
}


.pg-purina .ko-hero .ko-bottle-new{
  display: inline-block;
  vertical-align: middle;
  width: 304px;
  height: 278px;
  margin: 0 85px 0 0px;
  background: url("../images/purina-hero-left.png") no-repeat center center;
  background-size: contain;
}


.pg-purina .ko-hero .ko-rpet-new{
  display: inline-block;
  vertical-align: middle;
  background: url("../images/purina-hero-right.png") no-repeat center center;
  background-size: contain;
  width: 301px;
  height: 332px;
  text-align: left;
  margin: 0 0 0 85px;
}


.pg-purina .ko-hero .ko-rpet .ko-rpet-perc{
  font-size: 36px;
  color: #009D5B;
  line-height: 36px;
  font-family: 'PFEncoreSansPro-Bold';
}

.pg-purina .ko-hero .ko-rpet .ko-rpet-perc span{
  font-size: 28px;
}

.pg-purina .ko-hero .ko-rpet .ko-rpet-title{
  font-size: 18px;
  line-height: 120%;
  color: #009D5B;
  font-family: 'PFEncoreSansPro-Bold';
}

.pg-purina .ko-hero .ko-rpet .ko-rpet-text{
  font-size: 12px;
  line-height: 120%;
  color: #231F20;
}

.pg-purina .ko-waves{
  height: 273px;
  background: url("../images/purina-waves2.png") no-repeat center bottom;
}


#ko-copy-paste{
  position: fixed;
  top: -100000px;
  left: -100000px;
}


.pg-purina .ko-hero .ko-code-field a.ko-copy-paste{
  width: 48px;
  height: 48px;
  background: url("../images/ko-copy-paste.svg") no-repeat center center;
  display: inline-block;
  vertical-align: middle;
  margin: 0 -48px 0 0;
}


.pg-purina .ko-hero .ko-copy{
  font-size: 14px;
  line-height: 140%;
  padding: 40px 0 0 0;
  max-width: 530px;
  margin: 0 auto;
  color: #000000;
}






.pg-purina .ko-cycle{
  padding: 0px 20px 0px 20px;
  background: url("../images/hub-pattern.png") center top;
}

.pg-purina .ko-cycle .ko-row{
  font-size: 0px;
  max-width: 1180px;
  margin: 0 auto;
}

.pg-purina .ko-cycle .ko-col{
  display: inline-block;
  vertical-align: top;
  width: 45%;
  font-size: 21px;
}

.pg-purina .ko-cycle .ko-col.ko-last img{
  max-width: 100%;
  display: block;
}

.pg-purina .ko-cycle .ko-col.ko-first{
  text-align: left;
  width: 55%;
  padding: 30px 40px 0 0;
}


.pg-purina .ko-cycle .ko-col .ko-title{
  font-family: 'PFCentroSerifPro-Bold';
  font-size: 42px;
  line-height: 140%;
  color: #00427A;
  padding: 0 0 20px 0;
}

.pg-purina .ko-cycle .ko-col .ko-text{
    font-size: 21px;
  line-height: 140%;
  color: #00427A;
  padding: 0 0 30px 0;
}


.pg-purina .ko-cycle .ko-col ul,
.pg-purina .ko-cycle .ko-col li{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  color: #00427A;
}

.pg-purina .ko-cycle .ko-col ul{
  min-height: 320px;
}

.pg-purina .ko-cycle .ko-col li{
  list-style-type: disc;
  margin: 0 0 0 15px;
  font-size: 18px;
  font-family: 'PFCentroSerifPro-Bold';
}

.pg-purina .ko-partners{
  font-size: 14px;
  color: #00427A;
}

.pg-purina .ko-partners .ko-partner{
  padding: 20px 0 0px 0;
}

.pg-purina .ko-partners .ko-partner img{
  width: 120px;
  display: inline-block;
  vertical-align: middle;
}

.pg-purina .ko-partners .ko-partner .ko-partner-text{
  width: 330px;
  display: inline-block;
  vertical-align: middle;
  font-family: 'PFCentroSerifPro-Bold';
  font-size: 12px;
  line-height: 140%;
  color: #00427A;
  margin: 0 0 0 20px;
}

.pg-purina  .ko-registrarion{
  padding: 0px 20px 80px 20px;
  background: #e4c266;
  color: #000;
  font-size: 0px;
}


.ko-purina .ko-content{
  display: inline-block;
  vertical-align: middle;
  max-width: 600px;
  font-size: 18px;
  text-align: left;
}

.pg-purina .ko-registrarion .ko-content{
  padding-top: 50px;
}

.pg-purina .ko-registrarion .ko-content .ko-title{
  font-size: 36px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Bold';
  color: #000;
  padding: 0 0 30px 0;
}

.pg-purina .ko-registrarion .ko-content .ko-text{
  font-size: 18px;
  line-height: 140%;
}




.pg-purina .ko-registrarion .ko-photo{
  display: inline-block;
  vertical-align: middle;
  width: 420px;
  text-align: right;
}

.pg-purina .ko-registrarion .ko-photo{
  vertical-align: top;
  position: relative;
}


.pg-purina .ko-registrarion .ko-photo img{
  max-width: 420px;
  width: 100%;
  height: auto;
  display: inline-block;
  position: absolute;
  left: 130px;
  top: 77px;
}


.pg-purina .ko-registrarion .ko-items-title{
  padding: 70px 0 40px 0;
  font-size: 32px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Bold';
  position: relative;
}

.pg-purina .ko-registrarion .ko-items-title a{
  color: #fff;
}

.pg-purina .ko-registrarion .ko-items-title::after{
  content: "";
  width: 80px;
  height: 10px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin: 0 0 0 -40px;
}

.pg-purina .ko-registrarion .ko-items-title::after{
  background: #000;
}


.pg-purina .ko-registrarion .ko-items-title a{

  text-decoration: underline;
}

.pg-purina .ko-registrarion .ko-items{
  padding: 80px 0 0 0;
}

.pg-purina .ko-registrarion .ko-items .ko-item{
  display: inline-block;
  vertical-align: top;
  max-width: 360px;
  width: 25%;
  position: relative;
}


.pg-purina .ko-registrarion .ko-items .ko-item::before{
  content: "";
  position:absolute;
  left:0px;
  top:68px;
  background: url("../images/purina-arrow.svg") no-repeat center center;
  background-size:contain;
  width: 86px;
  height: 11px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
}


.pg-purina .ko-registrarion .ko-items .ko-item:first-child::before{
  display: none;
}


.pg-purina .ko-registrarion .ko-items .ko-item .ko-item-title{
  font-size: 18px;
  line-height: 22px;
  padding: 20px 0 0 0;
}



.pg-purina .ko-environment {
  padding: 70px 0 0 0;
  background: #f6eacb;
}

.pg-purina .ko-environment .ko-title{
  max-width: 1270px;
  margin: 0 auto;
  font-family: 'PFCentroSerifPro-Bold';
  font-size: 30px;
  line-height: 140%;
  color: #000000;
  text-align: right;
  position: relative;
  padding: 0 20px 25px 20px;
}

.pg-purina .ko-environment .ko-title::after{
  content: "";
  width: 80px;
  height: 10px;
  background: #000000;
  position: absolute;
  bottom: 0px;
  right: 20px;
}

.pg-purina .ko-environment img{
  max-width: 1550px;
  width: 100%;
  height: auto;
  margin: 30px auto;
}

.pg-purina .ko-environment .ko-mobile{
  display: none;
}


.pg-purina .ko-cyclefi{
  padding: 130px 20px 200px 20px;
  background: #ffffff;
  font-size: 0px;
}

.pg-purina .ko-cyclefi .ko-content{
  display: inline-block;
  vertical-align: middle;
  width: 800px;
  text-align: left;
}

.pg-purina .ko-cyclefi .ko-content .ko-text{
  max-width: 530px;
  font-weight: bold;
  font-size: 24px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Bold';
  color: #000000;
  padding: 20px 0;
}


.pg-purina .ko-cyclefi .ko-content .ko-more {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #000;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 220px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.pg-purina .ko-cyclefi .ko-content .ko-more:hover {
  opacity: 0.8;
}


.pg-purina .ko-cyclefi .ko-photo{
  display: inline-block;
  vertical-align: middle;
  width: 306px;
}


.pg-purina .ko-apotipoma{
  padding: 190px 20px 0px 20px;
  min-height: 600px;
  position: relative;
  background: url("../images/hub-img-hero.jpg") no-repeat center bottom;
  background-size: cover;
  color: #fff;
}

.pg-purina .ko-apotipoma .ko-text{
  font-weight: bold;
  font-size: 24px;
  line-height: 140%;
  max-width: 980px;
  font-family: 'PFCentroSerifPro-Bold';
  margin: 0 auto;
  padding: 0 0 40px 0;
}


.pg-purina .ko-apotipoma .ko-more {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  border: 2px solid #fff;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.pg-purina .ko-apotipoma .ko-more:hover {
  background: #fff;
  color: #3850A7;
}


.pg-purina .ko-apotipoma .ko-credits{
  position: absolute;
  bottom: 15px;
  right: 20px;
  font-size: 12px;
  color: #fff;
  font-family: 'PFCentroSerifPro-Medium';
}


.pg-purina .ko-social{
  padding: 110px 20px 130px 20px;
  background: #fff;
}

.pg-purina .ko-social .ko-text{
  font-weight: bold;
  font-size: 24px;
  line-height: 140%;
  font-family: 'PFCentroSerifPro-Bold';
  color: #000000;
  padding: 0 0 55px 0;
}

.pg-purina .ko-social .ko-buttons{
  font-size: 0px;
}

.pg-purina .ko-social .ko-buttons a{
  width: 38px;
  height: 38px;
  display: inline-block;
  vertical-align: middle;
  margin: 0 25px;
  background: url("../images/purina-social-gl.svg") no-repeat center center;
  position: relative;
}

.pg-purina .ko-social .ko-buttons a.ko-fb{
  background-image: url("../images/purina-social-fb.svg");
}

.pg-purina .ko-social .ko-buttons a.ko-in{
  background-image: url("../images/purina-social-in.svg");
}

.pg-purina .ko-social .ko-buttons a.ko-fb::after{
  content: "";
  position: absolute;
  right: -7px;
  bottom: 5px;
  width: 22px;
  height: 22px;
  background: url("../images/purina-icon-cat.png") no-repeat center center;
}

.pg-purina .ko-social .ko-buttons a.ko-fb.ko-fb2::after{
  background-image: url("../images/purina-icon-dog.png");
}


.pg-purina .ko-video-section {
  padding: 70px 0 0 0;
  background: #e4c266;
  position: relative;
  min-height: 795px;
}

.pg-purina .ko-video-section::before{
  content: "";
  position:absolute;
  left:50%;
  top:-80px;
  background: url("../images/purina-new-video-bg.png") no-repeat center center;
  background-size:contain;
  width: 1181px;
  height: 811px;
  -ms-transform: translate(-50%, -0%);
  -webkit-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
  z-index: 1;
  margin: 0 0 0 30px;
}
 

.pg-purina .ko-video-section .ko-title{
  max-width: 1180px;
  margin: 0 auto;
  font-family: 'PFCentroSerifPro-Medium';
  font-size: 28px;
  line-height: 140%;
  color: #000000;
  text-align: right;
  position: relative;
  padding: 0 20px 25px 20px;
  position: relative;
  z-index: 5;
}

.pg-purina .ko-video-section .ko-title strong{
  font-family: 'PFCentroSerifPro-Bold';
}

.pg-purina .ko-video-section .ko-title::after{
  content: "";
  width: 80px;
  height: 10px;
  background: #000000;
  position: absolute;
  bottom: 0px;
  right: 20px;
}

.pg-purina .ko-video-section .ko-video-hold{
  padding: 30px 0 70px 0;
  position: relative;
  z-index: 5;
}

.pg-purina .ko-video-section .ko-video-hold iframe{
  width: 100%;
  max-width: 700px;
  height: 400px;
  display: block;
  margin: 0 auto;
}


@media screen and (max-width: 1590px) {
  .pg-purina .ko-hero .ko-rpet{
    left: auto;
    right: 20px;
    margin: 0px;
    width: 240px;
  }

  .pg-purina .ko-hero .ko-bottle{
    left: auto;
    left: 40px;
    margin: 0px;
    width: 240px;
  }
}

@media screen and (max-width: 1299px) {
  .pg-purina .ko-hero .ko-rpet{
    right: 10px;
  }
}

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



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

  .pg-purina .ko-cycle .ko-col ul {
    min-height: 270px;
  }

  .pg-purina .ko-registrarion .ko-photo{
    text-align: center;
  }

  .pg-purina .ko-registrarion .ko-items .ko-item .ko-item-title br{
    display: none;
  }

  .pg-purina .ko-registrarion .ko-items .ko-item .ko-item-title{
    padding: 20px 30px 0 30px;
  }

  .pg-purina .ko-cyclefi .ko-content{
    width: 55%;
  }

  .pg-purina .ko-cyclefi .ko-photo{
    width: 45%;
    text-align: center;
  }

  .pg-purina .ko-cyclefi .ko-photo img{
    display: inline-block;
  }

  .pg-purina .ko-hero .ko-bottle{
    left: 20px;
  }

  .pg-purina .ko-hero .ko-rpet{
    width: 250px;
    padding: 15px 15px 0 37px;
  }

  .pg-purina .ko-hero .ko-rpet .ko-rpet-text br{
    display: none;
  }
  
}


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


  .pg-purina .ko-registrarion .ko-photo img {
    left: 31px;
}


  .pg-purina .ko-cycle .ko-col .ko-text {
    font-size: 17px;
  }

  .pg-purina .ko-partners .ko-partner .ko-partner-text {
    width: 310px;
  }

  .pg-purina .ko-cycle .ko-col ul {
    min-height: 180px;
  }

  .pg-purina .ko-registrarion .ko-items .ko-item::before{
    width: 50px;
  }

  .pg-purina .ko-hero .ko-bottle{
    top: auto;
    bottom: 0px;
    left: 50%;
    -ms-transform: translate(calc(-100% - 30px), 0%);
    -webkit-transform: translate(calc(-100% - 30px), 0%);
    transform: translate(calc(-100% - 30px), 0%);
  }

  .pg-purina .ko-hero .ko-rpet{
    top: auto;
    bottom: 190px;
    left: 50%;
    right: auto;
    -ms-transform: translate(0px, 0%);
    -webkit-transform: translate(0px, 0%);
    transform: translate(0px, 0%);
  }

  .pg-purina .ko-hero .ko-rpet {
    width: 290px;
    padding: 20px 0 0 58px;
  }

  .pg-purina .ko-hero .ko-rpet .ko-rpet-text br{
    display: block;
  }

  .pg-purina .ko-registrarion .ko-photo{
    width: 330px;
  }

  .pg-purina .ko-registrarion .ko-content {
    max-width: 540px;
  }

}





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

  .pg-purina .ko-cycle .ko-col.ko-first,
  .pg-purina .ko-cycle .ko-col.ko-last{
    display: block;
    width: auto;
  }

  .pg-purina .ko-cycle .ko-col.ko-last{
    width: 50%;
    margin: 0 auto;
    padding: 30px 0 0 0;
  }

  .pg-purina .ko-cycle .ko-col ul{
    min-height: 10px;
    padding: 0 0 30px 0;
  }

  .pg-purina .ko-registrarion .ko-items .ko-item{
    width: 50%;
    margin: 0 0 30px 0;
  }

  .pg-purina .ko-registrarion .ko-items .ko-item.ko-i3::before{
    display: none;
  }

 

  .pg-purina .ko-registrarion .ko-items .ko-item .ko-item-title br{
    display: block;
  }

  .pg-purina .ko-registrarion .ko-photo{
    padding: 30px 0 0 0;
  }

  .pg-purina .ko-registrarion .ko-photo img {
    max-width: 420px;
    width: 100%;
    height: auto;
    display: inline-block;
    position: relative;
    left: auto;
    top: auto;
  }

  .pg-purina .ko-hero .ko-sub-title br{
    display: none;
  }

  .pg-purina .ko-hero .ko-bottle-new{
    margin: 0 30px 0 0;
  }

  .pg-purina .ko-hero .ko-rpet-new{
    margin: 0 0 0 30px;
  }

}


@media screen and (max-width: 767px) {
  .pg-purina .ko-hero .ko-title{
    font-size: 32px;
  }

  .pg-purina .ko-hero .ko-sub-title{
    font-size: 18px;
    padding: 0 20px;
  }

  .pg-purina .ko-hero .ko-sub-title p{
    margin: 0px;
    padding: 0px;
  }

  .pg-purina .ko-hero .ko-text{
    font-size: 16px;
  }

  .pg-purina .ko-hero .ko-code-title {
    font-size: 18px;
  }

  .pg-purina .ko-hero .ko-code-field input{
    width: 220px;
  }

  .pg-purina .ko-hero .ko-copy br{
    display: none;
  }

  .pg-purina .ko-hero .ko-copy {
    padding: 20px 0 0 0;
  }

  .pg-purina .ko-cycle .ko-col .ko-title {
    font-size: 36px;
  }

  .pg-purina .ko-cycle .ko-col.ko-first{
    padding: 30px 0 0 0;
  }

  .pg-purina .ko-partners{
    text-align: center;
  }

  .pg-purina .ko-partners .ko-partner .ko-partner-text{
    width: auto;
    padding: 20px 0 0 0;
    margin: 0px;
  }

  .pg-purina .ko-cycle .ko-col.ko-last{
    width: calc(100% - 40px);
  }

  .pg-purina .ko-registrarion{
    padding: 40px 20px 20px 20px;
  }

  .pg-purina .ko-registrarion .ko-content .ko-title {
    font-size: 28px;
  }

  .pg-purina .ko-registrarion .ko-content .ko-text {
    font-size: 16px;
  }

  .pg-purina .ko-registrarion .ko-photo{
    width: auto;
    text-align: center;
    padding: 20px 0 0 0;
  }

  .pg-purina .ko-registrarion .ko-items-title {
    font-size: 24px;
  }

  .pg-purina .ko-registrarion .ko-items{
    padding: 40px 0 0 0;
  }

  .pg-purina .ko-registrarion .ko-items .ko-item{
    width: 100%;
    padding: 100px 0 0 0;
  }

  .pg-purina .ko-registrarion .ko-items .ko-item:first-child{
    padding-top: 0px;
  }

  .pg-purina .ko-registrarion .ko-items .ko-item .ko-item-title{
    font-size: 16px;
    line-height: 20px;
  }

  .pg-purina .ko-registrarion .ko-items .ko-item::before{
    width: 60px;
    left: 50%;
    -ms-transform: rotate(90deg);
    -webkit-transform:  rotate(90deg);
    transform: rotate(90deg);
    top: 20px;
    margin: 0 0 0 -30px;
  }

  .pg-purina .ko-registrarion .ko-items .ko-item.ko-i3::before{
    display: block;
  }

  .pg-purina .ko-registrarion .ko-items .ko-item .ko-item-icon img{
    width: 120px;
    height: auto;
  }

  .pg-purina .ko-environment{
    padding: 70px 20px 20px 20px;
  }

  .pg-purina .ko-environment .ko-title,
  .pg-purina .ko-video-section .ko-title{
    font-size: 21px;
  }

  .pg-purina .ko-environment .ko-mobile{
    display: block;
    margin: 30px 0px 0 0;
    width: calc(100% + 10px);

  }

  .pg-purina .ko-environment .ko-desktop{
    display: none;
  }

  .pg-purina .ko-environment .ko-title{
    padding-right: 0px;
  }

  .pg-purina .ko-environment .ko-title::after{
    right: 0px;
  }

  .pg-purina .ko-cyclefi .ko-content{
    display: block;
    width: auto;
    text-align: center;
  }

  .pg-purina .ko-cyclefi{
    padding: 40px 20px;
  }

  .pg-purina .ko-cyclefi .ko-content img{
    width: 230px;
    margin: 0 auto;
  }

  .pg-purina .ko-cyclefi .ko-content .ko-text{
    font-size: 21px;
  }

  .pg-purina .ko-cyclefi .ko-photo{
    display: block;
    width: auto;
    padding: 50px 0 0 0;
  }

  .pg-purina .ko-cyclefi .ko-photo img{
    width: 190px;
  }

  .pg-purina .ko-apotipoma .ko-text {
    font-size: 18px;
  }

  .pg-purina .ko-apotipoma{
    padding: 70px 20px;
    min-height: 10px;
  }

  .pg-purina .ko-social .ko-text{
    font-size: 18px;
  }

  .pg-purina .ko-social {
    padding: 60px 20px 110px 20px;
  }

  .pg-purina .ko-hero .ko-bottle,
  .pg-purina .ko-hero .ko-rpet{
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    -ms-transform: translate(0px, 0%);
    -webkit-transform: translate(0px, 0%);
    transform: translate(0px, 0%);
    margin: 0 auto;
  }

  .pg-purina .ko-hero .ko-rpet{
    margin: 40px auto 30px auto;
  }

  .pg-purina .ko-hero{
    padding-bottom: 40px;
  }

  .pg-purina .ko-waves {
    height: 110px;
  }

  .pg-purina .ko-environment .ko-title br{
    display: none;
  }

  .pg-purina .ko-video-section .ko-title br{
    display: none;
  }

  .pg-purina .ko-video-section .ko-video-hold{
    padding: 30px 20px 30px 20px;
  }

  .pg-purina .ko-video-section .ko-video-hold iframe {

    height: 200px;
  }

  .pg-purina .ko-social .ko-buttons a {
    margin: 0 17px;
  }

  .pg-purina .ko-registrarion .ko-content .ko-text br{
    display: none;
  }

  .pg-purina .ko-hero .ko-bottle {
    width: 294px;
  }

  .pg-purina .ko-hero .ko-code-title br{
    display: none;
  }

  .pg-purina .ko-hero .ko-logo img {
    max-width: 270px;
    margin: 20px auto 0 auto;
  }

  .pg-purina .ko-hero .ko-title{
    padding-top: 0px;
  }

  .pg-purina .ko-hero .ko-sub-title{
    padding: 0px;
  }

  .pg-purina .ko-video-section .ko-title{
    padding: 0 20px 25px 27vw;
  }

  .pg-purina .ko-hero .ko-bottle-new{
    margin: 20px -20px 0 -20px;
    height: 740px;
    display: block;
    width: auto;
    background: url("../images/purina-mob-hero.jpg") no-repeat center top;
    background-size:contain;
  }

  .pg-purina .ko-hero .ko-rpet-new{
    display: none;
  }

  .pg-purina .ko-waves{
    background-size: cover;
  }

  .pg-purina .ko-video-section::before{
    top: 175px;
    background: url("../images/purina-mob-new-video-bg.png") no-repeat center center;
    background-size:contain;
    width: 376px;
    height: 277px;
    margin: 0px;
  }

  .pg-purina .ko-video-section{
    min-height: 10px;
    padding: 30px 0 0 0;
    text-align: left;
  }

  .pg-purina .ko-video-section .ko-title{
    text-align: left;
    padding: 0 27vw 25px 20px;
    margin: 0 0 310px 0;
  }

  .pg-purina .ko-video-section .ko-title::after{
    right: auto;
    left: 20px;
  }

 
}


/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */




/* Login Gigya Form Recaptcha */
.page-node-1 .gigya-composite-control-captcha-widget.gigya-v2 .gigya-captcha-wrapper{
  padding: 0 0 30px 0;
  width: 304px;
  margin: 0 auto;
  height: auto;
}


/* PHASEOUT */
.page-node-1 #regtologintext,
.page-node-2 #regtologintext,
.page-node-2 #mainContent{display:none;}
.register-hero {
  background-image: url("../images/220215-img-register-hero-out.jpg");
}





/* ////////////////////////////////////////////////////////////////////////////////// */
/* popup registration banner/////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */

#block-literegistrationfooterblock{

  font-size: 0px;
  background: #75B89D;
}


#block-literegistrationfooterblock .left{
  display: inline-block;
  vertical-align: middle;
  width: 520px;
  height: 430px;
  
  color: #fff;
  padding: 90px 70px 0 100px;
  text-align: left;
}


#block-literegistrationfooterblock .left .title{
  font-size: 28px;
  line-height: 125%;
  font-family: 'PFCentroSerifPro-Bold';
}


#block-literegistrationfooterblock .left .desc{
  font-size: 17px;
  line-height: 150%;
  padding: 20px 0 25px 0;
}


#block-literegistrationfooterblock .left .cta a{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background: none;
  border: 2px solid #fff;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

#block-literegistrationfooterblock .left .cta a:hover{
  background: #fff;
  color: #75b89d;
}



#block-literegistrationfooterblock .right{
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 520px);
  min-height: 430px;
  height: 33vw;
  background: url("../images/img-literegistrationfooterblock.jpg?1") no-repeat center center;
  background-size: cover;
}


#block-noiazomai-content .colsWrapper .col .initLiteRegistration{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background: none;
  border: 2px solid #fff;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

#block-noiazomai-content .colsWrapper .col .initLiteRegistration:hover{
  background: #fff;
  color: #75b89d;
}


@media screen and (max-width: 1139px) {
  
  #block-literegistrationfooterblock .left {
      padding: 90px 70px 0 30px;
      width: 430px;
  }

  #block-literegistrationfooterblock .right{
    width: calc(100% - 430px);
  }

}

@media screen and (max-width: 959px) {
  #block-literegistrationfooterblock .left,
  #block-literegistrationfooterblock .right{
    width: 50%;
  }
}

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

  #block-literegistrationfooterblock{
    height: auto;
  }

  #block-literegistrationfooterblock .field--type-text-with-summary{
    display: flex;
    flex-direction: column-reverse;
  }
  #block-literegistrationfooterblock .left,
  #block-literegistrationfooterblock .right{
    width: auto;
    display: block;
  }

  #block-literegistrationfooterblock .right{
    height: 280px;
  }

  #block-literegistrationfooterblock .left{
    padding: 20px 20px 30px 20px;
    height: auto;
  }
}
/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////new homepage carousel and sites ////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */

.blockTypeHeroTextBgSlides{
  height: 580px;
  position: relative;
  overflow: hidden;
}

.blockTypeHeroTextBgSlides .bg{
  position: relative;
}

.blockTypeHeroTextBgSlides .bg img{
  display: block;
  width: 100%;
  height: 580px;
  object-fit: cover;
  object-position: center center;
}


.blockTypeHeroTextBgSlides .content {
  position: absolute;
  width: 50%;
  top: 0px;
  left: 0px;
  height: 100%;
  background: rgba(70, 131, 107, 0.8);
  color: #fff;
}

.blockTypeHeroTextBgSlides .content .inner{
  padding: 110px 80px 0 80px;
  max-width: 700px;
  margin: 0 auto 0 auto;
}
.blockTypeHeroTextBgSlides .content .inner .title {
  font-size: 38px;
  line-height: 48px;
  font-family: 'PFCentroSerifPro-Medium';
}
.blockTypeHeroTextBgSlides .content .inner .text {
  font-size: 22px;
  line-height: 34px;
  font-family: 'PFEncoreSansPro-Light';
  padding: 20px 0 0 0;
}
.blockTypeHeroTextBgSlides .content .inner .text ul {
  margin: 0;
  padding: 0 0 0px 20px;
  font-size: 1rem;
  line-height: 1.4em;
}
.blockTypeHeroTextBgSlides .content .inner .buttons {
  padding: 30px 0 0 0;
}
.blockTypeHeroTextBgSlides .content .inner .buttons a {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'PFEncoreSansPro-Bold';
  background-color: #75b89d;
  border: 2px solid #75b89d;
  color: #fff;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  transition: all 200ms;
  min-width: 170px;
  height: 50px;
  line-height: 50px;
  padding: 0 20px 0 20px;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.blockTypeHeroTextBgSlides .content .inner .buttons a.color-red {
  background-color: #d9443c;
  border-color: #d9443c;
  color: #fff;
}
.blockTypeHeroTextBgSlides .content .inner .buttons a.color-red:hover {
  background-color: #fff;
  border-color: #fff;
  color: #75b89d;
}
.blockTypeHeroTextBgSlides .content .inner .buttons a.color-white {
  background-color: #fff;
  border-color: #fff;
  color: #75b89d;
}
.blockTypeHeroTextBgSlides .content .inner .buttons a.color-white:hover {
  background-color: #75b89d;
  border-color: #75b89d;
  color: #fff;
}
.blockTypeHeroTextBgSlides .content .inner .buttons a:hover{
  background: #8bd1b5;
  border-color: #8bd1b5;
}
.blockTypeHeroTextBgSlides .content .inner .buttons a.bt-login{
  border-color: #fff;
  background: none;
  color: #fff;
  margin: 0 10px 0 0;
}
.blockTypeHeroTextBgSlides .content .inner .buttons a.bt-login:hover{
  color: #75b89d;
  background: #fff;
}

.blockTypeHeroTextBgSlides .slick-dots{
  position: absolute;
  bottom: 23px;
  left: 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  z-index: 10;
}

.blockTypeHeroTextBgSlides .slick-dots li{
  margin: 0px;
  width: 9px;
  height: 9px;
}

.blockTypeHeroTextBgSlides .slick-dots li button{
  width: 9px;
  height: 9px;
  background: #CCC9C6;
  border: 0px;
  border-radius: 50%;
}

.blockTypeHeroTextBgSlides .slick-dots li.slick-active button{
  background: #fff;
}



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

  .blockTypeHeroTextBgSlides .content .inner {
    padding: 56px 80px 0 25px;
  }
 
}
@media screen and (max-width: 1139px) {

  .blockTypeHeroTextBgSlides .content .inner {
    padding: 50px 30px 0 30px;
  }
  
}
@media screen and (max-width: 959px) {
  .blockTypeHeroTextBgSlides .content .inner .title {
    font-size: 30px;
    line-height: 38px;
    font-family: 'PFCentroSerifPro-Medium';
  }
  .blockTypeHeroTextBgSlides .content .inner .text {
    font-size: 18px;
    line-height: 27px;
  }
  .blockTypeHeroTextBgSlides .content .inner .buttons a {
    width: 140px;
  }
 
  .blockTypeHeroTextBgSlides .content .inner {
    padding: 50px 20px 0 20px;
  }
  .blockTypeHeroTextBgSlides .content .inner .buttons a {
    width: auto;
  }
 
  .blockTypeHeroTextBgSlides .content .inner .buttons a {
    min-width: 140px;
  }

}

@media screen and (max-width: 767px) {
  .blockTypeHeroTextBgSlides {
    padding: 0px 0 0 0;
    height: auto;
  }
  .blockTypeHeroTextBgSlides .content {
    top: auto;
    height: auto;
    width: 100%;
    left: auto;
    position: relative;
  }
  .blockTypeHeroTextBgSlides .content .inner .title {
    font-size: 24px;
    line-height: 32px;
  }
  .blockTypeHeroTextBgSlides .content .inner .text {
    font-size: 16px;
    line-height: 23px;
  }
  .blockTypeHeroTextBgSlides .content .inner {
    padding: 25px 20px 0 20px;
  }

  .blockTypeHeroTextBgSlides .bg img{
    height: 200px;
  }

  .blockTypeHeroTextBgSlides .slick-dotted.slick-slider{
    margin-bottom: 0px;
  }
  


  .blockTypeHeroTextBgSlides .content .inner .buttons a,
  .blockTypeHeroTextBgSlides .content .inner .buttons a.bt-login{
    display: block;
    width: auto;
    margin: 0 0 10px 0;
  }
  .blockTypeHeroTextBgSlides .content .inner {
    padding: 20px;
  }
  

  .blockTypeHeroTextBgSlides .content .inner .text{
    font-size: 15px;
    line-height: 23px;
    padding: 5px 0 0 0;
  }
  #block-homepageheroanonymous .blockTypeHeroTextBgSlides {
    height: auto;
  }
  .blockTypeHeroTextBgSlides .content .inner .text ul {
    font-size: 15px;
    line-height: 23px;
  }

  .user-authenticated .blockTypeHeroTextBgSlides {
    height: auto !important;
  }
  /*PHASEOUT*/
  .user-authenticated .blockTypeHeroTextBgSlides {
    height: 660px;
  }
  .user-authenticated .blockTypeHeroTextBgSlides .content {
    top: auto;
    height: auto;
  }

}



@media screen and (max-width: 1200px) {
  .blockTypeHeroTextBgSlides.register-hero .content .inner {
    padding-top: 120px;
  }
}
@media screen and (max-width: 959px) {
  .blockTypeHeroTextBgSlides.register-hero .content .inner .text br {
    display: none;
  }
  .blockTypeHeroTextBgSlides.register-hero .content .inner {
    padding-top: 87px;
  }
}


/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */

.blockMinisites{
  position: relative;
  background: #fff;
  text-align: center;
  padding: 45px 20px 20px 20px;
}

.blockMinisites::before{
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 160px;
  background: rgba(117, 184, 157, 0.50);
}

.blockMinisites > .field--type-text-with-summary{
  position: relative;
  z-index: 2;
}

.blockMinisites h2{
  padding: 0 0 15px 0;

  color: #000;
  text-align: center;
  font-family: 'PFCentroSerifPro-Medium';
  font-size: 24px;
  line-height: 125%;
}

.blockMinisites .minisites{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}

.blockMinisites .minisites a{
  border-radius: 16px;
  background: #F6F5F3;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);
  position: relative;

  width: 237px;
  height: 137px;

  padding: 20px;


  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: all 200ms;
}

@media screen and (min-width: 960px) {
  .blockMinisites .minisites a:hover{
    transform: scale(1.05);
  }
}

.blockMinisites .minisites a img{
  display: block;
}


.blockMinisites .slick-dots,
#block-views-block-carousel-banners-block-carousel-banners .slick-dots{
  
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  z-index: 10;
}

#block-views-block-carousel-banners-block-carousel-banners .slick-dots{
  left: 0px;
  top: 220px;
}


.blockMinisites .slick-dots li,
#block-views-block-carousel-banners-block-carousel-banners .slick-dots li{
  margin: 0px;
  width: 9px;
  height: 9px;
}

.blockMinisites .slick-dots li button,
#block-views-block-carousel-banners-block-carousel-banners .slick-dots li button{
  width: 9px;
  height: 9px;
  background: #CCC9C6;
  border: 0px;
  border-radius: 50%;
}

.blockMinisites .slick-dots li.slick-active button,
#block-views-block-carousel-banners-block-carousel-banners .slick-dots li.slick-active button{
  background: #549078;
}


@media screen and (max-width: 959px) {
  .blockMinisites .minisites a{
    width: 220px;
  }
}

@media screen and (max-width: 767px) {
  .blockMinisites .minisites{
    display: block;
    width: 242px;
    margin: 0 auto;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.20);
    background: #F6F5F3;
    border-radius: 16px;
  }

  .blockMinisites .minisites a {
    background: none;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0);
    position: relative;
    width: 242px;
    height: 132px;
    padding: 20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 200ms;
  }

  .blockMinisites h2{
    font-size: 16px;
  }

}



/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */










/* Λουμίδης Παπαγάλος® bold italics */
/* .blockMinisites h2 .boldItalic,
.main_head .main_head_content .main_head_content_wrap .field--name-field-brand-title,
.brandsView .views-row.tid-25 .views-field-field-brand-title a,
.brands-inner-list-view .views-rows .views-row .views-field-nothing h3 .boldItalic {
  font-family: 'PFCentroSerifPro-Bold';
  font-style: italic;
} */



/* ////////////////////////////////////////////////////////////////////////////////// */
/* ////diagonismos-maggi///////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */


.pageContestMaggi #contestHeader{
  background: url("../images/mag-bg-hero.jpg") no-repeat center center;
  background-size: cover;
}



.pageContestMaggi #contestHeader .field--name-field-header-image{
  background: #fbb420;
}

.pageContestMaggi #contestHeader img{
  object-fit: contain;
}

.pageContestMaggi #contestHeader .col h1,
.pageContestMaggi #contestHeader .col .contestDescription,
.pageContestMaggi #contestHeader .col .contestTakePlace{
  color: #000;
}

.pageContestMaggi #contestHeader .col .contestDescription{
  max-width: 410px;
}

.pageContestMaggi #contestHeader .col .contestTakePlace::after{
  filter: brightness(0%);
}

.pageContestMaggi #contestBody > div{
  max-width: 890px;
  margin: 0 auto;
  padding: 20px;
}

.pageContestMaggi .blockContestMaggiGifts{
  background: url("../images/mag-bg-gifts.jpg") no-repeat center center;
  background-size: cover;
  text-align: center;
  padding: 60px 30px 30px 30px;
}

.pageContestMaggi .blockContestMaggiGifts h2{
  padding: 0 0 65px 0;
  color: #000;
  text-align: center;
  font-family: 'PFEncoreSansPro-Bold';
  font-size: 40px;
  font-style: normal;
  line-height: normal;
  font-weight: bold;
}

.pageContestMaggi .blockContestMaggiGifts .giftsImg{
  display: block;
  margin: 0 auto;
  max-width: 1270px;
  width: 100%;
}

.pageContestMaggi .blockContestMaggiGifts .giftsImg.imgMobile{
  display: none;
}


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

  .pageContestMaggi .blockContestMaggiGifts .giftsImg.imgMobile{
    display: block;
  }

  .pageContestMaggi .blockContestMaggiGifts .giftsImg.imgDesktop{
    display: none;
    max-width: 310px;
  }

  .pageContestMaggi .blockContestMaggiGifts h2 {
    font-size: 24px;
    max-width: 230px;
    padding: 0 0 55px 0;
    margin: 0 auto;
  }

}


/* ////////////////////////////////////////////////////////////////////////////////// */
/* ///diagonismos-maggi/////////////////////////////////////////////////////////////// */
/* ////////////////////////////////////////////////////////////////////////////////// */