@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:    Food Fusion
Version:    1.0
Last change:    9.07.2017
Primary use:    Food Fusion Template
Author by: Umair Pervaiz Pasha
-------------------------------------------------------------------*/

/*@import url("../js/vendor/gmenu/css/component.css");*/

@font-face {
    font-family: 'gbold';
    src: url('../fonts/gotham/gotham-bold.eot');
    src: url('../fonts/gotham/gotham-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gotham/gotham-bold.woff2') format('woff2'),
    url('../fonts/gotham/gotham-bold.woff') format('woff'),
    url('../fonts/gotham/gotham-bold.ttf') format('truetype'),
    url('../fonts/gotham/gotham-bold.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gmedium';
    src: url('../fonts/gotham/gotham-medium.eot');
    src: url('../fonts/gotham/gotham-medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gotham/gotham-medium.woff2') format('woff2'),
    url('../fonts/gotham/gotham-medium.woff') format('woff'),
    url('../fonts/gotham/gotham-medium.ttf') format('truetype'),
    url('../fonts/gotham/gotham-medium.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'glight';
    src: url('../fonts/gotham/gotham-light.eot');
    src: url('../fonts/gotham/gotham-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gotham/gotham-light.woff2') format('woff2'),
    url('../fonts/gotham/gotham-light.woff') format('woff'),
    url('../fonts/gotham/gotham-light.ttf') format('truetype'),
    url('../fonts/gotham/gotham-light.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gregular';
    src: url('../fonts/gotham/gotham-regular.eot');
    src: url('../fonts/gotham/gotham-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/gotham/gotham-regular.woff2') format('woff2'),
    url('../fonts/gotham/gotham-regular.woff') format('woff'),
    url('../fonts/gotham/gotham-regular.ttf') format('truetype'),
    url('../fonts/gotham/gotham-regular.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==============================
   Page loader
   ============================== */

.page-loader {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fefefe;
    z-index: 100000;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.loader {
    /*animation: fadeIn 1s both infinite;
    width: 87px;
    height: 87px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    background-image: url('/wp-content/uploads/2017/02/logo.png');*/

    background-image: url('../img/new-loader.gif');
    width: 320px;
    height: 270px;
    z-index: 100001;
    text-indent: -12345px;
    position: absolute;
    top: 25%;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;


}

/*@-webkit-keyframes verticalBar {
    0%   {left:-10px; right:0px;}
    50%  {left:95px; right:95px;}
    100% {left:-10px; right:0px;}
}

@keyframes verticalBar {
    0%   {left:-10px; right:0px;}
    50%  {left:95px; right:95px;}
    100% {left:-10px; right:0px;}
}

.loader:after {
    content: "";
    position: absolute;
    border-right: 3px solid #000;
    top: 0;
    width: 2px;
    /*left: -10px;*/
right: 0;
bottom: 0;
transition: 0.5s;
left: -10px;
/*animation: verticalBar 2.5s infinite;*/
}
/*
main.css:169


/*.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.loader {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    font-size: 10px;
    text-indent: -12345px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 1px solid rgba(0, 0, 0, 0.5);

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;

    -webkit-animation: spinner 700ms infinite linear;
    -moz-animation: spinner 700ms infinite linear;
    -ms-animation: spinner 700ms infinite linear;
    -o-animation: spinner 700ms infinite linear;
    animation: spinner 700ms infinite linear;

    z-index: 100001;
}
*/
@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.placeholder p {
    color: #848484;
    margin: 10px 0;
    white-space: nowrap;
    width: 100%;
    animation: type 1s steps(60, end);
    text-align: center;
    font-size: 40px;
    text-transform: capitalize;
    font-family: "glight", sans-serif;
    overflow: hidden;
}

.placeholder p:nth-child(2) {
    animation: type2 8s steps(60, end);
}

.placeholder p a {
    color: lime;
    text-decoration: none;
}

.placeholder span {
    animation: blink 1s infinite;
}

.search-modal {
    z-index: 1000000;
}

.search-modal button svg {
    width: 40px;
    height: 40px;
}

@keyframes type {
    from {
        width: 0;
    }
}

@keyframes type2 {
    0% {
        width: 0;
    }
    50% {
        width: 0;
    }
    100% {
        width: 100px;
    }
}

@keyframes blink {
    to {
        opacity: .0;
    }
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
    font-family: 'gregular', sans-serif;
    font-size: 14px;
    height: 100%;
    margin: 0 auto;
    font-weight: normal;
    position: relative;
    background-color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    color: #333333;
    margin-bottom: 40px;
    line-height: 1.3;
    font-family: inherit;
}

h1 {
    font-size: 30px;
    font-weight: 700;
}

p {
    line-height: 1.3;
}

a:hover {
    text-decoration: none;
    color: #333333;
}

.font-regular {
    font-family: 'gregular', sans-serif;
}

.font-bold {
    font-family: 'gbold', sans-serif;
}

.font-medium {
    font-family: 'gmedium', sans-serif;
}

.font-light {
    font-family: 'glight', sans-serif;
}

.weight-one {
    font-weight: 100;
}

.weight-two {
    font-weight: 200;
}

.weight-three {
    font-weight: 300;
}

.weight-four {
    font-weight: 400;
}

.weight-five {
    font-weight: 500;
}

.weight-six {
    font-weight: 600;
}

.weight-seven {
    font-weight: 700;
}

.weight-eight {
    font-weight: 800;
}

.weight-nine {
    font-weight: 900;
}

.ads-1170x90 {
    height: 90px;
    width: 100%;
}

.circle-icon-large {
    bottom: 55px;
    right: -5px;
    top: inherit;
}

.circle-icon-large i {
    padding: 6px;
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

.circle-icon-regular i { /* padding: 5px; */
    display: inline-block;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #5d5d5d;
    font-size: 40px;
}

.background-one {
    background-color: #f7b030;
}

.background-two {
    background-color: #399e86;
}

.background-three {
    background-color: #c0ffff;
}

.background-four {
    background-color: #c0ffc0;
}

.background-five {
    background-color: #40c040;
}

.background-six {
    background-color: rgba(0, 0, 0, 0.20);
}

.color-one {
    color: #f7b030;
}

.color-two {
    color: #399e86;
}

.color-three {
    color: #333333;
}

.color-four {
    color: #ffffff;
}

.color-five {
    color: #999999;
}

.mtz {
    margin-top: 0 !important;
}

.mtzz {
    margin-top: -40px !important;
}

.mrz {
    margin-right: 0 !important;
}

.mvz {
    padding-left: 14px;
}

.pmr {
    padding-top: 18px;
!important;
}

.mlz {
    margin-left: 0 !important;
}

.plz {
    padding-left: 0 !important;
}

.prz {
    padding-right: 0 !important;
}

.heart-icon:hover i {
    background-color: #f7b030;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.is-twentyfive {
    font-size: 25px;
}

.gradient-one {
    background: -moz-linear-gradient(45deg, rgba(49, 70, 82, 1) 0%, rgba(48, 69, 81, 1) 1%, rgba(0, 8, 8, 0.5) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(49, 70, 82, 1)), color-stop(1%, rgba(48, 69, 81, 1)), color-stop(100%, rgba(0, 8, 8, 0.5))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(49, 70, 82, 1) 0%, rgba(48, 69, 81, 1) 1%, rgba(0, 8, 8, 0.5) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(49, 70, 82, 1) 0%, rgba(48, 69, 81, 1) 1%, rgba(0, 8, 8, 0.5) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(49, 70, 82, 1) 0%, rgba(48, 69, 81, 1) 1%, rgba(0, 8, 8, 0.5) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(49, 70, 82, 1) 0%, rgba(48, 69, 81, 1) 1%, rgba(0, 8, 8, 0.5) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000808', endColorstr='#314652', GradientType=1); /* ie6-9 */
}

.js-transparent {
    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
}

header {
    height: 206px;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    background-color: #ffffff;
    z-index: 99;
}

header.small-height {
    height: 90px;
}

header.small-height .logo {
    background-size: 76%;
    background-position-y: 6px;
}

header .topbar {
    background: #212121;
    padding: 17px 0;
    text-align: right;
}

header .topbar a {
    display: inline-block;
    text-decoration: none;
    color: #f7b030;
    font-size: 12px;
}

header .topbar a:nth-child(1)
{
    margin-right: 20px;
    color: #c9c9c9;
}

/*header .topbar a:nth-child(2):before {
    content: "";
    border-right: 1px solid rgba(171, 171, 171, 0.49);
    position: relative;
    right: 10px;
}*/

header .topbar a:hover {
    color: #ffffff;
}

header .uk-navbar-container:not(.uk-navbar-transparent) {
    background-color: transparent;
    height: 139px;
}

.uk-container.header {
    padding: 18px 0;
}

header .uk-navbar-right {
    padding: 40px 0 38px;
}

header .uk-subnav > * > {
    margin-bottom: 0;
}

header .uk-subnav > * > :first-child {
    color: #333333;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
}

header .uk-subnav > * > :first-child:hover {
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #f7b030;
}

header .humber-menu {
    background-image: url("../img/humber-icon.png");
    height: 22px;
    width: 24px;
    background-repeat: no-repeat;
    display: inline-block;
    border: none;
}

header .humber-menu + .uk-dropdown {
    width: 28%;
    padding: 0 0 0;
}

header .humber-menu + .uk-dropdown ul li {
    border-top: 1px solid #eeeeee;
}

/*header .humber-menu + .uk-dropdown  ul li:first-child{border-top: 1px solid #dadada;}*/
header .humber-menu + .uk-dropdown ul li a {
    color: #999;
    padding: 20px 10px 20px 30px;
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    box-sizing: border-box;
}

header .humber-menu + .uk-dropdown ul li a:hover {
    color: #f7b030;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

header .humber-menu + .uk-dropdown ul li.uk-active a {
    color: #f7b030;
}

header .humber-menu + .uk-dropdown ul li.uk-active {
    color: #f7b030;
    background-color: #f6f6f6;
}

header .humber-menu + .uk-dropdown ul li:hover {
    background-color: #f6f6f6;
}

header .humber-menu + .uk-dropdown ul.recipe-list-menu li a {
    display: block;
}

header .humber-menu + .uk-dropdown ul.recipe-list-menu li ul {
    /*padding-left: 0;*/
}

header .humber-menu + .uk-dropdown ul.recipe-list-menu li ul li a {
    font-size: 14px;
    display: block;
}

ul#menu-top-category-navigation-1 {
    margin-right: 10px;
    margin-top: 5px;
}

ul#menu-top-category-navigation-1 li a {
    padding: 10px;
    font-size: 14px;
    border-radius: 10px;
    transition: none;
    text-transform: uppercase;
}

ul#menu-top-category-navigation-1 li {
    position: relative;
}

ul#menu-top-category-navigation-1 > li > ul {
    position: absolute;
    /* padding: 0; */
    list-style: none;
    left: 20px;
    /* padding-top: 31px; */
    background: transparent;
    /* margin-top: -18px; */
    display: none;
    z-index: 10;
    border: 1px solid #ebebeb;
    background-color: #fff;
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,.08);
}

ul#menu-top-category-navigation-1 > li > ul li {
    margin: 0;
    display: block;
}

ul#menu-top-category-navigation-1 > li > ul a {
    background: #fff;
    margin: 0;
    padding: 12px;
    display: block;
    width: 160px;
    color: #212121;
    /* box-shadow: 5px 6px 10px rgba(0, 0, 0, 0.12); */
    transition: 0.5s;
    /* border-bottom: 1px solid #212121; */
    border-radius: 0;
    font-weight: 500 !important;
}

ul#menu-top-category-navigation-1 > li > ul a:hover {
    background-color: #f9b02f !important;
    color: #fff !important;
}

ul#menu-top-category-navigation-1 > li:hover > ul {
    display: block;
}
/* .uk-navbar-right .menu-item-has-children:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 10px;
    color: #f7b030;
    font-size: 10px;
    font-weight: 600;
    padding: 0px 3px;
    background-image: url(../img/logo.png);
    width: 14px;
    height: 14px;
} */
/*.uk-navbar-right .menu-item-has-children:after {
    content: '';
    position: relative;
    top: -13px;
    padding: 0px 3px;
    background-image: url(../img/down-arrow.png);
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: 45%;
    margin: 0 auto;
    display: block;
    background-position: 50%;
}*/

