.blog .blogfeaimg {
    display: none !important
}

.blogpage {
    margin-top: 20px !important
}

.post-template-default .blogfeaimg {
    display: none !important
}

html,
body {
    overflow: auto;
    height: auto
}

@font-face {
    font-display: swap;
    font-family: 'Archer-Bold';
    src: url('/wp-content/themes/gracefoods/fonts/Archer-Bold.eot?#iefix') format('embedded-opentype'), url(/wp-content/themes/gracefoods/fonts/Archer-Bold.otf) format('opentype'), url(/wp-content/themes/gracefoods/fonts/Archer-Bold.woff) format('woff'), url(/wp-content/themes/gracefoods/fonts/Archer-Bold.ttf) format('truetype'), url('/wp-content/themes/gracefoods/fonts/Archer-Bold.svg#Archer-Bold') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Archer-BoldItalic';
    src: url('/wp-content/themes/gracefoods/fonts/Archer-BoldItalic.eot?#iefix') format('embedded-opentype'), url(/wp-content/themes/gracefoods/fonts/Archer-BoldItalic.otf) format('opentype'), url(/wp-content/themes/gracefoods/fonts/Archer-BoldItalic.woff) format('woff'), url(/wp-content/themes/gracefoods/fonts/Archer-BoldItalic.ttf) format('truetype'), url('/wp-content/themes/gracefoods/fonts/Archer-BoldItalic.svg#Archer-BoldItalic') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'BrandonGrotesque-Black';
    src: url('/wp-content/themes/gracefoods/fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'), url(/wp-content/themes/gracefoods/fonts/BrandonGrotesque-Black.otf) format('opentype'), url(/wp-content/themes/gracefoods/fonts/BrandonGrotesque-Black.woff) format('woff'), url(/wp-content/themes/gracefoods/fonts/BrandonGrotesque-Black.ttf) format('truetype'), url('/wp-content/themes/gracefoods/fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-display: swap;
    font-family: 'Archer Medium';
    src: url(/wp-content/themes/gracefoods/fonts/Archer-Medium.eot);
    src: url('/wp-content/themes/gracefoods/fonts/Archer-Medium.eot?#iefix') format('embedded-opentype'), url(/wp-content/themes/gracefoods/fonts/Archer-Medium.woff2) format('woff2'), url(/wp-content/themes/gracefoods/fonts/Archer-Medium.woff) format('woff'), url('/wp-content/themes/gracefoods/fonts/Archer-Medium.svg#Archer-Medium') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

caption,
th,
td {
    font-weight: 400;
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-weight: 400
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: none
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none
}

del {
    color: #333
}

ins {
    background: #fff9c0;
    text-decoration: none
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
    margin-bottom: 1.714285714rem
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

small {
    font-size: smaller
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

input,
select,
textarea {
    outline: none
}

.clear:after,
.wrapper:after,
.format-status .entry-header:after {
    clear: both
}

.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
    display: table;
    content: ""
}

.page-title,
.widget-title,
.entry-content th,
.comment-content th {
    color: #f24614;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 24px;
    text-transform: uppercase
}

.archive-title , h1.archive-title-from-index-file {
    color: #f24614;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 30px;
    text-transform: uppercase
}

h1.archive-title-from-index-file {
    padding-bottom: 22px;
    margin-bottom: 40px;
    border-bottom: 1px solid #ededed;
}

article.format-quote footer.entry-meta,
article.format-link footer.entry-meta,
article.format-status footer.entry-meta {
    font-size: 11px;
    font-size: .785714286rem;
    line-height: 2.181818182
}

button,
input,
select,
textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    font-family: inherit;
    padding: 6px;
    padding: .428571429rem
}

button,
input {
    line-height: normal
}

textarea {
    font-size: 100%;
    overflow: auto;
    vertical-align: top
}

input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
    border: 0;
    border-radius: 0;
    padding: 0
}

.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
.bypostauthor cite span {
    padding: 6px 10px;
    padding: .428571429rem .714285714rem;
    font-size: 11px;
    font-size: .785714286rem;
    line-height: 1.428571429;
    font-weight: 400;
    color: #7c7c7c;
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, .1)
}

.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    cursor: pointer
}

button[disabled],
input[disabled] {
    cursor: default
}

.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
    color: #5e5e5e;
    background-color: #ebebeb;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: linear-gradient(top, #f9f9f9, #ebebeb)
}

.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    color: #757575;
    background-color: #e1e1e1;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1);
    background-image: linear-gradient(top, #ebebeb, #e1e1e1);
    box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
    border-color: transparent
}

.bypostauthor cite span {
    color: #fff;
    background-color: #21759b;
    background-image: none;
    border: 1px solid #1f6f93;
    border-radius: 2px;
    box-shadow: none;
    padding: 0
}

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto
}

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 100%;
    height: auto
}

embed,
iframe,
object,
video {
    max-width: 100%
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
    border-radius: 0;
    box-shadow: none
}

.wp-caption {
    max-width: 100%;
    padding: 4px
}

.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
    font-style: italic;
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 2;
    color: #757575
}

img.wp-smiley,
.rsswidget img {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.entry-content dl.gallery-item {
    margin: 0
}

.gallery-item a,
.gallery-caption {
    width: 90%
}

.gallery-item a {
    display: block
}

.gallery-caption a {
    display: inline
}

.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto
}

.gallery .gallery-icon img {
    height: auto;
    max-width: 90%;
    padding: 5%
}

.gallery-columns-1 .gallery-icon img {
    padding: 3%
}

.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden
}

#nav-above {
    padding: 24px 0;
    padding: 1.714285714rem 0
}

#nav-above {
    display: none
}

.paged #nav-above {
    display: block
}

.nav-previous,
.previous-image {
    float: left;
    width: 50%
}

.nav-next,
.next-image {
    float: right;
    text-align: right;
    width: 50%
}

.nav-single+.comments-area,
#comment-nav-above {
    margin: 48px 0;
    margin: 3.428571429rem 0
}

.author .archive-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.author-info {
    border-top: 1px solid #ededed;
    margin: 24px 0;
    margin: 1.714285714rem 0;
    padding-top: 24px;
    padding-top: 1.714285714rem;
    overflow: hidden
}

.author-description p {
    color: #757575;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846
}

.author.archive .author-info {
    border-top: 0;
    margin: 0 0 48px;
    margin: 0 0 3.428571429rem
}

.author.archive .author-avatar {
    margin-top: 0
}

.ubermenu-submenu-type-mega {
    font-weight: 700 !important
}

.ubermenu-submenu-type-mega ul li.all_recipe {
    font-weight: 800 !important
}

.ubermenu-submenu-type-mega .ubermenu-target-title {
    padding-left: 10px
}

body {
    font-size: 20px;
    font-family: 'Archer-Bold';
    text-rendering: optimizeLegibility
}

body p,
body li,
body span,
body #content {
    font-family: 'Archer Medium'
}

a {
    outline: none;
    color: #59c3c5;
    text-decoration: none
}

a:hover {
    color: #ed1c24
}

.assistive-text,
.site .screen-reader-text {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px)
}

.main-navigation .assistive-text:focus {
    background: #fff;
    border: 2px solid #333;
    border-radius: 3px;
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 12px;
    padding: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 100000
}

html,
body {
    margin: 0;
    padding: 0
}

.site {
    padding: 0;
    position: relative
}

.site-content {
    margin: 0
}

.widget-area {
    margin: 24px 0 0;
    margin: 1.1em 0 0
}

.site-header {
    width: 100%;
    float: left;
    background: #59b7b9
}

.site-header h1,
.site-header h2 {
    text-align: center
}

.site-header h1 a,
.site-header h2 a {
    color: #515151;
    display: inline-block;
    text-decoration: none
}

.site-header h1 a:hover,
.site-header h2 a:hover {
    color: #21759b
}

.site-header h1 {
    font-size: 24px;
    font-size: 1.714285714rem;
    line-height: 1.285714286;
    margin-bottom: 14px;
    margin-bottom: 1rem
}

.site-header h2 {
    font-weight: 400;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846;
    color: #757575
}

.header-image {
    margin-top: 24px;
    margin-top: 1.714285714rem
}

.main-navigation {
    width: 100%;
    float: left;
    background: #ee9222
}

.navin {
    width: 100%;
    max-width: 1170px;
    margin: auto
}

.main-navigation a {
    color: #5e5e5e;
    font-family: 'Archer Medium'
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: #21759b
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu>ul {
    display: none
}

.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
    display: inline-block
}

section[role="banner"] {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem
}

.widget-area .widget {
    -moz-hyphens: auto;
    margin-bottom: 10px;
    word-wrap: break-word
}

.widget-area .widget h3 {
    margin-bottom: 6px
}

.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    list-style: outside none none;
    margin-bottom: 3px
}

.widget-area .widget p {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.widget-area .textwidget ul {
    list-style: disc outside;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem
}

.widget-area .textwidget li {
    margin-left: 0
}

.widget-area .widget a {
    color: #000
}

.widget-area .widget a:hover {
    color: #f05338
}

.widget-area #s {
    width: 53.66666666666%
}

footer {
    width: 100%;
    float: left;
    background: #59babc;
    padding: 27px 0
}

.site-info {
    width: 100%;
    max-width: 1040px;
    margin: auto
}

.site-info .widget_sp_image {
    width: 100%;
    float: left;
    max-width: 152px
}

.site-info .widget_sp_image img {
    width: 100%;
    float: left
}

.site-info .textwidget .sitesec {
    width: 33.3%;
    float: left;
    color: #fff;
    font-size: 15px;
    line-height: 18px
}

.arnd-wrl {
    float: left !important;
    text-align: center !important;
    width: 20% !important;
    margin-bottom: 0px !important
}

.arnd-wrl img {
    display: inline-block !important;
    margin: 0;
    float: left;
    vertical-align: middle
}

.site-info .widget_text .links li:first-child {
    margin-left: 0px !important
}

.arnd-wrl p {
    font-size: 1.125em;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin: 0;
    line-height: 45px
}

.site-info .textwidget .sitesec a {
    color: #fff
}

.site-info .widget_nav_menu {
    width: 100%;
    float: right;
    max-width: 788px;
    margin: 20px 0 0 0
}

.site-info .widget_nav_menu ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.site-info .widget_nav_menu ul li {
    width: auto;
    float: left;
    line-height: 18px;
    margin: 0 35px;
    color: #fff
}

.site-info .widget_nav_menu ul li:first-child {
    margin-left: 0
}

.site-info .widget_nav_menu ul li:last-child {
    margin-right: 0
}

.site-info .widget_nav_menu ul li a {
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    line-height: 18px
}

.site-info .widget_nav_menu ul li a:hover {
    color: #000
}

.entry-meta {
    clear: both
}

.entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    display: none
}

.entry-header img.wp-post-image {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.entry-header .entry-title {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: 400
}

.entry-header .entry-title a {
    text-decoration: none
}

.entry-header .entry-format {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-weight: 400
}

.entry-header .comments-link {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846;
    color: #757575
}

.comments-link a,
.entry-meta a {
    color: #757575
}

.comments-link a:hover,
.entry-meta a:hover {
    color: #21759b
}

article.sticky .featured-post {
    border-top: 4px double #ededed;
    border-bottom: 4px double #ededed;
    color: #757575;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 3.692307692;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    text-align: center
}

.entry-content,
.entry-summary,
.mu_register {
    line-height: 1.714285714
}

.entry-content h1,
.comment-content h1,
.entry-content h2,
.comment-content h2,
.entry-content h3,
.comment-content h3,
.entry-content h4,
.comment-content h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
    margin: 24px 0;
    margin: 1.714285714rem 0;
    line-height: 1.714285714
}

.entry-content h1,
.comment-content h1 {
    font-size: 21px;
    font-size: 1.5rem;
    line-height: 1.5
}

.entry-content h2,
.comment-content h2,
.mu_register h2 {
    font-size: 1.25em;
    line-height: 1.25em;
    margin: 5px 0 15px
}

h1.event-page-title {
    width: 100%;
    font-size: 67px !important;
    text-align: center;
    line-height: 67px;
    color: #0571b3;
    text-transform: uppercase;
    margin: 45px 0px;
}

h1.search-page-title{
    color: #f24614;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
    text-transform: uppercase;
    padding-bottom: 12px;
    margin: 30px 0px;
    text-align: center;
    border-bottom: 1px solid #ededed;
}

h1.entry-title {
    width: 100%;
    font-size: 83px;
    line-height: 83px;
    color: #0571b3;
    text-transform: uppercase;
    margin: 120px 0px;
    text-align: center;
}

.entry-content.red h2,
.entry-content .product-cont h1 {
    color: #1072b6;
    text-align: center;
    font-family: 'Archer-BoldItalic'
}

.entry-content h3,
.comment-content h3 {
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.846153846
}

.entry-content h4,
.comment-content h4 {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.846153846
}

.entry-content h5,
.comment-content h5 {
    font-size: 13px;
    font-weight: 700;
    color: #f6640d;
    text-transform: uppercase;
    padding: 15px 0 0;
    display: block;
    margin: 0
}

.entry-content h6,
.comment-content h6 {
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 1.846153846
}

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p {
    font-size: 17px;
    margin: 0 0 16px;
    line-height: 1.45em;
    color: #6d6e70
}

.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem;
    line-height: 1.714285714
}

.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
    margin-bottom: 0
}

.entry-content ul,
.comment-content ul,
.mu_register ul {
    list-style: disc outside
}

.entry-content ol,
.comment-content ol {
    list-style: decimal outside
}

.entry-content li,
.comment-content li,
.mu_register li {
    margin: 0 0 0 36px;
    margin: 0 0 0 2.571428571rem
}

.entry-content blockquote,
.comment-content blockquote {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    padding: 24px;
    padding: 1.714285714rem;
    font-style: italic
}

.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
    margin-bottom: 0
}

.entry-content code,
.comment-content code {
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 2
}

.entry-content pre,
.comment-content pre {
    border: 1px solid #ededed;
    color: #666;
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 1.714285714;
    margin: 24px 0;
    margin: 1.714285714rem 0;
    overflow: auto;
    padding: 24px;
    padding: 1.714285714rem
}

.entry-content pre code,
.comment-content pre code {
    display: block
}

.entry-content abbr,
.comment-content abbr,
.entry-content dfn,
.comment-content dfn,
.entry-content acronym,
.comment-content acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

.entry-content address,
.comment-content address {
    display: block;
    line-height: 1.714285714;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem
}

img.alignleft,
.wp-caption.alignleft {
    margin: 12px 24px 12px 0;
    margin: .857142857rem 1.714285714rem .857142857rem 0
}

img.alignright,
.wp-caption.alignright {
    margin: 12px 0 12px 24px;
    margin: .857142857rem 0 .857142857rem 1.714285714rem
}

img.aligncenter,
.wp-caption.aligncenter {
    clear: both;
    margin-top: 12px;
    margin-top: .857142857rem;
    margin-bottom: 12px;
    margin-bottom: .857142857rem
}

.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.entry-content dl,
.comment-content dl {
    margin: 0 24px;
    margin: 0 1.714285714rem
}

.entry-content dt,
.comment-content dt {
    font-weight: 700;
    line-height: 1.714285714
}

.entry-content dd,
.comment-content dd {
    line-height: 1.714285714;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.entry-content table,
.comment-content table {
    font-size: 12px;
    width: 100%
}

.entry-content table caption,
.comment-content table caption {
    font-size: 16px;
    font-size: 1.142857143rem;
    margin: 24px 0;
    margin: 1.714285714rem 0
}

.entry-content td,
.comment-content td {
    border-top: none;
    padding: 6px 10px;
    text-align: center
}

.site-content article {
    margin-bottom: 15px;
    padding-bottom: 15px;
    word-wrap: break-word
}

.page-links {
    clear: both;
    line-height: 1.714285714
}

footer.entry-meta {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846;
    color: #757575
}

.single-author .entry-meta .by-author {
    display: none
}

.mu_register h2 {
    color: #757575;
    font-weight: 400
}

.all_recipe {
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
    padding: 50px 0 0 0;
    border-top: 1px solid #8f9498
}

.all_recipe .searchform {
    width: 100%;
    float: left;
    position: relative;
    margin: 0 0 60px 0;
    -webkit-box-shadow: -1px 0 15px 3px rgba(0, 0, 0, .25);
    box-shadow: -1px 0 15px 3px rgba(0, 0, 0, .25)
}

.all_recipe .searchform input[type="text"] {
    width: 80%;
    background-color: #fff;
    border: none;
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 25px;
    border-radius: 0;
    color: #a5a7aa;
    height: 55px;
    line-height: 55px
}

.all_recipe .searchform input[type="text"]::-webkit-input-placeholder {
    color: #a5a7aa
}

.all_recipe .searchform input[type="text"]:-moz-placeholder {
    color: #a5a7aa
}

.all_recipe .searchform input[type="text"]::-moz-placeholder {
    color: #a5a7aa
}

.all_recipe .searchform input[type="text"]:-ms-input-placeholder {
    color: #a5a7aa
}

.all_recipe .searchform input[type="submit"] {
    width: 20%;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    border: none;
    box-shadow: none;
    font-size: 25px;
    background: #0061a9;
    padding: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.all_recipe h1 {
    width: 100%;
    float: left;
    font-size: 83px;
    line-height: 83px;
    color: #0571b3;
    text-transform: uppercase;
    margin: 90px 0 50px 0;
    font-family: 'Archer-Bold';
    text-align: center
}

.recipe_cont {
    overflow: hidden;
    width: 100%;
    float: left
}

.recipe_inner {
    width: 30.7%;
    float: left;
    margin: 0 34px 50px 0;
    min-height: 310px
}

.recipe_inner:nth-child(3n) {
    float: right;
    margin-right: 0
}

.recipe_inner img {
    max-width: 100%;
    height: auto;
}

.recipe_inner h3 {
    color: #59c3c5 !important;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    margin: 10px 0 0 0
}

.recipe_inner h3 a {
    color: #59c3c5 !important;
    font-size: 22px
}

.recipe_inner:hover h3 a {
    color: #000 !important
}

.recipe_inner h4 {
    color: #59c3c5 !important;
    font-size: 22px;
    line-height: 22px;
    text-align: center;
    margin: 10px 0 0 0
}

.recipe_inner h4 a {
    color: #59c3c5 !important
}

.recipe_inner_bnnr {
    position: relative
}

.recipe_inner_bnnr span {
    position: absolute;
    top: -40px;
    left: 0;
    background: url(/wp-content/themes/gracefoods/images/vidimbn.png) no-repeat;
    width: 123px;
    height: 163px
}

.recipe_conttt {
    overflow: visible
}

.archive-header,
.page-header {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    padding-bottom: 22px;
    padding-bottom: 1.571428571rem;
    border-bottom: 1px solid #ededed
}

.archive-meta {
    color: #757575;
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 2;
    margin-top: 22px;
    margin-top: 1.571428571rem
}

.attachment .entry-content .mejs-audio {
    max-width: 400px
}

.attachment .entry-content .mejs-container {
    margin-bottom: 24px
}

.article.attachment {
    overflow: hidden
}

.image-attachment div.attachment {
    text-align: center
}

.image-attachment div.attachment p {
    text-align: center
}

.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%
}

.image-attachment .entry-caption {
    margin-top: 8px;
    margin-top: .571428571rem
}

article.format-aside h1 {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

article.format-aside h1 a {
    text-decoration: none;
    color: #4d525a
}

article.format-aside h1 a:hover {
    color: #2e3542
}

article.format-aside .aside {
    padding: 24px 24px 0;
    padding: 1.714285714rem;
    background: #d2e0f9;
    border-left: 22px solid #a8bfe8
}

article.format-aside p {
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846;
    color: #4a5466
}

article.format-aside blockquote:last-child,
article.format-aside p:last-child {
    margin-bottom: 0
}

article.format-image footer h1 {
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846;
    font-weight: 400
}

article.format-image footer h2 {
    font-size: 11px;
    font-size: .785714286rem;
    line-height: 2.181818182
}

article.format-image footer a h2 {
    font-weight: 400
}

article.format-link header {
    padding: 0 10px;
    padding: 0 .714285714rem;
    float: right;
    font-size: 11px;
    font-size: .785714286rem;
    line-height: 2.181818182;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    color: #848484;
    background-color: #ebebeb;
    border-radius: 3px
}

article.format-link .entry-content {
    max-width: 80%;
    float: left
}

article.format-link .entry-content a {
    font-size: 22px;
    font-size: 1.571428571rem;
    line-height: 1.090909091;
    text-decoration: none
}

article.format-quote .entry-content p {
    margin: 0;
    padding-bottom: 24px;
    padding-bottom: 1.714285714rem
}

article.format-quote .entry-content blockquote {
    display: block;
    padding: 24px 24px 0;
    padding: 1.714285714rem 1.714285714rem 0;
    font-size: 15px;
    font-size: 1.071428571rem;
    line-height: 1.6;
    font-style: normal;
    color: #6a6a6a;
    background: #efefef
}

.format-status .entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.format-status .entry-header header {
    display: inline-block
}

.format-status .entry-header h1 {
    font-size: 15px;
    font-size: 1.071428571rem;
    font-weight: 400;
    line-height: 1.6;
    margin: 0
}

.format-status .entry-header h2 {
    font-size: 12px;
    font-size: .857142857rem;
    font-weight: 400;
    line-height: 2;
    margin: 0
}

.format-status .entry-header header a {
    color: #757575
}

.format-status .entry-header header a:hover {
    color: #21759b
}

.format-status .entry-header img {
    float: left;
    margin-right: 21px;
    margin-right: 1.5rem
}

.comments-title {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem;
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5;
    font-weight: 400
}

.comments-area article {
    margin: 24px 0;
    margin: 1.714285714rem 0
}

.comments-area article header {
    margin: 0 0 48px;
    margin: 0 0 3.428571429rem;
    overflow: hidden;
    position: relative
}

.comments-area article header img {
    float: left;
    padding: 0;
    line-height: 0
}

.comments-area article header cite,
.comments-area article header time {
    display: block;
    margin-left: 85px;
    margin-left: 6.071428571rem
}

.comments-area article header cite {
    font-style: normal;
    font-size: 15px;
    font-size: 1.071428571rem;
    line-height: 1.42857143
}

.comments-area cite b {
    font-weight: 400
}

.comments-area article header time {
    line-height: 1.714285714;
    text-decoration: none;
    font-size: 12px;
    font-size: .857142857rem;
    color: #5e5e5e
}

.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e
}

.comments-area article header a:hover {
    color: #21759b
}

.comments-area article header cite a {
    color: #444
}

.comments-area article header cite a:hover {
    text-decoration: underline
}

.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    padding: .428571429rem .857142857rem;
    font-size: 12px;
    font-size: .857142857rem;
    font-weight: 400;
    color: #fff;
    background-color: #0088d0;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #009cee, #0088d0);
    background-image: -ms-linear-gradient(top, #009cee, #0088d0);
    background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
    background-image: -o-linear-gradient(top, #009cee, #0088d0);
    background-image: linear-gradient(top, #009cee, #0088d0);
    border-radius: 3px;
    border: 1px solid #007cbd
}

.comments-area .bypostauthor cite span {
    position: absolute;
    margin-left: 5px;
    margin-left: .357142857rem;
    padding: 2px 5px;
    padding: .142857143rem .357142857rem;
    font-size: 10px;
    font-size: .714285714rem
}

.comments-area .bypostauthor cite b {
    font-weight: 700
}

a.comment-reply-link,
a.comment-edit-link {
    color: #686868;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846
}

a.comment-reply-link:hover,
a.comment-edit-link:hover {
    color: #21759b
}

.commentlist .pingback {
    line-height: 1.714285714;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

#respond {
    margin-top: 48px;
    margin-top: 3.428571429rem
}

#respond h3#reply-title {
    font-size: 16px;
    font-size: 1.142857143rem;
    line-height: 1.5
}

#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 10px;
    margin-left: .714285714rem;
    font-weight: 400;
    font-size: 12px;
    font-size: .857142857rem
}

#respond form {
    margin: 24px 0;
    margin: 1.714285714rem 0
}

#respond form p {
    margin: 11px 0;
    margin: .785714286rem 0
}

#respond form p.logged-in-as {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

#respond form label {
    display: block;
    line-height: 1.714285714
}

#respond form input[type="text"],
#respond form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 1.714285714;
    padding: 10px;
    padding: .714285714rem;
    width: 100%
}

#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 2;
    color: #5e5e5e
}

.required {
    color: red
}

.entry-page-image {
    margin-bottom: 14px;
    margin-bottom: 1rem
}

.template-front-page .site-content article {
    border: 0;
    margin-bottom: 0
}

