@font-face {
	font-family: 'rockeby-bold';
	src: url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-Bold');
	src: url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-Bold?#iefix') format('embedded-opentype'),
		 url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-Bold') format('woff'),
			 url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'rockeby-semi';
	src: url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-SemiBold.eot');
	src: url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-SemiBold.eot?#iefix') format('embedded-opentype'),
		 url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-SemiBold.woff') format('woff'),
			 url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-SemiBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'rockeby-black';
	src: url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-Black');
	src: url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-Black?#iefix') format('embedded-opentype'),
		 url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-Black') format('woff'),
			 url('/theme/fonts/rockeby/My-Creative-Land-Rockeby-SemiSerif-Black.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}



body {
    background-color: #eeeeee;
}

/*.cycle-slide {
     height: 314px;
 }*/

.breadcrumb {
    background-color: #ffffff;
    font-family: Arial;
    font-size: 11px;
    line-height: 14px;
    /*padding:24px 15px 0px;*/
}

    .breadcrumb a {
        text-decoration: underline;
    }

    .breadcrumb > li + li::before {
        content: "> ";
        padding: 0px;
    }

hr {
    height: 20px;
    background-image: url('../../../img/v2/main/horizontal-spacer.png');
    background-repeat: no-repeat;
    border: none;
    padding: 0;
    margin: 0;
}

.btn {
    /*padding: 2px 12px;*/
    font-family: 'Raleway', sans-serif;
}




.color-blue {
    color: #0180b1;
}

.color-blue-dark {
    color: #0169b1 !important;
}


.bg-blue-dark {
    background-color: #0169b1 !important;
}

.color-green {
    color: #83b712;
}

.color-white {
    color: #fff;
}

.color-red {
    color: #d7122b;
}

.color-brown {
    color: #a18315;
}

.color-dark-brown {
    color: #958020;
}

.bg-blue-pale {
    background-color: #7fbeda;
}

.bg-white {
    background-color: #fff;
}


.btn-red {
    background-color: #d7122b !important;
    color: #fff;
    font-weight: 400;
}

.btn-hacienda {
    background-color: #958020;
    color: #fff;
    font-weight: 400;
}



.btn-blue-dark {
    background-color: #0169b1;
    color: #fff;
    font-weight: 400;
}

.btn-green {
    background-color: #83b712;
    color: #fff;
    font-weight: 400px;
}


.svg.blue path {
    fill: #0180b1;
}



.btn-green.lr {
    font-size: 22px;
    font-weight: 500;
}



.margin-top-0 {
    margin-top: 0;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.font-medium-13 {
    font-size: 13px;
    font-weight: 500;
}

.font-medium-12-mi-cuenta-box {
    font-size: 12px;
    font-weight: 500;
    min-height: 52px;
}


.padded-18 {
    padding-right: 18px;
    padding-left: 18px;
}

p {
    font-family: 'Raleway', sans-serif;
}


h2 {
    font-family: 'Raleway', sans-serif;
    font-size: 34px;
    color: #0180b1;
}

    h2.bold {
        font-weight: 700;
        font-size: 28px;
    }


h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 26px;
    color: #0180b1;
}

    h3.small {
        font-size: 15px;
    }

h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 19px;
}

.brands h4 {
    font-size: 15px;
}

header {
    width: 100%;
}

.wrapper {
    max-width: 980px;
    margin: 0 auto;
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }


.uppercase {
    text-transform: uppercase;
}



hr.line {
    background-image: none;
    border-bottom: solid 1px #c3d9e8;
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
    margin: 0 auto;
    margin: 40px;
    clear: both;
}


.brand-nav {
    /*height: 146px;*/
    font-family: 'Raleway', sans-serif;
}

    .brand-nav ul {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .brand-nav li {
        float: left;
        vertical-align: top;
        position: relative;
    }

        .brand-nav li .fa {
            font-size: 30px;
            line-height: 44px;
        }

/** START top bar */




nav {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.brand-nav .nav-top {
    background: #0180b1;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

    .brand-nav .nav-top .label {
        font-size: 13.5px;
    }

.nav-top ul.navbar {
    height: 60px;
    line-height: 60px;
}

    .nav-top ul.navbar li:nth-child(3) {
        background-image: url('../../../img/v2/main/list-spacer.png');
        background-repeat: no-repeat;
        background-position: center left;
    }

.brand-nav .nav-top a {
    color: #fff;
    -webkit-transition: color 0.175s;
    transition: color 0.175s;
}




.brand-nav .brand-nav-logo {
    position: relative;
    z-index: 3;
    margin: 0 2px 0 0px;
    padding: 0;
    background: none;
    width: 20%;
    max-width: 20%;
    min-width: 20%;
}

.brand-nav .nav-logo {
    height: 146px;
    width: 196px;
    background-image: url('../../../img/v2/main/logo.png');
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

li.brand-nav-logo h1 {
    margin: 0;
}

    li.brand-nav-logo h1 a {
        margin-left: -6px;
    }


.brand-nav .nav-top a {
    padding: 0;
    display: block;
    height: 59px;
}

li.brand-nav-logo a:hover,
li.brand-nav-logo a:focus {
    background-color: transparent;
}



.brand-nav .nav-top a .svg {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}


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

    .nav-top .apps {
        width: 19.8%;
        /*padding-left: 3.1%;*/
        font-size: 13.5px;
    }

    .nav-top .basket {
        width: 17.4%;
        /*padding-left: 2.3%;*/
    }


    .nav-top .user {
        width: 24%;
        /*padding-left: 5%;*/
        background-color: #61b0cf;
    }

    .nav-top .contact {
        width: 18.5%;
        /*padding-left: 2.5%;*/
        background-color: #fa7906;
    }



.brand-nav .two-lines {
    display: inline-block;
    line-height: 14px;
    height: 30px;
    margin-top: 16px;
}
/** END   top bar*/



/** START icons */
ul.appicons {
    width: 372px;
    padding: 12px;
    padding-top: 30px;
    paddint-bottom: 30px;
}

.appicons li {
    width: 115px;
    height: 90px;
}

.appicons a {
    /*width: 115px;
    height: 90px !important;*/
    display: block !important;
    color: #666666 !important;
    background-repeat: no-repeat;
    background-position: center 0px;
    padding-top: 60px !important;
    text-align: center;
}


[class^='icon'] {
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin: 5px;
    width: 20px;
    height: 20px;
}

.icon-apps {
    background-image: url('../../../img/v2/main/icon-apps.png');
}

.icon-basket {
    background-image: url('../../../img/v2/main/icon-basket.png');
    width: 120px;
    height: 35px;
    overflow: hidden;
}

.icon-user {
    background-image: url('../../../img/v2/main/icon-user.png');
}

.icon-users {
    background-image: url('../../../img/v2/main/icon-users.png');
    width: 28px;
    height: 45px;
}

.icon-burguer {
    background-image: url('../../../img/v2/main/icon-lowress-burguer.png');
}

/** END   icons*/








/** START bottom bar */





.brand-nav .nav-bottom {
    height: 87px;
    font-size: 17px;
    font-weight: 700;
    border-bottom: solid 4px #dfeff5;
    background-color: #fff;
}

.brand-nav li a:hover,
.brand-nav li a:focus {
    text-decoration: none;
    /*background-color: #1479a1;*/
}

.brand-nav .nav-bottom .wrapper > ul {
    padding: 0px;
    /*margin-left: 205px;*/
    text-transform: uppercase;
    font-weight: 600;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    /*height: 40px;*/
    line-height: 40px;
    text-align: center;
    width: 100%;
    height: 100%;
}

.brand-nav .nav-bottom ul li {
    float: left;
    text-alignt: center;
    position: relative;
    font-weight: 500;
    padding-top: 30px;
}

    .brand-nav .nav-bottom ul li a {
        color: #6e7a7e;
    }

    .brand-nav .nav-bottom ul li.has-submenu {
        background-image: url('../../../img/v2/svg/submenu-arrow.svg');
        background-position: right 5px top 49px;
        background-repeat: no-repeat;
    }


    .brand-nav .nav-bottom ul li.menu-item-1 {
        width: 21%;
    }

    .brand-nav .nav-bottom ul li.menu-item-2 {
        width: 14%;
    }

    .brand-nav .nav-bottom ul li.menu-item-3 {
        width: 20%;
    }

    .brand-nav .nav-bottom ul li.menu-item-4 {
        width: 19%;
    }

.brand-nav .nav-bottom .facebook {
    background-image: url('../../../img/v2/main/social/icon-facebook.png');
}

.brand-nav .nav-bottom .twitter {
    background-image: url('../../../img/v2/main/social/icon-twitter.png');
}

.brand-nav .nav-bottom .youtube {
    background-image: url('../../../img/v2/main/social/icon-youtube.png');
}


.brand-nav .nav-bottom [class^='social'] {
    /*width: 3.2%;
    max-width: 3.2%;
    min-width: 3.2%;
    padding-right: 4%;*/
    max-width: 90px;
    min-width: 90px;
}



    .brand-nav .nav-bottom [class^='social'] a {
        padding: 0;
        margin: 0;
        display: block;
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        float: left;
        margin-right: 5px;
    }

.brand-nav .nav-bottom ul li:last-child {
    border-left: solid 1px #cacaca;
}


.brand-nav .nav-bottom .search {
    height: 100%;
    margin-left: 20px;
}

.brand-nav .nav-bottom li.search .search {
    background-image: url('../../../img/v2/svg/search-mag.svg');
    background-repeat: no-repeat;
    display: block;
    width: 27px;
    height: 27px;
}


.brand-nav .nav-bottom .appdrawer.searchbox {
    right: -40px;
    width: 540px;
    display: none;
    opacity: 0;
}

    .brand-nav .nav-bottom .appdrawer.searchbox a {
        display: initial;
    }



    .brand-nav .nav-bottom .appdrawer.searchbox input {
        border: none;
        height: 50px;
        padding: 9px;
        width: 490px;
    }

ul.appdrawer.searchbox::after, .appdrawer.searchbox::before {
    right: 5%;
    left: initial;
}

.brand-nav .nav-bottom .wrapper > ul ul.searchbox li {
    width: auto;
}





.brand-nav .nav-bottom .wrapper > ul ul {
    font-size: 16px;
    height: auto;
}

    .brand-nav .nav-bottom .wrapper > ul ul li {
        float: left;
        height: 60px;
        width: 290px;
        line-height: 60px;
        padding: 0px;
        margin: 0px;
        font-size: 16px;
        font-weight: 600;
        text-align: left;
        border-bottom: solid 1px #f0f1f2;
    }

        .brand-nav .nav-bottom .wrapper > ul ul li:last-child {
            border-bottom: none;
        }

        .brand-nav .nav-bottom .wrapper > ul ul li a {
            display: block;
            width: auto;
            height: auto;
            padding-top: 0px;
            text-align: left;
        }


.brand-nav .nav-bottom .menu-links a {
    width: auto;
    margin: 0px;
    padding: 0px;
    padding-left: 40px;
    position: relative;
}





    .brand-nav .nav-bottom .menu-links a:hover {
        background-color: #f1f1f1;
    }

.brand-nav .nav-bottom .menu-links .selector {
    position: absolute;
    width: 0%;
    height: 2px;
    background-color: #0180b1;
    bottom: 1px;
}



.brand-nav .nav-top .absolute-ul-appwrapper {
    position: absolute;
    left: 30px;
    top: 52px;
}


.brand-nav .nav-bottom ul .absolute-ul-wrapper {
    /*left: 10px !important;
    top: 0px !important;*/
    left: 30px;
    top: 70px;
}









/** END   bottom bar*/





/** START SOCIAL ICONS */
.social-icons li {
    float: right;
}

.social-icons [class^='icon-'] {
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    overflow: hidden;
    float: left;
    margin-right: 5px;
}

.social-icons a {
    display: block;
}

.social-icons .icon-facebook {
    background-image: url('../../../img/v2/main/social/icon-facebook.png');
}

.social-icons .icon-twitter {
    background-image: url('../../../img/v2/main/social/icon-twitter.png');
}

.social-icons .icon-youtube {
    background-image: url('../../../img/v2/main/social/icon-youtube.png');
}

/** END  SOCIAL ICONS */




.scroller {
    background-image: url('../../../img/v2/main/scrollbar.jpg');
    background-repeat: repeat-x;
    background-image: url('../../../img/v2/main/scrollbar.jpg');
    background-repeat: repeat-x;
    position: absolute;
    z-index: 5;
    height: 4px;
    width: 189px;
    bottom: 0px;
    left: 0px;
    top: 142px;
    -webkit-animation: 100s scroll infinite linear;
    -moz-animation: 100s scroll infinite linear;
    -o-animation: 100s scroll infinite linear;
    -ms-animation: 100s scroll infinite linear;
    animation: 100s scroll infinite linear;
}








@-webkit-keyframes scroll {
    100% {
        background-position: 5000px -0px;
    }
}

@-moz-keyframes scroll {
    100% {
        background-position: 5000px -0px;
    }
}




@-o-keyframes scroll {
    100% {
        background-position: 5000px -0px;
    }
}

@-ms-keyframes scroll {
    100% {
        background-position: 5000px -0px;
    }
}

@keyframes scroll {
    100% {
        background-position: 5000px -0px;
    }
}


.absolute-ul-wrapper {
    position: absolute;
    z-index: 5;
    bottom: 0px;
    left: 23px;
    top: 73px;
}


ul.appdrawer {
    /*height: 350px;*/
    background-color: #fff;
    border: solid 1px #cacaca;
    position: absolute;
    box-shadow: 0px 0px 4px #aaa;
    color: #666666;
    margin: 0;
    z-index: 15;
    /*
    bottom: 0px;
    left: 23px;
    top: 54px;*/
}

.appdrawer li {
    float: left;
    font-size: 12px;
    font-weight: 200;
    background-image: none !important;
    margin-bottom: 30px;
    line-height: 15px;
}





ul.appdrawer:after, .appdrawer:before {
    bottom: 100%;
    left: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

ul.appdrawer:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

ul.appdrawer:before {
    border-color: rgba(202, 202, 202, 0);
    border-bottom-color: #777;
    border-width: 8px;
    margin-left: -8px;
}

.appdrawer [class^='app'] a {
    /*background-repeat: no-repeat;*/
    background-size: 55px 55px;
}

.appdrawer .app1 a {
    background-image: url('../../../img/v2/main/apps/app-nestle.png');
}

.appdrawer .app2 a {
    background-image: url('../../../img/v2/main/apps/app-10compromisos.png');
}

.appdrawer .app3 a {
    background-image: url('../../../img/v2/main/apps/app-menuplanner.png');
}

.appdrawer .app4 a {
    background-image: url('../../../img/v2/main/apps/app-cocina.png');
}

.appdrawer .app5 a {
    background-image: url('../../../img/v2/main/apps/app-purina.png');
}

.appdrawer .app6 a {
    background-image: url('../../../img/v2/main/apps/app-bebesano.png');
}

.appdrawer .app-more {
    text-align: center;
    width: 100%;
    height: 100%;
}

.arrow-right {
    background-image: url('../../../img/v2/svg/arrow-right.svg');
    color: #fff;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    margin: 5px;
    width: 20px;
    height: 20px;
}







/* START USER */
.appdrawer.user-links {
    padding: 20px;
    left: 12px;
    right: -25px;
    top: 54px;
}

ul.appdrawer.user-links.user-links li {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 200;
    background-image: none !important;
    line-height: 15px;
    height: auto;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0 !important;
    text-align: left;
}

ul.appdrawer.user-links li:last-child {
    padding-bottom: 0;
}

.appdrawer.user-links a {
    font-size: 14px;
    color: #6e7a7e;
    display: block;
    width: 100%;
    font-weight: 500;
    height: auto;
}

/*** END USER */







/**** Efecto touch - NTTFMIW*/

/*.touch {
    position: absolute;
    top: 0;
    left: 0;
    width: 20em;
    height: 20em;
    border-radius: 50%;
    background: #fff;
    opacity: 0;
    margin: -10em 0 0 -10em;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: touch;
    animation-name: touch;
    pointer-events: none;
}

@-webkit-keyframes touch {
    from {
        opacity: 0.7;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes touch {
    from {
        opacity: 0.7;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}*/



.lr {
    display: none !important;
}

.hr {
    display: inherit !important;
}



.home header {
    margin-top: 38px;
    font-family: 'Raleway', sans-serif;
    margin-bottom: 30px;
}

    .home header .intro {
        color: #666;
        display: block;
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }



.control-living-better {
    margin-top: 30px;
    margin-bottom: 40px;
}

    .control-living-better ul.live-better {
        margin-top: 30px;
        padding: 0;
    }

        .control-living-better ul.live-better li {
            float: left;
            /*margin-left: 25px;*/
            list-style: none;
        }


            .control-living-better ul.live-better li .promoted {
                width: 310px;
                height: 335px;
                box-shadow: 0px 3px 3px #aaa;
                border-radius: 6px;
                overflow: hidden;
                position: relative;
            }

                .control-living-better ul.live-better li .promoted .rainbow {
                    position: absolute;
                    bottom: 0px;
                    width: 100%;
                    height: 6px;
                    background-image: url('../../../img/v2/main/control-promoted/promoted-rainbow.jpg');
                    background-repeat: no-repeat;
                }


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

@media (min-width: 640px) and (max-width: 992px) {
    .control-living-better ul.live-better li img {
        width: 100%;
    }

    .control-living-better ul.live-better li .promoted {
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 640px) {
    .control-living-better ul.live-better li .promoted {
        margin-right: auto;
        margin-left: auto;
    }

    .control-living-better ul.live-better li {
        margin-bottom: 40px;
    }
}

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


.website-picks {
    background-color: #f3f5f6;
    clear: both;
    padding-top: 30px;
    padding-bottom: 80px;
}




/*.control-living-better ul.live-better li:nth-child(1) {
        margin-left: 0;
    }*/

.control-articles {
    /*margin-top: 30px;*/
}

    .control-articles .swiper-slide a .rainbow {
        background-image: url('../../../img/v2/main/control-promoted/promoted-rainbow.jpg');
        background-size: 100%;
        width: 100%;
        height: 4px;
        display: block;
    }


    .control-articles .articless-swiper-container {
        overflow: hidden;
        margin-top: 25px;
    }


    .control-articles .swiper-slide a {
        display: block;
        width: 232px;
        height: 240px;
        box-shadow: 0px 3px 4px #ccc;
        border-radius: 6px;
        overflow: hidden;
        position: relative;
        margin-left: 3px;
        margin-right: 3px;
    }

        .control-articles .swiper-slide a:hover {
            text-decoration: none;
        }

        .control-articles .swiper-slide a .text {
            font-family: 'Raleway', sans-serif;
            color: #666666;
            display: block;
            font-weight: 400;
            font-size: 14px;
        }

        .control-articles .swiper-slide a .textarea {
            padding-top: 13px;
            display: block;
        }


@media (max-width: 950px) {
    .control-articles .swiper-slide a {
        margin-left: auto;
        margin-right: auto;
    }
}

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

.control-coupons .coupons-swiper-container a:hover {
    text-decoration: none;
}

.control-coupons .coupons-swiper-container a.slide {
    display: block;
    width: 232px;
    height: 315px;
    box-shadow: 0px 3px 4px #ccc;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-left: 3px;
    margin-right: 3px;
    /*padding: 10px;*/
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
}

.control-coupons .item-prize {
    margin: 0px;
    padding: 20px 10px 10px;
    float: none;
    font-size: 45px;
    line-height: 22px;
    color: #0998d1;
}

    .control-coupons .item-prize .small {
        font-size: 50%;
        color: #0998d1;
    }

.control-coupons .cupon:nth-child(odd) {
    padding-right: 0px !important;
}

.control-coupons .cupon:nth-child(even) {
    padding-left: 0px !important;
}

.cupon .item-rounded {
    height: 510px;
}
.cupon.item-rounded {
    height: 320px !important;
}


.control-coupons .cupon:nth-child(1) {
    padding: 0px;
}

.control-coupons .cupon figure {
    height: 130px;
}

.control-coupons .cupon .content.gray {
    height: 104px;
}

.control-coupons .cupon .cupon-product-name {
    font-family: 'Raleway', sans-serif !important;
    color: #0998d1 !important;
    height: auto !important;
}

.control-coupons .cupon .remaining-time {
    font-family: 'Raleway', sans-serif !important;
    color: #0998d1 !important;
    width: 100% !important;
    position: absolute;
    bottom: 0px;
}

    .control-coupons .cupon .remaining-time .time {
        font-family: 'Raleway', sans-serif !important;
        color: #0998d1 !important;
        width: 100% !important;
    }

/*.control-coupons .coupons-swiper-container .swiper-slide a.even {
    background-image: url('../../../img/v2/main/control-coupons/background-1.png');
}*/

/*.control-coupons .coupons-swiper-container .swiper-slide a.odd {
    background-image: url('../../../img/v2/main/control-coupons/background-2.png');
}*/

.control-coupons .coupons-swiper-container .product-image {
    width: 210px;
    height: 174px;
    display: block;
    position: relative;
    background-repeat: no-repeat;
    background-position: bottom center;
}

.control-coupons .coupons-swiper-container .price {
    font-size: 42.50px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    display: block;
}

.control-coupons .coupons-swiper-container .text {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 600;
    display: block;
    line-height: 19px;
}


.control-coupons .coupons-swiper-container {
    overflow: hidden;
    width: 100%;
}


@media (max-width: 988px) {

    .control-coupons .coupons-swiper-container,
    .control-promos .promos-swiper-container {
        padding-bottom: 30px;
    }
}



@media (max-width: 956px) {  
                                
    .cupon a.btn-rounded{
        font-size: 9px !important;
    }


                            
}
@media (max-width: 900px) {
    .cupon,
    .item-hero .cupon {
        height: 530px !important;
    }

    .cupon .item-rounded
    {
        height: 530px !important;
    }
    .item-hero.item-rounded {
        height: 350px !important;
    }

    .item-hero .content {
        height: 348px !important;
    }cup

       

    .cupon .gray {
        height: 247px !important;
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }

}


@media (max-width: 767px) {

    .cupon {
        height: 520px !important;
    }
    .cupon .item-rounded {
        height: 520px !important;
        margin-top: 20px;
    }
    .cupon .content {
        height: 538px !important;
    }

    .cupon .gray {
        height: 248px !important;
           border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }
    div.cupon {
        padding: 0px !important;
    }
   .cupon a.btn-rounded{
        font-size: 13px !important;
    }


}



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




.control-promos .coupons-swiper-container a:hover {
    text-decoration: none;
}

.control-promos .promos-swiper-container a.slide {
    display: block;
    width: 232px;
    height: 315px;
    box-shadow: 0px 3px 4px #ccc;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.control-promos .promos-swiper-container {
    overflow: hidden;
    width: 100%;
}


.control-promos a.btn,
.control-coupons a.btn {
    position: absolute;
    right: 0;
    bottom: -17px;
    right: 4px;
    font-family: 'Raleway', sans-serif;
    z-index: 1000;
}

    .control-promos a.btn:hover,
    .control-coupons a.btn:hover {
        bottom: -19px;
        transition: bottom 0.1s;
        color: #fff;
    }



@media (max-width: 988px) {

    .control-coupons a.btn,
    .control-promos a.btn {
        position: relative;
        display: block;
        width: 235px;
        margin-left: auto;
        margin-right: auto;
    }
}


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

.control-discovermore {
    padding-top: 50px;
    padding-bottom: 35px;
}

    .control-discovermore .swiper-slide a .rainbow {
        background-image: url('../../../img/v2/main/control-promoted/promoted-rainbow.jpg');
        background-size: 100%;
        width: 100%;
        height: 4px;
        display: block;
        position: absolute;
        bottom: 0px;
        z-index: 6;
    }


    .control-discovermore .control-swiper-container {
        overflow: hidden;
        margin-top: 25px;
    }

    .control-discovermore img {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .control-discovermore .swiper-slide {
        height: 272px;
        width: 232px;
    }

        .control-discovermore .swiper-slide a {
            display: block;
            width: 232px;
            height: 272px;
            box-shadow: 0px 3px 4px #ccc;
            border-radius: 6px;
            overflow: hidden;
            position: relative;
            margin-left: 3px;
            margin-right: 3px;
        }

            .control-discovermore .swiper-slide a:hover {
                text-decoration: none;
            }

    .control-discovermore .text-backcover {
        background-color: #ececec;
        position: absolute;
        bottom: 0px;
        width: 100%;
        height: 129px;
        opacity: 0.95;
        z-index: 5;
    }


    .control-discovermore .swiper-slide a .textarea {
        position: absolute;
        z-index: 10;
        bottom: 0;
        height: 135px;
        padding-top: 20px;
    }

    .control-discovermore .swiper-slide a .text {
        font-family: 'Raleway', sans-serif;
        color: #666666;
        display: block;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
    }

    .control-discovermore .swiper-slide a .textarea {
        padding-top: 20px;
        display: block;
    }


    .control-discovermore .discovermore-swiper-container {
        overflow: hidden;
        width: 100%;
    }



/*********************************************************************************************/
footer {
    width: 100%;
    /*height: 135px;*/
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #7fbeda;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
}

    footer ul.flinks {
        width: 320px;
        padding: 0;
        margin-left: 30px;
    }

        footer ul.flinks li {
            list-style: none;
            float: left;
            width: 160px;
            margin: 0;
            padding: 0;
        }

    footer ul li a {
        color: #fff;
        font-size: 11px;
        font-weight: 700;
    }


    footer .copyright {
        margin-top: 30px;
        clear: both;
        text-align: center;
        fotn-wight: 10px;
        color: #1783ae;
        font-weight: 500;
    }


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

/* Promociones */

a.btn-rounded {
    font-weight: 700;
    /*font-size: 15px;*/
    /*text-transform: uppercase;*/
    font-size: 18px;
    width: 100%;
    height: 45px;
    border-radius: 8px;
    line-height: 40px;
}

.cupon {
    margin-bottom: 18px;
    /*height: 440px;*/
    font-size: 14px;
    text-align: left;
}

.coupons-swiper-container .cupon {
    margin-bottom: 0px !important;
}

/*.cupon:nth-child(even) {
    padding-right: 18px !important;
}*/

.cupon .shadow {
    height: 232px;
    margin-right: 8px;
}

.cupon a.btn-rounded {
    font-size: 12px;
    letter-spacing: -0.3px;
    font-weight: 530;
}


.icon-session-close {
    font-size: 25px;
}


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


.submenu-lr-activator {
    position: absolute;
    width: 72px;
    left: 40px;
    top: 18px;
    padding: 10px;
    padding-bottom: 18px;
}



@media (max-width: 930px) {
    .group-selector {
        margin: 0;
    }
}

@media (max-width: 880px) {

    .website-picks {
        padding-bottom: 0;
    }

    .lr {
        display: inherit !important;
    }

    .hr {
        display: none !important;
    }

    h3 {
        font-size: 32px;
        margin-bottom: 40px !important;
    }


    nav .nav-bottom.hires {
        display: none;
    }

    .brand-nav .nav-top {
        border-bottom: solid 1px #63bce2;
        height: 98px;
        /*overflow: hidden;*/
    }

        .brand-nav .nav-top a .label {
            display: none;
        }


    li.brand-nav-logo {
        display: none;
    }

    nav .nav-bottom.lowres {
        width: 100%;
        height: 120px;
        border-top: solid 1px #0180b1;
        line-height: 120px;
        text-align: center;
    }

        nav .nav-bottom.lowres a {
            display: block;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            /*background-image: url('../../../img/v2/svg/lowreslogo.svg');*/
            color: #7c858b;
            background-position: center center;
        }


            nav .nav-bottom.lowres a img {
                /*margin-right: 12px;*/
                max-width: 578px;
                width: 90%;
            }

    .brand-nav .nav-top a .svg {
        width: 40px;
        height: 40px;
    }


    [class^='icon'] {
        background-repeat: no-repeat;
        position: relative;
        display: inline-block;
        line-height: 1;
        vertical-align: middle;
        width: 70px;
        height: 50px;
        background-position: center center;
        margin: 0;
        margin-right: 12px;
    }


    .icon-apps {
        background-image: url('../../../img/v2/svg/lowres-icons.svg');
    }

    .icon-basket {
        background-image: url('../../../img/v2/svg/lowres-basket.svg');
    }

    .icon-user {
        background-image: url('../../../img/v2/svg/lowres-icon-user.svg');
    }

    .icon-users {
        background-image: url('../../../img/v2/svg/lowres-email.svg');
    }

    .nav-top ul.navbar {
        float: right;
        line-height: 98px;
        margin-right: 30px;
        margin-top: 20px;
    }

        .nav-top ul.navbar li:nth-child(3) {
            background-image: none;
        }

    .nav-top [class*='menu-item'] {
        background-color: transparent;
        width: 25%;
    }

    .brand-nav .nav-top li.selected {
        background-color: #fff !important;
        padding: 0;
        line-height: 0;
        height: 80px;
    }


    .brand-nav li {
        /*        position: unset;*/
        /*position: inherit;   */
        position: static;
    }

    .navbar {
        position: inherit;
    }

    .brand-nav .nav-top .absolute-ul-appwrapper {
        /*position: absolute;
        left: -290px;
        top: 82px;*/
        left: 20px;
        top: 91px;
        width: 95% !important;
    }


    .appicons a {
        padding-top: 120px !important;
        font-size: 25px;
        line-height: 25px;
        color: #666666;
    }

    ul.appicons {
        width: 98%;
        box-shadow: none;
        border: none;
        box-shadow: 0px 7px 9px #eee;
    }

        ul.appicons li {
            width: 50%;
            height: 170px;
        }

    .appdrawer [class^="app"] a {
        background-size: 112px 112px;
    }


    .control-promos button, .control-coupons button {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        display: block;
        margin-top: 40px;
    }


    .btn-responsive {
        font-size: 22px;
        font-weight: 500;
    }


    .control-discovermore .swiper-slide a {
        margin-left: auto;
        margin-right: auto;
    }

    footer ul li a {
        font-size: 15px;
    }

    footer .social {
        font-size: 15px;
    }


    /****** MENU LOWRES   */

    .brand-nav .nav-bottom .wrapper > ul {
        display: none;
        position: absolute;
        left: 12px;
        top: 90px;
        z-index: 100;
        width: 95%;
    }

    .brand-nav .nav-bottom ul li {
        text-align: left;
        font-size: 37px;
        background-color: #f9fafa;
        border-bottom: solid 1px #dde0e1;
        padding-top: 0;
    }




        .brand-nav .nav-bottom ul li.menu-item-1,
        .brand-nav .nav-bottom ul li.menu-item-2,
        .brand-nav .nav-bottom ul li.menu-item-3,
        .brand-nav .nav-bottom ul li.menu-item-4,
        .brand-nav .nav-bottom ul li.menu-item-5 {
            width: 100%;
        }


        .brand-nav .nav-bottom ul li a {
            display: block;
            width: 100%;
            padding-left: 37px;
            padding: 30px;
            font-size: 35px;
            font-weight: 300;
        }


        .brand-nav .nav-bottom ul li.has-submenu {
            background-position: right 40px top 44px;
            background-repeat: no-repeat;
            background-size: 32px;
        }


    .absolute-ul-wrapper {
        /*position: unset;*/
        position: static;
    }

        .absolute-ul-wrapper ul.menu-links {
            position: inherit;
            box-shadow: none;
            border: none;
            background-color: #fcfcfc;
            border-top: solid 1px #dde0e1;
        }

    .brand-nav .nav-bottom .wrapper > ul ul li {
        float: none;
        width: 100%;
        line-height: 79px;
        height: 80px;
        border-bottom: 1px solid #dfe1e2;
    }


        .brand-nav .nav-bottom .wrapper > ul ul li:last-child {
            border-bottom: none;
        }

        .brand-nav .nav-bottom .wrapper > ul ul li a {
            background-color: #fbfcfc;
        }



    .brand-nav .nav-bottom .menu-item-0 {
        height: 110px;
        width: 100%;
        padding: 20px;
    }

        .brand-nav .nav-bottom .menu-item-0 input {
            height: 100%;
            width: 100%;
            background-image: url('../../../img/v2/svg/search-mag.svg');
            background-repeat: no-repeat;
            background-position: right 15px top 18px;
            border: solid 2px #cccccc;
            font-size: 22px;
            padding-left: 15px;
        }


    .brand-nav .nav-bottom .social-icons {
        width: 100%;
        height: 120px;
        line-height: 80px;
        min-width: 100%;
        max-width: 100%;
        text-align: center;
        text-transform: none;
        font-size: 24px;
        line-height: 110px;
        background-color: #e2e5e7;
    }

        .brand-nav .nav-bottom .social-icons a {
            float: none;
            display: inline-block;
        }

        .brand-nav .nav-bottom .social-icons span {
            display: inline !important;
        }


    .brand-nav .nav-bottom {
        height: 0;
        border: none;
    }

    ul.appdrawer::after, .appdrawer::before {
        content: static;
    }

    ul.appdrawer::after, .appdrawer::before {
        display: none;
    }

    .brand-nav .nav-top li.selected .svg path {
        fill: #0180b1;
    }

    .brand-nav .nav-top li {
        line-height: 0;
    }

        .brand-nav .nav-top li .svg {
            margin-top: 8px;
        }


    footer ul.flinks li a {
        font-size: 12px;
    }

    footer ul.flinks li {
        float: none;
    }

    footer ul.flinks {
        width: 180px;
    }





    .appdrawer.user-links {
        padding: 20px;
        width: 94%;
        box-shadow: none;
        border: none;
        top: 92px;
        right: 20px;
        left: 20px;
        box-shadow: 0px 7px 9px #eee;
    }








    .icon-session-close {
        font-size: 45px !important;
    }
}

@media (min-width: 880px) {
    nav .nav-bottom.lowres {
        display: none;
    }
}

@media (max-width: 420px) {
    .submenu-lr-activator {
        left: 12px;
    }

    .nav-top ul.navbar {
        margin-right: 0;
    }

    [class^="icon"] {
        margin-right: 0px;
    }

    .nav-top [class*="menu-item"] {
        width: 58px;
    }

        .nav-top [class*="menu-item"]:last-child {
            margin-right: 8px;
        }

    .submenu-lr-activator {
        width: 62px;
    }

    .brand-nav .nav-bottom .wrapper > ul {
        width: 90%;
    }


    .brand-nav .nav-bottom ul li a {
        font-size: 25px;
    }

    ul.appicons {
        width: 95%;
    }
}

@media (max-width: 340px) {
    .control-living-better ul.live-better li {
        padding: 0;
    }
}

@media (max-width: 640px) {

    footer .social {
        text-align: center;
        float: none !important;
    }
}





.submenu-lr-activator.open {
    background-color: #f9fafa;
}

#nav-icon1 {
    width: 50;
    height: 45px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 9px;
        width: 100%;
        background: #fff;
        border-radius: 0px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }

        #nav-icon1 span:nth-child(1) {
            top: 0px;
        }

        #nav-icon1 span:nth-child(2) {
            top: 18px;
        }

        #nav-icon1 span:nth-child(3) {
            top: 36px;
        }

    #nav-icon1.open span {
        background-color: #0180b1;
    }


        #nav-icon1.open span:nth-child(1) {
            top: 18px;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg);
        }

        #nav-icon1.open span:nth-child(2) {
            opacity: 0;
            left: -60px;
        }

        #nav-icon1.open span:nth-child(3) {
            top: 18px;
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
        }