.uk-offcanvas-bar {
    background: rgba(255, 255, 255, 0.9);
    width: 30%;
}

header .logo {
    background-image: url("../img/logo.png");
    height: 126px;
    width: 126px;
    background-repeat: no-repeat;
    font-size: 0;
    display: inline-block;
    z-index: 100;
}



/*.uk-dropdown-nav { position: relative; }*/
/*.uk-dropdown-nav:after, .uk-dropdown-nav:before { bottom: 100%; left: 6%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }*/
/*.uk-dropdown-nav:after { border-color: rgba(136, 183, 213, 0); border-bottom-color: white; border-width: 8px; margin-left: -8px; }*/
/*.uk-dropdown-nav:before { border-color: rgba(221, 221, 221, 0); border-bottom-color: #dddddd; border-width: 10px; margin-left: -10px; }*/
/*#menu-top-category-navigation>* {padding: 0 15px;}*/
.uk-navbar-toggle.uk-search-icon.uk-icon svg {
    position: absolute;
    right: 0;
    color: rgba(255, 255, 255, .1);
    background: url("../img/s-icon.png");
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    /* margin-top: -10px; */
    transition: 0.7s;
    border-radius: 50%;
    box-sizing: border-box;
    background-position: 50% 50%;
}
/*.uk-navbar-toggle.uk-search-icon.uk-icon svg:hover {
    background-color: #f7b030;

}*/

/*popup form css*/
/*button{ background: #fff; border: 1px solid transparent; width: 120px; height: 50px; margin-left: 20px; margin-top:15px; color: #7D7769; }*/
/*button:hover{ background:#FBF7EF;}*/
/*button:focus{ border:1px solid rgba(255,109,46,0.6); box-shadow: 0 0 3px  rgba(255,109,46,0.6); outline: none; font-size: 1.1em; }*/
.fa-facebook {
    color: #4F79A7;
}

.fa-google-plus {
    color: #D64E3C;
}

.fa-twitter {
    color: #4ECDED;
}

.fa-facebook, .fa-google-plus, .fa-twitter {
    padding: 8px;
}

/*.like-recipe { color: #000000;}*/
.favorite.liked-recipe, .favorite.liked-recipe i {
    color: #f7b030 !important;
}

.uk-card-default .liked-recipe i {
    color: #fff;
    background-color: #f7b030
}

.uk-card-default {
    height: 100%;
}
.home .regular-box .uk-card-default {
    height: auto;
}
.home .regular-box .uk-grid-margin {
    margin-top: 35px;
}

/*popup form cs*/

/********************Sidebar Css*********************/
.hcol-one {
    max-height: 600px;
    background-color: #eeeeee;
    width: 100%;
    background-image: url("../img/hcol-banner.jpg");
    height: 350px;
    display: table;
    background-size: cover;
}

.hcol-one .content {
    text-align: center;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: inherit;
}

.hcol-one .content h1 {
    font-size: 28px;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    line-height: 1;
    margin-bottom: 0;
    text-shadow: 1px 1px 18px #000;
    text-transform: uppercase;
}

.hcol-one .content h1 span {
    display: block;
    font-size: 38px;
}

.hcol-one .content input, .hcol-one .content select {
    text-indent: 20px;
    height: 60px;
    background-color: #ffffff;
    border: transparent;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    font-size: 16px;
    color: #3a3a3a;
}

.hcol-one .content input {
    width: 510px;
    background-color: rgba(255, 255, 255, 0.95);
    border: 1px solid #f8b233;
    border-radius: 50px;
}

.hcol-one .content input, .hcol-one .content select:focus {
    outline-color: transparent;
}

.hcol-one .content select {
    width: 190px;
    color: #000;
}

.hcol-one .content select option {
}

.hcol-one .content button.find {
    height: 50px;
    width: 90px;
    background-color: #f7b030;
    outline: transparent;
    border-color: transparent;
    position: absolute;
    margin-top: 7px;
    margin-left: -98px;
    border-radius: 25px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
}

.hcol-one .content button.find:before {
    content: "";
    position: absolute;
    text-align: center;
    background-image: url(../img/search-icon.png);
    width: 24px;
    height: 23px;
    background-repeat: no-repeat;
    top: 30%;
    left: 38%;
    vertical-align: middle;
    display: block;
}

.hcol-two {
    margin: 60px 0 0px;
}

.hcol-two .most-recent-filer {
    float: right;
}

.hcol-two .most-recent-filer select {
    border: 1px solid #999999;
    width: 190px;
    height: 42px;
    color: #333333;
    text-indent: 10px;
    background-color: transparent;
}

.hcol-two .most-recent-filer select option {
    text-indent: 10px;
    line-height: 2;
    padding: 10px 20px;
}

.hcol-two .most-recent-filer select:focus {
    outline: transparent;
}

.uk-card-media-top img {
    width: 100%;
}

.regular-box .uk-card-body {
    padding: 20px 5px 15px 10px;
    /*padding: 15px 5px 15px 10px;*/
}

.regular-box .uk-card-media-top { /* width: 100%; */
    overflow: hidden;
}

/*.regular-box .uk-card-media-top img {
    transition: 0.7s;
    opacity: 1;

}
.regular-box .uk-card-media-top img:hover {
    opacity: 0.7;
    -webkit-transform:scale(1.2);
    transform:scale(1.2);

}
*/

.single .uk-card-body {
    padding: 20px 10px 20px 20px;
}

.single .uk-card-body h3 a {
    font-size: 24px;
    color: #333333;
    font-family: 'gregular', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
}

.single .uk-card-body .category-name {
    position: absolute;
    right: 0;
    font-size: 12px;
    color: #999999;
    bottom: 26px;
    padding-right: 15px;
    text-transform: uppercase;
}

.regular-box .uk-card-body a {
    font-size: 16px;
    color: #333333;
    font-family: 'gregular', sans-serif;
    margin-top: 0;
    font-weight: 700;
    text-transform: capitalize;
}

.regular-box .uk-card-body span {
    font-size: 10px;
    color: #999999;
    text-transform: uppercase;
}

.hcol-two .recipe-product .loading-more button {
    color: #ffffff;
    line-height: 49px;
    text-transform: inherit;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
    font-size: 16px;
    font-weight: 300;
    border-radius: 7px;
    font-family: Poppins, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    padding: 0 50px;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.hcol-two .recipe-product .loading-more button:hover {
    background-color: #363636;
}

.hcol-two .recipe-product .load-width button {
    width: 100%;
}

.hcol-two .check-boxes ul li {
    border-top: 1px solid #eeeeee;
    padding: 6px 0;
    position: relative;
}

.hcol-two .check-boxes ul li a {
    color: #999999;
    font-size: 14px;
}

.hcol-two .check-boxes ul li:hover {
    background-color: #eeeeee;
    color: black;
}

.hcol-two .check-boxes ul li:hover a {
    color: black;
}

.hcol-two .check-boxes ul {
    list-style: none;
    overflow: hidden;
    padding-left: 0;
    margin-top: 12px;
}

.hcol-two .check-boxes ul li a .checkbox-custom {
    opacity: 0;
    position: absolute;
}

.hcol-two .check-boxes ul li a .checkbox-custom, .checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.hcol-two .check-boxes ul li a .checkbox-custom-label {
    position: relative;
}

.hcol-two .check-boxes ul li a .checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: #ececec;
    border: 2px solid #ffffff;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
}

.hcol-two .check-boxes ul li a .checkbox-custom:checked + .checkbox-custom-label:before {
    background-color: #f9b131;
    border: 2px solid #eeeeee;
}

.hcol-two .main-box-panel {
}

.hcol-two .main-box-panel h4 {
}

.hcol-two .main-box-panel .panel-box .uk-panel {
    border-top: 1px solid #eeeeee;
    padding: 16px 0;
}

.hcol-two .main-box-panel .panel-box {
}

.hcol-two .main-box-panel .panel-box .uk-panel img {
    margin-right: 2px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 64px;
}

.hcol-two .main-box-panel .panel-box .uk-panel h3 span {
    font-size: 12px;
    color: #999999;
    display: inline-block;
    padding-left: 12px;
    padding-top: 30px;
    line-height: 0;
}

.hcol-two .main-box-panel .panel-box .uk-panel h5 {
    display: inline-block;
    padding-left: 12px;
    font-size: 15px;
}

/****************************** Side-bar css******************************/

footer {
    background-color: #363636;
    width: 100%;
    min-height: 300px;
    padding-top: 10px;
}

div#ff_footer_social_widget-3 ul {
    margin-top: 0;
}
div#ff_footer_social_widget-3 ul li a img {
    padding-right: 10px;
}

/*footer .row-one {border-bottom: 1px solid #333333 }*/
footer .row-one h6 {
    font-size: 20px;
    color: #f7b030;
    margin-right: 30px;
    display: inline-block;
    float: left;
    margin-bottom: 0;
}

footer .row-one ul {
    padding-left: 10px;
    margin-top: -8px;
}

footer .row-one ul, footer .row-one ul li {
    float: left;
    list-style-type: none;
    margin-right: 8px;
}

footer .row-one .submit-recipe {
    margin-top: -10px;
}

footer .row-one .submit-recipe i + span {
    color: #f7b030;
    display: flex;
    position: relative;
    left: 52px;
    top: -40px;
    font-size: 12px;
}

footer .row-one .submit-recipe span + a {
    color: #fff;
    display: flex;
    position: relative;
    left: 52px;
    top: -42px;
    font-size: 16px;
}

footer .row-one .submit-recipe .uk-float-right {
    position: relative;
    right: 55px;
}

footer .row-two .footer-about {
    /* margin-top: 20px; */
}

div#nav_menu-4 {
    margin-top: 60px;
}

footer .row-two .footer-about img {
    margin-right: 20px;
    margin: 0 auto;
    top: 0;
    left: 0;
    bottom: 0px;
    right: 0;
    float: none;
    position: absolute;
}

footer .row-two .footer-about p {
    color: #fefefe;
    width: 100%;
    float: left;
    line-height: 1.5;
    margin-top: 15px;
    text-align: left;
    box-sizing: border-box;
}

footer .qlinks h6 {
    font-size: 16px;
    color: #fff;
    margin-left: 30px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 15px;
}

footer .qlinks {
    margin-top: 25px;
}

footer .qlinks ul {
    width: 100%;
}

footer .qlinks ul li {
    margin-bottom: 10px;
}