.template-front-page .widget-area {
    clear: both;
    float: none;
    width: auto;
    padding-top: 24px;
    padding-top: 1.714285714rem;
    border-top: 1px solid #ededed
}

.template-front-page .widget-area .widget li {
    margin: 8px 0 0;
    margin: .571428571rem 0 0;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.714285714;
    list-style-type: square;
    list-style-position: inside
}

.template-front-page .widget-area .widget li a {
    color: #757575
}

.template-front-page .widget-area .widget li a:hover {
    color: #21759b
}

.template-front-page .widget-area .widget_text img {
    float: left;
    margin: 8px 24px 8px 0;
    margin: .571428571rem 1.714285714rem .571428571rem 0
}

.widget-area .widget ul ul {
    margin-left: 12px;
    margin-left: .857142857rem
}

.widget_rss li {
    margin: 12px 0;
    margin: .857142857rem 0
}

.widget_recent_entries .post-date,
.widget_rss .rss-date {
    color: #aaa;
    font-size: 11px;
    font-size: .785714286rem;
    margin-left: 12px;
    margin-left: .857142857rem
}

#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846;
    color: #686868
}

#wp-calendar th,
#wp-calendar td,
#wp-calendar caption {
    text-align: left
}

#wp-calendar #next {
    padding-right: 24px;
    padding-right: 1.714285714rem;
    text-align: right
}

.widget_search label {
    display: block;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846
}

.widget_twitter li {
    list-style-type: none
}

.widget_twitter .timesince {
    display: block;
    text-align: right
}

img#wpstats {
    display: block;
    margin: 0 auto 24px;
    margin: 0 auto 1.714285714rem
}

.fixed-width {
    width: 100%;
    float: left
}

.hdr-top {
    width: 100%;
    max-width: 1170px;
    margin: auto
}

.hdr-top h1 {
    float: left;
    margin-left: 173px
}

.site-branding {
    width: 100%;
    float: left;
    margin: 13px 0
}

.logo {
    width: 100%;
    float: left;
    text-align: center
}

.logo img {
    width: 100%;
    max-width: 180px;
    display: inline-block
}

.hdr-top h1 a.logo {
    background: url(/wp-content/themes/gracefoods/images/logo.png) 0 0 no-repeat;
    width: 555px;
    height: 71px;
    display: block;
    text-indent: -9999px
}

.hdr-top .social-icons {
    float: right;
    margin: 24px 0 0
}

.hdr-top .social-icons li {
    float: left;
    margin-left: 9px
}

.hdr-top .social-icons li a {
    background-image: url(/wp-content/themes/gracefoods/images/social-icons.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 28px;
    display: block;
    text-indent: -9999px
}

.hdr-top .social-icons li.fb a {
    background-position: 0 0
}

.hdr-top .social-icons li.fb a:hover {
    background-position: 0 -28px
}

.hdr-top .social-icons li.pt a {
    background-position: -28px 0
}

.hdr-top .social-icons li.pt a:hover {
    background-position: -28px -28px
}

.hdr-top .social-icons li.tw a {
    background-position: -56px 0
}

.hdr-top .social-icons li.tw a:hover {
    background-position: -56px -28px
}

.hdr-top .social-icons li.in a {
    background-position: -84px 0
}

.hdr-top .social-icons li.in a:hover {
    background-position: -84px -28px
}

.hdr-top .social-icons li.blg a {
    background-position: -112px 0
}

.hdr-top .social-icons li.blg a:hover {
    background-position: -112px -28px
}

.headright {
    width: auto;
    float: right;
    margin: -53px 5px 0 0
}

.headright .widget_search {
    margin: 0 0 0 20px
}

.headright input[type="submit"] {
    background: url(/wp-content/themes/gracefoods/images/sicon.png) no-repeat center center;
    width: 22px;
    height: 36px;
    float: right;
    transition: 0.5s;
    border: none;
    line-height: 36px;
    color: #000;
    padding: 5px 20px 5px 5px;
    font-size: 0;
    box-shadow: none;
    position: relative;
    z-index: 10000
}

.headright .widget div {
    position: relative
}

.headright input[type="text"] {
    display: none;
    position: absolute;
    right: 0;
    bottom: -66px;
    background: #fff;
    z-index: 100;
    width: 200px;
    height: 32px;
    padding: 0 10px;
    border: none;
    font-size: 18px;
    line-height: 32px
}

.headright .widget div:hover input[type="text"] {
    display: block
}

.headright .widget {
    width: auto;
    float: right
}

.headright .widget ul {
    width: auto;
    float: right;
    margin: 0;
    padding: 0;
    list-style: none
}

.headright .widget ul li {
    width: 33px;
    height: 32px;
    float: left;
    margin: 0 0 0 10px
}

.headright .widget ul li a {
    width: 33px;
    height: 32px;
    float: left;
    overflow: hidden
}

.headright .widget ul li a img {
    max-height: 64px
}

.headright .widget ul li a:hover img {
    margin-top: -32px
}

#main.wrapper {
    clear: both;
    margin: 20px auto;
    max-width: 1040px;
    width: 100%
}

.archive #main.wrapper {
    max-width: 760px
}

.date #main.wrapper {
    max-width: 100%;
    margin: auto
}

.date #main.wrapper .blogpage {
    max-width: 890px;
    margin: auto
}

#main.wrapper .responsive-slider.flexslider {
    background: url(/wp-content/themes/gracefoods/images/banner-frame.png) 0 0 no-repeat !important;
    width: 714px;
    height: 288px;
    padding: 18px 26px 28px 20px;
    margin: 0 auto;
    border: none;
    box-shadow: none
}

.home-cont-row {
    width: 100%;
    float: left;
    clear: both;
    max-width: 760px;
    margin: 0 auto
}

.home-cont-row .home-blk {
    margin: 0 1.65% 40px;
    width: 30%;
    float: left
}

.home-cont-row .home-blk .img-holder {
    width: 196px;
    height: 169px;
    padding: 12px 22px 27px 7px;
    margin-bottom: 0
}

.home-cont-row .home-blk .img-holder.one {
    background: url(/wp-content/themes/gracefoods/images/home-blk-1.png) 0 0 no-repeat
}

.home-cont-row .home-blk .img-holder.two {
    background: url(/wp-content/themes/gracefoods/images/home-blk-2.png) 0 0 no-repeat
}

.home-cont-row .home-blk .img-holder.three {
    background: url(/wp-content/themes/gracefoods/images/home-blk-3.png) 0 0 no-repeat
}

.home-cont-row .home-blk h3 {
    font-family: 'PostinoRomanItalic';
    color: #fc4302;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    margin-bottom: 7px;
    min-height: 40px
}

.home-cont-row .home-blk p {
    font-size: 12px;
    line-height: 16px;
    color: #6d6e71;
    margin: 0 10px
}

.home-cont-row .home-blk.two h3 {
    color: #899639
}

.home-cont-row .home-blk.three h3 {
    color: #087ac2
}

.innerpage-banner {
    background: url(/wp-content/themes/gracefoods/images/banner-frame.png) 0 0 no-repeat;
    width: 714px;
    height: 288px;
    padding: 18px 26px 28px 20px;
    margin: 0 auto;
    border: none;
    box-shadow: none;
    margin-bottom: 20px
}

.innerpage-banner.wherebuy {
    background: url(/wp-content/themes/gracefoods/images/banner-frame2.png) 0 0 no-repeat;
    padding: 18px 27px 28px 19px;
    margin-bottom: 20px
}

.whtext {
    width: 100%;
    float: left;
    max-width: 615px;
    margin: 70px 0 0 0 !important
}

.wherebuy-left {
    width: 100%;
    float: left
}

.whbnnr h1 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 119px;
    line-height: 119px;
    text-shadow: 0 0 20px #292922;
    padding: 127px 0;
    text-transform: uppercase
}

.wherebuy-left p {
    color: #000;
    font-size: 20px;
    line-height: 24px
}

.wherebuy-left p a {
    color: #f05338
}

.wherebuy-left h3 a {
    color: #f05338;
    font-size: 22px
}

.wherebuy-dropdw {
    width: 100%;
    max-width: 315px;
    float: right;
    margin: 70px 0 0 0
}

.wherebuy-dropdw .drpdw-holder {
    clear: both;
    float: left;
    margin-bottom: 14px;
    position: relative;
    width: 100%
}

.wherebuy-dropdw .drpdw-holder span {
    width: 100%;
    height: 57px;
    background: url(/wp-content/themes/gracefoods/images/select-dropdown.png) right center no-repeat #59babc;
    overflow: hidden;
    font-size: 17px;
    text-transform: uppercase;
    position: absolute;
    line-height: 57px;
    box-sizing: border-box;
    top: 0;
    left: 0;
    padding: 0 17px;
    color: #fff
}

.wherebuy-dropdw .drpdw-holder select {
    color: #000;
    float: left;
    font-size: 15px;
    height: 57px;
    line-height: 57px;
    padding: 0 0 0 5px;
    position: relative;
    width: 100%;
    z-index: 10
}

.wherebuy-lstng {
    width: 100%;
    float: left;
    clear: both;
    margin: 10px 0 0
}

.store_details table {
    border: none;
    border-top: 1px solid #d7d7d7;
    margin: 30px 0 20px;
    font-size: 1em
}

.store_details table td {
    border: none;
    border-bottom: 1px dotted #fc4302;
    text-align: center;
    font-size: .813em;
    color: #7a7979;
    vertical-align: middle;
    padding: 10px
}

.store_details table td a {
    color: #7a7979;
    text-decoration: none
}

.store_details table td a:hover {
    text-decoration: underline
}

.page-template-searchpage .entry-content.red {
    margin: 50px 0 0 0
}

.product-cont {
    text-align: center;
    margin: 20px 0 0 0
}

.product-cont p {
    color: #6d6e70
}

.product-data {
    width: 100%;
    float: left;
    clear: both;
    margin: 20px 0 30px;
    text-align: left
}

.product-data-header {
    display: block;
    width: 100%;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 28px;
    border-bottom: 1px solid #e2e2e2;
    color: #59babc;
    overflow: hidden;
    padding: 1px 0
}

.column1,
.column2,
.column3,
.column4 {
    font-size: .813em;
    float: left;
    display: block;
    line-height: 22px;
    padding: 4px 0
}

.column1 {
    width: 7%
}

.column2 {
    width: 27%
}

.column3 {
    width: 40%
}

.column4 {
    width: 22%
}

.product-data-row {
    clear: both
}

.product-row-header {
    display: block;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    color: #6d6e71;
    border-bottom: 1px solid #e2e2e2
}

.product-row-header:hover {
    color: #000
}

.acc-ico {
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/themes/gracefoods/images/acc-ico.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    margin-left: 10px;
    margin-top: 2px;
    overflow: hidden
}

.product-row-header.active .acc-ico {
    background-position: 0 -20px
}

.product-row-header.active {
    border-bottom: none
}

.product-row-cont {
    width: 100%;
    float: left;
    clear: both;
    font-size: .95em;
    padding: 20px 0 30px;
    font-size: 1em;
    display: none
}

.product-row-cont .product-img {
    width: 22%;
    float: left;
    margin-left: 4%;
    text-align: center;
    margin-top: 0;
    min-height: 20px
}

.product-row-cont .product-img img {
    max-width: 100%;
    max-height: 250px;
    height: auto;
    width: auto
}

.product-row-cont .product-det {
    width: 23%;
    float: left;
    margin-left: 1%;
    margin-top: 0;
    min-height: 20px
}

.product-row-cont .product-det img {
    max-width: 100%;
    height: auto
}

.product-row-cont .product-cont-rgt {
    width: 45%;
    float: left;
    margin-left: 3%
}

.product-row-cont .product-cont-rgt .product-cont-rgt-blk {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.product-row-cont .product-cont-rgt .product-cont-rgt-blk h4 {
    font-size: 20px;
    color: #6d6e70;
    line-height: 1em;
    text-transform: capitalize;
    margin: 0
}

.product-row-cont .product-cont-rgt .product-cont-rgt-blk p {
    color: #6d6e70;
    font-size: 15px;
    line-height: 1.45em
}

#site-navigation .ubermenu-skin-black-white-2 {
    border: none;
    background: none;
    box-shadow: none;
    text-align: center
}

#site-navigation .ubermenu-nav li.ubermenu-item {
    margin: 0 20px;
    float: none
}

#site-navigation .ubermenu-nav .ubermenu-submenu-id-87 li.ubermenu-item {
    float: left
}

.icon_search {
    background: url(/wp-content/themes/gracefoods/images/sicon.png) no-repeat center center;
    width: 22px;
    height: 22px;
    float: right;
    transition: 0.5s;
    border: none;
    line-height: 36px;
    color: #000;
    padding: 5px 5px 5px 5px;
    font-size: 0;
    box-shadow: none;
    position: relative;
    z-index: 10000;
    margin-left: 5px
}

.larg-menu {
    background: #fff;
    border: 1px solid #e0e0e0;
    display: none;
    position: absolute;
    top: 35px;
    right: 0;
    padding: 5px 0 5px 0;
    z-index: 10005;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6)
}

.icon_search:hover .larg-menu {
    display: block
}

.headright li.widget {
    display: none
}

.headright .larg-menu form#searchform {
    float: left;
    padding: 5px 0
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .main-navigation li a {
        font-weight: normal !important
    }
}

#site-navigation .ubermenu-nav li.ubermenu-item:first-child {
    margin-left: 0
}

#site-navigation .ubermenu-nav li.ubermenu-item:last-child {
    margin-right: 0
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-item-level-0>.ubermenu-target {
    color: #fff;
    display: block;
    font-size: 20px;
    text-transform: lowercase;
    line-height: 45px;
    padding: 0 10px;
    border: none;
    box-shadow: none;
    font-style: normal
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item>.ubermenu-target,
.ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-parent>.ubermenu-target,
#site-navigation .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-ancestor>.ubermenu-target {
    background: none
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-item-level-0>.ubermenu-target:hover,
#site-navigation .ubermenu-skin-black-white-2 .ubermenu-item-level-0>.ubermenu-target:focus {
    background: #fff;
    color: #ee9222;
    outline: none
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-item-level-0:hover>.ubermenu-target {
    background: #fff
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-active>.ubermenu-target,
#site-navigation .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item.ubermenu-active>.ubermenu-target {
    background: #fff;
    color: #ee9222
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-item-level-0.ubermenu-current-menu-item>.ubermenu-target {
    background: #fff;
    color: #ee9222
}

#site-navigation .ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target:after {
    display: none
}

#menu-item-201 span.ubermenu-target-title.ubermenu-target-text {
    text-align: center
}

.main-navigation li ul .lrg-menu {
    width: 100%;
    height: 100%;
    padding: 0;
    box-sizing: border-box
}

.main-navigation li ul .lrg-menu .menu-lf {
    width: 58%;
    float: left
}

.main-navigation li ul .lrg-menu .menu-lf div {
    width: 33.33%;
    float: left;
    padding-right: 15px;
    box-sizing: border-box
}

.main-navigation li ul .lrg-menu .menu-lf ul {
    width: 100%;
    margin: 0 0 15px;
    display: block;
    vertical-align: top
}

.main-navigation li ul .lrg-menu .menu-lf ul ul {
    width: 100%;
    padding-right: 0;
    margin: 0
}

.main-navigation li ul .lrg-menu .menu-lf ul ul li {
    display: block
}

.main-navigation li ul .lrg-menu .partner-column {
    width: 17%;
    float: left;
    box-sizing: border-box
}

.main-navigation li ul .lrg-menu .partner-column span.title,
.main-navigation li ul .lrg-menu .partner-column a.title {
    display: block;
    font-size: 17px;
    padding: 2px 0;
    color: #1a9a9c;
    line-height: 16px;
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left
}

.main-navigation li ul .lrg-menu .partner-column label {
    width: 100%;
    float: left;
    text-transform: uppercase;
    text-align: left;
    font-size: 17px;
    margin: 5px 0;
    color: #6d6e70
}

.main-navigation li ul .lrg-menu .partner-column ul li {
    display: block
}

.main-navigation li ul .lrg-menu .partner-column ul li a {
    font-weight: 400;
    color: #76777a;
    font-size: 17px;
    line-height: 21px;
    padding: 0;
    font-style: normal;
    text-transform: none
}

.main-navigation li ul .lrg-menu .partner-column ul li a:hover {
    color: #000
}

.main-navigation li ul .lrg-menu ul {
    width: auto;
    height: auto;
    clip: rect(auto, auto, auto, auto);
    left: 0;
    position: relative;
    float: left
}

#site-navigation .ubermenu-skin-black-white-2.ubermenu-horizontal .ubermenu-item-level-0.ubermenu-active>.ubermenu-submenu-drop {
    margin-top: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .6);
    border: none;
    padding: 14px 24px;
    box-sizing: border-box
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header>.ubermenu-target.ubermenu-item-layout-text_only.disable {
    display: none
}

#menu-item-134 a.ubermenu-target.ubermenu-item-layout-default.ubermenu-item-layout-text_only.disable {
    display: none
}

#site-navigation .ubermenu-bound .ubermenu-submenu-align-left_edge_item {
    width: 220px;
    min-width: 0;
    background: #fff;
    border: none;
    padding: 20px 0
}

#site-navigation .ubermenu-bound .ubermenu-submenu-align-left_edge_item li {
    font-size: 12px;
    line-height: 18px;
    float: none;
    margin: 0px !important
}

.ubermenu .ubermenu-nav .ubermenu-column-1-4 {
    margin: 0px !important
}

#site-navigation .ubermenu-bound .ubermenu-submenu-align-left_edge_item li a {
    display: block;
    font-size: 16px;
    line-height: 18px;
    color: #1a9a9c;
    font-style: normal;
    font-weight: 400;
    padding: 2px 0
}

#site-navigation .ubermenu-bound .ubermenu-submenu-align-left_edge_item li a:hover {
    color: #000
}

.menu-srch div {
    width: 270px;
    float: left;
    padding: 0 10px
}

.menu-srch div label {
    color: #1a9a9c;
    font-size: 13px;
    text-align: right;
    float: left;
    margin-right: 10px;
    line-height: 15px;
    width: 65px;
    font-weight: 600
}

.menu-srch div input {
    width: 185px;
    background: #f9f9f9;
    border: none;
    padding: 0 10px;
    box-sizing: border-box;
    color: #4f4e4e;
    font-size: 12px;
    float: left;
    height: 32px;
    margin: 0
}

