/* Index & TOC    
   --------------------------------------------------

   0. Reset & Assets Framework       
   1. Fonts 
   2. Modules    
   3. Global     
   4. Header   
   5. Footer
   6. Home
   7. Recipe Detail
   8. Search Result
   9. Article Video Photo
   10. Grid
   11. Products
   12. ProductDetail

   --------------------------------------------------*/
@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    outline: none;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

    blockquote:before,
    blockquote:after,
    q:before,
    q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    cursor: pointer;
    outline: none;
    text-decoration: none;
}

input {
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    /*behavior: url(PIE.htc);
	z-index: 0;*/
    -webkit-border-radius: 0px;
    outline: none;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

html {
    -webkit-text-size-adjust: 100%;
    /* Prevent font scaling in landscape while allowing user zoom */
}
/* Mixins */
/* rounded-corners */
.pie {
    behavior: url(../less/Components/PIE.htc);
    position: relative;
}

.bold {
    font-weight: bold;
}
/* montserrat_bold */
@font-face {
    font-family: 'montserrat_bold';
    src: url(../fonts/montserrat-bold-webfont.eot);
    src: url(../fonts/montserrat-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/montserrat-bold-webfont.woff) format('woff'), url(../fonts/montserrat-bold-webfont.ttf) format('truetype'), url(../fonts/montserrat-bold-webfont.svg#montserrat_bold) format('svg');
    font-weight: normal;
    font-style: normal;
}
/* montserrat_regular */
@font-face {
    font-family: 'montserrat_regular';
    src: url(../fonts/montserrat-regular-webfont.eot);
    src: url(../fonts/montserrat-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/montserrat-regular-webfont.woff) format('woff'), url(../fonts/montserrat-regular-webfont.ttf) format('truetype'), url(../fonts/montserrat-regular-webfont.svg#montserrat_regular) format('svg');
    font-weight: normal;
    font-style: normal;
}
/* sacramento_regular */
@font-face {
    font-family: 'sacramento_regular';
    src: url(../fonts/sacramento.regular-webfont.eot);
    src: url(../fonts/sacramento.regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/sacramento.regular-webfont.woff) format('woff'), url(../fonts/sacramento.regular-webfont.ttf) format('truetype'), url(../fonts/sacramento.regular-webfont.svg#sacramento_regular) format('svg');
    font-weight: normal;
    font-style: normal;
}
/* typodermic_euphorigenic */
@font-face {
    font-family: 'typodermic_euphorigenic';
    src: url(../fonts/typodermic_-_euphorigenic-regular-webfont.eot);
    src: url(../fonts/typodermic_-_euphorigenic-regular-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/typodermic_-_euphorigenic-regular-webfont.woff) format('woff'), url(../fonts/typodermic_-_euphorigenic-regular-webfont.ttf) format('truetype'), url(../fonts/typodermic_-_euphorigenic-regular-webfont.svg#typodermic_euphorigenic) format('svg');
    font-weight: normal;
    font-style: normal;
}

@media (max-width: 500px) {
    body {
        /* ====================================
   = Page Structure 
   ==================================== */
    }

        body .backgroundContainer {
            margin-top: 0px;
        }

        body .siteContainer {
            width: 100%;
            margin: 0px auto 15px auto;
            max-width: 500px;
            padding: 0 10px;
        }

        body .main-container {
            margin-top: 0px;
        }

        body .pageContainer {
            background: none;
            margin: 0;
            padding: 0px;
        }
}

body {
    background: url(../images/bg-pattern.jpg);
    /* Gigya */
    /* Gigya message remove */
}

    body #wrapper {
        margin: 0 auto;
        max-width: 940px;
        min-width: 320px;
        width: 100%;
    }

        body #wrapper .topInfo {
            display: inline-block;
            margin-bottom: 22px;
            width: 100%;
        }

            body #wrapper .topInfo .left {
                float: left;
                margin: 73px 22px 0 35px;
                width: 39.04%;
            }

                body #wrapper .topInfo .left h1 {
                    color: #efaf00;
                    font-family: 'typodermic_euphorigenic';
                    font-size: 5.5em;
                    text-shadow: 1px 1px 2px #ffffff;
                    /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
                }

                body #wrapper .topInfo .left p {
                    color: #3d3d3d;
                    display: block;
                    font-family: 'montserrat_regular';
                    font-size: 1em;
                    margin-top: 39px;
                    text-shadow: 1px 1px 2px #ffffff;
                    /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
                }

                body #wrapper .topInfo .left h3 {
                    color: #3d3d3d;
                    display: block;
                    margin: 40px 0 0 0;
                    font-family: 'montserrat_bold';
                    font-size: 1.875em;
                }

            body #wrapper .topInfo img {
                float: right;
                margin: 50px 50px 0 0;
                width: 44.36%;
            }

            body #wrapper .topInfo.largeInfo {
                width: 100%;
            }

                body #wrapper .topInfo.largeInfo h1 {
                    color: #efaf00;
                    font-family: 'typodermic_euphorigenic';
                    font-size: 4.125em;
                    text-shadow: 1px 1px 2px #ffffff;
                    /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
                    padding-bottom: 18px;
                }

                body #wrapper .topInfo.largeInfo p {
                    color: #3d3d3d;
                    display: block;
                    font-family: 'montserrat_regular';
                    font-size: 1.125em;
                    margin-top: 39px;
                    text-shadow: 1px 1px 2px #ffffff;
                    /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
                    width: 67%;
                }

            body #wrapper .topInfo.nom {
                margin: 0;
            }

                body #wrapper .topInfo.nom .left.no-margin {
                    margin: 0;
                }

                    body #wrapper .topInfo.nom .left.no-margin h1 {
                        margin: 30px 0 0 0;
                    }

        body #wrapper .recipes > h2 {
            color: #efaf00;
            font-family: 'typodermic_euphorigenic';
            font-size: 88px;
            font-size: 5.5rem;
            margin: 30px 0;
            text-shadow: 1px 1px 1px #ffffff;
            /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
        }

        body #wrapper .recipes p {
            color: #3d3d3d;
            font-family: 'montserrat_regular';
            width: 42%;
            line-height: 1.2;
        }

        body #wrapper .recipes .container-slider-what-type {
            background: url(../images/category-bg.png) no-repeat 0 0;
            height: 183px;
            margin: 35px 0 0 0;
            overflow: hidden;
            padding: 37px 0 25px 0;
            width: 100%;
        }

            body #wrapper .recipes .container-slider-what-type h2 {
                color: #3d3d3d;
                float: left;
                font-family: 'montserrat_bold';
                font-size: 1.4em;
                margin: 30px 25px 0 10px;
                text-shadow: 1px 1px 1px #ffffff;
                /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
                width: 16%;
            }

            body #wrapper .recipes .container-slider-what-type .contentSlider {
                display: inline-block;
                width: 79.3%;
            }

                body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider {
                    display: inline-block;
                    height: 100%;
                    width: 100%;
                }

                    body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li {
                        float: left;
                        margin: 0 1.8% 0 0;
                        position: relative;
                        width: 18.5%;
                    }

                        body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li a {
                            background-color: #000;
                            position: absolute;
                            z-index: 3;
                            margin: 0;
                            height: 100%;
                            opacity: 0;
                            /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(@{opacityPercentage}))";*/
                            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                            /*filter: ~"alpha(opacity = (@{opacityPercentage}))";*/
                            padding: 0;
                            width: 100%;
                        }

                        body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info {
                            width: 100%;
                        }

                            body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info h2 {
                                color: #0eb3de;
                                font-family: 'montserrat_regular';
                                font-size: 1.25em;
                                margin: 17px 0 0 0;
                                text-align: center;
                                width: 100%;
                            }

                            body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info .content-img img {
                                margin: 0 auto;
                                /*max-width: 142px;*/
                                width: 100%;
                            }

                            body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info .content-img .off {
                                display: block;
                            }

                            body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info .content-img .active {
                                display: none;
                            }

                            body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info.hover .content-img .off {
                                display: none;
                            }

                            body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info.hover .content-img .active {
                                display: block;
                            }

                            body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info.hover .title {
                                color: #b62826;
                                font-family: 'montserrat_bold';
                                font-size: 1.25em;
                            }

        body #wrapper .recipesC h2 {
            color: #efaf00;
            display: inline-block;
            font-family: 'typodermic_euphorigenic';
            font-size: 88px;
            font-size: 5.5rem;
            margin: 0 0 30px 1.3%;
        }

        body #wrapper .recipesC p {
            color: #3d3d3d;
            font-family: 'montserrat_regular';
            margin: 10px 0 0 0;
        }

            body #wrapper .recipesC p.description {
                display: inline-block;
                font-family: 'montserrat_bold';
                font-size: 29.92px;
                font-size: 1.87rem;
                width: 60%;
            }

        body #wrapper .recipesC .filters ul li a {
            border-bottom: none;
            text-decoration: none;
        }

            body #wrapper .recipesC .filters ul li a .off {
                display: block;
            }

            body #wrapper .recipesC .filters ul li a .active {
                display: none;
            }

            body #wrapper .recipesC .filters ul li a img {
                height: 63px;
                margin: 0 auto 15px;
                width: 63px;
            }

            body #wrapper .recipesC .filters ul li a.hover {
                border: none;
                color: #b62826;
                font-family: 'montserrat_bold';
                font-size: 1em;
            }

                body #wrapper .recipesC .filters ul li a.hover .off {
                    display: none;
                }

                body #wrapper .recipesC .filters ul li a.hover .active {
                    display: block;
                }

        body #wrapper .recipesC .filters .recipesCategories li {
            font-size: 12.8px;
            font-size: 0.8rem;
            margin: 10px 7% 0 0;
            text-align: center;
            width: 11.34%;
        }

        body #wrapper #commentsDiv-commentBox {
            display: none;
        }

        body #wrapper .container-gigya {
            display: inline-block;
            margin: 0 0 50px 21px;
            width: 90%;
        }

            body #wrapper .container-gigya h2 {
                color: #efaf00;
                font-family: 'montserrat_bold';
                font-size: 1.5em;
            }

                body #wrapper .container-gigya h2 a {
                    color: #efaf00;
                }

            body #wrapper .container-gigya .content-addThis {
                float: left;
                margin: 0 0 0 25px;
                overflow: hidden;
                padding-bottom: 3%;
            }

                body #wrapper .container-gigya .content-addThis .fb-like {
                    margin-right: 22px;
                }

                body #wrapper .container-gigya .content-addThis .pintBtn {
                    display: inline-block;
                    position: relative;
                    top: 2px;
                }

                    body #wrapper .container-gigya .content-addThis .pintBtn img {
                        width: auto;
                    }

            body #wrapper .container-gigya #commentsDiv {
                display: inline-block;
                max-width: 598px;
                width: 95% !important;
            }

                body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-likeLink {
                    display: none;
                }

                body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-footer-left {
                    width: 94%;
                }

                    body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-footer-left .gig-comment-flag {
                        float: right;
                    }

                body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-deleteLink,
                body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-replyLink,
                body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-shareLink {
                    background: #EAEBEB;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EAEBEB", endColorstr="#FFFFFF");
                    background: -webkit-gradient(linear, left top, left bottom, from(#eaebeb), to(#ffffff));
                    background: -moz-linear-gradient(top, #eaebeb, #ffffff);
                    line-height: 15px;
                    position: relative;
                    border-radius: 3px;
                    color: #4d4d4d;
                    cursor: pointer;
                    font-size: 11px;
                    padding: 0 5px;
                    border: 1px solid #C5C7C7;
                    display: inline-block;
                    zoom: 1;
                    vertical-align: middle;
                    text-align: center;
                    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
                    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
                    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
                    text-decoration: none;
                }

                    body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-deleteLink:hover,
                    body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-replyLink:hover,
                    body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-shareLink:hover {
                        background: #FFFFFF;
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFF", endColorstr="#EAEBEB");
                        background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eaebeb));
                        background: -moz-linear-gradient(top, #ffffff, #eaebeb);
                    }

                    body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-deleteLink:after,
                    body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-replyLink:after,
                    body #wrapper .container-gigya #commentsDiv .gig-comment-footer .gig-comment-shareLink:after {
                        display: none;
                    }

            body #wrapper .container-gigya #button-comment-container {
                clear: both;
                display: block;
            }

                body #wrapper .container-gigya #button-comment-container a {
                    color: #efaf00;
                    font-family: 'montserrat_bold';
                    font-size: 1.2em;
                    text-decoration: underline;
                }

            body #wrapper .container-gigya .show_age {
                background: #ffffff;
                box-shadow: 0px 0px 8px #000000;
                display: none;
                left: 0;
                margin: 0 auto;
                padding: 15px;
                position: absolute;
                right: 0;
                width: 450px;
                z-index: 20;
            }

                body #wrapper .container-gigya .show_age .block_age {
                    width: 100%;
                }

                    body #wrapper .container-gigya .show_age .block_age #age-radio-button {
                        float: left;
                    }

                    body #wrapper .container-gigya .show_age .block_age .titComments {
                        color: #efaf00;
                        font-family: 'montserrat_bold';
                        font-size: 1.2em;
                        margin: 0 0 10px 0;
                    }

                    body #wrapper .container-gigya .show_age .block_age .age_title {
                        color: #3d3d3d;
                        font-family: 'montserrat_regular';
                        font-size: 1em;
                        margin: 0 0 10px 0;
                    }

                    body #wrapper .container-gigya .show_age .block_age label {
                        color: #efaf00;
                        font-family: arial, sans-serif;
                        font-size: 1em;
                    }

                    body #wrapper .container-gigya .show_age .block_age .btn_next a {
                        background: #efaf00;
                        color: #000000;
                        display: block;
                        float: left;
                        font-family: 'montserrat_regular';
                        font-size: 0.875em;
                        margin: -10px 0 0 20px;
                        padding: 10px;
                    }

                    body #wrapper .container-gigya .show_age .block_age .error {
                        color: #ff0000;
                        clear: both;
                        display: block;
                        font-family: arial, sans-serif;
                        font-size: 0.7em;
                    }

            body #wrapper .container-gigya .gig-comments-addCommentFooter .gig-comments-shareTo {
                display: none;
            }

            body #wrapper .container-gigya .gig-comments-addCommentFooter .gig-comments-postButton-container {
                display: block;
                margin: 0 auto;
                width: 49px;
            }

        body #wrapper .errorPage {
            color: #eb3430;
            font-family: 'typodermic_euphorigenic';
            font-size: 1em;
            margin: 80px 0 120px;
        }

            body #wrapper .errorPage article {
                display: block;
                margin: 0 0 0 25.31%;
                position: relative;
                z-index: 1;
            }

            body #wrapper .errorPage .toptext {
                width: 395px;
            }

                body #wrapper .errorPage .toptext .top {
                    font-size: 72px;
                    font-size: 4.5rem;
                }

                body #wrapper .errorPage .toptext .middle {
                    font-size: 68.96px;
                    font-size: 4.31rem;
                    float: right;
                    margin: -15px 8px 0 0;
                }

                body #wrapper .errorPage .toptext .bottom {
                    display: inline-block;
                    font-size: 148.96px;
                    font-size: 9.31rem;
                    margin-top: -54px;
                }

                body #wrapper .errorPage .toptext img {
                    margin: -73px 0 0 31%;
                    max-width: 562px;
                    position: relative;
                    z-index: 2;
                    width: 100%;
                }

            body #wrapper .errorPage .bottomtext {
                display: inline-block;
                width: 61.48%;
            }

                body #wrapper .errorPage .bottomtext .altText {
                    font-size: 48px;
                    font-size: 3rem;
                    width: 70.93%;
                }

                body #wrapper .errorPage .bottomtext img {
                    position: absolute;
                    top: 0;
                    right: 0;
                }

                body #wrapper .errorPage .bottomtext a {
                    color: #00b2e0;
                    font-family: 'montserrat_regular';
                    font-size: 1.125em;
                    float: left;
                    margin: 28px 0 0 41.17%;
                }

    body #popUpBg {
        background: url(../images/white_popup_bg.png) repeat 0 0;
        bottom: 0px;
        display: none;
        height: 100%;
        left: 0px;
        position: fixed;
        right: 0px;
        top: 0px;
        width: 100%;
        z-index: 15;
    }

    body #popUp {
        background: #ffffff;
        display: none;
        left: 0px;
        margin: 0 auto;
        min-width: 320px;
        max-width: 813px;
        padding: 15px 30px;
        position: absolute;
        right: 0px;
        top: 257px;
        width: 92.15%;
        z-index: 20;
    }

        body #popUp #closePopUp {
            background: url(../images/return_popup_btn.png) no-repeat 0 0;
            float: right;
            height: 34px;
            width: 84px;
        }

        body #popUp .popUpContent {
            margin-top: 30px;
            display: inline-block;
        }

            body #popUp .popUpContent .nutImg {
                width: 100%;
            }

    body .ui-helper-hidden-accessible {
        display: none;
    }

    body #commentsDiv textarea.gig-comments-commentBox-textarea {
        width: 100% !important;
    }

    body div.gig-comments-addComment-ratings-ratingName {
        margin-right: 7px !important;
    }

    body div.gig-comments-addComment-ratings-details {
        margin-left: 0px !important;
    }

    body #emailRecipe .gig-share-button #emailRecipe-reaction0-email_img {
        background: none !important;
    }

    body table[id*="showShareUI_emailCanvas"] table tr:nth-child(3) {
        display: none;
    }

