p { line-height:  1.5 }

/** Grid **/

/*body::before {
    content: "";
    position: absolute;
    left: 0; right: 0; height: 100%; width: 100%;
    background: linear-gradient(to bottom, rgba(0, 170, 255, .3) 1px, transparent 1px, transparent 6px, rgba(0, 170, 255, .1) 6px, transparent 7px, transparent 12px, rgba(0, 170, 255, .2) 12px, transparent 13px, transparent 18px, rgba(0, 170, 255, .1) 18px, transparent 19px,  transparent 24px) repeat left top;
    background-size: 100% 2.4rem;
    pointer-events: none;
    z-index: 10000;
}

@media only screen and (min-width: 768px) {

    body::before {
        background: linear-gradient(to bottom, rgba(0, 170, 255, .3) 1px, transparent 1px, transparent 7px, rgba(0, 170, 255, .1) 7px, transparent 8px, transparent 14px, rgba(0, 170, 255, .2) 14px, transparent 15px, transparent 21px, rgba(0, 170, 255, .1) 21px, transparent 22px,  transparent 28px) repeat left top;
        background-size: 100% 2.8rem;
    }

}

@media only screen and (min-width: 1500px) {

    body::before {
        background: linear-gradient(to bottom, rgba(0, 170, 255, .3) 1px, transparent 1px, transparent 8px, rgba(0, 170, 255, .1) 8px, transparent 9px, transparent 16px, rgba(0, 170, 255, .2) 16px, transparent 17px, transparent 24px, rgba(0, 170, 255, .1) 24px, transparent 25px,  transparent 32px) repeat left top;
        background-size: 100% 3.2rem;
    }

}*/


/** Global Overrides **/

#footer .columns { margin: 0 !important; min-height: 0 }

.wpb_single_image .vc_single_image-wrapper { min-width: 100% }
.wpb_single_image img { min-width: 100% }

body .wpb_wrapper p > a:not(.dk_toggle) {
    font: 400 1em/1.5em "Open Sans", Helvetica, Arial, sans-serif;
}

/** PUBLIC **/

/** Landing Page layout **/

.vc_row--landing {
    padding-top: 14rem;
    background-size: cover;
    background-position: 50% 50%;
    border: .6rem solid #FFFFFF;
}
.vc_row--landing::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #000000;
    background-blend-mode: multiply;
    opacity: .75;
}

/** Landing Page Header */


#header-container #header .header-wrap > .row:last-child .header-main-panel .logo-for-panel {

    top: 100% !important;
}


#header-container.header-style-9:not(.small) #header .logo-wrap {
    background: none !important;
}

body.page:not(.dfd-custom-padding-html) #header-container.header-style-9 #header .header-wrap { padding: 0 0 .6rem }

#header-container.header-style-9 #header .header-top-logo-panel {
    display: block !important;
    position: absolute;
    height: 18rem;
    padding: 0;
    text-align: center;
}
#header-container.header-style-9 #header .header-top-logo-panel .logo-for-panel img { height:10.2rem !important }

#header-container.header-style-9 #header .header-wrap > .row:last-child { padding: 0 }

#header-container:not(.small).header-style-9 { border: none }
#header-container:not(.small).header-style-9 #header .header-wrap { position: fixed; bottom: 1px }

#header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel { height: auto }
#header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left  { display: none }

#header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-fluid,
#header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right { height: 3em; padding: 0; line-height: 1 }
#header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper { height: 100% }
#header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper .dl-menuwrapper,
#header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper .form-search-wrap { display: none }
#header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper .lang-sel { display: block }

#header-container:not(.small):not(.logo-position-right).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel { width: 100%; padding: 0 }
#header-container:not(.small):not(.logo-position-right).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right { float: right; width: auto !important; margin: 0 }
#header-container:not(.small):not(.logo-position-right).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-fluid { display: block; margin: 0 }

#header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .lang-sel > a { color: #FFFFFF; font-size: 11px; letter-spacing: 1px }
#header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .lang-sel:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    z-index: -1;
    visibility: visible;
    -webkit-transition: visibility 0s ease 250ms;
    -moz-transition: visibility 0s ease 250ms;
    transition: visibility 0s ease 250ms;
    background-color: rgba(0,0,0,.5)
}
#header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .lang-sel:hover:before {
    visibility: hidden;
    -webkit-transition: visibility 0s ease;
    -moz-transition: visibility 0s ease;
    transition: visibility 0s ease;
}

#header-container.header-style-9:not(.small):not(.logo-position-right) .lang-sel { height: 3.6rem; width: 3.6rem; margin: 0; line-height: 3.6rem }
#header-container.header-style-9:not(.small):not(.logo-position-right) .lang-sel ul { top: 0; height: inherit; width: inherit; margin: 0; line-height: inherit; overflow: visible }

#header-container.menu-position-bottom:not(.small).header-style-9 #header { top: 0; bottom: auto; border: none }
#header-container.menu-position-bottom:not(.small).header-style-9 #header .lang-sel ul { top: auto; bottom: 50%; margin-top: 0; margin-bottom: -50%; width: 100% }

#header-container.header-style-9 .lang-sel > a { height: 100% }
#header-container.header-style-9 .lang-sel ul > li { height: 100%; line-height: 1; color: #3c3c3b; background: rgba(255,255,255,.8) }
#header-container.header-style-9 .lang-sel ul > li:nth-child(1) { margin-top: 0 }
#header-container.header-style-9 .lang-sel ul > li:nth-child(2) { margin-top: -100% }
#header-container.header-style-9 .lang-sel:hover ul > li:nth-child(2) { margin-top: -200% }
#header-container.header-style-9 .lang-sel ul > li a {  height: 100%; line-height: 3.6rem; color: #3C3C3B; font-size: 11px }
#header-container.header-style-9 .lang-sel ul > li a:before { background: rgba(255,255,255,.8) }

#header-container.header-style-9 #main_mega_menu { display: block; font-size: 1.2rem }

#header-container.header-style-9 .nav-menu { font-size: 1em }
#header-container.header-style-9 .nav-menu .mega-menu-item { color: #FFFFFF; font-size: 1em }
/*
#header-container.header-style-9 .nav-menu .mega-menu-item:last-of-type {
    display: block !important;
    position: fixed;
    right: 2em; top: 50%;
    height: 3em;
    padding: 0 1em;
    background-color: rgba(0,0,0,.5);
    transform: translate3d(50%, -50%, 0px) rotate(-90deg);
    transform-origin: 50% 50%
}
*/

#header-container.header-style-9 .nav-menu .mega-menu-item .item-title { font-size: 1em; letter-spacing: .05em; height: 3em; line-height: 3em; padding: 0 1em }
#header-container.header-style-9 .nav-menu .mega-menu-item .item-title,
#header-container.header-style-9 .nav-menu .mega-menu-item .item-title:hover,
#header-container.header-style-9 .nav-menu .mega-menu-item .item-title:focus { color: rgba(255,255,255,.6) }
#header-container.header-style-9 .nav-menu .mega-menu-item .item-title:hover { transition: none }
#header-container.header-style-9 .nav-menu .mega-menu-item .item-title::before {
    color: #FFFFFF;
    content: attr(title);
    position: absolute;
    transition: transform 350ms, opacity 350ms;
}
#header-container.header-style-9 .nav-menu .mega-menu-item .item-title:hover::before,
#header-container.header-style-9 .nav-menu .mega-menu-item .item-title:focus::before,
#header-container.header-style-9 .nav-menu .mega-menu-item .main-menu-link.open.item-title:before,
#header-container.header-style-9 .nav-menu .mega-menu-item .main-menu-link:hover.item-title:before {
    transform: scale(.95);
    opacity: 0;
}

#header-container.header-style-9 nav.mega-menu.menu-with-slider ul.nav-menu { display: inline-block; width: auto }

/** Landing Page Content */

.uvd-heading--landing { margin-top: 3.6rem }

.wpb_wrapper .uvd-heading--landing  h4.widget-title { font-size: 1.44em; line-height: 3rem }

.ult_crlink--landing {
    display: block;
    font-size: 2.074em;
    font-weight: 600;
    letter-spacing: .05em;
    line-height: 3rem;
    text-align: center;
    text-transform: uppercase;
}
.ult_crlink--landing a,
.ult_crlink--landing a:hover,
.ult_crlink--landing a:focus { color: rgba(255,255,255,.65) }
.ult_crlink--landing a::before {
    position: absolute;
    content: attr(title);
    opacity: 1;
    color: rgba(255,255,255,1);
    transition: opacity 350ms, transform 350ms;
}
.ult_crlink--landing a:hover::before { opacity: 0; transform: scale(.97) }