footer .qlinks ul li a {
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

footer .qlinks ul li a:hover {
    color: #f7b030;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.youtube-footer:hover {
    color: #cf4c2c !important;
}
.facebook-footer:hover {
    color: #3a589b !important;
}
.twitter-footer:hover {
    color: #55acee !important;
}
.instagram-footer:hover {
    color: #3499cc !important;
}


footer .copyright {
    padding: 20px 0;
    border-top: 1px solid #333;
    margin-top: 15px;
    background-color: #fefefe;
}

footer .copyright .first-row {
    color: #000;
    padding-top: 6px;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    font-size: 16px;
}

footer .copyright .first-row a {
    color: #f7b030;
}

.copyright-text {
    width: 100%;
    text-align: center;
}

.footer-about {
    width: 100%;
    float: left;
    position: relative;
}

.footer-img {
    margin: 0 auto;
    width: 87px;
    float: none;
    position: relative;
}

.footer-about p {
    width: 100%;
    float: left;
    position: relative;
}
footer hr {
    border-color: #333333;
}

footer ul.footer-second-menu {
    padding: 20px 0;
}
footer .copyright ul.footer-second-menu {
    padding: 10px 0 0;
}

footer ul.footer-second-menu li {
    float: left;
    list-style-type: none;
    margin: 5px 6px;
}

footer ul.footer-second-menu li:first-child {
    margin-left: 0;
}
footer ul.footer-second-menu li:last-child {
    margin-right: 0;
}
footer ul.footer-second-menu li a {
    color: #fefefe;
    display: inline-block;
    text-transform: uppercase;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 500;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

footer ul.footer-second-menu li a:hover,
footer .copyright ul.footer-second-menu li a:hover {
    color: #f7b030;
}

footer .copyright ul.footer-second-menu li {
    float: none;
    display: inline-block;
}
footer .copyright ul.footer-second-menu li:after {
    content: "|";
    padding-left: 20px;
}
footer .copyright ul.footer-second-menu li:last-child:after {
    display: none;
}
footer .copyright ul.footer-second-menu li a {
    color: #000;
}

/* ==========================================================================
   Inside post's
   ========================================================================== */
.youtube-color {
    border-color: #dc212e !important;
    color: #dc212e;
}

.facebook-color {
    border-color: #4470ad !important;
    color: #4470ad;
}

.twitter-color {
    border-color: #01baf2 !important;
    color: #01baf2;
}

.insta-color {
    border-color: #444444 !important;
    color: #444444;
}

.recipe-post-one {
    /* margin-top: 60px; */
    /* margin-bottom: 60px; */
}

.recipe-post-one h1 {
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: 500;
    color: #000;
    margin: 0;
    line-height: 1.1;
    padding-top: 7px;
}

.postdate {
    margin-top: 15px;
    color: #999999;
}

.posttags {
    margin-top: 15px;
    color: #999999;
}

.horizontal-social {
    margin-top: 10px;
}

.horizontal-social a {
    margin-right: 10px;
}

.horizontal-social i {
    border: 1px solid #000;
    padding: 7px;
    font-size: 30px;
    border-radius: 100px;
    text-decoration: none;
}

.horizontal-social a:hover {
    text-decoration: none;
}

.recipe-post-one .recipe-video {
    width: 100%;
    overflow: hidden;
    margin-bottom: -15px;
}

.recipe-post-one .recipe-video video {
    width: 100%;
    height: auto;
}

.recipe-post-thumbnail {
    margin-top: 0;
    margin-left: 10px;
}

.recipe-post-thumbnail h6 {
    text-transform: capitalize;
    color: #999999;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: -5px;
    font-weight: 900;
    font-family: glight, sans-serif;
}

.recipe-post-thumbnail ul {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.recipe-post-thumbnail ul li {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 13px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.recipe-post-thumbnail ul li img {
    width: 100%;
}

.videoframe, .videoframe iframe {
    width: 85% !important;
    height: 500px;
}

{
    width: 85% !important
;
    height: 500px
;
}
.subscribe-box {
    background-image: url("../img/subcribe-background.jpg");
    height: 211px;
    background-repeat: no-repeat;
    width: 100%;
    background-position: right;
}

.subscribe-box h6 {
    padding: 20px 0 0 50px;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    font-family: 'gbold', sans-serif;
    margin-bottom: 0;
}

.subscribe-box p {
    padding: 20px 0 0px 50px;
    color: #fff;
    line-height: 1.2;
    margin-top: 0;
}

.subscribe-box form {
    margin-left: 44px;
    margin-top: 30px;
}

.subscribe-box input {
    text-indent: 10px;
    height: 42px;
    background-color: #ffffff;
    border: transparent;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    color: #3a3a3a;
    font-size: 14px;
    width: 60%;
}

.subscribe-box button.submit {
    height: 42px;
    background-color: transparent;
    outline: transparent;
    border: 1px solid #ffffff;
    margin-left: 5px;
    color: #fff;
    padding: 0 25px;
}

.subscribe-box button.submit:hover {
    background-color: #fb9a29;
}

.lbpf {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
    display: block;
    margin-bottom: 30px;
}

.lbpf .language {
    color: #878787;
    margin-left: 20px;
    font-size: 18px;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
}

.lbpf .uk-button {
    min-width: 90px;
    background-color: transparent;
    border: none;
    color: #878787;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-transform: none;
    line-height: 20px;
}

.lbpf .print, .lbpf .favorite {
    float: right;
    margin: 4px 12px;
    color: #999999;
    text-decoration: none;
    margin-right: 0;
}

.lbpf .print i, .lbpf .favorite i {
    /*font-size: 24px;
    position: relative;
    left: 0;
    top: 5px;*/
    font-size: 35px;
    position: relative;
    left: 0;
    top: 5px;
    border: 1px solid #999;
    padding: 10px;
    border-radius: 50%;
    transition: 0.8s;
}
.lbpf .print i:hover, .lbpf .favorite i:hover {
    color: #fff;
    background-color: #fb9a29;
    border: 1px solid #fb9a29;
}

.lbpf button.uk-active,
.lbpf button:hover {
    color: #fb9a29;
    background: transparent;
}

.lbpf a:hover {
    color: #fb9a29;
}

.lbpf button.uk-button.urdu.lang-switcher, 
.lbpf button.uk-button.english.lang-switcher {
    padding: 0;
}
.lbpf button.uk-button.english.lang-switcher:after {
    content: "/";
    padding-left: 30px;
    color: #878787;
}

.ads-370x250 {
    float: right;
    margin-top: 10px;
}

.ingredients h5 {
    font-family: 'gmedium', sans-serif;
    display: inline-block;
    margin-right: 15px;
    color: #333333;
    font-size: 24px;
    margin-bottom: 10px;
}

.ingredients span {
    color: #333333;
}

.buy-ingredients {
    top: -5px;
    position: relative;
    color: #fb9a29;
}

.buy-ingredients:hover {
    color: #999999;
}

.sponsored {
    position: relative;
    margin-top: 8px;
    margin-right: 0;
    float: right;
}

.sponsored span {
    font-size: 11px;
}

.buy-ingredients i {
    font-size: 36px;
    top: 6px;
    position: relative;
}

.line {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    display: block;
    margin-bottom: 40px;
}

.line:after {
    content: "";
    border-bottom: 3px solid #fb9a29;
    width: 100px;
    height: 0;
    display: block;
    position: relative;
    top: 7px;
}

.ingredients-section-list {
    background-color: #f5f5f5;
    border-top: 1px solid #f2f2f2;
    padding-top: 25px;
    padding-left: 15px;
}

.ingredients-section-list h4 {
    color: #333333;
    margin-right: 10px;
    font-weight: 900;
    margin-bottom: 0 !important;
    margin-top: 0;
    font-size: 16px;
}

.line-two {
    width: 100%;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    display: block;
    margin-bottom: 15px;
}

.ingredients-list {
    padding-left: 0;
    display: block;
    clear: both;
    margin-bottom: 30px;
    width: 100%;
    margin-top: 15px;
}

.ingredients-list li {
    list-style-type: none;
    width: 49%;
    float: left;
    margin-bottom: 13px;
    padding-left: 5px;
    display: inline-flex;
}

.ingredients-list li:before {
    content: "\e92f";
    font-family: 'icon-kit';
    font-size: 12px;
    left: -5px;
    position: relative;
}

.ingredients-list li a {
    color: #ba0000;
    margin-left: 4px;
}

.ingredients-list li a:hover {
    color: #fb9a29;
}

.directions-list {
    padding-left: 0;
}

.directions-list li {
    list-style-type: none;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    padding-left: 5px;
    display: inline-flex;
}

.directions-single {
    padding-left: 0;
}

.directions-single li {
    font-weight: 400;
    padding-left: 70px;
    margin-bottom: 15px;
    list-style-type: none;
    counter-increment: my-badass-counter;
    display: block;
}

.directions-single li p {
    text-align: left;
    display: inline;
    line-height: 0;
}

.directions-single li:before {
    color: #999999;
    content: counter(my-badass-counter);
    position: relative;
    margin-left: -70px;
    font-size: 24px;
    border: 1px solid #eee;
    background-color: #eee;
    border-radius: 50%;
    margin-right: 19px;
    width: 50px;
    display: inline-block;
    text-align: center;
    height: 49px;
    vertical-align: middle;
    line-height: 1.9;
    top: 0;
}

.trending-list {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 0;
    padding: 7px 0 0 2px;
    overflow: auto;
}

.trending-list li {
    padding: 0 0px 30px;
    width: 48%;
    display: block;
    float: left;
    transition: 0.6s;
    box-sizing: border-box;
    margin: 0 4px;
    min-height: 205px;
}



.trending-list li a {
    display: block;
}

.trending-list li a img {
    width: 65px;
    height: 60px;
}

.trending-list li a h5 {
    display: inline-block;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 14px;
    padding-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.trending-list li a h5 span {
    display: block;
    color: #999;
    font-weight: 400;
    font-size: 10px;
    text-transform: uppercase;
}

.behind-camera {
    font-size: 16px;
    color: #000;
    font-family: "Raleway";
}
/* .behind-camera span {
    font-weight: normal;
    color: #999999;
} */

div#text-2 {
    min-height: 250px;
}

.popup-gallery a, .zoom-gallery a {
    margin: 6px;
    display: inline-block;
}

.desktop-detail-carousal .owl-carousel .owl-item img {
    height: auto;
}

.popup-gallery img, .zoom-gallery img {
    /* width: calc(100% - 10px); */
    width: 86px;
    height: auto;
}

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.uk-modal-header {
    border-bottom: none;
    padding: 30px 30px 13px;
}

.uk-modal-footer {
    padding: 15px 30px;
    background: #f6f6f6;
    border-top: 1px solid #e5e5e5;
}

.uk-modal-footer a {
    color: #000000;
    font-weight: 700;
}

.uk-modal-body form input {
    margin-bottom: 10px;
}

.uk-modal-body .forget-password {
    display: block;
    text-align: right;
    color: #000000;
    font-size: 12px;
    margin-bottom: 20px;
    font-weight: 600;
}

.uk-modal-body .forget-password:hover {
    color: #f7b030;
}

.uk-modal-body .form-submitted {
    width: 100%;
    color: #fff;
    font-weight: 600;
}

.or-divider {
    border-left: 1px solid #dcdcdc;
    min-height: 50px;
    height: auto;
}

.or-divider:before {
    content: "OR";
    position: absolute;
    left: 34%;
    top: 50%;
    border: 1px solid #dcdcdc;
    border-radius: 50%;
    padding: 7px;
    background: #fff;
    color: #787878;
    font-weight: 700;
    font-size: 12px;
}

.login-with-social a {
    margin-bottom: 10px;
    display: block;
}

.login-with-social a img {
    width: 87%;
}

/* ==========================================================================
   Work Amir Sattar
   ========================================================================== */

.english-detail-ff {
}

.english-detail-ff h4,
.urdu-detail-ff h4 {
    padding: 20px 0 5px;
    /* background-color: #f5f5f5; */
    /* border-top: 1px solid #f2f2f2; */
    margin: 30px 0 0 0;
    color: #333333;
    margin-right: 10px;
    font-weight: 900;
    font-size: 16px;
}

.english-detail-ff ul,
.urdu-detail-ff ul {
    padding-left: 20px;
}

.english-detail-ff ul li,
.urdu-detail-ff ul li {
    margin-bottom: 12px;
}

.english-detail-ff h4.ing-head,
.urdu-detail-ff h4.ing-head,
.english-detail-ff ul.am-ing + h4,
.urdu-detail-ff ul.am-ing + h4 {
    padding: 0 15px 5px;
    background-color: #f5f5f5;
    border-top: 1px solid #f2f2f2;
    margin: 0;
    color: #333333;
    font-weight: 900;
    font-size: 16px;
}

.english-detail-ff ul.am-ing,
.urdu-detail-ff ul.am-ing {
    padding: 0 15px 15px;
    background-color: #f5f5f5;
    padding-left: 15px;
    list-style: none;
    margin: 0;
}

.english-detail-ff ul.am-ing:before,
.urdu-detail-ff ul.am-ing:before,
.english-detail-ff ul.am-ing:after,
.urdu-detail-ff ul.am-ing:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.english-detail-ff ul.am-ing:after,
.urdu-detail-ff ul.am-ing:after {
    clear: both;
}

.english-detail-ff ul.am-ing li,
.urdu-detail-ff ul.am-ing li {
    list-style-type: none;
    width: 49%;
    /* float: left;*/
    margin-bottom: 13px;
    padding-left: 5px;
    display: inline-flex;
}

.english-detail-ff ul.am-ing li:before,
.urdu-detail-ff ul.am-ing li:before {
    content: "\e92f";
    font-family: 'icon-kit';
    font-size: 12px;
    left: -5px;
    position: relative;
}

.english-detail-ff ul.am-ing + h4,
.urdu-detail-ff ul.am-ing + h4 {
    margin: 0;
}

.uk-navbar-toggle {
    color: #999;
    z-index: 999;
    position: relative;
    height: 15px;
    /*height: 45px;*/
}

.trending-list li a img {
    width: 100%;
    height: auto;
    float: left;
    transition: 0.6s;
}

.trending-list li a img:hover {
    opacity: 0.8;
}

.trending-list li a h5 {
    width: 100%;
}

.uk-modal-dialog {
    background: rgba(255, 255, 255, 0.97);
}

.uk-search-large .uk-search-input {
    border: 1px gray solid;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/* Zohaib Ahmed Work */
.brand-sidebar {
    box-shadow: 1px 1px 5px 2px #e5e5e5;
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
}
.sidebar-social-heading {
    float: left;
    position: relative;
    width: 100%;
    color: #888;
    font-size: 24px;
    padding: 25px;
    box-sizing: border-box;
}
.sidebar-social-icons-div {
    float: left;
    position: relative;
    width: 100%;
}
.sidebar-social-icons-div ul {
    float: left;
    position: relative;
    width: 100%;
    list-style: none;
    padding: 0;
}
.sidebar-social-icons-div ul li {
    float: left;
    position: relative;
    width: 100%;
    padding: 5px 25px;
    box-sizing: border-box;
}
.sidebar-social-icons-div ul li a {
    float: left;
    position: relative;
    width: 100%;
    color: #888;
    transition: 0.8s;
}
.sidebar-social-icons-div ul li a:hover {
    color: #000;
}
.sidebar-link {
    padding-left: 5px;
    font-size: 13px;
}

.contact-input {
    border-bottom: 1px solid #888;
    border-top: none;
    border-left: none;
    border-right: none;
    text-indent: 30px;
    background-position: 0%;
}
#your-name {
    background-image: url("../img/name-icon.png");
    background-repeat: no-repeat;
}
#your-email {
    background-image: url("../img/message-icon.png");
    background-repeat: no-repeat;
}
#your-purpose {
    background-image: url("../img/message-purpose-icon.png"), url("../img/down-arrow.png");
    background-repeat: no-repeat;
    background-position: left, 99%;
}
#your-phone {
    background-image: url("../img/phone-icon.png");
    background-repeat: no-repeat;
}
#your-company {
    background-image: url("../img/company-icon.png");
    background-repeat: no-repeat;
}
#your-message {
    background-image: url("../img/chat-icon.png");
    background-repeat: no-repeat;
    background-position: top left;
    border: none;
}
.about-badge-wrapper {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 50px;
}
.about-badge-div {
    width: 215px;
    position: relative;
    margin: 0 auto;
}
.about-badge-text {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}
.tooltip-icon {
    position: absolute;
    right: 5px;
    background-image: url("../img/tooltip-icon.png");
    background-repeat: no-repeat;
    width: 39px;
    height: 39px;
    bottom: 10px;
    display: none;
}