@media only screen and (min-width: 600px) and (max-width: 768px) {
    body #wrapper .topInfo.nom {
        margin: 20px 2.5%;
        width: 75%;
    }

        body #wrapper .topInfo.nom .left.no-margin {
            margin: 20px 0;
        }

            body #wrapper .topInfo.nom .left.no-margin h1 {
                margin: 30px 0 0 0;
            }

    body #wrapper .topInfo.recipeLanding {
        position: relative;
        width: 95%;
    }

        body #wrapper .topInfo.recipeLanding .left {
            width: 67%;
        }

        body #wrapper .topInfo.recipeLanding img {
            position: absolute;
            right: 0px;
            top: 0px;
        }

    body #wrapper .topInfo {
        margin-bottom: 0px;
    }

        body #wrapper .topInfo .left {
            margin: 10px 22px 0 35px;
        }

        body #wrapper .topInfo img {
            margin: 0 5.3% 0 0;
        }

        body #wrapper .topInfo.largeInfo h1 {
            margin-left: 15px;
        }

        body #wrapper .topInfo.largeInfo p {
            margin-left: 15px;
        }

    body #wrapper .recipes .container-slider-what-type h2 {
        margin: 30px 10px 0;
        width: 13.7%;
    }

    body #wrapper .recipes .container-slider-what-type .contentSlider {
        margin: 0 0 0 2.5%;
        /*.w(64%);*/
    }

    body #wrapper .recipesC h2 {
        margin: 0 0 30px 2.5%;
    }

    body #wrapper .recipesC p {
        margin: 10px 0 0 2.5%;
    }

        body #wrapper .recipesC p #wrapper .topInfo .left {
            margin: 20px 51px 0 25px;
        }

    body #wrapper .recipesC .filters ul li,
    body #wrapper .recipesC .filters ul a {
        font-size: 14.4px;
        font-size: 0.9rem;
    }

    body #wrapper .errorPage article {
        margin: 0 auto;
    }

    body #wrapper .errorPage .toptext {
        margin: 0 0 0 10%;
        width: 394px;
    }

        body #wrapper .errorPage .toptext img {
            margin: -70px 0 0 36%;
        }

    body #wrapper .errorPage .bottomtext {
        margin: 0 0 0 10%;
        width: 80%;
    }

        body #wrapper .errorPage .bottomtext .altText {
            width: 70.93%;
        }

        body #wrapper .errorPage .bottomtext a {
            margin: 28px 0 0 30px;
        }

    .container-Mods h2 {
        margin: 0 0 0 2.5%;
    }
}

@media only screen and (max-width: 599px) {
    body #wrapper .topInfo.nom .left.no-margin h1 {
        margin: 30px 0 0 3%;
    }

    body #wrapper .topInfo.nom .left.no-margin p {
        margin: 25px 0 0 3%;
    }

    body #wrapper .topInfo {
        margin-bottom: 30px;
    }

        body #wrapper .topInfo .left {
            margin: 30px 0 0 12px;
            width: 76.25%;
        }

            body #wrapper .topInfo .left h1 {
                font-size: 56.16px;
                font-size: 3.51rem;
            }

            body #wrapper .topInfo .left p {
                font-size: 10.24px;
                font-size: 0.64rem;
                margin-top: 25px;
            }

        body #wrapper .topInfo img {
            display: none;
        }

        body #wrapper .topInfo.recipeLanding .left.no-margin h1 {
            font-size: 42.08px;
            font-size: 2.63rem;
        }

        body #wrapper .topInfo.recipeLanding .left.no-margin h3 {
            font-size: 19.04px;
            font-size: 1.19rem;
            margin: 15px 0 0 3%;
        }

        body #wrapper .topInfo.recipeLanding .left.no-margin p {
            margin-top: 11px;
        }

        body #wrapper .topInfo.largeInfo h1 {
            font-size: 38.4px;
            font-size: 2.4rem;
            margin: 47px 2% 0;
            padding-bottom: 0px;
        }

        body #wrapper .topInfo.largeInfo p {
            font-size: 11.52px;
            font-size: 0.72rem;
            margin: 9px 2% 0;
            max-width: 345px;
            width: 96%;
        }

    body #wrapper .container-gigya {
        margin: 10px 0 0 10px;
        width: 97%;
    }

        body #wrapper .container-gigya h2 {
            font-size: 15.36px;
            font-size: 0.96rem;
            padding-top: 5px;
        }

        body #wrapper .container-gigya .content-addThis {
            margin: 0 0 0 10px;
        }

            body #wrapper .container-gigya .content-addThis .fb-like {
                margin-right: 11px;
            }

        body #wrapper .container-gigya #button-comment-container .display(inline-block) a {
            font-size: 14.4px;
            font-size: 0.9rem;
        }

        body #wrapper .container-gigya .show_age {
            width: 90%;
        }

            body #wrapper .container-gigya .show_age .block_age {
                width: 100%;
            }

                body #wrapper .container-gigya .show_age .block_age .btn_next a {
                    margin: 20px 0 0 10px;
                }

                body #wrapper .container-gigya .show_age .block_age label {
                    font-size: 12.8px;
                    font-size: 0.8rem;
                }


    body #wrapper .tabbedContent .container-gigya {
        margin: 0;
    }

        body #wrapper .tabbedContent .container-gigya h2 {
            font-size: 15.36px;
            font-size: 0.96rem;
            padding-top: 0;
        }

    body #wrapper .recipes .container-slider-what-type {
        background-size: auto 100%;
        height: auto;
        margin: 17px 0 24px 0;
        overflow: hidden;
        padding: 30px 0 10px 0;
        width: 100%;
    }

        body #wrapper .recipes .container-slider-what-type h2 {
            font-size: 15px;
            font-size: 0.9375rem;
            margin: 0 10px;
            width: 70px;
        }

        body #wrapper .recipes .container-slider-what-type .contentSlider {
            width: 68%;
        }

            body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider {
                height: 100%;
                width: 101%;
            }

                body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li {
                    margin-bottom: 10px;
                    max-width: 85px;
                    width: 30%;
                }

                    body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info .content-img {
                        margin: 0 auto;
                        max-width: 42px;
                        width: 100%;
                    }

                        body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info .content-img img {
                            width: 100%;
                        }

                    body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info h2 {
                        font-size: 12.8px;
                        font-size: 0.8rem;
                        margin: 9px 0 0 0;
                    }

                    body #wrapper .recipes .container-slider-what-type .contentSlider .wrapper-slider li .content-info.hover .title {
                        color: #b62826;
                        font-family: 'montserrat_bold';
                        font-size: 0.8em;
                    }

    body #wrapper #wrapper .container-Mods h2 {
        font-size: 14.992px;
        font-size: 0.937rem;
        margin: 0 0 0 3%;
    }

    body #wrapper .recipesC h2 {
        /*.font-size(3);
					.m(30px 0 30px 3%);*/
        display: none;
    }

    body #wrapper .recipesC p.description {
        font-size: 19.2px;
        font-size: 1.2rem;
        width: 93%;
    }

    body #wrapper .recipesC p {
        display: inline-block;
        font-size: 12px;
        font-size: 0.75rem;
        margin: 8px 0 0 3%;
        width: 90%;
    }

    body #wrapper .recipesC .filters {
        display: block;
        margin: 0 0 23px 0;
    }

        body #wrapper .recipesC .filters ul li {
            font-size: 11.52px;
            font-size: 0.72rem;
        }

            body #wrapper .recipesC .filters ul li a img {
                height: 40px;
                margin: 0 auto 10px;
                width: 40px;
            }

        body #wrapper .recipesC .filters .recipesCategories {
            margin-left: 3%;
        }

    body #wrapper .errorPage {
        margin: 52px 0 75px;
    }

        body #wrapper .errorPage article {
            margin: 0 0 0 10%;
        }

        body #wrapper .errorPage .toptext {
            margin: 0 auto;
            width: 258px;
        }

            body #wrapper .errorPage .toptext .top {
                float: none;
                font-size: 32.16px;
                font-size: 2.01rem;
                margin-left: 17px;
            }

            body #wrapper .errorPage .toptext .middle {
                font-size: 30.96px;
                font-size: 1.935rem;
                margin: -6px 71px 0 0;
            }

            body #wrapper .errorPage .toptext .bottom {
                display: inline-block;
                font-size: 66.72px;
                font-size: 4.17rem;
                float: none;
                margin: -27px 0 0 16px;
            }

            body #wrapper .errorPage .toptext img {
                display: block;
                margin: -39px 0 0 15%;
                width: 227px;
            }

        body #wrapper .errorPage .bottomtext {
            display: block;
            margin: 37px auto 0;
            width: 276px;
        }

            body #wrapper .errorPage .bottomtext .altText {
                font-size: 30.72px;
                font-size: 1.92rem;
                width: 61.88%;
            }

            body #wrapper .errorPage .bottomtext img {
                width: 46.85%;
            }

            body #wrapper .errorPage .bottomtext a {
                margin: 14px 0 0;
                font-size: 15.36px;
                font-size: 0.96rem;
            }

    body #popUp {
        padding: 10px 0;
        top: 52px;
        width: 100%;
    }

        body #popUp #closePopUp {
            background-size: 52px auto;
            height: 21px;
            width: 52px;
        }

        body #popUp .popUpContent {
            margin-top: 15px;
        }
}
/* header large */
.mainHeader {
    background: url(../images/bg-header.png) center bottom no-repeat;
    height: 97px;
    margin: 0 auto;
    max-width: 940px;
    position: relative;
    width: 100%;
    z-index: 10;
}

    .mainHeader .logo {
        height: 86px;
        left: 19px;
        position: absolute;
        top: 11px;
        width: 171px;
    }

    .mainHeader .mobile {
        display: none;
    }

    .mainHeader .desktop {
        float: right;
        padding-top: 28px;
        padding-right: 15px;
        text-align: right;
        width: 75%;
    }

        .mainHeader .desktop .social {
            margin-top: 13px;
            margin-right: 15px;
        }

    .mainHeader ul {
        list-style: none;
    }

        .mainHeader ul li {
            display: inline-block;
            vertical-align: text-top;
        }

            .mainHeader ul li.btnSections.active a {
                color: #525b00;
                font-family: 'montserrat_bold';
                font-size: 1em;
            }

            .mainHeader ul li.btnSections.active span {
                display: block;
            }

            .mainHeader ul li.btnSections a {
                color: #a4a788;
                display: block;
                font-family: 'montserrat_regular';
                font-size: 1em;
                padding: 0 14px 0 14px;
                padding-top: 18px;
                position: relative;
                text-transform: uppercase;
            }

                .mainHeader ul li.btnSections a span {
                    background: url(../images/active-sprites.png);
                    display: none;
                    position: absolute;
                    top: 5px;
                }

                    .mainHeader ul li.btnSections a span.aRecipes {
                        background-position: 0 0;
                        height: 43px;
                        left: -2px;
                        width: 106px;
                    }

                    .mainHeader ul li.btnSections a span.aIdeas {
                        background-position: 0 -49px;
                        height: 43px;
                        left: -9px;
                        width: 100px;
                    }

                    .mainHeader ul li.btnSections a span.aProducts {
                        background-position: 0 -98px;
                        height: 43px;
                        left: -8px;
                        width: 134px;
                    }

            .mainHeader ul li.btnSections.btnSectionsLast {
                padding-right: 20px;
            }

            .mainHeader ul li.btnSections a.hover {
                color: #525b00;
            }

    .mainHeader .search-wrapper {
        background: url(../images/menuBg.png) repeat 0 0;
        border-top: 1px solid #b3a559;
        display: none;
        padding-bottom: 5px;
        position: absolute;
        top: 97px;
        width: 100%;
        z-index: 100;
    }

        .mainHeader .search-wrapper .search-tip {
            background: url(../images/search-sprites.png) no-repeat 0 0;
            height: 20px;
            position: absolute;
            right: 30px;
            top: -19px;
            width: 34px;
        }

        .mainHeader .search-wrapper .search-box {
            background-color: #fff;
            height: 53px;
            padding-top: 15px;
        }

            .mainHeader .search-wrapper .search-box .arrowIco {
                background: url(../images/search-sprites.png) no-repeat -2px -25px;
                display: block;
                float: left;
                height: 40px;
                margin-left: 22px;
                position: absolute;
                width: 89px;
            }

            .mainHeader .search-wrapper .search-box .search-input {
                border: none;
                color: #cccccc;
                display: inline-block;
                float: left;
                font-family: 'montserrat_regular';
                font-size: 1.5em;
                margin-left: 125px;
                margin-top: 5px;
                width: 64%;
            }

            .mainHeader .search-wrapper .search-box .search-term-filer {
                background: #eceee1;
                color: #a4a788;
                display: inline-block;
                float: right;
                font-family: 'typodermic_euphorigenic';
                font-size: 1.875em;
                height: 39px;
                line-height: 35px;
                margin-right: 9px;
                text-align: center;
                text-shadow: 1px 1px 2px #ffffff;
                /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
                width: 96px;
            }

                .mainHeader .search-wrapper .search-box .search-term-filer.hover {
                    background: #a4a691;
                    color: #ffffff;
                    text-shadow: none;
                }

            .mainHeader .search-wrapper .search-box .search-term-clear {
                background: url(../images/search-sprites.png) no-repeat -2px -112px;
                display: inline-block;
                float: right;
                height: 31px;
                margin-right: 7px;
                margin-top: 3px;
                text-indent: -9999px;
                width: 29px;
            }

        .mainHeader .search-wrapper li {
            display: block;
            color: #0eb3de;
            font-family: 'montserrat_regular';
            font-size: 1.5em;
            line-height: 37px;
            margin-left: 13%;
        }

            .mainHeader .search-wrapper li a {
                color: #0eb3de;
                display: block;
            }

                .mainHeader .search-wrapper li a strong {
                    color: #006d89;
                }

                .mainHeader .search-wrapper li a.hover,
                .mainHeader .search-wrapper li .ui-state-focus {
                    color: #006d89;
                }

    .mainHeader .mOptions {
        display: none;
    }