.location-title_link {
    margin-top: 20px;}
.location-title_link a {
    color: #ffffff;
    font-size: 32px;
    line-height: 1.5;
    transition: color 350ms;
}
.location-title_link a:hover {
    color: rgba(255,255,255,.65);
}
.location-title_link img { margin-bottom: -.5rem }

.location-title_link-off{
    color: #ffffff;
    font-size: 32px;
    line-height: 1.5;
    margin-top: 20px;}

.location-title_sub-link a {
    font-size: 18px;
    font-family: Droid Serif;
    font-weight: 400;
    font-style: italic !important;
    font-size: 18px;
    color: rgba(255,255,255,1);
    text-transform: none !important;
    text-decoration:none !important;
    transition: color 350ms;
}

.location-title_sub-link a:hover {
    color: rgba(255,255,255,.65);
}
/** Custom Page Layout **/

#layout.custom-page { margin: 0 }

.custom-page {
    min-height: 100vh;
    padding-top: 11.4rem;
    background: url(http://www.beefbar.com/wp-content/uploads/2016/01/paper_pattern.png?id=57) repeat 0 0;
}
.custom-page--border { border-top: .6rem solid #967745 }

.vc-row-wrapper.full_width_content > .row > .columns .row .columns.columns--overlap {
    z-index: 1;
    margin-top: 0;
    margin-bottom: 0;
    padding: 3rem 4.8rem 4.8rem;
    background-color: #FFFFFF
}

.custom-page .wpb_wrapper h1.widget-title {
    margin-bottom: 2.4rem;
    padding: 0.2rem 0 0.4rem;
    font-size: 2.986em;
    line-height: 4.2rem;
    letter-spacing: -0.02em;
}
.custom-page .wpb_text_column p {
    margin-bottom: 1.5em;
    font-size: 1em;
    line-height: 1.5em;
    text-align: justify;
}

.custom-page h1.page-title {
    display: block;
    background: #FFFFFF;
    color: #967745;
    font-size: 2.488em;
    line-height: 3.6rem;
    letter-spacing: -0.02em;
    text-align: center;
    padding: 3.8rem 1.8rem 3.4rem;
}

.custom-page .page-nav { margin: 0 0 3rem }

.custom-page .vc_inner { border-bottom: 1px dotted #E8E8E8 }


/** Beefbar Dubaï */

.noline table tbody td {
border: none !important;
}

/** Custom Page Header */

/*
#header-container.header-style-10 .lang-sel > a { height: 100% }
#header-container.header-style-10 .lang-sel ul > li { height: 100%; line-height: 1; color: #FFFFFF; background-color: rgba(150,119,69,.75) }
#header-container.header-style-10 .lang-sel ul > li:nth-child(1) { margin-top: 0 }
#header-container.header-style-10 .lang-sel ul > li:nth-child(2) { margin-top: -100% }
#header-container.header-style-10 .lang-sel:hover ul > li:nth-child(n) { margin-top: 0 }
#header-container.header-style-10 .lang-sel ul > li a {  height: 100%; line-height: 3.6rem; color: #FFFFFF; font-size: 11px }
#header-container.header-style-10 .lang-sel ul > li a:before { background-color: rgba(150,119,69,.75) }

#header-container.header-style-10 #header .header-wrap > .row:last-child .lang-sel > a { color: #FFFFFF; font-size: 11px; letter-spacing: 1px }

#header-container.header-style-10:not(.small) #header .lang-sel { height: 3.6rem; width: 3.6rem; margin: 0 !important; line-height: 3.6rem }
#header-container.header-style-10:not(.small) #header .lang-sel ul { top: 50%; bottom: auto; width: 100%; margin-top: -50%; margin-bottom: 0 }
#header-container.header-style-10:not(.small) #header .header-wrap > .row:last-child .lang-sel > a { color: #FFFFFF }
#header-container.header-style-10:not(.small) #header .header-wrap > .row:last-child .lang-sel:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    z-index: -1;
    visibility: visible;
    background-color: rgba(255,255,255,.1);
    border: 1px solid rgba(150, 119, 69, .2);
    -webkit-transition: visibility 0s ease 250ms;
    -moz-transition: visibility 0s ease 250ms;
    transition: visibility 0s ease 250ms;
}
#header-container.header-style-10:not(.small) #header .header-wrap > .row:last-child .lang-sel:hover:before {
    visibility: hidden;
    -webkit-transition: visibility 0s ease;
    -moz-transition: visibility 0s ease;
    transition: visibility 0s ease;
}
*/

#header-container.header-style-10 .row { width: auto; min-width: 0 }

#header-container.header-style-10 #header .header-top-logo-panel {
    display: block !important;
    position: absolute;
    top: 0;
    height: 12rem;
    padding: 0 2.4rem;
    z-index: 1000;
    width: auto;
}
#header-container.header-style-10 #header .header-top-logo-panel .logo-for-panel img { height:7.2rem !important }

#header-container.header-style-10 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper .dl-menuwrapper,
#header-container.header-style-10 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper .form-search-wrap { display: none }

#header-container.header-style-10:not(.small) { border: none }
#header-container.header-style-10:not(.small) #header { top: 0; bottom: auto; border: none }

#header-container.header-style-10:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel { width: 100%; height: auto; padding: 0 }
#header-container.header-style-10:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left,
#header-container.header-style-10:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right { display: none }
#header-container.header-style-10:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-fluid { display: block; height: 3em; padding: 0; line-height: 1; text-align: center }


/*
#header-container.header-style-10:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right { height: 3em; padding: 0; line-height: 1 }
#header-container.header-style-10:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper { height: 100% }
#header-container.header-style-10:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right .header-icons-wrapper .lang-sel { display: block }

#header-container.header-style-10:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right { float: right; width: auto !important; margin: 0 }

*/

#header-container.header-style-10 #main_mega_menu { display: inline-block; width: auto; min-width: 0; font-size: 1.2rem }

#header-container.header-style-10 .nav-menu { font-size: 1em; padding: 0 }
#header-container.header-style-10 .nav-menu .mega-menu-item { font-size: inherit }
#header-container.header-style-10 .nav-menu .mega-menu-item .item-title,
#header-container.header-style-10 .nav-menu .mega-menu-item .item-title:hover,
#header-container.header-style-10 .nav-menu .mega-menu-item .item-title:focus { color: #967745 }
#header-container.header-style-10 .nav-menu .mega-menu-item .item-title:hover { transition: none }
#header-container.header-style-10 .nav-menu .mega-menu-item .item-title::before {
    color: #3C3C3B;
    content: attr(title);
    position: absolute;
    transition: transform 350ms, opacity 350ms;
}

/*
#header-container.header-style-10 .nav-menu .mega-menu-item:last-of-type {
    display: block !important;
    position: fixed;
    right: 1.5em; top: 50%;
    height: 3em;
    padding: 0 .5em;
    background-color: rgba(150,119,69,.75);
    border-radius: 3px 3px 0 0;
    transform: translate3d(50%, -50%, 0px) rotate(-90deg);
    transform-origin: 50% 50%
}
#header-container.header-style-10 .nav-menu .mega-menu-item:last-of-type .item-title { color: rgba(255,255,255,.6) }
#header-container.header-style-10 .nav-menu .mega-menu-item:last-of-type .item-title::before { color: #FFFFFF }
*/

#header-container.header-style-10 .mega-menu:hover .carousel-nav { opacity: 0 }
#header-container.header-style-10 .mega-menu.menu-with-slider ul.nav-menu { display: inline-block; width: auto }

#header-container.header-style-10 #header .nav-menu .mega-menu-item .item-title,
#header-container.header-style-10 #header .nav-menu .mega-menu-item .main-menu-link {
    height: 3em;
    padding: 0 1em;
    color:#967745;
    font-size: inherit;
    letter-spacing: .05em;
    line-height: 3em;
    transition: color 350ms ease;
}
#header-container.header-style-10 #header .nav-menu .mega-menu-item .item-title:hover::before,
#header-container.header-style-10 #header .nav-menu .mega-menu-item .item-title:focus::before,
#header-container.header-style-10 #header .nav-menu .mega-menu-item .main-menu-link.open.item-title:before,
#header-container.header-style-10 #header .nav-menu .mega-menu-item .main-menu-link:hover.item-title:before {
    transform: scale(.95);
    opacity: 0;
}