.recipe-desc {
    width: 97%;
    background-color: rgba(0,0,0,0.7);
    height: 75%;
    position: absolute;
    box-sizing: border-box;
    margin: 5px;
   /* opacity: 0;*/
    transition: 0.7s;
    border-radius: 5px;
    display: none;
}
.recipe-desc-three {
    height: 76%;
}

.tooltip-desc {
    width: 100%;
    display: block;
    text-align: center;
    padding: 35px 10px 10px 10px;
    box-sizing: border-box;
    color: #fff;
}

a.grid-img-link {
    display: block;
}

.tooltip-link {
    /*position: relative;
    margin: 0 auto;
    display: block;
    top: 10px;*/
    width: 115px;
    position: absolute;
    margin: 0 auto;
    display: block;
    bottom: 0px;
    top: 163px;
    left: 0;
    right: 0;
}

.tooltip-link a {

    padding: 7px 10px;
    box-sizing: border-box;
    transition: 0.7s;
    color: #fff;
    border-radius: 15px;
    border: 1px solid #f7b030;
}

.tooltip-link a:hover {
    background-color: #f7b030;

}

.card-border {
    border: 5px solid #fff;
}

.uk-card-media-top:hover .recipe-desc {
    opacity: 1;
    display: block;
}

.mobile-detail-carousal {
    display: none;
}

.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.addthis_toolbox::before {
    content: 'Share on:';
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
}

.about-wrapper {
    float: left;
    width: 100%;
    padding-bottom: 100px;
}
.video-section, .about-text-section {
    float: left;
    position: relative;
    width: 50%;
    padding: 0 20px;
    box-sizing: border-box;
}
h1.about-heading {
    margin-top: -50px;
}
.video-heading {
    display: none;
}
body.page-id-72 .uk-grid h1 {
    display: none;
}
.about-first-para {
    margin-top: -30px;
}

.badge, .badge-new {
    position: absolute;
    top: 5px;
    height: 35px;
    left: 5px;
}
.badge-new {
    height: 36px;
    left: auto;
    right: 0;
}
.badge img { width: 35px; float: left; margin-right: 15px; }
.bxslider .badge {
    top: 12px;
}
.bxslider .uk-card:nth-child(2) .badge {
    top: 0;
}
.about-video {
    /*width: 560px;*/
    width: 100%;
    height: 315px;
}
.formHalfRaw {
    float: left;
    width: 50%;
    position: relative;
    padding: 10px;
    box-sizing: border-box;
}