.ubermenu .lrg-menu .ubermenu-widget {
    padding: 0
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header.ubermenu-has-submenu-stack>.ubermenu-target {
    border: none;
    font-size: 14px;
    font-style: normal;
    color: #f54a1d;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 5px;
    font-weight: 600
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-level-2 a {
    font-size: 12px;
    color: #f54a1d;
    text-transform: uppercase;
    font-style: normal;
    padding: 1px 0;
    font-weight: 700
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-level-2.all_recipe a {
    font-weight: 800 !important
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-level-2 ul {
    margin-bottom: 15px
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-level-3 a {
    color: #4f4e4e;
    font-weight: 400;
    text-transform: none;
    padding: 1px 0
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-level-3 a:hover {
    color: #000
}

#site-navigation .ubermenu .ubermenu-submenu-type-stack {
    padding: 0
}

#site-navigation .ubermenu .ubermenu-row {
    margin: 0;
    width: 100%
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header>.ubermenu-target {
    font-size: 14px;
    font-style: normal;
    color: #f54a1d;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 5px;
    font-weight: 600
}

.ubermenu .ubermenu-widget {
    padding: 15px 0px !important
}

.menu-feaimg {
    width: 25%;
    float: left;
    padding: 0 10px;
    text-align: center;
    box-sizing: border-box;
    border-left: 2px solid #1a9a9c
}

.menu-feaimg h3 {
    font-size: 24px;
    line-height: 1.25em;
    margin: 5px 0 10px;
    color: #73aa44
}

.main-navigation li .menu-feaimg h3 a {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.25em;
    margin: 5px 0 10px;
    color: #1a9a9c;
    padding: 0
}

.main-navigation li .menu-feaimg h3 a:hover {
    color: #73aa44
}

.menu-feaimg img {
    max-width: none;
    max-height: 350px;
    width: auto
}

.main-navigation .ubermenu-submenu-type-stack {
    padding: 15px 0 20px 0 !important;
    font-weight: 700 !important
}

.main-navigation .ubermenu-submenu-type-stack li {
    padding-bottom: 10px !important
}

.main-navigation .ubermenu-submenu-type-stack li.all_recipe {
    font-weight: 800 !important
}

.innerpage-banner2 {
    background: url(/wp-content/themes/gracefoods/images/banner-frame2.png) 0 0 no-repeat;
    width: 714px;
    height: 288px;
    padding: 18px 26px 28px 19px;
    margin: 0 auto;
    border: none;
    box-shadow: none;
    margin-bottom: 10px
}

.innerpage-banner2.evt {
    background: url(/wp-content/themes/gracefoods/images/banner-frame3.png) 0 0 no-repeat
}

.innerpage-banner2.pace {
    background: url(/wp-content/themes/gracefoods/images/banner-frame4.png) 0 0 no-repeat
}

.related-evt {
    width: 100%;
    overflow: hidden;
    margin: 10px 0 20px
}

.related-evt .related-evt-blk {
    width: 100%;
    float: left;
    clear: both;
    margin: 20px 0 0
}

.related-evt .related-evt-blk .fea-img {
    width: 33%;
    float: left;
    margin-right: 4%
}

.related-evt .related-evt-blk .fea-txt {
    width: 50%;
    float: left;
    font-size: 1em
}

.related-evt .related-evt-blk .fea-txt h4 {
    font-size: .813em;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1em;
    color: #fc4302;
    margin: 10px 0 0
}

.related-evt .related-evt-blk .fea-txt h4 a {
    color: #fc4302;
    text-decoration: none
}

.related-evt .related-evt-blk .fea-txt h4 a:hover {
    color: #000;
    text-decoration: none
}

.related-evt .related-evt-blk .fea-txt p {
    color: #6d6e71;
    font-weight: .813em;
    margin-bottom: 10px
}

.related-evt .related-evt-blk .fea-txt p.date {
    font-weight: 700;
    margin-bottom: 10px
}

.related-evt .related-evt-blk .fea-txt p.location {
    font-weight: 600
}

.related-evt .related-evt-blk .fea-txt a {
    color: #fc5013;
    text-decoration: none
}

.related-evt .related-evt-blk .fea-txt a:hover {
    text-decoration: underline
}

.related-evt .related-evt-blk .fea-txt a.readmore {
    text-decoration: underline;
    display: table;
    margin: 10px 0 0;
    font-size: 13px;
    font-weight: 600
}

.related-evt .related-evt-blk .fea-txt a.collapse {
    text-decoration: underline;
    display: table;
    margin: 0;
    font-size: 13px;
    font-weight: 600
}

.contact-lf {
    width: 60%;
    float: left;
    border-right: 1px dotted #ff4015;
    padding-right: 15px;
    box-sizing: border-box
}

.contact-lf h5 {
    font-size: 14px;
    font-weight: 600;
    color: #ff4015;
    margin: 15px 0 0
}

.contact-lf p {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 13px
}

.contact-lf .map-holder {
    width: 435px;
    height: 314px;
    float: left;
    background: url(/wp-content/themes/gracefoods/images/map-holder.jpg) 0 0 no-repeat;
    padding: 10px 26px 35px 21px;
    box-sizing: border-box;
    margin: 20px 0 0
}

.contact-lf .map-holder iframe {
    width: 100%
}

.contact-frm {
    width: 40%;
    padding-left: 25px;
    float: left;
    box-sizing: border-box;
    margin: 100px 0 0
}

.contact-frm input {
    width: 100%;
    border: 1px solid #d4d4d4;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 9px;
    height: 30px;
    font-size: 13px;
    color: #ff4015;
    border-radius: 0
}

.contact-frm textarea {
    width: 100%;
    border: 1px solid #d4d4d4;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 9px;
    height: 100px;
    font-size: 13px;
    color: #ff4015;
    border-radius: 0;
    resize: none
}

.contact-frm input[type="submit"] {
    background: url(/wp-content/themes/gracefoods/images/subarw.png) 90% center no-repeat #fb4501;
    padding: 0 25px 0 5px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    height: 26px;
    width: 85px;
    border: none;
    margin-top: 40px
}

.contact-frm input[type="submit"]:hover {
    background: url(/wp-content/themes/gracefoods/images/subarw.png) 90% center no-repeat #ed1c24
}

.contact-btm {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0 0
}

.contact-btm .contact-dist {
    width: 100%
}

.contact-btm .contact-dist h3 {
    font-size: 14px;
    font-weight: 600;
    color: #ff4015;
    margin: 0 0 12px;
    text-transform: uppercase
}

.contact-btm .contact-dist h4 {
    font-size: 14px;
    font-weight: 600;
    color: #ff4015;
    margin: 0 0 9px
}

.contact-btm .contact-dist .contact-dist-lf {
    width: 45%;
    margin: 0 5% 0 0;
    float: left
}

.contact-btm .contact-dist .contact-dist-rgt {
    width: 45%;
    float: left
}

.contact-btm .contact-dist a {
    color: #ff4015;
    text-decoration: underline
}

.jerk-cont {
    width: 940px;
    float: left;
    margin: 50px 0 0 -90px;
    font-family: 'GoodDogRegular'
}

.jerk-cont .jerl-row {
    float: left;
    clear: both;
    position: relative
}

.jerk-cont .jerl-row img {
    display: block;
    margin: 0;
    padding: 0;
    max-width: 100%
}

.jerk-hdng {
    width: 100%;
    float: left;
    clear: both;
    text-align: center
}

.jerk-hdng ul li {
    display: inline-block;
    font-size: 38px;
    color: #ee2e24;
    margin: 0 25px
}

.jerk-hdng ul li a {
    color: #ee2e24
}

.jerk-hdng ul li a:hover {
    color: #d9190f
}

.pin {
    background: url(/wp-content/themes/gracefoods/images/nail.png) 0 0 no-repeat;
    width: 40px;
    height: 39px;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -20px
}

.jerk-cont h3 {
    font-size: 58px;
    color: #dc291e;
    clear: none
}

.jerk-cont h4 {
    font-size: 45px;
    color: #dc291e;
    clear: none
}

.jerk-cont h4 span {
    font-size: 24px;
    color: #000
}

.jerk-cont .jerl-row.row1 {
    background: url(/wp-content/themes/gracefoods/images/jerkrow1.png) 0 0 no-repeat;
    width: 896px;
    height: 497px;
    margin: 30px 0 0 40px;
    text-align: center
}

.jerk-cont .jerl-row.row1 img {
    display: inline-block;
    margin: 50px 0 0
}

.jerk-cont .jerl-row.row1 p {
    font-size: 27px;
    line-height: 27px;
    color: #000;
    margin: 0 12%;
    transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(2deg) scale(1) skew(1deg) translate(0)
}

.jerk-cont .jerl-row.row1 .pin {
    top: 52px
}

.jerk-cont .jerl-row.row2 {
    background: url(/wp-content/themes/gracefoods/images/jerkrow2.png) 0 0 no-repeat;
    width: 892px;
    height: 568px;
    margin: -14px 0 0 10px;
    padding-right: 42px;
    box-sizing: border-box
}

.jerk-cont .jerl-row.row2 .pin {
    top: 45px
}

.jerk-cont .jerl-row.row2 img {
    float: right;
    margin: 81px 0 0 0
}

.jerk-cont .jerl-row.row2 h3 {
    margin: 43px 0 0 56px;
    transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(358deg) scale(1) skew(1deg) translate(0)
}

.jerk-cont .jerl-row.row2 h3.lsmrgn {
    margin-top: 10px
}

.jerk-cont .jerl-row.row2 p {
    font-size: 26px;
    line-height: 26px;
    color: #000;
    transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    margin: 10px 0 0 56px
}

.jerk-cont .jerl-row.row3 {
    background: url(/wp-content/themes/gracefoods/images/jerkrow3.png) 0 0 no-repeat;
    width: 867px;
    height: 982px;
    margin: 0 0 0 50px;
    text-align: center
}

.jerk-cont .jerl-row.row3 .pin {
    top: 20px;
    width: 44px;
    height: 44px;
    margin: 0;
    left: 478px;
    background: url(/wp-content/themes/gracefoods/images/nail2.png) 0 0 no-repeat
}

.jerk-cont .jerl-row.row3 h3 {
    transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    margin: 53px 0 0
}

.jerk-cont .jerl-row.row3 h4 {
    transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    line-height: 27px
}

.jerk-cont .jerl-row.row3 p {
    transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    font-size: 26px;
    margin: 10px 0 0;
    color: #000
}

.jerkrow3-row {
    float: left;
    clear: both;
    text-align: left
}

.jerkrow3-row.row1 {
    margin: 15px 84px 0 82px
}

.jerkrow3-row.row1 img {
    float: left;
    margin-right: 60px;
    position: relative;
    z-index: 99
}

.jerkrow3-row.row1 h4 {
    margin: 50px 0 0
}

.jerkrow3-row.row2 {
    margin: 0 0 0 60px
}

.jerkrow3-row.row2 img {
    float: right;
    margin: 0 80px 0 40px;
    position: relative;
    z-index: 99
}

.jerkrow3-row.row2 h4 {
    margin: 30px 0 0
}

.jerkrow3-row.row3 {
    margin: -10px 50px 0 67px
}

.jerkrow3-row.row3 img {
    float: left;
    margin-right: 35px;
    position: relative;
    z-index: 99
}

.jerkrow3-row.row3 h4 {
    margin: 27px 0 0
}

.jerkrow3-row.row3 h4 span {
    display: block
}

.jerk-cont .jerl-row.row3 p {
    margin-right: 60px
}

.jerk-cont .jerl-row.row4 {
    background: url(/wp-content/themes/gracefoods/images/jerkrow4.png) 0 0 no-repeat;
    width: 892px;
    height: 486px;
    margin: 7px 0 0 9px;
    text-align: center
}

.jerk-cont .jerl-row.row4 .pin {
    top: 38px;
    width: 44px;
    height: 44px;
    background: url(/wp-content/themes/gracefoods/images/nail2.png) 0 0 no-repeat
}

.jerk-cont .jerl-row.row4 h3 {
    transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    margin: 70px 0 0
}

.jerk-cont .jerl-row.row4 img {
    float: right;
    margin: 0 120px 0 20px;
    position: relative;
    z-index: 99
}

.jerk-cont .jerl-row.row4 h4 {
    transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    margin-left: 65px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 5px
}

.jerk-cont .jerl-row.row4 p {
    transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(358deg) scale(1) skew(1deg) translate(0);
    margin-left: 65px;
    text-align: left;
    font-size: 24px
}

.jerk-cont .jerl-row.row5 {
    background: url(/wp-content/themes/gracefoods/images/jerkrow5.png) 0 0 no-repeat;
    width: 902px;
    height: 444px;
    margin: 10px 0 0 16px;
    text-align: center
}

.jerk-cont .jerl-row.row5 .pin {
    top: 38px
}

.jerk-cont .jerl-row.row5 h3 {
    transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(2deg) scale(1) skew(1deg) translate(0);
    margin-top: 72px
}

.jerk-cont .jerl-row.row5 ul {
    margin-top: 7px
}

.jerk-cont .jerl-row.row5 ul li {
    display: inline-block;
    text-align: center;
    width: 25%;
    vertical-align: top;
    margin: 0 5px
}

.jerk-cont .jerl-row.row5 ul li span {
    font-size: 32px;
    line-height: 34px;
    color: #000;
    transform: rotate(3deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(3deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(3deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(3deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(3deg) scale(1) skew(1deg) translate(0);
    display: block
}

.jerk-cont .jerl-row.row5 ul li.two {
    margin-top: 53px
}

.jerk-cont .jerl-row.row5 ul li.three {
    margin-top: 14px
}

.jerk-cont .jerl-row.row5 ul li.three span {
    transform: rotate(8deg) scale(1) skew(1deg) translate(0);
    -webkit-transform: rotate(8deg) scale(1) skew(1deg) translate(0);
    -moz-transform: rotate(8deg) scale(1) skew(1deg) translate(0);
    -o-transform: rotate(8deg) scale(1) skew(1deg) translate(0);
    -ms-transform: rotate(8deg) scale(1) skew(1deg) translate(0);
    text-align: left
}

.page-template-page_individual_recipe #main.wrapper {
    max-width: 860px
}

.page-template-page_individual_recipe .site-content {
    margin: 100px 0 50px 0
}

.recipe-top {
    width: 100%;
    float: left;
    clear: both
}

.recipe-top .recipe-img {
    width: 100%;
    max-width: 476px;
    display: block;
    padding: 0;
    float: left
}

.recipe-top .recipe-img img {
    width: 100%;
    float: left
}

.custfield {
    width: 100%;
    float: left;
    font-size: 14px;
    margin: 10px 0 0 0;
    color: #6d6e70;
    line-height: 20px
}

.custfield a {
    color: #6d6e70
}

.custfield a:hover {
    color: #59c3c5
}

.recipe-rgt {
    float: right;
    max-width: 335px;
    width: 100%
}

.recipe-rgt h1 {
    color: #59c3c5;
    font-size: 44px;
    width: 100%;
    float: left;
    line-height: 47px;
    margin: 0 0 20px 0
}

.recipe-rgt ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left
}

.recipe-rgt ul li {
    margin: 0 !important;
    padding: 0
}

.recipe-rgt ul.rcp-pre-det li {
    font-size: 22px;
    color: #59c3c5;
    line-height: 33px;
    padding: 0
}

.recipe-rgt ul.rcp-pre-det li span {
    color: #59c3c5;
    text-transform: uppercase
}

.shareopt {
    width: 100%;
    float: left
}

.recipe-rgt h4 {
    font-size: 24px;
    width: auto;
    float: left;
    font-weight: 700;
    color: #59c3c5;
    margin: 0;
    line-height: 25px;
    text-transform: uppercase;
    font-family: 'BrandonGrotesque-Black';
    line-height: 49px
}

.recipe-rgt .addtoany_shortcode {
    margin: 0;
    float: left;
    padding: 0 0 0 20px;
    width: auto;
    box-sizing: border-box
}

.recipe-rgt .addtoany_shortcode a {
    float: left;
    margin-right: 6px;
    display: block;
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    padding: 0
}

.recipe-rgt .addtoany_shortcode a.a2a_button_facebook {
    background: url(/wp-content/themes/gracefoods/images/fbsh.png) no-repeat;
    background-size: 100%
}

.recipe-rgt .addtoany_shortcode a.a2a_button_pinterest {
    background: url(/wp-content/themes/gracefoods/images/pinsh.png) no-repeat;
    background-size: 100%
}

.recipe-rgt .addtoany_shortcode a.a2a_button_blogger_post {
    background: url(/wp-content/themes/gracefoods/images/blsh.png) no-repeat;
    background-size: 100%;
    height: 40px
}

.recipe-rgt ul.share-icon li span {
    display: none
}

.recipe-rgt .addtoany_shortcode a:hover {
    background-position: top -40px center
}

.recipe-rgt .addtoany_shortcode a.a2a_button_blogger_post:hover {
    background-position: top -40px center
}

.recipe-rgt .addtoany_shortcode a.a2a_button_twitter {
    display: none
}

a.print-rcp {
    width: 179px;
    line-height: 59px;
    background: none !important;
    color: #59c3c5 !important;
    font-size: 18px;
    text-transform: uppercase;
    border: 2px solid #59c3c5 !important;
    font-family: 'BrandonGrotesque-Black';
    padding: 0;
    display: inline-block;
    text-align: center;
    margin: 30px 0
}

.recipe-rgt a.print-link {
    width: auto;
    line-height: 59px;
    background: none !important;
    color: #59c3c5 !important;
    font-size: 18px;
    text-transform: uppercase;
    border: 2px solid #59c3c5 !important;
    font-family: 'BrandonGrotesque-Black';
    padding: 0 15px;
    display: inline-block;
    text-align: center;
    margin: 30px 0
}

.recipe-rgt a.print-link:hover {
    color: #fff !important;
    background: #59c3c5 !important
}

a.print-rcp:hover {
    color: #fff !important;
    background: #59c3c5 !important
}

a.print-rcp span {
    width: 29px;
    height: 27px;
    left: 0;
    top: 0;
    position: absolute;
    background: url(/wp-content/themes/gracefoods/images/print-icon.png) center center no-repeat #fc4302
}

a.print-rcp:hover {
    background: #fc4302
}

a.print-rcp:hover span {
    background: url(/wp-content/themes/gracefoods/images/print-icon.png) center center no-repeat #fea405
}

a.lkrcp {
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    padding: 5px 0 5px 30px;
    float: left;
    display: block;
    position: relative;
    margin: 5px 0 0;
    background: #ee9222;
    width: 220px;
    color: #fff !important
}

a.lkrcp span {
    width: 19px;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background: url(/wp-content/themes/gracefoods/images/plus-icon.png) center center no-repeat #59babc
}

a.lkrcp:hover {
    background: #59babc
}

a.lkrcp:hover span {
    background: url(/wp-content/themes/gracefoods/images/plus-icon.png) center center no-repeat #ee9222
}

.rltd-pro {
    width: 100%;
    float: left;
    clear: both;
    margin: 30px 0 0 0;
    padding: 40px 0 0 0;
    border-top: 1px solid #8f9498
}

.rltd-pro ul {
    width: 100%;
    float: left;
    margin: 0px !important;
    padding: 0;
    list-style: none
}

.rltd-pro ul li {
    width: 32%;
    float: left;
    margin: 0px !important;
    text-align: center
}

.rltd-pro ul li:nth-child(2) {
    margin: 0 2% !important
}

.rltd-pro ul li img {
    width: 100%;
    float: left;
    max-height: 203px
}

.rltd-pro ul li label {
    width: 100%;
    float: left;
    cursor: pointer;
    color: #59c3c5;
    font-size: 22px;
    line-height: 22px;
    margin: 20px 0 0 0
}

.post-1450 .rltd-pro {
    display: block
}

.rltd-pro h4 {
    color: #59c3c5;
    font-size: 44px;
    width: 100%;
    float: left;
    font-family: 'Archer-BoldItalic'
}

.rltd-pro table td {
    width: 33.33%;
    text-align: center
}

.rltd-pro table td label {
    width: 100%;
    float: left;
    cursor: pointer;
    color: #59c3c5;
    font-size: 22px;
    margin: 10px 0 0 0
}

.rltd-pro table td div a {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    line-height: 27px;
    padding: 0 20px;
    float: none;
    display: inline-block;
    position: relative;
    margin: 16px auto 0;
    background: #fea405;
    box-sizing: border-box;
    clear: both;
    text-transform: uppercase
}

.rltd-pro table td div a:hover {
    background: #fc4302
}

.rltd-pro table td img {
    max-height: 264px;
    width: auto;
    display: inline-block
}

.recipe-btm {
    width: 100%;
    float: left;
    clear: both;
    margin: 30px 0 0 0
}

.recipe-btm h5 {
    font-size: 18px;
    color: #59c3c5;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    display: block;
    width: 100%;
    float: left;
    font-family: 'BrandonGrotesque-Black'
}

.recipe-btm ul {
    list-style: none !important;
    float: left !important;
    margin: 1px 0 0 !important
}

.recipe-btm ul li {
    padding: 0;
    font-size: 18px !important;
    line-height: 36px !important;
    color: #6d6e70 !important;
    float: left !important;
    width: 46% !important;
    margin: 0 4% 0 0 !important
}

.recipe-btm ol {
    float: left !important;
    margin: 12px 0 0
}

.recipe-btm ol li {
    padding: 0;
    font-size: 18px !important;
    line-height: 36px !important;
    color: #6d6e71;
    float: left !important;
    width: 100%;
    margin: 0 4% 3px 20px
}

.recipe-btm p {
    font-size: 18px;
    line-height: 36px;
    color: #6d6e71;
    margin-bottom: 0
}

ul.bulletspoint li {
    width: 100% !important;
    list-style: disc inside;
    margin: 0px !important
}

.recipebanner {
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    margin-bottom: 30px
}

.recipebanner img {
    display: inline-block
}

.rcpcont img.alignright {
    margin: -40px 0 0 20px;
    border: 4px solid #f44302
}

.rcpcont a.gorcp {
    background: #f44302;
    padding: 5px 15px;
    font-weight: 600;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.rcpcont a.gorcp:hover {
    background: #ed1c24
}

.rcpcont .fearcp-cont {
    width: 100%;
    float: left;
    clear: both;
    margin-top: -80px
}

.rcpcont .fearcp-cont p {
    font-size: 12px;
    color: #76766e
}

.entry-content ol {
    margin: 12px 0 0
}

.entry-content ol li {
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    color: #6d6e71;
    width: 100%;
    margin: 0 4% 3px 20px
}

.entry-content ul {
    margin: 12px 0
}

.entry-content ul li {
    padding: 0;
    font-size: 13px;
    line-height: 18px;
    color: #6d6e71;
    margin: 0 0 3px 20px
}

ul.srchlisting {
    list-style: none
}

ul.srchlisting li {
    font-size: 16px;
    line-height: 21px;
    margin: 0 0 10px;
    font-weight: 600;
    float: left;
    width: 50%
}

ul.srchlisting li a {
    color: #f6640d
}

ul.page-list {
    list-style: none
}

ul.page-list li {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    margin: 0 0 10px;
    font-weight: 600;
    display: block
}

ul.page-list li a {
    color: #f6640d
}

.entry-content .coconut-cont img.aligncenter {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.entry-content .coconut-cont h2 {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 50px !important;
    line-height: 52px !important;
    font-weight: 300 !important;
    color: #9bbd3d !important
}

.entry-content .coconut-cont h2 img {
    margin-bottom: 0 !important
}

.entry-content .coconut-cont h2 strong {
    display: block;
    font-weight: 300 !important;
    color: #0174bf !important
}

.entry-content .coconut-cont .product_info {
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
    text-align: center
}

.entry-content .coconut-cont .product_info li {
    display: inline-block;
    font-size: 15px;
    font-weight: 800;
    text-transform: uppercase;
    color: #979899;
    margin: 0 3%;
    width: 9%
}

.entry-content .coconut-cont .product_info li:nth-child(5) {
    width: 15%;
    margin: 0 0 10px
}

.entry-content .coconut-cont .product_info li:last-child {
    width: 8%
}

.entry-content .coconut-cont .product_info li img {
    display: inline-block;
    margin-bottom: 10px
}

.entry-content .coconut-cont p {
    color: #40505a;
    font-size: 13px;
    line-height: 18px;
    margin-bottom: 0
}

.entry-content .coconut-cont p a {
    color: #40505a
}

.entry-content .coconut-cont p.faq_link {
    text-align: center;
    font-size: 22px;
    line-height: 24px;
    font-weight: 300 !important;
    margin-bottom: 24px !important
}

.entry-content .coconut-cont p.faq_link a {
    color: #0174bf;
    text-decoration: underline;
    font-weight: 300 !important
}

.entry-content .coconut-cont p.faq_link a:hover {
    text-decoration: none
}

.entry-content .coconut-cont p.facebook {
    font-size: 15px;
    line-height: 22px;
    color: #40505a;
    padding: 20px 40% 0 0;
    clear: both
}

.entry-content .coconut-cont p.facebook img {
    margin-top: 0
}

.entry-content .coconut-cont p.facebook a {
    color: #0174bf !important;
    font-weight: 600
}

.coconut-row {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 6px;
    margin-top: 30px
}

.coconut-row.center {
    text-align: center
}

.coconut-row img.alignleft {
    margin-top: 20px
}

.coconut-row img.alignright {
    margin-top: 22px
}

.entry-content .coconut-cont h5 {
    font-size: 22px;
    font-weight: 400;
    color: #0174bf;
    clear: none;
    margin: 0 0 5px;
    line-height: 24px;
    text-transform: none !important;
    padding-top: 0
}

.entry-content .coconut-cont a {
    font-weight: 600;
    color: #0174bf;
    text-decoration: underline
}

.entry-content .coconut-cont a:hover {
    text-decoration: none
}

.entry-content .coconut-cont img.shadow {
    -webkit-box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, .25);
    box-shadow: 8px 8px 8px 0 rgba(0, 0, 0, .25)
}

.entry-content .coconut-cont .coconut-products {
    margin-bottom: 20px;
    float: left
}

.entry-content .coconut-cont .coconut-product-block {
    width: 32%;
    float: left;
    margin: 0 2% 0 0
}

.entry-content .coconut-cont .coconut-product-block:last-child {
    margin: 0
}

.entry-content .coconut-cont .coconut-product-block h3 {
    font-family: "PostinoRomanItalic";
    font-size: 16px;
    line-height: 19px;
    margin: 5px 0 15px;
    text-align: center;
    color: #fc5c24
}

.entry-content .coconut-cont .coconut-product-block img {
    max-width: 100%;
    margin-bottom: 3px
}

.entry-content .coconut-cont .coconut-product-block h6 {
    font-size: 15px;
    line-height: 21px;
    font-weight: 400;
    color: #40505a;
    margin: 0 0 3px
}

.entry-content .coconut-cont .coconut-product-block h6 a {
    color: #40505a
}

.entry-content .coconut-cont .coconut-product-block p {
    margin: 0
}

.entry-content .coconut-cont .product-data-row p {
    margin-bottom: 14px !important;
    line-height: 20px !important
}

.entry-content .coconut-cont .product-data-row .product-row-header1 {
    background-color: #fffadf;
    border-top: 1px dotted #fc4302;
    border-bottom: 1px dotted #fc4302;
    color: #6d6e71;
    cursor: pointer;
    display: block;
    overflow: hidden;
    width: 100%
}

.entry-content .coconut-cont .product-data-row .product-row-header1.active {
    background-color: #fffadf;
    border-bottom: none
}

.entry-content .coconut-cont .product-data-row .product-row-header1.active .acc-ico {
    background-position: 0 -20px !important
}

.entry-content .coconut-cont .product-data-row .product-data {
    margin: 0
}

.site-content article.category-event img.attachment-post-thumbnail {
    float: left;
    margin: 0 20px 20px 0
}

.entry-content p.date {
    font-weight: 700;
    margin-bottom: 10px
}

.entry-content p.location {
    font-weight: 600
}

.site-content article.category-event footer.entry-meta {
    display: none
}

#site-navigation .ubermenu-skin-black-white-2 .ubermenu-submenu .ubermenu-item-header>.ubermenu-target.recipe-drpdwn {
    padding: 10px;
    max-width: 250px;
    color: #767678;
    font-size: 16px;
    text-transform: none
}

#site-navigation .ubermenu-target.recipe-drpdwn:hover {
    color: #000 !important
}

.gracecoco .entry-content.red h2 {
    font-family: 'gothic821cnbt';
    font-size: 3.5em;
    color: #884e01;
    text-align: center
}

.gracecoco .entry-content.red h2 span {
    color: #93a445
}

.grcoco-nav {
    width: 100%;
    clear: both;
    text-align: center
}

.grcoco-nav ul {
    list-style: none;
    margin: 0 0 35px
}

.grcoco-nav ul li {
    font-family: 'gothic821cnbt';
    display: inline-block;
    padding: 0 10px;
    font-size: 1.5em;
    color: #ff6e00;
    border-right: 2px solid #ff6e00;
    margin: 0;
    line-height: 1em
}

.grcoco-nav ul li:last-child {
    border-right: none
}

.grcoco-nav ul li a {
    color: #ff6e00
}

.grcoco-nav ul li a:hover {
    color: #93a445
}

.gracecoco .entry-content p {
    font-size: .875em;
    color: #000;
    line-height: 1.25em;
    margin: 0 0 15px
}

.gracecoco .bannerimg {
    margin: 0 0 30px
}

.gracecoco .entry-content h6 {
    clear: none;
    color: #ff6e00;
    font-size: .875em;
    font-weight: 700;
    margin: 0 0 16px;
    line-height: 1em
}

.gracecoco .entry-content h6 span {
    display: block;
    font-weight: 400;
    font-size: .913em
}

.gracecoco .entry-content h6 span a {
    color: #000
}

.gracecoco .entry-content h3 {
    font-family: 'gothic821cnbt';
    color: #93a445;
    font-size: 2.5em;
    text-align: left;
    margin: 0 0 10px;
    line-height: 1em
}

.gracecoco-row {
    width: 100%;
    float: left;
    padding: 30px 0 0
}

.grcoco-lf {
    width: 65%;
    float: left
}

.grcoco-rgt {
    width: 30%;
    float: right
}

.gracecoco .entry-content h4 {
    font-family: 'gothic821cnbt';
    font-size: 1.5em;
    color: #93a445;
    clear: none;
    line-height: 1em;
    margin: 0 0 10px
}

.grcoco-rcp img.alignleft {
    margin: 14px 15px 10px 0
}

.grcoco-rcp {
    width: 100%;
    float: left;
    margin: 0 0 4px
}

a.view-recipe {
    color: #ff6e00;
    font-weight: 700;
    font-size: 14px
}

a.view-recipe:hover {
    color: #93a445
}

.gracecoco .entry-content .grcoco-rgt h4 {
    margin: 10px 0 0
}

.gracecoco .entry-content .grcoco-rgt p {
    margin-bottom: 0
}

@-ms-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

@media screen and (max-width: 767px) {
    .entry-content .coconut-cont .product_info li {
        width: 100% !important;
        margin: 0 0 10px;
        text-align: left;
        float: none
    }

    .entry-content .coconut-cont .product_info li img {
        margin: 0 10px 0 0;
        vertical-align: middle
    }

    .entry-content .coconut-cont .coconut-product-block {
        float: none;
        margin: 0 0 10px;
        text-align: center;
        width: 100%
    }

    .entry-content .coconut-cont p.facebook {
        padding: 20px 0 0
    }

    .entry-content .coconut-cont p.facebook img {
        margin-top: 10px
    }

    .ingresect {
        width: inherit !important;
        padding: 0 5%;
        margin: 20px 0 0 0 !important
    }
}

@media screen and (min-width: 767px) {
    .author-avatar {
        float: left;
        margin-top: 8px;
        margin-top: .571428571rem
    }

    .author-description {
        float: right;
        width: 80%
    }

    .site {
        margin: 0 auto;
        max-width: 100%;
        overflow: hidden
    }

    .site-content {
        float: left;
        width: 65.104166667%
    }

    body.template-front-page .site-content,
    body.attachment .site-content,
    body.full-width .site-content {
        width: 100%
    }

    .widget-area {
        float: right;
        width: 26.041666667%
    }

    .site-header h1,
    .site-header h2 {
        text-align: left
    }

    .site-header h1 {
        font-size: 26px;
        font-size: 1.857142857rem;
        line-height: 1.846153846;
        margin-bottom: 0
    }

    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu>ul {
        display: inline-block;
        text-align: center;
        width: 100%
    }

    .main-navigation ul {
        margin: 0;
        text-indent: 0
    }

    .main-navigation li a,
    .main-navigation li {
        display: inline-block;
        text-decoration: none
    }

    .main-navigation li a {
        border-bottom: 0;
        color: #1a9a9c;
        font-size: 14px;
        font-weight: 700;
        line-height: 42px;
        padding: 0 19px
    }

    li#text-12 {
        padding: 15px 12px 15px 19px
    }

    #text-12 div.textwidget a {
        padding: 0 2px
    }

    @-moz-document url-prefix() {
        #text-12 div.textwidget a img {
            max-width: 97%
        }

        li#text-12 {
            padding: 15px 20px 15px 20px
        }
    }

    .main-navigation li a.fea-anchor {
        padding: 0
    }

    .main-navigation li a:hover,
    .main-navigation li a:focus {
        color: #ed1c24
    }

    .main-navigation li {
        margin: 0;
        position: relative
    }

    .main-navigation li ul {
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        z-index: 1;
        height: 1px;
        width: 1px;
        overflow: hidden;
        clip: rect(1px, 1px, 1px, 1px)
    }

    .main-navigation li ul ul {
        top: 0;
        left: 100%
    }

    .main-navigation ul li:hover>ul,
    .main-navigation ul li:focus>ul,
    .main-navigation .focus>ul {
        border-left: 0;
        clip: inherit;
        overflow: inherit;
        height: inherit;
        width: inherit
    }

    .main-navigation li ul .lrg-menu .menu-lf ul li,
    .main-navigation li ul .lrg-menu .menu-lf ul li a {
        display: block;
        font-size: 17px;
        padding: 2px 0;
        color: #1a9a9c;
        line-height: 18px;
        font-style: normal;
        font-weight: 600;
        text-transform: capitalize
    }

    .main-navigation li ul .lrg-menu .menu-lf ul li a:hover {
        color: #000
    }

    .main-navigation li ul .lrg-menu .menu-lf ul li ul li a {
        font-weight: 400;
        color: #76777a;
        font-size: 16px;
        line-height: 18px;
        padding: 0;
        text-transform: none
    }

    .main-navigation li ul .lrg-menu .menu-lf ul li ul li a:hover {
        color: #000
    }

    .main-navigation li ul li a:hover,
    .main-navigation li ul li a:focus {
        color: #3d3d3f
    }

    .main-navigation .current-menu-item>a,
    .main-navigation .current-menu-ancestor>a,
    .main-navigation .current_page_item>a,
    .main-navigation .current_page_ancestor>a {
        color: #ed1c24;
        font-weight: 700
    }

    .menu-toggle {
        display: none
    }

    .entry-header .entry-title {
        font-size: 22px;
        font-size: 1.571428571rem
    }

    #respond form input[type="text"] {
        width: 46.333333333%
    }

    #respond form textarea.blog-textarea {
        width: 79.666666667%
    }

    .template-front-page .site-content,
    .template-front-page article {
        overflow: hidden
    }

    .template-front-page.has-post-thumbnail article {
        float: left;
        width: 47.916666667%
    }

    .entry-page-image {
        float: right;
        margin-bottom: 0;
        width: 47.916666667%
    }

    .template-front-page .widget-area .widget,
    .template-front-page.two-sidebars .widget-area .front-widgets {
        float: left;
        width: 51.875%;
        margin-bottom: 24px;
        margin-bottom: 1.714285714rem
    }

    .template-front-page .widget-area .widget:nth-child(odd) {
        clear: right
    }

    .template-front-page .widget-area .widget:nth-child(even),
    .template-front-page.two-sidebars .widget-area .front-widgets+.front-widgets {
        float: right;
        width: 39.0625%;
        margin: 0 0 24px;
        margin: 0 0 1.714285714rem
    }

    .template-front-page.two-sidebars .widget,
    .template-front-page.two-sidebars .widget:nth-child(even) {
        float: none;
        width: auto
    }

    .commentlist .children {
        margin-left: 48px;
        margin-left: 3.428571429rem
    }
}