#header-container.header-style-10 .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-item:before,
#header-container.header-style-10 .nav-menu .mega-menu-item.menu-item-depth-0.current-menu-ancestor:before {
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    background: rgba(255,255,255,.1);
    border: 1px solid rgba(150, 119, 69, .2);
}

#header-container.header-style-10.small.without-top-panel { margin-top: 0 }

#header-container.header-style-10.small:not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel { height: auto; padding: 0 }
#header-container.header-style-10.small:not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-left,
#header-container.header-style-10.small:not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right { display: none }
#header-container.header-style-10.small:not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-fluid { display: block; height: 3em; margin: 0; padding: 0; line-height: 1; text-align: center }

/* Side Area */

.page #side-area {
    display: block;
    position: fixed;
    width: auto; height: 3em;
    right: 1.5em; top: 50%;
    background-color: rgba(150,119,69,.75) !important;
    border-radius: 3px 3px 0 0;
    transform: translate3d(50%, -50%, 0px) rotate(-90deg);
    transform-origin: 50% 50%
}
.page #side-area > * { width: auto }
.page #side-area:before { display: none }
.page #side-area > div.side_area_title { display: none }
.page #side-area .side-area-bottom { display: none }
.page #side-area .side-area-widgets {
    display: block;
    padding: 0
}
.page #side-area nav.mega-menu { display: block; font-size: 1em }
.page #side-area nav.mega-menu ul.nav-menu,
.page #side-area nav.mega-menu ul.nav-menu > li {
    color: #FFF;
    font-size: inherit;
    padding: 0
}
.page #side-area nav.mega-menu ul.nav-menu > li .item-title {
    height: 3em;
    padding: 0 1.5em;
    font-size: inherit;
    line-height: 3em;
    letter-spacing: 0.1em;
}
.page #side-area nav.mega-menu ul.nav-menu > li .item-title:hover { color: rgba(255,255,255,.75) }
.page #side-area .dfd-side-area-mask { display: none }

/** Contact **/

.custom-page form { font-size: 1.2rem }

/* CF7 */

.form--custom { margin: 1.5em 0 0 0 }
.form--custom p { margin-bottom: 1em }
.wpcf7 .form--custom .wpcf7-form-control-wrap { display: block }
.wpcf7 .form--custom .wpcf7-not-valid { border-color: #F7BE68 !important }

.wpcf7 form .form--custom .wpcf7-not-valid-tip {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin: 0 0 -1px 0;
    color: #F7BE68;
    font-size: 11px;
    white-space: nowrap;
    font-style: italic;
}

.form--custom input[type="text"], .form--custom input[type="password"], .form--custom input[type="date"], .form--custom input[type="datetime"], .form--custom input[type="email"], .form--custom input[type="number"], .form--custom input[type="search"], .form--custom input[type="tel"], .form--custom input[type="time"], .form--custom input[type="url"], .form--custom textarea {
    color: #565656;
    height: 3.5em;
    padding: 1em 1.5em;
    margin: 0;
    font-size: 1em;
    line-height: 1.5em;
    border-color: #B2B2B2;
}
.form--custom input[type="text"]:focus, .form--custom input[type="password"]:focus, .form--custom input[type="date"]:focus, .form--custom input[type="datetime"]:focus, .form--custom input[type="email"]:focus, .form--custom input[type="number"]:focus, .form--custom input[type="search"]:focus, .form--custom input[type="tel"]:focus, .form--custom input[type="time"]:focus, .form--custom input[type="url"]:focus, .form--custom textarea:focus { border-color: #A27D20 }

.form--custom textarea { height: 17em }

.custom-page .form--custom input[type="submit"] {
    float: right;
    width: auto;
    margin: 0;
    padding: 1em 1.5em;
    background: #706F6F;
    border: none;
    color: #DDDDDD;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: color 350ms, background 350ms;
    transition: color 350ms, background 350ms;
}
.custom-page .form--custom input[type="submit"]:hover {
    background: #A27D20;
    color: #FFFFFF;
}

.form--custom .label {
    color: #565656;
    font-size: 13px;
    line-height: 1.3;
}
.form--custom .link {
    color: #706F6F;
    font-size: 13px;
    float: right;
}

.form--custom .ajax-loader {
    margin: 10px;
    float: right;
}

.form--custom + .wpcf7-validation-errors {
    border: none;
    background-color: #f7be68;
}
.form--custom + .wpcf7-mail-sent-ok {
    border: none;
    color: #FFF;
    background-color: #6DAB3C;
}
.form--custom + .wpcf7-response-output {
    margin: 1.5em 0;
    padding: 1em 1.5em;
    line-height: 1.5em;
    font-size: 1em;
}

.form--custom ::-webkit-input-placeholder { color: #A5A5A5; font-style: italic; font-size: 1em }
.form--custom :-moz-placeholder { color: #A5A5A5; font-style: italic; font-size: 1em }
.form--custom ::-moz-placeholder { color: #A5A5A5; font-style: italic; font-size: 1em }
.form--custom :-ms-input-placeholder { color: #A5A5A5; font-style: italic; font-size: 1em }
.form--custom ::-ms-input-placeholder { color: #A5A5A5; font-style: italic; font-size: 1em }
.form--custom :placeholder-shown { color: #A5A5A5; font-style: italic; font-size: 1em }

/* Custom Login */

#loginform { margin: 1.5em 0 0 0 }
#loginform p { margin-bottom: 1em }
#loginform .wpcf7-form-control-wrap { display: block }
.wpcf7 #loginform .wpcf7-not-valid { border-color: #F7BE68 !important }

.wpcf7 form #loginform .wpcf7-not-valid-tip {
    position: absolute;
    bottom: 100%;
    left: 0;
    margin: 0 0 -1px 0;
    color: #F7BE68;
    font-size: 11px;
    white-space: nowrap;
    font-style: italic;
}

#loginform input[type="text"], #loginform input[type="password"], #loginform input[type="date"], #loginform input[type="datetime"], #loginform input[type="email"], #loginform input[type="number"], #loginform input[type="search"], #loginform input[type="tel"], #loginform input[type="time"], #loginform input[type="url"], #loginform textarea {
    color: #565656;
    height: 3.5em;
    padding: 1em 1.5em;
    margin: 0;
    font-size: 1em;
    line-height: 1.5em;
    border-color: #B2B2B2;
}
#loginform input[type="text"]:focus, #loginform input[type="password"]:focus, #loginform input[type="date"]:focus, #loginform input[type="datetime"]:focus, #loginform input[type="email"]:focus, #loginform input[type="number"]:focus, #loginform input[type="search"]:focus, #loginform input[type="tel"]:focus, #loginform input[type="time"]:focus, #loginform input[type="url"]:focus, #loginform textarea:focus { border-color: #A27D20 }

#loginform input[type="submit"] {
    float: right;
    width: auto;
    height: auto;
    margin: 0;
    padding: 1em 1.5em;
    background: #706F6F;
    border: none;
    border-radius: 0;
    color: #DDDDDD;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: color 350ms, background 350ms;
    transition: color 350ms, background 350ms;
}
#loginform input[type="submit"]:hover {
    border: none;
    background: #A27D20;
    color: #FFFFFF;
}

#loginform label {
    color: #A5A5A5;
    font-size: 1em;
    font-style: italic;
    line-height: 1.5;
}
#loginform .link {
    color: #706F6F;
    font-size: 13px;
    float: right;
}

#loginform .ajax-loader {
    margin: 10px;
    float: right;
}

#loginform + .wpcf7-validation-errors {
    border: none;
    background-color: #f7be68;
}
#loginform + .wpcf7-mail-sent-ok {
    border: none;
    color: #FFF;
    background-color: #6DAB3C;
}
#loginform + .wpcf7-response-output {
    margin: 1.5em 0;
    padding: 1em 1.5em;
    line-height: 1.5em;
    font-size: 1em;
}