.formFullRaw {
    float: left;
    position: relative;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

input.wpcf7-form-control.wpcf7-submit {
    float: left;
    position: relative;
    padding: 15px 40px;
    background-color: #f9b131;
    border: none;
    text-transform: uppercase;
    transition: 0.5s;
    font-weight: bold;
    border-radius: 20px;
    color: #fff;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    color: #fff;
}
.uk-modal-full {background-color: rgba(0,0,0,.9);}

.uk-modal-full .uk-modal-dialog {
    background-image: url(../img/popup-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
    border: 10px solid #fff;
    max-width: 80%;
}

button.uk-modal-close-full.uk-close:hover, button.uk-modal-close-full.uk-close:focus {
    color: #fff;
}

button.uk-modal-close-full.uk-close {
    background-color: transparent;
}

.uk-modal-dialog .uk-search-large .uk-search-input {
    border: 2px solid #fff;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    background-color: rgba(0,0,0,0.8);
}

.uk-modal-full .placeholder p {
    color: #fff;
}

/*header .topbar a:nth-child(2):after {
    border-right: 1px solid rgba(171, 171, 171, 0.49);
    position: relative;
    content: "";
    margin-left: 10px;
    margin-right: 10px;
}*/
.addthis-smartlayers-desktop .atss {
    top:37%;
}

.happy-customer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.recipe-post-one .postdate {
    font-size: 14px;
    font-family: "Poppins";
    color: #595959;
}
.owl-theme .owl-controls .owl-buttons div {
    padding: 0 !important;
    margin: 0 !important;
}

.owl-prev {
    position: absolute;
    left: 0px;
    top: 85px;
    background-image: url("../img/prev.png") !important;
    background-repeat: no-repeat !important;
    text-indent: -9999px;
}
.owl-next {
    position: absolute;
    right: 0;
    top: 85px;
    background-image: url("../img/next.png") !important;
    background-repeat: no-repeat !important;
    text-indent: -9999px;
}
.owl-prev,
.owl-next {
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background-color: #bababa !important;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}
.owl-prev:hover,
.owl-next:hover {
    background-color: #f9ba47 !important;
}

.widget_ff_trending_recipe_widget {
    float: left;
    position: relative;
    margin-top: 20px;
    /*border: 1px solid #e5e5e5;
    padding: 15px 15px 0 15px;*/

}

h4.widget-title.font-medium.weight-seven.uk-margin-top.uk-margin-bottom {
    background-color: #f5f5f5;
    padding: 10px;
    box-sizing: border-box;
    margin: -15px !important;
}

.mfp-arrow-left { left: 125px;}
.mfp-arrow-right { right: 125px;}
.mfp-image-holder .mfp-close { right: 0; top: 35px;}

.pagination-center {
    margin: 0 auto 30px;
}

.pagination-div {
    width: 100%;
    margin: 0;
}

li.page-continue {
    top: 15px;
    padding-right: 10px;
}

ul.uk-pagination.uk-flex-center.uk-margin-medium-top {
    margin-top: 10px !important;
    margin-left: 0;
}
.uk-pagination>* {
    padding-left: 0px;
    margin-left: 1px;
}
.uk-pagination li {
    margin-top: 10px;
}

.uk-pagination li span.current {
    background-color: #f7b030;
    /*color: #000;
    border-radius: 50%;
    padding: 10px 15px;*/
}

.uk-pagination li a, .uk-pagination li span {
    color: #212121 ;
    height: 30px;
    width: 30px;
    padding: 8px;
    display: inline-block;
    text-align: center;
    line-height: 33px;
    border-radius: 50px;
    margin-right: 10px;
}



.uk-pagination li a:hover {
    background-color: #f7b030;
    color: #000;
    border-radius: 50%;
}

.uk-pagination li a.prev-page,
.uk-pagination li a.next-page {
    width: 46px;
    margin-top: -8px;
}
.prev-page img:hover, .next-page img:hover  {
    border: 1px solid #f7b030;
    border-radius: 50%;
}

.uk-pagination li a.prev-page:hover, .uk-pagination li a.next-page:hover {
    background-color: transparent;
}

.owl-carousel .owl-item img { height: 200px;}
.owl-item h3 a {
    font-size: 18px !important;
}
.owl-item .uk-card-body {
    min-height: 65px;
}
.owl-next {right: -25px;}
.owl-prev {left: -25px;}

.ellipsis-text a {

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.slider-heading {
    padding: 0px 10px 20px 20px !important;
}

.large-video-box h3{
    margin: 0;
}

.large-video-box p {
    margin-top: 6px;
    line-height: 22px;
}

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

/* .trending-tab {
    margin-bottom: 0px;
}

.trending-tab>*>a {
    min-width: 98px;
    border: 1px solid #eeeeee;
    padding: 10px 0;
    color: #333;
    border-bottom: 0;
}

.trending-tab>.uk-active>a {
    color: #fff;
    border-color: #fb9a29;
    background-color: #fb9a29;
}

.trending-tab>*>a:focus, .trending-tab>*>a:hover {
    color: #fff;
    border-color: #fb9a29;
    background-color: #fb9a29;
}

.trending-tab::before {
    border-bottom: 1px solid #fb9a29;
} */
.trending-list li:nth-child(1) {
    /*padding-top: 45px;*/
}

.top-social-icons {
    float: right;
    width: 200px;
    text-align: left;
}
.top-social-icons li {
    float: left;
    margin-right: 15px;
}
.top-social-icons li a {
    margin-right: 0 !important;
    float: left;
    position: relative;
    width: 28px;
    height: 28px;
    text-indent: -9999px;
    background-image: url('../img/ff_sprite.png');
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.top-social-icons li a.ff_facebook {
    background-position: -4px -89px;
}
.top-social-icons li a.ff_twitter {
    background-position: -50px -89px;
}
.top-social-icons li a.ff_youtube {
    background-position: -94px -89px;
}
.top-social-icons li a.ff_instagram {
    background-position: -138px -89px;
}
.top-social-icons li a.ff_facebook:hover {
    background-position: -4px -129px;
}
.top-social-icons li a.ff_twitter:hover {
    background-position: -50px -129px;
}
.top-social-icons li a.ff_youtube:hover {
    background-position: -94px -129px;
}
.top-social-icons li a.ff_instagram:hover {
    background-position: -138px -129px;
}
.badge-footer {
    margin-top: -20px;
    width: 70%;
}

.recipe-detail-style {
    border: 1px solid #ebebeb;
    background-color: #fff;
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,.08);
    margin: 30px 0 20px;
    padding: 0 20px;
    font-family: "Poppins";
    font-size: 20px;
    text-align: center;
}
.detail-sponsor-div {
    float: left;
    position: relative;
    width: 100%;
    background-color: #fff;
    margin-top: 20px;
}
.spnsr-txt {
    float: left;
    position: relative;
    padding: 50px;
    font-family: "Poppins";
    font-size: 18px;
    color: #595959;
}
.sponsored-img {
    position: relative;
    float: right;
    width: 120px;
    margin-right: 30px;
}
.clear {
    clear: both;
}
.new-print-link-div {
    width: 100%;
    padding-bottom: 15px;
    display: block;
    margin-bottom: 30px;
    /* margin-top:  50px; */
}

.new-print-link-div .print, .new-print-link-div .favorite {
    float: left;
    color: #999999;
    text-decoration: none;
    margin-right: 10px;
}

.new-print-link-div .print i, .new-print-link-div .favorite i {
    font-size: 35px;
    position: relative;
    left: 0;
    top: 5px;
    border: 1px solid #999;
    padding: 10px;
    border-radius: 50%;
    transition: 0.8s;
}
.new-print-link-div .print i:hover, .new-print-link-div .favorite i:hover {
    color: #fff;
    background-color: #fb9a29;
    border: 1px solid #fb9a29;
}

.share-it {
    float: left;
    position: relative;
    margin-left: 30px;
    margin-top: -10px;
}
body.single-recipe .share-it {
    margin-top: 10px;
}

.lan-float {
    float: left;
    margin-top: 40px;
    padding: 25px 0;
}
.brand-logo-div {
    position: relative;
    width: 100%;
    padding: 30px 0;
    text-align: center;
    background-color: #f1f1f1;
    /* height: 270px; */
    border: 10px solid #fff;
    top: -140px;
    z-index: 2;
    box-shadow: 1px 1px 6px 0px #e5e5e5;
    display: table;
}
.brand-logo-div .brand_logo_container {
    display: table-cell;
    vertical-align: middle;
}
.brand-heading {
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    padding: 150px 0;
    background-image: url("../img/partners-banner.jpg");
    background-size: cover;
    margin-top: -1px;
}
.term-food-fusion-kids .brand-heading {
    background-image: url("../img/food-fusion-kids-partner-page-splash-image.jpg");
}
.tax-recipe_brand .bx-wrapper {
    max-width: 1200px !important;
}
.tax-recipe_brand .bx-wrapper .bx-controls-direction a {
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50px;
    background: transparent;
}
.tax-recipe_brand .bx-wrapper .bx-prev {
    left: 20px;
}
.tax-recipe_brand .bx-wrapper .bx-next {
    right: 20px;
}
.large-recipe .circle-icon-large {
    /*bottom: 120px;*/
    bottom: 140px;
}
.bx-wrapper {
    max-width: 1200px !important;
}
.bxslider .xslider {
    width: 281px !important;
}
.bx-wrapper .bx-next {
    right: -40px !important;
}
header .humber-menu + .uk-dropdown ul.recipe-list-menu li ul:first-child {
    height: 190px;
    overflow-y: scroll;
}


/*FOR FIREFOX*/
@-moz-document url-prefix() {
    .uk-subnav > * { padding-left: 12px;}
    /* header .logo { height: 85px; margin-top: -7px; }
    header .uk-navbar-right { padding: 30px 0 38px; } */

}

.contact-messsage {
    border: 1px solid #888;
    margin-left: 10px;
    width: 98.5%;
}

/*FOR SAFARI*/

    _::-webkit-full-page-media, _:future, :root .uk-subnav>* { padding-left: 10px; }
    _::-webkit-full-page-media, _:future, :root .uk-navbar-toggle.uk-search-icon.uk-icon { margin-top: -40px; }
    _::-webkit-full-page-media, _:future, :root header .logo { margin-top: -10px;}
    _::-webkit-full-page-media, _:future, :root ul#menu-top-category-navigation-1 { margin-top: -25px;}


background-image:

url
(
http://www.foodfusion.com/wp-content/uploads/2017/02/logo.png
)
;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* ==========================================================================
   Firefox hack css
   ========================================================================== */

@-moz-document url-prefix() {
    .uk-navbar-toggle.uk-search-icon.uk-icon svg {
        margin-top: -22px !important;
    }
}

/* ==========================================================================
   Media screen.
   ========================================================================== */

@media (min-width: 320px) and (max-width: 640px) {
    footer .row-one ul {
        margin-top: -8px !important;
    }

    .submit-recipe .uk-float-left.circle-icon-regular {
        width: 100%;
    }

    footer .row-one .submit-recipe .uk-float-right {
        float: left !important;
        left: 0;
    }

    .hcol-one .content h1 {
        font-size: 36px;
    }

    .recipe-video iframe {
        /* height: 280px; */
    }

    footer .row-one ul {
        width: calc(100% - 4em);
        margin-right: 0;
        display: block;
        text-align: center;
        float: none;
        margin: 15px auto;
        padding-top: 17px;
    }

    footer .row-one h6 {
        text-align: center;
        display: block;
        float: none;
        margin-right: 0;
        font-size: 17px;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .hcol-one .content input, .hcol-one .content select {
        width: inherit;
        margin-bottom: 5px;
        height: 50px;
    }

    .hcol-one .content button.find {
        width: 100%;
        margin-left: 0;
        position: relative;
        height: 40px;
    }

    .hcol-one .content button.find:before {
        content: "Search";
        background-image: none;
        display: block;
        margin: 0 auto;
        left: 45%;
        color: #ffffff;
    }

    .ads-1170x90 {
        height: 60px;
    }

    .hcol-two .most-recent-filer {
        float: left;
        width: 100%;
    }

    .hcol-two .most-recent-filer select {
        width: inherit;
    }

    .hcol-two .recipe-product .single .uk-card-body .category-name {
        position: relative;
        right: 0;
        top: 5px;
    }

    .ingredients-list li {
        width: 100%;
    }

    .popup-gallery img, .zoom-gallery img {
        width: 60px;
        margin-right: 3px;
    }

    .subscribe-box {
        height: auto;
        padding-bottom: 30px;
    }

    .subscribe-box form {
        margin-left: 10px;
    }

    .subscribe-box button.submit {
        padding: 0 20px;
    }

    .subscribe-box h6, .subscribe-box p {
        padding-left: 10px;
    }

    footer .row-one ul {
        padding-left: 0;
        margin-top: 10px;
        margin-bottom: 30px;
    }

    footer .row-one .submit-recipe {
        display: block;
        margin-top: 0;
    }

    footer .row-one .submit-recipe .uk-float-right {
        float: right;
        right: 0;
    }

    footer .qlinks h6 {
        margin-left: 0;
    }

    footer .qlinks ul {
        padding-left: 0;
    }

    footer .copyright {
        padding: 15px 0;
    }

    .copyright .uk-float-right {
        display: none;
    }

    .copyright .uk-float-left {
        float: none;
        text-align: center;
    }

    .formHalfRaw {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    footer .row-one .submit-recipe span + a {
        font-size: 12px;
    }

    .subscribe-box button.submit {
        padding: 0 14px;
    }

    .subscribe-box h6, .subscribe-box p {
        padding: 20px 0 0px 20px;
    }

    .subscribe-box form {
        margin-left: 17px;
    }

    .first-row {
        font-size: 11px;
    }
}

@media (max-width: 990px) {
    ul#menu-top-category-navigation-1 {
        display: none;
    }

    header .humber-menu + .uk-dropdown {
        width: 100%;
    }

    .ads-1170x90 {
        height: auto;
    }

    .hcol-two {
        margin: 30px 0 40px;
    }

    .home-add-banner {
        text-align: center;
    }

    footer .row-two .footer-about p {
        color: #ffffff;
        width: auto;
        float: none;
        padding-top: 12px;
    }

    .recipe-post-one h1 {
        font-size: 26px;
    }

    header .humber-menu {
        margin-right: 9px;
        padding-left: 0;
    }

    .buy-ingredients {
        font-size: 0;
    }

    .buy-ingredients i {
        font-size: 30px;
        top: 10px;
    }

    .recipe-post-one {
        margin-top: 30px;
    }

    .subscribe-box {
        background-size: cover
    }

    .horizontal-social {
        display: none;
    }

    .ads-370x250 {
        float: none;
        margin-top: 10px;
        text-align: center;
    }

    header .humber-menu + .uk-dropdown {
        width: 97%;
    }

    .english-detail-ff ul.am-ing li, .urdu-detail-ff ul.am-ing li {
        width: 100%;
    }
}

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:
                                          http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */
    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

@media (min-width: 1101px) and (max-width: 1300px) {

    ul#menu-top-category-navigation-1 li a {
        padding: 0px;
    }

    ul#menu-top-category-navigation-1 > li > ul a {
        width: 140px;
    }

    .bx-wrapper {
        margin: 0 auto;
        position: relative;
        width: 970px;
        float: none;
        left: 6px !important;
        transform: translateX(0) !important;
    }

    .bxslider div {
        width: 305px !important;
        margin: 0 auto;
    }

    .slider-heading {
        padding: 0px 0px 20px 0px !important;
    }

}

@media (min-width: 991px) and (max-width: 1100px) {

    ul#menu-top-category-navigation-1 li a {
        padding: 0px;
    }

    header .uk-subnav > * > :first-child {
        font-size: 12px;
    }

    ul#menu-top-category-navigation-1 > li > ul a {
        width: 120px;
        font-size: 12px;
    }
}

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

    .trending-list li {
        border: none;
        float: left;
        position: relative;
        padding: 5px 0;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

    footer ul.footer-second-menu li a {
        margin: 5px 8px;
        font-size: 12px;
    }
    .bx-wrapper {
        margin: 0 auto;
        position: relative;
        width: 800px;
        float: none;
        left: 6px !important;
        transform: translateX(0) !important;
    }

    .bxslider div {
        width: 250px !important;
        margin: 0 auto;
    }

    .slider-heading {
        padding: 0px 0px 20px 0px !important;
    }

    /*footer .row-two .footer-about img {
        margin-right: 0px;
    }*/

    .badge {
        width: inherit;
        /*width: 69px !important;*/
    }
    .bxslider .badge {
        width: 69px !important;
    }
    .addthis-smartlayers {
        display: none;
    }
    .desktop-detail-carousal {
        display: none;
    }
    .mobile-detail-carousal {
        display: block;
    }
    .badge-footer {
        margin-top: 50px;
    }
    .mobile-2-3footer {
        padding-top: 50px;
    }
}

@media (min-width: 641px) and (max-width: 768px) {
    footer .row-one h6 {
        float: left;
        position: relative;
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
    }

    footer .row-one ul {
        margin: 0 auto;
        position: relative;
        width: 200px;
        float: none;
    }

    footer .uk-grid-small {
        margin-left: 0;
    }

    .trending-list li {
        float: left;
        position: relative;
        padding: 15px 0;
        min-height: 320px;
    }

    .uk-float-right{
        display: none;
    }
    .copyright .uk-float-left {
        float: none;
        text-align: center;
    }
    footer .copyright {
        padding: 15px 0;
    }
    .first-row {
        font-size: 14px;
    }

    .uk-width-3-4.recipe-product.uk-first-column {
        width: 100%;
        float: right;
        order: 2;
    }

    div#filter-box {
        width: 100%;
        float: left;
        order: 1;
    }

    #filter-box .textwidget {
        display: none;
    }

    .uk-modal-full .uk-modal-dialog {
        padding: 30px;
    }

    .uk-modal-dialog .placeholder p {
        font-size: 26px;
        font-weight: 600;
    }

    .bx-wrapper {
        margin: 0 auto;
        position: relative;
        width: 620px;
        float: none;
        left: 6px !important;
        transform: translateX(0) !important;
    }

    .bxslider > div {
        width: 300px !important;
        margin: 0 auto;
    }

    .slider-heading {
        padding: 0px 0px 20px 0px !important;
    }

    .mfp-arrow-left {
        left: 0px;
    }
    .mfp-arrow-right {
        right: 0px;
    }
    .heart-icon:hover i {
        background-color: transparent;
    }
    .uk-modal-full .uk-modal-dialog {
        padding: 30px;
        height: 91% !important;
        min-height: 91% !important;
    }
    .hi {
        display: none;
    }
    .about-video {
        width: 100%;
        height: 400px;
    }
    .badge {
        width: inherit;
    }
    .bxslider .badge {
        width: 69px !important;
    }
    .video-section, .about-text-section {
        width: 100%;
    }
    .about-text-section {
        margin-top: 20px;
    }
    h1.about-heading {
        margin-top: 0px;
    }
    .about-wrapper {
        padding-bottom: 0px;
    }
    h1.about-heading {
        display: none;
    }
    .video-heading {
        display: block;
        padding-left: 20px;
        margin-top: -50px;
        margin-bottom: 0;
    }
    .about-first-para {
        margin-top: 0px;
    }
    .addthis-smartlayers {
        display: none;
    }
    .mobile-2-3footer {
        margin-top: 60px !important;
    }
    .top-social-icons {
        display: none;
    }
    .badge-footer {
        margin-top: 75px;
    }
}