.item-hero {
    border: 1px solid #938120;
    /* width: 624px;*/
    height: 305px;
}

    .item-hero .flash {
        position: absolute;
        top: -43px;
        right: -34px;
    }

.cupon figure {
    height: 168px;
    background-position: center;
    background-repeat: no-repeat;
}

.item-hero figure {
    width: 55%;
    /*width: 340px;*/
    height: 305px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
}



.item-hero .content {
    background-color: #f4f1df;
    float: left;
    /*width: 267px;*/
    width: 45%;
    height: 318px;
    padding: 20px;
    padding-top: 23px;
    /*text-align: center;*/
    overflow: hidden;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.item-rounded {
    padding: 0;
}

.brands .item-rounded {
    padding: 15px;
}

.item-hero h4 {
    line-height: 28px;
    color: #988221;
}

    .item-hero h4 .small {
        color: #988221;
    }

.item-hero .item-header {
    border-bottom: none;
    text-align: center;
}

    .item-hero .item-header h4 {
        text-align: center;
        width: 100%;
    }



.clock {
    /* display: block;
    width: 30px;
    height: 35px;
    background-image: url(/img/cupones/reloj.svg);
    background-repeat: no-repeat;
    opacity: 0.4;

    fill: #f00;*/
    /*
    mask: url(/img/cupones/reloj.svg)  ;
    -webkit-mask: url(/img/cupones/reloj.svg)  ;
    */
    /*width: 50px;
    height: 60px;
    background-image: url(/img/cupones/cronometro.gif);
     
    background-repeat: no-repeat;
    background-position: -16px -8px;

    position: absolute;
    left: 0;
    top: -12px;*/
    width: 33px;
    height: 35px;
    background-image: url(/img/cupones/cronometro.gif);
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: -12px;
    /*background-size: cover;*/
    background-position: 50% 0px;
    background-size: 24px;
    position: absolute;
    left: 6px;
    top: 4px;
}

    .clock.brown {
        background-image: url(/img/cupones/cronometro_yell.gif);
    }

    .clock.cyan {
        background-color: #8ec6d3;
    }

.remaining-time {
    width: 120px;
    height: 45px;
    text-align: center;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
}

    .remaining-time .time {
        font-size: 20px;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
    }

    .remaining-time .remaining-text {
        position: absolute;
        width: 85px;
        height: 40px;
        left: 37px;
        top: 0;
        line-height: 20px;
    }


.item-header {
    text-align: center;
    border-bottom: 0;
    /*padding-top: 19px;*/
}

    .item-header h4 {
        float: none;
        line-height: 22px;
    }

.item-prize {
    font-size: 45px;
}

.pt20 {
    padding-top: 20px;
}

.pad20 {
    padding: 20px;
}

.full-width {
    width: 100%;
}


.cupon h5 {
    font-size: 20px;
}

.cupon h4 {
    font-size: 40px;
}

.cupon .content.gray {
    background-color: #f6f7f9;
    padding-right: 20px;
    padding-left: 20px;
    height: 237px;
}


.cupon-howto ul,
.cupon-howto-card ul {
    padding: 0;
    margin-top: 18px;
}

    /*.cupon-howto ul li {
    list-style-type: none;

    padding-bottom: 10px;

    font-size: 12px;

    width: 148px;
    
    
}*/


    .cupon-howto ul li,
    .cupon-howto-card ul li  {
        list-style-type: none;
        font-size: 12px;
        background-repeat: no-repeat;
        padding-left: 50px;
        /*width: 230px;*/
        background-position: 5px 12px;
        margin-bottom: 15px;
    }

        .cupon-howto ul li:nth-child(1) {
            background-image: url('/img/cupones/icon-list-1.png');
            background-repeat: no-repeat;
        }

        .cupon-howto ul li:nth-child(2) {
            background-image: url('/img/cupones/icon-list-2.png');
            background-repeat: no-repeat;
        }

        .cupon-howto ul li:nth-child(3) {
            background-image: url('/img/cupones/icon-list-3.png');
            background-repeat: no-repeat;
            background-position: 5px 0px;
        }

        .cupon-howto ul li:nth-child(4) {
            background-image: url('/img/cupones/icon-list-4.png');
            background-repeat: no-repeat;
            background-position: 0px 0px;
        }



         .cupon-howto-card ul li:nth-child(1) {
            background-image: url('/img/cupones/icon-list-card-1.png');
            background-repeat: no-repeat;
        }

        .cupon-howto-card ul li:nth-child(2) {
            background-image: url('/img/cupones/icon-list-card-2.png');
            background-repeat: no-repeat;

            min-height: 48px;
        }

        .cupon-howto-card ul li:nth-child(3) {
            background-image: url('/img/cupones/icon-list-card-3.png');
            background-repeat: no-repeat;
            background-position: 5px 0px;
        }

        .cupon-howto-card ul li:nth-child(4) {
            background-image: url('/img/cupones/icon-list-card-4.png');
            background-repeat: no-repeat;
            background-position: 0px 0px;

            min-height: 48px;
        }


    .cupon-howto ul li,
    .cupon-howto-card ul li {
        background-size: 13%;
        background-position: 0 50% !important;
    }




@media (max-width: 575px) {
    .cupon-howto ul li {
        background-size: 6%;
        height: 42px;
    }
}




.item-header-blue {
    margin: 0 -1px 5px -1px;
}


@media (max-width: 880px) {

    .item-header-blue {
        height: 47px;
    }
}





.btn-rounded.btn-hacienda:hover, .btn-rounded.btn-hacienda:focus {
    color: #fff;
    background-color: #9c946e;
}


/*.cupon {
    padding: 0;
}*/

div.cupon:nth-child(odd) {
    padding-right: 10px;
}

div.cupon:nth-child(even) {
    padding-left: 10px;
}

div.cupon:nth-child(1) {
    padding: 0px;
    margin-top: 20px;
}


@media (min-width: 1200px) {

    div.cupon:nth-child(odd) {
        padding-left: 0px !important;
    }

    div.cupon:nth-child(even) {
        padding-right: 0px !important;
    }
}



.empty-slot {
    display: inline-block;
    width: 47%;
    min-width: 110px;
    height: 54px;
    margin: 0 3px 1px;
    border: 1px dotted #888;
    border-radius: 8px;
    text-align: center;
}


.pagination li {
    float: left !important;
}

.empty-slot .cancel {
    float: right;
}



.carousel-btn-right.mini {
    margin-right: 10px;
}

.carousel-btn-left.mini {
    margin-left: 10px;
}


.carousel-sabiasque .carousel-btn-right.mini {
    margin-right: 0;
}

.carousel-sabiasque .carousel-btn-left.mini {
    margin-left: 0;
}

.carousel div.item-rounded {
    padding: 10px;
    max-height: 120px;
}


.control-promos .swiper-slide {
    text-align: center;
}

.padbottom-70 {
    padding-bottom: 70px;
}


.row.promociones > div {
    min-height: 375px;
}

@media (min-width: 640px) {

    .row.promociones > div .btn-rounded {
        position: absolute;
        bottom: 20px;
        left: 20px;
        width: 80%;
    }
}

.carousel-recetas h4 {
    font-size: 17px;
}

.cupon-product-name {
    height: 60px;
    overflow: hidden;
    margin-bottom: 5px;
    text-align: center;
}

.item-hero .cupon-product-name {
    font-size: 17px;
    font-weight: 500;
}



.separadorNesvida-impar {
    clear: right;
}

.separadorNesvida {
    clear: left;
}

.control-brands .btn:hover {
    bottom: 19px;
    transition: bottom 0.1s;
    color: #fff;
}

/*** BOOTSTRAP MIGRATION ***/
.clearfix {
    *zoom: 1; /* ie 6/7 */
}

    .clearfix:before, .clearfix:after {
        content: "";
        display: table;
        line-height: 0;
    }

    .clearfix:after {
        clear: both;
    }

.hidden, .hidden-lg {
    display: none !important;
}

.pull-right {
    float: right !important;
}

.breadcrumb > .active {
    color: #777777;
}

.breadcrumb > li + li::before {
    content: "> ";
    padding: 0 5px;
    color: #cccccc;
}

a {
    color: #337ab7;
    text-decoration: none;
}

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

h1, .h1 {
    font-size: 36px;
}

.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0%;
}