#loginform ::-webkit-input-placeholder { color: #A5A5A5; font-style: italic; font-size: 1em }
#loginform :-moz-placeholder { color: #A5A5A5; font-style: italic; font-size: 1em }
#loginform ::-moz-placeholder { color: #A5A5A5; font-style: italic; font-size: 1em }
#loginform :-ms-input-placeholder { color: #A5A5A5; font-style: italic; font-size: 1em }
#loginform ::-ms-input-placeholder { color: #A5A5A5; font-style: italic; font-size: 1em }
#loginform :placeholder-shown { color: #A5A5A5; font-style: italic; font-size: 1em }



/** Press **/

#layout.portfolio-page.press #portfolio-page { padding: 0 }

.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    width: 100%; height: 100%;
    background-color: rgba(255,255,255,0);
    overflow: hidden;
    z-index: 2;
    transition: background 350ms ease-in-out;
}
.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover:before {
    content: "";
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    opacity: 0;
    border: 1px solid rgba(150,119,69,.25);
    transition: top 350ms ease-in-out, right 350ms ease-in-out, bottom 350ms ease-in-out, left 350ms ease-in-out, opacity 350ms ease-in-out;
}

.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover--dark { background-color: rgba(150,119,69,0) }
.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover--dark:before { border: 1px solid rgba(255,255,255,.25); }

.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover > a.zoom-post,
.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover > a.quick-view,
.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover > a.plus-link,
.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover > a.dfd-dotted-link { display: none }

.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover > a.open-post {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    margin: 0;
    line-height: 1;
    text-align: center;
}
.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover > a.open-post i { display: none }

.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover .title-wrap:before {
    content: "";
    position: absolute;
    left: 50%;
    height: .1rem;
    width: 6rem;
    margin-left: -3rem;
    top: 50%;
    background: rgba(150,119,69,.5);
    transition: top 350ms ease-in-out 75ms, margin 350ms ease-in-out 75ms, width 350ms ease-in-out 75ms;
    transform: rotate(45deg);
}
.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover .title-wrap img {
    position: absolute;
    min-width: 50%;
    max-width: 70%;
    left: 15%;
    bottom: 70%;
    transition: opacity 350ms ease-in-out,bottom 350ms ease-in-out;
    opacity: 0;
}
.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover .title-wrap .widget-title {
    position: absolute;
    width: 70%;
    left: 15%;
    bottom: 65%;
    margin-bottom: 0;
    transition: bottom 350ms ease-in-out 25ms, opacity 350ms ease-in-out 25ms;
    font-size: 2.074em;
    font-family: "Open Sans", Arial, sans-serif;
    line-height: 3rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #967745
}
.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags .folio-inner-subtitle {
    position: absolute;
    width: 70%;
    left: 15%;
    top: 65%;
    transition: top 350ms ease-in-out 50ms;
    font-style: normal;
    font-size: 1.44em;
    font-family: "Lora", Georgia, serif;
    line-height: 2.4rem;
    color: #967745;
}