.icon {
    display: inline-block;
    background: url(../images/icons-sprite.png) no-repeat;
    height: 20px;
    margin: 0 7px 0 7px;
    text-indent: -9999px;
    width: 20px;
}

    .icon.ico-instagram {
        background-position: -19px -433px;
        height: 21px;
        width: 21px;
    }

        .icon.ico-instagram.hover {
            background-position: -19px -468px;
        }

    .icon.ico-facebook {
        background-position: -25px -7px;
        height: 21px;
        width: 10px;
    }

        .icon.ico-facebook.hover {
            background-position: -25px -32px;
        }

    .icon.ico-twitter {
        background-position: -19px -58px;
        height: 17px;
        margin-top: 3px;
        width: 21px;
    }

        .icon.ico-twitter.hover {
            background-position: -19px -79px;
        }

    .icon.ico-pinterest {
        background-position: -19px -99px;
        height: 21px;
        width: 21px;
    }

        .icon.ico-pinterest.hover {
            background-position: -19px -125px;
        }

.btnMag {
    background: url(../images/icons-sprite.png) no-repeat 50% -150px;
    cursor: pointer;
    display: inline-block;
    height: 47px;
    margin: 0 7px 0 7px;
    text-indent: -9999px;
    width: 47px;
}

    .btnMag.hover {
        background-position: 50% -202px;
    }

    .btnMag.active {
        background-position: 50% -202px;
    }
/* header medium */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    .mainHeader .desktop {
        padding-right: 5px;
    }

        .mainHeader .desktop .social {
            margin-right: 5px;
        }

    .mainHeader ul li.btnSections a {
        font-family: 'montserrat_regular';
        font-size: 0.8em;
        padding: 0 6px 0 6px;
        padding-top: 18px;
    }

        .mainHeader ul li.btnSections a span {
            top: 4px;
        }

            .mainHeader ul li.btnSections a span.aRecipes {
                background-position: 0 -151px;
                height: 43px;
                left: -4px;
                width: 93px;
            }

            .mainHeader ul li.btnSections a span.aIdeas {
                background-position: 0 -201px;
                height: 43px;
                left: -5px;
                width: 78px;
            }

            .mainHeader ul li.btnSections a span.aProducts {
                background-position: 0 -250px;
                height: 43px;
                left: -11px;
                width: 119px;
            }

    .mainHeader ul li.btnSections.btnSectionsLast {
        padding-right: 5px;
    }

    .mainHeader .search-wrapper .search-box .search-input {
        width: 54%;
    }

    .mainHeader .search-wrapper li {
        margin-left: 125px;
    }

    .icon {
        margin: 0 2px 0 2px;
    }
}
/* header small */
@media only screen and (max-width: 599px) {
    .mainHeader {
        height: 60px;
    }

        .mainHeader .logo {
            height: 43px;
            left: 11px;
            position: absolute;
            top: 10px;
            width: 84px;
        }

        .mainHeader .desktop {
            display: none;
        }

        .mainHeader .search-wrapper {
            top: 59px;
        }

            .mainHeader .search-wrapper .search-tip {
                background: url(../images/search-sprites.png) no-repeat -40px 0;
                height: 14px;
                position: absolute;
                right: 65px;
                top: -13px;
                width: 24px;
            }

            .mainHeader .search-wrapper .search-box {
                display: inline-block;
                height: 35px;
                padding-top: 8px;
                width: 100%;
            }

                .mainHeader .search-wrapper .search-box .arrowIco {
                    display: none;
                }

                .mainHeader .search-wrapper .search-box .search-input {
                    -webkit-border-radius: 0px;
                    -moz-border-radius: 0px;
                    -ms-border-radius: 0px;
                    -o-border-radius: 0px;
                    border-radius: 0px;
                    /*behavior: url(PIE.htc);
	z-index: 0;*/
                    font-family: 'montserrat_regular';
                    font-size: 1em;
                    margin-left: 20px;
                    margin-top: 2px;
                    padding: 0px;
                    width: 60%;
                }

                .mainHeader .search-wrapper .search-box .search-term-filer {
                    font-size: 19.2px;
                    font-size: 1.2rem;
                    height: 25px;
                    line-height: 24px;
                    margin-right: 11px;
                    width: 58px;
                }

                .mainHeader .search-wrapper .search-box .search-term-clear {
                    background: url(../images/search-sprites.png) no-repeat -1px -180px;
                    height: 21px;
                    margin-right: 13px;
                    margin-top: 2px;
                    width: 21px;
                }

            .mainHeader .search-wrapper li {
                font-family: 'montserrat_regular';
                font-size: 0.9em;
                line-height: 23px;
                margin-left: 20px;
            }

        .mainHeader .mobile {
            float: right;
            display: block;
            margin-right: 10px;
            margin-top: 15px;
        }

            .mainHeader .mobile .social {
                margin-top: 5px;
                margin-right: 5px;
            }

        .mainHeader .mOptions {
            background-color: #f1eee1;
            border-top: 1px solid #b3a559;
            display: none;
            padding-bottom: 5px;
            position: absolute;
            width: 100%;
            top: 60px;
            z-index: 100;
        }

            .mainHeader .mOptions .search-tip {
                background: url(../images/search-sprites.png) no-repeat -69px 0;
                height: 13px;
                position: absolute;
                right: 19px;
                top: -12px;
                width: 23px;
            }

            .mainHeader .mOptions li {
                display: block;
                color: #0eb3de;
                font-family: 'montserrat_regular';
                font-size: 0.9em;
                line-height: 30px;
                padding-left: 24px;
            }

                .mainHeader .mOptions li a {
                    background: url(../images/m-options-bg.png);
                    color: #0eb3de;
                    display: block;
                }

    .icon {
        background: url(../images/icons-sprite@2x.png) no-repeat 50% 0;
        background-size: 35px 187px;
        margin: 0 4px 0 4px;
    }

        .icon.menuMobile {
            background-position: 50% 0;
            height: 30px;
            margin-right: 0px;
            width: 36px;
        }

            .icon.menuMobile.active {
                background-position: 50% -30px;
            }

        .icon.ico-instagram {
            background: url(../images/icons-sprite@2x_instagram.png) no-repeat 50% -1px;
            height: 21px;
            width: 21px;
            margin: 0 4px 0px;
            background-size: 34px;
        }

            .icon.ico-instagram.hover {
                background-position: 50% -22px;
            }

        .icon.ico-twitter {
            background-position: 50% -110px;
            height: 16px;
            margin: 0 4px 2px;
        }

            .icon.ico-twitter.hover {
                background-position: 50% -110px;
            }

        .icon.ico-facebook {
            background-position: 50% -146px;
            height: 21px;
            width: 10px;
        }

            .icon.ico-facebook.hover {
                background-position: 50% -146px;
            }

        .icon.ico-pinterest {
            background-position: 50% -63px;
            height: 21px;
            width: 21px;
        }

            .icon.ico-pinterest.hover {
                background-position: 50% -63px;
            }

    .btnMag {
        background: url(../images/icons-sprite.png) no-repeat 50% -262px;
        height: 34px;
        margin: 0 4px 0 4px;
        width: 34px;
    }

        .btnMag.hover {
            background-position: 50% -303px;
        }

        .btnMag.active {
            background-position: 50% -303px;
        }
}
/* footer large */
.mainFooter {
    background: url(../images/bg-footer.png) center top no-repeat;
    display: inline-block;
    margin: 0 auto;
    max-width: 940px;
    position: relative;
    width: 100%;
}

    .mainFooter .navFooter {
        padding-top: 43px;
        text-align: center;
    }

        .mainFooter .navFooter li {
            display: inline-block;
            vertical-align: middle;
        }

            .mainFooter .navFooter li.btnSections a {
                color: #a4a788;
                display: block;
                font-family: 'montserrat_regular';
                font-size: 0.87em;
                padding: 0 14px 0 14px;
                position: relative;
                text-transform: uppercase;
            }

            .mainFooter .navFooter li.btnSections.btnSectionsLast {
                padding-right: 15px;
            }

            .mainFooter .navFooter li.btnSections a.hover {
                color: #525b00;
            }

            .mainFooter .navFooter li.social {
                padding-left: 20px;
            }

            .mainFooter .navFooter li.socialMobile {
                display: none;
            }

            .mainFooter .navFooter li.hrFooter span {
                background: url(../images/footerStroke.png) no-repeat 0 0;
                display: block;
                height: 52px;
                width: 1px;
            }

            .mainFooter .navFooter li.hrFooterMobile {
                display: none;
                padding: 5px 0 15px 0;
            }

                .mainFooter .navFooter li.hrFooterMobile span {
                    display: block;
                    background-color: #c6c8b4;
                    height: 1px;
                    margin: 0 auto;
                    width: 115px;
                }

    .mainFooter .bottomLinks {
        padding: 26px 0 30px 0;
        position: relative;
        text-align: center;
    }

        .mainFooter .bottomLinks li {
            background: url(../images/footerStroke.png) no-repeat 100% 0;
            color: #a4a788;
            display: inline-block;
            font-family: 'montserrat_regular';
            font-size: 0.625em;
            letter-spacing: 0.1em;
            padding: 0 8px 0 8px;
            text-transform: uppercase;
        }

            .mainFooter .bottomLinks li a {
                color: #a4a788;
            }

                .mainFooter .bottomLinks li a.hover {
                    color: #525b00;
                }

            .mainFooter .bottomLinks li.lastItem {
                border-right: none;
            }
/* header medium */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    .mainFooter .bottomLinks li {
        font-family: 'montserrat_regular';
        font-size: 0.55em;
    }
}
/* header small */
@media only screen and (max-width: 599px) {
    .mainFooter .navFooter {
        padding-top: 20px;
    }

        .mainFooter .navFooter li.btnSections a {
            font-family: 'montserrat_regular';
            font-size: 0.72em;
            padding: 0 12px 0 12px;
        }

        .mainFooter .navFooter li.btnSections.btnSectionsLast {
            padding-right: 0px;
        }

        .mainFooter .navFooter li.social {
            display: none;
        }

        .mainFooter .navFooter li.socialMobile {
            display: block;
        }

        .mainFooter .navFooter li.hrFooter {
            display: none;
        }

        .mainFooter .navFooter li.hrFooterMobile {
            display: block;
        }

    .mainFooter .bottomLinks {
        margin: 0 auto;
        padding: 15px 0 30px;
        text-align: center;
        width: 290px;
    }

        .mainFooter .bottomLinks li {
            font-family: 'montserrat_regular';
            font-size: 0.41em;
            letter-spacing: 0.05em;
            padding: 0 4px 0 4px;
        }
}

body #wrapper .hero {
    display: inline-block;
    width: 100%;
}

    body #wrapper .hero .heroLink {
        /*background: url('@{pI}home-hero.jpg') no-repeat 0 0;
				background-size: 100% auto;*/
        display: block;
        margin-bottom: 5px;
        /*padding-bottom: 33%;*/
        width: 100%;
    }

        body #wrapper .hero .heroLink img {
            width: 100%;
        }

        body #wrapper .hero .heroLink .mobileImage {
            display: none;
        }

body #wrapper .itsAllAbout {
    background: url(../images/bg-products-slider-home.png) no-repeat 100% -6px;
    display: inline-block;
    padding: 28px 0 17px 0;
    max-width: 940px;
    width: 100%;
}

    body #wrapper .itsAllAbout h1 {
        background: url(../images/bg-itsAllAbout.png) no-repeat 0 0;
        background-size: 100% auto;
        color: #358eaa;
        display: inline-block;
        float: left;
        font-family: 'typodermic_euphorigenic';
        font-size: 2.62em;
        max-width: 230px;
        padding: 9px 0 0 2.44%;
        width: 22.02%;
    }

    body #wrapper .itsAllAbout .bx-wrapper {
        float: right;
        width: 75%;
        position: relative;
    }

        body #wrapper .itsAllAbout .bx-wrapper .bx-controls .bx-prev,
        body #wrapper .itsAllAbout .bx-wrapper .bx-controls .bx-next {
            background: url(../images/home-slider-arrows.png) no-repeat 50% 100%;
            height: 102px;
            position: absolute;
            text-indent: -9999px;
            top: 0;
            width: 28px;
        }

        body #wrapper .itsAllAbout .bx-wrapper .bx-controls .bx-prev {
            left: 0px;
        }

        body #wrapper .itsAllAbout .bx-wrapper .bx-controls .bx-next {
            background-position: 50% 0;
            right: 0px;
        }

        body #wrapper .itsAllAbout .bx-wrapper .bx-controls .disabled {
            display: none;
        }

    body #wrapper .itsAllAbout .itsAboutSlider {
        display: inline-block;
        max-height: 99px;
        overflow: hidden;
        width: 75%;
    }

        body #wrapper .itsAllAbout .itsAboutSlider .slides {
            float: left;
        }

            body #wrapper .itsAllAbout .itsAboutSlider .slides img {
                margin: 0 22% 0 0;
                width: 100%;
            }

            body #wrapper .itsAllAbout .itsAboutSlider .slides a {
                display: block;
            }

body #wrapper .blob-container {
    display: inline-block;
    width: 101%;
    z-index: 1;
    /*.item.twoOne{
				max-width: 625px;
				min-width: 625px;
				.w(66.48%);
			}*/
}

    body #wrapper .blob-container .item {
        margin: 0 0.5268% 5px 0;
        /*max-width: 310px;*/
        float: left;
        position: relative;
        width: 32.66%;
    }

        body #wrapper .blob-container .item .blobImage {
            display: block;
            position: relative;
            width: 100%;
            z-index: 2;
        }

        body #wrapper .blob-container .item .riboDesc {
            background: url(../images/red-ribbon.png) no-repeat 100% 0;
            bottom: 10px;
            color: #ffffff;
            font-family: 'montserrat_bold';
            font-size: 0.875em;
            height: 48px;
            left: 0px;
            margin: 0 13.87% 0 0;
            max-width: 267px;
            padding: 0 26px 0 16px;
            position: absolute;
            /*.w(76%);*/
            z-index: 4;
        }

            body #wrapper .blob-container .item .riboDesc span {
                display: block;
                line-height: 1.2em;
                max-height: 31px;
                overflow: hidden;
            }

        body #wrapper .blob-container .item .productTexture {
            display: none;
        }

        body #wrapper .blob-container .item.hover .hoverBorder {
            display: block;
        }

        body #wrapper .blob-container .item.Size1x2 .hoverBorder {
            height: 97.5%;
        }

        body #wrapper .blob-container .item.Size2x1 {
            /*max-width: 625px;*/
            width: 65.85%;
        }

            body #wrapper .blob-container .item.Size2x1 .riboDesc {
                /*background-position: 0 0;*/
                max-width: 384px;
            }

            body #wrapper .blob-container .item.Size2x1 .hoverBorder {
                width: 97.5%;
            }

        body #wrapper .blob-container .item.recipe .riboDesc {
            background: none;
            color: #ffffff;
            font-family: 'typodermic_euphorigenic';
            font-size: 1.87em;
            height: auto;
            left: 19px;
            text-shadow: 1px 1px 8px #000000;
            /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
            top: 19px;
        }

            body #wrapper .blob-container .item.recipe .riboDesc span {
                max-height: 100%;
                overflow: visible;
            }

        body #wrapper .blob-container .item.product .blobImage {
            display: block;
            bottom: 0px;
            left: 0px;
            margin: 0 auto;
            max-height: 311px;
            position: absolute;
            right: 0px;
            width: 68%;
        }

        body #wrapper .blob-container .item.product .riboDesc {
            display: none;
        }

        body #wrapper .blob-container .item.product .productTexture {
            bottom: 0px;
            display: block;
            left: 0px;
            position: relative;
            width: 100%;
            z-index: 1;
        }
/**** Isotope Filtering ****/
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: bottom, left, opacity;
        -moz-transition-property: bottom, left, opacity;
        -ms-transition-property: bottom, left, opacity;
        -o-transition-property: bottom, left, opacity;
        transition-property: bottom, left, opacity;
    }
        /**** disabling Isotope CSS3 transitions ****/
        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

@media only screen and (min-width: 600px) and (max-width: 768px) {
    body #wrapper .blob-container {
        display: block;
        margin: 0 auto;
        width: 99%;
    }

        body #wrapper .blob-container .item {
            margin: 0 0.15% 5px;
            width: 32.8%;
        }

    body #wrapper .itsAllAbout {
        background-position: 27% -6px;
    }

        body #wrapper .itsAllAbout h1 {
            font-size: 35.2px;
            font-size: 2.2rem;
        }
}

@media only screen and (max-width: 599px) {
    body #wrapper .hero .heroLink .mobileImage {
        display: inline-block;
    }

    body #wrapper .hero .heroLink .desktopImage {
        display: none;
    }

    body #wrapper .itsAllAbout {
        background: none;
        margin: 0;
        padding-top: 12px;
    }

        body #wrapper .itsAllAbout h1 {
            background-size: 110px 41px;
            font-size: 19.2px;
            font-size: 1.2rem;
            padding: 11px 0 11px 2.44%;
            width: 90%;
        }

        body #wrapper .itsAllAbout .bx-wrapper {
            margin-left: 2.44% !important;
            width: 97.66%;
        }

            body #wrapper .itsAllAbout .bx-wrapper .bx-controls .bx-prev,
            body #wrapper .itsAllAbout .bx-wrapper .bx-controls .bx-next {
                background-size: auto 144px;
                height: 72px;
                width: 19px;
            }

        body #wrapper .itsAllAbout .slides {
            max-width: 49px;
        }

        body #wrapper .itsAllAbout .sliderWrapp {
            background: url(../less/Components/home/@{pI}bg-products-slider-home-mobile.png) repeat-x 0 47px;
            display: inline-block;
            overflow: hidden;
        }

    body #wrapper .blob-container {
        width: 100%;
    }

        body #wrapper .blob-container .item {
            margin: 0 0.625% 5px;
            min-width: 155px;
            /*.w(155px);*/
            width: 48.43%;
        }

            body #wrapper .blob-container .item .riboDesc {
                background-position: 100% 0;
                font-size: 9.6px;
                font-size: 0.6rem;
                line-height: 1.3em;
                margin: 0px;
                min-width: 110px;
                width: 70%;
            }

                body #wrapper .blob-container .item .riboDesc span {
                    line-height: 1.1em;
                }

            body #wrapper .blob-container .item.Size2x1 {
                /*.w(312px);*/
                margin: 0 0 4px 0.625%;
                width: 97.5%;
            }

                body #wrapper .blob-container .item.Size2x1 riboDesc {
                    background-position: 0 0;
                }

            body #wrapper .blob-container .item.Size1x2 img {
                min-height: 317px;
            }

            body #wrapper .blob-container .item.twoOne {
                display: none;
            }

            body #wrapper .blob-container .item.product .content .content-img img {
                min-height: 208px;
                width: 65.5%;
            }

            body #wrapper .blob-container .item.product .content .content-img.product {
                background: url(../less/Components/home/@{pI}product-bg-texture.jpg) no-repeat 0 100%;
                background-size: 100% auto;
                overflow: hidden;
                width: 100%;
            }

                body #wrapper .blob-container .item.product .content .content-img.product img {
                    display: block;
                    margin: 0 auto;
                    max-height: 311px;
                    width: 62.58%;
                }

            body #wrapper .blob-container .item.product .content .content-info {
                min-height: 30px;
            }

                body #wrapper .blob-container .item.product .content .content-info h2 {
                    color: #00b2e0;
                    font-family: 'montserrat_regular';
                    font-size: 11.52px;
                    font-size: 0.72rem;
                    margin: 7px 0 0 7px;
                }

            body #wrapper .blob-container .item.recipe .riboDesc {
                font-size: 20.32px;
                font-size: 1.27rem;
                left: 0px;
            }
}
/* recipe detail large */
#wrapper sup {
    font-family: 'typodermic_euphorigenic';
    font-size: 0.5em;
    vertical-align: super;
}

#wrapper .heroRecipeDetail {
    background: url(../less/Components/recipeDetail/@{pI}recipe-detail-hero.jpg) no-repeat 0 0;
    background-size: 100% auto;
    display: block;
    /*padding-bottom: 53%;*/
    position: relative;
    width: 100%;
}

    #wrapper .heroRecipeDetail img {
        display: block;
        position: relative;
        width: 100%;
    }

    #wrapper .heroRecipeDetail h2 {
        bottom: 27px;
        color: #ffffff;
        font-family: 'typodermic_euphorigenic';
        font-size: 3em;
        letter-spacing: -0.02em;
        padding-left: 4%;
        padding-top: 37.5%;
        position: absolute;
        text-shadow: 0 0 12px #000000;
        /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
        width: 44%;
        z-index: 2;
    }

    #wrapper .heroRecipeDetail .social {
        bottom: 10px;
        padding-left: 4%;
        padding-top: 49%;
        position: absolute;
        width: 50%;
    }

#wrapper .tabbedContent {
    background-color: #fff;
    padding: 0 0 20px 4%;
    width: 96%;
}

    #wrapper .tabbedContent.colapseTop {
        padding-bottom: 0px;
    }

    #wrapper .tabbedContent.gigyaContainer {
        margin: 30px 0 0 0;
    }

#wrapper .infoRecipe {
    padding-bottom: 4%;
    padding-top: 22px;
}

    #wrapper .infoRecipe .recipeInfoContainer {
        display: inline-block;
        width: 100%;
    }

        #wrapper .infoRecipe .recipeInfoContainer .copy {
            color: #3d3d3d;
            display: inline-block;
            font-family: 'montserrat_regular';
            font-size: 1.5em;
            letter-spacing: -0.03em;
            line-height: 1.375em;
            padding-top: 25px;
            vertical-align: top;
            width: 60%;
        }

        #wrapper .infoRecipe .recipeInfoContainer .products {
            display: inline-block;
            text-align: right;
            letter-spacing: -0.3em;
            width: 39%;
        }

            #wrapper .infoRecipe .recipeInfoContainer .products .productsNode {
                display: inline-block;
                margin-left: 2%;
                width: 62px;
            }

                #wrapper .infoRecipe .recipeInfoContainer .products .productsNode img {
                    max-height: 91px;
                }

    #wrapper .infoRecipe .badges .stars {
        width: 144px;
    }

#wrapper .badges li {
    /*.display(inline-block);*/
    float: left;
    height: 22px;
    margin: 3px 0 0;
    padding: 0;
}

    #wrapper .badges li.fb {
        position: relative;
        /*top: 4px;*/
        margin: 4px 19px 0 19px;
    }

    #wrapper .badges li.pint {
        position: relative;
        /*top: 7px;*/
        margin: 4px 19px 0 0;
    }

#wrapper .badges .ico,
#wrapper .badges a {
    background: url(../images/recipe-detail-sprites.png) no-repeat;
    display: inline-block;
    height: 22px;
    vertical-align: middle;
    width: 21px;
}

    #wrapper .badges .ico.fifteenMin,
    #wrapper .badges a.fifteenMin {
        background-position: -25px 0;
        margin: 0 3px;
    }

    #wrapper .badges .ico.microwave,
    #wrapper .badges a.microwave {
        background-position: -49px 0;
    }

    #wrapper .badges .ico.verticalHR,
    #wrapper .badges a.verticalHR {
        background: none;
        background-color: #888;
        height: 28px;
        margin-top: -4px;
        width: 1px;
    }

    #wrapper .badges .ico.pin,
    #wrapper .badges a.pin {
        background-position: 0 -53px;
        height: 21px;
        margin: 0 4px;
    }

    #wrapper .badges .ico.mail,
    #wrapper .badges a.mail {
        background-position: -26px -52px;
        height: 19px;
        margin: 0 0 0 10px;
        overflow: hidden;
        width: 19px !important;
    }

    #wrapper .badges .ico.print,
    #wrapper .badges a.print {
        background-position: -49px -54px;
        height: 16px;
        margin: 0 10px;
        width: 19px;
    }

    #wrapper .badges .ico.starOn,
    #wrapper .badges a.starOn {
        background-position: -1px -27px;
        height: 18px;
        width: 18px;
    }

    #wrapper .badges .ico.starOff,
    #wrapper .badges a.starOff {
        background-position: -19px -27px;
        height: 18px;
        width: 18px;
    }

#wrapper .badges .stars {
    display: inline;
    padding: 0 0 0 8px;
    width: 66%;
}

    #wrapper .badges .stars .starIco {
        background: url(../images/ratingStars.png) no-repeat 0 0;
        display: inline-block;
        float: left;
        height: 18px;
        width: 90px;
    }

        #wrapper .badges .stars .starIco.one {
            background-position: 0 -20px;
        }

        #wrapper .badges .stars .starIco.two {
            background-position: 0 -40px;
        }

        #wrapper .badges .stars .starIco.three {
            background-position: 0 -60px;
        }

        #wrapper .badges .stars .starIco.four {
            background-position: 0 -80px;
        }

        #wrapper .badges .stars .starIco.five {
            background-position: 0 -100px;
        }

        #wrapper .badges .stars .starIco.ceroHalf {
            background-position: 0 -120px;
        }

        #wrapper .badges .stars .starIco.oneHalf {
            background-position: 0 -140px;
        }

        #wrapper .badges .stars .starIco.twoHalf {
            background-position: 0 -160px;
        }

        #wrapper .badges .stars .starIco.threeHalf {
            background-position: 0 -180px;
        }

        #wrapper .badges .stars .starIco.fourHalf {
            background-position: 0 -200px;
        }

    #wrapper .badges .stars .starCounter {
        color: #999999;
        font-family: arial, sans-serif;
        font-size: 0.81em;
        float: left;
        height: auto;
        padding-left: 0.5%;
        position: relative;
        top: 3px;
    }

#wrapper .ingredientsRecipe {
    background: url(../images/recipe-bg-ingredients.jpg) repeat-x top;
    background-color: #fff;
    padding-bottom: 4%;
    padding-top: 2%;
}

    #wrapper .ingredientsRecipe h2 {
        color: #9da566;
        font-family: 'montserrat_bold';
        font-size: 1.5em;
        line-height: 2.4em;
        text-transform: uppercase;
    }

    #wrapper .ingredientsRecipe li {
        font-size: 1em;
        color: #494949;
        font-family: 'montserrat_regular';
        /*line-height: 1.4em;*/
        min-height: 20px;
        padding: 0 6% 10px;
    }

        #wrapper .ingredientsRecipe li span {
            color: #460104;
            font-family: 'montserrat_bold';
            font-size: 1em;
            /*line-height: 2.6em;*/
            margin: 2px 0 0 -9%;
            position: absolute;
            text-align: right;
            width: 8%;
        }

#wrapper .expandColapseRecipe {
    background-color: #fff;
    display: inline-block;
    width: 100%;
    /*div{
			padding-bottom: 3%;
		}*/
}

    #wrapper .expandColapseRecipe h2.colapseTop {
        background: url(../images/recipe-bg-tab.jpg) repeat-x 0 0;
        visibility: visible;
        color: #9da566;
        cursor: pointer;
        font-family: 'montserrat_bold';
        font-size: 1.5em;
        padding-top: 16px;
        text-transform: uppercase;
        height: 57px;
    }

        #wrapper .expandColapseRecipe h2.colapseTop span {
            background: url(../images/recipe-detail-sprites.png) no-repeat -70px -27px;
            display: inline-block;
            height: 30px;
            margin-right: 15px;
            position: relative;
            top: 8px;
            width: 15px;
        }

        #wrapper .expandColapseRecipe h2.colapseTop.active {
            height: 49px;
            padding-top: 26px;
        }

            #wrapper .expandColapseRecipe h2.colapseTop.active span {
                background-position: -39px -27px;
                height: 16px;
                left: -12px;
                margin: 0;
                top: 0px;
                width: 30px;
            }

    #wrapper .expandColapseRecipe h3 {
        color: #9da566;
        font-family: 'montserrat_bold';
        font-size: 1.5em;
        line-height: 2.5em;
        text-transform: uppercase;
    }

    #wrapper .expandColapseRecipe li {
        color: #494949;
        font-family: 'montserrat_regular';
        font-size: 1.5em;
        line-height: 1.4em;
        padding-left: 6%;
        padding-right: 6%;
    }

        #wrapper .expandColapseRecipe li span {
            color: #460104;
            font-family: 'montserrat_bold';
            font-size: 1em;
            /*line-height: 1.8em;*/
            margin-left: -5%;
            position: absolute;
            text-align: right;
            width: 3%;
        }

    #wrapper .expandColapseRecipe p {
        color: #494949;
        font-family: 'montserrat_regular';
        font-size: 1.5em;
        line-height: 1.4em;
        padding-right: 6%;
    }

    #wrapper .expandColapseRecipe b {
        font-family: 'montserrat_bold';
        font-size: 1em;
    }

    #wrapper .expandColapseRecipe strong {
        font-weight: bold;
    }

    #wrapper .expandColapseRecipe .reviewHeader {
        color: #efaf00;
        font-family: 'montserrat_bold';
        font-size: 1.5em;
        line-height: 3em;
    }

        #wrapper .expandColapseRecipe .reviewHeader .social {
            background-color: #e6e6e6;
            display: inline-block;
            height: 20px;
            margin-left: 15px;
            position: relative;
            width: 30px;
        }

