Skip to content

Instantly share code, notes, and snippets.

@anareyna

anareyna/modified-bem.css

Last active December 19, 2016 17:10
Show Gist options
  • Save anareyna/281f2d3f7bf42bc8316f756f9e5be645 to your computer and use it in GitHub Desktop.
Save anareyna/281f2d3f7bf42bc8316f756f9e5be645 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
modified-bem.css
.u-hidden {
display: none!important
}
.u-brandColor {
color: #e10d33!important
}
.u-block {
display: block!important
}
.u-textCenter {
text-align: center!important
}
.u-textLeft {
text-align: left!important
}
.u-textRight {
text-align: right!important
}
.u-floatLeft {
float: left!important
}
.u-floatRight {
float: right!important
}
.u-cf:before {
content: '';
display: table
}
.u-cf:after {
content: '';
display: table;
clear: both
}
.u-normalWeight {
font-weight: 400
}
.u-centerBlock {
display: block;
margin-right: auto;
margin-left: auto
}
.u-mt0 {
margin-top: 0!important
}
.u-mt5 {
margin-top: 5px!important
}
.u-mt10 {
margin-top: 10px!important
}
.u-mt20 {
margin-top: 20px!important
}
.u-mt30 {
margin-top: 30px!important
}
.u-mb20 {
margin-bottom: 20px!important
}
.u-mb30 {
margin-bottom: 30px!important
}
.u-mt60 {
margin-top: 60px!important
}
.u-mb60 {
margin-bottom: 60px!important
}
.u-relative {
position: relative
}
.u-header-expand {
padding-top: 100px;
display: none
}
@media only screen and (max-width: 765px) {
.u-header-expand {
padding-top: 120px
}
}
.e-button {
border: none;
padding: 10px 20px;
border-radius: 5px;
background: #e10d33;
color: #fff;
margin: 0;
outline: none;
display: inline-block;
font-size: 14px;
font-family: Lato, arial, sans-serif
}
.e-button+.e-button {
margin-left: 10px
}
.e-button--block {
display: block;
width: 100%
}
.e-button:disabled,
.e-button[disabled],
.e-button.is-disabled,
.e-button--disabled {
cursor: not-allowed;
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
pointer-events: none
}
.e-button:hover {
background-color: #cb0c2e;
-webkit-transition: .2s all ease;
transition: .2s all ease
}
.e-input-text,
.e-textarea {
font-family: Lato, arial, sans-serif;
font-size: 14px;
outline: none;
display: inline-block;
width: 100%;
padding: 8px 10px;
border-radius: 5px;
border: 1px solid #cecece;
height: 37px
}
.e-select {
font-family: Lato, arial, sans-serif;
font-size: 16px;
outline: none;
background-color: #fff;
display: inline-block;
width: 100%;
padding-left: 15px;
padding-right: 15px;
border-radius: 5px;
border: 1px solid #cecece;
height: 37px;
color: #636466;
line-height: 37px
}
.e-textarea {
height: 100px
}
.e-link {
outline: none;
color: #0084ff;
-webkit-transition: .2s all ease;
transition: .2s all ease
}
.e-link:hover {
-webkit-transition: .2s all ease;
transition: .2s all ease;
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.c-anchors {
right: 0;
top: 40%;
position: fixed;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transform: rotate(90deg) translate(50%, 50%);
transform: rotate(90deg) translate(50%, 50%);
z-index: 2
}
.c-anchors__btn-how-buy {
background: #e10d33;
color: #fff;
font-weight: 700;
padding: 10px 10px 14px;
position: relative;
border-radius: 0 0 5px 5px
}
.c-anchors__btn-suscription {
background: #000;
color: #fff;
padding: 10px 7px;
margin-right: 15px;
display: inline;
border-radius: 5px 0 0 5px;
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
.c-anchors__btn-suscription .icon-subscription {
font-size: 30px
}
@media only screen and (max-width: 765px) {
.c-anchors {
display: none
}
}
.c-banners__item {
margin: 0
}
.c-banners__item:first-child {
margin-bottom: 15px
}
.c-banners__link {
display: block
}
.c-banners__image {
margin: 0;
width: 100%;
display: block;
max-width: 300px;
max-height: 170px
}
@media only screen and (max-width: 765px) {
.c-banners__item {
width: 49%;
display: inline-block
}
}
.c-breadcrumb {
margin-top: 20px;
font-size: 14px
}
.c-breadcrumb__item {
display: inline-block
}
.c-breadcrumb__item--active .c-breadcrumb__link {
color: #a5a5a5;
pointer-events: none
}
.c-breadcrumb__item+.c-breadcrumb__item:before {
content: "/\00a0";
padding: 0 4px
}
.c-breadcrumb__link {
display: inline-block
}
@media only screen and (max-width: 765px) {
.c-breadcrumb {
display: none
}
}
.c-campaign {
display: block;
margin-bottom: 22px;
background-color: #f4f4f7;
width: calc(99.9%*1/4 - (30px - 30px*1/4));
position: relative;
-webkit-transition: .2s all ease;
transition: .2s all ease
}
.c-campaign:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.c-campaign:last-child {
margin-right: 0
}
.c-campaign:nth-child(4n) {
margin-right: 0;
float: right
}
.c-campaign:nth-child(4n+1) {
clear: both
}
.c-campaign:before {
content: 'Ver más';
color: #fff;
background: #e10d33;
position: absolute;
right: 10px;
bottom: 12px;
border-radius: 20px;
z-index: 1;
height: 0;
font-size: 0;
padding: 0;
visibility: hidden;
-webkit-transition: height .1s ease;
transition: height .1s ease
}
.c-campaign__image {
margin: 0;
width: 100%;
display: block;
min-height: 147px
}
.c-campaign__info {
padding: 10px 15px;
position: relative
}
.c-campaign__description {
margin: 0;
overflow: hidden;
margin-bottom: 10px;
height: 58px
}
.c-campaign__first-line {
margin-top: 10px;
padding-top: 10px;
text-decoration: line-through;
font-size: 13px;
color: #636466;
border-top: 1px dashed #cecece
}
.c-campaign__first-line:before {
content: 'Antes '
}
.c-campaign__price {
margin: 0;
color: #e10d33;
font-weight: 700
}
.c-campaign__price:before {
content: 'Ahora '
}
.c-campaign__button {
margin: 0;
position: absolute;
right: 10px;
bottom: 12px;
padding: 6px 10px;
background: #fff;
border-radius: 35%
}
.c-campaign--special .c-campaign__first-line {
font-weight: 700;
margin-top: 10px;
padding-top: 10px;
font-size: 13px;
border-top: 1px dashed #cecece;
color: #e10d33;
text-decoration: none
}
.c-campaign--special .c-campaign__first-line:before {
content: ""
}
.c-campaign--special .c-campaign__button {
margin: 0;
position: absolute;
right: 10px;
bottom: 12px;
padding: 6px 10px;
background: #e10d33;
color: #fff;
border-radius: 20px
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.c-campaign {
width: calc(99.9%*1/3 - (30px - 30px*1/3))
}
.c-campaign:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.c-campaign:last-child {
margin-right: 0
}
.c-campaign:nth-child(3n) {
margin-right: 0;
float: right
}
.c-campaign:nth-child(3n+1) {
clear: both
}
}
@media only screen and (max-width: 765px) {
.c-campaign {
width: calc(99.9%*1/1 - (30px - 30px*1/1));
position: relative
}
.c-campaign:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.c-campaign:last-child {
margin-right: 0
}
.c-campaign:nth-child(1n) {
margin-right: 0;
float: right
}
.c-campaign:nth-child(1n+1) {
clear: both
}
.c-campaign__info {
position: absolute;
bottom: 0;
background: rgba(0, 0, 0, .5);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
width: 100%
}
.c-campaign__description {
height: 48px;
margin-bottom: 0;
padding: 7px 12px;
width: 100%
}
.c-campaign__button {
display: none
}
.c-campaign__price-container {
background: #e10d33;
color: #fff;
padding: 10px;
-ms-flex-negative: 0;
flex-shrink: 0;
text-align: center
}
.c-campaign__first-line {
border-top: none;
color: inherit;
margin-top: 0;
padding-top: 0;
color: #cecece
}
.c-campaign__first-line:before {
content: ''
}
.c-campaign__price {
color: inherit
}
.c-campaign__price:before {
content: ''
}
.c-campaign--special .c-campaign__first-line {
color: #fff;
border-top: none;
margin: 0;
padding: 0
}
.c-campaign--special .c-campaign__button {
display: none
}
}
@media only screen and (min-width: 765px) {
.c-campaign:hover {
-webkit-transition: .2s all ease;
transition: .2s all ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, .15)
}
.c-campaign:not(.c-campaign--special):hover:before {
-webkit-transition: height .1s ease;
transition: height .1s ease;
padding: 6px 10px;
height: 31px;
font-size: inherit;
visibility: visible
}
.c-campaign--special .c-campaign__price:before {
content: ''
}
}
.c-checkbox__label {
cursor: pointer;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 3px 0
}
.c-checkbox__input {
position: absolute;
visibility: hidden;
margin-right: 10px
}
.c-checkbox__input:checked~.c-checkbox__checkbox {
border: 1px solid #cecece
}
.c-checkbox__input:checked~.c-checkbox__checkbox:before {
background: #e10d33
}
.c-checkbox__checkbox {
margin-right: 12px;
display: inline-block;
position: relative;
border: 1px solid #cecece;
height: 20px;
width: 20px;
z-index: 1;
border-radius: 5px;
background: #fff;
-webkit-transition: border .25s linear;
transition: border .25s linear;
vertical-align: middle
}
.c-checkbox__checkbox:before {
display: block;
position: absolute;
content: '';
height: 10px;
width: 10px;
top: 4px;
background: #fff;
left: 4px;
border-radius: 2px;
margin: auto;
-webkit-transition: background .25s linear;
transition: background .25s linear
}
.c-filter-list {
margin-bottom: 35px
}
.c-filter-list__title {
text-transform: uppercase;
font-weight: 700;
margin-bottom: 10px;
font-size: 16px;
margin-top: 0
}
.c-filter-list__group {
list-style: none
}
.c-filter-list__link {
padding: 6px 0;
display: block;
font-size: 14px;
-webkit-transition: .3s all ease;
transition: .3s all ease
}
.c-filter-list__link:hover {
-webkit-transition: .3s all ease;
transition: .3s all ease;
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
@media only screen and (max-width: 765px) {
.c-filter-list {
margin-bottom: 0
}
.c-filter-list__title {
background-color: #f1f3f5;
padding: 10px 15px;
border-radius: 5px;
text-transform: none;
margin-top: 10px;
cursor: pointer
}
.c-filter-list__link {
font-size: 16px;
padding-left: 15px;
padding-right: 15px
}
.c-filter-list__group {
display: none
}
}
@media only screen and (min-width: 765px) {
.c-filter-list__group {
display: block!important
}
}
.c-filter-tags {
margin-bottom: 35px
}
.c-filter-tags__item {
background-color: #e10d33;
color: #fff;
display: block;
padding: 8px 12px;
border-radius: 5px;
margin-bottom: 5px;
position: relative
}
.c-filter-tags__delete {
color: #fff;
display: inline-block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
padding: 6px 14px;
font-size: 17px
}
.c-filter-tags__delete:before {
content: "x";
display: block
}
@media only screen and (max-width: 765px) {
.c-filter-tags {
margin-bottom: 10px
}
.c-filter-tags:before {
content: '';
display: table
}
.c-filter-tags:after {
content: '';
display: table;
clear: both
}
.c-filter-tags__item {
background-color: #636466;
width: calc(99.9%*1/3 - (5px - 5px*1/3));
border-radius: 12px;
padding-top: 6px;
padding-bottom: 6px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right: 20px
}
.c-filter-tags__item:nth-child(1n) {
float: left;
margin-right: 5px;
clear: none
}
.c-filter-tags__item:last-child {
margin-right: 0
}
.c-filter-tags__item:nth-child(3n) {
margin-right: 0;
float: right
}
.c-filter-tags__item:nth-child(3n+1) {
clear: both
}
.c-filter-tags__delete {
font-size: 20px;
top: -5px;
right: -2px
}
}
.c-form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.c-form-group__label {
-ms-flex-preferred-size: 30%;
flex-basis: 30%
}
.c-form-group__inputs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative
}
@media only screen and (max-width: 765px) {
.c-form-group {
display: block
}
.c-form-group__label {
display: block;
margin-bottom: 5px
}
}
.c-highlighted-campaigns .l-section-menu__list {
display: none
}
.c-highlighted-campaigns .l-section-menu__list--active {
display: block
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.c-highlighted-campaigns .c-campaign:nth-child(n+7) {
display: none
}
}
.c-input-range {
position: relative;
margin-top: 20px;
text-align: center
}
.c-input-range__inputs {
margin-top: 10px
}
.c-input-range__inputs:before {
content: '';
display: table
}
.c-input-range__inputs:after {
content: '';
display: table;
clear: both
}
.c-input-range__input-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-preferred-size: 40%;
flex-basis: 40%
}
.c-input-range__input-container:first-child {
float: left
}
.c-input-range__input-container:nth-child(2) {
float: right
}
.c-input-range__slider {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.c-input-range__quantity {
width: 70px;
height: 30px;
margin-left: 5px
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.c-input-range__quantity {
width: 57px
}
}
.c-login-form {
position: absolute;
background-color: #fff;
border: 1px solid transparent;
border-radius: 5px;
right: -50%;
width: 268px;
padding: 20px;
text-align: center;
box-shadow: 1px -3px 21px rgba(0, 0, 0, .175);
visibility: hidden;
-webkit-transition: .2s all ease;
transition: .2s all ease;
z-index: 210
}
.c-login-form hr {
border-top: none;
border-bottom: 1px solid #cecece
}
.c-login-form:before {
content: '';
top: -13px;
left: 25%;
position: absolute;
border: 6px solid transparent;
border-bottom-color: #fff;
margin-left: 125px
}
.c-login-form__group {
margin-bottom: 12px
}
.c-login-form__link-recovery {
margin: 16px 0;
display: block;
font-size: 15px;
color: #3d5a98
}
.c-login-form__message {
margin: 0;
display: block;
font-size: 15px
}
.c-login-form__link {
margin: 0;
color: #e10d33;
font-size: 15px
}
.c-login-form__fb-button {
background: #3d5a98;
color: #fff;
display: block;
padding: 5px 0;
border-radius: 5px;
font-weight: 700;
margin-bottom: 20px;
width: 100%;
line-height: 1.5
}
.c-login-form__fb-button:hover {
-webkit-transition: .2s all ease;
transition: .2s all ease;
color: #fff;
opacity: .9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
.c-login-form__fb-icon {
background-image: url(../img/sprite.png?v=2016125);
background-position: -106px -88px;
width: 20px;
height: 20px;
display: inline-block;
margin: 2px 7px 0 2px;
vertical-align: bottom
}
.c-login-form .msg_info {
padding: 5px 10px;
background: #d89d9d;
border-radius: 3px;
color: #fff;
font-size: 12px;
text-align: center;
width: 100%;
display: none;
margin-bottom: 5px
}
.c-login-form .msg_info.active {
display: block
}
@media only screen and (max-width: 765px) {
.c-login-form {
display: none;
visibility: visible;
width: 100%;
left: 0;
box-shadow: none;
top: 0;
box-shadow: 0 7px 6px -6px rgba(0, 0, 0, .2)
}
.c-login-form:before {
display: none
}
}
.c-menu-account {
position: absolute;
visibility: hidden;
padding: 0;
background-color: #fff;
border: 1px solid transparent;
border-radius: 5px;
right: 0;
width: 260px;
text-align: center;
box-shadow: 1px -3px 21px rgba(0, 0, 0, .175);
z-index: 210
}
.c-menu-account:before {
content: '';
top: -13px;
left: 75%;
position: absolute;
border: 6px solid transparent;
border-bottom-color: #fff;
margin-left: -7px
}
.c-menu-account__item {
margin: 0
}
.c-menu-account__item:last-child .c-menu-account__link {
border: none
}
.c-menu-account__link {
padding: 10px 15px;
display: block;
border-bottom: 1px solid #e7e7e7;
text-align: initial;
font-weight: 700
}
.c-menu-account__link:hover {
background: #f7f8f9
}
@media only screen and (max-width: 765px) {
.c-menu-account {
width: 100%;
box-shadow: none;
top: 52px;
box-shadow: 0 7px 6px -6px rgba(0, 0, 0, .2)
}
.c-menu-account:before {
display: none
}
}
.c-message {
background-color: #fcf8e3;
border: 1px solid #f3e28c;
padding: 10px 20px;
border-radius: 5px;
margin: 10px 0
}
.c-message--success {
border-color: #43b77a;
background-color: #dff0d8
}
.c-message--error {
border-color: #ff8080;
background-color: #ffebeb
}
.c-mobile-options {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px
}
.c-mobile-options__toggle-filters {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-right: 10px;
text-align: center;
height: 40px;
line-height: 40px;
padding: 0;
width: 50%
}
.c-mobile-options__select {
width: 50%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
height: 40px!important
}
@media only screen and (min-width: 765px) {
.c-mobile-options {
display: none
}
}
.c-modal-howtobuy {
background: #fff;
text-align: center;
border-radius: 5px;
display: none;
max-width: 600px;
margin: 0 auto;
padding-bottom: 20px
}
.c-modal-howtobuy__header {
background: #e10d33;
font-size: 22px;
color: #fff;
border-radius: 5px 5px 0 0;
text-align: center;
padding: 25px 0;
font-weight: 700
}
.c-modal-howtobuy__span {
font-size: 30px
}
.c-modal-howtobuy__container {
width: 600px;
display: inline-block;
text-align: center;
padding: 20px 30px 10px
}
.c-modal-howtobuy__video-link {
font-weight: 700;
margin-bottom: 10px
}
.c-modal-howtobuy__pagoefectivo-link {
vertical-align: top;
color: #0084ff;
font-size: 13px
}
.c-modal-howtobuy__footer {
text-align: center;
margin-top: 5px
}
.c-modal-howtobuy__steps-detail {
padding: 0 25px;
text-align: center;
line-height: 1.2;
font-size: 13px;
margin: 0
}
.c-modal-howtobuy__steps-image {
display: block;
margin: 50px auto 0;
margin-bottom: 15px
}
.c-modal-howtobuy__steps-number {
border: 2px solid #444;
font-size: 16px;
border-radius: 50%;
position: absolute;
background: #fff;
left: 10px;
top: 10px;
text-align: center;
font-weight: 700;
width: 30px;
height: 30px;
line-height: 25px
}
.c-modal-howtobuy__payments {
display: inline-block
}
.c-modal-howtobuy__payments-list {
margin: 0;
margin-right: 10px
}
.c-modal-howtobuy__payments-item {
display: inline-block
}
.c-modal-howtobuy__steps {
float: left;
display: inline;
clear: none;
text-align: inherit;
padding-left: 0;
padding-right: 0;
width: 49%;
margin-left: 0;
margin-right: 2%;
position: relative;
border: 1px solid #b2b2b2;
height: 170px;
margin: 5px 0
}
.c-modal-howtobuy__steps:nth-child(2n) {
margin-right: 0;
float: right
}
.c-modal-howtobuy .ico_visa {
background-image: url(../img/sprite.png?v=2016125);
background-position: -128px -29px;
width: 60px;
height: 27px;
display: inline-block
}
.c-modal-howtobuy .ico_amex {
background-image: url(../img/sprite.png?v=2016125);
background-position: -128px -58px;
width: 51px;
height: 28px;
display: inline-block
}
.c-modal-howtobuy .ico_mc {
background-image: url(../img/sprite.png?v=2016125);
background-position: -128px -88px;
width: 52px;
height: 27px;
display: inline-block
}
.c-modal-howtobuy .ico_pe {
background-image: url(../img/sprite.png?v=2016125);
background-position: -128px 0;
width: 67px;
height: 27px;
display: inline-block
}
.c-modal-howtobuy .ico_dc {
background-image: url(../img/sprite.png?v=2016125);
background-position: 0 -88px;
width: 104px;
height: 27px;
display: inline-block
}
.c-modal-howtobuy .ico-how_to_trade {
margin-top: 25px!important;
height: initial;
margin-bottom: 10px!important
}
.c-modal-howtobuy .ico-how_to_email {
margin-top: 25px!important;
height: initial;
margin-bottom: 10px!important
}
@media only screen and (max-width: 765px) {
.c-modal-howtobuy__header {
font-size: 16px;
padding-left: 10px;
padding-right: 10px
}
.c-modal-howtobuy__container {
width: 100%;
padding: 15px
}
.c-modal-howtobuy__steps-image {
display: none
}
.c-modal-howtobuy__steps {
display: block;
clear: both;
width: 100%;
margin-left: auto;
margin-right: auto;
border: none;
border-bottom: 1px solid #666;
height: initial;
float: none;
margin: 0
}
.c-modal-howtobuy__steps-detail {
text-align: left;
margin: 0;
padding: 20px 0 20px 40px
}
.c-modal-howtobuy__steps-number {
left: 0;
top: 0;
bottom: 0;
margin: auto
}
.c-modal-howtobuy__pagoefectivo-link {
display: block;
width: 100%;
text-align: center;
margin-left: 0;
margin-bottom: 10px
}
}
.c-modal-newsletter {
padding: 0 30px;
display: none;
max-width: 550px
}
.c-modal-newsletter__title {
color: #e10d33;
text-align: center;
font-size: 20px;
margin-bottom: 0
}
.c-modal-newsletter__subtitle {
text-align: center;
font-size: 14px;
font-weight: 400;
margin-top: 10px;
color: #636466
}
.c-modal-newsletter__form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-bottom: 15px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.c-modal-newsletter__form-label {
width: 100px;
-ms-flex-negative: 0;
flex-shrink: 0
}
.c-modal-newsletter__form-input-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.c-modal-newsletter__form-radio-label {
margin-right: 30px;
cursor: pointer
}
.c-modal-newsletter__text {
text-align: center;
font-weight: 700;
margin-top: 30px
}
.c-modal-newsletter__check-group {
max-height: 140px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column wrap;
flex-flow: column wrap
}
.c-modal-newsletter__check-label {
padding: 8px 0
}
.c-modal-newsletter__terms {
color: #636466;
font-size: 14px;
text-align: center;
margin-bottom: 10px
}
.c-modal-newsletter__button {
margin: auto;
width: 150px;
display: block;
margin-bottom: 20px
}
.c-modal-newsletter__error-msg {
margin-top: 4px;
margin-left: 100px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
@media only screen and (max-width: 765px) {
.c-modal-newsletter {
max-width: 96%
}
.c-modal-newsletter__check-group {
max-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
}
.c-nav {
position: relative
}
.c-nav__title {
margin-top: 15px;
margin-bottom: 10px;
margin-right: 0;
text-transform: uppercase;
font-size: 14px;
font-weight: 700
}
.c-nav__list {
margin: 0;
list-style: none;
padding: 0;
width: 180px
}
.c-nav__item {
border-top: 1px solid #e9ecee
}
.c-nav__item:hover {
background: #f7f8f9
}
.c-nav__item:hover .c-nav__dropdown {
visibility: visible
}
.c-nav__item:hover .c-nav__item-link {
color: #e10d33
}
.c-nav__item-link {
display: block;
text-decoration: none;
padding: 5.5px 0;
outline: none
}
.c-nav__item-link:hover {
color: #e10d33;
background: #f7f8f9
}
.c-nav .icon {
margin-right: 5px
}
.c-nav__dropdown {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
visibility: hidden;
position: absolute;
z-index: 300;
background-color: #fff;
top: 0;
left: 180px;
width: 960px;
height: 355px;
overflow: hidden
}
.c-nav__dropdown .l-container {
max-width: 100%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.c-nav__dropdown-big-banner {
margin: 0;
display: block
}
.c-nav__dropdown-big-banner-link {
margin: 0;
display: block
}
.c-nav__dropdown-big-banner-image {
margin: 0;
display: block;
max-width: 434px;
height: 355px;
overflow: hidden;
-o-object-fit: cover;
object-fit: cover
}
.c-nav__dropdown-banner {
margin-top: 0;
margin-left: 20px;
margin-right: 0
}
.c-nav__dropdown-banner-link {
margin: 0;
display: inline-block
}
.c-nav__dropdown-banner-link:first-child {
margin-bottom: 15px
}
.c-nav__dropdown-banner-image {
margin: 0;
display: block
}
.c-nav__dropdown-list {
list-style: none;
display: inline-block;
margin: 0;
width: 560px;
padding: 15px 20px;
color: #fff;
text-align: left;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background-color: #f7f8f9;
margin-right: 20px
}
.c-nav__dropdown-list-title {
margin: 0;
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
color: #000;
padding-bottom: 10px;
border-bottom: 1px solid #dbdfe4
}
.c-nav__dropdown-list-item {
margin-top: 5px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
max-height: 300px
}
.c-nav__dropdown-list-item-link {
padding: 5px;
font-size: 14px
}
.c-nav__dropdown-list-item-link:hover {
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"
}
@media only screen and (max-width: 765px) {
.c-nav {
display: none
}
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.c-nav__dropdown-big-banner {
display: none
}
}
.c-note-blog__item {
width: calc(99.9%*1/3 - (30px - 30px*1/3))
}
.c-note-blog__item:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.c-note-blog__item:last-child {
margin-right: 0
}
.c-note-blog__item:nth-child(3n) {
margin-right: 0;
float: right
}
.c-note-blog__item:nth-child(3n+1) {
clear: both
}
.c-note-blog__title {
font-size: 16px;
margin: 20px 0
}
.c-note-blog__description {
font-size: 14px;
overflow: hidden;
max-height: 70px;
display: block;
margin: 14px 0
}
.c-note-blog__image {
width: 100%;
display: block;
max-height: 170px;
-o-object-fit: cover;
object-fit: cover
}
.c-note-blog__link {
color: #e10d33;
font-weight: 700
}
@media only screen and (max-width: 765px) {
.c-note-blog__item {
width: calc(99.9%*1/1 - (30px - 30px*1/1))
}
.c-note-blog__item:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.c-note-blog__item:last-child {
margin-right: 0
}
.c-note-blog__item:nth-child(1n) {
margin-right: 0;
float: right
}
.c-note-blog__item:nth-child(1n+1) {
clear: both
}
.c-note-blog__item:nth-child(n+2) {
display: none
}
}
.c-pagination {
border-top: 1px dashed #cecece;
text-align: center;
padding: 12px 10px;
clear: both
}
.c-pagination--fixed {
position: fixed;
width: 100%;
z-index: 2;
bottom: 0;
background-color: #fff;
left: 0
}
.c-pagination__item {
display: inline-block;
margin: 5px
}
.c-pagination__link {
padding: 6px 12px;
background-color: #f7f8f9;
border-radius: 5px;
color: #636466;
-webkit-transition: .1s all ease;
transition: .1s all ease;
outline: none
}
.c-pagination__link--disabled {
opacity: .4;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
pointer-events: none
}
.c-pagination__link:hover,
.c-pagination__link--active {
background-color: #e10d33;
color: #fff;
-webkit-transition: .2s all ease;
transition: .2s all ease
}
.c-pagination__link--active {
pointer-events: none
}
@media only screen and (max-width: 765px) {
.c-pagination {
display: none
}
}
.c-radio__input {
position: absolute;
visibility: hidden
}
.c-radio__input:checked~.c-radio__radio {
border: 1px solid #cecece
}
.c-radio__input:checked~.c-radio__radio:before {
background: #e10d33
}
.c-radio__label {
cursor: pointer;
position: relative;
margin-right: 20px
}
.c-radio__radio {
display: inline-block;
position: relative;
border: 1px solid #cecece;
border-radius: 100%;
height: 23px;
width: 23px;
left: 5px;
z-index: 1;
background: #fff;
-webkit-transition: border .25s linear;
transition: border .25s linear;
vertical-align: middle
}
.c-radio__radio:before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 13px;
width: 13px;
top: 4px;
background: #fff;
left: 4px;
margin: auto;
transition: background .25s linear;
-webkit-transition: background .25s linear
}
.c-search-form {
position: relative;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.c-search-form__input {
font-size: 16px
}
.c-search-form__button {
outline: 0;
position: absolute;
padding: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
background: #e10d33;
color: #fff;
border: none;
border-radius: 0 5px 5px 0
}
.c-search-form__autocomplete {
visibility: visible;
z-index: 210;
position: absolute;
background: #fff;
width: calc(100% - 45px)!important;
padding: 0;
margin: 0;
border-right: 1px solid #cecece;
border-left: 1px solid #cecece;
border-bottom: 1px solid #cecece;
list-style: none
}
.c-search-form__autocomplete-item {
margin: 0;
list-style: none
}
.c-search-form__autocomplete-link {
outline: none;
color: #636466;
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px
}
.c-search-form__autocomplete-link:hover {
background: #f7f8f9
}
.c-search-form__autocomplete-image {
max-height: 30px;
max-width: 60px;
width: 60px;
display: block
}
.c-search-form__autocomplete-product {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 0 10px
}
.c-slider {
margin: 0;
width: 100%;
max-width: 630px;
height: 100%
}
.c-slider__image {
margin: 0;
width: 100%
}
.c-slider__link:nth-child(n+2):not(.slick-slide) {
display: none
}
.c-special-collection__list {
margin: 0 0 30px
}
.c-special-collection__item {
margin-bottom: 10px;
width: calc(99.9%*1/3 - (15px - 15px*1/3));
position: relative
}
.c-special-collection__item:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none
}
.c-special-collection__item:last-child {
margin-right: 0
}
.c-special-collection__item:nth-child(3n) {
margin-right: 0;
float: right
}
.c-special-collection__item:nth-child(3n+1) {
clear: both
}
.c-special-collection__item:after {
-webkit-transition: .2s all ease-in;
transition: .2s all ease-in;
background: #000;
opacity: .3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
content: ' ';
width: 100%;
height: 100%;
top: 0;
position: absolute;
z-index: 0
}
.c-special-collection__item:before {
content: 'Ver ofertas';
background: #e10d33;
border-radius: 5px;
color: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: 35px;
line-height: 35px;
text-align: center;
width: 130px;
z-index: 1;
visibility: hidden;
font-size: 16px
}
.c-special-collection__item:hover:before {
visibility: visible
}
.c-special-collection__item:hover:after {
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
-webkit-transition: .2s all ease-in;
transition: .2s all ease-in
}
.c-special-collection__item:hover .c-special-collection__item-message {
display: none
}
.c-special-collection__item-image {
margin: 0;
width: 100%;
display: block
}
.c-special-collection__item-message {
position: absolute;
width: 100%;
text-align: center;
color: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
padding: 14px
}
.c-special-collection__item-title {
margin: 0;
text-transform: uppercase;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
z-index: 1;
font-size: 22px;
font-weight: 400
}
.c-special-collection__item-discount {
margin: 0;
z-index: 1
}
.c-special-collection .l-newsletter {
display: none
}
@media only screen and (max-width: 765px) {
.c-special-collection .l-section-menu__header {
display: none
}
.c-special-collection .l-newsletter {
display: block
}
.c-special-collection__item {
width: calc(99.9%*1/2 - (15px - 15px*1/2))
}
.c-special-collection__item:nth-child(1n) {
float: left;
margin-right: 15px;
clear: none
}
.c-special-collection__item:last-child {
margin-right: 0
}
.c-special-collection__item:nth-child(2n) {
margin-right: 0;
float: right
}
.c-special-collection__item:nth-child(2n+1) {
clear: both
}
.c-special-collection__item-title {
font-size: 18px
}
.c-special-collection__item-discount {
display: none
}
}
@media only screen and (max-width: 765px) {
.c-suggested-deals {
display: none
}
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.c-suggested-deals .c-campaign:nth-child(n+4) {
display: none
}
}
.l-category {
border-bottom: 1px dashed #cecece;
padding-bottom: 15px
}
.l-category__title {
color: #e10d33;
text-transform: uppercase;
font-size: 16px;
margin-top: 30px
}
.l-category .c-special-collection__item {
width: calc(99.9%*1/4 - (30px - 30px*1/4));
position: relative;
float: left!important;
margin-right: 15px!important;
outline: none
}
.l-category .c-special-collection__item:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-category .c-special-collection__item:last-child {
margin-right: 0
}
.l-category .c-special-collection__item:nth-child(4n) {
margin-right: 0;
float: right
}
.l-category .c-special-collection__item:nth-child(4n+1) {
clear: both
}
.l-category .c-special-collection__item:nth-child(4) {
margin-right: 0!important
}
.l-category .c-special-collection__item-title {
font-size: 18px
}
@media only screen and (max-width: 765px) {
.l-category .c-special-collection__item {
width: auto;
margin-right: 0!important
}
.l-category .c-special-collection__item:last-child {
float: none;
clear: none;
margin-right: 0;
width: auto
}
.l-category .c-special-collection__item:nth-child(1n) {
float: none;
clear: none;
margin-right: 0;
width: auto
}
.l-category .c-special-collection__item:nth-child(1n+1) {
float: none;
clear: none;
margin-right: 0;
width: auto
}
}
.l-container {
max-width: 1140px;
margin: 0 auto
}
.l-container:before {
content: '';
display: table
}
.l-container:after {
content: '';
display: table;
clear: both
}
@media only screen and (max-width: 765px) {
.l-container {
padding-left: 3%!important;
padding-right: 3%!important
}
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.l-container {
padding-left: 2%!important;
padding-right: 2%!important
}
}
@media only screen and (max-width: 765px) {
.l-filters {
display: none;
padding-bottom: 10px;
box-shadow: 0 7px 6px -6px rgba(0, 0, 0, .2);
position: relative;
z-index: 1
}
}
@media only screen and (min-width: 765px) {
.l-filters {
display: block!important
}
}
.l-footer {
background: #2d2e2f;
color: #a5a5a5;
font-size: 14px;
padding-top: 20px
}
.l-footer .l-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 10px 0
}
.l-footer .l-container:last-child {
border-top: 1px solid #a5a5a5
}
.l-footer--active {
position: fixed;
bottom: 0;
width: 100%
}
.l-footer__btn-how-buy {
display: none
}
.l-footer__link {
margin: 0;
color: inherit;
text-decoration: none;
-webkit-transition: all .3s ease;
transition: all .3s ease;
padding: 5px 0;
display: block;
font-size: 14px
}
.l-footer__link:hover {
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.l-footer__title {
margin-bottom: 20px;
font-size: 16px;
text-transform: uppercase
}
.l-footer__logo {
max-width: 265px;
width: calc(99.9%*3/12 - (30px - 30px*3/12));
margin-right: 0;
padding: 0
}
.l-footer__logo:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-footer__logo:last-child {
margin-right: 0
}
.l-footer__logo:nth-child(12n) {
margin-right: 0;
float: right
}
.l-footer__logo:nth-child(12n+1) {
clear: both
}
.l-footer__logo-svg {
width: 120px;
display: block;
margin: auto auto 20px;
fill: #a5a5a5;
height: 40px
}
.l-footer__logo-description {
margin: 0
}
.l-footer__faq {
list-style: none;
width: calc(99.9%*2/12 - (30px - 30px*2/12));
padding: 0
}
.l-footer__faq:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-footer__faq:last-child {
margin-right: 0
}
.l-footer__faq:nth-child(12n) {
margin-right: 0;
float: right
}
.l-footer__faq:nth-child(12n+1) {
clear: both
}
.l-footer__partner {
list-style: none;
padding: 0;
width: calc(99.9%*2/12 - (30px - 30px*2/12))
}
.l-footer__partner:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-footer__partner:last-child {
margin-right: 0
}
.l-footer__partner:nth-child(12n) {
margin-right: 0;
float: right
}
.l-footer__partner:nth-child(12n+1) {
clear: both
}
.l-footer__contact {
list-style: none;
padding: 0;
width: calc(99.9%*2/12 - (30px - 30px*2/12))
}
.l-footer__contact:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-footer__contact:last-child {
margin-right: 0
}
.l-footer__contact:nth-child(12n) {
margin-right: 0;
float: right
}
.l-footer__contact:nth-child(12n+1) {
clear: both
}
.l-footer__contact-item {
margin: 0 0 10px
}
.l-footer__contact-item-available {
width: 130px;
display: inline-block;
position: relative;
right: -8px
}
.l-footer .icon-time {
width: 30px;
position: relative;
left: -3px;
top: -2px
}
.l-footer .icon-phone {
font-size: 40px
}
.l-footer .icon-subscription {
font-size: 33px;
margin-left: 4px
}
.l-footer__social-networks {
list-style: none;
padding: 0;
width: calc(99.9%*3/12 - (30px - 30px*3/12))
}
.l-footer__social-networks:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-footer__social-networks:last-child {
margin-right: 0
}
.l-footer__social-networks:nth-child(12n) {
margin-right: 0;
float: right
}
.l-footer__social-networks:nth-child(12n+1) {
clear: both
}
.l-footer__social-networks-item {
margin-right: 10px;
display: inline-block
}
.l-footer__social-networks-list {
list-style: none;
text-decoration: none;
margin: 0;
padding: 0
}
.l-footer__social-networks-link {
margin: 0;
color: inherit;
text-decoration: none;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.l-footer__social-networks-link:hover {
-webkit-transition: all .3s ease;
transition: all .3s ease;
opacity: .6;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}
.l-footer__social-networks-link .icon {
border: 1px solid #a5a5a5;
border-radius: 50%;
position: relative;
height: 38px;
width: 38px
}
.l-footer__social-networks-link .icon:before {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}
.l-footer__social-networks-link .icon-fb,
.l-footer__social-networks-link .icon-google {
font-size: 35px
}
.l-footer__social-networks-link .icon-youtube,
.l-footer__social-networks-link .icon-twitter {
font-size: 28px
}
.l-footer__social-networks-list-mobile {
margin-top: 20px
}
.l-footer__social-networks-mobile {
display: inline-block
}
.l-footer__social-networks-mobile:first-child {
margin-right: 6px
}
.l-footer__social-networks-mobile-link {
margin: 0
}
.l-footer__social-networks-mobile-link .ico-appstore {
background-image: url(../img/sprite.png?v=2016125);
background-position: 0 0;
width: 126px;
height: 42px;
display: inline-block
}
.l-footer__social-networks-mobile-link .ico-playstore {
background-image: url(../img/sprite.png?v=2016125);
background-position: 0 -44px;
width: 126px;
height: 42px;
display: inline-block
}
.l-footer__copyright {
margin: 0;
width: calc(99.9%*1/2)
}
.l-footer__copyright:nth-child(1n) {
float: left;
margin-right: 0;
clear: none
}
.l-footer__copyright:last-child {
margin-right: 0
}
.l-footer__copyright:nth-child(0n) {
margin-right: 0;
float: right
}
.l-footer__copyright:nth-child(0n+1) {
clear: both
}
.l-footer__payments {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: calc(99.9%*1/2)
}
.l-footer__payments:nth-child(1n) {
float: left;
margin-right: 0;
clear: none
}
.l-footer__payments:last-child {
margin-right: 0
}
.l-footer__payments:nth-child(0n) {
margin-right: 0;
float: right
}
.l-footer__payments:nth-child(0n+1) {
clear: both
}
.l-footer__payments-list {
list-style: none;
margin: 0 0 0 10px;
padding: 0;
display: inline-block
}
.l-footer__payments-list .ico_visa {
background-image: url(../img/sprite.png?v=2016125);
background-position: -128px -29px;
width: 60px;
height: 27px;
display: inline-block
}
.l-footer__payments-list .ico_amex {
background-image: url(../img/sprite.png?v=2016125);
background-position: -128px -58px;
width: 51px;
height: 28px;
display: inline-block
}
.l-footer__payments-list .ico_mc {
background-image: url(../img/sprite.png?v=2016125);
background-position: -128px -88px;
width: 52px;
height: 27px;
display: inline-block
}
.l-footer__payments-list .ico_pe {
background-image: url(../img/sprite.png?v=2016125);
background-position: -128px 0;
width: 67px;
height: 27px;
display: inline-block
}
.l-footer__payments-list .ico_dc {
background-image: url(../img/sprite.png?v=2016125);
background-position: 0 -88px;
width: 104px;
height: 27px;
display: inline-block
}
.l-footer__payments-item {
margin: 0 5px 0 0;
display: inline-block
}
.l-footer__payments-item:last-child {
margin: 0
}
.l-footer__payments-link {
margin: 0
}
.l-footer__payments-image {
margin: 0
}
@media only screen and (max-width: 765px) {
.l-footer {
text-align: center;
padding: 10px 20px
}
.l-footer__btn-how-buy {
display: block;
background-color: #e10d33;
text-align: center;
padding: 12px;
color: #fff;
outline: none;
margin-top: 10px
}
.l-footer .l-container {
border: none;
width: 100%
}
.l-footer .l-container:last-child {
border-top: none
}
.l-footer .icon-phone {
margin-right: 5px
}
.l-footer .icon-subscription {
margin-right: 10px
}
.l-footer .icon-time {
margin-right: 10px
}
.l-footer__payments {
display: inline-block;
width: 100%
}
.l-footer__payments-span {
width: 100%;
display: inline-block
}
.l-footer__payments-list {
margin: 15px 0 0 10px
}
.l-footer__logo {
width: 100%;
display: inline-block;
max-width: 100%
}
.l-footer__logo-description {
display: none
}
.l-footer .l-container {
display: inline-block;
padding-bottom: 0
}
.l-footer__social-networks-list {
border-top: 1px solid #a5a5a5;
padding: 15px 0 10px
}
.l-footer__contact {
text-align: left
}
.l-footer__contact-item {
border-top: 1px solid #a5a5a5;
padding: 10px 0;
margin: 0
}
.l-footer__contact-item:first-child {
display: none
}
.l-footer__title,
.l-footer__faq,
.l-footer__partner,
.l-footer__social-networks-list-mobile,
.l-footer__copyright {
display: none
}
.l-footer__logo,
.l-footer__contact,
.l-footer__social-networks {
width: calc(99.9%*1/1 - (30px - 30px*1/1))
}
.l-footer__logo:nth-child(1n),
.l-footer__contact:nth-child(1n),
.l-footer__social-networks:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-footer__logo:last-child,
.l-footer__contact:last-child,
.l-footer__social-networks:last-child {
margin-right: 0
}
.l-footer__logo:nth-child(1n),
.l-footer__contact:nth-child(1n),
.l-footer__social-networks:nth-child(1n) {
margin-right: 0;
float: right
}
.l-footer__logo:nth-child(1n+1),
.l-footer__contact:nth-child(1n+1),
.l-footer__social-networks:nth-child(1n+1) {
clear: both
}
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.l-footer {
padding: 10px 25px
}
.l-footer__payments-span {
display: none
}
.l-footer__logo {
display: none
}
.l-footer__faq,
.l-footer__partner,
.l-footer__contact,
.l-footer__social-networks {
width: calc(99.9%*1/4)
}
.l-footer__faq:nth-child(1n),
.l-footer__partner:nth-child(1n),
.l-footer__contact:nth-child(1n),
.l-footer__social-networks:nth-child(1n) {
float: left;
margin-right: 0;
clear: none
}
.l-footer__faq:last-child,
.l-footer__partner:last-child,
.l-footer__contact:last-child,
.l-footer__social-networks:last-child {
margin-right: 0
}
.l-footer__faq:nth-child(4n),
.l-footer__partner:nth-child(4n),
.l-footer__contact:nth-child(4n),
.l-footer__social-networks:nth-child(4n) {
margin-right: 0;
float: right
}
.l-footer__faq:nth-child(4n+1),
.l-footer__partner:nth-child(4n+1),
.l-footer__contact:nth-child(4n+1),
.l-footer__social-networks:nth-child(4n+1) {
clear: both
}
}
.l-guide-deals {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 24px auto 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 1px dashed #cecece;
padding-bottom: 24px
}
.l-guide-deals__banners {
margin-left: 10px
}
@media only screen and (max-width: 765px) {
.l-guide-deals {
border-bottom: none;
margin-top: 10px;
padding-bottom: 0
}
.l-guide-deals__banners {
display: none
}
.l-guide-deals__nav {
display: none
}
.l-guide-deals__slider {
max-width: 100%;
width: 100%
}
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.l-guide-deals__banners {
display: none
}
.l-guide-deals__slider {
height: 100%;
width: 75%;
margin-left: 10px
}
}
.l-header {
background-color: #fff
}
.l-header--active {
position: fixed!important;
width: 100%;
z-index: 200;
top: 0;
background: #fff;
border: none
}
.l-header--active .l-header__nav {
display: block!important
}
.l-header .l-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 13.5px 0
}
.l-header__mobile-menu {
display: none
}
.l-header__logo {
width: 135px;
margin-right: 55px;
display: block;
margin-bottom: -8px
}
.l-header__logo-img {
height: 100%
}
.l-header__auth {
list-style: none;
padding: 0;
margin-left: 20px
}
.l-header__auth-item {
margin: 0;
position: relative;
display: inline-block;
font-size: 14px
}
.l-header__auth-item:first-child {
border-right: 1px solid #cecece
}
.l-header__auth-item:first-child:hover .c-login-form {
visibility: visible;
-webkit-transition: .2s all ease;
transition: .2s all ease
}
.l-header__logged {
margin-left: 10px;
background: #f7f8f9;
border-radius: 5px
}
.l-header__logged:first-child {
border-right: none
}
.l-header__logged:hover>.c-menu-account {
visibility: visible
}
.l-header__auth-link {
color: #2d2e2f;
padding: 7px 10px;
display: block;
text-decoration: none;
font-weight: 700
}
.l-header__cart {
background: #f7f8f9;
padding: 8px 10px 8px 0;
border-radius: 5px;
font-weight: 700
}
.l-header .icon-search {
margin: 0
}
.l-header__nav {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
background: #f7f8f9;
width: 100%;
max-width: 100%;
position: relative;
box-shadow: 0 7px 6px -6px rgba(0, 0, 0, .2)
}
.l-header__nav:before {
content: '';
display: table
}
.l-header__nav:after {
content: '';
display: table;
clear: both
}
.l-header__nav .icon-menu,
.l-header__nav .icon-arrow-right,
.l-header__nav .icon-x-mark {
display: none
}
.l-header__nav .c-nav {
max-width: 1140px;
margin: 0 auto;
position: initial
}
.l-header__nav .c-nav__dropdown {
left: 0;
height: 215px;
z-index: 200;
top: 30px;
background: #fff;
width: 100%;
box-shadow: 0 7px 6px -6px rgba(0, 0, 0, .2)
}
.l-header__nav .c-nav__dropdown .l-container {
max-width: 1140px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
.l-header__nav .c-nav__dropdown-banner {
margin: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.l-header__nav .c-nav__dropdown-banner-link {
width: 50%
}
.l-header__nav .c-nav__dropdown-banner-link:first-child {
margin: 0 30px 0 0
}
.l-header__nav .c-nav__dropdown-banner-image {
display: block;
width: 100%
}
.l-header__nav .c-nav__dropdown-list {
padding: 0;
background: #fff;
-ms-flex-preferred-size: 42%;
flex-basis: 42%
}
.l-header__nav .c-nav__dropdown-list-item {
height: 174px;
margin: 0
}
.l-header__nav .c-nav__dropdown-list-item-link {
width: 33.33%;
line-height: 1.3
}
.l-header__nav .c-nav__title {
display: none
}
.l-header__nav .c-nav__list {
width: initial;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%
}
.l-header__nav .c-nav__dropdown-list-title {
display: none
}
.l-header__nav .c-nav__dropdown-big-banner {
display: none
}
.l-header__nav .c-nav__item {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
border: none
}
.l-header__nav .c-nav__item-link {
padding: 6px 10px;
font-size: 16px
}
.l-header__nav .c-nav__item-link:hover {
background: #fff
}
.l-header__nav .c-nav__item-link:hover .c-nav__dropdown {
visibility: visible
}
.l-header__nav .c-nav__item-link:hover .c-nav__title-item-link {
color: #e10d33
}
.l-header__nav .c-nav .icon {
display: none
}
@media only screen and (max-width: 765px) {
.l-header {
border-bottom: none
}
.l-header .l-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
box-shadow: 0 7px 6px -6px rgba(0, 0, 0, .2);
padding: 15px 0
}
.l-header__auth {
display: none;
width: 100%;
margin-left: 0;
text-align: center;
position: absolute;
background: #fff;
padding: 10px 3%;
top: 60px;
border-top: 1px solid #e2e2e2;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
left: 0
}
.l-header__auth-item {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: initial
}
.l-header__auth-item:first-child {
border-right: none;
margin-right: 15px
}
.l-header__logged {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
top: 0;
position: initial;
width: 100%;
left: 0;
right: 0;
margin: 0
}
.l-header__logged:first-child {
margin-right: 0
}
.l-header__logged:hover>.c-menu-account {
visibility: hidden
}
.l-header__auth-link {
padding: 12px 0;
background: #f1f3f5;
border-radius: 5px
}
.l-header__logo {
margin-right: 0
}
.l-header__logo-img {
height: 40px
}
.l-header__search-form {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-top: 10px
}
.l-header__nav {
display: block;
position: initial
}
.l-header .icon-menu,
.l-header .icon-arrow-right,
.l-header .icon-x-mark {
cursor: pointer;
padding: 10px 0;
position: absolute;
top: 5px;
left: 2%;
z-index: 1
}
.l-header .icon-menu {
display: block
}
.l-header .icon-arrow-right {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.l-header .c-nav {
position: absolute;
top: 115px;
background: #fff;
z-index: 300;
display: none;
box-shadow: 0 7px 6px -6px rgba(0, 0, 0, .2);
width: 100%
}
.l-header .c-nav .icon {
display: block;
position: absolute;
right: 1%;
color: #636466;
top: 10px
}
.l-header .c-nav__list {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.l-header .c-nav__item {
width: 100%;
text-align: initial
}
.l-header .c-nav__item:hover {
background: initial
}
.l-header .c-nav__item:hover .c-nav__dropdown {
visibility: initial
}
.l-header .c-nav__item:hover .c-nav__item-link {
color: #e10d33
}
.l-header .c-nav__item--active .icon:before {
display: none
}
.l-header .c-nav__item-link {
padding: 12px 3%;
border-bottom: 1px solid #e7e7e7;
position: relative
}
.l-header .c-nav__dropdown {
display: none;
visibility: visible;
position: initial;
height: initial;
box-shadow: none;
background: #f7f8f9
}
.l-header .c-nav__dropdown .l-container {
width: 100%;
padding-top: 0;
padding-bottom: 0
}
.l-header .c-nav__dropdown-list {
background: transparent;
margin-right: 0;
-ms-flex-preferred-size: initial;
flex-basis: initial;
width: 100%
}
.l-header .c-nav__dropdown-list-item {
height: initial;
max-height: initial
}
.l-header .c-nav__dropdown-list-item-link {
width: 100%;
padding: 10px 15px;
margin: 0;
border-top: 1px solid #e2e2e2;
font-size: 16px
}
.l-header .c-nav__dropdown-list-item-link:first-child {
border-top: none
}
.l-header .c-nav__dropdown-banner {
display: none
}
}
@media only screen and (min-width: 765px) {
.l-header__auth,
.l-header .c-nav {
display: block!important
}
.l-header__nav .icon-menu,
.l-header__nav .icon-arrow-right,
.l-header__nav .icon-x-mark {
display: none!important
}
.l-header__logged:hover>.c-menu-account {
visibility: visible!important
}
}
.l-newsletter {
background: #f7f8f9
}
.l-newsletter--active {
position: fixed;
bottom: 0;
z-index: 200;
width: 100%
}
.l-newsletter .l-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 0
}
.l-newsletter .icon-newsletter {
font-size: 75px;
color: #e10d33
}
.l-newsletter__highlight {
color: #e10d33;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: 20px;
pointer-events: none
}
.l-newsletter__message {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.l-newsletter__message-title {
margin: 0;
font-size: 19px;
text-transform: uppercase
}
.l-newsletter__message-subtitle {
margin: 0;
font-size: 14px;
font-weight: 700
}
.l-newsletter__form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.l-newsletter__form-inputs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.l-newsletter__form-genre {
display: inline-block;
margin-right: 20px
}
.l-newsletter__form-name {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.l-newsletter__form-name .icon-x-mark-circle {
font-size: 35px;
color: #636466;
-webkit-transition: .3s all ease;
transition: .3s all ease
}
.l-newsletter__form-name .icon-x-mark-circle:hover {
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-webkit-transition: .3s all ease;
transition: .3s all ease
}
.l-newsletter__form-name .parsley-errors-list {
display: none
}
.l-newsletter__form-input {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.l-newsletter__form-input:first-child {
margin-right: 10px
}
.l-newsletter__form-button {
margin-left: 10px;
-ms-flex-negative: 0;
flex-shrink: 0
}
.l-newsletter__form-policies {
display: inline-block;
margin: 0;
font-size: 11px
}
.l-newsletter__form-policies-link {
color: #0084ff
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.l-newsletter .l-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
.l-newsletter .icon {
font-size: 50px
}
.l-newsletter__highlight {
margin-right: 0;
padding-bottom: 10px
}
.l-newsletter__message {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.l-newsletter__message-title {
margin-right: 10px;
font-size: 16px
}
.l-newsletter__message-subtitle {
font-size: 16px
}
.l-newsletter__form {
width: 100%;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
}
@media only screen and (max-width: 765px) {
.l-newsletter {
margin-bottom: 15px;
cursor: pointer;
display: none;
z-index: 1
}
.l-newsletter .icon {
font-size: 60px
}
.l-newsletter__form {
display: none
}
.l-newsletter__highlight {
pointer-events: all
}
.l-newsletter--active {
position: relative
}
}
.l-results {
margin-top: 20px
}
.l-results .l-filters {
width: calc(99.9%*3/12 - (30px - 30px*3/12))
}
.l-results .l-filters:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-results .l-filters:last-child {
margin-right: 0
}
.l-results .l-filters:nth-child(12n) {
margin-right: 0;
float: right
}
.l-results .l-filters:nth-child(12n+1) {
clear: both
}
.l-results .l-search-result {
width: calc(99.9%*9/12 - (30px - 30px*9/12))
}
.l-results .l-search-result:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-results .l-search-result:last-child {
margin-right: 0
}
.l-results .l-search-result:nth-child(12n) {
margin-right: 0;
float: right
}
.l-results .l-search-result:nth-child(12n+1) {
clear: both
}
@media only screen and (max-width: 765px) {
.l-results {
margin-top: 15px
}
.l-results .l-filters {
width: calc(99.9%*1/1 - (30px - 30px*1/1))
}
.l-results .l-filters:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-results .l-filters:last-child {
margin-right: 0
}
.l-results .l-filters:nth-child(1n) {
margin-right: 0;
float: right
}
.l-results .l-filters:nth-child(1n+1) {
clear: both
}
.l-results .l-search-result {
width: calc(99.9%*1/1 - (30px - 30px*1/1))
}
.l-results .l-search-result:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-results .l-search-result:last-child {
margin-right: 0
}
.l-results .l-search-result:nth-child(1n) {
margin-right: 0;
float: right
}
.l-results .l-search-result:nth-child(1n+1) {
clear: both
}
}
.l-search-result .c-campaign {
width: calc(99.9%*1/3 - (30px - 30px*1/3))
}
.l-search-result .c-campaign:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-search-result .c-campaign:last-child {
margin-right: 0
}
.l-search-result .c-campaign:nth-child(3n) {
margin-right: 0;
float: right
}
.l-search-result .c-campaign:nth-child(3n+1) {
clear: both
}
.l-search-result .c-campaign--medium {
width: calc(99.9%*1/2 - (30px - 30px*1/2))
}
.l-search-result .c-campaign--medium:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-search-result .c-campaign--medium:last-child {
margin-right: 0
}
.l-search-result .c-campaign--medium:nth-child(2n) {
margin-right: 0;
float: right
}
.l-search-result .c-campaign--medium:nth-child(2n+1) {
clear: both
}
.l-search-result__details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: -10px
}
.l-search-result__message {
margin: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
font-weight: 700;
font-size: 15px
}
.l-search-result__order {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.l-search-result__order-text {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 10px;
font-size: 15px
}
.l-search-result__order-select {
height: 32px;
line-height: 32px
}
.l-search-result__content:before {
content: '';
display: table
}
.l-search-result__content:after {
content: '';
display: table;
clear: both
}
.l-search-result__page:before {
content: '';
display: table
}
.l-search-result__page:after {
content: '';
display: table;
clear: both
}
@media only screen and (max-width: 765px) {
.l-search-result .c-campaign {
width: calc(99.9%*1/1 - (30px - 30px*1/1))
}
.l-search-result .c-campaign:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-search-result .c-campaign:last-child {
margin-right: 0
}
.l-search-result .c-campaign:nth-child(1n) {
margin-right: 0;
float: right
}
.l-search-result .c-campaign:nth-child(1n+1) {
clear: both
}
.l-search-result__details {
margin-top: 0;
display: none
}
.l-search-result__suggested-campaigns {
display: none
}
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.l-search-result .c-campaign {
width: calc(99.9%*1/2 - (30px - 30px*1/2))
}
.l-search-result .c-campaign:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.l-search-result .c-campaign:last-child {
margin-right: 0
}
.l-search-result .c-campaign:nth-child(2n) {
margin-right: 0;
float: right
}
.l-search-result .c-campaign:nth-child(2n+1) {
clear: both
}
.l-search-result__suggested-campaigns {
display: none
}
}
.l-section-menu {
padding: 15px 0
}
.l-section-menu__header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px
}
.l-section-menu__filters {
list-style: none;
display: inline-block;
float: right
}
.l-section-menu__filter-item {
float: left
}
.l-section-menu__filter-link {
background: #f7f8f9;
color: #000;
text-decoration: none;
width: 130px;
margin-left: 5px;
font-size: 15px;
height: 35px;
line-height: 35px;
text-align: center;
display: block;
border-radius: 5px;
-webkit-transition: .2s all ease;
transition: .2s all ease
}
.l-section-menu__filter-link:hover {
-webkit-transition: .2s all ease;
transition: .2s all ease;
background: #eef1f3
}
.l-section-menu__filter-link--active {
color: #fff;
background: #e10d33
}
.l-section-menu__filter-link--active:hover {
background: #da0d31
}
.l-section-menu__title {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 15px;
font-size: 20px;
text-transform: uppercase
}
.l-section-menu__subtitle {
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}
.l-section-menu__subtitle span {
font-weight: 700
}
.l-section-menu__select {
display: none;
margin-left: 10px;
width: 31%
}
.l-section-menu__link {
color: #e10d33;
border: 1px solid #e10d33;
padding: 6px 20px;
float: right;
cursor: pointer;
border-radius: 5px;
font-weight: 700;
font-size: 14px;
-webkit-transition: .2s all ease;
transition: .2s all ease
}
.l-section-menu__link:hover {
opacity: .8;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-webkit-transition: .2s all ease;
transition: .2s all ease
}
.l-section-menu__list {
margin: 0
}
.l-section-menu__see-all {
display: none
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.l-section-menu__filters {
display: none
}
.l-section-menu__select {
display: inline-block
}
}
@media only screen and (max-width: 765px) {
.l-section-menu__filters {
display: none
}
.l-section-menu__header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
.l-section-menu__select {
display: block;
margin: 0;
width: 100%
}
.l-section-menu__title {
width: 100%;
border-bottom: 1px solid #cecece;
padding-bottom: 10px
}
.l-section-menu__subtitle {
display: none
}
.l-section-menu__see-all {
display: block;
width: 200px;
clear: both;
margin-left: auto;
margin-right: auto;
text-align: center
}
}
.l-unsuscribe {
max-width: 50%;
margin: 50px auto;
text-align: center;
min-height: 50vh
}
.l-unsuscribe .c-form-group {
display: block
}
.l-unsuscribe .c-form-group__label {
margin-top: 20px;
margin-bottom: 10px;
display: block
}
.l-unsuscribe .c-form-group__button {
margin: 10px auto 0
}
@media only screen and (max-width: 765px) {
.l-unsuscribe {
max-width: 100%
}
}
.p-error img {
max-width: 100%
}
.p-index .l-header {
border-bottom: 1px dashed #cecece
}
.p-index .l-header--active {
border-bottom: none
}
.p-index .u-header-expand {
padding-top: 0;
display: none
}
@media only screen and (max-width: 765px) {
.p-index .l-header {
border-bottom: none
}
}
@media only screen and (min-width: 765px) {
.p-index .l-header__nav {
display: none
}
}
.p-paginas .l-retailer__title {
margin-bottom: 40px
}
.p-paginas .l-retailer__group-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
max-height: 290px
}
.p-paginas .l-retailer__column {
width: calc(99.9%*1/2 - (30px - 30px*1/2))
}
.p-paginas .l-retailer__column:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.p-paginas .l-retailer__column:last-child {
margin-right: 0
}
.p-paginas .l-retailer__column:nth-child(2n) {
margin-right: 0;
float: right
}
.p-paginas .l-retailer__column:nth-child(2n+1) {
clear: both
}
.p-paginas .l-retailer__button {
margin-bottom: 20px;
padding-left: 40px;
padding-right: 40px
}
.p-paginas .l-retailer__special-block {
margin-left: 5px;
clear: both
}
@media only screen and (min-width: 765px) {
.p-paginas .l-retailer__special-block {
text-align: center
}
.p-paginas .l-retailer__special-block .c-form-group__label {
display: none
}
}
@media only screen and (max-width: 765px) {
.p-paginas .l-retailer__column {
width: calc(99.9%*1/1 - (30px - 30px*1/1))
}
.p-paginas .l-retailer__column:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.p-paginas .l-retailer__column:last-child {
margin-right: 0
}
.p-paginas .l-retailer__column:nth-child(1n) {
margin-right: 0;
float: right
}
.p-paginas .l-retailer__column:nth-child(1n+1) {
clear: both
}
.p-paginas .l-retailer__special-block {
text-align: center
}
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.p-paginas .l-retailer__column {
width: calc(99.9%*1/1 - (30px - 30px*1/1))
}
.p-paginas .l-retailer__column:nth-child(1n) {
float: left;
margin-right: 30px;
clear: none
}
.p-paginas .l-retailer__column:last-child {
margin-right: 0
}
.p-paginas .l-retailer__column:nth-child(1n) {
margin-right: 0;
float: right
}
.p-paginas .l-retailer__column:nth-child(1n+1) {
clear: both
}
.p-paginas .l-retailer__special-block {
text-align: initial
}
.p-paginas .l-retailer__special-block .c-form-group__label {
display: initial
}
}
.p-registro .l-register {
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.p-registro .l-register__column {
width: calc(99.9%*1/2 - (80px - 80px*1/2));
margin-bottom: 20px;
position: relative
}
.p-registro .l-register__column:nth-child(1n) {
float: left;
margin-right: 80px;
clear: none
}
.p-registro .l-register__column:last-child {
margin-right: 0
}
.p-registro .l-register__column:nth-child(2n) {
margin-right: 0;
float: right
}
.p-registro .l-register__column:nth-child(2n+1) {
clear: both
}
.p-registro .l-register__column:first-child:after {
content: " ";
border-right: 1px solid #cecece;
height: 100%;
position: absolute;
right: -40px;
top: 0
}
.p-registro .l-register__fb-button {
background: #3d5a98;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
font-weight: 700;
margin-top: 10px;
line-height: 1.2;
display: inline-block
}
.p-registro .l-register__fb-button:hover {
-webkit-transition: .2s all ease;
transition: .2s all ease;
color: #fff;
opacity: .9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}
.p-registro .l-register__fb-icon {
background-image: url(../img/sprite.png?v=2016125);
background-position: -106px -88px;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: bottom;
margin-right: 10px
}
.p-registro .l-register__button {
padding-left: 40px;
padding-right: 40px;
font-size: 16px
}
.p-registro .l-register__terms {
font-size: 14px;
margin: 30px 0
}
@media only screen and (max-width: 765px) {
.p-registro .l-register {
-ms-flex-flow: column wrap;
flex-flow: column wrap
}
.p-registro .l-register__column {
width: calc(99.9%*12/12)
}
.p-registro .l-register__column:nth-child(1n) {
float: left;
margin-right: 0;
clear: none
}
.p-registro .l-register__column:last-child {
margin-right: 0
}
.p-registro .l-register__column:nth-child(0n) {
margin-right: 0;
float: right
}
.p-registro .l-register__column:nth-child(0n+1) {
clear: both
}
.p-registro .l-register__column:first-child {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.p-registro .l-register__column:first-child:after {
border-right: none
}
.p-registro .l-register__column:nth-child(2) {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-bottom: 30px;
border-bottom: 1px solid #cecece
}
.p-registro .l-register__fb-button {
display: block;
text-align: center
}
}
@media only screen and (min-width: 765px) and (max-width: 1023px) {
.p-registro .l-register {
-ms-flex-flow: column wrap;
flex-flow: column wrap
}
.p-registro .l-register__column {
width: calc(99.9%*12/12)
}
.p-registro .l-register__column:nth-child(1n) {
float: left;
margin-right: 0;
clear: none
}
.p-registro .l-register__column:last-child {
margin-right: 0
}
.p-registro .l-register__column:nth-child(0n) {
margin-right: 0;
float: right
}
.p-registro .l-register__column:nth-child(0n+1) {
clear: both
}
.p-registro .l-register__column:nth-child(2) {
text-align: center;
border-top: 1px solid #cecece;
padding: 20px 0
}
.p-registro .l-register__terms {
text-align: center;
margin: 20px 0
}
.p-registro .l-register__group-container {
max-height: 270px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column wrap;
flex-flow: column wrap
}
.p-registro .l-register__group-container .c-form-group__inputs {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-ms-flex-preferred-size: 60%;
flex-basis: 60%
}
}
html.ie .c-modal-newsletter__check-group {
max-height: 100%
}
html.ie .l-newsletter__form-genre {
-ms-flex-negative: 0;
flex-shrink: 0
}
@media only screen and (max-width: 765px) {
html.ie .l-header {
position: relative
}
html.ie .l-header__nav {
position: absolute;
top: 5px
}
html.ie .l-header__search-form {
margin-top: 14px
}
html.ie .l-header .c-nav__item {
text-align: left
}
html.ie .l-header .c-nav__item:hover {
text-align: left
}
html.ie .l-header .c-nav__dropdown {
position: relative;
top: 0;
height: 100%
}
html.ie .l-header .c-nav__dropdown-list {
-ms-flex-preferred-size: 100%;
flex-basis: 100%
}
html.ie .l-header .c-nav__dropdown-list-item {
height: 100%;
max-height: 100%
}
html.ie .c-menu-account {
top: 50px
}
html.ie .c-menu-account__link {
text-align: left
}
}
Raw
rediseno.phtml
<!DOCTYPE html>
<html lang="es">
<head>
<title><?php echo $this->title; ?></title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="<?php echo $this->description; ?>">
<meta name="keywords" content="<?php echo $this->keywords; ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="title" content="<?php echo $this->title; ?>">
<meta name="url" content="<?php echo $this->baseUrl(); ?>/">
<meta name="author" content="">
<meta name="robots" content="index,follow">
<meta name="yandex-verification" content="3ae29a5ddefe3b76">
<meta property="og:description" content="<?php echo $this->description; ?>">
<meta property="og:image" content="<?php echo $this->staticUrl(); ?>/rediseno/img/logo_share.jpg">
<meta property="og:image:height" content="100">
<meta property="og:image:type" content="image/jpg">
<meta property="og:image:width" content="120">
<meta property="og:title" content="<?php echo $this->title; ?>">
<meta property="og:type" content="website">
<meta property="og:url" content="<?php echo $this->baseUrl(); ?>/">
<meta name="format-detection" content="telephone=no">
<meta name="yandex-verification" content="3ae29a5ddefe3b76">
<link href="<?php echo $this->staticUrl(); ?>/rediseno/img/favicon.png?v=<?php echo $this->lastCommit();?>" rel="icon" type="image/vnd.microsoft.icon">
<link href="<?php echo $this->staticUrl(); ?>/rediseno/img/favicon.png?v=<?php echo $this->lastCommit();?>" rel="shortcut icon" type="image/vnd.microsoft.icon">
<link href="<?php echo $this->staticUrl(); ?>/rediseno/img/favicon.png?v=<?php echo $this->lastCommit();?>" rel="shortcut icon" type="image/x-icon">
<link href="<?php echo $this->staticUrl(); ?>/rediseno/img/favicon.png?v=<?php echo $this->lastCommit();?>" rel="image_src" type="image/jpeg">
<link rel="stylesheet" href="<?php echo $this->staticUrl(); ?>/rediseno/css/fonts.css?v=<?php echo $this->lastCommit();?>">
<link rel="stylesheet" href="<?php echo $this->staticUrl(); ?>/rediseno/css/main.css?v=<?php echo $this->lastCommit();?>">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700">
<script type="text/javascript">
var yOSON = {
"module": "<?php echo $this->moduleName();?>",
"controller": "<?php echo $this->controllerName();?>",
"action": "<?php echo $this->actionName();?>",
"baseHost": "<?php echo $this->baseUrl(); ?>/",
"statHost": "<?php echo $this->staticUrl(); ?>/rediseno/",
"eHost": "<?php echo $this->elementUrl(); ?>",
"statVers": "?v=<?php echo $this->lastCommit();?>",
"AppCore": {},
"AppSandbox": {},
"AppSchema": {
"modules": {},
"requires": {}
},
"static" : false,
"requestUri" : "<?php echo $this->requestUri;?>",
"tmp": {
"appFacebookId": "<?php echo appIdFace; ?>",
"urls": {
"cerrarSesion": "/auth/logout",
},
"sliders": <?php echo json_encode($this->bannerSlider);?>,
"banners": <?php echo json_encode($this->bannerTopRight);?>,
"paginationJson": <?php echo isset($this->paginationJson) ? $this->paginationJson : '{}'?>,
"criteoJson": <?php echo isset($this->criteoJson) ? $this->criteoJson : '{}'?>,
},
"isLogged" : <?php echo ($this->isLogged())?'true':'false';?>,
"userId" : "<?php echo $this->userId()?>"
}
</script>
<script type="text/javascript">
window.fbAsyncInit = function () {
FB.init({
"appId": "<?php echo appIdFace; ?>",
"cookie": true,
"xfbml": true,
"version": "v2.0"
});
};
(function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id))
return;
js = d.createElement(s);
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/es_LA/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="fb-root"></div>
<script type="text/javascript">
(function() {
if(document.querySelector("#headerAuthLoggedLink") !== null){
yOSON.userId = document.querySelector("#headerAuthLoggedLink").dataset.id;
}
ev={};
ev.cupon=({
'idvisita': yOSON.userId,
'idcupon': 'ND',
'idcampana': yOSON.tmp.campanaId,
'marca': 'ND',
'subcampana' : yOSON.tmp.subCampanaId,
'idestablecimiento': yOSON.tmp.establecimientoId,
'preciocupon': yOSON.tmp.campanaPrice,
'categoria': yOSON.tmp.categoriaName,
'idpedido': yOSON.tmp.pedidoId,
'idtransaccion': yOSON.tmp.transaccionId
});
})();
</script>
</head>
<body class="p-<?php echo $this->controllerName();?> p-<?php echo $this->controllerName();?>--<?php echo $this->actionName();?>">
<!-- Google Tag Manager-->
<noscript>iframe(src='//www.googletagmanager.com/ns.html?id=GTM-T5TS87', height='0', width='0', style='display: none; visibility: hidden;')</noscript>
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-T5TS87');
</script>
<!-- End Google Tag Manager-->
<!-- Begin comScore Inline Tag 1.1111.15-->
<script type="text/javascript">// <![CDATA[function udm_(a) { var b = "comScore=", c = document, d = c.cookie, e = "", f = "indexOf", g = "substring", h = "length", i = 2048, j, k = "&ns_", l = "&", m, n, o, p, q = window, r = q.encodeURIComponent || escape; if (d[f](b) + 1) for (o = 0, n = d.split(";"), p = n[h]; o < p; o++) m = n[o][f](b), m + 1 && (e = l + unescape(n[o][g](m + b[h]))); a += k + "_t=" + +(new Date) + k + "c=" + (c.characterSet || c.defaultCharset || "") + "&c8=" + r(c.title) + e + "&c7=" + r(c.URL) + "&c9=" + r(c.referrer), a[h] > i && a[f](l) > 0 && (j = a[g](0, i - 8).lastIndexOf(l), a = (a[g](0, j) + k + "cut=" + r(a[g](j + 1)))[g](0, i)), c.images ? (m = new Image, q.ns_p || (ns_p = m), m.src = a) : c.write("<", "p", "><", 'img src="', a, '" height="1" width="1" alt="*"', "><", "/p", ">") } udm_('http' + (document.location.href.charAt(4)=='s'?'s://sb':'://b'+'.scorecardresearch.com/b?c1=2&c2=6906602&ns_site=ofertop&name=portada.inicio'); //]]></script>
<noscript>
<p><img src="https://sb.scorecardresearch.com/p?c1=2&amp;c2=6906602&amp;ns_site=ofertop&amp;name=portada.inicio" height="1" width="1" alt="*"></p>
</noscript>
<!-- End comScore Inline Tag-->
<header class="l-header">
<div class="l-container"><a class="l-header__logo" href="<?php echo $this->baseUrl(); ?>/"><img class="l-header__logo-img" src="<?php echo $this->staticUrl(); ?>/rediseno/img/ofertop.svg"></a>
<form class="l-header__search-form c-search-form" id="frmSearch" action="/buscar/" method="get">
<input class="c-search-form__input e-input-text" id="autocomplete" type="text" name="q" placeholder="Ingresa lo que estás buscando">
<button class="c-search-form__button" type="submit"><span class="icon icon-search"></span></button>
</form>
<ul class="l-header__auth" id="headerAuthContainer"><?php if($this->isLogged()): ?>
<li class="l-header__auth-item l-header__logged"><a class="l-header__auth-link" id="headerAuthLoggedLink" href="javascript:;" data-id="<?php echo $this->userId()?>">Hola <?php echo $this->UsuarioLogeado()->getNombre(); ?></a>
<ul class="c-menu-account">
<li class="c-menu-account__item"><a class="c-menu-account__link" href="<?php echo $this->baseUrl(); ?>/mi-cuenta/mis-datos">Mis datos</a></li>
<li class="c-menu-account__item"><a class="c-menu-account__link" href="<?php echo $this->baseUrl(); ?>/mi-cuenta/mis-direcciones">Mi dirección</a></li>
<li class="c-menu-account__item"><a class="c-menu-account__link" href="<?php echo $this->baseUrl(); ?>/mi-cuenta/mis-cupones">Mis cupones</a></li>
<li class="c-menu-account__item"><a class="c-menu-account__link" href="<?php echo $this->baseUrl(); ?>/mi-cuenta/mis-creditos">Mis créditos</a></li>
<li class="c-menu-account__item"><a class="c-menu-account__link" href="<?php echo $this->baseUrl(); ?>/mi-cuenta/mis-suscripciones">Mis suscripciones</a></li>
<li class="c-menu-account__item" id="lnkLogout"><a class="c-menu-account__link" href="javascript:;">Cerrar sesión</a></li>
</ul>
</li><?php else: ?>
<li class="l-header__auth-item"><a class="l-header__auth-link" id="headerAuthLoginLink" href="javascript:;">Ingresar</a>
<form class="c-login-form" data-parsley-validate action="/auth/login" method="POST"><a class="c-login-form__fb-button fb-connect-js" href="javascript:;"><span class="c-login-form__fb-icon"></span>Conectar con Facebook</a><span class="msg_info"></span>
<div class="c-login-form__group">
<input class="c-login-form__input e-input-text" type="email" placeholder="Email" required name="email">
</div>
<div class="c-login-form__group">
<input class="c-login-form__input e-input-text" type="password" placeholder="Contraseña" required name="password"><?php echo $this->Csrf()->getInput('userLogin'); ?>
</div>
<button class="c-login-form__button e-button" type="submit" id="btnLogin">Ingresar</button><a class="c-login-form__link-recovery" href="<?php echo $this->baseUrl(); ?>/recuperar">¿Olvidaste tu contraseña?</a>
<hr>
<p class="c-login-form__message">¿No tienes una cuenta?</p><a class="c-login-form__link" href="<?php echo $this->baseUrl(); ?>/registro">Regístrate</a>
</form>
</li>
<li class="l-header__auth-item"><a class="l-header__auth-link" id="headerAuthRegisterLink" href="<?php echo $this->baseUrl(); ?>/registro">Regístrate</a></li><?php endif ?>
</ul>
</div>
<div class="l-header__nav"><span class="icon icon-menu"></span><span class="icon icon-arrow-right"></span><span class="icon icon-x-mark"></span>
<aside class="c-nav">
<h1 class="c-nav__title">Las mejores ofertas</h1>
<ul class="c-nav__list">
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/belleza-salud"><span class="icon icon-beauty"></span>Belleza y Salud</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Belleza y Salud</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_BELLEZA_SALUD]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/belleza-salud/alisados-laciados"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/belleza/laceados-240x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/coleccion/cejas"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/belleza/cejas-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/belleza-salud/reductores"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/belleza/reductores-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/viajes-turismo"><span class="icon icon-travel"></span>Viajes y turismo</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Viajes y turismo</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_VIAJES_TURISMO]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/buscar/?q=cusco"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/viajes/cusco-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/coleccion/arequipa"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/viajes/arequipa-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/coleccion/playas-norte"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/viajes/playas-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/restaurantes"><span class="icon icon-restaurants"></span>Restaurantes</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Restaurantes</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_RESTAURANTES]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/restaurantes/buffets"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/resturantes/buffet-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/restaurantes/pescados-y-mariscos"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/resturantes/pescados-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/restaurantes/sushi-makis"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/resturantes/sushis-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/productos"><span class="icon icon-product"></span>Productos</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Productos</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_PRODUCTOS]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/buscar/?q=autos+motos"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/productos/autos-240x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/productos/caja-china-parrilla"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/productos/cajachina-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/productos/fotografia-impresiones"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/productos/fotografias-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/entretenimiento"><span class="icon icon-entertainment"></span>Entretenimiento</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Entretenimiento</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_ENTRETENIMIENTO]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/entretenimiento/cine"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/entretenimiento/cine-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/entretenimiento/actividades-para-ninos"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/entretenimiento/actividadesni%C3%B1os-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/entretenimiento/deporte-aventura"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/entretenimiento/deportesaventura-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/tiempo-libre"><span class="icon icon-interest"></span>Tiempo Libre</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Tiempo Libre</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_TIEMPO_LIBRE]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/tiempo-libre/fotografia"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/tiempo/fotografia-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/tiempo-libre/clases-talleres"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/tiempo/clases-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/tiempo-libre/deporte"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/tiempo/deporte-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/servicios"><span class="icon icon-fitness"></span>Servicios</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Servicios</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_SERVICIOS]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/servicios/alimentos-bebidas-alquiler"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/servicios/servicios-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/servicios/automotriz-autos"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/servicios/automotriz-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/servicios/mascotas"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/servicios/mascotas-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/casa-hogar"><span class="icon icon-home"></span>Casa y Hogar</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Casa y Hogar</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_CASA_HOGAR]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/casa-hogar/limpieza-fumigacion"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/casa/limpieza-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/casa-hogar/accesorios-cocina"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/casa/cocina-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/casa-hogar/decoracion-accesorios"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/casa/decoracion-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
</ul>
</aside>
</div>
</header>
<div class="u-header-expand"></div><?php if($this->fmsgs): ?><?php foreach($this->fmsgs as $msg): ?>
<div class="l-container u-mt30">
<div class="c-message c-message--<?php echo $msg->level == 'debug' ? 'error block-message' : $msg->level ?>"><?php echo $msg->message; ?></div>
</div><?php endforeach;?><?php endif;?>
<div class="l-container">
<section class="l-guide-deals">
<aside class="c-nav">
<h1 class="c-nav__title">Las mejores ofertas</h1>
<ul class="c-nav__list">
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/belleza-salud"><span class="icon icon-beauty"></span>Belleza y Salud</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Belleza y Salud</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_BELLEZA_SALUD]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/belleza-salud/alisados-laciados"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/belleza/laceados-240x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/coleccion/cejas"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/belleza/cejas-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/belleza-salud/reductores"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/belleza/reductores-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/viajes-turismo"><span class="icon icon-travel"></span>Viajes y turismo</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Viajes y turismo</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_VIAJES_TURISMO]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/buscar/?q=cusco"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/viajes/cusco-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/coleccion/arequipa"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/viajes/arequipa-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/coleccion/playas-norte"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/viajes/playas-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/restaurantes"><span class="icon icon-restaurants"></span>Restaurantes</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Restaurantes</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_RESTAURANTES]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/restaurantes/buffets"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/resturantes/buffet-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/restaurantes/pescados-y-mariscos"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/resturantes/pescados-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/restaurantes/sushi-makis"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/resturantes/sushis-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/productos"><span class="icon icon-product"></span>Productos</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Productos</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_PRODUCTOS]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/buscar/?q=autos+motos"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/productos/autos-240x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/productos/caja-china-parrilla"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/productos/cajachina-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/productos/fotografia-impresiones"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/productos/fotografias-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/entretenimiento"><span class="icon icon-entertainment"></span>Entretenimiento</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Entretenimiento</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_ENTRETENIMIENTO]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/entretenimiento/cine"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/entretenimiento/cine-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/entretenimiento/actividades-para-ninos"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/entretenimiento/actividadesni%C3%B1os-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/entretenimiento/deporte-aventura"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/entretenimiento/deportesaventura-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/tiempo-libre"><span class="icon icon-interest"></span>Tiempo Libre</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Tiempo Libre</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_TIEMPO_LIBRE]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/tiempo-libre/fotografia"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/tiempo/fotografia-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/tiempo-libre/clases-talleres"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/tiempo/clases-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/tiempo-libre/deporte"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/tiempo/deporte-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/servicios"><span class="icon icon-fitness"></span>Servicios</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Servicios</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_SERVICIOS]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/servicios/alimentos-bebidas-alquiler"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/servicios/servicios-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/servicios/automotriz-autos"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/servicios/automotriz-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/servicios/mascotas"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/servicios/mascotas-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
<li class="c-nav__item"><a class="c-nav__item-link" href="/ofertas/casa-hogar"><span class="icon icon-home"></span>Casa y Hogar</a>
<div class="c-nav__dropdown">
<div class="l-container">
<ul class="c-nav__dropdown-list">
<li class="c-nav__dropdown-list-title">Casa y Hogar</li>
<li class="c-nav__dropdown-list-item"><?php foreach($this->menuMain[App_Model_Front_Categoria::CAT_CASA_HOGAR]['subcategorias'] as $item): ?><a class="c-nav__dropdown-list-item-link" href="<?php echo $item['category_url'];?>" title="<?php echo $item['nombre'];?>"><?php echo $item['nombre'];?></a><?php endforeach;?>
</li>
</ul>
<figure class="c-nav__dropdown-big-banner"><a class="c-nav__dropdown-big-banner-link" href="/ofertas/casa-hogar/limpieza-fumigacion"><img class="c-nav__dropdown-big-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/casa/limpieza-434x355.jpg" alt="banner"></a></figure>
<figure class="c-nav__dropdown-banner"><a class="c-nav__dropdown-banner-link" href="/ofertas/casa-hogar/accesorios-cocina"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/casa/cocina-300x170.jpg" alt="banner"></a><a class="c-nav__dropdown-banner-link" href="/ofertas/casa-hogar/decoracion-accesorios"><img class="c-nav__dropdown-banner-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/categorias/casa/decoracion-300x170.jpg" alt="banner"></a></figure>
</div>
</div>
</li>
</ul>
</aside>
<figure class="l-guide-deals__slider c-slider"><?php foreach($this->bannerSlider as $key => $value): ?><a class="c-slider__link" href="<?php echo $value['link'];?>" title="<?php echo $value['title'];?>"><img class="c-slider__image" src="<?php echo $value['image'];?>" alt="Slider"></a><?php endforeach;?>
</figure>
<div class="l-guide-deals__banners c-banners"><?php foreach($this->bannerTopRight as $key => $value): ?>
<div class="c-banners__item"><a class="c-banners__link" href="<?php echo $value['link'];?>" title="<?php echo $value['title'];?>"><img class="c-banners__image" src="<?php echo $value['image'];?>" alt="banner"></a></div><?php endforeach;?>
</div>
</section>
</div><?php if(!empty($this->suggestedCampaign)): ?>
<section class="l-section-menu l-container c-suggested-deals">
<div class="l-section-menu__header">
<h2 class="l-section-menu__title">Ofertas Sugeridas</h2><a class="l-section-menu__link" href="<?php echo $this->baseUrl(); ?>/buscar/">Ver más ofertas</a>
</div>
<div class="l-section-menu__list"><?php foreach($this->suggestedCampaign as $key => $campana): ?><a class="c-campaign <?php echo (($campana['campana_especial'])?'c-campaign--special':'');?>" href="<?php echo $campana['campana_url_full'];?>" title="<?php echo $campana['titulo'];?>"><img class="c-campaign__image lazy" data-original="<?php echo $campana['imagen_url_full'];?>" src="<?php echo $campana['imagen_url_low'];?>" alt="<?php echo $campana['titulo'];?>">
<div class="c-campaign__info">
<p class="c-campaign__description"><?php echo $campana['titulo'];?></p>
<div class="c-campaign__price-container">
<div class="c-campaign__first-line"><?php echo $campana['precio_regular'];?></div>
<div class="c-campaign__price"><?php echo $campana['precio_cupon'];?></div>
<div class="c-campaign__button"><?php echo $campana['beneficio_text'];?></div>
</div>
</div></a><?php endforeach;?>
</div>
</section><?php endif;?>
<section class="l-section-menu l-container c-special-collection">
<div class="l-section-menu__header">
<h2 class="l-section-menu__title">Colecciones especiales</h2>
<p class="l-section-menu__subtitle">La mejor selección de ofertas según un tema en común.</p>
</div>
<div class="l-section-menu__list"><a class="c-special-collection__item" href="https://ofertop.pe/ofertas/restaurantes/pescados-y-mariscos"><img class="c-special-collection__item-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/colecciones/365X195-comida-marina.jpg">
<div class="c-special-collection__item-message">
<h3 class="c-special-collection__item-title">COMIDA MARINA</h3>
<p class="c-special-collection__item-discount">Hasta 50% de Dscto.</p>
</div></a><a class="c-special-collection__item" href="https://ofertop.pe/ofertas/belleza-salud/reductores"><img class="c-special-collection__item-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/colecciones/365X195-reductores.jpg">
<div class="c-special-collection__item-message">
<h3 class="c-special-collection__item-title">REDUCTORES</h3>
<p class="c-special-collection__item-discount">Hasta 90% de Dscto.</p>
</div></a><a class="c-special-collection__item" href="https://ofertop.pe/ofertas/viajes-turismo/full-days"><img class="c-special-collection__item-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/colecciones/365X195-fulldays.jpg">
<div class="c-special-collection__item-message">
<h3 class="c-special-collection__item-title">FULL DAYS</h3>
<p class="c-special-collection__item-discount">Hasta 60% de Dscto.</p>
</div></a><a class="c-special-collection__item" href="https://ofertop.pe/ofertas/belleza-salud/alisados-laciados"><img class="c-special-collection__item-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/colecciones/365X195-laceado.jpg">
<div class="c-special-collection__item-message">
<h3 class="c-special-collection__item-title">LACEADOS</h3>
<p class="c-special-collection__item-discount">Hasta 89% de Dscto.</p>
</div></a><a class="c-special-collection__item" href="https://ofertop.pe/ofertas/belleza-salud/odontologia"><img class="c-special-collection__item-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/colecciones/365X195-odontologia.jpg">
<div class="c-special-collection__item-message">
<h3 class="c-special-collection__item-title">ODONTOLOGÍA</h3>
<p class="c-special-collection__item-discount">Hasta 97% de Dscto.</p>
</div></a><a class="c-special-collection__item" href="https://ofertop.pe/coleccion/autos"><img class="c-special-collection__item-image" src="https://s3.amazonaws.com/cdn.mailing.clasificados.pe/ofertop/Rediseno/colecciones/365X195-autos.jpg">
<div class="c-special-collection__item-message">
<h3 class="c-special-collection__item-title">AUTOS</h3>
<p class="c-special-collection__item-discount">Hasta 83% de Dscto.</p>
</div></a></div>
</section>
<section class="l-section-menu l-container c-highlighted-campaigns">
<div class="l-section-menu__header">
<h2 class="l-section-menu__title">Ofertas Destacadas</h2>
<p class="l-section-menu__subtitle">Ofertas que no debes dejar pasar</p>
<select class="l-section-menu__select e-select" id="selHighlightedFilter">
<option value="#paneNuevo">Nuevo</option>
<option value="#paneMasComprado">Más Comprado</option>
<option value="#paneMejorDescuento">Mejor Descuento</option>
</select>
<ul class="l-section-menu__filters">
<li class="l-section-menu__filter-item"><a class="l-section-menu__filter-link l-section-menu__filter-link--active" data-href="#paneNuevo" role="tab">Nuevo</a></li>
<li class="l-section-menu__filter-item"><a class="l-section-menu__filter-link" data-href="#paneMasComprado" role="tab">Más Comprado</a></li>
<li class="l-section-menu__filter-item"><a class="l-section-menu__filter-link" data-href="#paneMejorDescuento" role="tab">Mejor Descuento</a></li>
<li class="l-section-menu__filter-item"><a class="l-section-menu__filter-link" href="<?php echo $this->baseUrl(); ?>/buscar/">Ver Todo</a></li>
</ul>
</div>
<div class="l-section-menu__list l-section-menu__list--active" id="paneNuevo" role="tabpanel"><?php foreach($this->campanasDestacadas[1] as $key => $campana): ?><a class="c-campaign <?php echo (($campana['campana_especial'])?'c-campaign--special':'');?>" href="<?php echo $campana['campana_url_full'];?>" title="<?php echo $campana['titulo'];?>"><img class="c-campaign__image lazy" data-original="<?php echo $campana['imagen_url_full'];?>" src="<?php echo $campana['imagen_url_low'];?>" alt="<?php echo $campana['titulo'];?>">
<div class="c-campaign__info">
<p class="c-campaign__description"><?php echo $campana['titulo'];?></p>
<div class="c-campaign__price-container">
<div class="c-campaign__first-line"><?php echo $campana['precio_regular'];?></div>
<div class="c-campaign__price"><?php echo $campana['precio_cupon'];?></div>
<div class="c-campaign__button"><?php echo $campana['beneficio_text'];?></div>
</div>
</div></a><?php endforeach;?>
</div>
<div class="l-section-menu__list" id="paneMasComprado" role="tabpanel"><?php foreach($this->campanasDestacadas[2] as $key => $campana): ?><a class="c-campaign <?php echo (($campana['campana_especial'])?'c-campaign--special':'');?>" href="<?php echo $campana['campana_url_full'];?>" title="<?php echo $campana['titulo'];?>"><img class="c-campaign__image lazy" data-original="<?php echo $campana['imagen_url_full'];?>" src="<?php echo $campana['imagen_url_low'];?>" alt="<?php echo $campana['titulo'];?>">
<div class="c-campaign__info">
<p class="c-campaign__description"><?php echo $campana['titulo'];?></p>
<div class="c-campaign__price-container">
<div class="c-campaign__first-line"><?php echo $campana['precio_regular'];?></div>
<div class="c-campaign__price"><?php echo $campana['precio_cupon'];?></div>
<div class="c-campaign__button"><?php echo $campana['beneficio_text'];?></div>
</div>
</div></a><?php endforeach;?>
</div>
<div class="l-section-menu__list" id="paneMejorDescuento" role="tabpanel"><?php foreach($this->campanasDestacadas[3] as $key => $campana): ?><a class="c-campaign <?php echo (($campana['campana_especial'])?'c-campaign--special':'');?>" href="<?php echo $campana['campana_url_full'];?>" title="<?php echo $campana['titulo'];?>"><img class="c-campaign__image lazy" data-original="<?php echo $campana['imagen_url_full'];?>" src="<?php echo $campana['imagen_url_low'];?>" alt="<?php echo $campana['titulo'];?>">
<div class="c-campaign__info">
<p class="c-campaign__description"><?php echo $campana['titulo'];?></p>
<div class="c-campaign__price-container">
<div class="c-campaign__first-line"><?php echo $campana['precio_regular'];?></div>
<div class="c-campaign__price"><?php echo $campana['precio_cupon'];?></div>
<div class="c-campaign__button"><?php echo $campana['beneficio_text'];?></div>
</div>
</div></a><?php endforeach;?>
</div><a class="l-section-menu__see-all e-button" href="<?php echo $this->baseUrl(); ?>/buscar/">Ver todas las ofertas</a>
</section>
<section class="l-section-menu l-container c-note-blog">
<header class="l-section-menu__header">
<h2 class="l-section-menu__title">Blog Ofertop</h2>
<p class="l-section-menu__subtitle">Tendencias y reseñas.</p>
<ul class="l-section-menu__filters">
<li class="l-section-menu__filter-item"><a class="l-section-menu__filter-link" href="http://blog.ofertop.pe/">Ver Todo</a></li>
</ul>
</header>
<div class="l-section-menu__list"><?php foreach($this->posts as $post): ?><a class="c-note-blog__item" href="<?php echo $post['link'];?>"><img class="c-note-blog__image" src="<?php echo $post['image'];?>" alt="<?php echo $post['title'];?>"><span class="c-note-blog__info">
<h5 class="c-note-blog__title"><?php echo $post['title'];?></h5><span class="c-note-blog__description"><?php echo $post['description'];?><span class="c-note-blog__link" href="<?php echo $post['link'];?>" title="<?php echo $post['title'];?>" target="_blank">&nbsp;Leer más</span></span></span></a><?php endforeach;?>
</div><a class="l-section-menu__see-all e-button" href="http://blog.ofertop.pe/">Ver todo</a>
</section>
<section class="l-newsletter">
<form class="l-container" id="frmNewsletter" data-parsley-validate>
<div class="l-newsletter__highlight">
<div class="icon icon-newsletter"></div>
<div class="l-newsletter__message">
<h5 class="l-newsletter__message-title">¡Suscríbete al Boletín!</h5>
</div>
</div>
<div class="l-newsletter__form">
<div class="l-newsletter__form-genre" id="rdNewsletterGenre">
<label class="c-radio__label">Mujer
<input class="c-radio__input" type="radio" name="rdGender" data-parsley-errors-container="#errorGender" required value="2"><span class="c-radio__radio"></span>
</label>
<label class="c-radio__label">Hombre
<input class="c-radio__input" type="radio" name="rdGender" data-parsley-errors-container="#errorGender" required value="1"><span class="c-radio__radio"></span>
</label>
<div id="errorGender"></div>
</div>
<div class="l-newsletter__form-inputs">
<div class="l-newsletter__form-name">
<input class="l-newsletter__form-input e-input-text" id="txtNewsletterName" type="text" required placeholder="Ingresa tu nombre">
<input class="l-newsletter__form-input e-input-text" id="txtNewsletterEmail" type="email" required placeholder="Ingresa tu correo electrónico">
<button class="l-newsletter__form-button e-button" id="btnNewsletterSubscribe">Suscribirme</button><a class="icon icon-x-mark-circle" id="lnkHideNewsletter" href="javascript:;"></a>
</div>
<p class="l-newsletter__form-policies"> Al suscribirme estoy aceptando los&nbsp;<a class="l-newsletter__form-policies-link" href="/interes/terminos-y-condiciones">términos y condiciones&nbsp;</a>y&nbsp;<a class="l-newsletter__form-policies-link" href="/interes/politicas-de-privacidad">políticas de privacidad&nbsp;</a>de Ofertop.</p>
</div>
</div>
</form>
</section>
<section class="c-anchors"><a class="c-anchors__btn-suscription" id="openModalNewsletter" href="javascript:;"><span class="icon icon-subscription"></span></a><a class="c-anchors__btn-how-buy" id="openModalHowToBuy" href="javascript:;">¿Cómo comprar?</a></section>
<div class="c-modal-howtobuy" id="modal_howtobuy">
<div class="c-modal-howtobuy__header">¿Cómo comprar en Ofertop.pe?</div>
<div class="c-modal-howtobuy__container">
<div class="c-modal-howtobuy__steps"><span class="c-modal-howtobuy__steps-number">1</span><img class="ico-how_to_buy c-modal-howtobuy__steps-image" src="<?php echo $this->staticUrl(); ?>/rediseno/img/how_to_buy.png" alt="">
<p class="c-modal-howtobuy__steps-detail"><b>Escoge</b> la oferta que más te guste y dale click a "comprar".</p>
</div>
<div class="c-modal-howtobuy__steps"><span class="c-modal-howtobuy__steps-number">2</span><img class="ico-how_to_pay c-modal-howtobuy__steps-image" src="<?php echo $this->staticUrl(); ?>/rediseno/img/how_to_pay.png" alt="">
<p class="c-modal-howtobuy__steps-detail"><b>Sigue</b> las instrucciones de registro, método de pago y confirmación de compra hasta darle click a Pagar.</p>
</div>
<div class="c-modal-howtobuy__steps"><span class="c-modal-howtobuy__steps-number">3</span><img class="ico-how_to_email c-modal-howtobuy__steps-image" src="<?php echo $this->staticUrl(); ?>/rediseno/img/how_to_email.png" alt="">
<p class="c-modal-howtobuy__steps-detail"><b>Recibe</b> el cupón en tu correo.</p>
</div>
<div class="c-modal-howtobuy__steps"><span class="c-modal-howtobuy__steps-number">4</span><img class="ico-how_to_trade c-modal-howtobuy__steps-image" src="<?php echo $this->staticUrl(); ?>/rediseno/img/how_to_trade.png" alt="">
<p class="c-modal-howtobuy__steps-detail"><b>Canjéalo</b> en los establecimientos de forma impresa o desde tu celular.</p>
</div>
</div>
<div class="c-modal-howtobuy__footer">
<div class="c-modal-howtobuy__payments">
<ul class="c-modal-howtobuy__payments-list">
<li class="c-modal-howtobuy__payments-item"><a class="c-modal-howtobuy__payments-link" href="https://pagoefectivo.pe/"><span class="ico_pe"></span></a></li>
<li class="c-modal-howtobuy__payments-item"><a class="c-modal-howtobuy__payments-link" href="http://www.mastercard.com/pe/consumidores/index.html"><span class="ico_mc"></span></a></li>
<li class="c-modal-howtobuy__payments-item"><a class="c-modal-howtobuy__payments-link" href="http://visanet.com.pe/"><span class="ico_visa"></span></a></li>
<li class="c-modal-howtobuy__payments-item"><a class="c-modal-howtobuy__payments-link" href="http://www.americanexpress.com.pe/"><span class="ico_amex"></span></a></li>
</ul>
</div><a class="c-modal-howtobuy__pagoefectivo-link" href="http://pagoefectivo.pe/pe/medios-de-pago/#medios_comofunciona" target="_blank">Te enseñamos cómo comprar con PagoEfectivo</a>
</div>
</div>
<form class="c-modal-newsletter" id="frmModalNewsletter" data-parsley-validate>
<h3 class="c-modal-newsletter__title">NEWSLETTER</h3>
<h4 class="c-modal-newsletter__subtitle">En solo 4 pasos asegúrate y recibe los descuentos en tu correo:</h4>
<div class="c-modal-newsletter__form-group">
<label class="c-modal-newsletter__form-label">Nombre*</label>
<div class="c-modal-newsletter__form-input-container">
<input class="c-modal-newsletter__form-input e-input-text" id="txtModalNewsletterName" required>
</div>
</div>
<div class="c-modal-newsletter__form-group">
<label class="c-modal-newsletter__form-label">Email*</label>
<div class="c-modal-newsletter__form-input-container">
<input class="c-modal-newsletter__form-input e-input-text" id="txtModalNewsletterEmail" required type="email">
</div>
</div>
<div class="c-modal-newsletter__form-group" id="rdModalNewsletterGender">
<label class="c-modal-newsletter__form-label">Género*</label>
<label class="c-radio__label">Mujer
<input class="c-radio__input" type="radio" name="rdGenderModal" required data-parsley-errors-container="#errorModalGender" value="2"><span class="c-radio__radio"></span>
</label>
<label class="c-radio__label">Hombre
<input class="c-radio__input" type="radio" name="rdGenderModal" required data-parsley-errors-container="#errorModalGender" value="1"><span class="c-radio__radio"></span>
</label>
<div class="c-modal-newsletter__error-msg" id="errorModalGender"></div>
</div>
<p class="c-modal-newsletter__text">Selecciona las categorías de las que esperas recibir ofertas</p>
<div class="c-modal-newsletter__check-group"><?php foreach($this->categoriasSuscripcion as $id => $name): ?>
<label class="c-checkbox__label c-modal-newsletter__check-label">
<input class="c-checkbox__input" type="checkbox" name="chkCategory" data-id="<?php echo $id;?>"><span class="c-checkbox__checkbox"></span><?php echo $name;?>
</label><?php endforeach;?>
</div>
<p class="c-modal-newsletter__terms">Presionando el botón "Suscribirme" estoy aceptando los&nbsp;<a class="c-modal-newsletter__terms-link e-link" href="/interes/terminos-y-condiciones">Términos y Condiciones&nbsp;</a>y&nbsp;<a class="c-modal-newsletter__terms-link e-link" href="/interes/politicas-de-privacidad">Políticas de Privacidad&nbsp;</a>del sitio.</p>
<input type="hidden" name="csrfSubscribe" id="csrfSubscribe" value="<?php echo $this->Csrf()->getToken('SuscribirFormularioOfertop') ?>">
<input class="c-modal-newsletter__button e-button" type="submit" value="Suscribirme" id="btnModalSubscribe">
</form><a class="l-footer__btn-how-buy" id="openModalHowToBuyFooter" href="javascript:;">¿Cómo comprar en OferTop?</a>
<footer class="l-footer">
<div class="l-container">
<div class="l-footer__logo">
<svg class="l-footer__logo-svg" id="Layer_1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 123.8 36.9" style="enable-background:new 0 0 123.8 36.9" xml:space="preserve">
<g>
<path class="st0" d="M69.6,7.9c-0.2,0-0.4-0.1-0.6-0.1c-0.2-0.1-0.5-0.1-0.8-0.1c-1.7-0.1-3.2,0.1-4.3,0.9 c-0.6,0.4-1.1,0.8-1.6,1.4c-0.1-0.2-0.2-0.3-0.3-0.5c-0.4-0.6-0.9-1.1-1.5-1.6c-0.3-0.2-0.7-0.2-0.9,0.1L58.4,9 c-0.1,0.1-0.2,0.3-0.2,0.5c0,0.2,0.1,0.4,0.2,0.5c0.4,0.4,0.7,0.9,0.9,1.5c0.2,0.6,0.3,1.3,0.3,2.2V26c0,0.4,0.3,0.7,0.7,0.7h2 c0.4,0,0.7-0.3,0.7-0.7V13.7c0.5-0.9,1.2-1.6,1.8-2.1c0.7-0.5,1.4-0.8,2.2-0.8c0.3,0,0.6,0,0.8,0c0.2,0,0.5,0.1,0.7,0.1 c0.3,0.1,0.5,0.1,0.8,0.1c0.2,0,0.4,0,0.6-0.2c0.2-0.1,0.2-0.3,0.2-0.5V8.6C70.1,8.2,69.9,7.9,69.6,7.9z"></path>
<path class="st0" d="M123.2,13.5c-0.4-1.2-0.9-2.2-1.6-3.1c-0.7-0.9-1.6-1.6-2.6-2.1c-1-0.5-2.2-0.8-3.6-0.8 c-1.4,0-2.7,0.3-3.8,0.9c-0.6,0.4-1.2,0.8-1.7,1.3c-0.1-0.1-0.2-0.3-0.2-0.4c-0.3-0.6-0.8-1.1-1.4-1.5c-0.3-0.2-0.7-0.2-1,0.1 L106.1,9c-0.1,0.1-0.2,0.3-0.2,0.5s0.1,0.4,0.2,0.5c0.4,0.4,0.7,0.9,0.9,1.5c0.2,0.6,0.3,1.3,0.3,2.2v15.5c0,1.2-0.7,4-5.5,4.3 c-0.4,0-0.7,0.3-0.7,0.7l0,1.9c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.2,0.5,0.2c2.9-0.1,5.1-0.9,6.7-2.5c1.7-1.8,2.1-3.8,2.1-4.9 v-2.6c0.4,0,0.8,0.1,1.2,0.1c0.8,0.1,1.7,0.1,2.7,0.1c1.4,0,2.6-0.3,3.7-0.8c1.1-0.5,2.1-1.2,2.9-2.1c0.8-0.9,1.4-1.9,1.8-3.1 c0.4-1.2,0.6-2.5,0.6-3.8C123.8,15.9,123.6,14.7,123.2,13.5z M120.3,17.3c0,1-0.1,1.9-0.4,2.7c-0.3,0.8-0.7,1.5-1.1,2 c-0.5,0.5-1.1,1-1.8,1.3c-0.7,0.3-1.4,0.5-2.3,0.5c-1,0-1.8,0-2.6-0.1c-0.5,0-0.9-0.1-1.2-0.1l0-8.9c0.1-0.6,0.2-1.2,0.5-1.6 c0.3-0.5,0.7-0.9,1.1-1.2c0.4-0.3,0.9-0.6,1.4-0.7c1.3-0.4,2.7-0.3,3.6,0.3c0.6,0.4,1.1,0.8,1.5,1.4c0.4,0.6,0.7,1.3,1,2.1 C120.1,15.6,120.3,16.5,120.3,17.3z"></path>
<path class="st0" d="M53.7,21.6c-0.3-0.3-0.7-0.3-1.1-0.1c-2.5,2-5.3,2.7-7.9,1.7c-1.4-0.5-2.2-1.7-2.6-2.7 c3.3-0.3,12.2-1.4,12.4-6.7c0.1-1.9-0.6-3.5-1.9-4.6c-1.9-1.6-4.7-1.9-6.5-1.6c-4.9,0.8-8,4.4-8.2,9.5c-0.1,3.6,1.5,7.9,5.5,9.4 c1.2,0.5,2.5,0.7,3.7,0.7c2.7,0,5.4-1,7.7-3c0.2-0.1,0.2-0.3,0.3-0.5c0-0.2,0-0.4-0.2-0.5L53.7,21.6z M51,13.6 c-0.1,1.9-5.4,3.2-9.4,3.5c0.2-3.3,2.1-5.6,5.2-6.1c0.3,0,0.5-0.1,0.8-0.1c1.1,0,2.1,0.3,2.7,0.8C50.8,12.1,51.1,12.7,51,13.6z"></path>
<path class="st0" d="M30.8,0c-5.3,0.2-6.4,4.5-6.4,6.1v3.2h-9.1c-1.6-1.1-3.6-1.8-5.6-1.8C4.4,7.6,0,11.9,0,17.3 c0,5.4,4.4,9.8,9.8,9.8s9.8-4.4,9.8-9.8c0-1.6-0.4-3.1-1.1-4.5h6l0,16.7c0,0.6-0.3,3.9-5.4,4c-0.2,0-0.4,0.1-0.5,0.2 c-0.1,0.1-0.2,0.3-0.2,0.5l0,1.9c0,0.2,0.1,0.4,0.2,0.5c0.1,0.1,0.3,0.2,0.5,0.2c2.9-0.1,5.2-0.9,6.7-2.5c1.7-1.7,2-3.8,2-4.6 l0-0.1l0-9.4l5.9,0.1c0.4,0,0.7-0.3,0.7-0.7l0-1.9c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.3-0.2-0.5-0.2L27.9,17v-4.2h3 c2,0,3.6-0.7,4.8-1.9C36.8,9.7,37.4,8,37.4,6C37.4,3.1,35.1,0.1,30.8,0z M33.9,6.3c0,0.9-0.3,1.6-0.8,2.2c-0.5,0.5-1.3,0.8-2.2,0.8 c0,0,0,0,0,0h-3V6.1c0-0.3,0.1-2.5,3-2.7c0,0,0,0,0,0c0.9,0,1.7,0.3,2.2,0.8C33.6,4.8,33.9,5.5,33.9,6.3z M9.8,23.6 c-3.5,0-6.3-2.8-6.3-6.3S6.3,11,9.8,11s6.3,2.8,6.3,6.3S13.2,23.6,9.8,23.6z"></path>
<path class="st0" d="M104,17.3c0-5.4-4.4-9.8-9.8-9.8c-5.4,0-9.8,4.4-9.8,9.8c0,1.3,0.2,2.5,0.7,3.7c-0.2,0.2-0.4,0.4-0.5,0.5 c-0.3,0.3-3,1.5-3.5,1.7c-0.4,0.2-0.8,0.3-1.3,0.4c-0.8,0.2-1.4,0.2-2,0c-0.2-0.1-0.4-0.2-0.6-0.4c-0.2-0.2-0.3-0.5-0.4-0.8 c-0.1-0.4-0.2-0.9-0.2-1.5v-9.7h4.9c0.4,0,0.7-0.3,0.7-0.7V8.6c0-0.4-0.3-0.7-0.7-0.7h-4.9c0-0.4,0-0.7-0.1-1 c-0.1-0.5-0.2-1.1-0.4-1.6c-0.2-0.5-0.4-1-0.7-1.5c-0.3-0.5-0.7-0.9-1.3-1.3c-0.3-0.2-0.7-0.2-0.9,0.1l-1.2,1.2 C72.1,3.9,72,4.1,72,4.3c0,0.2,0.1,0.4,0.2,0.5c0.4,0.4,0.7,0.9,0.9,1.5c0.2,0.6,0.3,1.3,0.3,2.2V21c0,1.1,0.1,2,0.4,2.8 c0.3,0.8,0.6,1.4,1.1,1.9c0.5,0.5,1,0.8,1.7,1.1c1.2,0.4,2.6,0.4,3.9,0.1c0.7-0.2,1.3-0.4,1.9-0.6c0.3-0.1,3.5-1.8,4.5-2.5 c1.9,2.2,4.5,3.4,7.4,3.4C99.7,27.1,104,22.7,104,17.3z M100.6,17.3c0,3.5-2.8,6.3-6.3,6.3c-3.5,0-6.3-2.8-6.3-6.3s2.8-6.3,6.3-6.3 C97.8,11,100.6,13.8,100.6,17.3z"></path>
</g>
</svg>
<p class="l-footer__logo-description">Sabemos que te encanta disfrutar la vida experimentando nuevas e inesperadas experiencias. Aquí encontrarás muy buenas opciones para armar planes con tus amigos o familiares. ¡Bienvenido!</p>
</div>
<ul class="l-footer__faq">
<li class="l-footer__title">De Interés</li>
<li class="l-footer__faq-item"><a class="l-footer__link" href="http://centraldeayuda.ofertop.pe/home" target="_blank">Preguntas frecuentes</a></li>
<li class="l-footer__faq-item"><a class="l-footer__link" href="/interes/terminos-y-condiciones">Términos y Condiciones</a></li>
<li class="l-footer__faq-item"><a class="l-footer__link" href="http://gec.pe/LibroReclamaciones/reclamo/p/ofertop.pe" target="_blank">Libro de reclamaciones</a></li>
<li class="l-footer__faq-item"><a class="l-footer__link" href="/interes/politicas-de-privacidad">Políticas de Privacidad</a></li>
<li class="l-footer__faq-item"><a class="l-footer__link" href="">Campañas promocionales</a></li>
</ul>
<ul class="l-footer__partner">
<li class="l-footer__title">Socios Ofertop</li>
<li class="l-footer__partner-item"><a class="l-footer__link" href="<?php echo $this->baseUrl(); ?>/paginas/contacto-retailer">Publica en Ofertop</a></li>
<li class="l-footer__partner-item"><a class="l-footer__link" href="http://retailer.ofertop.pe/">Cuenta de socio</a></li>
<li class="l-footer__partner-item u-mt5"><span>[email protected]</span></li>
</ul>
<ul class="l-footer__contact">
<li class="l-footer__title">Contacto</li>
<li class="l-footer__contact-item"><span class="icon icon-phone"></span>311-5115</li>
<li class="l-footer__contact-item"><span class="icon icon-subscription"></span>[email protected]</li>
<li class="l-footer__contact-item"><span class="icon icon-time"></span><span class="l-footer__contact-item-available">L-V 9:00 am/1:00pm</span></li>
</ul>
<ul class="l-footer__social-networks">
<li class="l-footer__title">Síguenos</li>
<ul class="l-footer__social-networks-list">
<li class="l-footer__social-networks-item"><a class="l-footer__social-networks-link" href="https://www.facebook.com/102255436540088" target="_blank"><span class="icon icon-fb"></span></a></li>
<li class="l-footer__social-networks-item"><a class="l-footer__social-networks-link" href="https://www.youtube.com/user/OferTOP/" target="_blank"><span class="icon icon-youtube"></span></a></li>
<li class="l-footer__social-networks-item"><a class="l-footer__social-networks-link" href="https://twitter.com/OferTOPpe" target="_blank"><span class="icon icon-twitter"></span></a></li>
</ul>
<ul class="l-footer__social-networks-list-mobile">
<li class="l-footer__social-networks-mobile"><a class="l-footer__social-networks-mobile-link" href="https://itunes.apple.com/pe/app/ofertop/id898098389?mt=8" target="_blank"><span class="ico-appstore"></span></a></li>
<li class="l-footer__social-networks-mobile"><a class="l-footer__social-networks-mobile-link" href="https://play.google.com/store/apps/details?id=pe.elcomercio.ofertop" target="_blank"><span class="ico-playstore"></span></a></li>
</ul>
</ul>
</div>
<div class="l-container">
<div class="l-footer__copyright">@ 2016 Ofertop | Todos los derechos reservados.</div>
<div class="l-footer__payments"><span class="l-footer__payments-span">Compras 100% seguras con:</span>
<ul class="l-footer__payments-list">
<li class="l-footer__payments-item"><a class="l-footer__payments-link" href="https://pagoefectivo.pe/" target="_blank"><span class="ico_pe"></span></a></li>
<li class="l-footer__payments-item"><a class="l-footer__payments-link" href="http://www.mastercard.com/pe/consumidores/index.html" target="_blank"><span class="ico_mc"></span></a></li>
<li class="l-footer__payments-item"><a class="l-footer__payments-link" href="http://visanet.com.pe/" target="_blank"><span class="ico_visa"></span></a></li>
<li class="l-footer__payments-item"><a class="l-footer__payments-link" href="http://www.americanexpress.com.pe/" target="_blank"><span class="ico_amex"></span></a></li>
</ul>
</div>
</div>
</footer>
<script src="https://cds.ofertop.g3c.pe/o/js/dist/libs/jquery-1.11.0.js?1237a61" type="text/javascript"></script>
<script src="<?php echo $this->staticUrl(); ?>/rediseno/js/source/libs/yosonjs_utils/yosonjs_utils.js?v=<?php echo $this->lastCommit();?>" type="text/javascript"></script>
<script src="<?php echo $this->staticUrl(); ?>/rediseno/js/dist/libs/yosonjs/dist/yoson.js?v=<?php echo $this->lastCommit();?>" type="text/javascript"></script>
<script src="<?php echo $this->staticUrl(); ?>/rediseno/js/source/libs/yosonjs_utils/modules.js?v=<?php echo $this->lastCommit();?>" type="text/javascript"></script>
<script src="<?php echo $this->staticUrl(); ?>/rediseno/js/dist/scripts/modules/all_modules.js?v=<?php echo $this->lastCommit();?>" type="text/javascript"></script>
<script src="<?php echo $this->staticUrl(); ?>/rediseno/js/dist/scripts/modules/<?php echo $this->moduleName();?>/<?php echo $this->controllerName();?>.js?v=<?php echo $this->lastCommit();?>" type="text/javascript"></script>
<script src="<?php echo $this->staticUrl(); ?>/rediseno/js/source/libs/yosonjs_utils/app_load.js?v=<?php echo $this->lastCommit();?>" type="text/javascript"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment