/*
Theme Name: Berry NSW
Theme URI: http://localhost/wp
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

/* ------------------------ reset css start -------------------------- */
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%;font:inherit;vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
audio,canvas,video {display: inline-block;}
body {line-height: 1;}
div{ box-sizing:border-box;}
ol, ul, li {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;}
img{ max-width:100%; height:auto; display:inline-block; transition:all 500ms ease-in-out; opacity:1;}
/* ------------------------ reset css end -------------------------- */

/* ------------------------ basic element CSS start -------------------------- */
* {margin: 0; padding: 0;}
html, body, #outer-wrap, #inner-wrap, .site-content, .page, .entry-content {min-height:100%;}
body {font-family: 'Open Sans', sans-serif; font-size: 16px; line-height:24px; color: #333; background:#585655;}
#outer-wrap {max-width: 1400px; background-color: #ffffff; margin: 0 auto;}
img, img a {border: none; outline: none;}
nav, ul, ol, li {list-style-type: none;}
a {outline: medium none; text-decoration: none;}
a:hover, a:active, a:focus {outline: none;}
input, textarea, select{outline:none;}
.noPading{ padding:0 !important;}
.noborder{ border:0 !important;}
@font-face {
font-family: 'garagegothic-regularregular';src: url('webfonts/garagegothic-regular-webfont.eot');src: url('webfonts/garagegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),url('webfonts/garagegothic-regular-webfont.woff') format('woff'),url('webfonts/garagegothic-regular-webfont.ttf') format('truetype'),url('webfonts/garagegothic-regular-webfont.svg#garagegothic-regularregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'garagegothic-blackregular'; src: url('webfonts/garagegothic-black-webfont.eot'); src: url('webfonts/garagegothic-black-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/garagegothic-black-webfont.woff') format('woff'), url('webfonts/garagegothic-black-webfont.ttf') format('truetype'), url('webfonts/garagegothic-black-webfont.svg#garagegothic-blackregular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'garagegothic-boldregular'; src: url('webfonts/garagegothic-bold-webfont.eot'); src: url('webfonts/garagegothic-bold-webfont.eot?#iefix') format('embedded-opentype'), url('webfonts/garagegothic-bold-webfont.woff') format('woff'), url('webfonts/garagegothic-bold-webfont.ttf') format('truetype'), url('webfonts/garagegothic-bold-webfont.svg#garagegothic-boldregular') format('svg'); font-weight: normal; font-style: normal;}
.spacer{clear:both;height:auto;font-size:0;line-height:0;}
img#loaderimage{ width:32px; height:32px; margin:0 auto;}
.margin-right {margin-right:20px !important;}
/* ------------------------ basic element CSS end -------------------------- */

/* ------------------------ Left Panel CSS ------------------------ */
.leftPan{background:#848281; /*border-right:solid 1px #fff;*/ width:18%; float:left;}
a.logo{display:block; width:80%; margin:56px auto 46px;}
a.logo img{display:block; width:100%; height:auto;}
.leftPan ul li{ font-family: 'garagegothic-regularregular'; font-size:30px; line-height:30px; text-align:center; text-transform:uppercase; padding:0 0 16px 0;}
.leftPan ul li a{color:#fff;}
.leftPan ul li a:hover, .leftPan ul li.current-menu-item a{color:#000;}
.srchPan{width:85%; margin:0 auto; padding:24px 0 34px; height:auto; overflow:hidden;}
.srchPan input.inTxt{width:64%; font-family: 'Open Sans', sans-serif; background:#e1e1e1; border:0; padding:12px 11px; font-size:16px; line-height:20px; height:20px; float:left;border-radius: 0;-webkit-appearance: none;}
.srchPan input.srchBtn{width:24%; height:44px; border:0; text-indent:-100000px; background:url(images/search-icon.png) no-repeat 50% 50% #e1e1e1; float:left; cursor:pointer;border-radius: 0;-webkit-appearance: none;}
.marktPan{font-family: 'garagegothic-regularregular'; background:#fab778; padding:24px 0 0 0; text-align:center;}
.marktPan h3{color:#fff; font-size:48px; line-height:48px; padding:0 0 24px; font-weight:normal; text-transform:uppercase;}
.marktPan p{color:#fff; font-size:36px; line-height:48px; padding:0 36px 24px; font-weight:normal; text-transform:uppercase;}
a.learnBtn{font-size:36px; line-height:36px; color:#fff; display:block; background:#cba27c; padding:15px 0; text-transform:uppercase;}
a.learnBtn:hover{color:#000;}
.updatePan{text-align:center; padding:56px 20px; height:auto; overflow:hidden;}
.updatePan h3{font-family: 'garagegothic-regularregular'; font-size:30px; line-height:30px; padding:0 0 20px 0; font-weight:normal; text-transform:uppercase; color:#fff;}
.updatePan h2:first-child{font-size:16px; line-height:20px; padding:0 0 18px 0; color:#fff;}
.updatePan input[type='text'], .updatePan input[type='email']{width:84%; font-family: 'Open Sans', sans-serif; background:#f5f5f5; border:0; padding:12px; font-size:16px; line-height:20px; height:20px; margin:0 0 20px 0;border-radius: 0;-webkit-appearance: none;}
.updatePan input[type='submit']{font-family: 'garagegothic-regularregular'; width:113px; height:45px; text-align:center; font-size:30px; line-height:30px; color:#848281; border:0; background:#f5f5f5; text-transform:uppercase; cursor:pointer; display:block; margin:0 auto;border-radius: 0;-webkit-appearance: none;}
.updatePan label{display: none;}
/* ------------------------ Left Panel CSS End ------------------------ */

/* ------------------------ Right Panel CSS ------------------------ */
#editdetailsfile .acf-hidden{display:block !important}
.rightPan{width:82%; float:left;}
.bannerPan{overflow:hidden; width:100%; height:47.75%; position:relative;}
.bannerPan ul{float:left; width:100% !important; position:relative;}
.bannerPan li{position:relative; z-index:10;}
.bannerPan li p{position:absolute; z-index:9999; padding:6px 0; text-align:center; background:url(images/bannerPan_P.png); left:0; bottom:0; width:100%; color:#fff; text-transform:uppercase;font-family: 'garagegothic-regularregular'; font-size:32px; line-height:36px; display:none;}
.bannerPan ul.slide2,.bannerPan ul.slide3,.bannerPan ul.slide4{display:none; position:absolute; left:0; top:0;}
.bannerPan ul.slide1{z-index:10;}
.bannerPan ul.slide2{z-index:9;}
.bannerPan ul.slide3{z-index:8;}
.bannerPan ul.slide4{z-index:7;}
.bannerPan ul.slide3 li{list-style-type:none; width:20%; float:right; height:18.84%; overflow:hidden;}
.bannerPan ul.slide3 li:nth-child(1){width:40%; float:left; height:18.84%;}
.bannerPan ul.slide3 li:nth-child(2){width:60%; float:right; height:56.62%;}
.bannerPan ul.slide3 li:nth-child(5){width:40%;}
.bannerPan ul.slide3 li:nth-child(3){float:left;}
.bannerPan ul.slide2 li{list-style-type:none; width:20%; float:left; height:18.84%; overflow:hidden;}
.bannerPan ul.slide2 li:nth-child(3){width:60%; float:right; height:36.68%;}
.bannerPan ul.slide2 li:nth-child(4){width:40%;}
.bannerPan ul.slide2 li:nth-child(5){width:60%;}
.bannerPan ul.slide4 li{list-style-type:none; width:20%; float:left; height:18.84%; overflow:hidden;}
.bannerPan ul.slide4 li:nth-child(1){width:60%; height:36.68%;}
.bannerPan ul.slide4 li:nth-child(2){width:40%; height:36.68%;}
.bannerPan ul.slide4 li:nth-child(3){width:40%; clear:left;}
.bannerPan ul.slide4 li:nth-child(4){width:40%;}
.bannerPan img{width:100%; height:100%; display:block; visibility:hidden;}
.bannerPan li .tile{opacity:0;}
/*Banner Animation Style End*/

.contLeft{padding:2%; width:52%; float:left;}
.contLeft h1, .contLeft h3{font-family: 'garagegothic-regularregular'; font-size:48px; line-height:50px; padding:0 0 18px; text-transform:uppercase; font-weight:normal; color:#fab778;}
.contLeft p{padding:0 0 27px;}
.contLeft .newsPan, .responsivenewsPan{ padding:10px 0 0 0;}
p.phtext{padding:0 6px 12px 23px; text-align:left;}
a.greyBtn{font-family: 'garagegothic-regularregular'; color:#fff; display:block; font-size:36px; line-height:36px; background:#848281; width:106px; padding:14px 16px; margin:0 0 24px; text-align:center; text-transform:uppercase;}
a.greyBtn:hover{color:#000;}
.videoPan{width:100%;}
.videoPan img{width:100%; height:auto;}
.contRight{background:#f5f5f5; width:40%; padding:0 0 60px; float:right;}
.picBlock{position:relative; height:310px; background-position:50% 50%; background-size:cover;}
.picBlock img{display:block; width:100%; height:auto;}
.picBlock h3{font-family: 'garagegothic-regularregular'; font-size:48px; line-height:48px; background:url(images/grey-trans-bg.png) repeat 0 0; color:#fff; text-transform:uppercase; padding:2% 5%; width:90%; position:absolute;bottom:0; left:0; font-weight:normal;}
.picBlock a{color:#fff;}
.picTxt{padding:24px;}
.picTxt img{ display:none;}
.picTxt h4{font-family: 'garagegothic-regularregular'; font-size:30px; line-height:32px; color:#666; padding:0 0 18px; text-transform:uppercase; font-weight:normal;}
.picTxt h4:nth-child(2){display:none;}
.picTxt p{padding:0 0 24px;}
.picTxt p a{ color:#000;}
.tabularRight{ padding:0 24px 0; height:auto; overflow:hidden;}
.tabularRight h3{ font-family: 'garagegothic-regularregular'; text-transform:uppercase; padding:0 0 18px; font-size:48px; line-height:48px; color:#fab778;}
.tabularRight p{ padding:0 0 28px;}
.tabularRight .tablistHome{ width:100%; padding:30px 0 0; clear:both;}
.tabularRight .tablistHome a{ width:46%; font-family: 'garagegothic-regularregular'; display:block; font-size:30px; color:#333; text-align:center; padding:18px 1.5%; float:left; border-right:solid 1px #fff; border-bottom:solid 1px #fff; text-transform:uppercase;}
.tabularRight .tablistHome a:hover, .tabularRight .tablistHome a.active { background:#736e6c !important; color:#fab778;}
a.btnTopad{ clear:both; margin:34px 0 0 0; color:#000;}
/* ------------------------ Right Panel CSS End ------------------------ */

/* ------------------------ Footer CSS ------------------------ */
.footerLink{background:#585655; padding:30px; height:auto; overflow:hidden;}
.ftrBox{width:16%; float:left; margin:0 0.8% 0 0;}
.ftrBox h3{font-family: 'garagegothic-regularregular'; text-transform:uppercase; font-size:24px; line-height:24px; padding:0 0 14px; color:#e1e1e1; font-weight:normal;}
.ftrBox ul li{font-size:14px; line-height:18px; padding:0 0 7px; color:#fff;}
.ftrBox ul li a{color:#fff;}
.ftrBox ul li a:hover{color:#000;}
.footerPan{padding:14px 20px; font-size:14px; line-height:20px; background:#848281; height:auto; overflow:hidden; text-transform:uppercase;}
.footerPan p.left{width:auto; color:#ccc; float:left;}
.footerPan p.right{width:auto; color:#ccc; float:right; padding:0 44px 0 0; position:relative;}
.footerPan img{ display:block; width:auto; height:auto; position:absolute; right:0; top:-2px;}
/* ------------------------ Footer CSS End ------------------------ */

/*------------------------- Generic midPan picture CSS -----------------------*/
.midPan img.full-column{width: 100% !important; height: auto !important;}
.midPan img.half-column{width: 48% !important; height: auto; margin: 0 1% 1% 0 !important;}
.midPan img.third-column{width: 31% !important; height: auto; margin: 0 1% 1% 0 !important;}
.midPan img.quarter-column{width: 23% !important; height: auto; margin: 0 1% 1% 0 !important;}
.midPan img.twothirds-column{width: 64% !important; height: auto; margin: 0 1% 1% 0 !important;}

/*------------------------- Generic midPan picture CSS END -----------------------*/

/* ------------------------ Taste CSS ------------------------ */
.midPan{width:60%; float:left; border-right:1px solid #fff;}
.mapBlock{ width:100%; overflow:hidden;}
.picPan .picBlock{width:33.3%; float:left; height:310px; border-right:solid 1px #fff; border-bottom:solid 1px #fff;}
.picPan .picBlock h3{padding:5%; font-size:36px; line-height:36px; text-align:center;}
.midtxtPan{padding:4%;}
.midtxtPan h2, .pagemaintitle h1{font-family: 'garagegothic-regularregular'; background-repeat:no-repeat; background-position:0 0; background-image:url(images/berry-icon.jpg); padding:0 0 30px 130px; font-size:48px; line-height:48px; color:#fab778; text-transform:uppercase; min-height:60px;}
.midtxtPan p{padding:0 0 24px;}
.midtxtPan h3, .responsivenewsPan h3, .contentLeftblock h3{font-family: 'garagegothic-regularregular'; padding:0 0 24px 0; font-size:48px; line-height:48px; color:#fab778; text-transform:uppercase;}
.tabular{ height:auto; overflow:hidden;}
.tabular .firstList{ width:100%;}
.tabular .secondList{ width:100%; padding:30px 0 0; clear:both;}
.tabular a{ width:31%; font-family: 'garagegothic-regularregular'; display:block; font-size:30px; color:#333; text-align:center; float:left; border-right:solid 1px #fff; border-bottom:solid 1px #fff; text-transform:uppercase; padding:12px 1%;}
.tabular a:hover, .tabular a.active { background:#736e6c !important; color:#fab778;}
.newsPan, .responsivenewsPan{ padding:50px 0 0 0;}
.newsPan .pic, .responsivenewsPan .pic{ width:45%; float:left;}
.newsMid .pic, .responsivenewsPan .pic{ width:33% !important;}
.newsPan img{display:block; width:100%; height:auto;}
.newsPan .txt, .responsivenewsPan .txt{ width:50%; float:right;}
.newsMid .txt, .responsivenewsPan .txt{ width:63% !important;}
.newsPan h4, .responsivenewsPan h4{font-family: 'garagegothic-regularregular'; color:#817454; font-size:40px; line-height:40px; text-transform:uppercase; padding:0 0 20px;}

.rightinnerPan{width:40%; float:left; background:#e8e8e8;}
.rightinnerPan .picTxt{ background:#f5f5f5;}
.hoursBlock{ padding:30px 0 80px; background:#e8e8e8; height:auto; overflow:hidden; clear:both;}
.hoursBlock h4{ font-family: 'garagegothic-regularregular'; text-transform:uppercase; padding:0 0 10px 6%; font-size:48px; line-height:48px; color:#fab778;}
.hoursBlock ul{ padding:0 0 24px; display:table; width:100%; }
.hoursBlock ul li{ font-size:15px; line-height:24px; display:table-row;}
.hoursBlock ul li.head strong{ color:#333;}
.hoursBlock ul li strong{ width:44%; display:block; float:left; display:table-cell; vertical-align:middle; text-align:left; font-weight:normal; color:#6b704b; padding:5px 0 10px 6%;}
.hoursBlock ul li a{ color:#6b704b;}
.hoursBlock ul li span{ width:40%; color:#333; padding:5px 4% 10px; display:block; float:left; display:table-cell; vertical-align:middle; text-align:left;}
.rightinnerPan .hoursBlock ul li span, .rightinrWhite .hoursBlock ul li span{ float:right !important; text-align:right !important;}
a.hrBtn{ clear:both; margin:0 0 0 24px;}
/* ------------------------ Taste CSS End ------------------------ */

/* ------------------------ Restaurants & Cafe CSS ------------------------ */
.newsPan h2, .newsPan.pagemaintitle h1{ background:url(images/berry-icon.jpg) no-repeat 0 0; font-family: 'garagegothic-blackregular'; padding:0 0 40px 128px; font-size:48px; line-height:48px; color:#fab778;}
.taste h1, h2.taste{ background-image:url(images/taste.jpg) !important;}
.shop h1, h2.shop{ background-image:url(images/shop.jpg) !important;}
.stay h1, h2.stay{ background-image:url(images/stay.jpg) !important;}
.explore h1, h2.explore{ background-image:url(images/explore.jpg) !important;}
.events h1, h2.events{ background-image:url(images/events.jpg) !important;}
.unwind h1, h2.unwind{ background-image:url(images/unwind.jpg) !important;}
.celebrate h1, h2.celebrate{ background-image:url(images/celebrate.jpg) !important;}
.adventure h1, h2.adventure{ background-image:url(images/adventure.jpg) !important;}
h1.searchTitle{ background-image:url(images/search.jpg) !important;}
.newsPan h2 span, .pagemaintitle h1 span{font-family: 'garagegothic-regularregular'; padding:0 0 0 5px;}
.newsBlock{height:auto; overflow:hidden; padding:0 0 30px;}
.newsBlock a{ color:#333;}
.newsBlock a:hover{ color:#000;}
.termBanner{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover; height:287px; width:100%; position:relative;}
.termBanner h2{font-family: 'garagegothic-regularregular'; font-size:40px; line-height:40px; background:url(images/grey-trans-bg.png) repeat 0 0; color:#fff; text-transform:uppercase; padding:1.5% 3%; width:94%; position:absolute;bottom:0; left:0; font-weight:normal; min-height:inherit;}
.newsBlock h3{ font-family: 'Open Sans'; font-size:14px; line-height:18px; color:#fab778; padding:16px 0 14px;}
.newsBlock h3 a{ color:#fab778; }
a.loadBtn{ font-family: 'garagegothic-regularregular'; background:#e1e1e1; display:block; clear:both; font-size:36px; color:#736e6c; text-align:center; text-transform:uppercase; padding:15px;}
a.loadBtn:hover{ color:#000;}
.rightinrWhite{ background:#fff;}
.rightPostpan{ padding:0 0 40px; overflow:hidden;}
.rightPostpan .newsPan{ padding:30px 6% 0 0;}
.rightPostpan .groupnews{padding:30px 6% 0 6% !important;}
.newsPan a.greyBtn{ margin:0;}
.rightPostpan .newsPan h3{ font-family: 'garagegothic-regularregular'; font-size:48px; line-height:48px; color:#fab778; text-transform:uppercase; padding:0 0 24px;}
.responsivenewsPan{ clear:both; height:auto; overflow:hidden; padding:4%;}
.newsBox{clear:both; height:auto; overflow:hidden; padding:0 0 30px;}
.newsBox p, .responsivenewsPan p{ padding:0 0 24px;}
.newsBox h3{ color: #fab778; font-family: 'garagegothic-regularregular' ;font-size: 48px; line-height: 48px; padding: 0 0 24px; text-transform: uppercase;}

/* ------------------------ Restaurants & Cafe CSS End------------------------ */

/* ------------------------ Restaurants Single CSS ------------------------ */
.singleBanner{ background-repeat:no-repeat; background-position:50% 50%; background-size:cover; height:310px; width:100%; position:relative;}
.singleBanner h3{font-family: 'garagegothic-regularregular'; font-size:48px; line-height:48px; background:url(images/grey-trans-bg.png) repeat 0 0; color:#fff; text-transform:uppercase; padding:1.5% 3%; width:94%; position:absolute;bottom:0; left:0; font-weight:normal;}
.singlePan{ border-bottom:solid 1px #e8e8e8; padding:4%;}
.singlePan img.alignleft{width:50%; float:left; display:block; margin:24px 0;}
.singlePan img.alignright{width:50%; float:right; display:block; margin:24px 0;}
.singlePan h1, .singlePan h3{ font-family: 'garagegothic-boldregular'; font-size:48px; line-height:48px; color:#fab778; padding:0 0 4px; text-transform:uppercase;}
.singlePan h4{ font-family: 'garagegothic-boldregular'; font-size:30px; line-height:36px; color:#848281; padding:0 0 4px; text-transform:uppercase;}
.singlePan a{ color:#848281;}
.singlePan h5{ font-size:14px; line-height:20px; color:#fab778; padding:0 0 18px; text-transform:uppercase;}
.singlePan h5 a{ color:#fab778; }
.singlePan h5 a:hover{ color:#000; }
.singlePan p{ padding:0 0 18px;}
.singlePan strong{ font-weight:700;}
.singlePan a{ color:#fab778;}
.singlePic{ padding:18px 0; height:auto; overflow:hidden;}
.singlePic img{width:49.5%; height:auto; float:left; margin:0 2px 0 0;}
.toglForm{display:none;}
.emailPan{ height:auto; overflow:hidden; clear:both;}
.emailPan h4{ font-family: 'garagegothic-regularregular'; background:url(images/down-arrow.png) no-repeat 97% 50% #e1e1e1; color:#333; font-size:30px; line-height:30px; padding:8px 60px 8px 20px; text-transform:uppercase; margin:0 0 18px; cursor:pointer;}
.emailPan label{ font-size:18px; color:#333; font-size:18px; line-height:20px; padding:0 0 7px; display:block;}
.emailPan span{ color:#F00; display:block; padding:0 0 18px; margin:-8px 0 0 0;}
.emailPan span.successmail{ color:#0F0 !important; float:left; width:auto; padding:24px 0 0 24px;}
.emailPan input{ font-family: 'Open Sans'; border:solid 1px #ccc; padding:10px; font-size:14px; line-height:18px; height:18px; margin:0 0 18px; width:92%;}
.emailPan textarea{ font-family: 'Open Sans'; border:solid 1px #ccc; padding:10px; font-size:14px; line-height:18px; height:110px; margin:0 0 14px; width:92%; resize:none;}
.emailPan input.sendBtn{ font-family: 'garagegothic-regularregular'; border:0; padding:0; font-size:36px; line-height:36px; height:60px; margin:0 0 18px; width:136px; background:#848281; color:#fff; cursor:pointer; display:block;}
.captchatext{ width:50% !important;}
.validerror {color:#F00; display: block; padding: 0 0 15px;}
.iframeBlock{ height:300px;}
.acf-map {width: 100%; height:310px; border:0; margin:0;}
.adrsPan{background:#e8e8e8;}
.adrsBox{padding:5%;}
.adrsBox h4{ font-family: 'garagegothic-regularregular'; text-transform:uppercase; font-size:30px; line-height:30px; color:#333; padding:0 0 2px;}
.adrsBox p{ font-size:18px; line-height:24px; padding:0 0 30px;}
.adrsBox p a{ color:#ff8d21;}
.adrsBox p a:hover, a.facebook:hover, a.twitter:hover{ color:#333;}
.socialBlock img{ float:left; width:auto; margin:0 5px 0 0;}
.socialBlock a{ display:block; font-size:18px; line-height:32px; margin:9px 0 10px; color:#ff8d21; overflow:hidden;}
.socialBlock a span{ width:80%; float:left;}
.hoursBlock h5{ font-family: 'garagegothic-regularregular'; text-transform:uppercase; padding:0 0 10px 6%; font-size:30px; line-height:30px; color:#333;}
.singleHour ul{ padding:0 0 24px; display:table; width:100%; }
.singleHour ul li{ font-size:18px; line-height:24px; display:table-row;}
.singleHour ul li strong{ width:30%; display:block; float:left; display:table-cell; vertical-align:middle; text-align:left; font-weight:normal; color:#333; padding:5px 0 10px 6%;}
.singleHour ul li span{ width:55%; color:#333; padding:5px 4% 10px; display:block; float:right; display:table-cell; vertical-align:middle; text-align:left;}
/* ------------------------ Restaurants Single CSS End------------------------ */

/* ------------------------ News Blog CSS Start------------------------ */
.blogheaderBanner{ position:relative;}
.blogheaderBanner img{ display:block; width:100%; height:auto;}
.blogheaderBanner h3{font-family: 'garagegothic-regularregular'; font-size:48px; line-height:48px; background:url(images/grey-trans-bg.png) repeat 0 0; color:#fff; text-transform:uppercase; padding:1.2% 3%; width:94%; position:absolute;bottom:0; left:0; font-weight:normal;}
.blogLeftpan{ width:61%; padding:2.5%; float:left;}
.blogLeftpan p{ padding:0 0 20px;}
.blogLeftpan a{ color:#fab778;}
.blogLeftpan a:hover{ color:#333;}
.featureBlock{ padding:0 0 12px;}
.featureBlock p{ padding:0 0 15px;}
.featureBanner{ position:relative; margin:0 0 10px;}
.featureBanner img{ display:block; width:100%; height:auto;}
.featureBanner h2{ font-family: 'garagegothic-regularregular'; font-size:40px; line-height:40px; background:url(images/grey-trans-bg.png) repeat 0 0; color:#fff; text-transform:uppercase; padding:1.2% 3%; width:94%; position:absolute;bottom:0; left:0; font-weight:normal;}
.blogMid{ padding:0 !important;}
.blogMid h4{ padding:0 0 5px !important;}
.datcomBlock{padding:0 0 15px; text-transform:uppercase; font-weight:600;}
.edit-link a{ font-size:14px; color:#333;}
span.date{ font-size:14px; color:#fab778; padding:0 70px 0 0;}
span.comments-link{ font-size:14px; color:#fab778; padding:0 0 0 36px; background:url(images/comnt-icon.png) no-repeat 0 0;}
span.comments-link a{color:#fab778;}
.blogRightpan{ width:39%; padding:2.5%; background:#f5f5f5; float:right;}
.blogRightpan ul{ padding:0 0 24px;}
.blogRightpan ul li{ font-size:16px; line-height:18px; padding:0 0 15px;}
.blogRightpan ul li a{ color:#6b704b;}
.blogRightpan ul li a:hover{ color:#333;}
.blogRightpan h3{ font-family: 'garagegothic-regularregular'; font-size:48px; line-height:48px; color:#fab778; padding:0 0 12px; text-transform:uppercase;}
.pluginPan{ width:100%; margin:0 0 30px;}
.pluginPan h4{ font-family: 'garagegothic-regularregular'; font-size:48px; line-height:48px; display:table-cell; vertical-align:middle; text-transform:uppercase; color:#fff; text-align:center;}
.blogPic{ position:relative; margin:0 0 15px;}
.blogPic img{ width:100%; height:auto; display:block;}
.blogPic h3{font-family: 'garagegothic-regularregular'; font-size:40px; line-height:40px; background:url(images/grey-trans-bg.png) repeat 0 0; color:#fff; text-transform:uppercase; padding:1.2% 3%; width:94%; position:absolute;bottom:0; left:0; font-weight:normal;}
.blogPic h3 a{ color:#fff;}
.postIn{ font-size:14px; color:#fab778; font-weight:600; padding:5px 0 0;}
.postIn span{ color:#666;}
.postIn a{ color:#fab778;}
.postIn a:hover{ color:#333;}
.nav-single{ font-family: 'garagegothic-regularregular'; font-size:36px; line-height:36px; background:#e1e1e1; padding:10px 18px; height:auto; overflow:hidden; text-transform:uppercase;}
.nav-single a{ color:#736e6c;}
.nav-previous{ width:inherit; float:left;}
.nav-next{ width:auto; float:right;}
.comments-area{ padding:30px 20px;}
.comments-area h3{ font-family: 'garagegothic-regularregular'; font-size:36px; line-height:36px; color:#fab778; padding:0 0 12px; text-transform:uppercase;}
.comments-area label{ color:#6b704b; font-size:16px; line-height:16px;}
.comments-area input{ display:block; border:solid 1px #ccc; width:96%; padding:2%; height:20px; line-height:20px; margin:5px 0 10px;}
.comments-area textarea{ display:block; border:solid 1px #ccc; width:96%; padding:2%; height:240px; line-height:20px; margin:5px 0 10px; overflow:auto; resize:none;}
.comments-area p{ padding:0 !important;}
.excom{float: right;}
.comments-area input#submit{ font-family: 'garagegothic-regularregular'; background:#848281; width:100%; height:60px; padding:0; text-align:center; color:#fff; text-transform:uppercase; font-size:36px; line-height:36px; border:0; cursor:pointer;}
p.logged-in-as{ padding:0 0 15px !important;}
p.logged-in-as a{ color:#fab778;}
p.logged-in-as a:hover{ color:#333;}
h1.archive-title{ font-family: 'garagegothic-regularregular'; font-size:48px; line-height:48px; color:#333; padding:0 0 12px; text-transform:uppercase;}
.commentlist{ padding:18px 0; height:auto; overflow:hidden;}
.commentlist img{ width:auto; margin:0 10px 10px 0; float:left;}
.commentlist a{ color:#fab778;}
.commentlist a:hover{ color:#333;}
.comment-content{ padding:0 0 15px;}
.nav-btn{ background:url(images/nav-arrow.gif) no-repeat 0 0 #848281; display:none; width:45px; height:100%; position:absolute; left:0; top:0; z-index:100; text-indent:-1000000px;border-right:solid 1px #fff;}
.js-nav .nav-btn{border-right:0 !important; background-color:#585655 !important;}
.responsiveMap{ clear:both;}
.reponsiveAdrs{ clear:both; background:#e8e8e8; border-top:solid 1px #fff;}
.postFetpic{ width:100%; height:287px; background-size:cover; background-position:50% 50%;}
/* ------------------------ News Blog CSS End------------------------ */

/* ------------------------ Content Template CSS Start------------------------ */
.contentFull{ padding:2% 4% 2% 2%; width:100%; height:auto; overflow:hidden; border-bottom:solid 1px #ccc;}
.contentFull h1{font-family: 'garagegothic-boldregular'; font-size:48px; line-height:50px; padding:0 0 10px; text-transform:uppercase; font-weight:normal; color:#fab778; clear:both;}
.contentFull h2{font-family: 'garagegothic-regularregular'; font-size:36px; line-height:36px; padding:0 0 18px; text-transform:uppercase; font-weight:normal; color:#fab778; clear:both;}
.contentFull h3{font-family: 'garagegothic-regularregular'; font-size:24px; line-height:24px; padding:0 0 12px; text-transform:uppercase; font-weight:normal; color:#666; clear:both;}
.pullquote{font-family: 'Open Sans', sans-serif; font-size:30px; line-height:36px; padding:2%; width:30%; margin:0 -4% 0 3%; float:right;  font-weight:600; font-style:italic; background:#fab778; color:#fff;}
.contentFull p{padding:0 0 30px;}
.contentFull p a{color:#fab778;}
.contentFull img{ float:left; width:auto; display:inline-block; margin:0 15px 15px 0;}
.contentFull ul, .singlePan ul{ padding:0 0 24px; clear:both;}
.contentFull ul li, .singlePan ul li{ background:url(images/bullet.gif) no-repeat 0 7px; padding:0 0 10px 20px;}
.contRightblock{ width:40%; float:right; background:#f5f5f5;}
.contentLeftblock{ width:56%; padding:2%; float:left;}
.single-explore .singleEqheight{ border-bottom:1px solid #e8e8e8;}
.single-explore .singlePan{ border:none;}
.clear-both {clear:both;}
.clear-left {clear:left;}
.clear-right {clear:right;}
.inset-image-left {max-width:200px!important; margin-right:20px!important;margin-top:0px!important;}
.inset-image-right {max-width:200px!important; margin-left:20px!important;margin-top:0px!important;}
.pad-right {padding-right: 20px;}
.pad-left {padding-left: 20px}
/* ------------------------ Content Template CSS End------------------------ */
.greyBoxpanel{ background:#e8e8e8; padding:30px;}
.routeTxt{ padding:0 0 30px;}
.routeTxt h4{font-family: 'garagegothic-regularregular'; font-size:30px; line-height:30px; color:#333; padding:0 0 2px; text-transform:uppercase; font-weight:normal;}
.routeTxt ol{padding:18px 0 24px;}
.routeTxt ol li{ line-height:18px; list-style:decimal; list-style-position:inside; padding:0 0 4px;}
.photoGallery{ padding:0 0 18px;}
.photoGallery h4{ font-family: 'garagegothic-regularregular'; font-size:48px; line-height:50px; color:#fab778; padding:0 0 14px; text-transform:uppercase;}
.singleexploreextraclass h4{font-family: 'garagegothic-regularregular'; font-size:30px; line-height:30px; color:#333; padding:0 0 8px; text-transform:uppercase; font-weight:normal;}
.photoGallery a.upBtn, .photoGallery a.downBtn{ clear:both; display:block; height:60px; font-family: 'garagegothic-regularregular'; font-size:30px; line-height:60px; text-align:center; background:#ccc; color:#333; text-transform:uppercase;}
.photoGallery a.upBtn span{height:60px; background:url(images/uparrow.png) no-repeat 100% 50%; padding:0 36px 0 0;}
.photoGallery a.downBtn span{height:60px; background:url(images/downarrow.png) no-repeat 100% 50%; padding:0 36px 0 0;}
.allexploregallary{ position:relative; width:100%; height:400px;}
.photoGallery .explore_gallery{ height:400px; overflow:hidden;}
.photoGallery .explore_gallery_img{ width:50%; height:200px; float:left;}
.photoGallery .explore_gallery_img a{ width:100%; height:200px; display:block; background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.ajax-overlay{background:url(images/AjaxLoader.gif) no-repeat 50% 50% #000; position:absolute; width:382px; height:400px; opacity:0.8; filter: alpha(opacity=80);}
.uploadPhotopan{ clear:both;}
input:::-webkit-input-placeholder {color: #333;}
input::-moz-placeholder {color: #333;}
input:::-moz-placeholder {color: #333;  }
input::-ms-input-placeholder {color: #333;}
textarea:::-webkit-input-placeholder {color: #333;}
textarea::-moz-placeholder {color: #333;}
textarea:::-moz-placeholder {color: #333;  }
textarea::-ms-input-placeholder {color: #333;}
.checkBox{ clear:both; padding:0 0 10px;}
.checkBox label {display: inline-block;cursor: pointer;position: relative;padding-left: 60px;margin-bottom: 10px;font-size: 18px;line-height:25px;}
.checkBox input[type=checkbox] {display: none;}
.checkBox label:before {content: "";display: inline-block;width: 46px;height: 46px;margin-right: 10px;position: absolute;left: 0;top: 6px;background-color: #fff;}
.checkBox input[type=checkbox]:checked + label:before {content: "";color: #999;background:url(images/tick.png) no-repeat 50% 50% #fff;}
.uploadPhotopan h4{font-family: 'garagegothic-regularregular'; font-size:30px; line-height:30px; color:#333; padding:0 0 8px; text-transform:uppercase; font-weight:normal;}
.uploadPhotopan input.inTxt{ font-family: 'Open Sans', sans-serif; width:90%; padding:12px; background:#fff; color:#999; font-size:18px; line-height:18px; height:18px; margin:0 0 14px; border:0; display:block;}
.uploadPhotopan textarea{ font-family: 'Open Sans', sans-serif; width:90%; padding:12px; background:#fff; color:#999; font-size:18px; line-height:24px; margin:0 0 14px; border:0; height:120px; resize:none; overflow:auto;}
.uploadFile{ position:relative; display:inline-block; width:90%; font-family: 'Open Sans', sans-serif; color: #999;  padding:12px; font-size:18px; line-height:18px; cursor:pointer; }
.uploadFile input[type=file]{outline:none;position: relative; text-align: left; -moz-opacity:0 ;filter:alpha(opacity: 0);opacity: 0; z-index: 2; width:100%; height:45px; cursor:pointer;}
.uploadFile .fake-file{background:url(images/upload-file.gif) no-repeat 0 0;position: absolute;top: 0px;left: 0px;width: 350px;padding: 0;margin: 0;z-index: 1;line-height: 100%;}
.uploadFile .fake-file input{font-family: 'Open Sans', sans-serif;background:none;font-size:14px;color:#333;border:0;height:45px;width: 90%;text-align:left;padding:0 0 0 160px;}
.uploadPhotopan input.sendBtn{font-family:'garagegothic-regularregular'; background:#848281; text-align:center; width:136px !important; height:60px; line-height:60px; padding:0; font-size:36px; color:#fff; text-transform:uppercase; cursor:pointer; border:0;}
/* ------------------------ Hours Template CSS Start------------------------ */
.hourContent{ background:#e8e8e8; height:auto; overflow:hidden;}
.hourContent .hoursBlock{ padding:0;}
.hourContent .hoursBlock ul{ padding:0;}
.hourContent ul.normalHr li strong{ width:16%; padding:10px 2%; font-size:15px;}
.hourContent ul.normalHr li span{ width:10%; padding:10px 1.4% 10px 0; text-align:left; font-size:15px;}
.hourSelect{ padding:2%; overflow:hidden;}
.responsiveHr, .selRes{ display:none !important;}
.selectFlt{ width:200px; margin:0 20px 20px 0; position:relative; float:left;}
.hourSelect h4{ padding:0 0 5px; font-size:16px; color:#333;}
.selectMobile{ display:none;}
.select select {font-family: 'garagegothic-regularregular'; font-size:28px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height:45px; border:0; width:100%; color:#fab778; text-indent: 4px; background:#fff;}
.select option{font-size:18px; line-height:20px; padding:4px 10px 0;}
.select:before{content:''; pointer-events:none; height:45px; width:45px; position:absolute; right:0px; background:url(images/arrow-down-yellow.gif) no-repeat 0 0; z-index:50;}
.hrsLeft{width:59% !important; float:left !important;}
.hrsLeft .picBlock{ height:314px !important; overflow:hidden;}
.hrsRight{width:40% !important; float:right !important;}
.contRightblock .picBlock{ height:314px;}
/* ------------------------ Hours Template CSS End------------------------ */

/* ------------------------ Contact Page CSS Start------------------------ */
.wpcf7 label{display:block; color:#333; padding:0 0 8px;}
.wpcf7 input{font-family: 'Open Sans', sans-serif; width:40%; padding:1.6%; height:14px; line-height:14px; border:solid 1px #848281;}
.MessageRedirection select {font-family: 'Open Sans', sans-serif; width:43.5%; font-size:16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height:45px; border:solid 1px #848281; color:#333; text-indent: 4px;}
.MessageRedirection option{font-size:16px; line-height:20px; padding:4px 10px 0;}
.MessageRedirection:before{content:''; pointer-events:none; height:43px; top:-10px; right:1px; width:45px; position:absolute; background:url(images/arrow-down-grey.gif) no-repeat 0 0; z-index:50;}
.wpcf7 textarea{font-family: 'Open Sans', sans-serif; width:40%; padding:1.6%; height:200px; overflow:auto; line-height:14px;border:solid 1px #848281; resize:none;}
input.wpcf7-submit{font-family: 'garagegothic-regularregular'; background:#848281; text-align:center; width:136px !important;
height:60px; line-height:60px; padding:0; font-size:36px; color:#fff; text-transform:uppercase; cursor:pointer;}
.contentFull p span{ color:#fab778;}
/* ------------------------ Contact Page CSS End------------------------ */

/* ------------------------ Event Page CSS Start------------------------ */
.evo_page_body {float: left !important; max-width: inherit !important; width:82% !important;}
#evcal_list .eventon_list_event .event_description ul{ font-size:13px; color:#656565;}
.eventon_full_description img{ float:left; margin:0 20px 0 0;}
/* ------------------------ Event Page CSS End------------------------ */

/* ------------------------ Members Template CSS Start------------------------ */
.memberContent h1{font-family: 'garagegothic-boldregular'; font-size:48px; line-height:50px; padding:0 0 4px; text-transform:uppercase; font-weight:normal; color:#fab778;}
.memberContent h2{font-family: 'garagegothic-regularregular'; font-size:48px; line-height:48px; padding:0 0 18px; text-transform:uppercase; font-weight:normal; color:#fab778;}
.memberContent h3{font-family: 'garagegothic-regularregular'; font-size:36px; line-height:36px; padding:0 0 18px; text-transform:uppercase; font-weight:normal; color:#fab778;}
.memberContent p{padding:0 0 27px;}
.memberContent p a{color:#fab778;}
.memberContent ul, .singlePan ul{ padding:0 0 10px;}
.memberContent ul li, .singlePan ul li{ background:url(images/bullet.gif) no-repeat 0 7px; padding:0 0 10px 20px;}
.memberForm{ padding:24px;}
.memberForm a{color:#666;}
.memberForm a:hover{color:#000;}
.updated {background-color: green; color: white; padding: 20px 20px 0;}
.error_login{ padding:0 0 18px; color:#F00;}
.memberContent label {color: #333; display: block; padding: 0 0 8px;}
.memberContent input {border: 1px solid #848281;font-family: "Open Sans",sans-serif;height: 16px; line-height: 16px; padding: 1.6% !important; width: 80% !important; margin-bottom:1px!important;}
.memberContent textarea {border: 1px solid #848281;font-family: "Open Sans",sans-serif; height: 80px; overflow:auto; line-height: 16px; padding: 1.6% !important; width: 80% !important; resize:none;}
.memberContent input[type=submit] {background: none repeat scroll 0 0 #848281;color: #fff;cursor: pointer;font-family: "garagegothic-regularregular";font-size: 36px;height: 60px;line-height: 60px; padding: 0 !important; text-align: center;text-transform: uppercase;width: 220px !important;}
.memberRightblock{ width:38%; float:right; background:#f5f5f5;}
.memberRightblock h3{ background:#b1b0af; font-family: 'garagegothic-regularregular'; font-weight:normal; text-transform:uppercase; font-size:48px; line-height:48px; color:#fff; padding:12px 0 8px 24px;}
.memberRightblock h4{ font-family: 'garagegothic-regularregular'; font-weight:normal; text-transform:uppercase; font-size:48px; line-height:48px; color:#fab778; padding:12px 0 8px 24px;}
.memberForm label{ display:block; font-size:16px; line-height:18px; color:#666;}
.memberForm input{ display:block; border:solid 1px #848281; color:000; background:#fff; width:90%; padding:3%; height:17px; line-height:17px; margin:4px 0 18px; font-family: 'Open Sans', sans-serif; font-size:14px;}
.memberForm input.submit_error{ border:solid 3px #FF0000 !important;}
#login-error{ padding:0 0 18px; color:#F00;}
.memberForm input[type=submit]{ display:block; border:0; color:#fff; background:#848281; width:136px; padding:0; height:60px; line-height:60px; margin:12px 0 0; font-family: 'garagegothic-regularregular'; font-weight:normal; text-transform:uppercase; font-size:36px; cursor:pointer; margin:0 0 15px;}
.memberLoop{padding:0 0 16px; height:auto; overflow:hidden;}
.memberLoop p{ font-size:16px; line-height:20px; padding:0; clear:both; color:#333;}
.memberLoop p strong{ width:145px; display:block; float:left; font-weight:normal;}
.memberLoop p span{ width:auto; float:left;}
.memberMenu{ padding:24px;}
.memberMenu ul li{ font-family: 'garagegothic-regularregular'; font-weight:normal; font-size:30px; line-height:30px; padding:0 0 12px; text-transform:uppercase;}
.memberMenu ul li a{ color:#666;}
.memberMenu ul li a:hover, .memberMenu ul li.current-menu-item a{ color:#000;}
.newsltrList{ padding:10px 24px 24px 24px;}
.newsltrList ul li{ font-weight:normal; font-size:16px; line-height:20px; padding:0 0 10px;}
.newsltrList ul li a{ color:#6b704b;}
.newsltrList ul li a:hover, .newsltrList ul li.current-menu-item a{ color:#000;}
.acf-checkbox-list li{ background:none !important; padding:0 0 10px 2px !important;}
.acf-checkbox-list li label{ padding:0 !important;}
.acf-button{ color:#fff !important;}
.repeater ul li{ background:none !important; padding:0 !important;}
.acf-image-uploader input.button{ height:auto !important; float:left;}
.repeater > table{ width:100%;}
table.acf-input-table > thead{border-bottom:1px solid #e1e1e1;}
.repeater > table.acf-input-table > tbody > tr > td.field{ vertical-align:middle;}
.searchContent label {color: #333; display: block; padding: 0 0 8px;}
.searchContent input {border: 1px solid #848281;font-family: "Open Sans",sans-serif;height: 16px; line-height: 16px; padding: 1.6% !important; width: 40% !important;}
.searchContent input[type=submit] {background: none repeat scroll 0 0 #848281;color: #fff;cursor: pointer;font-family: "garagegothic-regularregular";font-size: 36px;height: 60px;line-height: 60px; padding: 0 !important; text-align: center;text-transform: uppercase;width: 220px !important; margin:14px 0 18px; display:block;}
.fullwidthright{
	position:relative;
	}
/*	left panel berry marketer section	*/
.lftBrMrkt{background:#fab778;padding:25px 0 0;text-align:center;text-transform:uppercase;}
.lftBrMrkt h3{font-family:'garagegothic-regularregular';font-size:38px;line-height:40px;padding:0 0 20px;font-weight:400;color:#fff}
.lftBrMrkt span{font-family:'garagegothic-regularregular';font-size:30px;line-height:32px;padding:0 0 5px;font-weight:400;color:#fff;display:block}
.lftBrMrkt .brmk-lrnmore{font-family:'garagegothic-regularregular';font-size:30px;line-height:60px;height:60px;margin:32px 0 0;font-weight:400;color:#fff;display:block;background-color:#cba276}

/* ------------------------ Members Template CSS End------------------------ */
.categorychecklist-holder { height:200px !important; }

/* ------------------------ New Home page Css ------------------------ */
.leftPan.uphmlft{border-right:0}
.contLeft.updathm{width:60%;background: #f5f5f5;}
.topcategoryRow:after,.topcategoryRow:before{content:'';display:block;clear:both}
.dspTbl{display:table}
.topcategoryRow a.greyBtn{width:auto;display:inline-block;margin:0}
.topcategoryRow .widsixpc:after,.topcategoryRow .widfourpc:after{content:'';display:block;clear:both}
.topcategoryRow .widsixpc{width:60%;display:table-cell;vertical-align:top}
.topcategoryRow .widfourpc{width:40%;display:table-cell;vertical-align:top}
.topcategoryRow .graybg{background:#F2F2F2}
.topcategoryRow .categrCnt div{padding:18px 25px}
.topcategoryRow .topEqualhght h1{font-family:'garagegothic-regularregular';font-size:94px;line-height:94px;padding:0 0 18px;text-transform:uppercase;font-weight:400;color:#fab778}
.topcategoryRow h2{font-family:'garagegothic-regularregular';font-size:50px;line-height:52px;padding:0 0 10px;text-transform:uppercase;font-weight:400;color:#fab778}
.topcategoryRow p{margin-bottom:20px}
.featurEx{font-size:48px;position:absolute;left:0;bottom:0;background-color:rgba(126,123,123,0.5);height:60px;line-height:60px;padding-left:22px;text-transform:uppercase;color:#FAFAF7;width:100%;font-family:'garagegothic-regularregular'}
.categrCnt .learnmr{font-family:'garagegothic-regularregular';font-size:30px;line-height:32px;color:#fab778;text-transform:uppercase;font-weight:400;position:absolute;left:25px;bottom:20px;display:inline-block}
.categrCnt .learnmr .fa{font-size:22px;padding-top:3px;padding-left:3px;vertical-align:top}
.topcategoryRow figure img{display:block;width:100%}
.topcategoryRow h3{font-family:'garagegothic-regularregular';font-size:30px;line-height:32px;color:#666;padding:0 0 18px;text-transform:uppercase;font-weight:400}
.topcategoryRow figure{height:315px;position:relative}
.topcategoryRow figure img{height:100%;object-fit:cover;object-position:50% 50%}
.topcategoryRow.innr figure{float:left;width:60%}
.topcategoryRow .categrCnt{position:relative}
.topcategoryRow.innr .categrCnt{float:left;width:40%}
.topcategoryRow.innr .widfourpc figure{width:50%}
.topcategoryRow.innr .widfourpc .categrCnt{width:50%}
.topcategoryRow.innr .widsixpc.dfwdfst figure{width:66.5%}
.topcategoryRow.innr .widsixpc.dfwdfst .categrCnt{width:33.5%}
.topcategoryRow.innr .widsixpc.dfwdsnd figure{width:33.3%}
.topcategoryRow.innr .widsixpc.dfwdsnd .categrCnt{width:66.7%}
.page-template-page-templates .tabularRight{padding-top:16px}
.rgtVdobx{padding:24px}
.contLeft.updathm a.greyBtn{background:#848281 none repeat scroll 0 0;width:auto;display:inline-block;color:#fff}
.rgtVdobx a.greyBtn{width:auto;display:inline-block;color:#fff}
.rgtVdobx a.btnTopad{margin:22px 0 0}
.contRight.botmEqualhght{padding-bottom:30px;background: #fff;}
.rgtVdobx h2{font-family:'garagegothic-regularregular';font-size:48px;line-height:50px;padding:0 0 18px;text-transform:uppercase;font-weight:400;color:#fab778}
.contRight.botmEqualhght .tabularRight .tablistHome{padding:0}

.contLeft.updathm .newsPan .pic {width: 31%;}
.contLeft.updathm .newsPan .txt {width: 65%;}
.contLeft.updathm .videoPan iframe {display: block;width: 100%;}
/* responsive menu style */
.nav-btn {background: url(images/hamburger-icon.png) no-repeat center center;height: 52px;background-color: rgba(0, 0, 0, 0.5);width: 52px;}
.js-nav .nav-btn {background-color: rgba(0, 0, 0, 0.5) !important;}
/* tabularRight tablistHome */
.tabularRight .tablistHome a {font-size: 25px;padding: 10px 1%;}
.contRight.botmEqualhght .tabularRight a.btnTopad {margin: 25px 0 0 0;color: #fff;background: #848281 !important;}
.contRight.botmEqualhght .tabularRight p {font-size: 14px;padding: 0 0 20px;line-height: 22px;}
.contLeft.updathm .newsPan .txt a.greyBtn {background: #848281 !important;color: #fff;}
.rgtVdobx .videoPan h2 {padding: 0 0 14px;}
.contRight.botmEqualhght .tabularRight h3 {padding: 0 0 11px;}

.contLeft .lftBrMrkt.frRes {display: none;margin: 0 0 30px;}

.leftPan .updatePan.frRes {display: block;}
.updatePan.frRes {display: none;}
.topcategoryRow figure.nwhmtp {background-position: center center;background-size: cover;}
.topcategoryRow.dspTbl.respnvrsn {display: none;}
.social-btm {
	text-align: center;
}
.social-btm a {
	display: inline-block;
	vertical-align: top;
	margin: 0 1px;
}

/* ------------------------ Media Query Responsive CSS ------------------------ */
@media all and (max-width : 1280px) and (min-width : 1024px) {
	.bannerPan li p{ font-size:26px; line-height:28px;}
	.responsiveHr, .selRes{ display:block !important;}
	.selectMobile{ display:block;}
	.selectDesktop{ display:none;}
	.wpcf7 input{ width:60%;}
	.wpcf7 textarea{ width:60%;}
	.normalHr{ display:none !important;}
	.hoursBlock ul li{ width:100%; display:table;}
	.hoursBlock ul li strong{ width:60%; padding:5px 0 10px 3%;}
	.hoursBlock ul li span{ width:30%; padding:5px 3% 10px 0; float:right; text-align:right;}
	.hrsLeft .picTxt{ padding:24px 24px 160px 24px;}
	.hrsRight .pic{ width:100% !important; float:none;}
	.hrsRight .txt{ padding:14px 0 0 0; width:100% !important; float:none;}
	.hrsRight a.loadBtn{display:none;}
	.contentLeftblock{ display:block !important;}
	.videoPan iframe{ width:100% !important;}
	.leftPan{ width:20%;}
	.rightPan { width: 79.9%;}
	.picPan .picBlock, .picBlock{ height:219px;}	
	.picPan .picBlock h3, .picBlock h3 { font-size: 26px; line-height: 26px;}
	.srchPan input.srchBtn { background-position:left; width: 20%;}
	.footerPan{ font-size:14px;}
	.footerPan p.right{ margin-top:-3px;}
	.blog .newsPan{ display:block !important;}
	.singleHour ul li strong{ width:40%;}
	.singleHour ul li span{ width:50%;}
	.topcategoryRow p {font-size: 15px;line-height: 23px;}
	.categrCnt .learnmr {font-size: 28px;}
	.topcategoryRow .categrCnt div {padding: 18px 25px 40px;}
	/*.tabularRight .tablistHome a {min-height: 52px !important;}*/
	.tabularRight .tablistHome a {font-size: 21px;padding: 10px 0%;width: 49.5%;}
	a.greyBtn {font-size: 33px;}
	.newsBox {padding: 0 0 15px;}
	.contLeft.updathm a.greyBtn {margin: 10px 0 0 0;}
	/*	homepage update	*/
	.topcategoryRow .topEqualhght h1 {font-size: 76px;}
}

@media all and (max-width : 1023px) {
	.topcategoryRow .widsixpc,.topcategoryRow .widfourpc{display:block;width:100%}
	.categrCnt.topEqualhght{min-height:inherit!important}
	.categrCnt .learnmr{position:static}
	.topcategoryRow .topEqualhght h1{font-size:70px;line-height:74px}
	.topcategoryRow figure,.topcategoryRow figure img{height:auto}
	.contLeft.updathm.botmEqualhght{width:100%;min-height:initial!important}
	.topcategoryRow.innr .widsixpc.dfwdfst figure,.topcategoryRow.innr .widsixpc.dfwdfst .categrCnt,.topcategoryRow.innr .widfourpc figure,.topcategoryRow.innr .widfourpc .categrCnt,.topcategoryRow.innr .widsixpc.dfwdsnd figure,.topcategoryRow.innr .widsixpc.dfwdsnd .categrCnt{width:100%;float:none;min-height:inherit!important}
	.contLeft .videoPan p{padding:0}
	.contLeft.updathm a.greyBtn{margin:15px 0 5px}
	/*	update home page	*/
	.topcategoryRow figure.nwhmtp {height: 300px}
	.topcategoryRow.dspTbl.respnvrsn {display: block;}
	.topcategoryRow .widfourpc.dsktopvrsn {display: none;}
}

@media all and (max-width : 1023px) and (min-width : 768px) {
	.responsiveHr, .selRes{ display:block !important;}
	.selectMobile{ display:block;}
	.selectDesktop{ display:none;}
	.wpcf7 input{ width:80%;}
	.wpcf7 textarea{ width:80%;}
	.normalHr{ display:none !important;}
	.hoursBlock ul li{ width:100%;}
	 ul.responsiveHr li{ display:table;}
	.hoursBlock ul li strong{ width:60%; padding:5px 0 10px 3%;}
	.hoursBlock ul li span{ width:30%; padding:5px 3% 10px 0; float:right; text-align:right;}
	.hrsLeft .picTxt{ padding:24px;}
	.hrsLeft {float: none !important; width: 100% !important;}
	.hrsRight {float: none !important; width: 100% !important;}
	.hrsRight a.loadBtn{display:none;}
	.contLeft { float: none;padding: 2%; width: 96%;}
	.contRight { float: none;padding: 0 0 40px 0; width: 100%;}
	.pullquote{ font-size:30px; line-height:36px; float:none; padding:4%; width:100%; margin:0 0 15px 0; }
	.contRightblock {float: none; width: 100%;}
	.contentLeftblock{ display:block !important; float: none; width: 100%; padding-top:4%;}
	.bannerPan li p{ font-size:26px; line-height:28px;}
	.videoPan iframe{ width:100% !important;}
	.leftPan{ width:26%;}
	.rightPan { width: 73.9%;}
	.midPan { border-right:0; float: none; width: 100%;}
	.rightinnerPan { float: none; width: 100%;}
	.picPan .picBlock, .picBlock{ height:246px;}	
	.picPan .picBlock h3, .picBlock h3 { font-size: 26px; line-height: 26px;}
	.srchPan input.srchBtn { background-position:left; width: 20%;}
	.rightPostpan {padding: 0 0 40px 4%;}
	.emailPan{ padding-top:20px;}
	.ftrBox { width: 24%;}
	.footerLink .ftrBox:nth-child(4){ min-height:320px;}
	.footerPan{ font-size:14px;}
	.footerPan p.right{ margin-top:-3px;}
	.blog .newsPan{ display:block !important;}
	/*	update homepage	*/
	.topcategoryRow.innr .widsixpc.dfwdfst figure, .topcategoryRow.innr .widfourpc figure, .topcategoryRow.innr .widsixpc.dfwdsnd figure {height: 300px;}
	.topcategoryRow.innr .widsixpc.dfwdfst figure img, .topcategoryRow.innr .widfourpc figure img, .topcategoryRow.innr .widsixpc.dfwdsnd figure img {height: 100%;}

}

@media all and (max-width : 767px) and (min-width : 480px) {
	.responsiveHr, .selRes{ display:block !important;}
	.selectMobile{ display:block;}
	.selectDesktop{ display:none;}
	.wpcf7 input{ width:90%;}
	.wpcf7 textarea{ width:90%;}
	.normalHr{ display:none !important;}
	.hoursBlock ul li{ width:100%;}
	 ul.responsiveHr li{ display:table;}
	.hoursBlock ul li strong{ width:60%; padding:5px 0 10px 3%;}
	.hoursBlock ul li span{ width:30%; padding:5px 3% 10px 0; float:right; text-align:right;}
	.hrsLeft .picTxt{ padding:24px;}
	.hrsLeft {float: none !important; width: 100% !important;}
	.hrsRight {float: none !important; width: 100% !important;}
	.hrsRight a.loadBtn{display:none;}
	.contLeft { float: none;padding: 2%; width: 96%;}
	.contRight { float: none;padding: 0 0 40px 0; width: 100%;}
	.pullquote{ font-size:24px; line-height:36px; float:none; padding:4%; width:105%; margin:0 0 15px 0; }
	.contRightblock {float: none; width: 100%;}
	.contentLeftblock{ display:block !important; float: none; width: 100%; padding-top:4%; padding-bottom:120px;}
	.bannerPan li p{ font-size:26px; line-height:28px;}
	.videoPan iframe{ width:100% !important;}
	.nav-btn{display:block;}
	.leftPan{ width:100%; border:0;}
	.cbp-spmenu .leftPan{ width:100%;}
	.rightPan { /*padding: 0 0 0 45px;*/ width: 100%;padding: 0;}
	.midPan { border-right:0; float: none; width: 100%; padding-bottom:20px;}
	.rightinnerPan { float: none; width: 100%;}
	.picPan .picBlock, .picBlock{ height:196px;}	
	.picPan .picBlock h3, .picBlock h3 { font-size: 24px; line-height: 24px;}
	.midtxtPan h3, .responsivenewsPan h3{ font-size:36px; line-height:36px;}
	.newsBlock h3{ font-size:14px; line-height:18px;}
	.midtxtPan h2{ font-size:36px; line-height:36px; padding:0 0 25px 130px;}
	.termBanner{ height:180px;}
	.termBanner h2{ padding:1.5% 3%;}
	.newsPan h4, .responsivenewsPan h4{ font-size:30px; line-height:30px;}
	.srchPan input.srchBtn { background-position:left; width: 20%;}
	.blogheaderBanner h3, h1.archive-title{ font-size:36px; line-height:36px;}
	.blogPic h3{ font-size:30px; line-height:30px;}
	.blogLeftpan { float: none; padding: 3%; width: 100%;}	
	.blogRightpan { float: none; padding: 3%; width: 100%; padding:3% 3% 110px;}
	.rightPostpan{ padding:0 0 40px 14px;}
	.rightPostpan .newsPan h3{ font-size:30px; line-height:30px;}
	.responsivenewsPan{ padding:4% 4% 140px;}
	.rightPostpan .newsPan { padding: 30px 6% 100px 0;}
	.emailPan{ margin:20px 0 0 0;}
	.footerLink{ display:none;}
	.footerPan { background: #848281; border-top: 10px solid #585655; bottom: 0; left:0; font-size: 12px; padding: 10px 10px; position: fixed; width: 100%; z-index: 200;}
	.footerPan p.right{ padding-top:5px; text-align:center; float:none;}
	.footerPan p.left{ float:none; text-align:center;}
	.blog .newsPan{ display:block !important;}
}

@media all and (max-width : 479px){
	.responsiveHr, .selRes{ display:block !important;}
	.selectMobile{ display:block;}
	.selectDesktop{ display:none;}
	.wpcf7 input{ width:96%; padding:2%;}
	.wpcf7 textarea{ width:96%; padding:2%;}
	.normalHr{ display:none !important;}
	.hoursBlock ul li{ width:100%;}
	 ul.responsiveHr li{ display:table;}
	.hoursBlock ul li strong{ width:60%; padding:5px 0 10px 3%;}
	.hoursBlock ul li span{ width:30%; padding:5px 3% 10px 0; float:right; text-align:right;}
	.hrsLeft .picTxt{ padding:24px;}
	.hrsLeft {float: none !important; width: 100% !important;}
	.hrsRight {float: none !important; width: 100% !important;}
	.hrsRight .pic{ width:100% !important; float:none;}
	.hrsRight .txt{ padding:14px 0 0 0; width:100% !important; float:none;}
	.hrsRight a.loadBtn{display:none;}
	.contLeft { float: none;padding: 2%; width: 96%;}	
	.contLeft h1, .contLeft h3, .tabularRight h3 {font-size: 30px; line-height: 30px;}
	.contRight { float: none;padding: 0 0 40px 0; width: 100%;}
	.pullquote{ font-size:24px; line-height:36px; float:none; padding:4%; width:105%; margin:0 0 15px 0; }
	.contRightblock {float: none; width: 100%;}
	.contRightblock .picBlock{ width:100%; height:180px !important;}
	.contentLeftblock{ display:block !important; float: none; width: 100%; padding-top:4%; padding-bottom:120px;}
	.bannerPan li p{ font-size:26px; line-height:28px;}
	.contRight .picBlock{ width:100% !important;}
	.tabularRight .tablistHome a{ width:96%;}
	.videoPan iframe{ width:100% !important; height:146px !important;}
	.newsBox .pic, .responsivenewsPan .pic{ width:100% !important; float:none;}
	.newsBox .pic img, .responsivenewsPan .pic img{ width:100% !important; height:auto;}
	.newsBox .txt, .responsivenewsPan .txt{ width:100% !important; float:none;}
	.newsBox h4, .responsivenewsPan h4{ padding:18px 0;}
	.singleHour ul li strong{ width:20%; padding:5px 10% 10px 6%;}
	.singleHour ul li span{ width:45%;}
	.nav-btn{display:block;}
	.leftPan{ width:100%; border:0;}
	.cbp-spmenu .leftPan{ width:100%;}
	.rightPan { /*padding: 0 0 0 45px;*/ width: 100%;padding: 0;}
	.midPan { border-right:0; float: none; width: 100%; padding-bottom:20px;}
	.rightinnerPan { float: none; width: 100%;}
	.rightinnerPan .picBlock{ width:100%;}
	.tabular a{ width:47%;}
	.picPan .picBlock, .picBlock{ height:179px; width:50%;}	
	.picPan .picBlock h3, .picBlock h3 { font-size: 24px; line-height: 24px;}
	.midtxtPan h3, .responsivenewsPan h3{ font-size:30px; line-height:30px;}
	.newsBlock h3{ font-size:14px; line-height:18px;}
	.newsMid .pic{ width:100% !important; float:none;}
	.newsMid .txt {float: none ;padding: 20px 0 0; width: 100% !important;}
	.midtxtPan h2{ font-size:30px; line-height:30px; background-size:30%; padding:0 0 14px 84px;}
	.termBanner{ height:180px;}
	.termBanner h2{ padding:1.5% 3%;}
	.newsPan h4, .responsivenewsPan h4{ font-size:30px; line-height:30px;}
	.srchPan input.srchBtn { background-position:left; width: 20%;}
	.blogheaderBanner h3{ font-size:30px; line-height:30px;}
	.blogPic h3, h1.archive-title{ font-size:30px; line-height:30px;}
	.blogLeftpan { float: none; padding: 3%; width: 100%;}	
	.blogRightpan { float: none; padding: 3%; width: 100%; padding:3% 3% 110px;}
	.rightPostpan{ padding:0 0 40px 14px;}
	.rightPostpan .newsPan h3{ font-size:30px; line-height:30px;}
	.responsivenewsPan{ padding:4% 4% 140px;}
	.rightPostpan .newsPan { padding: 30px 6% 100px 0;}
	.emailPan{ margin:20px 0 0 0;}
	.footerLink{ display:none;}
	.footerPan { background: #848281; border-top: 8px solid #585655; bottom: 0; left:0; font-size: 12px; padding: 8px 4px; position: fixed; width: 100%; z-index: 200;}
	.footerPan p.right{ padding-top:5px; text-align:center; float:none;}
	.footerPan p.left{ float:none; text-align:center;}
	.blog .newsPan{ display:block !important;}
	.contLeft.updathm .newsBox {padding: 0 0 10px;}	
}
@media all and (max-width : 767px){
	.footerPan{position:relative}
	.topcategoryRow .topEqualhght h1{font-size:38px;line-height:40px;padding:0 0 10px}
	.topcategoryRow .categrCnt div{padding:15px}
	.topcategoryRow h3{padding:0 0 8px;font-size:28px}
	.featurEx{font-size:34px;height:52px;line-height:52px;padding-left:16px}
	.categrCnt .learnmr{font-size:25px}
	a.greyBtn{font-size:28px;padding:8px 16px;line-height:28px}
	.topcategoryRow h2{font-size:35px;line-height:38px}
	.contLeft.updathm a.greyBtn{margin:5px 0 25px;margin:10px 0 20px 15px}
	.contLeft.updathm.botmEqualhght{padding:0}
	.nav-btn{border-right:0}
	.rgtVdobx h2{font-size:35px;line-height:38px;padding:0 0 12px}
	.rgtVdobx a.btnTopad{font-size:27px}
	.contLeft.updathm .newsPan {padding: 15px 15px 5px;}
	.contLeft.updathm .newsPan a.greyBtn {margin: 0;}
	.contRight.botmEqualhght .tabularRight {display: none;}
	.topcategoryRow.innr figure img {height: 150px;}
	.contRight.botmEqualhght {min-height: initial !important;}	
	.contLeft .lftBrMrkt.frRes {display: block;margin: 0;}
	.leftPan .lftBrMrkt {display: none;}
	.lftBrMrkt .brmk-lrnmore {margin: 15px 0 0;}
	.updatePan.frRes {display: block;}
	.leftPan .updatePan.frRes {display: none;}
	.updatePan.frRes {background: #848281;display: block;}
	.updatePan input[type="text"], .updatePan input[type="email"] {width: 100%;height: 40px;box-sizing: border-box;padding: 5px 12px;}
	.updatePan.frRes {padding: 25px 15px;}
	.topcategoryRow.dspTbl {display: block;width: 100%;}
	.footerPan {border-top: 1px solid #585655;}
	/*	update home page	*/
	.topcategoryRow figure.nwhmtp {height: 260px}
	.vdo-title {padding: 20px 10px 5px;}
} 
@media all and (max-width : 479px){
	/*	update home page	*/
	.topcategoryRow figure.nwhmtp {height: 200px}
}