#wrapper .relatedContentRecipe {
    background-color: #fff;
    padding-bottom: 3%;
    text-align: center;
}

    #wrapper .relatedContentRecipe h2 {
        color: #323232;
        font-family: 'montserrat_regular';
        font-size: 1.5em;
        letter-spacing: 0.4em;
        line-height: 3.3em;
        text-align: center;
        text-transform: uppercase;
    }

    #wrapper .relatedContentRecipe .relatedContentWrapper .item {
        display: inline-block;
        /*margin-left: 0.5%;
				margin-right: 0.5%;*/
        position: relative;
        vertical-align: top;
        width: 32%;
    }

        #wrapper .relatedContentRecipe .relatedContentWrapper .item img {
            width: 100%;
        }

    #wrapper .relatedContentRecipe .relatedContentWrapper .recipe .itemDesc {
        color: #ffffff;
        font-family: 'typodermic_euphorigenic';
        font-size: 1.875em;
        margin-left: 18px;
        margin-top: 18px;
        position: absolute;
        text-align: left;
        text-shadow: 0 0 12px #000000;
        /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
        top: 0px;
        width: 50%;
        z-index: 2;
    }

    #wrapper .relatedContentRecipe .relatedContentWrapper .recipe .badges {
        padding-top: 7px;
        text-align: left;
    }

    #wrapper .relatedContentRecipe .relatedContentWrapper .itemDesc {
        color: #00b2e0;
        display: block;
        font-family: 'montserrat_regular';
        font-size: 1.125em;
        margin-top: 8px;
        position: absolute;
        text-align: left;
    }

    #wrapper .relatedContentRecipe .relatedContentWrapper .idea {
        text-align: left;
    }

    #wrapper .relatedContentRecipe .relatedContentWrapper .product {
        background: url(../images/recipe-prod-related-bg.png) no-repeat 0px -8%;
        background-size: 100% auto;
        text-align: left;
    }

        #wrapper .relatedContentRecipe .relatedContentWrapper .product img {
            margin-left: 15%;
            width: 66.3%;
        }
/* recipe detail medium */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    #wrapper .heroRecipeDetail h2 {
        font-family: 'typodermic_euphorigenic';
        font-size: 2.2em;
        padding-top: 33.5%;
        text-shadow: 0 0 10px #000000;
        /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
        width: 45%;
    }

    #wrapper .heroRecipeDetail .social {
        padding-top: 45.5%;
    }

    #wrapper .infoRecipe .products {
        padding-top: 2%;
    }

        #wrapper .infoRecipe .products .productsNode {
            width: 47px;
        }

    #wrapper .relatedContentRecipe h2 {
        color: #323232;
        font-family: 'montserrat_regular';
        font-size: 1.1em;
    }

    #wrapper .relatedContentRecipe .relatedContentWrapper .recipe .itemDesc {
        font-family: 'typodermic_euphorigenic';
        font-size: 1.4em;
    }

    #wrapper .relatedContentRecipe .relatedContentWrapper .idea .itemDesc {
        font-family: 'montserrat_regular';
        font-size: 1em;
    }

    #wrapper .relatedContentRecipe .relatedContentWrapper .product .itemDesc {
        font-family: 'montserrat_regular';
        font-size: 1em;
    }

    #wrapper .recipesC {
        margin-left: 2.5%;
    }

    #wrapper .ingredientsRecipe li {
        padding: 0 6% 10px 10%;
    }

        #wrapper .ingredientsRecipe li span {
            margin: 2px 0 0 -14%;
            width: 12%;
        }
}
/* recipe detail small */
@media only screen and (max-width: 599px) {
    #wrapper .heroRecipeDetail h2 {
        font-family: 'typodermic_euphorigenic';
        font-size: 1.1em;
        padding-top: 33.5%;
        text-shadow: 0 0 10px #000000;
        /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
        width: 45%;
    }

    #wrapper .heroRecipeDetail .social {
        padding-top: 45.5%;
    }

    #wrapper .infoRecipe {
        display: inline-block;
        padding: 0px;
        width: 100%;
    }

        #wrapper .infoRecipe .recipeInfoContainer {
            padding: 0 0 14px 4%;
            width: 96%;
        }

            #wrapper .infoRecipe .recipeInfoContainer .copy {
                clear: left;
                float: left;
                font-family: 'montserrat_regular';
                font-size: 0.8em;
                margin-right: 20px;
                padding-top: 2%;
                width: 42%;
            }

            #wrapper .infoRecipe .recipeInfoContainer .products {
                display: inline-block;
                padding-top: 3%;
                text-align: right;
                width: 42%;
            }

                #wrapper .infoRecipe .recipeInfoContainer .products .productsNode {
                    display: inline-block;
                    margin-left: 2%;
                    width: 35px;
                }

        #wrapper .infoRecipe .badges {
            background: #fff9ed;
        }

            #wrapper .infoRecipe .badges li.stars {
                width: 96px;
            }

                #wrapper .infoRecipe .badges li.stars .starCounter {
                    top: 6px;
                }

    #wrapper .badges {
        display: inline-block;
        padding: 13px 0 9px 2%;
        width: 98%;
    }

        #wrapper .badges li.stars {
            padding: 0 4px 0 2px;
            width: 59%;
        }

            #wrapper .badges li.stars .starIco {
                background-position: 0 -1px;
                background-size: 100% auto;
                height: 10px;
                position: relative;
                top: 5px;
                width: 52px;
            }

                #wrapper .badges li.stars .starIco.one {
                    background-position: 0 -12px;
                }

                #wrapper .badges li.stars .starIco.two {
                    background-position: 0 -24px;
                }

                #wrapper .badges li.stars .starIco.three {
                    background-position: 0 -36px;
                }

                #wrapper .badges li.stars .starIco.four {
                    background-position: 0 -47px;
                }

                #wrapper .badges li.stars .starIco.five {
                    background-position: 0 -59px;
                }

                #wrapper .badges li.stars .starIco.ceroHalf {
                    background-position: 0 -71px;
                }

                #wrapper .badges li.stars .starIco.oneHalf {
                    background-position: 0 -82px;
                }

                #wrapper .badges li.stars .starIco.twoHalf {
                    background-position: 0 -93px;
                }

                #wrapper .badges li.stars .starIco.threeHalf {
                    background-position: 0 -105px;
                }

                #wrapper .badges li.stars .starIco.fourHalf {
                    background-position: 0 -117px;
                }

            #wrapper .badges li.stars .starCounter {
                font-size: 9.12px;
                font-size: 0.57rem;
                padding-right: 2%;
            }

        #wrapper .badges li.fb {
            margin: 4px 9px 0;
        }

        #wrapper .badges li.pint {
            margin: 4px 8px 0 0;
        }

        #wrapper .badges .ico,
        #wrapper .badges a {
            background: url(../images/recipe-detail-sprites-retina.png) no-repeat;
            background-size: 46px 48px;
            display: inline-block;
            height: 14px;
            vertical-align: middle;
            width: 14px;
        }

            #wrapper .badges .ico.gf,
            #wrapper .badges a.gf {
                background-position: 0 0;
                margin-right: 3px;
            }

            #wrapper .badges .ico.fifteenMin,
            #wrapper .badges a.fifteenMin {
                background-position: -16px 0;
                margin: 0 3px 0 0;
            }

            #wrapper .badges .ico.microwave,
            #wrapper .badges a.microwave {
                background-position: -32px 0;
                margin-right: 3px;
            }

            #wrapper .badges .ico.verticalHR,
            #wrapper .badges a.verticalHR {
                height: 28px;
                width: 1px;
            }

            #wrapper .badges .ico.pin,
            #wrapper .badges a.pin {
                background-position: 0 -27.5px;
                width: 21px;
            }

            #wrapper .badges .ico.mail,
            #wrapper .badges a.mail {
                background-position: -22px -24px;
            }

            #wrapper .badges .ico.print,
            #wrapper .badges a.print {
                display: none;
            }

            #wrapper .badges .ico.starOn,
            #wrapper .badges a.starOn {
                background-position: -12.5px -14.5px;
                height: 12px;
                width: 12px;
            }

            #wrapper .badges .ico.starOff,
            #wrapper .badges a.starOff {
                background-position: 1.5px -14.5px;
                height: 12px;
                width: 12px;
            }

    #wrapper .Product .badges,
    #wrapper .Article .badges {
        display: none;
    }

    #wrapper .badges.recipesCategories {
        background: none;
        padding: 0;
        width: 98%;
    }

        #wrapper .badges.recipesCategories li {
            height: auto;
        }

            #wrapper .badges.recipesCategories li .ico {
                display: block;
            }

            #wrapper .badges.recipesCategories li.stars {
                /*.starCounter{
						top: 1px;
					}*/
            }

                #wrapper .badges.recipesCategories li.stars .starIco {
                    top: 2px;
                }

    #wrapper .ingredientsRecipe {
        padding-top: 4%;
    }

        #wrapper .ingredientsRecipe h2 {
            font-size: 15.36px;
            font-size: 0.96rem;
            line-height: 2.4em;
        }

        #wrapper .ingredientsRecipe li {
            font-size: 11.52px;
            font-size: 0.72rem;
            padding-left: 10%;
        }

            #wrapper .ingredientsRecipe li span {
                margin: 0 0 0 -12%;
                width: 10%;
            }

    #wrapper .expandColapseRecipe h2.colapseTop {
        background: url(../images/recipe-bg-tab-mobile.jpg);
        font-family: 'montserrat_bold';
        font-size: 0.9375em;
        padding-top: 17px;
        height: 30px;
    }

        #wrapper .expandColapseRecipe h2.colapseTop span {
            background-position: -34px -14px;
            background-size: 43px 38px;
            height: 13px;
            margin-right: 10px;
            top: 1px;
            width: 8px;
        }

        #wrapper .expandColapseRecipe h2.colapseTop.active {
            height: 29px;
            padding-top: 18px;
        }

            #wrapper .expandColapseRecipe h2.colapseTop.active span {
                background-position: -21px -14px;
                height: 8px;
                left: -4px;
                margin: 0 5px 0 0;
                width: 13px;
            }

    #wrapper .expandColapseRecipe h3 {
        font-family: 'montserrat_bold';
        font-size: 0.9375em;
        line-height: 3em;
    }

    #wrapper .expandColapseRecipe li {
        color: #494949;
        font-family: 'montserrat_regular';
        font-size: 0.71875em;
    }

        #wrapper .expandColapseRecipe li span {
            color: #460104;
            font-family: 'montserrat_bold';
            font-size: 1em;
            /*font-size: inherit;*/
            /*line-height: 1.8em;*/
            margin-left: -5%;
            position: absolute;
            text-align: right;
            width: 3%;
        }

    #wrapper .expandColapseRecipe p {
        font-family: 'montserrat_regular';
        font-size: 0.71875em;
    }

    #wrapper .expandColapseRecipe b {
        font-family: 'montserrat_bold';
        font-size: 1em;
    }

    #wrapper .expandColapseRecipe .reviewHeader {
        font-family: 'montserrat_bold';
        font-size: 0.9375em;
    }

        #wrapper .expandColapseRecipe .reviewHeader .social {
            margin-left: 10px;
        }

    #wrapper .relatedContentRecipe {
        padding-bottom: 25px;
    }

        #wrapper .relatedContentRecipe .bx-wrapper {
            margin: 0 auto;
            width: 97%;
        }

        #wrapper .relatedContentRecipe h2 {
            font-family: 'montserrat_regular';
            font-size: 0.71875em;
            letter-spacing: 0.2em;
            line-height: 4em;
        }

        #wrapper .relatedContentRecipe .relatedContentWrapper {
            /*.last{
					.display(none);
				}*/
        }

            #wrapper .relatedContentRecipe .relatedContentWrapper .item {
                /*margin-left: 0.5%;
					margin-right: 0.5%;*/
                width: 48.5%;
            }

            #wrapper .relatedContentRecipe .relatedContentWrapper .recipe .itemDesc {
                font-family: 'typodermic_euphorigenic';
                font-size: 1.1em;
                margin-left: 12px;
                margin-top: 12px;
                width: 60%;
            }

            #wrapper .relatedContentRecipe .relatedContentWrapper .recipe .badges {
                padding-top: 7px;
                text-align: left;
            }

                #wrapper .relatedContentRecipe .relatedContentWrapper .recipe .badges li.stars {
                    padding-left: 0;
                    padding-right: 0;
                }

            #wrapper .relatedContentRecipe .relatedContentWrapper .itemDesc {
                font-family: 'montserrat_regular';
                font-size: 0.71875em;
                margin-top: 10px;
            }

            #wrapper .relatedContentRecipe .relatedContentWrapper .product img {
                margin-left: 15%;
                width: 69%;
            }
}

.ie8 .container-searchAndresults .content-search input {
    display: inline;
    line-height: 38px;
}

.ie8 .container-searchAndresults .content-sort .content-dropDown .btn .filter-option {
    top: 10px;
}

.ie8 .container-searchAndresults .content-sort .content-dropDown .btn .caret {
    float: right;
    position: relative;
}