@media (min-width: 640px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0%;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0%;
    }
}

h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

figure {
    margin: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-left {
    padding-left: 0;
}

.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.form-horizontal .control-label {
    width: 100%;
}

.form-horizontal .form-group span {
    float: left;
    width: 100%;
}

.bt-profesionales {
    width: 100%;
    max-width: 320px;
}

#form_alta h1 {
    padding-top: 30px;
}

#form_alta h2 {
    font-size: 18px;
}



.sueldo-nescafe .clear {clear:both;}
.nesquik30menos .clear {
    clear: both;
}
.sueldo-nescafe .half{float:left; width:50%;}
.sueldo-nescafe .half:first-child{padding-right:5%;}
.sueldo-nescafe .half:last-child{padding-left:5%;}
.sueldo-nescafe .cabecera{margin-top:30px;}
.sueldo-nescafe .cabecera img{width:100%;}
.sueldo-nescafe .content{padding:40px 2.5% 0px;}
.sueldo-nescafe p.intro{font-size:16px; line-height:18px; color:#000000; padding:0px; margin:0px auto; text-align:center; max-width:60%;}
.sueldo-nescafe h1{font-family:"rockeby-black"; font-size:34px; line-height:38px; color:#000000; padding:40px 0px 0px; margin:0px auto; text-align:center; max-width:60%; text-transform:uppercase; font-weight:bold;}
.sueldo-nescafe .como-participar{padding-top:40px;}
.sueldo-nescafe .item{text-decoration:none; border:2px solid #cd9d31; border-radius:5px; padding:15px; min-height:184px; max-width:276px; width:100%;}
.sueldo-nescafe .half:first-child .item{float:right;}
.sueldo-nescafe .half:last-child .item{float:left;}
.sueldo-nescafe .item img{width:100%; max-width:164px; padding:25px 0px; margin:0px auto; display:block;}
.sueldo-nescafe .item .text{display:block; padding-left:15px; width:100%;}
.sueldo-nescafe .item h3{width:100%; font-size:30px; line-height:32px; color:#000000; margin:0px !important; text-align:center; text-transform:uppercase; color:#ff0000;}
.sueldo-nescafe .item .desc{width:100%; font-family:"rockeby-semi"; font-size:18px; line-height:20px; color:#000000; padding:10px 0px 0px; margin:0px; text-align:center;}
.sueldo-nescafe .item .link img{width:100%; max-width:169px; padding:25px 0px; margin:0px auto; display:block;}
.sueldo-nescafe .footer{background:none; padding:0px;}
.sueldo-nescafe .footer img{width:100%; max-width:980px; margin-top:-30px;}

.sueldo-nescafe .separador{width:100%; text-align:center; height:5px; padding-top:14px;}
.sueldo-nescafe .separador img{display:block; margin:0px auto; padding:0px;}
.sueldo-nescafe .title{font-size:30px; line-height:32px; color:#000000; padding:24px 0px 0px; text-transform:uppercase; font-weight:bold;}
.sueldo-nescafe .title.second{padding:60px 0px 0px;}
.sueldo-nescafe .third{float:left; width:33.3333%;}
.sueldo-nescafe .fourth{float:left; width:25%;}
.sueldo-nescafe .interior h1{padding:0px;}
.sueldo-nescafe .pasos{margin:20px 0px 0px; border-radius:10px; border:2px solid #e9cf70;}
.sueldo-nescafe .pasos.first{border:2px solid #ed1c24;}
.sueldo-nescafe .item.interior{border:0px solid #ffffff;}
.sueldo-nescafe .pasos .item{padding:0px;}
.sueldo-nescafe .pasos .third .item img{width:100%; max-width:254px; padding:25px 0px; margin:0px auto; display:block;}
.sueldo-nescafe .pasos .fourth .item img{width:100%; max-width:107px; padding:25px 0px; margin:0px auto; display:block;}
.sueldo-nescafe .pasos .item .text{padding:0px 2.5%;}
.sueldo-nescafe .pasos .item .desc{padding:10px 0px 25px;}
.sueldo-nescafe .pasos .item .desc .mini{display:block; width:100%; font-size:13px; line-height:15px; padding:4px 0px 0px; margin:0px; text-align:center;}
.sueldo-nescafe .explicacion{font-family:"rockeby-semi"; color:#000000; display:block; width:100%; font-size:15px; line-height:17px; padding:30px 0px 0px; margin:0px; text-align:left;}
.sueldo-nescafe .explicacion .rojito{color:#ff0000;}
.sueldo-nescafe .explicacion.web{padding-top:0px;}
.sueldo-nescafe .interior a{text-decoration:none;}
.sueldo-nescafe .link-volver{display:block; width:100%; max-width:169px; padding:0px; margin:30px auto 30px; display:block;}
.sueldo-nescafe .sep-title{width:100%;}
.sueldo-nescafe .sep-title img{width:100%; margin-top:-80px;}
.sueldo-nescafe .web-nescafe .title{padding-top:60px;}
.sueldo-nescafe .web-dolce-gusto .title{padding-top:80px;}
.sueldo-nescafe .web-dolce-gusto .sep-title img{margin-top:-102px;}
.sueldo-nescafe .web-dolce-gusto .premio{background-image: url("/img/sueldo-nescafe/dolce-gusto-premio-members-club.png"); background-repeat: no-repeat; background-position: top left; min-height: 66px; margin-top: -28px; padding: 12px 124px 12px 232px; font-size: 17px; line-height: 19px; font-family: "rockeby-semi"; text-decoration: none; color: #000000;}
.sueldo-nescafe .link-marca{display:block; width:100%; max-width:243px; padding:0px; margin:30px auto 0px; display:block;}
.sueldo-nescafe .link-marca.dolce-gusto{max-width:332px;}
.sueldo-nescafe .steps{width:100%; text-align:center; background-image: url("/img/sueldo-nescafe/tick.png"); background-repeat: no-repeat; background-position: 8px top; padding:0px 17px;}

.sueldo-nescafe .mobile{display:none;}
.sueldo-nescafe strong, .sueldo-nescafe h3, .sueldo-nescafe .title, .sueldo-nescafe .explicacion a{font-family:"rockeby-bold" !important;}

@media (max-width: 880px) {
    .sueldo-nescafe .desktop{display:none;}
    .sueldo-nescafe .mobile{display:block;}
    .sueldo-nescafe .half{width:100%; padding:0px !important;}
    .sueldo-nescafe .item{float:none !important; margin:0px auto !important;}
    .sueldo-nescafe .item.home{display:block; margin:10px auto !important; width:100%; max-width:inherit;}
    .sueldo-nescafe .third{width:100%;}
    .sueldo-nescafe .fourth{width:100%;}
    .sueldo-nescafe .sep-title{display:none;}
    .sueldo-nescafe .web-dolce-gusto .premio{margin-top:10px !important; padding:80px 0px 12px 0px !important;}
}

.nesquik30menos .clear {clear:both;}
.nesquik30menos .half{float:left; width:50%;}
.nesquik30menos .half:first-child{padding-right:2.5%;}
.nesquik30menos .half:last-child{padding-left:2.5%;}
.nesquik30menos .third{float:left; width:31.6667%;}
.nesquik30menos .third:first-child{margin-right:2.5%;}
.nesquik30menos .third:last-child{margin-left:2.5%;}
.nesquik30menos h1{font-size:24px; line-height:26px; color:#009fe3; text-transform:uppercase; padding:0px; margin:0px;}
.nesquik30menos h2{font-size:24px; line-height:26px; color:#009fe3; text-transform:uppercase; padding:40px 0px 0px; margin:0px;}
.nesquik30menos p{font-size:13px; line-height:18px; color:#666666; padding:30px 0px 0px; margin:0px;}
.nesquik30menos .cabecera{margin-top:30px;}
.nesquik30menos .cabecera img{width:100%;}
.nesquik30menos .content{padding:40px 2.5% 0px;}
.nesquik30menos p .desayuno-nesquik {float:right; width:100%; max-width:250px; margin-top:-32px; margin-left:40px;}
.nesquik30menos p .el-desayuno {width:100%; display:block;}
.nesquik30menos .desayuno{font-size:13px; line-height:18px; color:#666666; padding:24px 0px 0px; margin:0px;}
.nesquik30menos .desayuno:before{clear:both;}
.nesquik30menos .el-desayuno{width:100%;}
.nesquik30menos .fundamental-peques{padding: 10px 0px 0px;}
.nesquik30menos .desayuno ul {list-style: none; padding-top:12px; padding-left: 26px;}
.nesquik30menos .desayuno ul li::before {content: "\2022"; color: #fcd903; font-weight: bold; display: inline-block; width: 26px; margin-left: -26px; font-size: 26px;}
.nesquik30menos .composicion{padding:24px 0px 0px; margin:0px;}
.nesquik30menos .composicion .componente{border:1px solid #c6c8c9; border-radius:5px; padding:15px; min-height:184px;}
.nesquik30menos .composicion .componente img{float:left; width:100%; max-width:74px; padding:32px 0px;}
.nesquik30menos .composicion .componente .text{display:table-cell; padding-left:15px;}
.nesquik30menos .composicion .componente h3{font-size:18px; line-height:30px; color:#009fe3; border-bottom:2px solid #fcd903; margin:0px !important;}
.nesquik30menos .composicion .componente .desc{font-size:13px; line-height:18px; color:#666666; padding:10px 0px 0px; margin:0px;}
.nesquik30menos .composicion .componente-imagen{border:1px solid #ffffff !important; border-radius:inherit !important; padding:0px !important; text-align: center;}
.nesquik30menos .composicion .helper {display: inline-block; height: 100%; vertical-align: middle;}
.nesquik30menos .composicion .componente .img-desayuno{float:none !important; max-width:213px !important; max-height:189px !important; padding:0px !important; vertical-align: middle; }
.nesquik30menos .third-double{margin-left:0px !important; width:65.8334%;}
.nesquik30menos .third-double .componente .text h3{display:inline-block;}
.nesquik30menos .lacteos{padding-top:44px;}
.nesquik30menos .lacteos .half{min-height:470px;}
.nesquik30menos .lacteos h2{padding-top:0px; padding:0px;}
.nesquik30menos .lacteos p{padding-top:0px; padding:30px 0px 0px;}
.nesquik30menos .edad-escolar {background-color:#eeeeee; border-radius:5px; border:1px solid #c6c8c9; padding:0px; position:relative;}
.nesquik30menos .edad-escolar h2{padding-top:24px; padding:20px 5% 0px;}
.nesquik30menos .edad-escolar p{max-width:230px; padding:30px 5% 0px;}
.nesquik30menos .edad-escolar ul{max-width:240px; margin:0px 0px 84px 5%;}
.nesquik30menos .edad-escolar .amarillo{background-color: #fcd903; height:50px; position:absolute; bottom:0px; left:0px; width:100%;}
.nesquik30menos .edad-escolar .nesquik{position:absolute; bottom:8px; right:-8px; width:100%; max-width:203px;}
.nesquik30menos .menos-azucares{margin-top: 30px; padding-top:30px; background-color:#f3f5f6; min-height:550px;}
.nesquik30menos .menos-azucares .half{padding:0px 2.5% !important;}
.nesquik30menos .presentamos{padding:25px 7.5% 0px; background-image:url(/img/nesquik30menosazucar/marco.png); background-repeat:no-repeat; background-size:contain;}
.nesquik30menos .presentamos h2{color:#ffffff; font-size:33px; line-height:36px;}
.nesquik30menos .presentamos img{display:block; padding-top:30px; margin:0px auto;}
.nesquik30menos .objetivos {background-color:#ffffff; border-radius:5px;}
.nesquik30menos .objetivos p{padding:30px 5%;}
.nesquik30menos .objetivos .azulito{color:#009fe3;}
.nesquik30menos .objetivos i.peque{font-size:11px; display:block; padding-top:10px;}
.nesquik30menos .aporte .aporte-real{padding-top:10px;}
.nesquik30menos .aporte .menos-30-azucares{max-width:319px; width:100%; padding-bottom:40px; display:block; margin:0px auto;}
.nesquik30menos .spot {background-color:#f3f5f6; padding:0px 0px 40px;}
.nesquik30menos .spot h2{text-align:center;}
.nesquik30menos .spot .video{padding-top:30px; text-align:center;}
.nesquik30menos .spot a{display:block; margin:0px auto; padding:0px 5%;}
.nesquik30menos .spot a img{display:block; margin:0px auto; max-width:766px; width:100%;}

.nesquik30menos .mobile{display:none;}

.modal-body iframe{max-width:100% !important;}

.descubre-la-lechera .clear{clear:both;}
.descubre-la-lechera .main-header {height:70px; background-color:#ffffff; padding:40px 25px 0; margin-top: 0px; margin-bottom: 30px;}
.descubre-la-lechera .corner {position:absolute; max-width:129px; width:20%;}
.descubre-la-lechera .desktop{display:block;}
.descubre-la-lechera .mobile{display:none;}
.descubre-la-lechera .corner.left {left:14px;}
.descubre-la-lechera .corner.right {right:14px;}
.descubre-la-lechera .corner.top {top:14px;}
.descubre-la-lechera .corner.bottom {bottom:14px;}
.descubre-la-lechera.home .content {position:relative; min-height:414px; background-color: #f687a0; text-align:center;}
.descubre-la-lechera.home .title{position:absolute; left:0px; top:75px; max-width:564px; width:57%;}
.descubre-la-lechera.home .marca{position:absolute; top:0px; right:75px; max-width:324px; width:34%;}
.descubre-la-lechera.home .logo {min-height:414px;}
.descubre-la-lechera.home .button{display:inline-block; margin:0px auto; padding-bottom:40px;}
.descubre-la-lechera.toppings .content {position:relative; min-height:450px; background-color: #e199e9; text-align:center;}
.descubre-la-lechera.toppings .title{position:absolute; left:0; top:70px; right:0; max-width:712px; width:72.5%; margin:0px auto;}
.descubre-la-lechera.toppings .marca{position:absolute; right:0px; top:134px; max-width:240px; width:25%;}
.descubre-la-lechera.toppings .logo {min-height:420px;}
.descubre-la-lechera.toppings .tipos img{max-width:90%; margin:0px auto; padding-bottom:80px;}
.descubre-la-lechera.toppings .img-tipos{width:100%; margin:0px auto; padding:0px 2.5%;}
.descubre-la-lechera.toppings .img-tipos .third{width:33.33%; float:left; padding:20px 2%;}
.descubre-la-lechera.toppings .img-tipos img{max-width:276px; width:100%; display:block; margin:0px auto;}
.descubre-la-lechera.toppings .desc{max-width:512px; width:80%; margin:0px auto; padding:80px 0px 40px;}
.descubre-la-lechera.toppings .button{display:block; margin:0px auto; padding-bottom:70px;}
.descubre-la-lechera.toppings .button img{max-width:90%; margin:0px auto;}
.descubre-la-lechera.toppings .button.bt-volver{padding-bottom:150px;}
.descubre-la-lechera.toppings .button.bt-volver img{max-width:40%;}
.descubre-la-lechera.variedades .content {position:relative; min-height:420px; background-color: #87cae9; text-align:center;}
.descubre-la-lechera.variedades .title{position:absolute; left:0; top:70px; right:0; max-width:759px; width:72.5%; margin:0px auto;}
.descubre-la-lechera.variedades .marca{position:absolute; right:0px; top:134px; max-width:240px; width:25%;}
.descubre-la-lechera.variedades .logo {min-height:420px;}
.descubre-la-lechera.variedades .tipos img{max-width:90%; margin:0px auto; padding-bottom:80px;}
.descubre-la-lechera.variedades .tipos img.left{float:left;}
.descubre-la-lechera.variedades .tipos img.right{float:right;}
.descubre-la-lechera.variedades .button{display:block; margin:0px auto; padding-bottom:70px;}
.descubre-la-lechera.variedades .button img{max-width:90%; margin:0px auto;}
.descubre-la-lechera.variedades .button.bt-volver{padding-bottom:80px;}
.descubre-la-lechera.variedades .button.bt-volver img{max-width:40%;}
.descubre-la-lechera.variedades .desc{max-width:642px; width:80%; margin:0px auto; padding:0px 0px 150px;}

@media (max-width: 880px) {
    .nesquik30menos .desktop{display:none;}
    .nesquik30menos .mobile{display:block;}
    .nesquik30menos .menos-azucares {min-height: 590px;}
    .nesquik30menos .composicion .componente .desc{line-height:15px;}
    .nesquik30menos .third:last-child .componente{margin-bottom:0px;}
    .nesquik30menos .presentamos h2{padding:20px 0px 0px; font-size: 22px; line-height: 30px;}

    .descubre-la-lechera.home .button{padding-bottom:60px;}
    .descubre-la-lechera.home .button img{max-width:85%; margin:0px auto;}
    .descubre-la-lechera.toppings .tipos img{max-width:80%; padding-bottom:60px;}
}

/* MOVIL */
@media screen and (max-width: 767px) {
    .nesquik30menos .half{width:100%;}
    .nesquik30menos .third{width:100%;}
    .nesquik30menos .half:first-child{padding-right:0px;}
    .nesquik30menos .half:last-child{padding-left:0px;}
    .nesquik30menos .third:first-child{margin-right:0px;}
    .nesquik30menos .third:last-child{margin-left:0px;}
    .nesquik30menos .composicion .componente {min-height: inherit; margin-bottom: 20px;}
    .nesquik30menos .lacteos .half {min-height: inherit; margin-bottom: 20px;}
    .nesquik30menos .menos-azucares {padding-bottom: 30px;}
    .nesquik30menos .aporte .aporte-real, .nesquik30menos .aporte .aporte-real h2{padding-top:0px;}
    .nesquik30menos .aporte .menos-30-azucares{padding:30px 0px;}
    .nesquik30menos p .desayuno-nesquik{float: none; margin: 0px auto; display: block; padding:0px 0px 30px;}
    .nesquik30menos .edad-escolar ul {max-width: 160px;}
    .nesquik30menos .edad-escolar .nesquik{max-width:140px;}
    .nesquik30menos .presentamos h2{font-size: 18px; line-height: 24px;}

    .descubre-la-lechera .desktop{display:none;}
    .descubre-la-lechera .mobile{display:block;}
    .descubre-la-lechera.home .marca{position:relative; top:inherit; right:inherit; left:0px; padding:100px 0px 20px; max-width:634px; width:85%;}
    .descubre-la-lechera.home .button{margin:0px auto 80px;}
    .descubre-la-lechera.toppings .marca{position:relative; top:inherit; right:inherit; margin:0px auto; padding:120px 0px 50px; max-width:541px; width:80%;}
    .descubre-la-lechera.toppings .img-tipos .third{width:100%; float:left; padding:20px 2%;}
    .descubre-la-lechera.toppings .desc{padding:40px 0px;}
    .descubre-la-lechera.variedades .marca{position:relative; top:inherit; right:inherit; margin:0px auto; padding:120px 0px 50px; max-width:532px; width:80%;}
    .descubre-la-lechera.variedades .tipos img{padding-bottom:60px;}
    .descubre-la-lechera.variedades .desc{padding:0px 0px 100px;}
}

/**** CARRUSEL DE RECETAS*/
.carousel-inner .carousel-item-left.active {
    transform: translate3D(-50%,0,0);
}

.carousel-inner .carousel-item-right.active {
    transform: translate3D(50%,0,0);
}

.carousel-inner .carousel-item-next {
    transform: translate3D(50%,0,0);
}

.carousel-inner .carousel-item-prev {
    transform: translate3D(-50%,0,0);
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
    transform: translate3D(0,0,0);
}


@media (max-width: 992px) {

    .item-rounded .row h4 {
        font-size: 15px;
    }

    .item-rounded .row p {
        font-size: 13px;
    }
}



@media (max-width: 768px) {

    .item-rounded .row h4 {
        font-size: 18px;
    }

    .item-rounded .row p {
        display: block;
    }


    .carousel-inner .carousel-item-left.active {
        transform: translateX(-100%);
    }

    .carousel-inner .carousel-item-right.active {
        transform: translateX(100%);
    }

    .carousel-inner .carousel-item-next {
        transform: translateX(100%);
    }

    .carousel-inner .carousel-item-prev {
        transform: translateX(-100%);
    }

    .carousel-inner .carousel-item-right,
    .carousel-inner .carousel-item-left {
        transform: translateX(0);
    }


    .cupon-howto ul li, .cupon-howto-card ul li {

    background-size: 17px;
    }


    
}


@media (max-width: 576px) {
    .item-rounded .row h4 {
        font-size: 14px;
    }

    .item-rounded .row p {
        display: none;
    }

    .modal-loyaltycard .modal-content {
        padding: 12px !important;
    }
}


.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230056b3' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%230056b3' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next {
    width: auto;
    right: -10px;
}

.carousel-control-prev {
    width: auto;
    left: -10px;
}


.carousel-item-next, .carousel-item-prev, .carousel-item.active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}



        .carousel-sabiasque .carousel-control-next-icon,
        .carousel-sabiasque .carousel-control-prev-icon {

            width: 15px;
            height: 15px;
            margin-left: 2px;
            margin-right: 2px;

        }



 .carousel-sabiasque    .carousel-control-next-icon,  .carousel-sabiasque .carousel-control-prev-icon {

    
    width: 12px;
    height: 12px;
    opacity: 0.7;

}


.carousel-sabiasque .carousel-control-prev-icon {
    margin-left: 4px;
}

.carousel-sabiasque .carousel-control-next-icon {
    margin-right: 4px;
}



.lista-cupones .double .discount,
.lista-cupones .double .remaining-time {
    float: left;
    width: 50%;
}

.lista-cupones .double .remaining-time {
    border-left: #c6c1a6 solid 1px;
}

.lista-cupones .discount span.small {
    font-size: 16px;
}



.loyaltycards-module {
    margin-top: 20px;
}

    .loyaltycards-module h4 {
        text-align: center;
    }

    .loyaltycards-module hr {
        height: 1px;
        background-color: #ddd;
    }

    .loyaltycards-module h4.flash-cards {
        font-style: italic;
        font-size: 15px;
        font-weight: 700;
    }

    .loyaltycards-module .loyal-list {
        margin-top: 30px;
    }

        .loyaltycards-module .loyal-list ul {
            list-style: none;
            list-style-type: none;
        }

            .loyaltycards-module .loyal-list ul li {
                list-style: none;
                font-size: 15px;
            }

            .loyaltycards-module .loyal-list ul span.check {
                display: block;
                float: left;
                color: green;
                font-weight: 700;
                margin-left: -23px;
            }

            .loyaltycards-module .loyal-list ul li .lnk-vincular,
            .loyaltycards-module .loyal-list ul li .lnk-vincular-real {
                display: block;
                float: right;
                margin-right: 0;
                font-size: 12px;
                line-height: 21px;
            }

.modal.loyaltycard .modal-content      {
    padding: 50px;
}



@media (max-width: 768px) {
   
    .modal.loyaltycard button.close {
    right: 10px !important;
    top: -10px !important;
}

    .modal.loyaltycard .modal-content  {
        padding: 12px !important;
    }
}


.modal.loyaltycard .close {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 36px;
}

.modal.loyaltycard h5 {
    color: #4e4e4e;
    font-weight:700;
}

.modal.loyaltycard .modal-body {
    color: #4e4e4e;
}

.modal.loyaltycard  .modal-footer {
    font-size: 12px;   
}

.modal.loyaltycard  .modal-footer a.text,
.modal.loyaltycard  .modal-footer strong {
    display: contents !important;
}

.btn-add-coupon-to-card-sending {
    display: none;
}

.modal.loyaltycard .btn {
    background-color:#009bda ;
    font-weight: 700;
    font-size: 14px;
    color: #fff;

}

.btn-white {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #ccc;

}

.btn-addcard {
    margin-bottom: 8px;
    margin-top: 8px;
}
.btn-addprint {
    margin-bottom: 8px;
    margin-top: 8px;
    font-size: 14px !important;
}


.row-herramientas img {
    border-radius: 8px;
}


/** loading **/


:root {
    --color-dot: #009bda;
}


.spinner {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 5px solid var(--color-dot);
    border-right-color: transparent;
    animation: rotat 2s infinite;
}

@keyframes rotat {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


/** SAFARI FIX **/
.row:before, .row:after {display: none !important;}


.disabled {
    background-color: #ccc !important;
    color: #666666 !important;
}


.loyaltycard input[type="radio"] {
    margin-right: 10px;
}


#cardList label {
    width: 89%;
    clear: both;

}
#cardList .loyalty-note {
    float: left;
    font-size: 11px;
    width: 100%;
}

#coupon_for_card_OK .loyalty-note {
    
    font-size: 12px;
    padding-top: 20px;
    display: block;
}