.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover--dark .title-wrap:before { background: rgba(255,255,255,.5) }
.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover--dark .title-wrap .widget-title { color: #FFFFFF }
.project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover--dark .title-wrap .entry-tags .folio-inner-subtitle  { color: #FFFFFF }

/* Mouse over actions */

.project.portfolio-hover-style-25 .entry-thumb:hover .portfolio-entry-hover { background-color: rgba(255,255,255,.25) }
.project.portfolio-hover-style-25 .entry-thumb:hover .portfolio-entry-hover--dark { background-color: rgba(150,119,69,.25) }
.project.portfolio-hover-style-25 .entry-thumb:hover .portfolio-entry-hover:before {
    top: 5%;
    right: 5%;
    bottom: 5%;
    left: 5%;
    opacity: 1;
}

.project.portfolio-hover-style-25 .entry-thumb:hover .portfolio-entry-hover .title-wrap:before {
    top: 55%;
    width: 5.4rem;
    margin-left: -2.7rem;
}
.project.portfolio-hover-style-25 .entry-thumb:hover .portfolio-entry-hover .title-wrap .widget-title {
    bottom: 57.5%;
    opacity: 1;
    transition: opacity 350ms ease-in-out 50ms, bottom 350ms ease-in-out 50ms;
}
.project.portfolio-hover-style-25 .entry-thumb:hover .portfolio-entry-hover--logo .title-wrap img {
    bottom: 60%;
    opacity: 1;
    transition: opacity 350ms ease-in-out 50ms ,bottom 350ms ease-in-out 50ms;
}
.project.portfolio-hover-style-25 .entry-thumb:hover .portfolio-entry-hover--logo .title-wrap .widget-title {
    bottom: 60%;
    opacity: 0;
    transition: bottom 350ms ease-in-out 25ms, opacity 350ms ease-in-out 25ms;
}

.project.portfolio-hover-style-25 .entry-thumb:hover .portfolio-entry-hover .title-wrap .entry-tags .folio-inner-subtitle {
    top: 67.5%;
    transition: top 350ms ease-in-out 25ms;
}


/** Partners **/

.page-template-page-custom-with-header #stuning-header {
    border-top: 5px solid #967745;
    border-bottom: 1px solid rgba(27,27,27,0.1);
}

.page-template-page-custom-with-header div.page-title-inner { height: 300px; min-height: 300px;  }

.page-template-page-custom-with-header div.page-title-inner .page-title {
    color: #967745;
    font-size: 33px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    padding: 20px 0;
}
.page-template-page-custom-with-header div.page-title-inner .page-subtitle {
    padding: 0 7%;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.3;
    color: #BCB59F;
}

.page-template-page-custom-with-header div.page-title-inner .breadcrumbs {
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.3;
    color: #8c8c8c;
}
.page-template-page-custom-with-header div.page-title-inner .breadcrumbs a { color: #3C3C3B }
.page-template-page-custom-with-header div.page-title-inner .breadcrumbs a:hover { color: #967745 }
.page-template-page-custom-with-header div.page-title-inner .breadcrumbs > nav {  padding: 0; background: none; border: none }
.page-template-page-custom-with-header div.page-title-inner .breadcrumbs > nav > span { line-height: 2.7 }

body.page-template-page-custom-with-header #header-container.header-style-10 #header .header-wrap { padding: 0 30px }

/*.page-template-page-custom-with-header #header-container.header-style-10 .nav-menu .mega-menu-item:last-of-type { display: none !important }*/

.vc_row--dashboard { padding-bottom: 50px }

/* Boxes */

.vc_row--dashboard .vc_inner .columns > .wpb_wrapper { margin: 10px; padding: 16% 8%; background-color: #FFFFFF; box-shadow: 0 1px 5px 0 rgba(215,202,169,.15); transition: box-shadow 350ms ease-out }
.vc_row--dashboard .vc_inner .columns > .wpb_wrapper:hover {  box-shadow: 0 1px 5px rgba(0,0,0,.1) }
.vc_row--dashboard .vc_inner .columns > .wpb_wrapper:last-of-type { margin-bottom: 0 }

.vc_row--dashboard .aio-icon-component .aio-icon-box .aio-icon-top .aio-icon { border: 1px solid #D7CAA9; padding: 6px; margin-bottom: 20px; font-size: 28px !important }

.vc_row--dashboard-home .aio-icon-component .top-icon .aio-icon-header { position: relative; margin-bottom: 18% }
.vc_row--dashboard-home .aio-icon-component .top-icon .aio-icon-header:after {
    content: '';
    display: block;
    background-color: #F1EEE6;
    height: 2px;
    width: 10%;
    left: 45%;
    position: absolute;
    bottom: -48%;
}

.vc_row--dashboard .aio-icon-component .feature-title { font-size: 19px; font-weight: 600; letter-spacing: 0.1em; line-height: 1.3 }
.vc_row--dashboard .aio-icon-component .subtitle { font-size: 16px; line-height: 1.5 }

.vc_row--dashboard .aio-icon-component .aio-icon-description { padding-bottom: 0 }
.vc_row--dashboard .aio-icon-component .aio-icon-description p { font-size: 16px; line-height: 1.35 }

.vc_row--dashboard .vc-row-wrapper .wpb_content_element.vc_separator { margin: 30px auto 20px }
.vc_row--dashboard .vc-row-wrapper .wpb_content_element.vc_separator h4 { font-size: 13px }

.vc_row--dashboard .vc-row-wrapper .wpb_content_element.vc_separator.vc_separator_no_text { margin: 30px auto 0 }

.vc_row--dashboard .ubtn { display: block; margin: 10px 7% 0; /*margin: 0 17% 10px;*/ text-align: left; font-weight: 600 }
.vc_row--dashboard .ubtn-normal { padding-right: 10px; padding-left: 34px }
.vc_row--dashboard .ubtn-text em { color: #9d9d9d }
.vc_row--dashboard .ubtn-icon i { font-size: 23px !important }
.vc_row--dashboard .ubtn-sep-icon.ubtn-sep-icon-at-left .ubtn-icon,
.vc_row--dashboard .ubtn-sep-icon-left-rev:hover .ubtn-icon { left: 5px }

.vc_row--dashboard .wpb_text_column p { font-size: 16px; line-height: 1.35 }

.vc_row--dashboard .ult_main_cl { display: block; margin: 30px 0 0; font-size: 16px; font-weight: 600; text-align: center }
.vc_row--dashboard .ult_colorlink:hover,
.vc_row--dashboard .ult_colorlink:focus { color: #3c3c3b }

/* Recipes */

.recipes-sheets #layout { margin: 0 }

.recipes-sheets #stuning-header {
    border-top: 5px solid #967745;
    border-bottom: 1px solid rgba(27,27,27,0.1);
}

.recipes-sheets div.page-title-inner { height: 300px; min-height: 300px;  }

.recipes-sheets div.page-title-inner .page-title {
    color: #967745;
    font-size: 33px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    padding: 60px 0 20px;
}
.recipes-sheets div.page-title-inner .page-subtitle {
    padding: 0 7%;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.3;
    color: #BCB59F;
}

.recipes-sheets div.page-title-inner .breadcrumbs {
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.3;
    color: #8c8c8c;
}
.recipes-sheets div.page-title-inner .breadcrumbs a { color: #3C3C3B }
.recipes-sheets div.page-title-inner .breadcrumbs a:hover { color: #967745 }

body.recipes-sheets #header-container.header-style-10 #header .header-wrap { padding: 0 30px }

/*.recipes-sheets #header-container.header-style-10 .nav-menu .mega-menu-item:last-of-type { display: none !important }*/

.recipes-sheets #layout.portfolio-page #portfolio-page { padding: 0 }
.recipes-sheets #layout.portfolio-page #grid-folio { margin:10px }

.recipes-sheets #portfolio-page.dfd-full-width-folio-offsets { padding: 0; background-color: rgba(245,245,245,0.5) }

.recipes-sheets #grid-folio.grid-folio-full-width-bordered { margin: 0 }
.recipes-sheets #grid-folio.grid-folio-full-width-bordered article.project .cover {
    margin: 5px;
    padding: 0;
    background: #FFFFFF;
    box-shadow: 0 1px 5px 0 rgba(215,202,169,.15); transition: box-shadow 350ms ease-out
}
.recipes-sheets #grid-folio.grid-folio-full-width-bordered article.project .cover:hover { box-shadow: 0 1px 5px rgba(0,0,0,.1) }

.recipes-sheets #portfolio-page .project .cover .feature-title {
    margin: 0;
    padding: 30px 30px 5px;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: .0125em;
}

.recipes-sheets #portfolio-page .project .cover .entry-tags { padding: 0 30px 20px }
.recipes-sheets #portfolio-page .project .cover .entry-tags ul li a { font-size: 13px }

.recipes-sheets #portfolio-page .sort-panel { margin: 30px 0 20px }
.recipes-sheets #portfolio-page .filter li {
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.1em;
    color: #A27D20;
}

/* Recipe file */

.single-my-product #stuning-header {
    border-top: 5px solid #967745;
    border-bottom: 1px solid rgba(27,27,27,0.1);
}

/*.single-my-product #header-container.header-style-10 .nav-menu .mega-menu-item:last-of-type { display: none !important }*/

.single-my-product div.page-title-inner { height: 300px; min-height: 300px;  }

.single-my-product div.page-title-inner .page-title {
    color: #967745;
    font-size: 33px;
    line-height: 1.1;
    letter-spacing: -0.02em;
    padding: 110px 0 20px;
}

.single-my-product div.page-title-inner .breadcrumbs {
    font-size: 13px;
    font-style: italic;
    font-weight: 300;
    line-height: 1.3;
    color: #8c8c8c;
}
.single-my-product div.page-title-inner .breadcrumbs a { color: #3C3C3B }
.single-my-product div.page-title-inner .breadcrumbs a:hover { color: #967745 }

.single-my-product .dfd-controls .page-inner-nav .pagination-title div.box-name { color: #FFFFFF; font-size: 23px; line-height: 1.7; letter-spacing: 0 }
.single-my-product .dfd-controls .page-inner-nav .pagination-title div.subtitle { display: none }

.single-my-product .dfd-controls .page-inner-nav .dfd-controler { width: 3.6rem; background-color: #967745 }
.single-my-product .dfd-controls .page-inner-nav { width: 3.6rem }


#layout.recipe { background-color: rgba(245,245,245,0.5) }

#layout.recipe .row.dfd-masonry-full-width-offset { padding: 0 }

#layout.recipe h3 { margin-bottom: 20px }

#layout.recipe .folio-entry-media { padding:0 }
#layout.recipe .folio-entry-media img { min-width: 100% }

#layout.recipe .folio-info h3 { font-size: 13px; line-height: 1.5 }
#layout.recipe .folio-info li { font-size: 13px }
#layout.recipe .folio-info .box-name { font-size: 23px; line-height: 1.3 }

#layout.recipe .folio-info.desc-left:before,
#layout.recipe .folio-info.desc-right:before { display: none !important }

#layout.recipe.single-folio .folio-info.desc-right { padding: 30px 3.6rem }
#layout.recipe.single-folio .folio-entry-media.desc-right { padding:0 }

#layout.recipe.single-folio .folio-info.desc-right .row { top: auto !important }

#layout.recipe .folio-info.ingredients { background-color: #FFFFFF }
#layout.recipe .folio-info.ingredients h3 { color: #878787 }
#layout.recipe .folio-info.ingredients ul { margin-bottom: 20px; margin-left: 16px; list-style: none;  }
#layout.recipe .folio-info.ingredients li { color: #878787 }
#layout.recipe .folio-info.ingredients li:before {
    content: "—";
    margin-right: 10px;
    margin-left: -20px;
    width: 1.2em;
    text-align: center;
    display: inline-block;
    opacity: .5;
}

#layout.recipe .folio-info.ingredients .box-name { color: #706f6f }

#layout.recipe .folio-info.instructions ol { counter-reset: item; list-style: none; margin-left: 30px }
#layout.recipe .folio-info.instructions li { counter-increment: item; margin-bottom: 10px; line-height: 1.3 }
#layout.recipe .folio-info.instructions li:before {
    content: counter(item)".";
    font-weight: 600;
    margin-right: 10px;
    margin-left: -30px;
    width: 1.2em;
    text-align: center;
    display: inline-block;
}

#layout.recipe .project-wrap { margin: 0 }

/**
 * ANIMATIONS
 */

@keyframes reduce-header {
    0% {
        background-color: rgba(150,119,69,0);
        transform: none;
    }
    100% {
        background-color: rgba(150,119,69,.9);
        transform: translate3d(0,-2.5em,0);
    }
}
@keyframes expand-header {
    0% {
        background-color: rgba(150,119,69,.9);
        transform: translate3d(0,-2.5em,0);
    }
    100% {
        background-color: rgba(150,119,69,0);
        transform: none;
    }
}

@keyframes logo-slide-out {
    0% {
        opacity: 1;
        transform: none;
    }
    100% {
        opacity: 0;
        transform: translate3d(0,-3em,0);
    }
}
@keyframes logo-slide-in  {
    0% {
        opacity: 0;
        transform: translate3d(0,-3em,0);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

@keyframes logo-small-slide-out {
    0% {
        visibility: visible;
        opacity: 1;
        transform: none;
    }
    100% {
        visibility: hidden;
        opacity: 0;
        transform: translate3d(0,-2em,0);
    }
}
@keyframes logo-small-slide-in  {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translate3d(0,-2em,0);
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: none;
    }
}

@keyframes reduce-header-item {
    0% {
        color: #242424;
    }
    100% {
        color: #FFFFFF;
    }
}
@keyframes expand-header-item {
    0% {
        color: #FFFFFF;
    }
    100% {
        color: #242424;
    }
}

@keyframes reduce-header-inner {
    0% {
        top: 5.6rem;
    }
    100% {
        top: 0;
    }
}
@keyframes expand-header-inner {
    0% {
        top: 0;
    }
    100% {
        top: 5.6rem;
    }
}


/**
 * MEDIA QUERIES
 */

@media only screen and (min-width: 768px) {

    /* Global */

    .vc_row--landing { border-width: .7rem }

    /* Landing */

    body.page:not(.dfd-custom-padding-html) #header-container.header-style-9 #header .header-wrap { padding: 0 0 1.4rem; height:150px; }

    #header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right { position: absolute; right: 0 }

    #header-container.header-style-9 #header .header-top-logo-panel { height: 30.8rem }
    #header-container.header-style-9 #header .header-top-logo-panel .logo-for-panel img { height:14rem !important }

    #header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .lang-sel > a { font-size: 16px; letter-spacing: 2px }

    #header-container.header-style-9:not(.small):not(.logo-position-right) .lang-sel { height: 4.2rem; width: 4.2rem; line-height: 4.2rem }

    #header-container.header-style-9 .lang-sel ul > li a {  line-height:4.2rem; font-size: 16px }

    #header-container.header-style-9 #main_mega_menu,
    #header-container.header-style-10 #main_mega_menu { font-size: 1.4rem }

    /*#header-container.header-style-9 .nav-menu .mega-menu-item:last-of-type { padding: 0 .5em }*/
    #header-container.header-style-9 .nav-menu .mega-menu-item .item-title { padding: 0 1.5em }

    /***/

    .vc_row--landing { padding-top: 25.2rem }

    .uvd-heading--landing { margin-top: 6.3rem }

    .wpb_wrapper .uvd-heading--landing  h4.widget-title { line-height: 3.5rem }

    .ult_crlink--landing { line-height: 4.2rem }

    /* Custom */

    .custom-page { padding-top: 13.3rem }
    .custom-page--border { border-top-width: .7rem }

    .custom-page .page-nav { margin: 0 }

    /***/

    /*
    .page-template-page-custom-with-header #header-container.header-style-10:not(.small) .lang-sel { height: 50px; width: 50px; line-height: 50px }
    .page-template-page-custom-with-header #header-container.header-style-10 .lang-sel ul > li a { line-height: 50px }

    #header-container.header-style-10 #header .header-wrap > .row:last-child .lang-sel > a { font-size: 13px; letter-spacing: 2px }

    #header-container.header-style-10 .lang-sel ul > li a {  line-height: 60px; font-size: 13px }

    #header-container.header-style-10:not(.small) #header .header-wrap > .row:last-child .lang-sel > a { color: #967745 }
    #header-container.header-style-10:not(.small) .lang-sel { height: 60px; width: 60px; line-height: 60px }
   */

    /* Header */

    body:not(.dfd-custom-padding-html) #header-container.header-style-10 #header .header-wrap { padding: 0 3em }

    #header-container.header-style-10 #header .header-top-logo-panel { height: 14rem }
    #header-container.header-style-10 #header .header-top-logo-panel .logo-for-panel img { height:8.4rem !important }

    #header-container.header-style-10 #header .nav-menu .mega-menu-item .item-title { padding: 0 1.5em }
    /*#header-container.header-style-10 #header .nav-menu .mega-menu-item:last-of-type .item-title {  padding: 0 1em }*/

    #header-container.header-style-10:not(.small) #header{ position: absolute; padding-top: 2.5em }

    #header-container.header-style-10:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child { padding: 1em 0 }
    #header-container.header-style-10:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-fluid { margin: 0 }

    #header-container.header-style-10 #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo {
        margin: 0;
        top: 0;
        left: 0;
        width: 10em;
        height: 3em;
        line-height: 3em;
    }

    #header-container.header-style-10.small #header { position: absolute; padding-top: 2.5em }

    #header-container.header-style-10.small:not(.logo-position-right) #header .header-wrap > .row:last-child { padding: 1em 0 }

    /***/

    #header-container.header-style-10.small,
    #header-container.header-style-10.small #header,
    #header-container.header-style-10.small #header .header-wrap,
    #header-container.header-style-10.small #header .nav-menu .mega-menu-item .item-title,
    #header-container.header-style-10:not(.small),
    #header-container.header-style-10:not(.small) #header,
    #header-container.header-style-10:not(.small) #header .header-wrap,
    #header-container.header-style-10:not(.small) #header .nav-menu .mega-menu-item .item-title { transition: none }

    #header-container.header-style-10.small       #header { background: rgba(150,119,69,.9); transform: translate3d(0,-2.5em,0); animation: reduce-header 350ms ease forwards }
    #header-container.header-style-10:not(.small) #header { background: rgba(150,119,69, 0); transform: none;                    animation: expand-header 350ms ease forwards }

    #header-container.header-style-10.small       #header .header-top-logo-panel { opacity: 0; transform: translate3d(0,-3em,0); animation: logo-slide-out 350ms ease forwards }
    #header-container.header-style-10:not(.small) #header .header-top-logo-panel { opacity: 1; transform: none;                  animation: logo-slide-in  350ms ease forwards }

    #header-container.header-style-10.small       #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo { visibility: visible; transform: translate3d(0,-2em,0); animation: logo-small-slide-in  350ms ease 100ms forwards }
    #header-container.header-style-10:not(.small) #header .header-wrap > .row:last-child .header-main-panel .header-col-fluid .fixed-header-logo { visibility: hidden;  transform: none;                  animation: logo-small-slide-out 350ms ease 100ms forwards }

    /*#header-container.header-style-10.small       #header .nav-menu .mega-menu-item .item-title { color: #FFFFFF; animation: reduce-header-item 350ms ease forwards }
    #header-container.header-style-10:not(.small) #header .nav-menu .mega-menu-item .item-title { color: #242424; animation: expand-header-item 350ms ease forwards }

    #header-container.header-style-10.small       #header .header-wrap { top: 5.6rem; animation: reduce-header-inner 350ms ease forwards }
    #header-container.header-style-10:not(.small) #header .header-wrap { top: 5.6rem; animation: expand-header-inner 350ms ease forwards }*/

    .page #side-area,
    .page #side-area .side-area-widgets { font-size: 1.4rem }

    /***/

    .vc-row-wrapper.full_width_content > .row > .columns .row .columns.columns--overlap { padding: 5.6rem 7.7rem 7rem}

    .custom-page .wpb_wrapper h1.widget-title { margin-bottom: 5.6rem; padding: .3rem 0 .4rem; line-height: 4.9rem }

    .custom-page h1.page-title { line-height: 4.2rem; padding: 4.4rem 2.1rem 4rem }

    /* Form */

    .custom-page form { font-size: 1.4rem }

    .form--custom .label,
    .form--custom .link { font-size: 13px }

    .form--custom .ajax-loader { margin: 16px }

    /* Press */

    .project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover .title-wrap .widget-title { line-height: 3.5rem }
    .project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover .title-wrap:before { width: 7rem; margin-left: -3.5rem }
    .project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags .folio-inner-subtitle { line-height: 2.8rem }

    .project.portfolio-hover-style-25 .entry-thumb:hover .portfolio-entry-hover .title-wrap:before { top: 55%; width: 6.3rem; margin-left: -3.15rem }

    /** Partners */

    .page-template-page-custom-with-header div.page-title-inner { height: 360px; min-height: 360px }
    .page-template-page-custom-with-header div.page-title-inner .page-title { padding-top: 40px; font-size: 40px; line-height: 1.1 }
    .page-template-page-custom-with-header div.page-title-inner .page-subtitle { font-size: 16px }
    .page-template-page-custom-with-header div.page-title-inner .breadcrumbs { font-size: 16px }

    .vc_row--dashboard .vc_inner .columns > .wpb_wrapper { margin: 0; margin-bottom: 1px !important; min-height: 32vh }
    .vc_row--dashboard .aio-icon-component .aio-icon-box .aio-icon-top .aio-icon { padding: 6px; margin-bottom: 20px; font-size: 23px !important }

    .vc_row--dashboard .aio-icon-component .feature-title { font-size: 16px; line-height: 1.3 }
    .vc_row--dashboard .aio-icon-component .subtitle { font-size: 13px; line-height: 1.3 }

    .vc_row--dashboard .aio-icon-component .aio-icon-description p { font-size: 13px }

    .vc_row--dashboard .ubtn { margin: 10px 0 0 }
    .vc_row--dashboard .ubtn-normal { padding: 10px 10px 10px 34px }

    .vc_row--dashboard .wpb_text_column p { font-size: 13px }

    /* Recipes */

    .recipes-sheets #grid-folio.grid-folio-full-width-bordered article.project .cover {
        margin: 7px;
        padding: 0;
        background: #FFFFFF;
        box-shadow: 0 1px 5px 0 rgba(215,202,169,.15); transition: box-shadow 350ms ease-out
    }

    .recipes-sheets div.page-title-inner .page-title { padding-top: 40px; font-size: 40px; line-height: 1.1 }
    .recipes-sheets div.page-title-inner .page-subtitle { font-size: 16px }
    .recipes-sheets div.page-title-inner .breadcrumbs { font-size: 16px }

    .recipes-sheets #portfolio-page .project .cover .feature-title { font-size: 19px; line-height: 1.2 }

    .recipes-sheets #portfolio-page .project .cover .entry-tags { padding-top: 5px }
    .recipes-sheets #portfolio-page .project .cover .entry-tags ul li a { font-size: 16px }

    /* Recipe file */
    .single-my-product div.page-title-inner .page-title { padding: 60px 15% 20px; font-size: 40px; line-height: 1.1 }
    .single-my-product div.page-title-inner .page-subtitle { font-size: 16px }
    .single-my-product div.page-title-inner .breadcrumbs { font-size: 16px }

    #layout.recipe.single-folio .folio-info.desc-right { padding: 30px 50px }
    #layout.recipe .folio-info h3 { font-size: 16px }
    #layout.recipe .folio-info li { font-size: 16px }
    #layout.recipe .folio-info .box-name { font-size: 28px }

    #layout.recipe .folio-info.instructions li { margin-bottom: 20px }


}

@media only screen and (min-width: 1024px) {

    /* Custom */
    /*#header-container.header-style-10 #header .header-top-logo-panel { height: 160px }
    #header-container.header-style-10 #header .header-top-logo-panel .logo-for-panel img { height: 110px !important }*/

    .vc-row-wrapper.full_width_content > .row > .columns .row .columns.columns--overlap { width: 50% !important; margin-top: 5%; padding: 50px 60px }
    .vc-row-wrapper.full_width_content > .row > .columns .row .columns.columns--overlap-left { margin-right: -8.33333% !important }
    .vc-row-wrapper.full_width_content > .row > .columns .row .columns.columns--overlap-right { margin-left: -8.33333% !important }

    .custom-page .wpb_wrapper h1.widget-title { margin-bottom: 4.2rem; text-align: left }

    .custom-page .vc-row-wrapper.full_width_content > .row > .columns .vc-row-wrapper:only-of-type { margin-bottom: 80px }

    .custom-page .vc_inner { padding-bottom: 2em; margin-bottom: 2em }

     /* Press */

    .project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover .title-wrap .widget-title { font-size: 23px }
    .project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags .folio-inner-subtitle { font-size: 16px }

    /** Partners */

    .page-template-page-custom-with-header div.page-title-inner .page-subtitle { padding: 0 15% }


    /* Form */

    .custom-page form { font-size: 1.6rem }

    /* Partners */

    .vc_row--dashboard .vc_inner .columns > .wpb_wrapper { min-height: 52vh }
    .vc_row--dashboard .aio-icon-component .aio-icon-box .aio-icon-top .aio-icon { font-size: 28px !important }

    .vc_row--dashboard .aio-icon-component .feature-title { font-size: 23px }
    .vc_row--dashboard .aio-icon-component .subtitle { font-size: 16px }

    .vc_row--dashboard .aio-icon-component .aio-icon-description p { font-size: 16px }

    .vc_row--dashboard .wpb_text_column p { font-size: 16px }

    /* Recipes */

    .recipes-sheets div.page-title-inner .page-subtitle { padding: 0 15% }

    /* Recipe File */

    #layout.recipe.single-folio .folio-info.desc-right { padding: 40px 60px }

}

@media only screen and (min-width: 1280px) {

    /* Custom */

    .custom-page { padding-top: 140px; }

    .custom-page .row .dfd_col-tabletop-2 { width: 8.333333333333% }
    .custom-page .row .dfd_col-tabletop-4 { width: 41.666666666667% }

    /*#header-container.header-style-10:not(.small) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-right { top: 0 }

    #header-container.header-style-10 #header .header-top-logo-panel { height: 180px }
    #header-container.header-style-10:not(.small) #header .header-wrap { top: 50px }

    .header-layout-fullwidth.header-style-10 > .dfd-top-row .row,
    .header-layout-fullwidth.header-style-10 > #header .header-top-panel .row,
    .header-layout-fullwidth.header-style-10 > #header > .logo-wrap > .row,
    .header-layout-fullwidth.header-style-10 > #header > .header-wrap > .row,
    #header-container.header-style-10 #header .header-wrap > .row:last-child { padding: 0 }

    */

    .vc-row-wrapper.full_width_content > .row > .columns .row .columns.columns--overlap { width: 45% !important; margin-top: 3.333333%; padding: 50px 60px }
    .vc-row-wrapper.full_width_content > .row > .columns .row .columns.columns--overlap-left { margin-right: -3.33333% !important }
    .vc-row-wrapper.full_width_content > .row > .columns .row .columns.columns--overlap-right { margin-left: -3.33333% !important }


    /** Partners **/

    .vc_row--dashboard .vc_inner .columns > .wpb_wrapper { margin: 12px 6px; min-height: 38vh }
    .vc_row--dashboard .aio-icon-component .feature-title { font-size: 19px }


}

@media only screen and (min-width: 1440px) {

    .custom-page .row .dfd_col-tabletop-2 { width: 16.666666666667% }
    .custom-page .row .dfd_col-tabletop-4 { width: 33.333333333333% }

    .vc-row-wrapper.full_width_content > .row > .columns .row .columns.columns--overlap { width: 36.666667% !important }

    .vc_row--dashboard .ubtn-normal { padding: 15px 15px 15px 46px }
    .vc_row--dashboard .ubtn-sep-icon.ubtn-sep-icon-at-left .ubtn-icon,
    .vc_row--dashboard .ubtn-sep-icon-left-rev:hover .ubtn-icon { left: 10px }

    .vc_sep_width_30 { width: 40% }

}

@media only screen and (min-width: 1500px) {

    /* Landing */

    #header-container.header-style-9 #header .header-top-logo-panel { height: 28.8rem }
    #header-container.header-style-9 #header .header-top-logo-panel .logo-for-panel img { height:16rem !important; }

    #header-container.header-style-9:not(.small):not(.logo-position-right) .lang-sel { height: 6.4rem; width: 6.4rem; line-height: 6.4rem }

    #header-container.header-style-9 .lang-sel ul > li a {  line-height:6.4rem }

    .vc_row--landing { padding-top: 20.8rem }

    .uvd-heading--landing { margin-top: 8rem }

    .wpb_wrapper .uvd-heading--landing  h4.widget-title { line-height: 4rem }

    .ult_crlink--landing { line-height: 4.8rem }

    /* Custom */

    .custom-page { padding-top: 15.2rem }
    .custom-page--border { border-top-width: .8rem }

    /*body:not(.dfd-custom-padding-html) #header-container.header-style-10 #header .header-wrap { padding: 0 5.6rem }

    #header-container.header-style-10 #header .header-top-logo-panel { height: 17.6rem; padding: 0 3.2rem }
    #header-container.header-style-10 #header .header-top-logo-panel .logo-for-panel img { height:11.2rem !important }

    #header-container.header-style-10:not(.small) #header .header-wrap { top: 5.6rem }
    #header-container.header-style-10 #header .header-wrap > .row:last-child .lang-sel > a { font-size: 16px }

    #header-container.header-style-10 .lang-sel ul > li a {  font-size: 16px }*/

    .vc-row-wrapper.full_width_content > .row > .columns .row .columns.columns--overlap { padding: 5.6rem 8rem 7.2rem }

    .custom-page .wpb_wrapper h1.widget-title { margin-bottom: 4.8rem; padding: .1rem 0 .7rem; line-height: 5.6rem }

    .custom-page h1.page-title { padding: 60px; font-size: 48px; }

    /* Press */

    .project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover .title-wrap .widget-title { font-size: 28px }
    .project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover .title-wrap .entry-tags .folio-inner-subtitle { font-size: 19px }

    /** Partners **/

    .page-template-page-custom-with-header div.page-title-inner { height: 340px; min-height: 340px }
    .page-template-page-custom-with-header div.page-title-inner .page-title { padding-top: 30px; font-size: 48px; line-height: 1.1 }

    .vc_row--dashboard .vc_inner .columns > .wpb_wrapper { margin: 24px 12px }
    .vc_row--dashboard .aio-icon-component .subtitle { line-height: 1.5 }
    .vc_row--dashboard .aio-icon-component .aio-icon-box .aio-icon-top .aio-icon { padding: 6px; margin-bottom: 30px; font-size: 28px !important }

    .vc_row--dashboard .aio-icon-component .feature-title { font-size: 23px }

    .vc_row--dashboard .vc-row-wrapper .wpb_content_element.vc_separator h4 { font-size: 16px }

    /* Recipes */

    .recipes-sheets div.page-title-inner { height: 360px; min-height: 360px;  }
    .recipes-sheets div.page-title-inner .page-title { padding-top: 20px; font-size: 48px;  }

    .recipes-sheets #layout.portfolio-page #grid-folio { margin: 20px }

    .recipes-sheets #grid-folio.grid-folio-full-width-bordered article.project .cover { margin: 10px }

    .recipes-sheets #portfolio-page .project .cover .feature-title { padding: 40px 40px 10px }
    .recipes-sheets #portfolio-page .project .cover .entry-tags { padding: 0 40px 30px }


    .recipes-sheets #portfolio-page .sort-panel { margin: 50px 0 40px }
    .recipes-sheets #portfolio-page .filter li { font-size: 16px }


    /* Recipe File */

    .single-my-product div.page-title-inner { height: 360px; min-height: 360px }
    .single-my-product div.page-title-inner .page-title { padding-top: 40px; font-size: 48px }

    .single-my-product .recipe .twelve,
    .single-my-product .recipe .row .twelve { float: left; width: 40% }
    .single-my-product .recipe .six,
    .single-my-product .recipe .row .six { float: left; width: 30% }

    #layout.recipe.single-folio .folio-info.desc-right { padding: 50px 70px }
    #layout.recipe h3 { margin: 30px 0 }

}

/* Full width buttons for franchises menus */

.ubtn-ctn-center a.ubtn-link {
    width: 100%;
}


@media only screen and (max-width: 479px) {

    /** Partners **/

    .page-template-page-custom-with-header div.page-title-inner { height: 360px; min-height: 360px;  }
    .page-template-page-custom-with-header div.page-title-inner .page-title { padding-top: 80px }

    /* Recipes */

    .recipes-sheets #layout.portfolio-page #grid-folio { margin:0 }

    .recipes-sheets #grid-folio.grid-folio-full-width-bordered article.project .cover { margin: 10px 10px 0 }
    .recipes-sheets #grid-folio.grid-folio-full-width-bordered article.project:last-of-type .cover { margin-bottom: 50px }

    /* Recipe File */

    #layout.recipe .folio-info.desc-right { float: none }

}
@media only screen and (max-width: 800px) {

    body.page:not(.dfd-custom-padding-html) #header-container.header-style-9 #header .header-wrap {
        padding: .6rem;
        background-color: #FFFFFF;
        box-shadow: 0 -3em 5em rgba(0, 0, 0, .25)
    }

    #header-container:not(.small).header-style-9 #header .header-wrap { bottom: 0 }

    #header-container.header-style-9 .nav-menu .mega-menu-item .item-title,
    #header-container.header-style-9 .nav-menu .mega-menu-item .item-title:hover,
    #header-container.header-style-9 .nav-menu .mega-menu-item .item-title:focus { color: rgba(60,60,60,.6) }
    #header-container.header-style-9 .nav-menu .mega-menu-item .item-title::before {
        color: rgb(60,60,60);
    }

}
@media only screen and (max-width: 767px) {

    body .column, body .columns { min-height: 0 }


    /** Custom **/

    body:not(.dfd-custom-padding-html) #header-container.header-style-10 #header .header-wrap { padding: 0 }

    #header-container.header-style-10 #main_mega_menu {
        display: block;
        width: 100%;
        min-width: 100%;
        background-color: rgba(150, 119, 69,.9);
        box-shadow: 0 0 1em 0 rgba(0, 0, 0, .25)
    }

    #header-container.header-style-10 #header .header-top-logo-panel { text-align: center; width: 100% }

    #header-container.header-style-10 #header .header-wrap > .row:last-child .lang-sel > a { color: #FFFFFF }

    #header-container.header-style-10 #header .nav-menu .mega-menu-item .item-title,
    #header-container.header-style-10 #header .nav-menu .mega-menu-item .item-title:hover,
    #header-container.header-style-10 #header .nav-menu .mega-menu-item .item-title:focus { color: rgba(255,255,255,.6) }
    #header-container.header-style-10 #header .nav-menu .mega-menu-item .item-title::before { color: #FFFFFF }

    #header-container.header-style-10 .lang-sel ul > li { color: #FFFFFF; background-color: rgba(135, 106, 64, 0.9) }
    #header-container.header-style-10 .lang-sel ul > li a { color: #FFFFFF }
    #header-container.header-style-10 .lang-sel ul > li a:before { background-color: rgba(135, 106, 64, 0.9) }

    #header-container.header-style-10:not(.small) #header .header-wrap { position: fixed; bottom: 0; top:auto }
    #header-container.header-style-10:not(.small) #header .lang-sel ul { top: auto; bottom: 50%; margin-top: 0; margin-bottom: -50%; width: 100% }


}

@media only screen and (max-width: 767px) and (orientation: landscape) {

    /** Landing **/

    .uvd-heading--landing { margin-top: 2.4rem }
    .ult_crlink--landing { line-height: 1.2 }

    .vc_row--landing { padding-top: 0; border-width: .8rem }

    #header-container.header-style-9 #header .header-top-logo-panel {
        width: 33.333333%;
        height: 100vh;
        padding: 0;
        margin: 0;
    }
    #header-container.header-style-9 #header .header-top-logo-panel .logo-for-panel img { top: 45% }

    #header-container.header-style-10:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-fluid { text-align: right }

    /** Partners */

    .vc_row--dashboard { padding-bottom: 20px  }

    /* Recipe file */

    #layout.recipe .folio-info.desc-right { float: left; clear: none; width: 50% }

}

@media only screen and (max-width: 1023px) {

    .custom-page .wpb_single_image { overflow: hidden }
    .custom-page .vc_single_image-wrapper { margin-top: -50% }

    .project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover--logo .title-wrap img { opacity: 1; bottom: 65% }
    .project.portfolio-hover-style-25 .entry-thumb .portfolio-entry-hover--logo .title-wrap .widget-title { opacity: 0; bottom: 70% }

    .project.portfolio-hover-style-25 .entry-thumb:hover .portfolio-entry-hover--logo .title-wrap img { opacity: 0; bottom: 55% }
    .project.portfolio-hover-style-25 .entry-thumb:hover .portfolio-entry-hover--logo .title-wrap .widget-title { opacity: 1; bottom: 65% }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {

    #header-container.header-style-10:not(.small):not(.logo-position-right) #header .header-wrap > .row:last-child .columns.header-main-panel .header-col-fluid { text-align: right }

    .custom-page .ult-spacer { height: 60px !important  }

}

@media only screen and (min-width: 1024px) and (max-width: 1279px) {

    .custom-page .wpb_single_image { overflow: hidden }
    .custom-page .vc_single_image-wrapper img { min-width: 150% }

    .custom-page .ult-spacer { height: 80px !important  }

}

@media only screen and (min-width: 768px) and (max-width: 1279px) and (orientation: landscape) {

    #header-container:not(.small).header-style-9 #header .header-wrap > .row:last-child .lang-sel > a { font-size: 13px }

    #header-container.header-style-9 #header .header-top-logo-panel { height: 21rem }

    #header-container.header-style-9 .lang-sel ul > li a { font-size: 13px }
    #header-container.header-style-9 .nav-menu .mega-menu-item .item-title { font-size: 13px; letter-spacing: 2px }

    /***/

    .vc_row--landing { padding-top: 14.7rem }

}