.container-searchAndresults {
    float: left;
    overflow: hidden;
    margin: 0 0 80px;
    width: 100%;
}

    .container-searchAndresults > article {
        /*.fl;*/
        width: 100%;
    }

        .container-searchAndresults > article h2 {
            color: #3d3d3d;
            float: left;
            font-family: 'montserrat_regular';
            text-align: right;
            text-shadow: 1px 1px 1px #ffffff;
            /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
            width: 126px;
        }

    .container-searchAndresults .content-search {
        display: inline-block;
        margin: 45px 0 0;
    }

        .container-searchAndresults .content-search h2 {
            margin: 16px 6px 0 0;
            font-size: 18px;
            font-size: 1.125rem;
        }

        .container-searchAndresults .content-search input {
            border: 0px;
            color: #3d3d3d;
            height: 42px;
            float: left;
            font-size: 18px;
            font-size: 1.125rem;
            padding: 5px 5px 5px 16px;
            width: 435px;
        }

        .container-searchAndresults .content-search .search-btn {
            background: url(../less/Components/search-results/@{pI}btn-search.jpg) no-repeat 0 0;
            float: left;
            height: 52px;
            width: 55px;
        }

            .container-searchAndresults .content-search .search-btn.hover {
                background: url(../less/Components/search-results/@{pI}btn-search.jpg) no-repeat 0 100%;
            }

        .container-searchAndresults .content-search .searchInputContainer {
            display: inline-block;
            position: relative;
            width: 500px;
        }

            .container-searchAndresults .content-search .searchInputContainer input {
                width: 423px;
            }

            .container-searchAndresults .content-search .searchInputContainer .searchResults ul {
                background: #ffffff;
                display: inline-block;
                position: absolute;
                width: 100% !important;
                z-index: 3;
            }

                .container-searchAndresults .content-search .searchInputContainer .searchResults ul li a {
                    color: #0eb3de;
                    display: block;
                    height: auto;
                    font-family: 'montserrat_regular';
                    font-size: 1.2em;
                    line-height: 32px;
                    margin-left: 2%;
                    padding: 10px 0;
                }

                    .container-searchAndresults .content-search .searchInputContainer .searchResults ul li a strong {
                        color: #006d89;
                    }

    .container-searchAndresults .content-sort {
        height: 75px;
        margin: 12px 0 0;
        position: relative;
        z-index: 2;
    }

        .container-searchAndresults .content-sort h2 {
            margin: 11px 6px 0 0;
            font-size: 14px;
            font-size: 0.875rem;
        }

        .container-searchAndresults .content-sort .content-dropDown {
            color: #3d3d3d;
            float: left;
            font-family: 'montserrat_regular';
            font-size: 0.875em;
            position: relative;
            width: 184px;
        }

            .container-searchAndresults .content-sort .content-dropDown .btn {
                background: #ffffff;
                color: #3d3d3d;
                cursor: pointer;
                height: 35px;
                position: relative;
                width: 100%;
            }

                .container-searchAndresults .content-sort .content-dropDown .btn .filter-option {
                    height: 24px;
                    left: 7px;
                    overflow: hidden;
                    position: absolute;
                    text-align: left;
                }

                .container-searchAndresults .content-sort .content-dropDown .btn .caret {
                    background: url(../less/Components/search-results/@{pI}btn-dropDown.jpg) no-repeat 0 0;
                    display: block;
                    height: 35px;
                    position: absolute;
                    right: 0px;
                    top: 0;
                    width: 35px;
                }

                    .container-searchAndresults .content-sort .content-dropDown .btn .caret.hover {
                        background: url(../less/Components/search-results/@{pI}btn-dropDown.jpg) no-repeat 0 100%;
                    }

            .container-searchAndresults .content-sort .content-dropDown .open .caret {
                background: url(../less/Components/search-results/@{pI}btn-dropDown.jpg) no-repeat 0 100%;
            }

            .container-searchAndresults .content-sort .content-dropDown .open > .dropdown-menu {
                display: block;
            }

            .container-searchAndresults .content-sort .content-dropDown .dropdown-menu {
                background-color: #ffffff;
                display: none;
                float: left;
                left: 0;
                list-style: none;
                padding: 0;
                position: absolute;
                width: 100%;
            }

                .container-searchAndresults .content-sort .content-dropDown .dropdown-menu.inner {
                    border: 0 none;
                    border-radius: 0;
                    box-shadow: none;
                    margin: 0;
                    max-height: 336px !important;
                    overflow: hidden !important;
                    padding: 0;
                    position: static;
                    width: 100% !important;
                }

                    .container-searchAndresults .content-sort .content-dropDown .dropdown-menu.inner li {
                        display: inline-block;
                        width: 100%;
                    }

                        .container-searchAndresults .content-sort .content-dropDown .dropdown-menu.inner li a {
                            cursor: pointer;
                            float: left;
                            padding: 10px 0 10px 3.5%;
                            width: 96.5%;
                        }

                            .container-searchAndresults .content-sort .content-dropDown .dropdown-menu.inner li a:hover {
                                background-color: #EDEDED;
                            }

        .container-searchAndresults .content-sort .jqTransformHidden {
            display: none;
        }

        .container-searchAndresults .content-sort .jqTransformSelectWrapper a.jqTransformSelectOpen {
            background: url(../less/Components/search-results/@{pI}btn-dropDown.jpg) no-repeat;
            display: block;
            height: 35px;
            position: absolute;
            right: 0px;
            width: 35px;
        }

        .container-searchAndresults .content-sort .jqTransformSelectWrapper div span {
            background: #fff;
            color: #3d3d3d;
            font-size: 14px;
            font-size: 0.875rem;
            float: none;
            font-family: 'montserrat_regular';
            position: absolute;
            white-space: nowrap;
            height: 24px;
            line-height: 15px;
            padding: 11px 0 0 7px;
            overflow: hidden;
            cursor: pointer;
            width: 142px !important;
        }

        .container-searchAndresults .content-sort .jqTransformSelectWrapper {
            width: 184px !important;
            position: relative;
            height: 35px;
            float: left;
        }

            .container-searchAndresults .content-sort .jqTransformSelectWrapper ul a {
                background-color: #FFF;
                display: block;
                padding: 10px 5px;
                font-family: 'montserrat_regular';
                text-decoration: none;
                color: #3d3d3d;
                font-size: 12px;
                font-size: 0.75rem;
            }

                .container-searchAndresults .content-sort .jqTransformSelectWrapper ul a.selected {
                    background: #EDEDED;
                    color: #333;
                }

            .container-searchAndresults .content-sort .jqTransformSelectWrapper ul {
                background-color: #FFF;
                border: solid 1px #CCC;
                display: none;
                left: 0px;
                list-style: none;
                margin: 0;
                position: absolute;
                padding: 0;
                top: 35px;
                z-index: 10;
            }

    .container-searchAndresults .container-results {
        position: relative;
        width: 101%;
        z-index: 1;
    }

@media only screen and (min-width: 600px) and (max-width: 958px) {
    .container-searchAndresults .container-results {
        width: 100%;
        margin: 0 auto;
    }

        .container-searchAndresults .container-results .noResults {
            margin-left: 10px;
        }

    .container-searchAndresults .content-search .searchInputContainer {
        width: 445px;
    }

        .container-searchAndresults .content-search .searchInputContainer input {
            width: 82%;
        }
}

@media only screen and (max-width: 599px) {
    .container-searchAndresults {
        margin: 0 0 80px;
    }

        .container-searchAndresults .content-search {
            margin: 0;
        }

            .container-searchAndresults .content-search h2 {
                text-align: left;
                margin: 16px 6px 4px 4px;
                font-size: 11.52px;
                font-size: 0.72rem;
            }

            .container-searchAndresults .content-search input {
                font-size: 11.52px;
                font-size: 0.72rem;
                height: 46px;
                margin: 0 0 0 4px;
                padding: 3px 3px 3px 8px;
                width: 72%;
            }

            .container-searchAndresults .content-search a {
                background-size: 40px;
                height: 37px;
                width: 40px;
            }

            .container-searchAndresults .content-search .searchInputContainer {
                display: block;
                height: 52px;
                width: 313px;
            }

                .container-searchAndresults .content-search .searchInputContainer input {
                    width: 77%;
                }

                .container-searchAndresults .content-search .searchInputContainer .search-btn {
                    background-size: 100% auto;
                    height: 100%;
                }

                .container-searchAndresults .content-search .searchInputContainer .searchResults ul {
                    width: 308px !important;
                }

                    .container-searchAndresults .content-search .searchInputContainer .searchResults ul li a {
                        line-height: 16px;
                        width: 98%;
                    }

        .container-searchAndresults .content-sort {
            height: 75px;
            margin: 0;
        }

            .container-searchAndresults .content-sort h2 {
                text-align: left;
                margin: 11px 6px 4px 4px;
                font-size: 11.52px;
                font-size: 0.72rem;
                width: 70%;
            }

            .container-searchAndresults .content-sort .content-dropDown {
                float: left;
                margin: 0 0 0 5px;
                width: 184px;
            }

            .container-searchAndresults .content-sort .jqTransformSelectWrapper div span {
                font-size: 11.52px;
                font-size: 0.72rem;
            }

            .container-searchAndresults .content-sort .jqTransformSelectWrapper ul a {
                font-size: 11.52px;
                font-size: 0.72rem;
            }

        .container-searchAndresults .container-results {
            width: 101%;
            margin: 0 auto;
        }
}

body #wrapper .wrapper-g {
    background: url(../images/bg-article.png) no-repeat top right;
    float: left;
    width: 100%;
}

    body #wrapper .wrapper-g .container-g {
        float: left;
        margin: 0 0 0 21px;
        position: relative;
        width: 100%;
    }

        body #wrapper .wrapper-g .container-g h2 {
            color: #3d3d3d;
            font-family: 'montserrat_bold';
            font-size: 30px;
            font-size: 1.875rem;
            text-shadow: 1px 1px 1px #ffffff;
            /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
            width: 596px;
        }

        body #wrapper .wrapper-g .container-g > p {
            width: 596px;
            color: #4d4d4d;
            font-family: 'montserrat_regular';
            float: left;
            line-height: 1.2;
            margin: 10px 0;
        }

        body #wrapper .wrapper-g .container-g img {
            width: 596px;
            margin: 16px 0;
        }

        body #wrapper .wrapper-g .container-g aside {
            margin: 0;
            position: absolute;
            right: 0px;
            top: 0px;
            width: 300px;
        }

            body #wrapper .wrapper-g .container-g aside article.Chex-Mix p {
                color: #173063;
                float: left;
                font-family: 'sacramento_regular';
                font-size: 36px;
                font-size: 2.25rem;
                text-align: center;
            }

            body #wrapper .wrapper-g .container-g aside .testP {
                background: url(../images/temp/pic-p.png) no-repeat;
                padding: 41px 20px;
            }

        body #wrapper .wrapper-g .container-g .socialBtns {
            display: inline-block;
            margin: 15px 0;
            width: 100%;
        }

            body #wrapper .wrapper-g .container-g .socialBtns .fb-like {
                float: left;
            }

            body #wrapper .wrapper-g .container-g .socialBtns .pintBtn {
                float: left;
                margin-left: 21px;
            }

                body #wrapper .wrapper-g .container-g .socialBtns .pintBtn img {
                    width: auto;
                }

        body #wrapper .wrapper-g .container-g.video .container-video {
            height: 360px;
            float: left;
            margin: 20px 0;
            width: 597px;
        }

            body #wrapper .wrapper-g .container-g.video .container-video iframe {
                height: inherit;
                width: inherit;
            }

        body #wrapper .wrapper-g .container-g.video article {
            float: right;
            width: 292px;
        }

            body #wrapper .wrapper-g .container-g.video article p {
                width: 100%;
                color: #4d4d4d;
                font-family: 'montserrat_regular';
                float: left;
                line-height: 1.2;
                margin: 10px 0;
            }

        body #wrapper .wrapper-g .container-g.photo .container-photo {
            height: auto;
            float: left;
            width: 65%;
        }

            body #wrapper .wrapper-g .container-g.photo .container-photo img {
                height: auto;
                margin: 20px 0;
                width: 100%;
            }

        body #wrapper .wrapper-g .container-g.photo article {
            float: right;
            margin: 20px 0;
            width: 31%;
        }

            body #wrapper .wrapper-g .container-g.photo article p {
                width: 100%;
                color: #4d4d4d;
                font-family: 'montserrat_regular';
                float: left;
                line-height: 1.2;
                margin: 0 0 20px 0;
            }

        body #wrapper .wrapper-g .container-g.testimonial {
            width: 95%;
        }

            body #wrapper .wrapper-g .container-g.testimonial .container-photo {
                float: left;
                width: 65%;
            }

                body #wrapper .wrapper-g .container-g.testimonial .container-photo img {
                    width: 100%;
                }

            body #wrapper .wrapper-g .container-g.testimonial .testimonialText {
                float: right;
                width: 31%;
            }

                body #wrapper .wrapper-g .container-g.testimonial .testimonialText p {
                    color: #4d4d4d;
                    font-family: 'montserrat_regular';
                    float: left;
                    line-height: 1.2;
                    margin: 10px 0;
                    width: 100%;
                }

    body #wrapper .wrapper-g.ideasPage .topInfo.largeInfo h2 {
        color: #3d3d3d;
        display: block;
        font-family: 'montserrat_bold';
        font-size: 1.875em;
        margin: 13px 0 0 0;
    }

    body #wrapper .wrapper-g.ideasPage .topInfo.largeInfo p {
        margin-top: 14px;
    }

    body #wrapper .wrapper-g.ideasPage .filters ul li a.active.return {
        background: url(../images/return-to.png) no-repeat 0 0;
        padding-top: 22px;
    }

body #wrapper .filters {
    float: left;
    margin: 24px 0;
    width: 100%;
}

    body #wrapper .filters ul {
        /*.m(0 13px);*/
    }

        body #wrapper .filters ul li {
            color: #a4a4a4;
            float: left;
            font-family: 'montserrat_bold';
            font-size: 18px;
            font-size: 1.125rem;
            margin: 10px 0 30px 0;
            text-shadow: 1px 1px 1px #ffffff;
            /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
        }

            body #wrapper .filters ul li a {
                border-bottom: 2px solid #0eb3de;
                color: #0eb3de;
                cursor: pointer;
                font-family: 'montserrat_regular';
            }

                body #wrapper .filters ul li a.active {
                    color: #b62826;
                    font-family: 'montserrat_bold';
                    border: none;
                }

                body #wrapper .filters ul li a.hover {
                    color: #b62826;
                    font-family: 'montserrat_bold';
                    font-size: 1em;
                    border-bottom: 2px solid #b62826;
                }

            body #wrapper .filters ul li.spacer {
                margin: 10px 20px;
            }

    body #wrapper .filters.internal {
        margin-left: 23px;
    }

@media only screen and (min-width: 600px) and (max-width: 959px) {
    body #wrapper .wrapper-g {
        /*.container-gigya{
					.w(60%);
					h2{
						.font-size(1.2);
					}
					.content-addThis{
						.m;
					}
				}*/
    }

        body #wrapper .wrapper-g .container-g.video .container-video {
            height: 300px;
            float: left;
            margin: 20px 0;
            width: 55%;
        }

            body #wrapper .wrapper-g .container-g.video .container-video iframe {
                height: 100%;
                width: 100%;
            }

        body #wrapper .wrapper-g .container-g.video article {
            width: 40%;
        }

        body #wrapper .wrapper-g .container-g {
            display: inline-block;
            float: initial;
            margin: 0 0 0 23px;
            position: relative;
            width: 95%;
        }

            body #wrapper .wrapper-g .container-g h2 {
                font-size: 27.2px;
                font-size: 1.7rem;
                width: 60%;
            }

            body #wrapper .wrapper-g .container-g > p {
                width: 60%;
            }

            body #wrapper .wrapper-g .container-g img {
                width: 100%;
            }

            body #wrapper .wrapper-g .container-g aside {
                float: none;
                margin: 0;
                position: absolute;
                right: 0px;
                top: 0px;
                width: 40%;
            }

                body #wrapper .wrapper-g .container-g aside article.Chex-Mix p {
                    font-size: 32px;
                    font-size: 2rem;
                }

        body #wrapper .wrapper-g.ideasPage .filters {
            margin-left: 15px;
            width: 100%;
        }

        body #wrapper .wrapper-g.ideasPage .topInfo.largeInfo {
            margin-bottom: 22px;
        }

            body #wrapper .wrapper-g.ideasPage .topInfo.largeInfo h1 {
                margin-left: 15px;
                padding-bottom: 0px;
            }

            body #wrapper .wrapper-g.ideasPage .topInfo.largeInfo p {
                margin: 15px 0 0 15px;
            }

            body #wrapper .wrapper-g.ideasPage .topInfo.largeInfo h2 {
                margin-left: 15px;
            }

    body #wrapper .filters ul li {
        font-size: 16px;
        font-size: 1rem;
    }

        body #wrapper .filters ul li a {
            font-size: 16px;
            font-size: 1rem;
            color: #0eb3de;
            font-family: 'montserrat_regular';
            border-bottom: 2px solid #0eb3de;
        }
}