@media screen and (min-width: 768px) {
    body .site {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0
    }

    body.custom-background-empty {
        background-color: #fff
    }

    body.custom-background-empty .site,
    body.custom-background-white .site {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: none
    }
}

@media screen and (max-width: 768px) {
    .recipe_inner {
        margin: 0 30px 30px 0;
        min-height: 280px;
        width: 30%
    }
}

@media screen and (max-width: 767px) {
    .recipe_inner {
        float: none;
        margin: 0 0 30px;
        min-height: 280px;
        width: 100%
    }

    .recipe_inner img {
        max-width: 100%;
        width: 100%
    }
}

@media print {
    body {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        background: none !important;
        color: #000;
        font-size: 10pt
    }

    footer a[rel=bookmark]:link:after,
    footer a[rel=bookmark]:visited:after {
        content: " [" attr(href) "] "
    }

    a {
        text-decoration: none
    }

    .entry-content img,
    .comment-content img,
    .author-avatar img,
    img.wp-post-image {
        border-radius: 0;
        box-shadow: none
    }

    .site {
        clear: both !important;
        display: block !important;
        float: none !important;
        max-width: 100%;
        position: relative !important
    }

    .site-header {
        margin-bottom: 72px;
        margin-bottom: 5.142857143rem;
        text-align: left
    }

    .site-header h1 {
        font-size: 21pt;
        line-height: 1;
        text-align: left
    }

    .site-header h2 {
        color: #000;
        font-size: 10pt;
        text-align: left
    }

    .site-header h1 a,
    .site-header h2 a {
        color: #000
    }

    .author-avatar,
    #colophon,
    #respond,
    .commentlist .comment-edit-link,
    .commentlist .reply,
    .entry-header .comments-link,
    .entry-meta .edit-link a,
    .page-link,
    .site-content nav,
    .widget-area,
    img.header-image,
    .main-navigation {
        display: none
    }

    .wrapper {
        border-top: none;
        box-shadow: none
    }

    .site-content {
        margin: 0;
        width: auto
    }

    .entry-header .entry-title,
    .entry-title {
        font-size: 21pt
    }

    footer.entry-meta,
    footer.entry-meta a {
        color: #444;
        font-size: 10pt
    }

    .author-description {
        float: none;
        width: auto
    }

    .commentlist>li.comment {
        background: none;
        position: relative;
        width: auto
    }

    .commentlist .avatar {
        height: 39px;
        left: 2.2em;
        top: 2.2em;
        width: 39px
    }

    .comments-area article header cite,
    .comments-area article header time {
        margin-left: 50px;
        margin-left: 3.57142857rem
    }
}

@media screen and (max-width: 1023px) and (min-width:960px),
screen and (max-device-width:1023px) and (min-device-width:960px) {
    .hdr-top h1 {
        margin-left: 0
    }

    #site-navigation .ubermenu-skin-black-white-2 .ubermenu-item-level-0>.ubermenu-target {
        font-size: 14px;
        padding: 10px 18px
    }

    .menu-srch div {
        margin: 0;
        width: 275px
    }
}

@media screen and (max-width: 959px) and (min-width:760px),
screen and (max-device-width:959px) and (min-device-width:760px) {
    .hdr-top h1 {
        margin-left: 0
    }

    body {
        -webkit-background-size: auto;
        -moz-background-size: auto;
        -o-background-size: auto;
        background-size: auto
    }

    #main.wrapper {
        max-width: 750px
    }

    #site-navigation .ubermenu-skin-black-white-2.ubermenu-responsive-toggle:hover {
        background: #f6640d
    }

    #site-navigation .ubermenu .ubermenu-retractor {
        padding: 5px 0
    }

    #site-navigation .ubermenu .ubermenu-retractor:hover {
        background: #dc291e;
        color: #fff
    }

    #main.wrapper .responsive-slider.flexslider {
        width: 704px;
        background-size: 100% auto !important
    }

    footer#colophon .textwidget ul li {
        width: 33%;
        margin: 0;
        font-size: 1em
    }

    .innerpage-banner {
        width: 704px;
        background-size: 100% auto !important
    }

    .innerpage-banner2 {
        width: 704px;
        background-size: 100% auto !important
    }

    .menu-srch div {
        margin-bottom: 10px
    }

    .jerk-cont {
        float: left;
        margin: 20px 0 0;
        width: 100%
    }

    .jerk-cont .jerl-row {
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .4)
    }

    .jerk-cont .jerl-row.row1 {
        background: url(/wp-content/themes/gracefoods/images/jerk-bg.jpg) 0 0 repeat;
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        padding-bottom: 30px
    }

    .jerk-cont .jerl-row.row1 .pin {
        top: 12px
    }

    .jerk-cont .jerl-row.row2 {
        background: url(/wp-content/themes/gracefoods/images/jerk-bg.jpg) 0 0 repeat;
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        padding-bottom: 30px
    }

    .jerk-cont .jerl-row.row2 .pin {
        top: 12px
    }

    .jerk-cont .jerl-row.row3 {
        background: url(/wp-content/themes/gracefoods/images/jerk-bg.jpg) 0 0 repeat;
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        padding-bottom: 30px
    }

    .jerk-cont .jerl-row.row3 .pin {
        top: 12px;
        left: 50%
    }

    .jerk-cont .jerl-row.row4 {
        background: url(/wp-content/themes/gracefoods/images/jerk-bg.jpg) 0 0 repeat;
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        padding-bottom: 30px
    }

    .jerk-cont .jerl-row.row4 .pin {
        top: 12px
    }

    .jerk-cont .jerl-row.row5 {
        background: url(/wp-content/themes/gracefoods/images/jerk-bg.jpg) 0 0 repeat;
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        padding-bottom: 30px
    }

    .jerk-cont .jerl-row.row5 .pin {
        top: 12px
    }
}

@media screen and (max-width: 559px) and (min-width:10px),
screen and (max-device-width:559px) and (min-device-width:10px) {
    .hdr-top h1 {
        margin-left: 0;
        width: 100%
    }

    .hdr-top h1 a.logo {
        width: 100%;
        background-size: 100% auto;
        height: 50px
    }

    .hdr-top .social-icons {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 100%
    }

    .hdr-top .social-icons li {
        display: inline-block;
        float: none;
        margin: 0 4px
    }

    .main-navigation ul.nav-menu.toggled-on,
    .menu-toggle {
        display: none
    }

    .main-navigation li ul .lrg-menu .menu-lf ul li a {
        display: block;
        font-size: 12px;
        padding: 2px 0;
        color: #f54a1d;
        line-height: 16px;
        font-style: normal;
        font-weight: 600;
        text-transform: uppercase
    }

    .main-navigation li ul .lrg-menu .menu-lf ul li ul li a {
        font-weight: 400;
        color: #4f4e4e;
        font-size: 11px;
        line-height: 15px
    }

    .main-navigation li ul li a:hover,
    .main-navigation li ul li a:focus {
        color: #3d3d3f
    }

    #site-navigation .ubermenu-skin-black-white-2.ubermenu-responsive-toggle:hover {
        background: #f6640d
    }

    #site-navigation .ubermenu .ubermenu-retractor {
        padding: 5px 0
    }

    #site-navigation .ubermenu .ubermenu-retractor:hover {
        background: #dc291e;
        color: #fff
    }

    .main-navigation li ul .lrg-menu .menu-lf {
        width: 100%
    }

    .main-navigation li ul .lrg-menu .partner-column {
        width: 60%
    }

    .menu-feaimg {
        width: 35%;
        margin-left: 5%
    }

    .menu-srch div {
        margin: 5px 0
    }

    #main.wrapper .responsive-slider.flexslider {
        height: 120px;
        padding: 7px 10px 28px 8px;
        width: 282px;
        background-size: 100% auto !important
    }

    .home-cont-row .home-blk {
        float: left;
        margin: 0 3% 40px;
        width: 94%
    }

    .home-cont-row .home-blk .img-holder {
        margin: 0 auto
    }

    .fixed-width {
        padding-bottom: 0
    }

    footer[role="contentinfo"] {
        position: relative;
        float: left;
        height: auto;
        padding-bottom: 20px
    }

    footer#colophon .textwidget ul.links {
        margin-bottom: 20px
    }

    footer#colophon .textwidget ul li {
        margin: 0 0 10px;
        text-align: center;
        width: 98%
    }

    .innerpage-banner {
        height: 120px;
        padding: 7px 10px 28px 8px;
        width: 282px;
        background-size: 100% auto !important
    }

    .innerpage-banner2 {
        height: 120px;
        padding: 7px 10px 28px 8px;
        width: 282px;
        background-size: 100% auto !important
    }

    .innerpage-banner.wherebuy {
        padding: 7px 10px 28px 8px
    }

    .contact-lf {
        width: 100%;
        border-bottom: 1px dotted #ff4015;
        border-right: none;
        padding-right: 0;
        padding-top: 20px;
        margin-bottom: 20px
    }

    .contact-lf .map-holder {
        height: 222px;
        margin: 20px 0 0;
        padding: 10px 22px 35px 15px;
        width: 300px;
        background-size: 100%
    }

    .contact-lf .map-holder iframe {
        height: 177px;
        width: 100%
    }

    .contact-frm {
        width: 100%;
        padding-left: 0;
        margin: 0 0 20px
    }

    .contact-btm .contact-dist .contact-dist-lf,
    .contact-btm .contact-dist .contact-dist-rgt {
        width: 100%;
        margin: 0 0 20px
    }

    .rcpcont img.alignright {
        border: 4px solid #f44302;
        display: block;
        float: none;
        margin: 10px auto
    }

    .recipe-top .recipe-img {
        background-size: 100% auto;
        box-sizing: border-box;
        float: none;
        margin: 0 auto;
        height: 241px;
        width: 300px
    }

    .rltd-pro table td {
        display: block;
        margin-bottom: 20px;
        width: 100%
    }

    .recipe-btm ul li {
        margin-bottom: 3px;
        width: 100%
    }

    .related-evt .related-evt-blk .fea-img {
        width: 100%;
        margin: 0
    }

    .related-evt .related-evt-blk .fea-txt {
        width: 100%
    }

    .wherebuy-left {
        width: 100%
    }

    .wherebuy-dropdw {
        float: left;
        margin: 0px 20px;
        width: 90%;
    }

    ul.srchlisting li {
        width: 100%
    }

    #site-navigation .ubermenu-skin-black-white-2.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
        left: 0 !important
    }

    .main-navigation li ul .lrg-menu .menu-lf div {
        width: 100%
    }

    .product-row-header.active {
        height: auto
    }

    .column1 {
        float: left;
        width: 30px
    }

    .column2,
    .column3,
    .column4 {
        box-sizing: border-box;
        padding-left: 40px;
        font-size: 15px
    }

    .product-row-cont .product-img {
        width: 100%;
        text-align: center;
        margin: 0 0 20px
    }

    .product-row-cont .product-det {
        width: 100%;
        text-align: center;
        margin: 0 0 20px
    }

    .product-row-cont .product-cont-rgt {
        margin-left: 0%;
        width: 100%
    }

    .product-row-cont {
        padding: 20px;
        box-sizing: border-box
    }

    .recipe-btm ol li {
        width: 90%
    }

    .entry-content .coconut-cont h5 {
        clear: both
    }

    .jerk-cont {
        float: left;
        margin: 20px 0 0;
        width: 100%
    }

    .jerk-cont .jerl-row {
        box-shadow: 5px 5px 10px rgba(0, 0, 0, .4);
        padding: 0 20px;
        box-sizing: border-box
    }

    .jerk-cont .jerl-row.row1 {
        background: url(/wp-content/themes/gracefoods/images/jerk-bg.jpg) 0 0 repeat;
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        padding-bottom: 30px
    }

    .jerk-cont .jerl-row.row1 .pin {
        top: 12px
    }

    .jerk-cont .jerl-row.row2 {
        background: url(/wp-content/themes/gracefoods/images/jerk-bg.jpg) 0 0 repeat;
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        padding-bottom: 30px;
        padding-right: 20px
    }

    .jerk-cont .jerl-row.row2 .pin {
        top: 12px
    }

    .jerk-cont .jerl-row.row3 {
        background: url(/wp-content/themes/gracefoods/images/jerk-bg.jpg) 0 0 repeat;
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        padding-bottom: 30px
    }

    .jerk-cont .jerl-row.row3 .pin {
        top: 12px;
        left: 50%
    }

    .jerk-cont .jerl-row.row4 {
        background: url(/wp-content/themes/gracefoods/images/jerk-bg.jpg) 0 0 repeat;
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        padding-bottom: 30px
    }

    .jerk-cont .jerl-row.row4 .pin {
        top: 12px
    }

    .jerk-cont .jerl-row.row5 {
        background: url(/wp-content/themes/gracefoods/images/jerk-bg.jpg) 0 0 repeat;
        width: 100%;
        height: auto;
        margin: 30px 0 0;
        padding-bottom: 30px
    }

    .jerk-cont .jerl-row.row5 .pin {
        top: 12px
    }

    .jerk-cont .jerl-row.row5 ul li {
        width: 100%;
        text-align: center
    }

    .jerk-cont .jerl-row img {
        display: inline-block
    }

    .jerk-cont .jerl-row.row5 ul li.three span {
        text-align: center
    }

    .jerk-cont .jerl-row.row1 p {
        margin: 0;
        width: 100%
    }

    .jerk-cont .jerl-row.row2 h3 {
        margin-left: 0
    }

    .jerk-cont .jerl-row.row2 p {
        margin-left: 0
    }

    .jerk-cont .jerl-row.row3 p {
        margin-right: 0
    }

    .jerkrow3-row.row1 {
        margin: 15px 0 0 0
    }

    .jerkrow3-row.row2 {
        margin: 15px 0 0
    }

    .jerkrow3-row.row3 {
        margin: 20px 0 0
    }

    .jerk-cont .jerl-row.row3 p {
        margin-right: 0
    }

    .jerk-cont .jerl-row.row4 img {
        margin: 20px 0 0
    }

    .jerk-cont .jerl-row.row4 h4 {
        margin-left: 0
    }

    .jerk-cont .jerl-row.row4 p {
        margin-left: 0
    }

    .grcoco-lf {
        width: 100%;
        margin-bottom: 25px
    }

    .grcoco-rgt {
        width: 100%;
        margin-bottom: 25px
    }
}

.ubermenu .ubermenu-item-layout-image_above>.ubermenu-image {
    max-height: 132px
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    #text-12 div.textwidget a img {
        max-width: 97%
    }

    .home-cont-row .home-blk h3,
    .menu-feaimg h3,
    .main-navigation li .menu-feaimg h3 a,
    .entry-content h2,
    .comment-content h2,
    .mu_register h2 {
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-style: italic
    }

    .gracecoco .red.entry-content h2 {
        font-weight: 400;
        font-style: normal
    }
}

.chef-pic {
    width: 199px;
    height: 208px;
    padding: 9px 0 0 10px;
    background: url(/wp-content/themes/gracefoods/images/chef-bg.png) 0 0 repeat;
    display: block;
    float: left;
    margin: 26px 0 0
}

.chef-pic img {
    margin: 0
}

.chef-desctxt {
    margin: 42px 0 0
}

.chef-desctxt h4 {
    clear: none;
    margin: 25px 0 15px;
    font-size: 15px;
    color: #f13930;
    display: inline-block;
    line-height: 17px
}

.chef-desctxt p {
    color: #777;
    margin-bottom: 12px
}

.chef-desctxt a.btn {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 36px;
    display: inline-block;
    padding: 0 20px;
    background: #f26522
}

.chef-desctxt a.btn:hover {
    background: #f13930
}

.hot-sauce-banner {
    text-align: center
}

.hot-sauce-cont {
    width: 100%;
    max-width: 670px;
    margin: 30px auto;
    text-align: center
}

.hot-sauce-cont p {
    color: #777
}

.hot-sauce-bottom {
    width: 100%;
    max-width: 670px;
    margin: 0 auto 20px
}

.hot-sauce-bottom .hot-sauce-btmblk {
    width: 21%;
    float: left;
    margin: 0 2%
}

.hot-sauce-bottom .hot-sauce-btmblk img {
    margin: 0 auto 30px;
    display: block
}

.hot-sauce-bottom .hot-sauce-btmblk h3 {
    font-size: 15px;
    color: #f13930;
    margin: 0 0 10px;
    line-height: 15px
}

.hot-sauce-bottom .hot-sauce-btmblk h3 span {
    font-size: 11px
}

.hot-sauce-bottom .hot-sauce-btmblk p {
    color: #777
}

@media screen and (max-width: 559px) and (min-width:10px),
screen and (max-device-width:559px) and (min-device-width:10px) {
    .hot-sauce-bottom .hot-sauce-btmblk {
        width: 98%;
        margin-bottom: 20px
    }
}

.main-navigation li a.fea-anchor img {
    display: block
}

@media screen and (max-width: 559px) and (min-width:10px),
screen and (max-device-width:559px) and (min-device-width:10px) {
    .blogsin-fea {
        width: 300px;
        height: 207px;
        background-size: 100%
    }
}

.widget-area .widget a.signup-btn {
    background: #59babc;
    width: 100%;
    float: left;
    line-height: 49px;
    display: block;
    text-align: center;
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 15px
}

.widget-area .widget a.signup-btn:hover {
    background: #ed1c24
}

.newsletter-cont {
    max-width: 480px;
    margin: 0 auto;
    width: 100%
}

.newsletter-cont .gform_wrapper {
    margin: 32px 0;
    max-width: 100%
}

.newsletter-cont .gform_wrapper .top_label .gfield_label {
    display: none
}

.newsletter-cont .gform_wrapper .top_label input.medium,
.newsletter-cont .gform_wrapper .top_label select.medium {
    height: 38px;
    box-sizing: border-box;
    border: 1px solid #d4d4d4;
    width: 100%;
    padding: 0 10px;
    color: #e75a39;
    font-size: 15px;
    margin-bottom: 10px;
    border-radius: 0
}

.newsletter-cont .gform_wrapper .gform_footer input.button {
    background: url(/wp-content/themes/gracefoods/images/subarw2.png) no-repeat scroll 90% center #fb4501;
    border: medium none;
    color: #fff;
    font-size: 20px;
    height: 36px;
    margin-top: 22px;
    padding: 0 25px 0 10px;
    text-transform: uppercase;
    width: 120px;
    border-radius: 0;
    font-weight: 600
}

.newsletter-cont .gform_wrapper .gform_footer input.button:hover {
    background: url(/wp-content/themes/gracefoods/images/subarw2.png) no-repeat scroll 90% center #ed1c24
}

.newsletter-cont .gform_wrapper .gform_footer {
    padding: 0;
    margin: 0
}

.event_content {
    font-size: 13px;
    color: #6d6e71;
    line-height: 1.45em
}

body .gform_wrapper .gform_body .gform_fields .gfield input::-webkit-input-placeholder {
    color: #e75a39
}

body .gform_wrapper .gform_body .gform_fields .gfield input:-moz-placeholder {
    color: #e75a39;
    opacity: 1
}

body .gform_wrapper .gform_body .gform_fields .gfield input::-moz-placeholder {
    color: #e75a39;
    opacity: 1
}

body .gform_wrapper .gform_body .gform_fields .gfield input:-ms-input-placeholder {
    color: #e75a39
}

body .gform_wrapper .gform_body .gform_fields .gfield input select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

body .gform_wrapper .gform_body .gform_fields .gfield input select::-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

.event_content p {
    font-size: 13px
}

.more_content,
.close_content {
    text-decoration: underline;
    font-size: 13px;
    font-weight: 600;
    margin: 10px 0 0
}

.ubermenu .ubermenu-nav .ubermenu-column-full {
    margin: 0px !important
}

.ubermenu .ubermenu-nav .ubermenu-column-1-2 {
    margin: 0px !important
}

.home .entry-header {
    display: none
}

.home #breadcrumbs {
    display: none
}

.home .site-content {
    margin: 0
}

.home footer.entry-meta {
    display: none
}

.home .site-content article {
    margin: 0;
    padding: 0
}

.home #main.wrapper {
    width: 100%;
    float: left;
    max-width: 100%;
    margin: 0
}

.banner {
    width: 100%;
    float: left
}

.banner .cycloneslider {
    width: 100%;
    float: left;
    margin: 0
}

.banner .cycloneslider .cycloneslider-slide {
    width: 100%;
    float: left
}

.banner .cycloneslider .cycloneslider-caption {
    max-width: 1040px;
    background: none;
    opacity: 1;
    top: 100px;
    left: 50%;
    margin-left: -520px
}

.banner .cycloneslider .cycloneslider-caption-title {
    display: none
}

.banner .cycloneslider .cycloneslider-caption-description {
    width: 100%;
    float: left;
    padding: 0
}

.banner .cycloneslider .cycloneslider-slide:first-child .cycloneslider-caption-description {
    max-width: 620px
}

.banner .cycloneslider .cycloneslider-caption-description label {
    font-family: 'Archer-BoldItalic';
    color: #fff;
    font-size: 95px;
    width: 100%;
    float: left;
    line-height: 95px;
    text-shadow: 0 0 23px #292922;
    margin: 0 0 10px 0
}

.banner .cycloneslider .cycloneslider-caption-description span {
    color: #fff;
    font-family: 'BrandonGrotesque-Black';
    font-size: 100px;
    line-height: 100px;
    width: 100%;
    float: left;
    text-shadow: 0 0 23px #292922
}

.banner .cycloneslider .cycloneslider-caption-description a {
    width: 255px;
    line-height: 70px;
    text-align: center;
    background: #fff;
    box-shadow: 0 0 35px #565656;
    color: #10a59b;
    font-size: 23px;
    font-family: 'BrandonGrotesque-Black';
    display: inline-block;
    margin: 20px 0 0 0;
    text-transform: uppercase
}

.banner .cycloneslider .cycloneslider-caption-description a:hover {
    background: #3b7f7d;
    color: #fff
}

.banner .cycloneslider .cycloneslider-slide:nth-child(2) .cycloneslider-caption-description {
    text-align: center
}

.banner .cycloneslider .cycloneslider-slide:nth-child(2) .cycloneslider-caption-description span {
    font-size: 100px;
    line-height: 100px
}

.banner .cycloneslider .cycloneslider-slide:nth-child(2) .cycloneslider-caption-description a {
    color: #772917
}

.banner .cycloneslider .cycloneslider-slide:nth-child(2) .cycloneslider-caption-description a:hover {
    background: #772917;
    color: #fff
}

.banner .cycloneslider .cycloneslider-slide:nth-child(3) .cycloneslider-caption-description label {
    text-shadow: 3px 1px 10px #a32322
}

.banner .cycloneslider .cycloneslider-slide:nth-child(3) .cycloneslider-caption-description {
    text-align: center
}

.banner .cycloneslider .cycloneslider-slide:nth-child(3) .cycloneslider-caption-description span {
    font-size: 144px;
    line-height: 150px;
    text-shadow: 3px 1px 10px #a32322
}

.banner .cycloneslider .cycloneslider-slide:nth-child(3) .cycloneslider-caption-description a {
    color: #ce4327;
    box-shadow: 3px 1px 10px #a32322
}

.banner .cycloneslider .cycloneslider-slide:nth-child(3) .cycloneslider-caption-description a:hover {
    background: #ce4327;
    color: #fff
}

.banner .cycloneslider .cycloneslider-slide:nth-child(4) .cycloneslider-caption-description {
    max-width: 590px;
    float: right
}

.banner .cycloneslider .cycloneslider-slide:nth-child(4) .cycloneslider-caption-description label {
    font-family: 'Archer-BoldItalic';
    color: #0061a9;
    font-size: 63px;
    line-height: 63px;
    text-shadow: none
}

.banner .cycloneslider .cycloneslider-slide:nth-child(4) .cycloneslider-caption-description span {
    font-size: 110px;
    line-height: 100px;
    text-shadow: none;
    color: #0061a9
}

.banner .cycloneslider .cycloneslider-slide:nth-child(4) .cycloneslider-caption-description a {
    color: #fff;
    background: #0061a9
}

.banner .cycloneslider .cycloneslider-slide:nth-child(4) .cycloneslider-caption-description a:hover {
    color: #0061a9;
    background: #fff
}

.banner .cycloneslider .cycloneslider-slide img {
    height: 100%
}

.homesec {
    width: 100%;
    float: left;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin: 0px !important
}

.homesec img {
    width: 100%;
    float: left;
    transition-duration: 0.5s
}

.homesec:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1)
}

.homesec p {
    margin: 0
}

.homesec a {
    width: 100%;
    float: left;
    position: absolute;
    color: #fff;
    top: 50%;
    left: 0;
    margin-top: -98px;
    font-size: 133px;
    line-height: 95px;
    text-transform: uppercase;
    text-shadow: 3px 1px 10px #525252
}

.homesec label.cocount {
    font-size: 175px;
    font-family: 'Archer-Bold'
}

.homesec#lasthomesec a {
    font-size: 175px
}

.homesec label {
    width: 100%;
    float: left;
    font-size: 80px;
    line-height: 90px;
    font-family: 'Archer-BoldItalic';
    text-shadow: 3px 1px 10px #525252;
    margin: 0;
    position: relative;
    text-transform: lowercase;
    cursor: pointer
}

.wpb_text_column.wpb_content_element.coco {
    width: 100%;
    float: left;
    margin: 0;
    text-align: center;
    padding: 0;
    font-size: 83px;
    color: #fff;
    text-shadow: 3px 1px 10px #525252
}

.wpb_text_column.wpb_content_element.coco p {
    color: #fff;
    font-size: 83px
}

.wpb_text_column.wpb_content_element.coco p label {
    font-size: 100px
}

.cocojarup {
    overflow: visible !important;
    padding-bottom: 45px
}

.cocojars {
    width: 100%;
    float: left;
    margin-top: -80px
}

.coencont {
    width: 100%;
    max-width: 730px;
    margin: auto auto 50px auto !important;
    text-align: center
}

.coencont p {
    color: #fff;
    font-size: 18px;
    line-height: 27px
}

.clkslide {
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0 50px 0 !important
}

.clkslide a {
    width: 100%;
    max-width: 208px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    border: 3px solid #fff
}

.clkslide a:nth-child(2) {
    margin: 0 20px
}

.clkslide a:hover {
    background: #fff;
    color: #95c63b
}

.clkslide br {
    display: none
}

.arrdwn {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 28px
}

.arrdwn a {
    font-size: 0;
    width: 57px;
    height: 28px;
    display: inline-block;
    background: url(/wp-content/themes/gracefoods/images/arricon.png) no-repeat bottom center
}

.page-id-3605 .site-content article {
    margin: 0;
    padding: 0
}

.page-id-3605 #main.wrapper {
    margin: 0 auto
}

.pgrid .vc_gitem-zone.vc_gitem-zone-c {
    background: none !important
}

.pgrid .vc_gitem-zone .vc_col-sm-12 {
    padding: 0
}

.pgrid .vc_gitem-zone .vc_col-sm-12 h4 {
    text-align: center !important;
    color: #59c3c5;
    font-size: 22px;
    line-height: 22px;
    margin: 15px 0 0 0;
    min-height: 44px
}

.pgrid .vc_gitem-post-data-source-post_excerpt {
    display: none
}

.pgrid .vc_btn3-container {
    display: none
}

.pgrid .vc_gitem-zone .vc_col-sm-12 .vc_gitem-post-data p {
    text-align: center !important;
    font-size: 16px;
    color: #6d6e70
}

.pgrid .vc_gitem-zone .vc_col-sm-12 .vc_gitem-post-data p a.moretag {
    display: none
}

.pgrid .vc_gitem-zone .vc_col-sm-12 .vc_btn3-container.vc_btn3-left {
    text-align: center !important
}

.pgrid .vc_gitem-zone .vc_col-sm-12 .vc_btn3-container.vc_btn3-left a {
    width: 130px;
    line-height: 40px;
    background: none !important;
    color: #59c3c5 !important;
    font-size: 15px;
    text-transform: uppercase;
    border: 2px solid #59c3c5 !important;
    font-family: 'BrandonGrotesque-Black';
    padding: 0
}

.pgrid .vc_gitem-zone .vc_col-sm-12 .vc_btn3-container.vc_btn3-left a:hover {
    color: #fff !important;
    background: #59c3c5 !important
}

.page-id-1998 .recipe_cont {
    display: none
}

.heben .vc_column_container {
    width: 100%;
    max-width: 850px;
    margin: auto;
    float: none
}

#benefits.vc_custom_1520612792532 {
    background-position: top -7px center !important;
    top: -1px
}

#benefits h2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 62px;
    line-height: 62px;
    font-family: 'Archer-BoldItalic'
}

#benefits h2 label {
    width: 100%;
    float: left;
    font-size: 85px;
    line-height: 85px;
    font-family: 'Archer-Bold';
    text-transform: uppercase
}

.hbcocont {
    width: 100%;
    float: left;
    max-width: 850px;
    color: #fff;
    text-align: left;
    margin: 40px 0 0 0;
    padding-right: 35px;
    background: url(/wp-content/themes/gracefoods/images/Coconut101_Coconut.png) no-repeat right bottom
}

.hbcocont p {
    color: #fff;
    font-size: 17px
}

.hbcocont p {
    padding: 0 0 0 104px;
    margin: 0
}

p.heart {
    background: url(/wp-content/themes/gracefoods/images/heart.png) no-repeat top left
}

p.person {
    background: url(/wp-content/themes/gracefoods/images/person.png) no-repeat top left;
    padding: 20px 0 16px 104px
}

p.scale {
    background: url(/wp-content/themes/gracefoods/images/scale.png) no-repeat top left;
    padding: 12px 0 12px 104px;
    margin: 30px 0 20px 0
}

#switch.vc_custom_1520615025585 {
    background-position: top -3px center !important;
    top: -1px
}

#switch .vc_column-inner {
    width: 100%;
    max-width: 690px;
    margin: auto;
    float: none;
    padding: 0px !important
}

#switch h2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 62px;
    line-height: 62px;
    font-family: 'Archer-BoldItalic'
}

#switch h2 label {
    width: 100%;
    float: left;
    font-size: 85px;
    line-height: 85px;
    font-family: 'Archer-Bold';
    text-transform: uppercase
}

#switch .ggco {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    margin: 0
}

#switch .ggco p {
    color: #fff
}

.grcoil .vc_col-sm-3 {
    max-width: 182px
}

#gorcoil.grcoil .vc_col-sm-3 {
    max-width: 182px
}

.grcoil .vc_col-sm-9 {
    max-width: 505px
}

.grcoil h2 {
    font-size: 27px !important;
    line-height: 30px !important;
    font-family: 'Archer-Bold' !important;
    margin: 40px 0 0 0;
    clear: none
}

.grcoil p {
    margin: 0;
    width: 100%;
    float: left;
    max-width: 505px;
    line-height: 28px;
    font-size: 20px;
    color: #fff
}

.grcoil .wpb_content_element {
    margin: 0px !important
}

.grcoil a {
    color: #ed1c24
}

.grcoil a:hover {
    color: #000
}

.grcoilsug {
    width: 100%;
    float: right;
    max-width: 610px
}

.grcoilsug .vc_col-sm-2 {
    max-width: 144px;
    width: 100%
}

.grcoilsug .vc_col-sm-10 {
    max-width: 465px
}

.grcoilsug h2 {
    font-size: 27px !important;
    line-height: 30px !important;
    font-family: 'Archer-Bold' !important;
    margin: 40px 0 0 0;
    clear: none;
    text-align: right
}

.grcoilsug p {
    margin: 0;
    width: 100%;
    float: right;
    max-width: 465px;
    line-height: 28px;
    font-size: 20px;
    color: #fff;
    text-align: right
}

.grcoilsug .wpb_content_element {
    margin: 0px !important
}

.grcoilsug a {
    color: #ed1c24
}

.grcoilsug a:hover {
    color: #000
}

.gracecook.vc_custom_1520624295804 {
    width: 100%;
    float: left;
    padding: 65px 0;
    background-position: top -5px center !important;
    margin-top: -8px
}

#cooking h2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 62px;
    line-height: 62px;
    font-family: 'Archer-BoldItalic'
}

#cooking h2 label {
    width: 100%;
    float: left;
    font-size: 85px;
    line-height: 85px;
    font-family: 'Archer-Bold';
    text-transform: uppercase
}

#cooking .kuchb {
    width: 100%;
    float: left;
    text-align: center;
    color: #fff;
    margin: 0
}

#cooking .kuchb p {
    color: #fff
}

.imgsec {
    width: 100%;
    max-width: 872px;
    margin: auto !important
}

.imgsec .vc_col-sm-4 {
    width: 100%;
    float: left;
    max-width: 288px;
    text-align: center
}

.imgsec .vc_col-sm-4 figcaption {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 27px;
    line-height: 30px;
    cursor: pointer;
    text-align: center;
    margin: 0
}

.imgsec .vc_col-sm-4:hover figcaption {
    color: #000
}

.imgsec .vc_col-sm-4 .vc_column-inner {
    padding: 0
}

.imgsec .vc_col-sm-4 .wpb_single_image {
    margin: 30px 0 0 0
}

.downbook.vc_custom_1520629062273 {
    float: left;
    padding: 40px 0;
    margin-top: -16px
}

.downbook.vc_custom_1520629062273 .vc_col-sm-6:first-child {
    max-width: 255px;
    margin: 0 25px 0 0
}

.downbook.vc_custom_1520629062273 .vc_col-sm-6:last-child {
    max-width: 385px;
    width: 100%
}

.downbook .vc_column-inner {
    padding: 0px !important;
    width: 100%;
    max-width: 690px;
    margin: auto;
    float: none
}

.downbook .vc_column-inner .wpb_single_image {
    margin: 0
}

.downbook .vc_column-inner p {
    font-size: 62px;
    line-height: 62px;
    font-family: 'Archer-BoldItalic';
    color: #fff;
    width: 100%;
    float: left;
    max-width: 385px;
    margin: 0
}

.downbook .vc_column-inner p a {
    color: #fff
}

.downbook .vc_column-inner p a:hover {
    color: #000
}

.downbook .vc_column-inner p label {
    font-size: 18px;
    line-height: 27px;
    font-family: 'Archer-Bold';
    width: 100%;
    float: left;
    margin: 10px 0 0 0
}

.ubermenu,
.ubermenu-nav {
    z-index: 1000 !important
}

.recep .wpb_wrapper h1 {
    width: 100%;
    float: left;
    font-size: 83px;
    line-height: 83px;
    color: #0571b3;
    text-transform: uppercase;
    margin: 90px 0 50px 0
}

.featpr h2 {
    color: #59c3c5;
    font-size: 44px;
    line-height: 45px;
    margin: 0 0 15px 0;
    width: 100%;
    float: left;
    font-family: 'Archer-BoldItalic'
}

.featpr .wpb_content_element {
    width: 100%;
    float: left;
    margin: 0
}

.featpr .wpb_content_element iframe {
    width: 100%
}

.featpr .wpb_content_element p {
    width: 100%;
    float: left;
    color: #6d6e70;
    font-size: 22px;
    line-height: 33px
}

.featpr .wpb_video_widget .wpb_wrapper iframe {
    height: 420px
}

.featpr .vc_btn3-container {
    width: 100%;
    float: left;
    margin: 10px 0 0 0
}

.featpr .vc_btn3-container a {
    width: 179px;
    line-height: 59px;
    background: none !important;
    color: #59c3c5 !important;
    font-size: 18px;
    text-transform: uppercase;
    border: 2px solid #59c3c5 !important;
    font-family: 'BrandonGrotesque-Black';
    padding: 0
}

.featpr .vc_btn3-container a:hover {
    color: #fff !important;
    background: #59c3c5 !important
}

.alrecp .all_recipe {
    margin: 0;
    padding: 0;
    border: none
}

.alrecp .all_recipe .searchform {
    display: none
}

.alljerk .wpb_wrapper p label {
    font-family: 'Archer-BoldItalic';
    color: #fff;
    font-size: 82px;
    width: 100%;
    float: left;
    line-height: 82px;
    margin: 0 0 10px 0
}

.alljerk .wpb_wrapper p {
    color: #fff;
    font-size: 148px;
    line-height: 100px;
    width: 80%;
    float: left;
    padding: 0 10%
}

.jrkjars {
    overflow: visible !important
}

.page-id-158 #main.wrapper,
.page-id-6638 #main.wrapper {
    max-width: 1160px;
    margin-bottom: 0
}

.page-id-158 .site-content article {
    margin-bottom: 0;
    padding-bottom: 0
}

ul.clsmooth {
    width: 100%;
    float: left;
    margin: 20px 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.clsmooth li {
    width: 166px;
    display: inline-block;
    margin: 0 9px
}

.clsmooth li a {
    width: 100%;
    float: left;
    line-height: 40px;
    border: 2px solid #fff;
    text-align: center;
    text-transform: lowercase;
    font-size: 17px;
    color: #fff
}

.clsmooth li a:hover {
    background: #fff;
    color: #fdbf16
}

.whjerkpage {
    width: 100%;
    max-width: 1160px;
    margin: auto !important
}

.whjerkpage .imgsecl {
    width: 100%;
    float: left;
    max-width: 246px
}

.whjerkpage .imgsecl .vc_column-inner {
    padding: 0
}

.whjerkpage .imgsecl img {
    width: 100%;
    float: left
}

.whjerkpage .imgsecr {
    width: 100%;
    float: right;
    max-width: 334px
}

.whjerkpage .imgsecr .vc_column-inner {
    padding: 0
}

.whjerkpage .imgsecr img {
    width: 100%;
    float: right;
    margin-top: 50px
}

.whjerkpage .whtjerk {
    width: 100%;
    max-width: 560px;
    float: left;
    margin: 0 0 0 10px
}

.whjerkpage .whtjerk h2 {
    width: 100%;
    float: left;
    font-size: 48px;
    font-family: 'Archer-BoldItalic';
    color: #fff
}

.whjerkpage .whtjerk p {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    text-align: center
}

.whjerkpage .thyme {
    margin: 0
}

.whjerkpage .thyme img {
    width: 259px;
    max-width: 100%;
    float: left;
    margin: 30px 0 0 30px
}

#cooking .wpb_column.vc_column_container.vc_col-sm-12 {
    width: 100%;
    max-width: 1160px;
    margin: auto
}

#cooking .vc_column_container .vc_column-inner {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0
}

.hotjerk .imglsec {
    width: 100%;
    float: left;
    max-width: 330px;
    margin: 100px -20px 0 0
}

.hotjerk .imglsec .vc_column-inner {
    margin: 0;
    padding: 0
}

.hotjerk .cookcont {
    width: 100%;
    float: left;
    max-width: 555px
}

.hotjerk .cookcont .vc_column-inner {
    margin: 0;
    padding-left: 0;
    padding-right: 0
}

.hotjerk .cookcont h2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 62px !important;
    line-height: 70px !important;
    text-align: center;
    font-family: 'Archer-BoldItalic'
}

.hotjerk .cookcont h2 label {
    width: 100%;
    float: left;
    font-size: 85px;
    text-transform: uppercase;
    font-family: 'Archer-Bold'
}

.hotjerk .cookcont h2 p {
    font-size: 18px;
    color: #fff;
    margin: 0
}

.cooksec {
    width: 90%;
    float: left;
    margin: 30px 0 0 0 !important;
    padding: 0 30px;
    line-height: 32px
}

.cooksec p {
    margin: 0;
    font-size: 18px;
    color: #fff
}

.cooksec strong {
    color: #fff;
    font-size: 27px;
    margin: 0 0 10px 0 !important;
    width: 100%;
    float: left;
    line-height: 30px
}

.cooksec strong a {
    color: #fff
}

.cooksec strong a:hover {
    color: #000
}

.hotjerk .cooksec label {
    font-family: 'Archer-BoldItalic';
    cursor: pointer
}

.hotjerk .cooksec:nth-child(3) {
    text-align: right
}

.hotjerk .imgrsec {
    width: 100%;
    float: right;
    max-width: 295px;
    margin: 220px 0 0 0
}

.delfood h2 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 62px;
    line-height: 70px;
    font-family: 'Archer-BoldItalic';
    color: #fff;
    margin: 0 0 50px 0
}

.delfood h2 label {
    font-family: 'Archer-Bold';
    font-size: 85px;
    width: 100%;
    float: left
}

.delfood .vc_column-inner {
    padding: 0px !important
}

.delfoodcon {
    width: 100% !important;
    float: left;
    max-width: 620px;
    margin-left: 20px
}

.delfoodconin {
    width: 100%;
    float: left
}

.delfoodcon h3 {
    width: 100%;
    float: left;
    font-size: 27px;
    color: #fff;
    margin: 0
}

.delfoodcon h3 a {
    color: #fff
}

.delfoodcon h3 a:hover {
    color: #000
}

.delfoodcon h3 label {
    cursor: pointer;
    font-style: italic
}

.delfoodcon p {
    font-size: 18px;
    color: #fff;
    width: 100%;
    float: left
}

a.popwin {
    width: 100%;
    float: left;
    max-width: 160px;
    line-height: 40px;
    border: 2px solid #fff;
    text-align: center;
    font-size: 17px;
    color: #fff
}

a.popwin:hover {
    background: #fff;
    color: #fdbf16
}

.popimrow .vc_column-inner {
    padding: 0px !important
}

.page-id-158 footer {
    margin-top: -2px
}

.page-id-158 .pupupoverin {
    text-align: center
}

.page-id-158 span.close-btn {
    right: 20px;
    display: none
}

.page-id-158 .pupupoverlayy {
    background: rgba(225, 225, 225, .9)
}

.wpb_text_column.wpb_content_element.delfoodconin:last-child {
    text-align: right
}

.skewer {
    width: 100%;
    float: left;
    max-width: 300px
}

.skewer .vc_column-inner {
    padding: 0
}

.fries {
    width: 100%;
    float: left;
    max-width: 280px
}

.jerktast {
    width: 100%;
    float: left;
    padding: 80px 0
}

.jerktast h2 {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 62px;
    line-height: 70px;
    color: #fff;
    font-family: 'Archer-BoldItalic';
    margin: 0 0 30px 0
}

.jerktast h2 label {
    width: 100%;
    float: left;
    font-size: 85px;
    font-family: 'Archer-Bold'
}

.jerktast .jtast {
    width: 100%;
    max-width: 980px;
    margin: auto;
    text-align: center
}

.jtastin {
    width: 100% !important;
    float: left;
    max-width: 468px;
    text-align: center;
    margin: 0 0 20px 0
}

.jtastin p {
    margin: 0
}

.jtastin:nth-child(2) {
    float: right
}

.jtastin:last-child {
    float: none;
    display: inline-block
}

.jtastin .vc_column-inner {
    width: 100%;
    padding: 0px !important
}

.jtastin .vc_column-inner .wpb_single_image {
    width: 100%;
    float: left;
    margin: 0
}

.jtastin .vc_column-inner img {
    width: 100%;
    float: left
}

.jtastin .vc_figure-caption {
    font-size: 23px !important;
    color: #fff;
    cursor: pointer;
    width: 100%;
    float: left
}

.jtastin label {
    font-size: 23px !important;
    color: #fff;
    cursor: pointer;
    width: 100%;
    float: left;
    margin: 10px 0 0 0
}

.jtastin label a {
    color: #fff
}

.jtastin label a:hover {
    color: #fff
}

.jtastin .vc_column-inner .wpb_single_image:hover .vc_figure-caption {
    color: #000
}

#recipes .vc_column-inner {
    padding: 0
}

.headname {
    width: 100%;
    float: left
}

.headname h2 {
    margin: 0;
    color: #fff;
    font-size: 90px;
    line-height: 74px;
    width: 100%;
    float: left;
    text-shadow: 3px 1px 10px #000
}

.headname h2 label {
    font-family: 'Archer-BoldItalic';
    color: #fff;
    font-size: 78px;
    width: 100%;
    float: left;
    line-height: 78px;
    text-shadow: 3px 1px 10px #000;
    margin: 0 0 10px 0
}

.visible {
    overflow: visible !important
}

.cans {
    width: 100%;
    float: left;
    margin-top: -225px
}

.refy {
    width: 100%;
    max-width: 920px;
    margin: auto;
    color: #fff
}

.refy h3 {
    width: 100%;
    float: left;
    clear: none;
    font-size: 27px;
    line-height: 27px;
    font-weight: 400;
    margin: 10px 0 20px 0 !important
}

.refy p {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #fff;
    margin: 0;
    line-height: 27px
}

.vidtube {
    width: 100%;
    float: left;
    max-width: 498px
}

.cowatvr {
    width: 100%;
    float: right;
    max-width: 390px;
    text-align: left;
    margin: 30px 0 0 0
}

.clkslides {
    width: 100%;
    float: left;
    text-align: center;
    margin: 25px 0 30px 0
}

.clkslides a {
    width: 100%;
    max-width: 126px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    border: 3px solid #fff
}

.clkslides a:hover {
    color: #59babc;
    background: #fff
}

.clkslides a:nth-child(2) {
    margin: 0 20px
}

.clkslides a:nth-child(3) {
    margin: 0 20px 0 0
}

.arrdwn {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 28px
}

.arrdwn a {
    font-size: 0;
    width: 57px;
    height: 28px;
    display: inline-block;
    background: url(/wp-content/themes/gracefoods/images/arricon.png) no-repeat bottom center
}

.grcowat h2 {
    width: 100%;
    float: left;
    font-size: 85px;
    line-height: 85px;
    text-align: center;
    color: #59c4c6;
    margin: 0 0 20px 0
}

.grcowat h2 b {
    width: 100%;
    float: left;
    font-size: 62px;
    line-height: 62px;
    font-family: 'Archer-BoldItalic';
    text-transform: capitalize;
    margin: 0;
    font-weight: 400
}

.grcowat h2 label {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 21px;
    line-height: 21px;
    color: #59c4c6;
    margin: 20px 0 0 0
}

.colast .vc_column_container .vc_row-fluid {
    width: 100%;
    max-width: 578px;
    margin: auto;
    clear: both
}

.colast .vc_column_container .crcowat.vc_col-sm-4:first-child {
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px 0
}

.colast .vc_column_container .crcowat.vc_col-sm-4 {
    width: 50%
}

.watpulp {
    width: 100%;
    max-width: 860px;
    margin: auto !important
}

.watpulp .watbottle {
    width: 100%;
    float: left;
    max-width: 132px;
    margin: 0 40px 0 0
}

.watpulp .wpb_single_image {
    width: 100%;
    float: left;
    margin: 0
}

.watpulp .gpulptext {
    width: 100%;
    float: left;
    max-width: 445px;
    margin: 45px 0 0 0
}

.watpulp .gpulptext .wpb_content_element {
    width: 100%;
    float: left;
    margin: 0
}

.watpulp .gpulptext .wpb_content_element p {
    width: 100%;
    float: left;
    color: #59c4c6;
    font-size: 18px
}

.watpulp .gpulptext .wpb_content_element p strong {
    width: 100%;
    float: left;
    font-size: 27px
}

.watpulp .gpulptext .wpb_content_element p a {
    width: 125px;
    line-height: 38px;
    text-align: center;
    border: 2px solid #59c4c6;
    font-size: 17px;
    float: left
}

.watpulp .gpulptext .wpb_content_element p a:hover {
    background: #59c4c6;
    color: #fff
}

.grpure {
    width: 100%;
    max-width: 860px;
    margin: auto !important
}

.grpure .tetrapack {
    width: 100%;
    float: right;
    max-width: 152px;
    margin: -35px 0 0 40px
}

.grpuretext {
    width: 100% !important;
    float: left;
    max-width: 665px;
    text-align: right;
    margin-top: 30px
}

.grpuretext .vc_column-inner {
    width: 100%;
    float: right;
    max-width: 525px
}

.grpuretext .wpb_content_element {
    width: 100%;
    float: left;
    margin: 0
}

.grpuretext .wpb_content_element p {
    width: 100%;
    float: left;
    color: #59c4c6;
    font-size: 18px
}

.grpuretext .wpb_content_element p strong {
    width: 100%;
    float: left;
    font-size: 27px
}

.grpuretext .wpb_content_element p a {
    width: 125px;
    line-height: 38px;
    text-align: center;
    border: 2px solid #59c4c6;
    font-size: 17px;
    float: right
}

.grpuretext .wpb_content_element p a:hover {
    background: #59c4c6;
    color: #fff
}

.ingrow {
    width: 100%;
    max-width: 640px;
    margin: auto !important
}

.ingrow .wpb_column {
    text-align: center
}

.ingrow .wpb_column .wpb_raw_html {
    width: 100%;
    float: left
}

.ingrow .wpb_column .wpb_raw_html p {
    width: 100%;
    float: left;
    color: #59c4c6;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 20px;
    margin: 10px 0 0 0
}

.adownbut {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0 0 40px 0
}

.adownbut .adown {
    width: 100%;
    float: left;
    margin: 0
}

.adownbut .adown .vc_general {
    font-size: 0;
    padding: 0px !important;
    border: none !important;
    width: 57px;
    height: 28px;
    background: url(/wp-content/themes/gracefoods/images/arcol.png) no-repeat bottom center !important
}

.bencowat h2 {
    width: 100% !important;
    float: left !important;
    color: #fff !important;
    font-size: 85px !important;
    line-height: 85px !important;
    margin: 0 0 50px 0 !important;
    font-family: 'Archer-Bold' !important
}

.bencowat h2 label {
    width: 100% !important;
    float: left !important;
    font-size: 65px !important;
    line-height: 65px !important;
    font-family: 'Archer-BoldItalic' !important;
    text-transform: capitalize !important
}

.benincowat {
    width: 100%;
    max-width: 790px;
    margin: auto !important
}

.benleft .wpb_text_column {
    width: 100%;
    float: left;
    max-width: 280px;
    background: #fff;
    padding: 35px 45px !important
}

.benleft .vc_column-inner {
    padding: 0;
    width: 100%;
    float: left;
    padding: 0px !important
}

.benleft .vc_column-inner ul {
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
    width: 100%;
    float: left
}

.benleft .vc_column-inner ul li {
    width: 100%;
    float: left;
    color: #59c4c6;
    font-size: 27px;
    line-height: 40px;
    margin: 0 0 10px 0
}

.benleft .vc_column-inner p {
    width: 100%;
    float: left;
    color: #59c4c6;
    font-size: 16px;
    line-height: 27px
}

a.lmr {
    width: 125px;
    line-height: 38px;
    text-align: center;
    border: 2px solid #59c4c6;
    font-size: 17px;
    float: left
}

a.lmr:hover {
    background: #59c4c6;
    color: #fff
}

.grrhai p {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    width: 100%;
    float: left
}

p.ghd {
    font-size: 27px;
    font-weight: 700;
    margin: 0 0 10px 0
}

.grrhai a {
    width: 125px;
    line-height: 38px;
    text-align: center;
    border: 2px solid #fff;
    font-size: 17px;
    float: left;
    color: #fff;
    margin: 0 0 15px 0 !important
}

.grrhai a:hover {
    color: #59babc;
    background: #fff
}

.adwn .vc_general {
    font-size: 0px !important;
    padding: 0px !important;
    border: none !important;
    width: 57px;
    height: 28px;
    background: url(/wp-content/themes/gracefoods/images/arricon.png) no-repeat bottom center !important
}

.colast.vc_custom_1521045177848 {
    background-position: top center !important
}

.colast h2 {
    margin: 0;
    width: 100%;
    float: left;
    color: #fff;
    font-size: 85px;
    line-height: 85px
}

.colast h2 b {
    width: 100%;
    float: left;
    font-size: 62px;
    line-height: 62px;
    font-family: 'Archer-BoldItalic'
}

.colast h2 label {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 27px;
    margin: 20px 0 30px 0
}

.colast .vc_column_container.vc_col-sm-12 {
    width: 100%;
    max-width: 870px;
    margin: auto;
    float: none
}

.crcowat {
    width: 100%;
    float: left;
    max-width: 287px;
    text-align: center
}

.crcowat .vc_column-inner {
    padding: 0px !important
}

.crcowat .vc_column-inner .wpb_single_image {
    width: 100%;
    float: left;
    margin: 0
}

.crcowat p {
    width: 100%;
    float: left;
    margin: 0;
    color: #fff;
    font-size: 27px;
    line-height: 32px
}

.page-id-168 .site-content article {
    margin: 0;
    padding: 0
}

.page-id-168 #main.wrapper {
    margin-top: 0;
    margin-bottom: 0
}

.crcowat .wpb_raw_html {
    margin: 0
}

.probanner {
    width: 100%;
    float: left
}

.probanner .wpb_content_element {
    margin: 0
}

.probanner .cycloneslider {
    width: 100%;
    float: left;
    margin: 0
}

.probanner .cycloneslider-template-standard .cycloneslider-prev,
.probanner .cycloneslider-template-standard .cycloneslider-next {
    opacity: 1
}

.probanner .cycloneslider-template-standard .cycloneslider-prev {
    width: 44px;
    height: 78px;
    background: url(/wp-content/themes/gracefoods/images/arrprev.png) no-repeat;
    box-shadow: none;
    display: none
}

.probanner .cycloneslider-template-standard .cycloneslider-next {
    width: 44px;
    height: 78px;
    background: url(/wp-content/themes/gracefoods/images/arrnxt.png) no-repeat;
    box-shadow: none;
    display: none
}

.probanner .cycloneslider-template-standard:hover .cycloneslider-prev,
.probanner .cycloneslider-template-standard:hover .cycloneslider-next {
    opacity: 1
}

.probanner .cycloneslider-template-standard .arrow {
    display: none
}

.probanner .cycloneslider .cycloneslider-caption {
    max-width: 1040px;
    background: none;
    opacity: 1;
    top: 150px;
    left: 50%;
    margin-left: -520px
}

.probanner .cycloneslider .cycloneslider-slide:first-child .cycloneslider-caption-description {
    max-width: 620px
}

.probanner .cycloneslider .cycloneslider-slide:first-child .cycloneslider-caption-description {
    max-width: 620px
}

.probanner .cycloneslider .cycloneslider-caption-description label {
    font-family: 'Archer-BoldItalic';
    color: #fff;
    font-size: 95px;
    width: 100%;
    float: left;
    line-height: 95px;
    text-shadow: 0 0 23px #292922;
    margin: 0
}

.probanner .cycloneslider .cycloneslider-caption-description span {
    color: #fff;
    font-family: 'BrandonGrotesque-Black';
    font-size: 190px;
    line-height: 190px;
    width: 100%;
    float: left;
    text-shadow: 0 0 23px #292922
}

.probanner .cycloneslider .cycloneslider-caption-description a.co {
    width: 271px;
    line-height: 79px;
    float: left;
    text-align: center;
    background: #fff;
    color: #56682e;
    font-size: 25px;
    font-family: 'BrandonGrotesque-Black';
    box-shadow: 0 0 11px #565656;
    text-transform: uppercase;
    margin: 20px 0 12px 0
}

.probanner .cycloneslider .cycloneslider-caption-description a.co:hover {
    background: #56682e;
    color: #fff
}

.probanner .cycloneslider .cycloneslider-caption-description a.allp {
    width: 271px;
    line-height: 79px;
    float: left;
    text-align: center;
    background: #cbd23f;
    color: #fff;
    font-size: 25px;
    font-family: 'BrandonGrotesque-Black';
    box-shadow: 0 0 11px #565656;
    text-transform: uppercase;
    clear: left
}

.probanner .cycloneslider .cycloneslider-caption-description a.allp:hover {
    background: #fff;
    color: #cbd23f
}

h1.prohead {
    width: 100%;
    float: left;
    font-size: 67px;
    line-height: 67px;
    color: #0571b3;
    text-transform: uppercase;
    margin: 35px 0 45px 0
}

.prorow {
    width: 100%;
    float: left;
    margin: 0 0 20px 0
}

.prorow .wpb_column {
    text-align: center;
    min-height: 280px
}

.prorow .wpb_column .wpb_single_image {
    margin: 0;
    min-height: 215px
}

.prorow .wpb_column .wpb_single_image img {
    max-height: 250px
}

.prorow .wpb_column .wpb_raw_html {
    margin: 0
}

.prorow .wpb_column .wpb_raw_html p {
    color: #59c4c6;
    font-size: 27px;
    width: 100%;
    float: left;
    line-height: 27px;
    margin: 0
}

.prorow .wpb_column:hover .wpb_raw_html p a {
    color: #0571b4
}

.prorow .collapseomatic {
    background: url(/wp-content/themes/gracefoods/images/pbut.png) no-repeat center right;
    padding: 0 30px 0 0;
    color: #59c4c6;
    font-size: 27px;
    line-height: 27px
}

.prorow .collapseomatic:hover {
    color: #0571b4;
    background: url(/wp-content/themes/gracefoods/images/pbuth.png) no-repeat center right
}

.prorow .colomat-close {
    background: url(/wp-content/themes/gracefoods/images/mbut.png) no-repeat center right
}

.prorow .colomat-close:hover {
    background: url(/wp-content/themes/gracefoods/images/mbuth.png) no-repeat center right
}

.prorow .colomat-hover {
    text-decoration: none
}

.prorow .collapseomatic_content {
    margin: 0
}

.prorow .collapseomatic_content a {
    color: #6d6e70;
    font-size: 24px;
    font-family: 'Archer Medium';
    line-height: 24px
}

.partbrand {
    width: 100%;
    float: left;
    margin: 50px 0 0 0 !important
}

.partbrand h2 {
    width: 100%;
    float: left;
    color: #0571b4;
    font-size: 50px;
    line-height: 50px;
    margin: 0 0 30px 0;
    font-family: 'Archer-BoldItalic'
}

.brandin {
    width: 100%;
    max-width: 700px;
    margin: auto !important
}

.brandin strong {
    width: 100%;
    float: left;
    color: #0571b4;
    font-size: 24px;
    font-family: 'BrandonGrotesque-Black';
    margin: 0 0 10px 0 !important
}

.brandin ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.brandin ul li {
    width: 50%;
    float: left;
    margin: 0
}

.brandin ul li a {
    width: 100%;
    float: left;
    color: #59c4c6;
    font-size: 24px;
    line-height: 36px
}

.brandin .vc_col-sm-4 ul li {
    width: 100%
}

.abtbnnr h2 {
    font-size: 151px;
    line-height: 115px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 200px 0;
    text-shadow: 0 0 14px #292922
}

.abtbnnr h2 label {
    width: 100%;
    float: left;
    font-family: 'Archer-BoldItalic';
    font-size: 114px;
    line-height: 114px;
    text-transform: capitalize
}

.page-id-10 article {
    margin: 0;
    padding: 0
}

.page-id-10 #main.wrapper {
    max-width: 1030px;
    margin: auto
}

.abtext p {
    color: #fff;
    font-size: 18px
}

.abtext label {
    font-family: 'Archer-BoldItalic';
    color: #fff;
    font-size: 45px;
    line-height: 45px;
    width: 100%;
    float: left;
    margin-top: 30px
}

.abtext label.btext {
    font-size: 48px;
    width: 100%;
    float: left;
    text-transform: uppercase;
    font-family: 'Archer-Bold';
    margin: 10px 0 45px 0 !important
}

.abtext a {
    color: #fff
}

.abtext a:hover {
    color: #f05338
}

.abtext .vc_general {
    width: 170px;
    line-height: 40px !important;
    padding: 0px !important;
    border: none !important;
    background: #fff !important;
    color: #f8a02e !important;
    font-size: 18px !important;
    text-transform: uppercase;
    transition: none !important
}

.abtext .vc_general:hover {
    color: #fff !important;
    background: none !important;
    border: 2px solid #fff !important;
    line-height: 36px !important
}

.combnnr h2 {
    margin: 0;
    color: #fff;
    font-size: 107px;
    line-height: 100px;
    text-shadow: 0 0 23px #292922;
    text-transform: uppercase;
    padding: 86px 0 86px 0
}

.combnnr h2 label {
    width: 100%;
    float: left;
    font-size: 122px;
    font-family: 'Archer-BoldItalic';
    text-transform: lowercase
}

.page-id-82 #main.wrapper {
    max-width: 870px;
    margin: auto
}

.page-id-82 #main.wrapper article {
    margin: 0;
    padding: 0
}

.comtext {
    width: 100%;
    float: left;
    margin: 70px 0 110px 0
}

.comtext p {
    color: #fff;
    font-size: 18px
}

.comtextin {
    width: 100%;
    float: left;
    margin: 0 0 85px 0 !important
}

.comtextin a {
    color: #ffff02
}

.comtextin a:hover {
    color: #ed1c24
}

.comtextin .vc_col-sm-6:first-child {
    width: 100%;
    float: left;
    max-width: 303px;
    margin: 0 45px 0 0
}

.comtextin .wpb_single_image {
    margin: 0px !important
}

.comtextin .wpb_content_element {
    margin: 0px !important
}

.comtextin .vc_col-sm-6:last-child {
    width: 100%;
    float: left;
    max-width: 510px
}

.comtextin .wpb_text_column p {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    margin: 0 0 10px 0
}

.comtextin .wpb_text_column p strong {
    font-size: 27px;
    line-height: 27px
}

.comtextin span.collapseomatic {
    background: none;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 0;
    margin: 17px 0 0 0
}

.comtextin span.collapseomatic.colomat-close {
    display: none
}

.comtextin .collapseomatic_content {
    margin: 0
}

.comtextin .vc_column-inner {
    padding: 0px !important
}

.blog #main.wrapper {
    width: 100%;
    float: left;
    max-width: 100%;
    margin: 0
}

.blogpage {
    width: 100%;
    max-width: 890px;
    margin: auto
}

.blogfeaimg {
    width: 100%;
    float: left;
    clear: both;
    margin-bottom: 23px;
    text-align: center
}

.blogfeaimg img {
    display: inline-block;
    width: 100%
}

.blogpage .widget-area {
    margin: 0
}

.blogpage .site-content,
body.full-width .blogpage .site-content {
    width: 100%;
    float: left;
    max-width: 593px;
    margin: 0 0 80px 0
}

.blogsin-fea {
    width: 100%;
    float: left
}

.blogsin-fea img {
    display: block
}

.entry-date {
    font-size: 15px;
    width: 100%;
    float: left;
    color: #000;
    margin: 20px 0
}

.blog .blogfeaimg {
    position: relative;
    min-height: 480px
}

.blog .blogfeaimg img {
    width: 100%;
    float: left
}

.blimcon {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -125px
}

.blimcon h2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 130px;
    line-height: 130px;
    text-shadow: 0 0 20px #292922;
    text-transform: uppercase;
    margin: 0
}

.blimcon label {
    width: 100%;
    float: left;
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    text-shadow: 0 0 20px #292922;
    font-family: 'Archer-BoldItalic'
}

.single .blogfeaimg {
    position: relative;
    min-height: 480px
}

.single .blogfeaimg img {
    width: 100%;
    float: left
}

.archive .blogfeaimg {
    position: relative;
    min-height: 480px
}

.archive .blogfeaimg img {
    width: 100%;
    float: left
}

.blogpage .entry-content h1 {
    width: 100%;
    float: left;
    text-align: left;
    margin: 0 0 15px 0
}

.blogpage .entry-content h1  {
    font-size: 30px;
    line-height: 38px;
    color: #f05338;
    font-family: 'Archer-Bold'
}
.blogpage .entry-content h1  a{
    font-size: 30px;
    line-height: 38px;
    color: #f05338;
    font-family: 'Archer-Bold'
}

.blogpage .entry-content p {
    color: #000;
    font-size: 17px;
    line-height: 27px
}

.blogpage .entry-content ul li {
    font-size: 17px;
    line-height: 27px;
    color: #000
}

.blogpage .entry-content p a.moretag {
    width: 148px;
    line-height: 40px;
    text-align: center;
    color: #f05338;
    font-size: 17px;
    display: block;
    margin: 15px 0 0 0;
    text-transform: uppercase;
    border: 3px solid #f05338
}

.blogpage .entry-content p a.moretag:hover {
    background: #f05338;
    color: #fff
}

.single-post #main.wrapper {
    max-width: 100%;
    margin: 0;
    float: left
}

.single-post .entry-date {
    margin: 0 0 10px 0
}

.blogpage h3.widget-title {
    color: #f05338;
    width: 100%;
    float: left;
    font-size: 26px;
    margin: 0 0 20px 0
}

.blogpage .widget-area ul {
    width: 100%;
    float: left;
    margin: 0 0 20px 0
}

.blogpage .widget-area ul li {
    color: #6d6e70;
    font-size: 17px;
    margin: 0 0 15px 0;
    width: 100%;
    float: left
}

.single-post .blogpage blockquote {
    width: 100%;
    float: left;
    padding: 0;
    margin: 15px 0
}

.single-post .blogpage h3 {
    width: 100%;
    float: left;
    color: #f05338;
    font-size: 24px;
    line-height: 27px;
    font-family: 'Archer-BoldItalic'
}

.shareon {
    width: 100%;
    float: left;
    color: #59babc;
    font-size: 32px;
    margin: 0 0 15px 0
}

.single-post .addtoany_list.a2a_kit_size_32 a {
    width: 35px;
    height: 35px;
    float: left;
    overflow: hidden;
    background-size: 35px 70px !important
}

.single-post .addtoany_list.a2a_kit_size_32 a.a2a_button_facebook {
    background: url(/wp-content/themes/gracefoods/images/fbsing.png) no-repeat top center
}

.single-post .addtoany_list.a2a_kit_size_32 a.a2a_button_pinterest {
    background: url(/wp-content/themes/gracefoods/images/pinsing.png) no-repeat top center
}

.single-post .addtoany_list.a2a_kit_size_32 a.a2a_button_twitter {
    background: url(/wp-content/themes/gracefoods/images/twticn.png) no-repeat top center
}

.single-post .addtoany_list.a2a_kit_size_32 a.a2a_button_blogger_post {
    background: url(/wp-content/themes/gracefoods/images/blgsing.png) no-repeat top center
}

.single-post .addtoany_list.a2a_kit_size_32 a:hover {
    background-position: top -35px center
}

.single-post .addtoany_list.a2a_kit_size_32 a>span {
    display: none
}

.blog .nav-previous a {
    color: #f05338;
    font-size: 21px;
    text-transform: uppercase
}

.blogpage h6 {
    color: #6d6e70;
    font-size: 17px;
    line-height: 21px
}

.category #main.wrapper {
    max-width: 100%;
    float: left;
    margin: 0
}

.pacebnnr h2 {
    font-size: 151px;
    line-height: 115px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    padding: 200px 0
}

.page-id-459 #main.wrapper {
    max-width: 830px;
    margin: auto
}

.page-id-459 .site-content article {
    margin: 0;
    padding: 0
}

.page-id-459 p {
    color: #414042;
    font-size: 18px
}

.page-id-459 p a {
    color: #fff
}

.page-id-459 p a:hover {
    color: #f05338
}

.contbnn h1 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 119px;
    line-height: 119px;
    text-shadow: 0 0 20px #292922;
    padding: 127px 0;
    text-transform: uppercase
}

.page-id-23 #main.wrapper {
    max-width: 865px;
    margin: auto
}

.page-id-23 .entry-content {
    width: 100%;
    float: left
}

.tabcont {
    width: 100%;
    float: left;
    margin: 140px 0 124px 0 !important
}

.tabcont #tabs ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.tabcont #tabs ul li {
    width: 100%;
    float: left;
    max-width: 380px;
    background: #59babc;
    margin: 0
}

.tabcont #tabs ul li:last-child {
    float: right
}

.tabcont #tabs ul li a {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 23px;
    text-transform: uppercase;
    text-align: center;
    padding: 24px 0;
    line-height: 24px
}

.tabcont #tabs ul li.ui-tabs-active {
    border: 5px solid #59babc
}

.tabcont #tabs ul li.ui-tabs-active a {
    background: #fff;
    color: #59babc;
    padding: 19px 0
}

.tabcont .ui-tabs-panel {
    width: 89%;
    float: left;
    padding: 100px 45px 0 45px;
    font-family: 'Archer-BoldItalic'
}

.tabcont .ui-tabs-panel h2 {
    width: 100%;
    float: left;
    text-align: center;
    color: #6d6e70;
    font-size: 62px;
    margin: 0 0 80px 0;
    line-height: 62px
}

.tabcont .ui-tabs-panel h3 {
    width: 100%;
    float: left;
    margin: 0 0 45px 0;
    color: #6d6e70;
    font-size: 22px;
    font-family: 'Archer-BoldItalic'
}

.tabcont .wpcf7 {
    width: 100%;
    float: left
}

.tabcont .wpcf7 p {
    width: 100%;
    float: left
}

.tabcont .wpcf7 p span.wpcf7-form-control-wrap {
    width: 100%;
    float: left
}

.tabcont .wpcf7 p.fname {
    width: 49%;
    float: left
}

.tabcont .wpcf7 p.lname {
    width: 49%;
    float: right
}

.tabcont .wpcf7 p select {
    width: 100%;
    float: left;
    max-width: 126px;
    box-shadow: -1px 0 9px #ccc;
    font-size: 17px;
    line-height: 40px
}

.tabcont .wpcf7 p select option:first-child {
    color: #f05338
}

.tabcont .wpcf7 p input[type="text"] {
    width: 100%;
    float: left;
    max-width: 336px;
    box-shadow: -1px 0 9px #ccc;
    font-size: 17px;
    padding: 0 15px;
    line-height: 40px
}

.tabcont .wpcf7 p.retname input[type="text"] {
    max-width: 96%
}

.tabcont .wpcf7 p input[type="tel"] {
    width: 100%;
    float: left;
    max-width: 336px;
    box-shadow: -1px 0 9px #ccc;
    font-size: 17px;
    padding: 0 15px;
    line-height: 40px
}

.tabcont .wpcf7 p input[type="email"] {
    width: 100%;
    float: left;
    max-width: 336px;
    box-shadow: -1px 0 9px #ccc;
    font-size: 17px;
    padding: 0 15px;
    line-height: 40px
}

.tabcont .wpcf7 p textarea {
    width: 96%;
    float: left;
    box-shadow: -1px 0 9px #ccc;
    font-size: 17px;
    padding: 15px;
    height: 100px
}

.tabcont .wpcf7 p input[type="file"] {
    width: 100%;
    float: left;
    max-width: 300px;
    box-shadow: -1px 0 9px #ccc;
    font-size: 17px;
    padding: 7px 24px;
    color: #6d6e70
}

.tabcont .wpcf7 p input[type="submit"] {
    width: 148px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #59babc;
    font-size: 17px;
    text-transform: uppercase;
    padding: 0;
    border: none;
    font-family: 'Archer-Bold';
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.tabcont .wpcf7 p input[type="submit"]:hover {
    background: none;
    border: 2px solid #59babc;
    color: #59babc;
    line-height: 36px
}

.tabcont .wpcf7 p input[type="text"]::-webkit-input-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p input[type="text"]:-moz-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p input[type="text"]::-moz-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p input[type="text"]:-ms-input-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p input[type="email"]::-webkit-input-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p input[type="email"]:-moz-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p input[type="email"]::-moz-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p input[type="email"]:-ms-input-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p textarea::-webkit-input-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p textarea:-moz-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p textarea::-moz-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p textarea:-ms-input-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p input[type="tel"]::-webkit-input-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p input[type="tel"]:-moz-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p input[type="tel"]::-moz-placeholder {
    color: #f05338
}

.tabcont .wpcf7 p input[type="tel"]:-ms-input-placeholder {
    color: #f05338
}

.tabcont .wpcf7-response-output {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
    color: red;
    font-size: 17px
}

#tabs-2 label {
    font-size: 22px;
    color: #6d6e70;
    width: 100%;
    float: left;
    margin: 0 0 35px 0 !important
}

.tabcont p.adsec {
    width: 32%;
    float: left
}

.tabcont p.adsec2 {
    margin: 0 2%
}

.tabcont p.adsec input[type="text"] {
    width: 86%
}

.dividerdot {
    width: 100%;
    float: left;
    border-top: 1px dotted #f05338;
    margin: 25px 0
}

.tabcont .wpcf7 p.upf {
    position: relative
}

.tabcont .wpcf7 p.upf label.upbut {
    color: #f05338 !important;
    font-size: 17px !important;
    background: #fff;
    padding: 3px 5px;
    position: absolute;
    z-index: 10;
    width: auto !important;
    top: 5px;
    left: 0
}

@-moz-document url-prefix() {
    .tabcont .wpcf7 p.upf label.upbut {
        font-size: 14px !important
    }
}

.mapsect {
    width: 100%;
    float: left;
    padding: 100px 0 0 0;
    border-top: 10px solid #f05338;
    margin: 0 0 170px 0 !important
}

.mapsect .wpb_content_element strong {
    color: #f05338;
    font-size: 29px;
    width: 100%;
    float: left;
    margin: 0 0 15px 0 !important
}

.mapsect .wpb_content_element p {
    font-size: 20px;
    color: #6d6e70
}

.mapsect .wpb_content_element p a {
    color: #6d6e70
}

.pricont {
    width: 100%;
    margin: auto !important;
    max-width: 910px
}

.pricont .vc_column-inner {
    width: 100%;
    float: left;
    margin: 90px 0 50px 0
}

.pricont h3 {
    width: 100%;
    float: left;
    color: #f05338;
    text-transform: uppercase;
    font-size: 25px;
    margin: 10px 0 0 0
}

.pricont p {
    font-size: 20px;
    color: #000
}

.pricont p a {
    color: #f05338
}

.termbnnr h2 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 119px;
    line-height: 119px;
    text-shadow: 0 0 20px #292922;
    padding: 127px 0;
    text-transform: uppercase
}

.termtext {
    width: 100%;
    max-width: 850px;
    margin: auto !important
}

.termtext .wpb_wrapper {
    width: 100%;
    float: left;
    margin: 50px 0
}

.termtext label {
    font-size: 25px;
    text-align: center;
    font-family: 'Archer-BoldItalic';
    width: 100%;
    float: left;
    margin: 0 0 20px 0 !important
}

.termtext h3 {
    width: 100%;
    float: left;
    color: #f05338;
    text-transform: uppercase;
    font-size: 25px;
    margin: 10px 0 0 0
}

.termtext p {
    font-size: 20px;
    color: #000
}

.term-65.archive #main.wrapper {
    max-width: 900px
}

p.hchot {
    width: 100%;
    float: left;
    text-align: center
}

p.hchot img {
    width: auto;
    float: none;
    display: inline-block
}

.difam {
    width: 100%;
    float: left
}

.difamin {
    width: auto;
    float: left;
    text-align: center;
    font-size: 17px;
    color: #6d6e70;
    line-height: 18px;
    padding: 0 36px
}

.difamin:first-child {
    margin-top: 20px;
    padding-left: 0
}

.difamin:nth-child(4) {
    margin-top: 20px
}

.difamin:nth-child(5) {
    margin-top: 20px
}

.difamin:last-child {
    float: right;
    padding-right: 0
}

.difamin label {
    color: #f05338;
    font-size: 17px;
    text-transform: uppercase;
    width: 100%;
    float: left;
    line-height: 20px;
    margin: 0 0 10px 0
}

.difamin span {
    color: #6d6e70;
    font-size: 15px;
    width: 100%;
    float: left
}

.scaletext {
    width: 100%;
    float: left;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    background: url(/wp-content/themes/gracefoods/images/scaleh.png) no-repeat;
    text-align: center;
    margin: 20px 0 40px 0;
    background-size: 100% auto
}

.topcaps {
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0 0 0;
    color: #f05338;
    font-size: 62px;
    font-style: italic;
    line-height: 62px
}

.topcaps br {
    display: none
}

.topcaps label {
    width: 100%;
    float: left;
    color: #f05338;
    font-size: 85px;
    line-height: 85px;
    text-transform: uppercase;
    font-style: normal
}

.topcaps span {
    width: 100%;
    float: left;
    color: #f05338;
    font-size: 62px;
    line-height: 62px;
    font-family: 'Archer-BoldItalic'
}

.topcaps img {
    width: auto;
    float: none;
    display: inline-block
}

.term-65.archive .product-cont h2 {
    display: none
}

.term-65.archive .product-main-img {
    display: none
}

.ubermenu .ubermenu-nav .ubermenu-column-1-4 {
    width: 30% !important
}

.mobilebnnr {
    display: none
}

.page-template-page_all_recipe_category #main.wrapper {
    max-width: 865px
}

.page-id-4078 .entry-header {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    margin: 50px 0
}

.page-id-4078 .entry-header h1 {
    width: 100%;
    float: left;
    font-size: 83px;
    line-height: 83px;
    color: #0571b3;
    text-transform: uppercase;
    font-family: 'Archer-Bold';
    text-align: center
}

.page-template-page_all_recipe #main.wrapper {
    max-width: 865px
}

.recipe-btm .wpb_column a {
    text-align: center;
    width: 100%;
    float: left
}

.recipe-btm .wpb_column a img {
    float: none;
    display: inline-block;
    width: auto;
    max-height: 250px
}

.recipe-btm .wpb_column a label {
    width: 100%;
    float: left;
    line-height: 22px;
    cursor: pointer
}

.videosect {
    width: 100%;
    float: left;
    margin: 0 0 50px 0 !important
}

.videosect .wpb_column .vc_column-inner {
    padding: 0 5px
}

.videosect .wpb_video_widget {
    width: 100%;
    float: left;
    margin: 0 0 20px 0 !important
}

.videosect .wpb_column h2 {
    width: 90%;
    float: left;
    margin: 0;
    font-weight: 400;
    padding: 0 5%;
    line-height: 22px
}

.videosect .wpb_column h2 a {
    color: #59c3c5;
    font-size: 22px
}

.parent-pageid-4078 .entry-header {
    display: block;
    width: 100%;
    float: left;
    text-align: center;
    margin: 30px 0 50px 0
}

.parent-pageid-4078 .entry-header h1 {
    width: 100%;
    float: left;
    color: #59c3c5;
    font-size: 44px
}

.parent-pageid-4078 #main.wrapper {
    max-width: 926px
}

.bigvid {
    float: left
}

.bigvid .wpb_content_element {
    margin: 0px !important
}

.preptym {
    width: 40% !important;
    float: left;
    margin: 40px 0 0 0
}

.preptym p {
    width: 100%;
    float: left;
    color: #59c3c5;
    font-size: 23px;
    margin: 0;
    line-height: 33px
}

.gtrp {
    margin: 40px 0 0 0;
    width: auto !important;
    float: left
}

.gtrp a {
    width: 175px;
    line-height: 55px;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    color: #59c3c5;
    float: left;
    border: 2px solid #59c3c5;
    font-family: 'BrandonGrotesque-Black';
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.gtrp a:hover {
    color: #fff;
    background: #59c3c5
}

.shbut {
    width: 100% !important;
    max-width: 290px;
    float: right !important;
    margin: 40px 0 0 0
}

.shbut p {
    margin: 0
}

.shbut label {
    width: auto;
    float: left;
    color: #59c3c5;
    font-size: 24px;
    font-family: 'BrandonGrotesque-Black';
    text-transform: uppercase;
    line-height: 49px
}

.shbut .addtoany_shortcode {
    margin: 0;
    float: left;
    padding: 0 0 0 20px;
    width: auto;
    box-sizing: border-box
}

.shbut .addtoany_shortcode a.a2a_button_facebook {
    background: url(/wp-content/themes/gracefoods/images/fbsh.png) no-repeat;
    background-size: 100%
}

.shbut .addtoany_shortcode a.a2a_button_pinterest {
    background: url(/wp-content/themes/gracefoods/images/pinsh.png) no-repeat;
    background-size: 100%
}

.shbut .addtoany_shortcode a.a2a_button_blogger_post {
    background: url(/wp-content/themes/gracefoods/images/blsh.png) no-repeat;
    background-size: 100%;
    height: 48px
}

.shbut .addtoany_shortcode a:hover {
    background-position: top -49px center
}

.shbut .addtoany_shortcode a.a2a_button_twitter {
    display: none
}

.shbut .addtoany_shortcode a {
    float: left;
    margin-right: 6px;
    display: block;
    text-indent: -9999px;
    width: 48px;
    height: 49px;
    padding: 0
}

.ingresect {
    width: 100%;
    float: left;
    margin: 20px 0 0 0
}

.ingresect .wpb_content_element {
    margin: 0px !important
}

.ingresect h5 {
    width: 100%;
    float: left;
    font-size: 18px;
    text-transform: uppercase;
    color: #59c3c5;
    font-family: 'BrandonGrotesque-Black';
    margin: 20px 0 0 0
}

.ingresect h4 {
    width: 100%;
    float: left;
    margin: 20px 0 0 0
}

.ingresect p {
    width: 100%;
    float: left;
    margin: 0;
    color: #6d6e70;
    font-size: 18px;
    line-height: 35px
}

.ingresect .wpb_single_image {
    width: 100%;
    float: left;
    margin: 20px 0 0 0 !important
}

.ingresect figcaption {
    width: 61%;
    color: #59c3c5;
    font-size: 18px !important;
    margin: 20px 0 0 0 !important;
    display: inline-block;
    line-height: 20px
}

#faq {
    padding-top: 50px;
    padding-bottom: 50px
}

#faq h2 {
    margin: 0;
    color: #59c4c6;
    font-size: 85px;
    text-transform: uppercase;
    line-height: 85px
}

#faq h2 label {
    font-size: 62px;
    line-height: 57px !important;
    font-family: 'Archer-BoldItalic';
    text-transform: lowercase;
    width: 100%;
    float: left;
    margin: 0 0 10px 0
}

.faqcon {
    width: 100%;
    max-width: 720px;
    margin: auto !important
}

.expcon {
    width: 100%;
    float: left;
    margin: 0 0 30px 0
}

.expcon .collapseomatic {
    width: 90%;
    float: left;
    color: #59c4c6;
    font-size: 24px;
    background: none;
    padding: 0 0 0 40px;
    position: relative;
    line-height: 25px
}

.expcon .collapseomatic:before {
    content: '+';
    width: 25px;
    height: 25px;
    position: absolute;
    left: 0;
    background: #59c4c6;
    color: #fff;
    border-radius: 25px;
    text-align: center;
    line-height: 25px
}

.expcon .collapseomatic.colomat-close:before {
    content: '-'
}

.expcon .collapseomatic.colomat-hover {
    text-decoration: none
}

.expcon .collapseomatic_content {
    width: 100%;
    float: left;
    margin: 25px 0 0 40px;
    color: #6d6e70;
    font-size: 18px;
    line-height: 27px
}

.rlmores {
    width: 100%;
    float: left;
    text-align: center;
    margin: 50px 0 0 0;
    color: #6d6e70;
    font-size: 19px;
    line-height: 25px;
    font-family: 'Archer-BoldItalic'
}

.rlmores a {
    width: 125px;
    line-height: 32px;
    text-align: center;
    border: 2px solid #59babc;
    font-size: 17px;
    display: inline-block;
    color: #59babc;
    margin: 20px 0 0 0;
    font-family: 'Archer-Bold'
}

.follusec {
    width: 100%;
    float: left;
    text-align: center;
    margin: 120px 0 0 0
}

.follusec br {
    display: none
}

.follusec label {
    width: 100%;
    float: left;
    font-size: 17px;
    color: #59babc
}

.follusec a {
    width: 44px;
    height: 44px;
    display: inline-block;
    margin: 5px 0
}

.fulsect {
    width: 300%;
    float: left
}

.ilrecp {
    width: 100%;
    float: left;
    margin: 70px 0;
    border-top: 1px solid #8f9498;
    padding: 60px 0 0 0
}

.ilrecp h1 {
    width: 100%;
    float: left;
    color: #59c3c5;
    font-size: 44px;
    line-height: 44px;
    margin: 0 0 40px 0;
    font-family: 'Archer-BoldItalic'
}

.ilrecp .vc_column-inner {
    padding: 0 5px !important
}

.ilrecp .wpb_video_widget {
    width: 100%;
    float: left;
    margin: 0
}

.ilrecp h2 {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
    font-weight: 400;
    line-height: 22px
}

.ilrecp h2 a {
    color: #59c3c5;
    font-size: 22px
}

.eprodet {
    width: 100%;
    float: left
}

.eprodet img {
    width: auto;
    float: left;
    max-height: 268px
}

.eprodet .wpb_single_image .vc_figure {
    position: relative;
    width: 100%
}

.eprodet .wpb_single_image .vc_figure a {
    padding-bottom: 40px;
    position: relative;
    z-index: 100
}

.post-2574 .eprodet .wpb_single_image .vc_figure a {
    padding-bottom: 50px
}

.eprodet figcaption {
    width: 100%;
    float: left;
    font-size: 18px !important;
    color: #59c3c5;
    line-height: 22px;
    position: absolute;
    bottom: 0;
    left: 0
}

.awflt .wpb_column a {
    float: none
}

.pupupoverlay {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    bottom: 0;
    z-index: 999999999999999999999;
    display: none;
    margin: 0px !important
}

.pupupoverlayy {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    background: #fff;
    bottom: 0;
    z-index: 999999999999999999999;
    display: none;
    margin: 0px !important
}

.pupupoverlayin {
    width: 100%;
    max-width: 1100px;
    margin: 25px auto auto auto
}

.pupupoverlayin .cycloneslider {
    width: 100%;
    float: left
}

.pupupoverlayin .cycloneslider .cycloneslider-slides {
    overflow: visible !important;
    height: 700px !important
}

.pupupoverlayin .cycloneslider .cycloneslider-slide-custom {
    text-align: left
}

.pupupoverlayin .cycloneslider-template-standard .cycloneslider-prev,
.cycloneslider-template-standard .cycloneslider-next {
    opacity: 1 !important
}

.pupupoverlayin .cycloneslider-template-standard .cycloneslider-next {
    background: url(/wp-content/themes/gracefoods/images/arrrighth.png) no-repeat;
    width: 28px;
    height: 57px;
    box-shadow: none;
    margin-top: -29px;
    right: 20px
}

.pupupoverlayin .cycloneslider-template-standard .cycloneslider-prev {
    background: url(/wp-content/themes/gracefoods/images/arrlefth.png) no-repeat;
    width: 28px;
    height: 57px;
    box-shadow: none;
    margin-top: -29px;
    left: 20px
}

.pupupoverlayin .cycloneslider-template-standard .cycloneslider-next .arrow {
    display: none
}

.pupupoverlayin .cycloneslider-template-standard .cycloneslider-prev .arrow {
    display: none
}

.pupupoverin {
    width: 100%;
    float: left;
    position: relative
}

.popco {
    width: 76%;
    float: left;
    background: #59babc;
    padding: 0 12%
}

img.cococann {
    width: auto !important;
    float: left;
    margin-top: -30px !important;
    margin-bottom: -30px !important
}

img.cococanutri {
    width: auto !important;
    float: right;
    margin: 40px 0 0 0 !important
}

.pronutrin {
    width: 39%;
    float: left;
    margin: 50px 4% 0 4%
}

.pronutrin p.sinfo {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 30px;
    line-height: 30px
}

.pronutrin p.sinfo label {
    width: auto;
    margin: 0 20px
}

.pronutrin p.prodesci {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    margin: 30px 0 0 0
}

.pronutrin p.prodesci label {
    width: 100%;
    float: left;
    font-size: 27px;
    line-height: 27px;
    margin: 0 0 10px 0
}

.pupupoverin h2 {
    width: 100%;
    float: left;
    margin: 0 0 10px 40px;
    text-align: center;
    color: #59c4c6;
    font-size: 42px;
    line-height: 40px
}

.pupupoverin h2 span {
    width: auto;
    text-align: left;
    display: inline-block
}

.pupupoverin h2 label {
    font-family: 'Archer-BoldItalic'
}

span.close-btn {
    position: absolute;
    right: -10px;
    top: 72px;
    background: #fff;
    border: 1px solid;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
    color: #59babc;
    border-radius: 30px;
    cursor: pointer
}

.vc_column-inner.vc_custom_1524784498466 {
    padding: 0px !important
}

.page-id-168 footer {
    margin-top: -2px
}

.page-template-page_individual_recipe-php .recipe-btm .wpb_column a {
    float: none
}

.page-template-page_individual_recipe .recipe-btm h4 {
    margin: 20px 0 0 0;
    font-size: 18px;
    color: #000
}

.upimage {
    margin-top: -50px
}

.tradesec h1 {
    width: 100%;
    float: left;
    color: #fff;
    font-size: 144px;
    line-height: 144px;
    text-shadow: 0 0 20px #292922;
    padding: 127px 0;
    text-transform: uppercase;
    margin: 0
}
@media (max-width:1365px){
    .tradesec h1 {
        font-size: 100px;
        line-height: 102px;
        padding: 100px 0;
    }
}
@media (max-width:690px){
    .tradesec h1 {
        font-size: 50px;
        line-height: 55px;
        padding: 80px 0;
    }
}

.cataloguesec {
    max-width: 780px;
    margin: auto !important;
    text-align: center
}

.cataloguesec h2 {
    width: 100%;
    float: left;
    color: #0571b4;
    font-size: 28px;
    text-transform: uppercase;
    margin: 20px 0 40px 0
}

.cataloguesec figcaption {
    width: 100%;
    max-width: 300px;
    margin: 20px 0 0 0 !important;
    display: inline-block;
    color: #fff;
    font-size: 18px !important;
    background: #58c4c5;
    line-height: 40px
}

.cataloguesec a.procatl {
    width: 100%;
    max-width: 300px;
    margin: 20px 0 0 0 !important;
    display: inline-block;
    color: #fff;
    font-size: 18px !important;
    background: #58c4c5;
    line-height: 40px
}

.dissect {
    text-align: center
}

.dissect h2 {
    width: 100%;
    float: left;
    margin: 50px 0 15px 0;
    color: #0571b4;
    font-size: 28px;
    text-transform: uppercase
}

.dissect p {
    width: 100%;
    display: inline-block;
    max-width: 670px;
    color: #6d6e70;
    font-size: 18px;
    line-height: 27px
}

.disaddsec {
    text-align: center
}

.disaddsec h2 {
    width: 100%;
    float: left;
    font-size: 28px;
    font-family: 'Archer-BoldItalic';
    margin: 0;
    color: #0571b4
}

.disaddsec h5 {
    width: 100%;
    float: left;
    color: #59c4c6;
    font-size: 17px;
    font-family: 'BrandonGrotesque-Black';
    text-transform: uppercase;
    padding: 0;
    margin: 20px 0 0 0;
    line-height: 22px
}

.disaddsec h5 label {
    width: 100%;
    float: left;
    font-family: 'Archer-BoldItalic'
}

.disaddsec p {
    width: 100%;
    float: left;
    color: #6d6e70;
    font-size: 15px
}

.disaddsec p a {
    font-family: 'Archer-BoldItalic';
    color: #0571b4;
    font-size: 15px
}

.letusect {
    margin-top: 50px;
    text-align: center
}

.letusect h2 {
    width: 100%;
    float: left;
    color: #0571b4;
    text-transform: uppercase;
    margin: 0 0 20px 0
}

.letusect p {
    width: 100%;
    float: left;
    color: #6d6e70;
    font-size: 18px;
    line-height: 27px
}

.letusect a {
    width: 170px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    background: #58c4c5;
    color: #fff;
    font-size: 18px;
    margin: 70px 0 0 0
}

.ubermenu-responsive-toggle .fa {
    color: #fff;
    display: block
}

.page-id-1056 .entry-content {
    margin: 70px 0 0 0
}

article.not-found {
    width: 100%;
    float: left;
    text-align: center;
    margin: 100px 0;
    padding: 0
}

article.not-found p {
    font-size: 20px
}

article.not-found form {
    width: 100%;
    max-width: 400px;
    margin: auto
}

article.not-found form div {
    width: 100%;
    float: left
}

article.not-found form input[type="text"] {
    width: 100%;
    float: left;
    max-width: 288px;
    line-height: 36px;
    padding: 0 10px;
    border-radius: 0;
    font-size: 17px
}

article.not-found form input[type="submit"] {
    width: 90px;
    border: none;
    line-height: 38px;
    padding: 0;
    text-align: center;
    border-radius: 0;
    float: left;
    background: #59babc;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px
}

.search-results .page-header {
    width: 100%;
    float: left;
    margin: 50px 0 0 0;
    padding: 0 0 20px 0
}

.search-results .page-header .page-title {
    font-size: 22px
}