@media (min-width: 481px) and (max-width: 640px) {
    footer .row-one ul {
        margin: 0 auto;
        position: relative;
        width: 200px;
    }

    footer .uk-grid-small {
        margin-left: 0;
    }

    .or-divider:before {
        margin: 0 auto;
        width: 30px;
        top: -30px;
        left: 0px;
        position: relative;
    }

    .trending-list li {
        float: left;
        position: relative;
        padding: 15px 0;
        min-height: auto;
    }

    .uk-width-3-4.recipe-product.uk-first-column {
        width: 100%;
        float: right;
        order: 2;
    }

    div#filter-box {
        width: 100%;
        float: left;
        order: 1;
    }

    #filter-box .textwidget {
        display: none;
    }

    .uk-modal-full .uk-modal-dialog {
        padding: 30px;
    }

    .uk-modal-dialog .placeholder p {
        font-size: 26px;
        font-weight: 600;
    }

    .lbpf .language {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 10px;
    }

    .lbpf .print, .lbpf .favorite {
        margin: 10px 0;
        display: block;
        float: none;
    }

    .bx-wrapper {
        margin: 0 auto;
        position: relative;
        width: 400px;
        float: none;
        left: 6px !important;
        transform: translateX(0) !important;
    }

    .bxslider > div {
        width: 400px !important;
        margin: 0 auto;
    }
    .bx-wrapper .bx-controls-direction a {
        width: 25px !important;
        height: 25px !important;
    }
    .bx-wrapper .bx-next {
        right: -35px !important;
    }
    .bx-wrapper .bx-prev {
        left: -35px !important;
    }

    .slider-heading {
        padding: 0px 0px 20px 0px !important;
    }

    .mfp-arrow-left {
        left: 0px;
    }
    .mfp-arrow-right {
        right: 0px;
    }
    .uk-modal-dialog .uk-search-large .uk-search-input {
        font-size: 18px;
    }
    .owl-prev {
        left: -5px;
    }
    .owl-next {
        right: 0px;
    }
    header .humber-menu + .uk-dropdown {
        width: 95%;
    }
    header .humber-menu + .uk-dropdown ul li a {
        display: block;
        box-sizing: border-box;
    }
    footer .row-two .footer-about p {
        display: table;
    }
    .heart-icon:hover i {
        background-color: transparent;
    }
    .uk-modal-full .uk-modal-dialog {
        padding: 30px;
        height: 91% !important;
        min-height: 91% !important;
    }
    .hi {
        display: none;
    }
    .about-video {
        width: 100%;
        height: 300px;
    }
    .badge {
        width: inherit;
    }
    .bxslider .badge {
        width: 69px !important;
    }
    .video-section, .about-text-section {
        width: 100%;
    }
    .about-text-section {
        margin-top: 20px;
    }
    h1.about-heading {
        margin-top: 0px;
    }
    .about-wrapper {
        padding-bottom: 0px;
    }
    .uk-pagination li a, .uk-pagination li span {
        margin-right: 5px;
        padding: 5px;
    }
    h1.about-heading {
        display: none;
    }
    .video-heading {
        display: block;
        padding-left: 20px;
        margin-top: -50px;
        margin-bottom: 0;
    }
    .about-first-para {
        margin-top: 0px;
    }
    .addthis-smartlayers {
        display: none;
    }
    .mobile-footer {
        width: 50%;
    }
    div#nav_menu-4 {
        margin-top: 60px;
    }
    .mobile-2-3footer {
        margin-top: 60px !important;
    }

    .desktop-detail-carousal {
        display: none;
    }
    .mobile-detail-carousal {
        display: block;
    }
    .mobile-detail-carousal .bx-wrapper {
        width: 450px;
    }
    .top-social-icons {
        display: none;
    }
    .badge-footer {
        margin-top: -20px;
        width: 50%;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    footer .row-one ul {
        margin: 0 auto;
        position: relative;
        width: 200px;
    }

    footer .uk-grid-small {
        margin-left: 0;
    }

    .or-divider:before {
        margin: 0 auto;
        width: 30px;
        top: -30px;
        left: 0px;
        position: relative;
    }

    .trending-list li {

        float: left;
        position: relative;
        padding: 15px 0;
        min-height: 205px;
    }

    .uk-width-3-4.recipe-product.uk-first-column {
        width: 100%;
        float: right;
        order: 2;
    }

    div#filter-box {
        width: 100%;
        float: left;
        order: 1;
    }

    #filter-box .textwidget {
        display: none;
    }

    .uk-modal-full .uk-modal-dialog {
        padding: 30px;
        height: 91% !important;
        min-height: 91% !important;
    }

    .uk-modal-dialog .placeholder p {
        font-size: 17px;
        font-weight: 600;
    }

    .lbpf .language {
        width: 100%;
        position: relative;
        float: left;
        margin-bottom: 10px;
    }

    .lbpf .print, .lbpf .favorite {
        margin: 10px 0;
        display: block;
        float: none;
    }

    .bx-wrapper {
        margin: 0 auto;
        position: relative;
        width: 290px;
        float: none;
        left: 6px !important;
        transform: translateX(0) !important;
        max-width: 290px !important;
    }

    .bxslider > div {
        width: 290px !important;
        margin: 0 auto;
    }
    .bxslider .xslider {
        width: 290px !important;
    }
    .bx-clone {
        width: 100%;
    }
    .slider-heading {
        padding: 0px 0px 20px 0px !important;
    }

    .mfp-arrow-left {
        left: 0px;
    }
    .mfp-arrow-right {
        right: 0px;
    }

    .uk-modal-dialog .uk-search-large .uk-search-input {
        font-size: 18px;
        width: 100%;
    }
    .owl-prev {
        left: -5px;
    }
    .owl-next {
        right: 0px;
    }
    #create-an-account h2 span {
        font-size: 16px;
        padding-left: 5px;
    }
    #login-via-email h2 span {
        font-size: 16px;
        padding-left: 5px;
    }
    .trending-tab>*>a {
        font-size: 13px;
        min-width: 81px;
    }
    header .humber-menu + .uk-dropdown {
        width: 91%;
    }
    header .humber-menu + .uk-dropdown ul li a {
        display: block;
        box-sizing: border-box;
    }
    footer .row-two .footer-about p {
        display: table;
        padding: 0 10px 0 0;
    }
    header .topbar a {
        font-size: 11px;
        /*float: right;
        padding: 0 5px;*/
    }

    header .topbar a:nth-child(1) {
        margin-right: 20px;
        color: #c9c9c9;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: auto;
        position: relative;

        top: 5px;
        left: 5px;
    }

    .heart-icon:hover i {
        background-color: transparent;
    }
    /*header .logo {
        background-size: 80%;
        width: 105px;
        margin-top: 0;
        border: 0;
        border-radius: 0;
    }*/
    .hi {
        display: none;
    }
    .about-video {
        width: 100%;
        height: 225px;
    }
    .bxslider .circle-icon-large i {
        padding: 8px;
    }
    .badge {
        width: inherit;
    }
    .bxslider .badge {
        width: inherit;
    }
    .video-section, .about-text-section {
        width: 100%;
    }
    .about-text-section {
        margin-top: 20px;
    }
    h1.about-heading {
        display: none;
    }
    .video-heading {
        display: block;
        padding-left: 20px;
        margin-top: -50px;
        margin-bottom: 0;
    }
    .about-first-para {
        margin-top: 0px;
    }
    .about-wrapper {
        padding-bottom: 0px;
    }
    .uk-pagination li a.prev-page, .uk-pagination li a.next-page {
        width: 30px;
    }
    .uk-pagination li a, .uk-pagination li span {
        height: 25px;
        width: 25px;
        line-height: 27px;
        padding: 0px;
        font-size: 10px;
        margin-right: 5px;
    }
    li.page-continue {
        top: 5px;
    }
    .addthis-smartlayers {
        display: none;
    }
    .mobile-footer {
        width: 50%;
    }
    div#nav_menu-4 {
        margin-top: 60px;
    }
    .mobile-2-3footer {
        margin-top: 60px !important;
    }
    .bx-has-controls-direction .bx-prev, .bx-has-controls-direction .bx-next {
        border: 0 !important;
        background-color: #e5e5e5 !important;
        outline: none !important;
        width: 25px !important;
        height: 25px !important;
    }
    .bx-wrapper .bx-next {
        right: -30px !important;
    }
    .bx-wrapper .bx-prev {
        left: -30px !important;
    }
    .mobile-detail-carousal {
        display: block;
    }
    .desktop-detail-carousal {
        display: none;
    }
    .mobile-detail-carousal .bx-wrapper {
        width: 280px;
        left: 0 !important;
    }
    .bxslider1 img {
        width: 130px !important;
    }

    _::-webkit-full-page-media, _:future, :root header .topbar a:nth-child(1) {
        top:0px;
    }
    _::-webkit-full-page-media, _:future, :root .uk-modal-dialog .uk-search-large .uk-search-input {
        width: 92%;
    }
    _::-webkit-full-page-media, _:future, :root input#main-search-field {
        width: 92%;
    }
    _::-webkit-full-page-media, _:future, :root .uk-navbar-toggle.uk-search-icon.uk-icon svg {
        margin-top: -20px;
    }
    _::-webkit-full-page-media, _:future, :root header .logo {
        margin-top: -8px;
    }
    _::-webkit-full-page-media, _:future, :root #your-message {
        padding-left: 30px;
    }
    .ellipsis-text a {
        width: 80%;
    }
    .tooltip-icon {
        display: block;
    }
    .tooltip-icon:hover .recipe-desc {
        opacity: 1;
    }
    .uk-card-media-top:hover .recipe-desc {
        opacity: 0;
    }
    .top-social-icons {
        display: none;
    }
    .badge-footer {
        margin-top: 80px !important;
        width: 50%;
    }
    .detail-sponsor-div {
        margin-right: 10px;
    }
    .share-it {
        margin-left: 0px;
        margin-top: 30px;
        width: 100%;
    }
    .brand-sidebar {
        height: 100%;
    }
    .brand-logo-div {
        top:10px;
    }
    .tax-recipe_brand .bx-wrapper {
        max-width: 310px !important;
    }
    .tax-recipe_brand .bx-wrapper .bx-prev {
        left: 10px !important;
    }
    .tax-recipe_brand .bx-wrapper .bx-next {
        right: 10px !important;
    }
    .tax-recipe_brand .bx-wrapper .bx-controls-direction a {
        background-color: transparent !important;
        border: 1px solid #fff !important;
    }
    .tooltip-link{
        top: inherit;
        bottom: 20px;
    }
    .circle-icon-large {
        bottom: 60px;
    }
    .recipe-desc {
        height: 77%;
    }
    .large-recipe .circle-icon-large {
        bottom: 190px;
    }
    .tax-recipe_brand div#filter-box {
        margin-top: 50px;
    }
    .tax-recipe_brand .uk-width-3-4.recipe-product.uk-first-column {
        order: 1;
    }
    .contact-messsage {
        width: 93.5%;
    }
    header .humber-menu + .uk-dropdown ul.recipe-list-menu li ul:first-child {
        height: 200px;
        overflow-y: scroll;
    }

}

@media (min-width: 401px) and (max-width: 480px) {

    .bx-wrapper {
        width: 320px !important;
    }

    .bxslider > div {
        width: 320px !important;
    }

    .mobile-detail-carousal .bx-wrapper {
        width: 310px;
    }

    .bx-wrapper .bx-next {
        right: -35px !important;
    }

    .bx-wrapper .bx-prev {
        left: -35px !important;
    }
    .circle-icon-large {
        bottom: 67px;
    }
    .tax-recipe_brand .bx-wrapper {
        max-width: 380px !important;
        width: 380px !important;
        left: 0 !important;
    }

}