@media only screen and (max-width: 599px) {
    body #wrapper .filters {
        display: none;
    }

    body #wrapper .wrapper-g {
        background: url(../images/bg-article-m.png) no-repeat top right;
        /*.container-gigya{
					.fl;
					.m(10px 0);
					.w;
					.content-addThis{
						.m;
					}
				}*/
    }

        body #wrapper .wrapper-g .container-g {
            float: initial;
            margin: 44px auto;
            width: 96%;
        }

            body #wrapper .wrapper-g .container-g h2 {
                font-size: 18px;
                font-size: 1.125rem;
                width: 100%;
            }

            body #wrapper .wrapper-g .container-g > p {
                font-size: 10px;
                font-size: 0.625rem;
                margin: 10px 0;
                width: 100%;
            }

            body #wrapper .wrapper-g .container-g img {
                margin: 16px 0;
                width: 100%;
            }

            body #wrapper .wrapper-g .container-g aside {
                margin: 0;
                float: left;
                position: relative;
                width: 100%;
            }

                body #wrapper .wrapper-g .container-g aside article.Chex-Mix p {
                    font-size: 28px;
                    font-size: 1.75rem;
                }

                body #wrapper .wrapper-g .container-g aside .testP {
                    background: url(../images/temp/pic-p-m.png) no-repeat center;
                    padding: 56px 20px 33px;
                }

            body #wrapper .wrapper-g .container-g.video .container-photo,
            body #wrapper .wrapper-g .container-g.photo .container-photo {
                width: 100%;
            }

            body #wrapper .wrapper-g .container-g.video article,
            body #wrapper .wrapper-g .container-g.photo article {
                margin: 0;
                width: 100%;
            }

                body #wrapper .wrapper-g .container-g.video article p,
                body #wrapper .wrapper-g .container-g.photo article p {
                    margin: 7px 0;
                    float: left;
                    font-size: 10px;
                    font-size: 0.625rem;
                }

            body #wrapper .wrapper-g .container-g.video .container-video {
                height: 180px;
                width: 100%;
            }

                body #wrapper .wrapper-g .container-g.video .container-video iframe {
                    margin: 10px 0;
                }

            body #wrapper .wrapper-g .container-g.testimonial {
                width: 95%;
            }

                body #wrapper .wrapper-g .container-g.testimonial .container-photo {
                    width: 100%;
                }

                body #wrapper .wrapper-g .container-g.testimonial .testimonialText {
                    float: left;
                    width: 100%;
                }

                    body #wrapper .wrapper-g .container-g.testimonial .testimonialText p {
                        color: #4d4d4d;
                        font-family: 'montserrat_regular';
                        float: left;
                        line-height: 1.2;
                        margin: 10px 0;
                        width: 100%;
                    }

        body #wrapper .wrapper-g.ideasPage .topInfo.largeInfo h2 {
            margin-left: 2%;
        }
}

.container-results {
    display: inline-block;
    margin: 0 0 80px 0;
    width: 101%;
}

    .container-results .noResults {
        display: none;
    }

        .container-results .noResults h1 {
            background: url(../images/noResults-line.png) no-repeat 0 100%;
            color: #3d3d3d;
            display: block;
            font-family: 'montserrat_bold';
            font-size: 1.875em;
            padding-bottom: 26px;
            text-shadow: 1px 1px 1px #ffffff;
            /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
        }

        .container-results .noResults ul {
            margin: 20px 0 0 0;
        }

            .container-results .noResults ul li {
                color: #00b2e0;
                display: block;
                font-family: 'montserrat_regular';
                font-size: 1.06em;
                margin: 0 0 11px 0;
            }

                .container-results .noResults ul li a {
                    color: #00b2e0;
                }

                .container-results .noResults ul li.title {
                    color: #3d3d3d;
                    margin: 0 0 17px 0;
                    text-shadow: 1px 1px 1px #ffffff;
                    /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
                }

.container-Mods {
    float: left;
    overflow: hidden;
    margin: 0 0 80px;
    width: 100%;
}

    .container-Mods .wrapper-Mods {
        width: 101%;
    }

    .container-Mods h2 {
        color: #3d3d3d;
        font-family: 'montserrat_bold';
        font-size: 24px;
        font-size: 1.5rem;
        margin: 30px 0 0;
        text-shadow: 1px 1px 1px #ffffff;
        /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
    }

.mod,
.modProd {
    float: left;
    /*.h(344px);*/
    height: 310px;
    margin: 35px 5px 0 0;
    /*max-height: 310px;*/
    overflow: hidden;
    position: relative;
    /*.w(310px);*/
    width: 32.6%;
}

    .mod a,
    .modProd a {
        background-color: #fff;
        height: 90%;
        margin: 0;
        padding: 0;
        position: absolute;
        opacity: 0;
        /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(@{opacityPercentage}))";*/
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /*filter: ~"alpha(opacity = (@{opacityPercentage}))";*/
        top: 0;
        width: 100%;
        z-index: 4;
    }

    .mod .content,
    .modProd .content {
        display: block;
        height: 100%;
    }

        .mod .content .content-img,
        .modProd .content .content-img {
            height: 100%;
            overflow: hidden;
            position: relative;
            width: 100%;
        }

            .mod .content .content-img img,
            .modProd .content .content-img img {
                display: block;
                height: 100%;
                width: auto;
            }

            .mod .content .content-img.product,
            .modProd .content .content-img.product {
                background: url(../images/product-bg-texture.jpg) no-repeat 0 100%;
                background-size: 100% auto;
                overflow: hidden;
                width: 100%;
            }

                .mod .content .content-img.product img,
                .modProd .content .content-img.product img {
                    display: block;
                    height: auto;
                    margin: 0 auto;
                    max-height: 311px;
                    width: 62.58%;
                }

    .mod .content-info h2,
    .modProd .content-info h2 {
        color: #00b2e0;
        font-family: 'montserrat_regular';
        font-size: 16.96px;
        font-size: 1.06rem;
        margin: 7px 0 0 7px;
    }

    .mod .content-info .badges-ratings,
    .modProd .content-info .badges-ratings {
        display: none;
    }

    .mod .badges-ratings,
    .modProd .badges-ratings {
        display: block;
        margin: 6px;
    }

        .mod .badges-ratings img,
        .modProd .badges-ratings img {
            float: left;
            margin: 0 0 0 2px;
        }

            .mod .badges-ratings img.space,
            .modProd .badges-ratings img.space {
                margin: 0 5px 0 11px;
            }

        .mod .badges-ratings span,
        .modProd .badges-ratings span {
            color: #939292;
            float: left;
            font-family: 'montserrat_regular';
            font-size: 12.8px;
            font-size: 0.8rem;
            margin: 5px 0 0;
        }

        .mod .badges-ratings .rating,
        .modProd .badges-ratings .rating {
            float: left;
            margin: 0 5px 0 9px;
        }

            .mod .badges-ratings .rating li .starIco,
            .modProd .badges-ratings .rating li .starIco {
                background: url(../less/Components/grid/@{pI}ratingStars.png) no-repeat 0 0;
                display: inline-block;
                float: left;
                height: 18px;
                margin: 0px;
                width: 90px;
            }

                .mod .badges-ratings .rating li .starIco.one,
                .modProd .badges-ratings .rating li .starIco.one {
                    background-position: 0 -20px;
                }

                .mod .badges-ratings .rating li .starIco.two,
                .modProd .badges-ratings .rating li .starIco.two {
                    background-position: 0 -40px;
                }

                .mod .badges-ratings .rating li .starIco.three,
                .modProd .badges-ratings .rating li .starIco.three {
                    background-position: 0 -60px;
                }

                .mod .badges-ratings .rating li .starIco.four,
                .modProd .badges-ratings .rating li .starIco.four {
                    background-position: 0 -80px;
                }

                .mod .badges-ratings .rating li .starIco.five,
                .modProd .badges-ratings .rating li .starIco.five {
                    background-position: 0 -100px;
                }

            .mod .badges-ratings .rating li.active,
            .modProd .badges-ratings .rating li.active {
                background-position: 0 0;
            }

    .mod.searchItems {
        /*.h(auto);*/
    }

        .mod.searchItems a {
            height: 100%;
        }

        .mod.searchItems .productTexture {
            display: none;
        }

        .mod.searchItems .Recipe {
            height: 310px;
        }

            .mod.searchItems .Recipe .content {
                height: 90%;
            }

                .mod.searchItems .Recipe .content .content-info {
                    left: 20px;
                    top: 20px;
                    position: absolute;
                }

                    .mod.searchItems .Recipe .content .content-info h2 {
                        color: #ffffff;
                        font-family: 'typodermic_euphorigenic';
                        font-size: 36px;
                        font-size: 2.25rem;
                        line-height: 1.2em;
                        margin: 0;
                        text-shadow: 1px 1px 8px #000000;
                        /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
                        width: 70%;
                    }

        .mod.searchItems .Article a {
            height: 100%;
        }

        .mod.searchItems .Article .content .content-info {
            background: url(../less/Components/grid/@{pI}red-ribbon.png) no-repeat 100% 0;
            bottom: 10px;
            height: 48px;
            left: 0px;
            margin: 0 13.87% 0 0;
            max-width: 267px;
            padding: 0 26px 0 16px;
            position: absolute;
            /*.w(76%);*/
            z-index: 1;
        }

            .mod.searchItems .Article .content .content-info h2 {
                color: #ffffff;
                display: block;
                font-family: 'montserrat_bold';
                font-size: 0.875em;
                line-height: 1.2em;
                max-height: 31px;
                overflow: hidden;
            }

        .mod.searchItems .Article .content .badges,
        .mod.searchItems .Article .content .badges-ratings {
            display: none;
        }

        .mod.searchItems .Product .productTexture {
            bottom: 0px;
            display: block;
            left: 0px;
            position: relative;
            width: 100%;
            z-index: 1;
        }

        .mod.searchItems .Product .content-img {
            display: block;
            bottom: 0px;
            left: 0px;
            margin: 0 auto;
            max-height: 311px;
            position: absolute;
            right: 0px;
            width: 68%;
            z-index: 2;
        }

            .mod.searchItems .Product .content-img img {
                width: 100%;
            }

        .mod.searchItems .Product .content-info,
        .mod.searchItems .Product .badges {
            display: none;
        }

    .mod.recipeLanding {
        height: 344px;
    }

        .mod.recipeLanding a {
            height: 90%;
        }

        .mod.recipeLanding .content {
            height: 90.11%;
        }

    .mod.recipesRating.hover .hoverBorder {
        display: block;
    }

    .mod.recipesRating {
        height: 344px;
    }

        .mod.recipesRating a {
            height: 90%;
        }

        .mod.recipesRating .content {
            height: 90%;
        }

            .mod.recipesRating .content .content-info {
                background: none;
                height: auto;
                left: 19px;
                position: absolute;
                top: 19px;
                width: 90%;
                z-index: 1;
            }

                .mod.recipesRating .content .content-info h2 {
                    font-family: 'typodermic_euphorigenic';
                    font-size: 1.87em;
                    color: #ffffff;
                    line-height: 1.2em;
                    margin: 0px;
                    max-height: 100%;
                    text-shadow: 1px 1px 8px #000000;
                    /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
                }

.modProd {
    height: auto;
}

    .modProd a {
        height: 100%;
    }

    .modProd h2 {
        height: 35px;
        /*overflow: hidden;
		text-overflow:ellipsis;
		white-space: nowrap;*/
    }

.hoverBorder {
    left: -8px;
    opacity: 0;
    position: absolute;
    top: -8px;
    z-index: 3;
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
    .container-Mods h2 {
        margin: 10px 0 0 2.5%;
    }

    .container-results {
        display: block;
        margin: 0 auto;
        width: 98%;
    }

    .mod {
        float: left;
        /*.h;*/
        margin: 35px 0 0 2.5%;
        width: 30%;
    }

        .mod .content {
            position: relative;
        }

            .mod .content .content-img {
                /*.h(auto);*/
                /*img{
					.fl;
					.h(auto);
					.w;
				}*/
            }

                .mod .content .content-img.product img {
                    float: initial;
                }

        .mod .content-info {
            height: 24px;
            /*.fl;*/
        }

            .mod .content-info h2 {
                color: #00b2e0;
                font-family: 'montserrat_regular';
                font-size: 11.52px;
                font-size: 0.72rem;
                margin: 7px 0 0 7px;
            }

            .mod .content-info .badges-ratings {
                display: none;
            }

        .mod .badges-ratings {
            margin: 7px 0 0;
        }

            .mod .badges-ratings img {
                height: 15px;
                width: auto;
                margin: 0 0 0 2px;
            }

                .mod .badges-ratings img.space {
                    margin: 0 5px 0 11px;
                }

            .mod .badges-ratings span {
                font-size: 9.6px;
                font-size: 0.6rem;
            }

            .mod .badges-ratings .rating li .starIco {
                background-size: 100% auto;
                height: 16px;
                position: relative;
                top: 0px;
                width: 70px;
            }

        .mod.searchItems .Recipe .content .content-info {
            height: auto;
        }

            .mod.searchItems .Recipe .content .content-info h2 {
                font-size: 20px;
                font-size: 1.25rem;
                margin: 0;
                top: 10px;
                left: 10px;
                width: 70%;
            }

    .modProd {
        margin-right: 0.79%;
        width: 32.53%;
    }
}

@media only screen and (max-width: 599px) {
    .container-results {
        display: inline-block;
        margin: 0 0 20px 0;
        width: 100%;
    }

        .container-results .noResults {
            margin: 38px 0 0 5px;
        }

            .container-results .noResults h1 {
                font-size: 19.2px;
                font-size: 1.2rem;
            }

            .container-results .noResults ul {
                margin: 20px 0 0 0;
            }

                .container-results .noResults ul li {
                    font-size: 10.88px;
                    font-size: 0.68rem;
                }

                    .container-results .noResults ul li.title {
                        font-size: 12px;
                        font-size: 0.75rem;
                    }

    .mod,
    .modProd {
        float: left;
        height: 155px;
        margin: 16px 0.5% 0 0.5%;
        /*max-width: 155px;*/
        width: 48.43%;
        /*a{
			.h(82%);
		}*/
    }

        .mod .content,
        .modProd .content {
            position: relative;
        }

            .mod .content .content-img,
            .modProd .content .content-img {
                /*.h(auto);*/
                /*img{
					.h(auto);
					.w;
				}*/
            }

                .mod .content .content-img.product img,
                .modProd .content .content-img.product img {
                    /*min-height: 208px;*/
                    width: 65.5%;
                }

        .mod .content-info,
        .modProd .content-info {
            /*min-height: 30px;*/
            /*.h(20px);*/
        }

            .mod .content-info h2,
            .modProd .content-info h2 {
                color: #00b2e0;
                font-family: 'montserrat_regular';
                font-size: 11.52px;
                font-size: 0.72rem;
                margin: 7px 0 0 7px;
            }

            .mod .content-info .badges-ratings,
            .modProd .content-info .badges-ratings {
                display: none;
            }

        .mod .badges-ratings,
        .modProd .badges-ratings {
            margin: 3px 0;
        }

            .mod .badges-ratings img,
            .modProd .badges-ratings img {
                height: 15px;
                width: auto;
                margin: 0 0 0 2px;
            }

                .mod .badges-ratings img.space,
                .modProd .badges-ratings img.space {
                    margin: 0 5px 0 11px;
                }

            .mod .badges-ratings span,
            .modProd .badges-ratings span {
                font-size: 8px;
                font-size: 0.5rem;
                margin: 3px 0 0;
            }

            .mod .badges-ratings .rating li .starIco,
            .modProd .badges-ratings .rating li .starIco {
                background-size: 100% auto;
                height: 10px;
                position: relative;
                top: 2px;
                width: 44px;
            }

        .mod.recipeLanding {
            height: 172px;
        }

        .mod.recipesRating {
            height: 172px;
            width: 49%;
        }

            .mod.recipesRating .content {
                /*.h(90.11%);*/
            }

                .mod.recipesRating .content .content-info {
                    left: 0px;
                }

                    .mod.recipesRating .content .content-info h2 {
                        /*overflow: hidden;
					text-overflow:ellipsis;
					white-space: nowrap;*/
                        font-size: 20.32px !important;
                        font-size: 1.27rem !important;
                        padding: 0 10px;
                    }

    .modProd {
        height: auto;
    }

        .modProd .content .content-img.product img {
            height: auto;
        }

    .mod.searchItems {
        height: 177px;
    }

        .mod.searchItems .Recipe {
            height: 177px;
        }

            .mod.searchItems .Recipe .content {
                height: 90%;
            }

                .mod.searchItems .Recipe .content .content-info h2 {
                    font-size: 14.992px;
                    font-size: 0.937rem;
                    margin: 0;
                    top: 10px;
                    left: 10px;
                    width: 70%;
                }

    .hoverBorder {
        height: 89.4%;
        width: 89.4%;
    }
}
/* product detail large */
#wrapper .productWrapper {
    background-color: #fff;
    margin: 0 0 80px;
}

    #wrapper .productWrapper .tabbedContent {
        background-color: transparent;
        padding-left: 3%;
        width: 97%;
    }

    #wrapper .productWrapper h1 {
        color: #efaf00;
        font-family: 'typodermic_euphorigenic';
        font-size: 4.09em;
        line-height: 1.2em;
        padding: 40px 0;
    }

