/*!
 * print.css v1.0.0
 * http://printstylesheet.com/
 *
 * Copyright (c) 2011 David Bushell
 * Dual licensed under the BSD or MIT licenses: http://printstylesheet.com/license.txt
 
 * Author: David Bushell
 * http://dbushell.com/
 */

/* use a media query to limit the CSS to only print devices, like a printer */


@media only print {

    * {
        margin: 0px;
        padding: 0px;
        box-sizing: border-box;
    }

    a {
        text-decoration: none;
    }

    body {
        font-family: Arial !important;
        font-size: 14px !important;
        font-weight: normal !important;
        color: #666666 !important;
        line-height: 25px;
        -webkit-print-color-adjust: exact;
    }

    .panel-heading {
        background: #effbe6;
        border-radius: 0px;
        padding: 15px 10px;
        border: 0px;
        margin-top: 30px;
    }

    .main-heading {
        font-size: 30px;
        color: #649c3c;
        display: inline-block;
        text-align: center;
        margin: 70px 0 0px;
        font-weight: bold;
        font-family: "museo900" !important;
    }

    .web-image {
        display: none;
    }

    .col-sm-8 .recipes-details-panel.print-panel {
        width: 66.6667%;
        float: left;
    }


    .col-sm-8 .recipes-details-panel {
        width: 100%;
        float: left;
    }

    .recipes-image img {
        width: 30.333%;
        float: right;
        margin-top: 30px;
    }

    h3 {
        color: #649c3c;
        font-size: 23px;
        font-family: "museo900" !important;
    }

    .panel-title {
        margin-top: 0;
        margin-bottom: 0;
    }

    /*.panel-body {
        padding: 15px;
    }*/

    h1 {
        font-family: "museo900" !important;
        font-weight: normal;
    }

    p {
        font-family: "museo900" !important;
    }

    .recipes-details-heading {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 0 30px;
        height: 100px;
        background:none;
    }

        .recipes-details-heading h1 {
            display: table-cell;
            vertical-align: middle;
            padding:0;
            width: 100%;
        }


            .recipes-details-heading h1 a {
                color: #fff;
                -webkit-transform: rotate(-1.5deg);
                transform: rotate(-1.5deg);
                display: inline-block;
            }

    .details-heading-1 {
        background: url("/assets/images/heart-bg-1.png") no-repeat center center;
        display: table;
        margin-top: 0px;
        font-weight:bold;
    }

    /*---- Heading 2 -----*/


        .details-heading-2 h1 {
            background: rgba(0, 0, 0, 0) url("/assets/images/green-strip-detail.png") no-repeat scroll center bottom;
            display: table-cell;
            padding: 10px 0 0;
            font-weight:bold;
            vertical-align: middle;
        }

            .details-heading-2 h1 a {
                -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
                font-size: 30px;
            }

    /*---- Heading 3 -----*/

    .details-heading-3 {
        background: url("/assets/images/heart-bg-3.png") no-repeat center center;
        display: table;
        height: 156px;
    }

        .details-heading-3 h1 {
            background: url("/assets/images/blue-strip-detail.png") no-repeat center center;
        }

            .details-heading-3 h1 a {
                -webkit-transform: rotate(3deg);
                transform: rotate(3deg);
            }

    /*---- recipes-details-slider -----*/

    .recipes-details-slider {
        float: left;
        width: 100%;
        margin: 30px auto 0;
    }

    .flexslider-list {
        float: left;
        margin: 0 3% !important;
        width: 94%;
    }

        .flexslider-list ul.slides li {
            width: 120px !important;
            margin-right: 13px;
        }

    .main-image .flex-direction-nav {
        display: none;
    }

    /*---- recipes-slider-contant ----*/

    .recipes-slider-contant h3 {
        color: #c40045;
        font-size: 14px;
    }

    .recipes-slider-contant ul li {
        color: #434343;
        font-size: 14px;
    }

    /*----- rate-recipes -------*/

    .rate-recipes {
        float: left;
        width: 100%;
    }

        .rate-recipes ul {
            padding: 0px;
            float: left;
            width: 100%;
        }

        .rate-recipes li {
            float: left;
            margin-right: 5px;
            list-style: none;
        }

        .rate-recipes h3 {
            color: #c40045;
            margin-top: 0px;
            margin-bottom: 30px;
            font-size: 18px;
        }

    /*------ slider-panel --------*/

    /*.slider-panel {
        background: url("/assets/images/step-1-bg.png") no-repeat center top;
    }*/

    .slider-panel {
        float: left;
        width: 100%;
        /*min-height: 642px;*/
        position: relative;
        margin-top: 100px;
    }

    /*element.style {
    margin-top: 49px;
    padding: 30px;
}*/

    .carousel-details-contant {
        color: #fff;
        margin-top: 70px;
        padding: 20px 0;
    }

    .step-count {
        font-size: 22px;
        font-weight: bold;
        height: 37px;
        left: 0;
        padding: 0;
        text-align: center;
        top: -4px;
        z-index: 0;
        text-shadow: inherit;
        width: 100%;
    }

        .step-count span {
            color: #649c3c;
            position: absolute;
            right: 15%;
            top: 0;
        }

    .step-count-background {
        background: rgba(0, 0, 0, 0) url("/assets/images/backgroung-image.png") no-repeat scroll center top;
        text-align: center;
        top: -30px;
        width: 100%;
        position: absolute;
        left: 0;
        height: 155px;
        z-index: -1;
    }

    .slider-panel .left, .slider-panel .right {
        height: 30px;
        opacity: 1;
        width: 30px;
    }

    .slider-panel .left {
        left: 11%;
        top: -12px;
    }

    .slider-panel .right {
        right: 11%;
        top: -12px;
    }


    /*-------- body-header ----------*/

    .body-header {
        float: left;
        width: 100%;
        margin-top: 30px;
    }

        .body-header .back-to-recipes {
            font-weight: bold;
            font-size: 14px;
            color: #c40045;
        }

            .body-header .back-to-recipes span {
                display: inline-block;
                margin-right: 5px;
            }

    .facebook-share, .facebook-share:hover, .facebook-share:focus {
        background: #2a5e9d;
        color: #FFF;
        /*margin-right:5px;*/
        padding: 10px;
        font-size: 10px;
    }

    .btn-green, .btn-green:hover, .btn-green:focus {
        background: #649c3c;
        color: #FFF;
        margin-left: 5px;
        padding: 10px;
        border-radius: 0px;
        font-size: 12px;
    }

    .facebook-share span {
        margin-right: 5px;
    }

    .twitter-share, .twitter-share:hover, .twitter-share:focus {
        background: #00c2f5;
        color: #FFF;
        margin-right: 5px;
        padding: 10px;
        font-size: 10px;
    }

        .twitter-share span {
            margin-right: 5px;
        }

    .pinterest-share, .pinterest-share:hover, .pinterest-share:focus {
        background: #e4022d;
        color: #FFF;
        padding: 10px;
        margin-right: 5px;
        font-size: 10px;
    }

        .pinterest-share span {
            margin-right: 5px;
        }

    .body-header .text-center span {
        font-weight: bold;
        margin-right: 5px;
        font-size: 14px;
        color: #c40045;
    }

    /*------- Containers ---------*/

    .main-heading-container {
        width: 100%;
        max-width: 1075px;
        margin: auto;
    }

    .main-body-container {
        width: 100%;
        max-width: 970px;
        margin: auto;
    }

    .submit-your-recipe h1 {
        background: url(/assets/images/submit.png) center center no-repeat;
        padding-top: 173px;
    }

    .navbar-default .navbar-nav > li > a span img, .navbar-default .navbar-nav > li > a:focus span img {
        display: inline-block;
    }

    .details-nav-panel ul li {
        list-style: none;
        float: left;
    }

        .details-nav-panel ul li > div {
            padding: 10px 15px;
        }

    ul.slides {
        overflow: hidden;
        float: left;
    }

    ul li {
        list-style: none !important;
    }

    body {
        color: #666666 !important;
        font-family: "open_sansregular" !important;
        font-size: 14px !important;
        font-weight: normal !important;
        line-height: 25px;
    }

    p {
        line-height: 23px !important;
    }

        p strong {
            font-family: "open_sansbold";
            font-size: 16px;
            font-weight: normal;
        }

        p a {
            color: #649c3c;
        }

    .welcome {
        display: none;
    }

    .table-bordered thead tr th {
        font-family: "open_sansbold";
        font-size: 16px;
        font-weight: normal;
    }

    .bullets-list li {
        line-height: 26px;
        margin-bottom: 10px;
    }

    .order-list li {
        margin-bottom: 7px;
    }

    .cc-cookies {
        background: #c30046 none repeat scroll 0 0 !important;
        font-family: "open_sansregular" !important;
        font-size: 14px !important;
        font-weight: normal !important;
    }

    a:focus, a:active:focus, ul li a:focus, ul li a:active:focus, button:focus, .btn:active:focus, a:hover, ul li a:hover {
        outline: medium none;
        text-decoration: none;
    }

    *::-moz-selection {
        background: #649c3c none repeat scroll 0 0;
        color: #fff;
    }

    #mainSection {
        float: left;
        position: relative;
        width: 100%;
    }

    .mb0 {
        margin-bottom: 0 !important;
    }

    .mb10 {
        margin-bottom: 10px !important;
    }

    .mb15 {
        margin-bottom: 15px !important;
    }

    .mb30 {
        margin-bottom: 30px !important;
    }

    .slider-home {
        height: auto;
        position: relative;
        width: 100%;
    }

        .slider-home img {
            height: auto;
            width: 100%;
        }

    .inner-header .slider-home {
        min-height: 150px;
    }

    .inner-header .nav-container {
        background: rgba(0, 0, 0, 0) url("/assets/images/top-banner.jpg") repeat scroll 0 0;
    }

    .gradient-bg {
        background: rgba(255, 255, 255, 0.83) none repeat scroll 0 0;
    }

    .inner-header .gradient-bg {
        background: #fff none repeat scroll 0 0;
        position: relative;
    }

    .inner-header .gradient-bg {
        border-bottom: 5px solid #649c3c;
        padding-bottom: 0;
    }

    .inner-header .slider-home #carousel-example-generic {
        display: none;
    }

    .main-nav {
        float: right;
        padding-top: 35px;
        position: relative;
    }

    .nav-container {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 99;
    }

    .carousel-control.left, .carousel-control.right {
        background-image: none;
    }

        .carousel-control.left span, .carousel-control.right span {
            font-size: 35px;
            margin: 0;
        }

    .nav-container nav {
        margin-bottom: 0;
    }

    .navbar {
        border-radius: 0;
    }

    .navbar-default {
        background-color: transparent !important;
        border-color: transparent !important;
    }

    .navbar-brand {
        height: auto !important;
    }

    .navbar-default .navbar-nav > li > a {
        color: #649c3c;
        font-family: "museo900";
        font-size: 16px;
        font-weight: normal;
        padding: 0 5px 10px;
    }

        .navbar-default .navbar-nav > li > a span {
            display: block;
            opacity: 0;
            padding-bottom: 10px;
            text-align: center;
        }

            .navbar-default .navbar-nav > li > a span img {
                display: inline-block;
            }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #649c3c;
        }

            .navbar-default .navbar-nav > li > a:focus .pink-heart, .navbar-default .navbar-nav > li > a:hover .pink-heart {
                display: none;
            }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #c30046;
    }

        .navbar-default .navbar-nav > .active > a:hover .pink-heart, .navbar-default .navbar-nav > .active > a:focus .pink-heart {
            display: inline-block;
            opacity: 1;
        }

        .navbar-default .navbar-nav > .active > a .green-heart, .navbar-default .navbar-nav > .active > a:focus .green-heart, .navbar-default .navbar-nav > .active > a:hover .green-heart {
            display: none;
        }

        .navbar-default .navbar-nav > .active > a span, .navbar-default .navbar-nav > li > a:hover span, .navbar-default .navbar-nav > li > a:focus span {
            opacity: 1;
        }

    h1, h2, h3, h4, h5, h6 {
        font-family: "museo900";
        font-weight: normal;
    }

    .main-heading {
        color: #649c3c;
        display: inline-block;
        font-size: 36px;
        margin: 70px 0 30px;
        padding: 0 10px;
        text-align: center;
    }

    .container-details p {
        font-size: 16px;
        line-height: 30px !important;
        margin-bottom: 30px;
        text-align: center;
    }

    .product-details-panel {
        border-color: #649c3c;
        border-radius: 0;
        border-style: dashed;
        box-shadow: none;
        margin-bottom: 30px;
    }

        .product-details-panel .panel-heading {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border-bottom: 1px solid;
            border-color: #f4f7e8 #f4f7e8 -moz-use-text-color;
            border-radius: 0;
            color: #649c3c;
            margin: 0 15px;
            padding: 26px 5px;
        }

    .green-border {
        border: 1px solid #649c3c;
    }

    .mb0 {
        margin-bottom: 0 !important;
    }

    .product-details-panel .panel-title {
        font-size: 24px;
        letter-spacing: 1px;
    }

    .product-details-panel .panel-body p {
        margin-bottom: 30px;
    }

        .product-details-panel .panel-body p:last-child {
            margin-bottom: 0;
        }

    .nutrition-table {
        border: 0 none !important;
    }

        .nutrition-table thead tr th {
            background: #649c3c none repeat scroll 0 0;
            border-bottom: 1px solid #fff;
            color: #fff;
        }

        .nutrition-table > tbody > tr > td, .nutrition-table > tbody > tr > th, .nutrition-table > tfoot > tr > td, .nutrition-table > tfoot > tr > th, .nutrition-table > thead > tr > td, .nutrition-table > thead > tr > th {
            border-color: #fff;
        }

        .nutrition-table > tbody > tr:nth-of-type(2n+1) {
            background: #f4f7e8 none repeat scroll 0 0;
        }

        .nutrition-table > tbody > tr:nth-of-type(2n+2) {
            background: #ecf1d8 none repeat scroll 0 0;
        }

    .hr-line {
        border-top: 1px solid #649c3c;
        margin-top: 40px;
        width: 100%;
    }

    .buy-table.table-lg thead tr th a {
        display: block;
        text-align: center;
    }

        .buy-table.table-lg thead tr th a img {
            display: inline-block;
        }

    .details-container {
        display: block;
        width: 100%;
    }

    .details-panel {
        background: #fff none repeat scroll 0 0;
        border: 1px solid #649c3c;
        min-height: 359px;
        padding-bottom: 0;
        position: relative;
    }

        .details-panel .absolute-bottom {
            bottom: 18px;
        }

    .news-img {
        min-height: 167px;
    }

    .details-panel h2 {
        background: #649c3c none repeat scroll 0 0;
        color: #fff;
        display: block;
        font-size: 23px;
        margin: 0 0 15px;
        padding: 10px 0;
        text-align: center;
    }

    .container-details p {
        text-align: center;
    }

    .details-panel h3 {
        color: #649c3c;
        display: block;
        font-size: 18px;
        margin: 0 0 30px;
        padding: 0;
        text-align: left;
    }

    .panel-content {
        padding: 0 15px;
    }

    #content {
        float: left;
        width: 100%;
    }

    .panel-content p, .panel-content img.img-responsive, .panel-content btn, .panel-content h3 {
        margin-bottom: 15px;
    }

    .news-image img {
        margin-bottom: 0 !important;
    }

    .panel-content a img {
        margin-bottom: 27px !important;
    }

    .pink-button, .pink-button:hover, .pink-button:focus {
        background: #649c3c none repeat scroll 0 0;
        border-radius: 0;
        color: #fff;
        font-family: "open_sansbold";
        font-size: 14px;
        min-width: 160px;
        outline: medium none;
    }

    .news-image {
        float: left;
        position: relative;
        width: 100%;
    }

        .news-image.no-padding {
            width: inherit;
        }

        .news-image .date {
            background: #649c3c none repeat scroll 0 0;
            color: #fff;
            margin-bottom: 0;
            padding: 12px 10px;
        }

    .date h2 {
        color: #fff;
        font-size: 42px;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .date h3 {
        color: #fff;
        font-size: 21px;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .no-padding {
        padding: 0 !important;
    }

    .arrow-icon {
        text-align: right;
    }

    .news-heading {
        background: #649c3c none repeat scroll 0 0;
        float: left;
        height: 100%;
        min-height: 167px;
        width: 100%;
    }

        .news-heading h1 {
            color: #fff;
            font-size: 48px;
            margin: 17px 0 9px;
            text-align: center;
        }

        .news-heading h2 {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            color: #fff;
            font-size: 24px;
            margin: 0;
            padding: 0;
            text-align: center;
        }

    .top-backbtn {
        float: right;
        margin-top: 24px;
    }

    .alerts-container {
        background: rgba(0, 0, 0, 0) url("/assets/images/alerts-bg.jpg") no-repeat scroll center center / cover;
        padding-bottom: 100px;
    }

    .follow-panel {
        background: #c30046 none repeat scroll 0 0;
        color: #fff;
        float: left;
        padding: 30px 0;
        position: relative;
        text-align: center;
        width: 100%;
    }

        .follow-panel h2 {
            color: #fff;
            font-size: 20px;
            margin: 0;
        }

        .follow-panel h2, .follow-panel p {
            margin-bottom: 30px;
        }

    .social-links a {
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 50%;
        display: inline-block;
        height: 40px;
        margin-right: 5px;
        text-decoration: none;
        width: 40px;
    }

        .social-links a.facebook {
            background: rgba(0, 0, 0, 0) url("/assets/images/facebook-icon.png") no-repeat scroll center center;
        }

        .social-links a.twitter {
            background: rgba(0, 0, 0, 0) url("/assets/images/twitter-icon.png") no-repeat scroll center center;
        }

        .social-links a:hover {
        }

    #ContactIframe {
        background-color: #fdfdf3;
        height: 1020px;
        width: 100%;
    }

    .video-panel iframe {
        border: medium none;
        height: 190px;
        width: 100%;
    }

    #footer::after {
        background: rgba(0, 0, 0, 0) url("/assets/images/fruit-strip.png") no-repeat scroll center top;
        content: "";
        height: 41px;
        left: 0;
        position: absolute;
        top: -41px;
        width: 100%;
    }

    #footer {
        background: #649c3c none repeat scroll 0 0;
        color: #fff;
        float: left;
        margin-top: 100px;
        position: relative;
        width: 100%;
    }

    .footer {
        float: left;
        padding: 20px 0;
        width: 100%;
    }

        .footer .copyright {
            float: left;
        }

        .footer .links {
            float: right;
        }

        .footer span {
            color: #fff;
        }

        .footer a {
            color: #f4cf05;
        }

            .footer a:hover {
                color: #fff;
            }

    .video-panel {
        margin: auto;
        padding: 0 15px 15px;
        text-align: center;
    }

    .product-video {
        height: 250px;
        width: 100%;
    }

    .main-container .image-panel:last-child {
        margin-bottom: 0;
    }

    .image-panel {
        background: #f2f2f2 none repeat scroll 0 0;
        border: 2px solid #bebebe;
        display: block;
        margin-bottom: 30px;
        text-align: center;
        width: 100%;
    }

        .image-panel img {
            display: inline-block;
        }

    .main-container p {
        margin-bottom: 30px;
    }

    .our-range-nav {
        margin-bottom: 50px;
    }

        .our-range-nav li a {
            border: 1px solid #649c3c;
            color: #649c3c;
            display: block;
            font-family: "museo900";
            font-size: 26px;
            font-weight: normal;
            padding: 10px 0;
            text-align: center;
        }

            .our-range-nav li a.active {
                background: #649c3c none repeat scroll 0 0;
                color: #fff;
            }

            .our-range-nav li a:hover, .our-range-nav li a:focus {
                background: #c30046 none repeat scroll 0 0;
                border: 1px solid #c30046;
                color: #fff;
            }

    .product-image {
        position: relative;
        text-align: center;
    }

    .img-product {
        bottom: -30px;
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
    }

    .product-image img {
        display: inline-block;
    }

    .product-details {
        margin-bottom: 30px;
        text-align: center;
    }

        .product-details h2 {
            color: #649c3c;
            font-size: 21px;
            margin-bottom: 28px;
            min-height: 50px;
        }

    .social-icons .social-media-icon {
        background-color: transparent;
        border: medium none;
        box-shadow: none;
        float: right;
    }

        .social-icons .social-media-icon:hover {
            background-color: transparent;
            border: medium none;
        }

    .social-icons .twitter-icon {
        background-image: url("../images/social-media-twitter.png");
        border: 1px solid #e8e8e8;
        box-sizing: border-box;
    }

        .social-icons .twitter-icon:hover {
            background-color: #00a0d1;
            border: 1px solid #00799e;
        }

    .social-icons .facebook-icon {
        background-image: url("../images/social-media-facebook.png");
        border: 1px solid #e8e8e8;
        box-sizing: border-box;
    }

        .social-icons .facebook-icon:hover {
            background-color: #3b5998;
            border: 1px solid #2d4373;
        }

    .social-icons > ul {
        background-color: #f3f3f3;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .social-media-icon {
        background-color: #fafafa;
        background-position: 0 -40px;
        background-repeat: no-repeat;
        border: 1px solid #f3f3f3;
        border-radius: 1px;
        box-shadow: 0 0 6px #e6e6e6 inset;
        display: inline-block;
        float: left;
        height: 40px;
        margin-left: 5px;
        text-indent: -9999px;
        transition: all 0.2s ease 0s;
        width: 40px;
    }

        .social-media-icon:hover {
            background-position: 0 0;
        }

    .img-overlay .social-media-icon {
        background-color: transparent;
        background-position: 0 0;
        border: medium none !important;
        box-shadow: none;
        display: inline-block;
        float: none;
    }

    .product-panel img {
        display: inline-block;
    }

    .product-panel {
        text-align: center;
    }

    .product-details-image img {
        display: inline-block;
    }

    .product-details-image {
        text-align: center;
    }

    .top-heading-backbtn {
        float: left;
        padding-top: 30px;
        width: 100%;
    }

    .top-backbtn-recipe {
        left: 0;
        position: relative;
        top: 40px;
    }

    .panel.panel-primary.recipes-details-panel {
        border: 0 solid;
        border-radius: 0;
    }

    .recipes-details-panel .panel-heading {
        background: #effbe6 none repeat scroll 0 0;
        border: 0 none;
        border-radius: 0;
        padding: 15px 10px;
    }

        .recipes-details-panel .panel-heading h3 {
            color: #649c3c;
            font-family: "museo900";
            font-size: 23px;
        }

    .recipes-details-panel .panel-body {
    }

    .recipes-nutrition-table > tbody > tr > td, .recipes-nutrition-table > thead > tr > th {
        border: 0 none;
        font-family: "open_sansregular";
        font-size: 16px;
    }

    .recipes-nutrition-table > thead > tr > th {
        background: #649c3c none repeat scroll 0 0;
        color: #fff;
        font-family: "open_sansbold";
    }

    .recipes-nutrition-table > tbody > tr:nth-of-type(2n+2) {
        background: #f7fff2 none repeat scroll 0 0;
    }

    .recipes-nutrition-table > tbody > tr:nth-of-type(2n+1) {
        background: #effbe6 none repeat scroll 0 0;
    }

    .new-details-img {
        padding: 15px 0;
        text-align: center;
    }

        .new-details-img img {
            display: inline-block;
        }

    .new-details-panel, .new-details-panel .panel-heading {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: 0 none;
    }

        .new-details-panel .panel-heading h3 {
            color: #649c3c;
            font-size: 23px;
        }

        .new-details-panel table > tbody > tr > td, .new-details-panel table > thead > tr > th {
            border: 0 none;
            font-family: "open_sansregular";
            font-size: 16px;
            text-align: left;
        }

        .new-details-panel table > thead > tr > th {
            background: #649c3c none repeat scroll 0 0;
            color: #fff;
            font-family: "open_sansbold";
        }

        .new-details-panel table > tbody > tr:nth-of-type(2n+2) {
            background: #fff none repeat scroll 0 0;
        }

        .new-details-panel table > tbody > tr {
            border-bottom: 1px solid #649c3c;
        }

    .where-to-by-mobile .table tbody tr td:first-child img {
        display: inline;
        width: 80px;
    }

    .m-top {
        margin-top: 20px;
    }

    .product-panel-main {
        min-height: 590px;
    }

    .product-detaial-main {
        margin-bottom: 30px;
        min-height: 650px;
    }

    .absolute-bottom {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
    }

    .social-icon-nav li:last-child {
        margin-right: 0;
    }

    .custom-pagination li a, .custom-pagination li a:hover {
        border-color: #649c3c;
        color: #649c3c;
    }

    .custom-pagination li:first-child a, .custom-pagination li:last-child a {
        border-color: #649c3c;
        border-radius: 0;
        color: #649c3c;
    }

    .custom-pagination li.active a, .custom-pagination li.active a:hover {
        background: #649c3c none repeat scroll 0 0;
        border-color: #649c3c;
        color: #fff;
    }

    .recipes-image {
        display: inline-block;
    }

    .green-btn, .green-btn:hover, .green-btn:focus {
        background: rgba(0, 0, 0, 0) url("/assets/images/button.png") no-repeat scroll center center / cover;
        border-radius: 0;
        color: #fff;
        display: inline-block;
        margin-top: 30px;
        padding: 10px 15px;
        position: relative;
    }

    .recipes-details {
        float: left;
        margin-bottom: 30px;
        width: 100%;
    }

        .recipes-details .recipes-image {
            border: 0 none;
            margin-bottom: 0;
            width: 100%;
        }

            .recipes-details .recipes-image img {
                min-width: 100%;
            }

        .recipes-details .panel.panel-primary.product-details-panel {
            border-color: #ffffff;
            margin: 0;
            padding: 0;
        }

    .border-right {
        border-right: 1px solid #649c3c;
    }

    .produc-listt ul li {
        color: #333333;
        margin-bottom: 7px;
        position: relative;
    }

    .new-recipes {
        border: 1px solid #649c3c;
        float: left;
        padding: 30px 15px;
        width: 100%;
    }

    .new-recipes {
        margin-bottom: 30px;
    }

        .new-recipes .product-details h2 {
            margin-bottom: 7px;
        }

        .new-recipes .product-details {
            margin-bottom: 0;
            text-align: left;
        }

            .new-recipes .product-details .green-btn {
                margin-top: 10px;
            }

    .social-banner {
        background: rgba(0, 0, 0, 0) url("/assets/images/social-banner-image.jpg") no-repeat scroll center center / cover;
        height: 126px;
        margin-top: 30px;
        padding: 40px 15px;
        width: 100%;
    }

    .social-nav h3 {
    }

    .social-nav ul li {
        float: left;
        margin-left: 10px;
    }

        .social-nav ul li a, .social-nav ul li a:hover {
            background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
            border-radius: 50%;
            padding: 0;
        }

    .social-nav h3 {
        color: #c56d3b;
        display: inline-block;
        font-size: 36px;
        margin: 4px 0 0;
        padding: 0;
    }

    .range-image {
        min-height: 335px;
        position: relative;
        text-align: center;
    }

        .range-image a {
            z-index: 99;
        }

        .range-image img {
            display: inline-block;
        }

    .range-details {
        margin-bottom: 30px;
        padding: 30px 0;
    }

        .range-details h2 {
            color: #649c3c;
            font-size: 23px;
            margin-bottom: 15px;
            text-align: center;
        }

        .range-details p {
            text-align: center;
        }

    .carousel-caption {
        height: 130px;
        left: auto;
        right: 22%;
        top: 20%;
    }

        .carousel-caption h3 {
            font-size: 30px;
        }

            .carousel-caption h3 > span {
                font-size: 54px;
            }

    .buy-table thead tr th {
        background: #fff none repeat scroll 0 0;
        border-top: 1px solid !important;
        color: #fff;
        font-size: 14px;
        padding: 15px 0;
    }

    .buy-table thead tr th, .buy-table tbody tr td {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #649c3c;
        border-image: none;
        border-style: none solid solid none;
        border-width: medium 1px 1px medium;
        color: #649c3c;
        font-family: "open_sansbold";
        font-size: 16px;
        text-align: center;
        vertical-align: middle;
        width: 10%;
    }

        .buy-table thead tr th:last-child, .buy-table tbody tr td:last-child {
            border-right: 0 none !important;
        }

    .buy-table tbody tr td {
        padding: 0 10px;
    }

    .buy-table tbody tr td {
        color: #649c3c;
    }

        .buy-table tbody tr td a {
            color: #649c3c;
        }

            .buy-table tbody tr td a h6 {
                font-size: 16px;
            }

            .buy-table tbody tr td a:hover h6 {
                text-decoration: underline;
            }

    .table-striped > tbody > tr:nth-child(2n+1) {
        background: #fff none repeat scroll 0 0;
    }

    .buy-table .gray-bg td {
        background: #fff none repeat scroll 0 0 !important;
        border-bottom: 1px solid #e7e7e7 !important;
        border-right: 0 none;
        padding: 15px 10px;
    }

    .gray-bg-sub {
        background-color: #649c3c;
        color: #fff;
    }

        .gray-bg-sub h5 {
            color: #fff;
        }

    .buy-table tr td:first-child {
        text-align: left;
        width: 26%;
    }

    .buy-table tbody tr td h5 {
        display: inline-block;
        font-size: 23px;
    }

    .buy-table .gray-bg td h5 {
        font-size: 48px;
        margin: 25px 0 0;
        padding-left: 10px;
        width: 100%;
    }

    .buy-table .gray-bg td {
        font-size: 14px;
    }

    .table-image {
        float: left;
        margin-right: 10px;
        padding: 4px;
        width: 300px;
    }

    .hartleys-button {
        display: inline-block;
        margin: auto;
    }

    .button-left {
        background: rgba(0, 0, 0, 0) url("/assets/images/left-curve.png") no-repeat scroll left center;
        color: #fff;
        float: left;
        font-family: "open_sansbold";
        font-size: 16px;
        font-weight: normal;
        height: 50px;
        margin-top: -5px;
        min-width: 25px;
    }

    .button-right {
        background: rgba(0, 0, 0, 0) url("/assets/images/right-curve.png") no-repeat scroll right center;
        color: #fff;
        float: left;
        font-family: "open_sansbold";
        font-size: 16px;
        font-weight: normal;
        height: 50px;
        margin-top: 7px;
        min-width: 25px;
    }

    .button-center {
        background: rgba(0, 0, 0, 0) url("/assets/images/centre-img.png") repeat-x scroll left center;
        color: #fff;
        float: left;
        font-family: "open_sansbold";
        font-size: 16px;
        font-weight: normal;
        height: 46px;
        margin-top: 3px;
        padding: 11px 1px;
    }

    .hartleys-button:hover .button-left {
        background: rgba(0, 0, 0, 0) url("/assets/images/hov-left-curve.png") no-repeat scroll left center;
    }

    .hartleys-button:hover .button-right {
        background: rgba(0, 0, 0, 0) url("/assets/images/hov-right-curve.png") no-repeat scroll right center;
    }

    .hartleys-button:hover .button-center {
        background: rgba(0, 0, 0, 0) url("/assets/images/hov-centre-img.png") repeat-x scroll left center;
    }

    .btn-center {
        background: rgba(0, 0, 0, 0) url("/assets/images/centre-img.png") repeat-x scroll left center;
        color: #fff;
        display: inline-block;
        font-family: "open_sansbold";
        font-size: 16px;
        font-weight: normal;
        height: 62px;
        margin: 0 22px;
        min-width: 85px;
        padding: 18px 0;
    }

    .btn-left {
        background: rgba(0, 0, 0, 0) url("/assets/images/left-curve.png") no-repeat scroll left center;
        display: inline-block;
        height: 50px;
    }

    .btn-right {
        background: rgba(0, 0, 0, 0) url("/assets/images/right-curve.png") no-repeat scroll right center;
        display: inline-block;
        height: 74px;
    }

    a:hover .btn-center {
        color: #fff;
    }

    a:hover .btn-left {
        background: rgba(0, 0, 0, 0) url("/assets/images/hov-left-curve.png") no-repeat scroll left center;
    }

    a:hover .btn-right {
        background: rgba(0, 0, 0, 0) url("/assets/images/hov-right-curve.png") no-repeat scroll right center;
    }

    a:hover .btn-center {
        background: rgba(0, 0, 0, 0) url("/assets/images/hov-centre-img.png") repeat-x scroll left center;
    }

    a:hover .btn-center {
        color: #fff;
    }

    .btn-left-hover {
        background: rgba(0, 0, 0, 0) url("/assets/images/hov-left-curve.png") no-repeat scroll left center;
    }

    .btn-right-hover {
        background: rgba(0, 0, 0, 0) url("/assets/images/hov-right-curve.png") no-repeat scroll right center;
    }

    .btn-center-hover {
        background: rgba(0, 0, 0, 0) url("/assets/images/hov-centre-img.png") repeat-x scroll left center;
    }

    .hidden-hoverbutton {
        display: block;
        height: 0;
        width: 0;
    }

    .social-nav {
    }

    .social-icon-nav {
        float: right;
        margin-left: 10px;
        margin-top: 24px;
    }

        .social-icon-nav li {
            float: left;
            margin-right: 5px;
        }

            .social-icon-nav li a.facebook-icon {
                background: rgba(0, 0, 0, 0) url("/assets/images/mob-social-media-facebook.png") repeat scroll 0 -32px;
                border: 1px solid #649c3c;
                box-sizing: border-box;
                padding: 0;
            }

                .social-icon-nav li a.facebook-icon:hover {
                    background-color: #3b5998;
                    border: 1px solid #3b5998;
                }

            .social-icon-nav li a.twitter-icon {
                background: rgba(0, 0, 0, 0) url("/assets/images/mob-social-media-twitter.png") repeat scroll 0 -32px;
                border: 1px solid #649c3c;
                box-sizing: border-box;
                padding: 0;
            }

                .social-icon-nav li a.twitter-icon:hover {
                    background-color: #00a0d1;
                    border: 1px solid #00a0d1;
                }

            .social-icon-nav li a.instagram-icon {
                background: rgba(0, 0, 0, 0) url("/assets/images/mob-social-media-instagram.png") repeat scroll 0 -36px;
                border: 1px solid #649c3c;
                box-sizing: border-box;
                padding: 0;
            }

                .social-icon-nav li a.instagram-icon:hover {
                    background-color: #517fa4;
                    background-position: 0 4px;
                    border: 1px solid #517fa4;
                }

            .social-icon-nav li a.pintrest-icon {
                background: rgba(0, 0, 0, 0) url("/assets/images/mob-social-media-pintrest.png") repeat scroll 0 -35px;
                border: 1px solid #649c3c;
                box-sizing: border-box;
                padding: 0;
            }

                .social-icon-nav li a.pintrest-icon:hover {
                    background-color: #bc0e14;
                    background-position: 0 4px;
                    border: 1px solid #bc0e14;
                }

            .social-icon-nav li a.youtube-icon {
                background: rgba(0, 0, 0, 0) url("/assets/images/mob-social-media-youtube.png") repeat scroll -1px -35px;
                border: 1px solid #649c3c;
                box-sizing: border-box;
                padding: 0;
            }

                .social-icon-nav li a.youtube-icon:hover {
                    background-color: #d72a25;
                    background-position: -1px 4px;
                    border: 1px solid #d72a25;
                }

            .social-icon-nav li a {
                height: 32px;
                transition: all 0.2s ease 0s;
                width: 32px;
            }

                .social-icon-nav li a:hover {
                    background-position: 0 0;
                    transition: all 0.2s ease 0s;
                }

    .absolute-date {
        background: #649c3c none repeat scroll 0 0;
        color: #fff;
        left: 0;
        padding: 10px 30px;
        position: absolute;
        top: 0;
    }

    .print-image {
        display: none;
    }

    .table-responsive {
        border: 0 solid;
    }

    .advice-categories .date {
        margin-top: 5px;
        min-height: 185px;
        padding-top: 40px;
    }

    .details-heading h2 {
        color: #649c3c;
        font-family: "open_sansbold";
        margin: 25px 0;
    }

    .news-details-image {
        margin-bottom: 30px;
        position: relative;
    }

    .news-details-panel h5 {
        background: #f4f7e8 none repeat scroll 0 0;
        display: inline-block;
        font-family: "open_sansregular";
        font-size: 16px;
        font-weight: normal;
        margin: 15px 0 10px;
        padding: 7px 15px;
    }

        .news-details-panel h5 span {
            color: #649c3c;
        }

    .news-detials-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }

        .news-detials-content p a, news-detials-content a {
            color: #649c3c;
            font-size: 16px;
        }

    a.hover-underline:hover h5 {
        text-decoration: underline !important;
    }

    .social-banner .social-nav ul li {
        background-position: center 0;
        border-radius: 50%;
        cursor: pointer;
        height: 45px !important;
        overflow: hidden !important;
        transition: all 0.4s ease 0s;
        width: 45px !important;
        z-index: 9999;
    }

        .social-banner .social-nav ul li:hover {
            background-position: center -40px;
        }

    .facebook-bg {
        background: #3b5998 url("/assets/images/social-icons/social-media-facebook.png") repeat scroll center 0;
        border: 1px solid #2d4373;
    }

        .facebook-bg a {
            height: 45px !important;
            opacity: 0;
            width: 45px !important;
        }

        .facebook-bg span {
            height: 45px !important;
            width: 45px !important;
        }

        .facebook-bg:hover {
            background-color: #3b5998;
            background-position: 0 -40px;
            border: 1px solid #2d4373;
            transition: all 0.2s ease 0s;
        }

    .pinit-bg {
        background: #cd2129 url("/assets/images/social-icons/social-media-pinterest.png") no-repeat scroll center 0;
        border: 1px solid #7d0000;
    }

        .pinit-bg:hover {
            background-position: 0 -40px;
        }

    ul li.pinit-bg a {
        height: 45px !important;
        opacity: 0;
        width: 45px !important;
    }

    .twitter-bg {
        background: #2aa9e0 url("/assets/images/social-icons/social-media-twitter.png") no-repeat scroll center 0;
        border: 1px solid #00587e;
        transition: all 0.2s ease 0s;
    }

        .twitter-bg iframe {
            margin-top: 6px;
            opacity: 0;
            width: 45px !important;
        }

        .twitter-bg a {
            background-color: transparent !important;
            height: 45px !important;
            width: 45px !important;
        }

    .gmail-bg a {
        background-color: transparent !important;
        height: 45px !important;
        width: 45px !important;
    }

    .gmail-bg {
        background: #ce3d2a url("/assets/images/social-icons/social-media-google.png") no-repeat scroll center 0;
        border: 1px solid #7e0e00;
    }

        .gmail-bg div {
            margin-top: 6px !important;
            opacity: 0;
            width: 45px !important;
        }

    .mail-box {
        background: #6daeb1 url("/assets/images/social-icons/social-media-email.png") no-repeat scroll center 0;
        border: 1px solid #027c82;
    }

        .mail-box:hover {
            background-position: 0 -40px;
        }

        .mail-box a {
            cursor: pointer;
            height: 45px;
            width: 45px;
        }

    .print-bg {
        background: #a1c435 url("/assets/images/social-icons/social-media-print.png") no-repeat scroll center 0;
        border: 1px solid #5b7800;
    }

        .print-bg:hover {
            background-position: 0 -40px;
        }

        .print-bg a {
            cursor: pointer;
            height: 45px;
            width: 45px;
        }

    .mobil-video {
        display: none;
    }

        .mobil-video iframe {
            height: 200px;
            width: 100%;
        }

    .youtube {
        background-position: center center;
        background-repeat: no-repeat;
        cursor: pointer;
        display: block;
        float: left;
        margin-bottom: 24px;
        overflow: hidden;
        position: relative;
        transition: all 200ms ease-out 0s;
    }

        .youtube .play {
            background-attachment: scroll;
            background-clip: border-box;
            background-color: rgba(0, 0, 0, 0);
            background-image: url("/assets/images/mobile-image.png");
            background-origin: padding-box;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover !important;
            height: 100%;
            opacity: 1;
            position: absolute;
            transition: all 0.2s ease-out 0s;
            width: 100%;
        }

            .youtube .play:hover {
                opacity: 1;
            }

    .advice-categories {
        border-bottom: 1px solid #649c3c;
        float: left;
        padding: 50px 0 25px;
        width: 100%;
    }

    .news-categories-image {
        display: block;
        margin-top: 5px;
    }

    .advice-categories h4 {
        margin-top: 0;
    }

        .advice-categories h4 a {
            color: #649c3c;
            font-family: "museo900";
            font-size: 24px;
        }

    #block-health-advice-categories {
        border-bottom: 1px solid #649c3c;
    }

    .advice-categories h5 {
        background: #f4f7e8 none repeat scroll 0 0;
        display: inline-block;
        font-family: "open_sansregular";
        font-size: 16px;
        font-weight: normal;
        margin: 15px 0 10px;
        padding: 7px 15px;
    }

        .advice-categories h5 span {
            color: #649c3c;
        }

    .row:last-child .advice-categories {
        border-bottom: 0 none;
    }

    .details-panel {
        margin-top: 65px;
    }

    .back-to a .fa-arrow-right {
        display: inline-block;
        margin-left: 5px;
    }

    .accordion-toggle .glyphicon-triangle-bottom {
        display: none;
    }

    .accordion-toggle .glyphicon-triangle-top {
        display: block;
    }

    .where-to-by-mobile .collapsed .glyphicon-triangle-bottom {
        display: block;
    }

    .accordion-toggle.collapsed .glyphicon-triangle-top {
        display: none;
    }

    .news-over-view {
        padding: 30px 0 20px;
    }

    .where-to-by-mobile {
        position: relative;
    }

        .where-to-by-mobile .accordion1 {
            background: #effbe6 none repeat scroll 0 0;
            padding: 5px 15px 5px 5px;
        }

    .moblie-table thead tr th {
        font-family: "museo900";
    }

    .where-to-by-mobile .buy-table tr td:first-child {
        width: 10% !important;
    }

    .where-to-by-mobile .buy-table tr {
        background: #fff none repeat scroll 0 0 !important;
    }

    .accordion-body {
        margin-top: 30px;
        width: 100%;
    }

    .where-to-by-mobile .accordion1 h3 {
        color: #649c3c;
        display: inline-block;
        font-size: 18px;
        padding-top: 10px;
    }

    .where-to-by-mobile .accordion1 span {
        color: #649c3c;
        font-size: 18px;
        margin-top: 25px;
    }

    .accordion-group .panel-heading h3 {
        color: #fff !important;
        padding: 0 !important;
        width: 91%;
    }

    .accordion-group .panel-heading span {
        color: #fff !important;
        font-size: 18px !important;
        margin-top: 7px !important;
    }

    .where-to-by-mobile .table-image {
        width: 100px;
    }

    .where-to-by-mobile {
        display: none;
    }

    .table {
        border-collapse: collapse;
        position: relative;
        width: 100%;
    }

    .buy-table th, td {
        padding: 5px 0;
        text-align: center;
    }

    .fixed {
        border: medium none;
        display: none;
        position: fixed;
        top: 0;
        width: auto;
        z-index: 99;
    }

    .where-to-by-mobile .panel-heading {
        background: #649c3c none repeat scroll 0 0;
        border: 0 none #649c3c;
        border-radius: 0;
        box-shadow: none;
        color: #fff;
    }

        .where-to-by-mobile .panel-heading a h3 {
            font-size: 16px !important;
        }

    .accordion-group .panel-heading {
        margin-bottom: 10px;
    }

    .where-to-by-mobile .panel-heading h3 {
        font-size: 20px;
        margin: 0;
        padding: 0;
    }

    .where-to-by-mobile .panel-body {
        padding: 5px;
    }

    .where-to-by-mobile .panel-heading a {
        color: #fff;
    }

    .where-to-by-mobile .panel.panel-default {
        border-color: #649c3c;
        border-radius: 0;
        box-shadow: none;
    }

    .moblie-table {
        border: 1px solid #e8e8e8;
    }

        .moblie-table tbody tr td {
            padding: 10px 15px !important;
        }

    .navbar-default .navbar-nav > .active > a:hover .pink-heart:focus {
        display: inline-block;
        opacity: 1;
    }

    .m-top1 {
        margin-top: 43px;
    }

    .social-banner.bg-none {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        height: auto !important;
        margin: 0;
        min-height: initial;
        padding: 0;
    }

    .news-contant {
        min-height: 206px;
        position: relative;
        width: 100%;
    }

    .text-justified {
        text-align: justify;
    }

    p.back-to {
        margin-top: 30px;
    }

    .cd-top {
        background: rgba(100, 156, 60, 0.8) url("/assets/images/cd-top-arrow.svg") no-repeat scroll center 50%;
        bottom: 40px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        display: inline-block;
        height: 40px;
        opacity: 0;
        overflow: hidden;
        position: fixed;
        right: 10px;
        text-indent: 100%;
        transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
        visibility: hidden;
        white-space: nowrap;
        width: 40px;
    }

        .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
            transition: opacity 0.3s ease 0s, visibility 0s ease 0s;
        }

        .cd-top.cd-is-visible {
            opacity: 1;
            visibility: visible;
        }

    .my-sticky-element {
        background: #effbe6 none repeat scroll 0 0;
    }

    #recentPosts li {
        display: none;
    }

    #loadMore {
        color: green;
        cursor: pointer;
    }

        #loadMore:hover {
            color: black;
        }

    #showLess {
        color: red;
        cursor: pointer;
    }

        #showLess:hover {
            color: black;
        }

    .blog-slider .carousel-indicators {
        bottom: 0;
        margin-bottom: 0;
    }

        .blog-slider .carousel-indicators li {
            background: rgba(0, 0, 0, 0) url("/assets/images/bottom-carousel-slide-without-filled-heart-icon.png") no-repeat scroll center center;
            border: 0 none;
            border-radius: 0;
            height: 25px;
            margin: 0;
            padding: 0;
            width: 25px;
            z-index: 99;
        }

        .blog-slider .carousel-indicators .active {
            background: rgba(0, 0, 0, 0) url("/assets/images/bottom-carousel-slide-filled-heart-icon.png") no-repeat scroll center center;
            border: 0 none;
            border-radius: 0;
            height: 25px;
            margin: 0;
            padding: 0;
            width: 25px;
            z-index: 99;
        }

    .purple-border {
        background: rgba(0, 0, 0, 0) linear-gradient(to left, #fdfcfc, #8330ff, #fdfcfc) repeat scroll 0 0;
        display: block;
        float: left;
        height: 10px;
        margin: 10px 0 30px;
        width: 100%;
    }

    .skyblue-border {
        background: rgba(0, 0, 0, 0) linear-gradient(to left, #fdfcfc, #04c7ff, #fdfcfc) repeat scroll 0 0;
        display: block;
        float: left;
        height: 10px;
        margin: 30px 0;
        width: 100%;
    }

    .green-gradient-border {
        background: rgba(0, 0, 0, 0) linear-gradient(to left, #fdfcfc, #669d3f, #fdfcfc) repeat scroll 0 0;
        display: block;
        float: left;
        height: 10px;
        margin: 00px 0  50px !important;
        width: 100%;
    }

    .col-md-6.visible-md.visible-lg {
        display: none;
    }

    .blog-slider .left-arrow, .blog-slider .right-arrow {
        height: 96px;
        opacity: 1;
        top: 50%;
        width: 60px;
    }

    .blog-slider .left-arrow {
        background: rgba(0, 0, 0, 0) url("/assets/images/left-arrow.png") no-repeat scroll center center;
        z-index: 999;
    }

    .blog-slider .right-arrow {
        background: rgba(0, 0, 0, 0) url("/assets/images/right-arrow.png") no-repeat scroll center center;
        z-index: 999;
    }

    .blog-slider .slider-detials {
        color: #fff;
        height: auto;
        left: 0;
        padding-top: 0;
        position: absolute;
        text-align: center;
        top: 0;
        width: 100%;
        z-index: 99;
    }

        .blog-slider .slider-detials img {
            display: inline-block;
        }

    .slider-detials h2 {
        background: rgba(0, 0, 0, 0) url("/assets/images/carousel-blue-strip.png") no-repeat scroll center center;
        font-family: "club_type_mercurius_blackRg";
        font-size: 41px;
        line-height: 85px;
        margin: -20px 0 0;
        padding: 10px;
        transform: rotate(3deg);
    }


    .recipes-heading {
        background: rgba(0, 0, 0, 0) url("/assets/images/heading-bg-01.png") no-repeat scroll center center / cover;
        height: 284px;
        text-align: center;
    }

        .recipes-heading h1 {
            background: rgba(0, 0, 0, 0) url("/assets/images/wobbilicious-recipes-heading-image.png") no-repeat scroll center center;
            color: #fff;
            font-family: "club_type_mercurius_blackRg";
            font-size: 56px;
            min-height: 284px;
            padding-top: 113px;
            text-transform: uppercase;
        }

            .recipes-heading h1 span {
                display: block;
                font-size: 36px;
                margin-top: 19px;
            }

    .recipes-heading-02 {
        background: rgba(0, 0, 0, 0) url("/assets/images/heading-bg-02.png") no-repeat scroll center center;
        height: 284px;
        text-align: center;
    }

        .recipes-heading-02 h1 {
            background: rgba(0, 0, 0, 0) url("/assets/images/see-more-graphic-image.png") no-repeat scroll center center;
            color: #fff;
            font-family: "club_type_mercurius_blackRg";
            font-size: 40px;
            min-height: 280px;
            padding-top: 147px;
            text-transform: uppercase;
        }

            .recipes-heading-02 h1 a {
                color: #fff;
            }

            .recipes-heading-02 h1 span {
                display: block;
                font-size: 40px;
                margin-top: 5px;
            }

    .recipes-body {
        background: rgba(0, 0, 0, 0) url("/assets/images/blog-bg.png") repeat-y scroll center top / 100% auto;
    }

    .product-recipes {
        margin-bottom: 30px;
        position: relative;
    }

    .recipes-body .product-img {
        border-color: transparent;
        border-style: solid;
        border-width: 4px;
    }

        .recipes-body .product-img img {
            border-color: transparent;
            border-style: solid;
            border-width: 4px;
            width: 100%;
            z-index: 0;
        }

    .recipes-list li .recipes-name {
        bottom: 0;
        color: #fff;
        display: table;
        height: 106px;
        padding: 10px 15px 20px;
        position: absolute;
        width: 100%;
        z-index: 99;
    }

        .recipes-list li .recipes-name h3 {
            display: table-cell;
            font-family: "Raleway Webfont";
            font-size: 20px;
            margin: 0;
            text-align: center;
            vertical-align: middle;
        }

        .recipes-list li .recipes-name a {
            color: #fff;
        }

    .recipes-list li:nth-child(6n-11) .product-img {
        border-color: #ff3811;
    }

        .recipes-list li:nth-child(6n-11) .product-img img {
            border-color: #ff3811;
            margin-left: 5px;
            transform: rotate(-1deg);
            width: 100%;
        }

    .recipes-list li:nth-child(6n-11) .recipes-name {
        background: rgba(0, 0, 0, 0) url("/assets/images/hartleys-strawberry-jelly-sponge-cake-blue-strip.png") repeat scroll 0 0;
    }

    .recipes-list li:nth-child(6n-10) .recipes-name {
        background: rgba(0, 0, 0, 0) url("/assets/images/hartleys-strawberry-jelly-sponge-cake-purple-strip.png") repeat scroll 0 0;
    }

    .recipes-list li:nth-child(6n-10) .product-img {
        border-color: #8be051;
    }

        .recipes-list li:nth-child(6n-10) .product-img img {
            border-color: #8be051;
            margin-left: 5px;
            transform: rotate(-1deg);
            width: 100%;
        }

    .recipes-list li:nth-child(6n-9) .recipes-name {
        background: rgba(0, 0, 0, 0) url("/assets/images/hartleys-strawberry-jelly-sponge-cake-pink-strip.png") repeat scroll 0 0;
    }

    .recipes-list li:nth-child(6n-9) .product-img {
        border-color: #66c9f3;
    }

        .recipes-list li:nth-child(6n-9) .product-img img {
            border-color: #66c9f3;
            margin-left: 5px;
            transform: rotate(-1deg);
            width: 100%;
        }

    .recipes-list li:nth-child(6n-8) .recipes-name {
        background: rgba(0, 0, 0, 0) url("/assets/images/hartleys-strawberry-jelly-sponge-cake-pink-strip.png") repeat scroll 0 0;
    }

    .recipes-list li:nth-child(6n-8) .product-img {
        border-color: #8be051;
    }

        .recipes-list li:nth-child(6n-8) .product-img img {
            border-color: #8be051;
            margin-left: 5px;
            transform: rotate(-1deg);
            width: 100%;
        }

    .recipes-list li:nth-child(6n-7) .recipes-name {
        background: rgba(0, 0, 0, 0) url("/assets/images/hartleys-strawberry-jelly-sponge-cake-red-strip.png") repeat scroll 0 0;
    }

    .recipes-list li:nth-child(6n-7) .product-img {
        border-color: #66c9f3;
    }

        .recipes-list li:nth-child(6n-7) .product-img img {
            border-color: #66c9f3;
            margin-left: 5px;
            transform: rotate(-1deg);
            width: 100%;
        }

    .recipes-list li:nth-child(6n-6) .recipes-name {
        background: rgba(0, 0, 0, 0) url("/assets/images/hartleys-strawberry-jelly-sponge-cake-green-strip.png") repeat scroll 0 0;
    }

    .recipes-list li:nth-child(6n-6) .product-img {
        border-color: #ff3811;
    }

        .recipes-list li:nth-child(6n-6) .product-img img {
            border-color: #ff3811;
            margin-left: 5px;
            transform: rotate(-1deg);
            width: 100%;
        }

    .recipes-list li .recipes-name {
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100% auto !important;
        margin-left: -1px;
        width: 101.8%;
    }

    .details-nav-panel {
        float: left;
        width: 100%;
    }

    .details-nav li a, .details-nav li a:hover, .details-nav li a:focus {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    }



    .details-nav li {
        font-family: "museo900";
        font-size: 18px;
        text-align: center;
    }

        .details-nav li strong {
            display: block;
            font-weight: normal;
            margin-top: 3px !important;
        }

        .details-nav li span {
            margin-top: 12px;
        }

    .recipes-slider-contant {
        font-family: "open_sansregular";
        font-size: 18px;
    }

    .details-nav li > .nave-image > img {
        display: inline-block;
    }

   



    .nave-image .Recipe-average-rating > img {
        display: inline-block;
        margin-bottom: 13px;
        margin-top: 0px;
    }

    .recipes-details-heading {
        float: left;
        height: 140px;
        margin: 0 0 30px;
        text-align: center;
        width: 100%;
    }

        .recipes-details-heading h1 {
            display: table-cell;
            padding: 3px 0 13px;
            vertical-align: middle;
            width: 100%;
        }

            .recipes-details-heading h1 a {
                color: #fff;
                display: inline-block;
                transform: rotate(-1.5deg);
            }

    .details-heading-1 {
        background: rgba(0, 0, 0, 0) url("/assets/images/heart-bg-1.png") no-repeat scroll center center;
        display: table;
        margin-top: 40px;
    }

        .details-heading-1 h1 {
            background: rgba(0, 0, 0, 0) url("/assets/images/purple-strip-detail.png") no-repeat  100% 90%;
            font-weight:bold;
            font-size: 50px;
        }

    .details-heading-2 {
        background: rgba(0, 0, 0, 0) url("/assets/images/heart-bg-2.png") no-repeat scroll center center;
        display: table;
        
    }

    .recipes-details-heading h1 {
        font-family: "club_type_mercurius_blackRg";
        text-transform: uppercase;
    }

    .details-heading-2 h1 {
        background: rgba(0, 0, 0, 0) url("/assets/images/green-strip-detail.png") no-repeat scroll center bottom;
        background-size:100% auto;
        display: table-cell;
        vertical-align: top;
    }

        .details-heading-2 h1 a {
            font-weight:bold;
            font-size: 50px;
            transform: rotate(3deg);
        }

    .details-heading-3 {
        background: rgba(0, 0, 0, 0) url("/assets/images/heart-bg-3.png") no-repeat scroll center center;
        display: table;
        height: 156px;
    }

        .details-heading-3 h1 {
            background: rgba(0, 0, 0, 0) url("/assets/images/blue-strip-detail.png") no-repeat scroll center center;
            font-family: "club_type_mercurius_blackRg";
            font-size: 37px;
        }

            .details-heading-3 h1 a {
                transform: rotate(3deg);
            }

    .recipes-details-slider {
        float: left;
        margin: 30px auto 0;
        width: 100%;
    }

    .flexslider-list {
        float: left;
        margin: 0 3% !important;
        width: 94%;
    }

        .flexslider-list ul.slides li {
            margin-right: 13px;
            width: 84px !important;
        }

    .main-image .flex-direction-nav {
        display: none;
    }

    .recipes-slider-contant h3 {
        color: #c40045;
        font-size: 16px;
    }

    .recipes-slider-contant ul li {
        color: #434343;
        font-size: 16px;
    }

    .rate-recipes {
        float: left;
        width: 100%;
    }

        .rate-recipes ul {
            float: left;
            padding: 0;
            width: 100%;
        }

        .rate-recipes li {
            float: left;
            list-style: outside none none;
            margin-right: 5px;
        }

        .rate-recipes h3 {
            color: #c40045;
            font-size: 18px;
            margin-bottom: 30px;
            margin-top: 0;
        }

    /*.slider-panel {
        background: rgba(0, 0, 0, 0) url("/assets/images/step-1-bg.png") no-repeat scroll center top;
    }*/

    .slider-panel {
        float: left;
        margin-top: 100px;
        min-height: 342px;
        position: relative;
        width: 100%;
    }

    .carousel-details-contant p {
        text-align: center;
    }


    .carousel-details-contant {
        color: #fff;
        margin-top: 40px;
        padding: 20px 0;
    }

        .carousel-details-contant h3 {
            font-size: 14px;
        }

    .slider-panel .carousel-inner {
        min-height: 365px;
    }

    .step-count {
        font-family: "museo900";
        font-size: 28px;
        height: 37px;
        left: 0;
        padding: 0;
        text-align: center;
        text-shadow: inherit;
        top: 0;
        width: 100%;
        z-index: 0;
    }

        .step-count span {
            color: #ff3811;
            font-size: 22px;
            position: absolute;
            right: 15%;
            top: 0;
        }

    .step-count-background {
        background: rgba(0, 0, 0, 0) url("/assets/images/backgroung-image.png") no-repeat scroll center top;
        height: 155px;
        left: 0;
        position: absolute;
        text-align: center;
        top: -30px;
        width: 100%;
        z-index: -1;
    }

    .slider-panel .left, .slider-panel .right {
        height: 30px;
        opacity: 1;
        width: 30px;
    }

    .slider-panel .left {
        left: 11%;
        top: -12px;
    }

    .slider-panel .right {
        right: 11%;
        top: -7px;
    }

    
    .body-header {
        float: left;
        margin-top: 30px;
        width: 100%;
    }

        .body-header .back-to-recipes {
            color: #c40045;
            font-family: "museo900";
            font-size: 14px;
        }

            .body-header .back-to-recipes span {
                display: inline-block;
                margin-right: 5px;
            }

    .facebook-share, .facebook-share:hover, .facebook-share:focus {
        background: #2a5e9d none repeat scroll 0 0;
        color: #fff;
        font-family: "museo900";
        font-size: 12px;
        margin-right: 2px;
        padding: 10px;
    }

    .btn-green, .btn-green:hover, .btn-green:focus {
        background: #649c3c none repeat scroll 0 0;
        border-radius: 0;
        color: #fff;
        font-family: "museo900";
        font-size: 12px;
        margin-left: 5px;
        margin-top: -4px;
        padding: 8px 10px 9px;
    }

    .facebook-share span {
        margin-right: 5px;
    }

    .twitter-share, .twitter-share:hover, .twitter-share:focus {
        background: #00c2f5 none repeat scroll 0 0;
        color: #fff;
        font-family: "museo900";
        font-size: 12px;
        margin-right: 5px;
        padding: 10px;
    }

        .twitter-share span {
            margin-right: 5px;
        }

    .pinterest-share, .pinterest-share:hover, .pinterest-share:focus {
        background: #e4022d none repeat scroll 0 0;
        color: #fff;
        font-family: "museo900";
        font-size: 12px;
        margin-right: 5px;
        padding: 10px;
    }

        .pinterest-share span {
            margin-right: 5px;
        }

    .pinterest-share {
        cursor: pointer;
    }

    .body-header .text-center span {
        color: #c40045;
        font-family: "museo900";
        font-size: 14px;
        margin-right: 5px;
    }

    .main-heading-container {
        margin: auto;
        max-width: 1075px;
        width: 100%;
    }

    .main-body-container {
        margin: auto;
        max-width: 970px;
        width: 100%;
    }

    .submit-your-recipe h1 {
        background: rgba(0, 0, 0, 0) url("/assets/images/submit.png") no-repeat scroll center center;
        padding-top: 173px;
    }

    .navbar-default .navbar-nav > li > a span img, .navbar-default .navbar-nav > li > a:focus span img {
        display: inline-block;
    }

    .main-nav .collapse.navbar-collapse.navbar-header-collapse.navbar-right.pull-left ul li + li {
        margin-left: 10px;
    }

    .ending-line {
        border-top: 1px solid #e8e8e8;
        height: 11px;
        margin-top: 10px;
    }

    .back-to a {
        background-color: #fff;
        border: medium none;
        box-shadow: none !important;
        color: #649c3c;
        font-size: 16px;
        font-weight: bold;
        margin-top: 16px;
        outline: medium none !important;
    }

    .back-to .fa.fa-arrow-left {
        padding-right: 7px;
    }

    .back-to a:hover, .back-to a:focus, .back-to a:active {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        border: medium none;
        box-shadow: none;
        color: #3e4549;
        outline: medium none;
    }

    .mobile-image {
        display: none !important;
    }

    .cookies-table tr td {
        text-align: left;
    }

    .sf .news-contant {
        min-height: 225px;
        position: relative;
        width: 100%;
    }

    #content .container div .row .col-sm-12 p strong {
        display: inline-block;
        margin-top: 20px;
    }

    #content .container div .row .col-sm-12 p {
        margin-bottom: 5px;
    }

    .flex-active-slide {
        position: relative;
    }

    .pinit-icon {
        position: absolute;
        right: 30px;
        top: 5px;
    }

    /*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 * 
 */
    /* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
    @font-face {
        font-family: 'flexslider-icon';
        src: url('fonts/flexslider-icon.eot');
        src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    /* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
    .flex-container a:hover,
    .flex-slider a:hover,
    .flex-container a:focus,
    .flex-slider a:focus {
        outline: none;
    }

    .slides,
    .slides > li,
    .flex-control-nav,
    .flex-direction-nav {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .flex-pauseplay span {
        text-transform: capitalize;
    }
    /* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
    .flexslider {
        margin: 0;
        padding: 0;
    }

        .flexslider .slides > li {
            display: none;
            -webkit-backface-visibility: hidden;
        }

        .flexslider .slides img {
            width: 100%;
            display: block;
        }

        .flexslider .slides:after {
            content: "\0020";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    html[xmlns] .flexslider .slides {
        display: block;
    }

    * html .flexslider .slides {
        height: 1%;
    }

    .no-js .flexslider .slides > li:first-child {
        display: block;
    }

    .flexslider {
        margin: 0 0 20px;
        background: #ffffff;
        border: 4px solid #ffffff;
        position: relative;
        zoom: 1;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
    }

        .flexslider .slides {
            zoom: 1;
        }

            .flexslider .slides img {
                height: auto;
            }

    .flex-viewport {
        max-height: 2000px;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -ms-transition: all 1s ease;
        -o-transition: all 1s ease;
        transition: all 1s ease;
    }


    .flexslider.flexslider-list .flex-viewport {
        margin-left: 20px;
        max-height: 2000px;
        transition: all 1s ease 0s;
        width: 370px;
    }

    .loading .flex-viewport {
        max-height: 300px;
    }

    .carousel li {
        margin-right: 5px;
    }

    .flex-direction-nav {
        *height: 0;
    }

        .flex-direction-nav a {
            text-decoration: none;
            display: block;
            margin: 0;
            position: absolute;
            top: 40%;
            z-index: 10;
            overflow: hidden;
            cursor: pointer;
            color: rgba(0, 0, 0, 0.8);
        }

            .flex-direction-nav a:before {
                font-family: "flexslider-icon";
                font-size: 40px;
                display: inline-block;
                content: '\f001';
                color: rgba(0, 0, 0, 0.8);
                opacity: 0;
                text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
            }

            .flex-direction-nav a.flex-next:before {
                content: '\f002';
            }

    .flex-prev {
        width: 25px;
        height: 25px;
        left: -17px !important;
        background: url("/assets/images/left-slider-arrow.png") no-repeat center center;
    }

    .flex-next {
        width: 25px;
        height: 25px;
        background: url("/assets/images/right-slider-arrow.png") no-repeat center center;
        right: 5px !important;
    }

    .flex-direction-nav .flex-prev {
        left: -40px;
    }

    .flex-direction-nav .flex-next {
        right: -40px;
        text-align: right;
    }

    .flex-pauseplay a {
        display: block;
        width: 20px;
        height: 20px;
        position: absolute;
        bottom: 5px;
        left: 10px;
        opacity: 0.8;
        z-index: 10;
        overflow: hidden;
        cursor: pointer;
        color: #000;
    }

        .flex-pauseplay a:before {
            font-family: "flexslider-icon";
            font-size: 20px;
            display: inline-block;
            content: '\f004';
        }

        .flex-pauseplay a:hover {
            opacity: 1;
        }

        .flex-pauseplay a.flex-play:before {
            content: '\f003';
        }

    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: -40px;
        text-align: center;
    }

        .flex-control-nav li {
            margin: 0 6px;
            display: inline-block;
            zoom: 1;
            *display: inline;
        }

    .flex-control-paging li a {
        width: 11px;
        height: 11px;
        display: block;
        background: #666;
        background: rgba(0, 0, 0, 0.5);
        cursor: pointer;
        text-indent: -9999px;
        -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
        -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
        box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

        .flex-control-paging li a:hover {
            background: #333;
            background: rgba(0, 0, 0, 0.7);
        }

        .flex-control-paging li a.flex-active {
            background: #000;
            background: rgba(0, 0, 0, 0.9);
            cursor: default;
        }

    .flex-control-thumbs {
        margin: 5px 0 0;
        position: static;
        overflow: hidden;
    }

        .flex-control-thumbs li {
            width: 25%;
            float: left;
            margin: 0;
        }

        .flex-control-thumbs img {
            width: 100%;
            height: auto;
            display: block;
            opacity: .7;
            cursor: pointer;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -ms-transition: all 1s ease;
            -o-transition: all 1s ease;
            transition: all 1s ease;
        }

            .flex-control-thumbs img:hover {
                opacity: 1;
            }

        .flex-control-thumbs .flex-active {
            opacity: 1;
            cursor: default;
        }

    .slides li > img {
        width: 100%;
    }

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


    .flexslider.flexslider-list, .rate-recipes, .recipes-details-slider .row + row, .carousel-caption.step-count, .step-count-background {
        display: none !important;
        margin: 0px;
        padding: 0px;
        height: 0px;
        width: 0px;
    }

    .recipes-details-heading.details-heading-2 {
        background: none;
        
    }

    .slider-panel {
        margin-top: 0px;
    }

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

        .col-sm-4 col-sm-offset-1.col-md-offset-0.hidden-xs, .col-xs-8.col-xs-offset-2.col-md-offset-0.col-sm-6, .carousel-details-contant {
            float: left;
        }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
        padding-left: 15px;
        padding-right: 15px;
        overflow: hidden;
    }

    .slider-panel {
        background: none;
        float: left;
        width: 100%;
        margin-top: 10px;
    }

        .slider-panel .item {
            background: rgba(0, 0, 0, 0) url("/assets/images/step-1-bg.png") no-repeat center center;
            background-size: 100% 100%;
            float: left;
            width: 500px;
            margin-left:auto;
            margin-right:auto;
            margin-left:100px;
            height:auto;
            padding:5px 0 20px;
            margin-top:50px;
            position:relative;
        }


        .carousel-details-contant p {
            text-align: center;
            color: #c40045;
        }


    .slider-panel {
        position: relative;
        /*height: 600px !important;
        min-height: 600px !important;*/
    }

        .slider-panel .col-sm-4 {
            float: left;
            width: 40%;
            margin: 0px;
            padding: 0px;
        }

   

    .image-bg {
        background: url("/assets/images/image-bg.png") no-repeat center center;
        background-size: auto  100%;
        padding: 20px 15px;
        text-align: center;
        margin-top:15px;
        margin-left:50px;
       
    }

        .image-bg > .img-responsive {
            display: inline-block;
            width: auto;
            max-height: 70px;
            max-width: 70px;
        }
        

        .flexslider.main-image{
            min-height:300px;
        }

            .flexslider.main-image img {
                max-height: 200px !important;
                height: auto !important;
                min-height: inherit !important;
                max-width: 100% !important;
                width: auto !important;
            }


    .nave-image .Recipe-average-rating > img {
        display: inline-block;
        margin-bottom: 13px;
        margin-top: 0px;
    }

    .details-nav li strong {
        display: block;
        font-weight: normal;
        margin-top: 3px !important;
    }

    .details-nav li span {
        margin-top: 12px;
        font-size:14px !important;
    }
    
    .numbring-panel{
        position:absolute;
        margin-top:-38px;
        height:90px;
        width:100%;
        text-align:center;
        z-index:-1;
        margin-left:00px;
        font-size:14px;
        font-weight:bold;
        color:#fff;
        padding-top:20px;
        background: url("/assets/images/backgroung-image.png") no-repeat center top;
        background-size:100px auto;

    }


    h1, h2, h3, h4, h5, h6, p, span, label, strong, i, font {
        font-family:Arial !important;
    }

    .print-logo{
        text-align:center;
        margin:0px;
        padding:0px;
        border-bottom:5px solid #649c3c;
        padding-bottom:15px;
    }

    .print-logo img{
        display:inline-block;
    }

    .print-heading{
        margin:15px 0 !important;
        padding:0px !important;
        height:100px !important;
        background:none !important;
    }

    .recipes-details-heading.details-heading-2{
        margin:0px 0 20px !important;
       
    }
    .carousel-inner{
        overflow:visible !important;
        width:auto;
        height:auto;
    }
     .carousel-details-contant {
        margin:15px 0 0 !important;
        padding: 15px 0 0 15px !important;
        float:right;
        z-index:99;
        width: 100%;
    }

     .vertical-line{
         position:absolute;
         height:70%;
         margin-top:5%;
         width:3px;
         border:0px;
         left:43%;
         background:#fda16f;
     }

        .carousel-details-contant p {
            color: #fff;
        }

    .green-txt span {
        color: #649c3c;
        display: block;
        font-size: 20px;
        margin-top: -15px !important;
        padding-top: 0px !important;
    }

    .icon-image{
        min-height:70px;
    }

    .nave-image span {
        color: #c40045;
        display: block;
        font-size: 20px;
        margin: 0px !important;
        padding: 0px !important;
    }

    .top-panel {
        overflow: hidden;
    }

    .Recipe-average-rating > img {
        margin-top: 20px !important;
    }


    .print-page {
        /*height: 915px;*/
        margin-bottom:5px;
        overflow: hidden;
    }

    p, span, label, a, strong {
        font-size: 15px !important;
    }

    h1 a {
        font-size: 20px !important;
    }

    
    .details-heading-2 {
        background: rgba(0, 0, 0, 0) url("/assets/images/heart-bg-2.png") no-repeat center center;
        height:130px !important;
        line-height:100px !important;
        color:#000 !important;
        margin-top:0px !important;
        margin-bottom:0px  !important;
        padding:0px !important;
    }

    .recipes-details-heading.details-heading-2{
        margin:0px !important;
        padding:0px !important
    }

    .recipes-details-heading.details-heading-2 h1{
        margin:0px !important;
        padding:0px !important;
        padding-top:7px !important;
    }

    .recipes-details-heading.details-heading-2 + .slider-panel .item:first-child{
        margin-top:15px !important;

    }
    .print-heading h1{
        margin:0px !important;
        padding:0px !important;
        height:100px !important;
        background-size:100% 100% !important;
        
    }
    /*.print-page {
        page-break-before:always;
    }*/
        .print-page {
        page-break-after:always;
    }
            /*.print-page {
        height: 99%;    
    }*/
        /*.print-page:last-child {
        page-break-after:auto;
    }*/
     /*#Header, #Footer { display: none !important; }*/
    .nav-justified.details-nav {
        padding-left:0px;
    }

    .nav-justified.details-nav li {
        margin-right: 28px;
    }

        .nav-justified.details-nav li:last-child {
            margin-right: 0px;
        }

}