/* Custom code by SS */
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.center {
    margin: 0 auto;
}
.left {
    float: left;
}
.right {
    float: right;
}

.span1 {width: calc(100% * 1 / 12) !important;}
.span2 {width: calc(100% * 2 / 12) !important;}
.span3 {width: calc(100% * 3 / 12) !important;}
.span4 {width: calc(100% * 4 / 12) !important;}
.span5 {width: calc(100% * 5 / 12) !important;}
.span6 {width: calc(100% * 6 / 12) !important;}
.span7 {width: calc(100% * 7 / 12) !important;}
.span8 {width: calc(100% * 8 / 12) !important;}
.span9 {width: calc(100% * 9 / 12) !important;}
.span10 {width: calc(100% * 10 / 12) !important;}
.span11 {width: calc(100% * 11 / 12) !important;}
.span12 {width: calc(100% * 12 / 12) !important;}

.ff_yellow {
    color: #f8b233;
}

header .topbar ul.ff_brands {
    float: left;
    margin: 0;
    padding-left: 0;
}
header .topbar ul.ff_brands li {
    list-style: none;
    float: left;
}
header .topbar ul.ff_brands li a {
    text-align: left !important;
    text-indent: -99999px;
    background-image: url('../img/ff_sprite.png');
    width: 10px;
    height: 30px;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
header .topbar ul.ff_brands li a.ff-brand-hdr-food-fusion {
    background-position: 0px -4px;
    width: 110px;
}
header .topbar ul.ff_brands li a.ff-brand-hdr-healthy-fusion {
    background-position: -142px -3px;
    width: 116px;
}
header .topbar ul.ff_brands li a.ff-brand-hdr-food-fusion-kids {
    background-position: -298px -4px;
    width: 140px;
}
header .topbar ul.ff_brands li a.ff-brand-hdr-fusion-store {
    background-position: -468px -4px;
    width: 132px;
}
header .topbar ul.ff_brands li a.ff-brand-hdr-food-fusion.selected,
header .topbar ul.ff_brands li a.ff-brand-hdr-food-fusion:hover {
    background-position: 0px -44px;
}
header .topbar ul.ff_brands li a.ff-brand-hdr-healthy-fusion.selected,
header .topbar ul.ff_brands li a.ff-brand-hdr-healthy-fusion:hover {
    background-position: -142px -43px;
}
header .topbar ul.ff_brands li a.ff-brand-hdr-food-fusion-kids.selected,
header .topbar ul.ff_brands li a.ff-brand-hdr-food-fusion-kids:hover {
    background-position: -298px -44px;
}
header .topbar ul.ff_brands li a.ff-brand-hdr-fusion-store.selected,
header .topbar ul.ff_brands li a.ff-brand-hdr-fusion-store:hover {
    background-position: -468px -44px;
}

ul.user_actions{
    margin: 0;
    float: right;
    text-transform: uppercase;
}
ul.user_actions li {
    list-style: none;
    float: left;
    padding: 5px 7px 0 0;
}
ul.user_actions li:after {
    border-right: 1px solid rgba(171, 171, 171, 0.49);
    position: relative;
    content: "";
    padding-right: 7px;
}
ul.user_actions li:first-child {
    padding-top: 0;
}
ul.user_actions li:last-child {
    padding-right: 0;
}
ul.user_actions li:first-child:after,
ul.user_actions li:last-child:after,
ul.user_actions li.ff_top_bar_register:after {
    display: none;
}
ul.user_actions li a {
    margin: 0 !important;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
ul.user_actions li a .my_account_icon {
    width: 28px;
    height: 28px;
    display: block;
    text-indent: -9999px;
    text-align: left;
    background-image: url('../img/ff_sprite.png');
    background-position: -196px -89px;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
ul.user_actions li a .my_account_icon:hover {
    background-position: -196px -129px;
}

.ff_recipe_filter li {
    font-family: Poppins, Arial, Helvetica, sans-serif;
    font-size: 20px;
    float: left;
    padding-right: 13px;
    list-style: none;
}
.ff_recipe_filter li a {
    color: #878787;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.ff_recipe_filter li a:hover,
.ff_recipe_filter li a.recipe_active {
    color: #f8b233;
}
.ff_recipe_filter li:after {
    content: "/";
    padding-left: 15px;
}
.ff_recipe_filter li:last-child:after {
    content: "";
    display: none;
    padding-left: 0;
}

.cooking_partners_container,
.alternate_fold {
    background-color: #f8f8f8;
    padding: 60px 0;
}
.logo-container {
    background-color: #fff;
    border: 1px #cccccc solid;
}
.menu-our-mobile-apps-container,
.footer_social_icons {
    margin-top: 0 !important;
}
#menu-our-mobile-apps {
    padding: 0;
    margin: 0;
}
#menu-our-mobile-apps li {
    list-style: none;
    margin-right: 28px;
}
#menu-our-mobile-apps li:last-child {
    margin-right: 0;
}
#menu-our-mobile-apps .android_app a,
#menu-our-mobile-apps .ios_app a {
    width: 50px;
    height: 50px;
    text-indent: -99999px;
    float: left;
    background-image: url(../img/ff_sprite.png);
    background-position: -2px -283px;
    display: block;
    /* -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in; */
}
#menu-our-mobile-apps .ios_app a {
    background-position: -51px -280px;
}
#menu-our-mobile-apps .android_app a:hover {
    background-position: -2px -343px;
}
#menu-our-mobile-apps .ios_app a:hover {
    background-position: -51px -340px;
}

.footer_widgets h3 {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fefefe;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.footer_social_icons ul {
    margin: 0;
    padding: 0;
}
.footer_social_icons ul li {
    list-style: none;
    float: left;
    margin-right: 15px;
}
.footer_social_icons ul li:last-child {
    margin-right: 0;
}
.footer_social_icons ul li a {
    width: 46px;
    height: 46px;
    text-indent: -9999px;
    background-image: url('../img/ff_sprite.png');
    display: block;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}
.footer_social_icons ul li a.ff_facebook {
    background-position: -3px -169px;
}
.footer_social_icons ul li a.ff_twitter {
    background-position: -77px -169px;
}
.footer_social_icons ul li a.ff_youtube {
    background-position: -152px -169px;
}
.footer_social_icons ul li a.ff_instagram {
    background-position: -227px -169px;
}
.footer_social_icons ul li a.ff_facebook:hover {
    background-position: -3px -222px;
}
.footer_social_icons ul li a.ff_twitter:hover {
    background-position: -77px -222px;
}
.footer_social_icons ul li a.ff_youtube:hover {
    background-position: -152px -222px;
}
.footer_social_icons ul li a.ff_instagram:hover {
    background-position: -227px -222px;
}

.footer_ff_brands {
    margin: 0;
    padding: 0;
}
.footer_ff_brands li {
    list-style: none;
    float: left;
    margin-right: 25px;
}
.footer_ff_brands li:last-child {
    margin-right: 0px;
}
.footer_ff_brands li a {
    width: 98px;
    height: 98px;
    display: block;
    text-indent: -9999px;
    background-image: url('../img/ff_sprite.png');
}
.footer_ff_brands li a.ff_food_fusion {
    background-position: -5px -688px;
}
.footer_ff_brands li a.ff_food_fusion_kids {
    background-position: -131px -688px;
}
.footer_ff_brands li a.ff_healthy_fusion {
    background-position: -256px -688px;
}
.footer_ff_brands li a.ff_fusion_store {
    background-position: -382px -687px;
    width: 100px;
    height: 100px;
}

.brands_header_area {
    background-color: #f8f8f8;
    padding-top: 40px;
    height: 170px;
}
.brands_header_area .brand_info h1 {
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 36px;
    margin-bottom: 10px;
}
.brand_info p {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-top: 0;
}
.brands_social_networks ul {
    margin: 0;
    padding: 0;
}
.brands_social_networks ul li {
    float: left;
    list-style: none;
    margin-right: 10px;
}
.brands_social_networks ul li:last-child {
    margin-right: 0;
}
.brands_social_networks ul li a {
    width: 29px;
    height: 29px;
    background-image: url('../img/ff_sprite.png');
    text-indent: -9999px;
    display: block;
}
.brands_social_networks ul li a.brand_social_icon_youtube {
    background-position: -76px -406px;
}
.brands_social_networks ul li a.brand_social_icon_facebook {
    background-position: -1px -406px;
}
.brands_social_networks ul li a.brand_social_icon_twitter {
    background-position: -38px -406px;
}
.brands_social_networks ul li a.brand_social_icon_instagram {
    background-position: -114px -406px;
}
.brands_recipes h2 {
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    font-size: 32px;
    margin-bottom: 10px;
}
.uk-card-default {
    box-shadow: 0px 1px 1px 1px rgba(0,0,0,.08);
}

.brand_search_field {
    border: 1px solid #cccccc;
    border-radius: 50px;
    text-align: left;
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: url('../img/icon-search-yellow-wide.png') #fff right no-repeat;
    padding: 10px 35px 10px 10px;
    margin-left: -45px;
    z-index: 125;
    position: relative;
}
body.tax-recipe_brand .autocomplete-suggestions {
    margin-top: -20px !important;
    padding-top: 25px;
    z-index: 123;
    display: block !important;
}
body.tax-recipe_brand .regular-box > div,
body.tax-recipe_partner .regular-box > div {
    margin-bottom: 35px;
}

.header_search_container {
    position: absolute;
    z-index: 99999;
    background-color: #fff;
    right: 80px;
    top: 45px;
}
.header_search_container input {
    background-color: #fff !important;
    border: none !important;
    border-bottom: 1px #f8b233 solid !important;
    height: auto !important;
    font-size: 1rem !important;
    padding: 10px 15px;
}

.recipe-fold-header {
    background-color: #f8f8f8;
    padding: 30px 0;
}
.recipe_title_bar {
    background-color: #fff;
    border: 1px #ebebeb solid;
    margin-left: 40px;
    padding: 30px;
    margin-bottom: 20px;
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,.08);
}
.recipe_title_bar > div {
    /* width: 50%; */
    float: left;
}
.recipe_title_bar .recipe_title {
    width: 75%;
}
.recipe_title_bar .recipe_tools {
    width: 25%;
}

.ff_rbox1 {
    border: 1px solid #ebebeb;
    background-color: #fff;
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,.08);
    margin: 10px 0 20px;
}

.gad_recipe_detail_below_gallery {
    margin: 6px 0 5px;
}
.gad_recipe_detail_after_content {
    margin: 12px 0 20px;
}
.gad_recipe_detail_after_related {
    margin: 80px 0 30px;
}
ins {background: none;}

.english-detail-ff,
.urdu-detail-ff {
    clear: both
}
.english-detail-ff h2,
.urdu-detail-ff h2 {
    color: #f6b132;
    font-size: 30px;
    font-family: "Raleway", Arial, Helvetica, sans-serif;
    margin-bottom: 0;
}
.english-detail-ff h2:first-of-type,
.urdu-detail-ff h2:first-of-type {
    padding: 15px;
    background-color: #f5f5f5;
    margin: 15px 0 0;
}
.english-detail-ff p:empty,
.urdu-detail-ff p:empty {display: none;}

.recipe-detail-sidebar {
    padding-top: 15px;
}
.recipe-detail-sidebar h2 {
    margin: 0;
}

ul.ff_recipe_filter.trending-tab {
    padding: 0;
}
.ul.ff_recipe_filter.trending-tab li a {
    font-size: 18px;
}

html:not(.sm-always-visible) .sm-wrapper.sm-menu-open .sm-wrapper-inner {
    cursor: url('../img/close.png') 16 16,pointer;
}

.english-detail-ff .uk-grid,
.urdu-detail-ff .uk-grid {
    display: block;
    margin-top: 20px;
    clear: both;
}
.english-detail-ff .uk-grid > div,
.urdu-detail-ff .uk-grid > div {
    float: left;
    margin-bottom: 30px;
}
p:empty {
  display: none;
}

.sm-menu .sm-nav-list>li>a .sm-title-wrap .sm-icon {
    float: right;
    padding-top: 10px;
}

.primary-menu {
}

  /* Icon 1 */
  
  #nav-icon3 {
    width: 30px;
    height: 25px;
    position: relative;
    margin: 50px auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    margin-left: 30px;
  }
  
  #nav-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #f8b233;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  
  /* Icon 3 */
  
  #nav-icon3 span:nth-child(1) {
    top: 0px;
  }
  
  #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 10px;
    width: 20px;
  }
  
  #nav-icon3 span:nth-child(4) {
    top: 20px;
  }

  .ff_partnter_mbl_dropdown {
    width: 14em;
    /* margin: 5em auto; */
    font-family: pfs-bold;
    color: #86919a;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: width 0.5s;
    transition: width 0.5s;
    will-change: width;
    position: absolute;
    background-color: #212121;
    z-index: 999;
    margin-top: -7px;
    left: 0;
  }
  .ff_partnter_mbl_dropdown .option {
    padding: 1em;
    cursor: pointer;
    text-align: left;
  }
  .ff_partnter_mbl_dropdown .option a {
    display: block;
  }
  .ff_partnter_mbl_dropdown .option.active a {
    pointer-events: none;
    cursor: default;
  }
  .ff_partnter_mbl_dropdown .option.active a.ff-brand-hdr-food-fusion {
      margin-top: -5px;
    }
  .ff_partnter_mbl_dropdown .option.active a.ff-brand-hdr-food-fusion-kids {
      margin-top: -5px;
  }
  .ff_partnter_mbl_dropdown .option.active a.ff-brand-hdr-healthy-fusion {
      margin-top: -10px;
  }
  .ff_partnter_mbl_dropdown .option:not(.active) {
    display: none;
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .ff_partnter_mbl_dropdown.visible {
    -webkit-animation: bounce 1s;
            animation: bounce 1s;
    width: 14em;
  }
  .ff_partnter_mbl_dropdown.visible:before, .ff_partnter_mbl_dropdown.visible:after {
    border-color: #fff;
  }
  .ff_partnter_mbl_dropdown.visible:before {
    opacity: 0;
  }
  .ff_partnter_mbl_dropdown.visible:after {
    opacity: 1;
  }
  .ff_partnter_mbl_dropdown.visible .option {
    color: #fff;
    display: block;
  }
  .ff_partnter_mbl_dropdown.opacity .option {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
  .ff_partnter_mbl_dropdown.opacity .option:nth-child(0) {
    -webkit-transition: opacity 0.5s 0s, -webkit-transform 0.5s 0s;
    transition: opacity 0.5s 0s, -webkit-transform 0.5s 0s;
    transition: opacity 0.5s 0s, transform 0.5s 0s;
    transition: opacity 0.5s 0s, transform 0.5s 0s, -webkit-transform 0.5s 0s;
  }
  .ff_partnter_mbl_dropdown.opacity .option:nth-child(1) {
    -webkit-transition: opacity 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
    transition: opacity 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
    transition: opacity 0.5s 0.1s, transform 0.5s 0.1s;
    transition: opacity 0.5s 0.1s, transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s;
  }
  .ff_partnter_mbl_dropdown.opacity .option:nth-child(2) {
    -webkit-transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
    transition: opacity 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
    transition: opacity 0.5s 0.2s, transform 0.5s 0.2s;
    transition: opacity 0.5s 0.2s, transform 0.5s 0.2s, -webkit-transform 0.5s 0.2s;
  }
  .ff_partnter_mbl_dropdown.opacity .option:nth-child(3) {
    -webkit-transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
    transition: opacity 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
    transition: opacity 0.5s 0.3s, transform 0.5s 0.3s;
    transition: opacity 0.5s 0.3s, transform 0.5s 0.3s, -webkit-transform 0.5s 0.3s;
  }
  .ff_partnter_mbl_dropdown.opacity .option:nth-child(4) {
    -webkit-transition: opacity 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
    transition: opacity 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
    transition: opacity 0.5s 0.4s, transform 0.5s 0.4s;
    transition: opacity 0.5s 0.4s, transform 0.5s 0.4s, -webkit-transform 0.5s 0.4s;
  }
  .ff_partnter_mbl_dropdown.opacity .option:nth-child(5) {
    -webkit-transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, transform 0.5s 0.5s;
    transition: opacity 0.5s 0.5s, transform 0.5s 0.5s, -webkit-transform 0.5s 0.5s;
  }
  .ff_partnter_mbl_dropdown.opacity .option:nth-child(6) {
    -webkit-transition: opacity 0.5s 0.6s, -webkit-transform 0.5s 0.6s;
    transition: opacity 0.5s 0.6s, -webkit-transform 0.5s 0.6s;
    transition: opacity 0.5s 0.6s, transform 0.5s 0.6s;
    transition: opacity 0.5s 0.6s, transform 0.5s 0.6s, -webkit-transform 0.5s 0.6s;
  }
  .ff_partnter_mbl_dropdown.opacity .option:nth-child(7) {
    -webkit-transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
    transition: opacity 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
    transition: opacity 0.5s 0.7s, transform 0.5s 0.7s;
    transition: opacity 0.5s 0.7s, transform 0.5s 0.7s, -webkit-transform 0.5s 0.7s;
  }
  .ff_partnter_mbl_dropdown.opacity .option:nth-child(8) {
    -webkit-transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
    transition: opacity 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
    transition: opacity 0.5s 0.8s, transform 0.5s 0.8s;
    transition: opacity 0.5s 0.8s, transform 0.5s 0.8s, -webkit-transform 0.5s 0.8s;
  }
  .ff_partnter_mbl_dropdown.opacity .option:nth-child(9) {
    -webkit-transition: opacity 0.5s 0.9s, -webkit-transform 0.5s 0.9s;
    transition: opacity 0.5s 0.9s, -webkit-transform 0.5s 0.9s;
    transition: opacity 0.5s 0.9s, transform 0.5s 0.9s;
    transition: opacity 0.5s 0.9s, transform 0.5s 0.9s, -webkit-transform 0.5s 0.9s;
  }
  .ff_partnter_mbl_dropdown.withBG .option {
    -webkit-transition: background-color 0.1s;
    transition: background-color 0.1s;
  }
  .ff_partnter_mbl_dropdown.withBG .option:not(.placeholder):hover {
    background-color: #f8b233;
  }
  .ff_partnter_mbl_dropdown.withBG .option:not(.placeholder).active {
    background-color: #f8b233;
  }
  .ff_partnter_mbl_dropdown:after, .ff_partnter_mbl_dropdown:before {
    content: "";
    position: absolute;
    top: 1.5em;
    right: 1em;
    width: 0.75em;
    height: 0.75em;
    border: 0.2em solid #565656;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
  }
  .ff_partnter_mbl_dropdown:before {
    border-left: none;
    border-top: none;
    top: 1em;
  }
  .ff_partnter_mbl_dropdown:after {
    border-right: none;
    border-bottom: none;
    opacity: 0;
  }
  
  .mini-hack {
    opacity: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  
.owl-theme .owl-nav [class*=owl-] {
    margin: auto !important;
    padding: auto !important;
    background-color: transparent !important;
}

.owl-prev, .owl-next {
    background-color: transparent !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    top: 35% !important;
}
.owl-prev:hover, .owl-next:hover {
    background-color: transparent !important;
}
.owl-prev {
    background: url("../img/carousel-arrow-left.png") !important;
    left: 5px !important;
}
.owl-next {
    background: url("../img/carousel-arrow-right.png") !important;
}

.cooking_partners_container .owl-prev {
    left: -25px !important;
}
/* .cooking_partners_container .owl-next {
    right: 0 !important;
} */

.badge img.new-recipe-badge {
    margin-top: -5px;
    margin-left: -5px;
}

.recipe_tools .triggers a {
    width: 50px;
    height: 50px;
    background-image: url(../img/ff_sprite.png);
    background-position: -13px -455px;
    float: right;
    border: 1px solid #cdcdcd;
    border-radius: 50%;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    margin-right: 45px;
}
.recipe_tools .triggers a:hover {
    background-color: #f7b032;
    background-position: -13px -509px;
}
.recipe_tools .triggers a.like-recipe {
    background-position: -73px -455px;
}
.recipe_tools .triggers a.like-recipe.liked-recipe,
.recipe_tools .triggers a.like-recipe:hover {
    background-color: #f7b032;
    background-position: -73px -509px;
}
.recipe_tools .triggers a.share-recipe {
    background-position: -130px -455px;
    margin-right: 0;
}
.recipe_tools .triggers a.share-recipe.active,
.recipe_tools .triggers a.share-recipe:hover {
    background-color: #f7b032;
    background-position: -130px -509px;
}
.share-recipe-box {
    position: absolute;
    margin: 0px 0 0 10px;
    background: #fff;
    padding: 10px 5px 5px 10px;
    z-index: 99;
    border: 1px #ebebeb solid;
    box-shadow: 0px 2px 1px 0px rgba(0,0,0,.08);
}
.widget_ff_trending_recipe_widget .uk-switcher {
    margin-top: 40px;
}
.widget_ff_trending_recipe_widget .ff_rbox1 {
    overflow: auto;
    width: 100%;
}

/*
.sm-bp-tablet .brand_info p {
    font-size: 14px;
    clear: both;
}*/

.you_may_also_like {
    background-color: #f8f8f8;
    padding: 40px 0 10px;
}
.you_may_also_like .bx-wrapper .bx-viewport {
    background: none;
}
.you_may_also_like .xslider .uk-card:first-child {
    padding: 17px 5px 0;
}
.you_may_also_like .xslider .uk-card:last-child {
    padding: 6px 5px 0;
}


body.iPhone .hcol-one .content button.find {
    right: 30px;
    margin-top: 10px;
}
body.iPhone .autocomplete-suggestions {
    margin-top: 0px !important;
}
body.iPhone .header_search_trigger {
    margin-top: 20px !important;
    margin-bottom: -20px !important;
}

.home_recipe_categories {
    padding: 10px 0;
}
.home_recipe_categories .item {
    list-style: none;
    float: left;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    margin-bottom: 10px;
    padding: 5px 40px 5px 10px;
    box-shadow: 0 1px 10px rgba(0,0,0,.08);
    /* min-width: 222px; */
}
.home_recipe_categories .item .category_icon {
    width: 100%;
    display: block;
    background-color: #f9f9f9;
    text-align: center;
    padding: 15px 16px;
    border-radius: 10px;
}
.home_recipe_categories .item .category_icon img {
    width: 65%;
    height: auto;
    display: inline-block;
}
.home_recipe_categories .item .category_name {
    font-family: "Poppins", Arial;
    margin: 15px 0 0;
}
.home_recipe_categories .item .recipe_count {
    font-family: "Poppins", Arial;
    font-size: 16px;
    color: #f6b132;
    margin: 0px 0 8px;
}
.home_recipe_categories .owl-item {
    width: auto !important;
}
/* .home_recipe_categories .owl-nav {
    position: absolute;
    margin-top: -130px;
    width: 100%;
} */
.home_recipe_categories .owl-nav .owl-prev {
    left: -25px !important;
}
/* .home_recipe_categories .owl-nav .owl-next {
    right: 20px !important;
} */

.page-template-categories-tpl .home_recipe_categories .item {
    /* padding: 5px 36px 5px 10px;
    margin: 10px 20px 10px 0; */
    padding: 10px;
    /* margin: 10px 2%; */
    /* width: 19%; */
    float: none;
}
.page-template-categories-tpl .home_recipe_categories .item .category_icon {
    /* padding: 15px 13px; */
    padding: 15px 0;
}

footer .menu-our-mobile-apps-container.mobile {
    text-align: center;
    margin: 30px 0 0 !important;
    padding: 0;
}

.mobile-apps-container {
    background-color: rgba(0, 0, 0, 0.60);
    border-radius: 10px;
    width: auto;
    padding: 10px 0;
}

.mobile-apps-container h5 {
    color: #fff;
    text-transform: uppercase;
    font-family: "Poppins", Arial;
    margin-bottom: 10px;
}

.mobile-apps-container a {
    margin: 5px;
    display: inline-block;
}

.ukkitnoleftmarginforce {
    margin-left: 0;
}

.ukkitnoleftmarginforce .uk-first-column {
    padding-left: 0;
}

.hcol-one .item {
    margin-top: 20px;
}

.select2-drop {z-index: 99999999 !important}