#wrapper .productContent {
    display: inline-block;
    color: #494949;
    font-family: 'montserrat_regular';
    font-size: 1em;
    padding-left: 1%;
    padding-right: 1%;
    position: relative;
    width: 65%;
}

    #wrapper .productContent .imageProduct img {
        display: block;
        margin-left: 0;
        position: relative;
        width: 80%;
    }

    #wrapper .productContent table {
        width: 100%;
    }

    #wrapper .productContent td {
        color: #494949;
        font-family: 'montserrat_regular';
        font-size: 1.125em;
        line-height: 1.3em;
    }

        #wrapper .productContent td b {
            font-family: 'montserrat_bold';
            font-size: 1em;
        }

    #wrapper .productContent .tabbedTd {
        padding-left: 5%;
    }

    #wrapper .productContent .t1-c1 {
        width: 43%;
    }

    #wrapper .productContent .t1-c2 {
        width: 57%;
    }

    #wrapper .productContent .t2-c1 {
        width: 37%;
    }

    #wrapper .productContent .t2-c2,
    #wrapper .productContent .t2-c3,
    #wrapper .productContent .t2-c4 {
        width: 21%;
    }

    #wrapper .productContent .infoProduct {
        font-family: 'montserrat_regular';
        font-size: 1.125em;
        line-height: 1.3em;
        margin-top: 4%;
        width: 82%;
    }

        #wrapper .productContent .infoProduct h2 {
            color: #efaf00;
            font-family: 'montserrat_bold';
            font-size: 1.5em;
            line-height: 1em;
            padding: 20px 0 27px;
        }

        #wrapper .productContent .infoProduct ul {
            padding-top: 28px;
        }

            #wrapper .productContent .infoProduct ul li {
                background: url(../less/Components/productDetail/@{pI}product-bullet.png) no-repeat 0 8px;
                margin-bottom: 14px;
                padding-left: 14px;
            }

    #wrapper .productContent .wholeGrainText {
        font-family: 'montserrat_regular';
        font-size: 0.685em;
        padding: 0 0 30px 3%;
    }

    #wrapper .productContent .nutritionProduct {
        padding-bottom: 4%;
    }

        #wrapper .productContent .nutritionProduct h2 {
            color: #9da566;
            font-family: 'montserrat_bold';
            font-size: 1.5em;
            line-height: 3.5em;
            text-transform: uppercase;
        }

        #wrapper .productContent .nutritionProduct a.nutritionInfo {
            background: #eceee1;
            color: #898d65;
            display: inline-block;
            font-family: 'typodermic_euphorigenic';
            font-size: 1.5em;
            margin-top: 30px;
            padding: 10px 27px;
            text-shadow: 1px 1px 1px #ffffff;
            /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
        }

    #wrapper .productContent .amountProduct {
        background: url(../images/recipe-bg-ingredients.jpg) repeat-x top;
        padding-bottom: 4%;
        padding-top: 4%;
    }

        #wrapper .productContent .amountProduct h2 {
            font-family: 'montserrat_bold';
            font-size: 1.1em;
            line-height: 1.6em;
        }

    #wrapper .productContent .nutritionalFactsProduct {
        background: url(../images/recipe-bg-ingredients.jpg) repeat-x top;
        padding-bottom: 4%;
        padding-top: 4%;
    }

        #wrapper .productContent .nutritionalFactsProduct .nf-percentage {
            font-family: 'montserrat_regular';
            font-size: 0.65em;
        }

        #wrapper .productContent .nutritionalFactsProduct .nf-recommendation {
            color: #460104;
            font-family: 'montserrat_regular';
            font-size: 0.65em;
        }

    #wrapper .productContent .nutritionalFactsBProduct {
        background: url(../images/recipe-bg-ingredients.jpg) repeat-x top;
        padding-bottom: 4%;
        padding-top: 4%;
    }

    #wrapper .productContent .nutritionalFactsFooterProduct {
        background: url(../images/recipe-bg-ingredients.jpg) repeat-x top;
        font-family: 'montserrat_regular';
        font-size: 0.875em;
        padding-bottom: 7%;
        padding-top: 6%;
    }

#wrapper .relatedContentProduct {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 31.5%;
}

    #wrapper .relatedContentProduct h2 {
        background: url(../images/product-detail-related-bubble.png) no-repeat top;
        color: #3d3d3d;
        font-family: 'montserrat_regular';
        font-size: 0.75em;
        line-height: 2.1em;
        padding-bottom: 20px;
        text-align: center;
        text-shadow: 1px 1px 1px #ffffff;
        /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
        text-transform: uppercase;
    }

    #wrapper .relatedContentProduct .relatedContentWrapper .item {
        display: inline-block;
        padding-bottom: 10%;
        position: relative;
        text-align: center;
        vertical-align: top;
        width: 100%;
    }

        #wrapper .relatedContentProduct .relatedContentWrapper .item img {
            max-width: 100%;
        }

    #wrapper .relatedContentProduct .relatedContentWrapper .recipe .itemDesc {
        color: #ffffff;
        font-family: 'typodermic_euphorigenic';
        font-size: 1.875em;
        margin-left: 18px;
        margin-top: 18px;
        position: absolute;
        text-align: left;
        text-shadow: 1px 1px 8px #000000;
        /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
        top: 0px;
        width: 50%;
        z-index: 2;
    }

    #wrapper .relatedContentProduct .relatedContentWrapper .recipe .badges {
        padding-top: 7px;
        text-align: left;
    }

    #wrapper .relatedContentProduct .relatedContentWrapper .itemDesc {
        color: #00b2e0;
        display: block;
        font-family: 'montserrat_regular';
        font-size: 1.125em;
        padding-top: 2%;
        position: relative;
        text-align: left;
    }
/* product detail medium */
@media only screen and (min-width: 600px) and (max-width: 768px) {
    #wrapper.productWrapper h1 {
        font-family: 'typodermic_euphorigenic';
        font-size: 2.76375em;
    }

    #wrapper .productContent td {
        font-family: 'montserrat_regular';
        font-size: 0.8875em;
    }

    #wrapper .productContent .infoProduct {
        font-family: 'montserrat_regular';
        font-size: 1.109375em;
    }

    #wrapper .relatedContentProduct h2 {
        font-family: 'montserrat_regular';
        font-size: 0.6em;
        line-height: 2.9em;
        padding-bottom: 20px;
        text-align: center;
        text-shadow: 1px 1px 1px #ffffff;
        /*filter: dropshadow(color=@c, offx=@h, offy=@v);*/
        text-transform: uppercase;
    }

    #wrapper .relatedContentProduct .relatedContentWrapper .recipe .itemDesc {
        font-family: 'typodermic_euphorigenic';
        font-size: 1.4875em;
    }
}
/* product detail small */
@media only screen and (max-width: 599px) {
    #wrapper .productWrapper h1 {
        color: #efaf00;
        font-family: 'typodermic_euphorigenic';
        font-size: 1.4375em;
        line-height: 1em;
        padding: 20px 0;
    }

    #wrapper .productContent {
        padding: 0;
        width: 100%;
    }

        #wrapper .productContent .imageProduct {
            padding-right: 3%;
            width: 94%;
        }

            #wrapper .productContent .imageProduct img {
                margin: 0 auto;
            }

        #wrapper .productContent td {
            font-family: 'montserrat_regular';
            font-size: 0.65em;
        }

        #wrapper .productContent .tabbedTd {
            padding-left: 8%;
        }

        #wrapper .productContent .t1-c1 {
            width: 50%;
        }

        #wrapper .productContent .t1-c2 {
            width: 50%;
        }

        #wrapper .productContent .t2-c1 {
            /*.w(37%);*/
        }

        #wrapper .productContent .t2-c2 {
            width: 19%;
        }

        #wrapper .productContent .t2-c3,
        #wrapper .productContent .t2-c4 {
            width: 22%;
        }

        #wrapper .productContent .infoProduct {
            font-family: 'montserrat_regular';
            font-size: 0.72em;
            margin-top: 5%;
        }

            #wrapper .productContent .infoProduct ul {
                padding-top: 18px;
            }

                #wrapper .productContent .infoProduct ul li {
                    background-position: 0 4px;
                    margin-bottom: 11px;
                }

        #wrapper .productContent .nutritionProduct h2 {
            font-family: 'montserrat_bold';
            font-size: 0.9375em;
        }

        #wrapper .productContent .nutritionProduct a.nutritionInfo {
            font-size: 15.36px;
            font-size: 0.96rem;
            padding: 5px 15px;
            margin-top: 20px;
        }

        #wrapper .productContent .nutritionalFactsFooterProduct {
            font-family: 'montserrat_regular';
            font-size: 0.56em;
            line-height: 1.4em;
        }

        #wrapper .productContent .amountProduct {
            padding-bottom: 6%;
            padding-top: 6%;
        }

            #wrapper .productContent .amountProduct h2 {
                font-family: 'montserrat_bold';
                font-size: 0.65em;
                line-height: 1.6em;
            }

        #wrapper .productContent .nutritionalFactsProduct {
            padding-bottom: 6%;
            padding-top: 6%;
        }

            #wrapper .productContent .nutritionalFactsProduct .nf-percentage {
                font-family: 'montserrat_regular';
                font-size: 6px;
            }

            #wrapper .productContent .nutritionalFactsProduct .nf-recommendation {
                font-family: 'montserrat_regular';
                font-size: 6px;
            }

        #wrapper .productContent .nutritionalFactsBProduct {
            padding-bottom: 6%;
            padding-top: 6%;
        }

    #wrapper .relatedContentProduct {
        display: block;
        margin: 0 auto;
        width: 97%;
    }

        #wrapper .relatedContentProduct h2 {
            background: url(../images/recipe-bg-ingredients.jpg) repeat-x top;
            color: #323232;
            font-family: 'montserrat_regular';
            font-size: 0.71875em;
            letter-spacing: 0.2em;
            line-height: 4em;
            padding-bottom: 0;
            padding-top: 3%;
        }

        #wrapper .relatedContentProduct .relatedContentWrapper {
            margin: 0 auto;
            width: 98%;
            padding: 2% auto;
        }

            #wrapper .relatedContentProduct .relatedContentWrapper .item {
                display: inline-block;
                padding-bottom: 15px;
                position: relative;
                vertical-align: top;
                width: 49%;
            }

                #wrapper .relatedContentProduct .relatedContentWrapper .item img {
                    width: 100%;
                }

            #wrapper .relatedContentProduct .relatedContentWrapper .recipe .itemDesc {
                font-family: 'typodermic_euphorigenic';
                font-size: 1.1em;
                margin-left: 12px;
                margin-top: 12px;
                width: 60%;
            }

            #wrapper .relatedContentProduct .relatedContentWrapper .recipe .badges {
                padding-top: 4px;
            }

            #wrapper .relatedContentProduct .relatedContentWrapper .itemDesc {
                font-family: 'montserrat_regular';
                font-size: 0.71875em;
                padding-top: 4%;
            }

            #wrapper .relatedContentProduct .relatedContentWrapper .last {
                display: none;
            }
}
/*-------------------------------------------------------------------------*/
@media print {

    * {
        float: none !important;
        overflow: visible !important;
        width: auto !important;
        height: auto !important;
    }

    body {
        background: none;
    }

        body #wrapper .mainHeader,
        body #wrapper .mainFooter,
        body #wrapper .reviews,
        body #wrapper .relatedContentRecipe,
        body #wrapper .recipeInfoContainer {
            display: none;
        }

        body #wrapper .heroRecipeDetail {
            width: 100% !important;
            padding: 0 3%;
        }

            body #wrapper .heroRecipeDetail img.photo {
                width: 100% !important;
            }
            body #wrapper .heroRecipeDetail img.u-photo {
                width: 65%!important;
                margin: 0 auto!important;
            }
               

            body #wrapper .heroRecipeDetail h2 {
                width: 100% !important;
                color: #000000;
                text-shadow: none;
                position: relative;
                padding: 20px 0 0 0;
                bottom: 0;
            }

            body #wrapper .heroRecipeDetail .social {
                display: none;
            }

        body #wrapper .infoRecipe {
            width: 100% !important;
            font-size: .6em;
            page-break-after: avoid;
        }

            body #wrapper .infoRecipe .recipeInfoContainer .products {
                display: none;
            }

            body #wrapper .infoRecipe .badges {
                display: none;
            }

                body #wrapper .infoRecipe .badges .verticalHR,
                body #wrapper .infoRecipe .badges .pint,
                body #wrapper .infoRecipe .badges .fb,
                body #wrapper .infoRecipe .badges .mail,
                body #wrapper .infoRecipe .badges .print {
                    display: none;
                }

                body #wrapper .infoRecipe .badges .ico.gf:before,
                body #wrapper .infoRecipe .badges .ico.fifteenMin:before,
                body #wrapper .infoRecipe .badges .ico.microwave:before {
                    content: url(../../images/recipe-detail-sprites.png);
                    height: 22px;
                    overflow: hidden;
                    position: absolute;
                    width: 21px;
                }

        body #wrapper .ingredientsRecipe {
            width: 40% !important;
            float: left !important;
            padding: 0 3%;
            font-size: .6em;
            background: none;
        }

            body #wrapper .ingredientsRecipe h2 {
                font-size: 2em;
            }

            body #wrapper .ingredientsRecipe li {
                padding: 0 0 10px 8%;
                font-size:1em!important;
            }

                body #wrapper .ingredientsRecipe li span {
                    margin: 0 0 0 -34px;
                    color: #000000;
                }

        body #wrapper .heroRecipeDetail:before {
            /*content: url(@{pI}recipe-detail-hero.jpg); */
            position: relative;
        }

        body #wrapper .expandColapseRecipe {
            width: 50% !important;
            position: relative;
            float: right !important;
            font-size: .4em;
            background: none;
        }

            body #wrapper .expandColapseRecipe h2 {
                display: none;
            }

            body #wrapper .expandColapseRecipe h3 {
                font-size: 16px;
            }

            body #wrapper .expandColapseRecipe .content {
                background: none;
                display: block !important;
            }

                body #wrapper .expandColapseRecipe .content ul li {
                    padding: 0;
                }

                    body #wrapper .expandColapseRecipe .content ul li strong, body #wrapper .expandColapseRecipe strong {
                        font-weight: normal;
                    }

                    body #wrapper .expandColapseRecipe .content ul li span {
                        margin: 0 0 0 -20px;
                        color: #000000;
                    }

                    body #wrapper .expandColapseRecipe .content ul li[itemprop] {
                        padding: 0 0 0 4%;
                    }

            body #wrapper .expandColapseRecipe .gigyaContainer {
                display: none !important;
            }
}

/*-------------------------------------------------------------------------*/
/*# sourceMappingURL=Master.css.map */