.search-results article {
    width: 100%;
    float: left;
    margin: 20px 0;
    border-bottom: 1px dashed
}

.search-results article footer {
    width: 100%;
    float: left;
    background: none;
    margin: 0;
    padding: 0;
    line-height: 16px
}

.vc_custom_1523990195724 {
    text-align: center
}

.promobilebanner {
    display: none
}

.protabanner {
    display: none
}

.cansim {
    display: none
}

@media screen and (max-width: 800px) {
    .site-header {
        width: 98%;
        padding: 0 1%
    }

    .ubermenu-responsive-toggle .fa {
        font-size: 30px
    }

    a.ubermenu-responsive-toggle {
        padding: 5px 10px
    }

    .ubermenu-responsive-default.ubermenu-responsive .ubermenu-item-level-0 {
        width: 100%
    }

    #site-navigation .ubermenu-nav li.ubermenu-item {
        margin: 0;
        width: 100%;
        text-align: center;
        border-top: 1px solid #fff
    }

    .banner .cycloneslider .cycloneslider-caption {
        left: 0;
        margin-left: 0;
        top: 0
    }

    .banner .cycloneslider .cycloneslider-slide:first-child .cycloneslider-caption-description {
        margin-left: 20px
    }

    .banner .cycloneslider .cycloneslider-caption-description span {
        font-size: 50px;
        line-height: 50px
    }

    .banner .cycloneslider .cycloneslider-caption-description a {
        margin: 10px 0 0 0
    }

    .banner .cycloneslider .cycloneslider-slide:nth-child(2) .cycloneslider-caption-description span {
        font-size: 80px;
        line-height: 80px
    }

    .banner .cycloneslider .cycloneslider-slide:nth-child(3) .cycloneslider-caption-description span {
        font-size: 80px;
        line-height: 80px
    }

    .banner .cycloneslider .cycloneslider-slide:nth-child(4) .cycloneslider-caption-description {
        max-width: 460px
    }

    .banner .cycloneslider .cycloneslider-slide:nth-child(4) .cycloneslider-caption-description label {
        font-size: 46px
    }

    .banner .cycloneslider .cycloneslider-slide:nth-child(4) .cycloneslider-caption-description span {
        font-size: 60px;
        line-height: 60px
    }

    .headname h2 {
        width: 98%;
        margin-left: 1%
    }

    .watpulp .watbottle {
        max-width: 100%;
        margin: 40px 0 0 0;
        text-align: center
    }

    .watpulp .watbottle .wpb_single_image.vc_align_left {
        text-align: center
    }

    .watpulp {
        text-align: center
    }

    .watpulp .gpulptext {
        float: none;
        display: inline-block;
        margin: 40px 0 0 0
    }

    .watpulp .gpulptext .wpb_content_element p a {
        float: none;
        display: inline-block
    }

    .grpure {
        text-align: center;
        position: relative
    }

    .grpuretext {
        max-width: 100%;
        text-align: center;
        margin: 380px 0 0 0
    }

    .grpuretext .wpb_content_element p a {
        float: none;
        display: inline-block
    }

    .grpuretext .vc_column-inner {
        float: none;
        display: inline-block
    }

    .grpure .tetrapack {
        position: absolute;
        top: 40px;
        left: 50%;
        margin: 0 0 0 -76px
    }

    .benincowat {
        text-align: center;
        position: relative
    }

    .benleft {
        width: 51% !important;
        float: none !important;
        display: inline-block;
        text-align: left
    }

    .benleft .vc_column-inner {
        padding: 0 15px !important
    }

    .benleft .wpb_text_column {
        text-align: center
    }

    .benleft .vc_column-inner ul {
        text-align: left
    }

    a.lmr {
        float: none;
        display: inline-block
    }

    .benright {
        width: 51% !important;
        float: none !important;
        display: inline-block
    }

    .benincowat .vc_col-sm-6 {
        position: unset;
        padding: 0 15px
    }

    .benincowat .benleft {
        margin: 370px 0 0 0
    }

    .benincowat .benleft .wpb_single_image {
        margin: 0 0 20px 0 !important
    }

    .benright .wpb_single_image {
        position: absolute;
        top: 200px;
        left: 50%;
        margin-left: -185px;
        max-width: 370px
    }

    .vc_column-inner {
        padding: 0
    }

    .grrhai a {
        float: none;
        display: inline-block
    }

    #recipes {
        padding-left: 50px !important;
        padding-right: 50px !important
    }

    .crcowat {
        width: 100% !important;
        max-width: 49%
    }

    .crcowat .wpb_single_image .vc_figure {
        width: 100%
    }

    .crcowat .wpb_single_image .vc_single_image-wrapper {
        width: 100%
    }

    .crcowat .wpb_single_image img {
        width: 100%
    }

    .hbcocont {
        max-width: 100%;
        padding-bottom: 120px;
        background: url(/wp-content/themes/gracefoods/images/Coconut101_Coconut.png) no-repeat bottom -30px right
    }

    .grcoil {
        text-align: center
    }

    .grcoil h2 {
        margin: 10px 0 0 0
    }

    .grcoil .vc_col-sm-3 {
        float: none;
        display: inline-block
    }

    .grcoil .vc_col-sm-9 {
        max-width: 100%;
        width: 100%
    }

    .grcoil p {
        max-width: 100%;
        margin: 0 0 10px 0
    }

    .grcoilsug {
        text-align: center;
        max-width: 100%;
        position: relative
    }

    .grcoilsug .vc_col-sm-2 {
        position: unset
    }

    .grcoilsug .vc_col-sm-10 {
        width: 100%;
        max-width: 100%;
        margin: 160px 0 20px 0;
        padding: 0 5%
    }

    .grcoilsug h2 {
        text-align: center;
        margin: 45px 0 0 0
    }

    .grcoilsug p {
        max-width: 100%
    }

    .grcoilsug .wpb_single_image {
        position: absolute;
        top: 0;
        margin-left: -67px !important;
        left: 50%
    }

    #cooking .wpb_column.vc_column_container.vc_col-sm-12 {
        width: 100%
    }

    #cooking h2 label {
        font-size: 60px
    }

    .imgsec {
        max-width: 670px
    }

    .imgsec .vc_col-sm-4 {
        max-width: 50%
    }

    .imgsec .wpb_single_image .vc_single_image-wrapper {
        width: 100%
    }

    .imgsec .wpb_single_image img {
        width: 100%
    }

    .imgsec .vc_col-sm-4 figcaption {
        min-height: 60px
    }

    .gracecook.vc_custom_1520624295804 {
        margin-top: -19px
    }

    .downbook.vc_custom_1520629062273 {
        margin-top: -17px
    }

    #switch.vc_custom_1520615025585 {
        margin-top: -8px
    }

    .downbook {
        text-align: center
    }

    .downbook .vc_col-sm-6 {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0
    }

    .downbook .vc_column-inner .wpb_single_image {
        text-align: center
    }

    .downbook .vc_column-inner p {
        float: none;
        display: inline-block
    }

    .alljerk .vc_custom_1520955446868 {
        padding: 0 0 130px !important
    }

    .alljerk .wpb_wrapper p {
        text-align: center
    }

    .jrkjars .vc_custom_1520956279639 {
        margin-top: -150px !important
    }

    .whjerkpage .imgsecl {
        margin-left: -50px;
        margin-top: 60px;
        display: none
    }

    .whjerkpage .whtjerk {
        max-width: 350px
    }

    .whjerkpage .imgsecr {
        margin-right: -155px;
        margin-top: 60px
    }

    .whjerkpage .thyme img {
        margin-left: 38px
    }

    .hotjerk.vc_custom_1520966919328 {
        position: relative;
        padding-bottom: 360px !important
    }

    .hotjerk .cookcont {
        float: none;
        max-width: 600px;
        margin: auto;
        text-align: center
    }

    .hotjerk .imglsec {
        margin: 0
    }

    .hotjerk .vc_col-sm-4 {
        position: unset
    }

    .hotjerk .imglsec .wpb_single_image.vc_align_left {
        position: absolute;
        top: 360px;
        left: 50%;
        margin-left: -165px
    }

    .hotjerk .imglsec .wpb_single_image.vc_align_right {
        position: absolute;
        bottom: -300px;
        margin: 0;
        left: 50%;
        margin-left: -75px
    }

    .hotjerk .cooksec:nth-child(3) {
        margin: 400px 0 350px 0 !important;
        text-align: center
    }

    .hotjerk .imgrsec {
        bottom: 130px;
        position: absolute !important;
        left: 50%;
        margin-left: -147px
    }

    .delfood {
        position: relative;
        text-align: center;
        padding-bottom: 360px
    }

    .delfood h2 {
        font-size: 50px
    }

    .delfood h2 label {
        font-size: 70px
    }

    .delfood .vc_inner {
        width: 100%;
        float: left;
        margin: 0;
        position: relative
    }

    .delfoodcon {
        float: none !important;
        display: inline-block
    }

    .delfoodconin:first-child {
        margin-bottom: 320px
    }

    .skewer {
        position: absolute !important;
        top: 125px;
        left: 50%;
        margin-left: -133px
    }

    .fries {
        position: absolute !important;
        left: 50%;
        margin-left: -133px
    }

    .jerktast .jtast {
        max-width: 600px
    }

    .jtastin {
        width: 100% !important;
        max-width: 48%;
        margin: 0
    }

    .jtastin:nth-child(2) {
        float: right
    }

    .jtastin:last-child {
        max-width: 100%;
        margin: 20px 0 0 0
    }

    .jtastin .wpb_single_image .vc_figure {
        width: 100%
    }

    .jtastin .wpb_single_image a {
        width: 100%
    }

    .probanner .cycloneslider .cycloneslider-caption {
        max-width: 600px;
        margin-left: -300px;
        top: 0;
        text-align: center
    }

    .probanner .cycloneslider .cycloneslider-caption-description a.allp {
        clear: none
    }

    .probanner .cycloneslider .cycloneslider-caption-description a.co {
        margin: 0 10px 0 0
    }

    .featpr {
        max-width: 700px;
        margin: auto !important
    }

    .featpr .vc_col-sm-8 {
        width: 100%;
        margin: 0 0 15px 0
    }

    .featpr .wpb_video_widget .wpb_wrapper iframe {
        height: 100%
    }

    .featpr .vc_col-sm-4 {
        width: 60%;
        margin: auto;
        float: none !important;
        text-align: center;
        clear: both
    }

    .featpr h2 {
        text-align: center !important
    }

    .featpr h2 br {
        display: none
    }

    .featpr .vc_btn3-container {
        width: 49%;
        float: none !important;
        display: inline-block !important
    }

    .all_recipe {
        max-width: 700px;
        margin: 50px auto !important;
        float: none
    }

    .recipe_inner {
        width: 45%;
        margin: 0 2.5% 50px 2.5%;
        height: auto
    }

    .all_recipe h2 {
        margin-top: 0
    }

    .recipe-top {
        padding: 0 5%;
        width: 90%
    }

    .recipe-top .recipe-img {
        max-width: 100%;
        height: 100%
    }

    .custfield {
        text-align: center
    }

    .recipe-rgt {
        max-width: 100%;
        text-align: center
    }

    .recipe-rgt h1 {
        width: 50%;
        float: none;
        display: inline-block;
        margin: 20px 0
    }

    .shareopt {
        width: auto;
        display: inline-block;
        float: none
    }

    .recipe-btm {
        max-width: 700px;
        margin: auto;
        float: none
    }

    .rltd-pro {
        max-width: 700px;
        margin: auto;
        float: none
    }

    .rltd-pro table td {
        width: 47% !important;
        float: left
    }

    .rltd-pro table td img {
        width: auto;
        max-width: 300px;
        max-height: inherit
    }

    .termbnnr h2 {
        font-size: 90px;
        line-height: 90px;
        padding: 100px 0
    }

    .contbnn h2 {
        font-size: 90px;
        line-height: 90px;
        padding: 100px 0
    }

    .whbnnr h2 {
        font-size: 90px;
        line-height: 90px;
        padding: 100px 0
    }

    .whtext {
        max-width: 90% !important;
        margin: 30px 20px 0 !important;
    }

    .wherebuy-dropdw {
        max-width: 90% !important;
        width: 100% !important;
        margin: 0 20px !important;
    }

    .wherebuy-left h3 a {
        font-size: 17px
    }

    .tabcont {
        width: 90%;
        margin: 50px 5% 70px 5% !important
    }

    .tabcont #tabs ul li {
        max-width: 49%
    }

    .tabcont .ui-tabs-panel {
        width: 100%;
        padding: 0
    }

    .tabcont .ui-tabs-panel h2 {
        margin: 40px 0 40px 0
    }

    .mapsect {
        margin: 0 0 50px 0 !important
    }

    .mapsect .wpb_content_element strong {
        font-size: 24px;
        margin: 0 0 10px 0 !important
    }

    #post-82 .vc_custom_1521478234306 .wpb_column.vc_column_container.vc_col-sm-12 {
        width: 90%;
        margin: auto;
        float: none
    }

    .combnnr h2 {
        padding: 50px 0
    }

    .combnnr h2 {
        font-size: 80px;
        line-height: 80px
    }

    .combnnr h2 label {
        font-size: 90px
    }

    .pacebnnr h2 {
        padding: 100px 0
    }
}

@media screen and (min-width: 768px) and (max-width:800px) {
    .whjerkpage .whtjerk {
        max-width: 47% !important
    }

    .whjerkpage .whtjerk iframe {
        height: 250px
    }
}

@media screen and (min-width: 801px) and (max-width:1023px) {
    .grcoil {
        text-align: center
    }

    .grcoil h2 {
        margin: 10px 0 0 0
    }

    .grcoil .vc_col-sm-3 {
        float: none;
        display: inline-block
    }

    .grcoil .vc_col-sm-9 {
        max-width: 100%;
        width: 100%
    }

    .grcoil p {
        max-width: 100%;
        margin: 0 0 10px 0
    }

    .grcoilsug {
        text-align: center;
        max-width: 100%;
        position: relative
    }

    .grcoilsug .vc_col-sm-2 {
        position: unset
    }

    .grcoilsug .vc_col-sm-10 {
        width: 100%;
        max-width: 100%;
        margin: 160px 0 20px 0;
        padding: 0 5%
    }

    .grcoilsug h2 {
        text-align: center;
        margin: 45px 0 0 0
    }

    .grcoilsug p {
        max-width: 100%
    }

    .grcoilsug .wpb_single_image {
        position: absolute;
        top: 0;
        margin-left: -67px !important;
        left: 50%
    }

    #cooking .wpb_column.vc_column_container.vc_col-sm-12 {
        width: 100%
    }

    #cooking h2 label {
        font-size: 60px
    }

    .imgsec {
        max-width: 670px
    }

    .imgsec .vc_col-sm-4 {
        max-width: 50%
    }

    .imgsec .wpb_single_image .vc_single_image-wrapper {
        width: 100%
    }

    .imgsec .wpb_single_image img {
        width: 100%
    }

    .imgsec .vc_col-sm-4 figcaption {
        min-height: 60px
    }

    .gracecook.vc_custom_1520624295804 {
        margin-top: -19px
    }
}

@media screen and (min-width: 801px) and (max-width:865px) {
    .jrkjars.vc_custom_1527265525879 {
        padding-bottom: 110px !important
    }
}

@media screen and (min-width: 768px) and (max-width:1024px) {
    .abtext label {
        font-size: 42px
    }

    .pricont.vc_custom_1521742292554 {
        max-width: 90%;
        margin: auto !important
    }

    p.heart {
        background: url(/wp-content/themes/gracefoods/images/heart.png) no-repeat top left 10px
    }

    p.person {
        background: url(/wp-content/themes/gracefoods/images/person.png) no-repeat top left 10px
    }

    p.scale {
        background: url(/wp-content/themes/gracefoods/images/scale.png) no-repeat top left 10px
    }

    #site-navigation .ubermenu-nav li.ubermenu-item {
        text-align: center;
        width: 100%
    }

    #site-navigation .ubermenu-nav li.ubermenu-item {
        margin: 0;
        width: 100%;
        text-align: center;
        border-top: 1px solid #fff
    }

    #site-navigation .ubermenu-skin-black-white-2 .ubermenu-item-level-0>.ubermenu-target {
        color: #fff;
        display: block;
        font-size: 20px;
        text-transform: lowercase;
        line-height: 45px;
        padding: 0 10px;
        border: none;
        box-shadow: none;
        font-style: normal
    }

    .term-65.archive #main.wrapper {
        max-width: 750px
    }

    .ubermenu-responsive-toggle .fa {
        font-size: 30px
    }

    ul.ubermenu-submenu.ubermenu-submenu-id-87 li {
        width: 33.3% !important;
        float: left !important;
        min-width: 33% !important;
        clear: none !important
    }

    ul.ubermenu-submenu.ubermenu-submenu-id-87 li a {
        width: 100%;
        max-width: 100% !important
    }

    ul.ubermenu-submenu.ubermenu-submenu-id-87 li a img {
        width: 100%;
        max-height: inherit !important
    }

    ul.ubermenu-submenu.ubermenu-submenu-id-87.ubermenu-submenu-type-mega.ubermenu-submenu-drop.ubermenu-submenu-align-center li.ubermenu-retractor.ubermenu-retractor-mobile {
        width: 100% !important
    }

    .headright input[type="submit"] {
        margin: 0 40px 0 0
    }

    #site-navigation .ubermenu-bound .ubermenu-submenu-align-left_edge_item {
        width: 100%
    }

    .termtext {
        max-width: 700px
    }

    .thse .vc_col-sm-4 {
        width: 100%
    }

    .banner .cycloneslider .cycloneslider-caption {
        top: 40px
    }

    .abtbnnr h2 {
        padding: 100px 0 100px 10px;
        font-size: 110px
    }

    #post-82 .vc_custom_1521478234306 .wpb_column.vc_column_container.vc_col-sm-12 {
        width: 90%;
        margin: auto;
        float: none
    }

    .comtextin {
        margin: 0 0 35px 0 !important
    }

    .comtextin .vc_col-sm-6:first-child {
        max-width: 35%;
        margin: 0 3% 0 0
    }

    .comtextin .vc_col-sm-6:last-child {
        max-width: 62%
    }

    .comtextin .wpb_text_column p {
        line-height: 22px;
        margin: 0 0 5px 0
    }

    .blogpage {
        max-width: 90%
    }

    .blogpage .site-content,
    body.full-width .blogpage .site-content {
        max-width: 66%
    }

    .blogpage .widget-area {
        width: 30%
    }

    .date #main.wrapper .blogpage {
        max-width: 90%
    }

    footer {
        padding: 25px 5%;
        width: 90%;
        margin-top: -2px
    }

    .site-info .widget_sp_image {
        max-width: 100%;
        text-align: center
    }

    .site-info .widget_sp_image img {
        width: auto;
        display: inline-block;
        float: none
    }

    .site-info .widget_nav_menu ul li {
        margin: 0 28px
    }

    .entry-content .vc_custom_1521559660024 {
        margin-top: -1px;
        background-position: top -2px center !important
    }

    .prorow .wpb_column .wpb_raw_html p {
        font-size: 22px
    }

    .prorow .collapseomatic {
        font-size: 22px
    }

    .hbcocont {
        padding: 0 10px;
        background: url(/wp-content/themes/gracefoods/images/Coconut101_Coconut.png) no-repeat bottom right -80px
    }

    #switch.vc_custom_1520615025585 {
        margin-top: -10px;
        padding-top: 200px !important
    }

    .downbook.vc_custom_1520629062273 {
        margin-top: -26px
    }

    .grcoil .wpb_content_element {
        margin: 20px 0 0 0 !important
    }

    .grcoilsug .wpb_single_image {
        top: 30px;
        position: absolute;
        margin-left: -67px !important;
        left: 50%
    }

    .grcoilsug .vc_col-sm-10 {
        margin-top: 220px;
        max-width: 100%;
        width: 100%
    }

    .grcoilsug p {
        text-align: center;
        max-width: 100%
    }

    .grcoilsug h2 {
        text-align: center
    }

    .mapsect {
        margin: 0 5% 50px 5% !important;
        width: 90%
    }

    .tabcont {
        width: 90%;
        margin: 50px 5% 70px 5% !important
    }

    .recipe-top {
        padding: 0 5%;
        width: 90%
    }

    .recipe-btm {
        padding: 0 5%;
        width: 90%
    }

    .recipe-top .recipe-img {
        max-width: 40%
    }

    .recipe-rgt {
        max-width: 55%;
        text-align: left
    }

    .recipe-rgt h1 {
        width: 100%;
        margin-top: 0;
        font-size: 32px;
        line-height: 36px
    }

    .imgsec .vc_col-sm-4 {
        max-width: 50%
    }

    .imgsec .vc_col-sm-4 .wpb_single_image {
        text-align: center
    }

    .grcoil {
        text-align: center
    }

    .grcoil .vc_col-sm-3 {
        float: none;
        display: inline-block
    }

    .grcoil .vc_col-sm-9 {
        max-width: 100%;
        width: 100%
    }

    .grcoil p {
        max-width: 100%
    }

    .grcoilsug {
        text-align: center;
        max-width: 100%;
        position: relative
    }

    .grcoilsug .vc_col-sm-2 {
        position: unset
    }

    .page-id-41 #main.wrapper {
        max-width: 90%;
        padding: 0 5%;
        float: left;
        margin: 0
    }

    .whtext {
        width: 100%;
        max-width: 90%;
        margin: 30px 20px !important;
    }

    .whtext h3 {
        line-height: 21px !important
    }

    .wherebuy-dropdw {
        max-width: 90%;
        margin: 0 20px !important;
    }

    #cooking h2 label {
        font-size: 60px
    }

    .alljerk .wpb_wrapper p {
        position: absolute;
        top: 400px;
        z-index: 10 !important;
        text-align: center
    }

    #content .vc_custom_1524069095550 {
        margin-left: 0px !important
    }

    #content .vc_custom_1524069282908 {
        padding-top: 150px !important
    }

    .hotjerk.vc_custom_1520966919328 {
        position: relative;
        padding-bottom: 360px !important
    }

    .hotjerk .cookcont {
        float: none;
        max-width: 600px;
        margin: auto;
        text-align: center
    }

    .hotjerk .imglsec {
        margin: 0
    }

    .hotjerk .vc_col-sm-4 {
        position: unset
    }

    .hotjerk .imglsec .wpb_single_image.vc_align_left {
        position: absolute;
        top: 370px;
        left: 50%;
        margin-left: -165px
    }

    .hotjerk .imglsec .wpb_single_image.vc_align_right {
        position: absolute;
        bottom: -300px;
        margin: 0;
        left: 50%;
        margin-left: -75px
    }

    .hotjerk .cooksec:nth-child(3) {
        margin: 450px 0 420px 0 !important;
        text-align: center
    }

    .cooksec {
        margin-top: 40px 0 0 0 !important
    }

    .hotjerk .imgrsec {
        bottom: 200px;
        position: absolute !important;
        left: 50%;
        margin-left: -147px
    }

    .delfood {
        position: relative;
        text-align: center;
        padding-bottom: 380px;
        margin-left: 0
    }

    .delfood h2 {
        font-size: 50px
    }

    .delfood h2 label {
        font-size: 70px
    }

    .delfood .vc_inner {
        width: 100%;
        float: left;
        margin: 0;
        position: relative
    }

    .delfoodcon {
        float: none !important;
        display: inline-block
    }

    .delfoodconin:first-child {
        margin-bottom: 320px
    }

    .skewer {
        position: absolute !important;
        top: 178px;
        left: 50%;
        margin-left: -125px;
        max-width: 250px
    }

    .wpb_text_column.wpb_content_element.delfoodconin:last-child {
        text-align: center
    }

    a.popwin {
        float: none;
        display: inline-block
    }

    .fries {
        position: absolute !important;
        left: 50%;
        margin-left: -133px
    }

    .vc_custom_1520969529577 {
        margin-top: -1px
    }

    .vc_custom_1520969008430 {
        margin-top: -1px
    }

    ul.clsmooth {
        margin: 300px 0 0 0
    }

    .entry-content .vc_custom_1520954744941 {
        overflow: visible !important
    }

    .videosect {
        width: 94%;
        padding: 0 3%
    }

    .banner .cycloneslider .cycloneslider-caption {
        left: 0;
        margin-left: 0;
        top: 50%;
        height: 280px;
        margin-top: -140px
    }

    .banner .cycloneslider .cycloneslider-slide:first-child .cycloneslider-caption-description {
        margin-left: 20px
    }

    .banner .cycloneslider .cycloneslider-caption-description span {
        font-size: 5
    }
}