/* TONY PACKOS SITE COLORS 

Green:	006f53
Red:	B13427
Yellow:	FFD65A
Better contrast yello: #ffdb6e

*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Browser Resets
:: Main Structure
:: Sub Structure
:: Universal Classes
:: Universal Facebook Styles

*/


/* -----------------------------------------
   Define Fonts
----------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Lato:400,700,300|Work+Sans:800);
/* Old heading font: Kaushan+Script */

/*END DEFINE FONTS*/
:root{
	--yellow-300: #ffdb6e;
	--yellow-400: #FFD65A;
}
/*    --------------------------------------------------
    :: Browser Resets
    -------------------------------------------------- */
body {
  background: white;
  color: gray;
  padding: 0;
  margin: 0;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  position: relative;
  cursor: default;
}


.h1,.h2,.h3,.h4,.h5,.h6, h1, h2, h3, h4, h5, h6 { color:#b13427;  font-weight: 800; line-height: 1.25; text-align:left; text-transform: uppercase; font-family: 'Lato', Arial, Helvetica, Sans-Serif;}
.h1, .h2, h1, h2 {font-family: "Work Sans", "Lato", Arial, Helvetica, Sans-Serif; text-transform:none;}
    .h1 a, .h2 a,.h3 a, .h4 a, .h5 a, .h6 a , h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#b13427 !important; font-weight: inherit; }
    .h1, h1 { font-size: 60px; margin-bottom: 12px;}
    .h2, h2 { font-size: 40px; margin-bottom: 9px; }
	.h3, h3 { font-size: 26px; margin-bottom: 9px; }
	.h4, h4 { font-size: 18px; margin-bottom: 3px; }
	.h5, h5 { font-size: 16px; margin-bottom: 3px; }
	.h6, h6 { font-size: 14px;  }
    

/* Elements */

a { color:#006f53; font-weight:bold; line-height:inherit; text-decoration:none; }
a:hover { text-decoration:underline; color:#00503c; }
em, i { font-style: italic; line-height: inherit; }
hr {border: 0; border-bottom: 1px solid #ded9c6; clear: both; height: 0; display:block; margin:10px 0; *margin:3px 0;}
img { border:0; }
li { line-height: 24px; }
p { line-height: 2.1; color:#575757; /*margin: 0 0 21px;*/ }
p a, p a:visited { line-height: inherit; }  
ul, ol { color:#575757; /*#808080;*/ line-height: 2.4; margin: 0 0 24px; }
small { font-size: 60%; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
ul, ol { list-style:disc; } 


/* Forms */

form {color:inherit; font-family:inherit; margin:0;}

input:not(.pay_expr_chkout), select, textarea { color:inherit; margin:2px 0; font-family:inherit; font-size:1.4em; height:28px; vertical-align:middle;}

input[type=text], textarea { background:#fff; border:1px solid #ded9c6; font-family:'Lato', Arial, Helvetica, sans-serif; font-size:14px; /*font-style:italic;*/ line-height:auto; padding:5px 10px; }

textarea { height:150px; }
    
/* Tables */
    
table {  border-collapse: collapse; border-spacing: 0; width:100%; }

caption, th, td {font-weight: normal;}
	
@media only screen and (max-width: 100%) and (min-width: 768px) {
    table tbody tr td {padding:2% 0;}
    table tr td input {padding:2% 0;}
/* remember to define focus styles! */


/* Print styles - Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
.print-only { display: none !important; }
@media print {
    	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
    	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
    	p a, p a:visited { color: #444 !important; text-decoration: underline; }
    	p a[href]:after { content: " (" attr(href) ")"; }
    	abbr[title]:after { content: " (" attr(title) ")"; }
    	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
    	tr, img { page-break-inside: avoid; }
    	@page { margin: 0.5cm; }
    	p, h2, h3 { orphans: 3; widows: 3; }
    	h2, h3{ page-break-after: avoid; }
    	.hide-on-print { display: none !important; }
    	.print-only { display: block !important; }
    }
}


/* Address margin not present in IE 8/9 and Safari 5. */

figure {
    margin: 0;
}

/* Correct `block` display not defined in IE 8/9. */

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

/* Address styling not present in IE 8/9.*/

[hidden] {
    display: none;
}

/* Correct overflow displayed oddly in IE 9. */

svg:not(:root) {
    overflow: hidden;
}

/* HElpers */
.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

/* -----------------------------------------
   Define Main Structure
----------------------------------------- */
html { font-size: 100%; }
body { background:#c7c5bf;}

.row {background:#f5f3ec; border-right:1px solid #9f9881; border-left:1px solid #9f9881;}
.row .row {background:none; border:none;}

::selection {background:#ffebae;}
::-moz-selection  {background:#ffebae;}

/* Top Navigation */

.top-bar {background:url(../images/main/bg_topbar.png) repeat; height:100px; padding:0; width:100%; position:relative; z-index:100;}
.main-nav .top-bar.row, .main-nav .alert.bar {max-width:1200px;}

.top-bar ul {height:100px;}
.top-bar ul li {height:100%;}
.top-bar ul li a {height:100%; line-height:5;}

.tony-packo-logo a { line-height:0 !important; padding:0 !important; font-size:12px !important; text-transform:none !important;}
.tony-packo-logo:hover {background:none !important; border:none !important;}


#logo-large {position:absolute; top:18px; left: 20px; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;}
#logo-small {display:none; position:absolute; top:-90px; left:15px;  transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;}
.main-nav.fixed #logo-small {display:block;  transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; top:10px;}
.main-nav.fixed #logo-large {display:none; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;}

.main-nav .sticky-loyalty {z-index: 3 ; position: relative; max-width: 90%; width: 1200px; margin: auto;}
.main-nav .sticky-loyalty .button {font-size: 16px; border-radius: 0; display: inline-block; width: auto; position: absolute; right: 35px; color: #B13427; background-color: #ffdb6e; /*better contrast yellow*/ }
.main-nav .sticky-loyalty .sticky-button2 {right: 252px; background: #006f53; color: white;}
.main-nav .sticky-loyalty .sticky-button2:hover {background: #004836}

.top-nav { background:#ded9c6; font-size:14px; height:35px; line-height:0; margin-left:20px; padding:5px 0; text-shadow: 0 1px #fff; }
.top-nav a { color:#716c61; font-family: 'Lato', arial, helvetica, sans-serif; font-weight:normal; }

.top-nav ul { list-style:none; margin:0; padding:0; }
.top-nav li {float: left; padding:0; margin:0; zoom:1; }
.top-nav li a { padding:0 20px; }
.sticky.main-nav {z-index: 100;}

@media only screen and (max-width: 410px) {
  .top-bar .title-area, .top-bar .mobile {width: 50%;}

  .top-bar .title-area li.tony-packo-logo, 
  .top-bar .title-area li.tony-packo-logo a, 
  .top-bar .title-area li.tony-packo-logo a #logo-large {max-width: 100%;}

  .top-bar .title-area #logo-large {height: auto; left: -10px; margin-top: 8px;}
  .top-bar ul.mobile > li {margin: 13px 5%;}

  .top-bar ul.mobile #mobile-phone, 
  .top-bar ul.mobile #mobile-menu {background-position: 50%;}

  .top-bar ul.mobile > li {width: 40%;}
}



/* End Top Navigation */


.my-cart { background:url(../images/june2013/icons_cart.png) no-repeat #d3a957; background-position:5px 10px; border-left: 1px solid #fff; font-family: 'Lato', arial, helvetica, sans-serif; font-size:14px; height:35px; line-height:0; margin-right:20px; padding:18px 0 0 15px; text-align:center; text-shadow: 0 1px #a18142; vertical-align:middle; }

.my-cart:hover { background:url(../images/june2013/icons_cart.png) no-repeat #e1bf7c; background-position:5px 10px; }


/* Main Navigation */

.main-nav {
	font-family: 'Lato', arial, helvetica, sans-serif; font-size: 16px; font-weight:normal; 
	line-height:0; 
	margin:0; 
	position:relative; 
	/*margin-top:72px; commented out for alert bar */
	margin-top:23px;
	transition:height 1s ease-out;
	-webkit-transition:height 1s ease-out;
}

.main-nav .row { border:none; max-width:1100px;}


/* With TopBar JS Fixed Sticky Class after Scroll */
.main-nav.fixed {
	margin-top:0;
}
.main-nav.fixed .top-bar {height:60px;}
.main-nav.fixed .top-bar ul {height:60px;}
.main-nav.fixed .top-bar ul li a {line-height:2.5;}


.main-nav a { color:#fff; font-weight:normal; }

.main-nav ul { list-style:none; line-height:24px; margin:0; padding:0; }

.main-nav li { /*display: inline-block; *display:inline;*/ float: left; height:40px; padding:0; margin:0; zoom:1;  transition:background 400ms ease-out; -webkit-transition:background 400ms ease-out;}
.main-nav li:last-child { border:0; }
.main-nav li:hover {background:#8e2115; }

.main-nav li a { display:inline-block; padding:10px 20px 6px; text-align:center; text-transform: uppercase; }
.main-nav li a:hover {text-decoration:none;}
.main-nav li a.last { padding:10px 17px 6px 17px; }

.main-nav li ul { background:#f1efe6; padding:20px; position:absolute; top:40px; left:0; visibility:hidden; width:490px; z-index:1000; }
.main-nav li:hover ul {visibility:visible;}
.main-nav li li ul { background:none; margin-bottom:15px; padding:0; position:relative; top:0; left:0; width:100%; }

.main-nav h4 { margin:0; font-size:15px; text-align:left; }

.main-nav li li { border:0; float:none; height:auto; }
.main-nav li li:hover { border:0; background:none; }
.main-nav li li a { color:#333333; display:inline; margin-bottom:5px; padding:0; text-transform:none; }
.main-nav li li a:hover { background:none; border-bottom: 1px solid #ffd65a;  text-decoration:none; }

.sub-nav-left { float:left; width:235px; }
.sub-nav-right { border-left: 1px solid #ded6bb; float:left; padding-left:20px; width:215px; }

.main-nav li li .view-all { background:url(../images/june2013/bg_view_all.png) no-repeat center right; color:#000066; display:block; font-weight:bold; text-align:left; text-transform:uppercase; width:85px; }
.main-nav li li .view-all:hover { background:url(../images/june2013/bg_view_all.png) no-repeat center right; color:#c69b47; border:0; }

.main-nav .nav-image { margin-top:10px; }
.main-nav .nav-image img { display:block; margin:0; padding:0; }

/* Mobile Nav */
ul.mobile {height:100%;}
ul.mobile ul {left: -99999px; background:#b13427; border-bottom:5px solid #ffd65a;}
ul.mobile li ul {visibility:visible; /* this fixes the main-nav dropdown hovers from above */}
ul.mobile > li {margin:13px 10px; border-radius:10px; -webkit-border-radius:10px; background:#8e2115; line-height:0 !important; width:64px; height:64px;}
ul.mobile li a {background:#8e2115; color:#fff; text-transform:uppercase; font-size:16px; margin:0; transition:color 400ms ease-out, border 400ms ease-out; -webkit-transition:color 400ms ease-out, border 400ms ease-out;}

#mobile-menu {width:100%; height:100%; padding:15px; display:block; background:url(../images/mobile/icon_menu.png) no-repeat 15px 15px; text-indent:-242929px; border:none;}
#mobile-search {width:100%; height:100%; padding:15px;display:block; background:url(../images/mobile/icon_search.png) no-repeat 15px 15px;text-indent:-242929px;  border:none;}
#mobile-phone {width:100%; height:100%; padding:15px;display:block; background:url(../images/mobile/icon_phone.png) no-repeat 15px 15px;text-indent:-242929px; border:none}

ul.mobile li a:hover {background:#8e2115; color:#ffd65a;}
ul.mobile li:hover {background:#8e2115; border:none;}

ul.mobile li ul li {margin:0; color:#fff;}
ul.mobile li ul a {display:block; padding:14px 0; border-bottom: 1px solid #b13427; border-radius:0; -webkit-border-radius:0; line-height:1 !important; text-align:left; text-indent:15px; font-size:16px; }

.mobile-active {border-radius: 10px 10px 0 0 !important; -webkit-border-radius:10px 10px 0 0 !important; height: 77px !important;}
#drop1.f-dropdown.open {top:90px !important; width:100% !important; left:0 !important; height:auto; padding:0 25px !important;}
#drop2.f-dropdown.open {top:90px !important; width:100% !important; left:0 !important; height:auto; padding:0 25px !important;}



#fixed-button {background:#006f53; border:1px solid #074e3c; position:fixed; width:120px; right:-42px; top:235px; color:#fff; transform:rotate(90deg); -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); text-align:center; text-transform:uppercase; z-index:1001;}
#fixed-button a {
	color:#fff; 
	text-decoration:none; 
	display:block; 
	padding:20px 10px 16px; 
	transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s;
}
#fixed-button a:hover {
	background:#004836;
	transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s;
}

#fixed-cart {background:#ffd65a; border:1px solid #978a62; position:fixed; top: 145px; right:-2px; text-align:center; z-index:1001;}
#fixed-cart a {
	display:block; 
	width:100%; 
	height:100%; 
	padding:10px;
	transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s;
}
#fixed-cart a:hover {
	background:#ffc927; 
	transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s;
}

#fixed-donation {
	background: none repeat scroll 0 0 #b13427;
	border: 1px solid #5d1206;
	color: #fff;
	position: fixed;
	right: -80px;
	text-align: center;
	text-transform: uppercase;
	top: 404px;
	transform: rotate(90deg);
	width: 196px;
	z-index: 1001;
}
#fixed-donation a {
	color:#fff; 
	text-decoration:none; 
	display:block; 
	padding:20px 10px 16px; 
	transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s;
}
#fixed-donation a:hover {
	background:#8a1b09;
	transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s;
}

#fixed-single-promo {
	background: none repeat scroll 0 0 #ffd65a;
    border: 1px solid #978a62;
    color: #fff;
    position: fixed;
    right: -80px;
    text-align: center;
    text-transform: uppercase;
    top: 612px;
    transform: rotate(90deg);
    width: 196px;
    z-index: 1001;
}
#fixed-single-promo a {
	color: #000;
    text-decoration: none;
    display: block;
    padding: 20px 10px 16px;
    transition: background 0.45s ease 0s;
    -webkit-transition: background 0.45s ease 0s;
}
#fixed-single-promo a:hover {
	background: #ffc927;
    transition: background 0.45s ease 0s;
    -webkit-transition: background 0.45s ease 0s;
}



/* Homepage Content */
.section {padding:0 25px;}

.yellow-box.row {}

.yellow-box .box {z-index:98; position:relative; background:#fff; border-top:20px solid #ffd65a; border-bottom: 10px solid #e1dccd; min-height:300px; padding-top:15px; margin-bottom:25px; margin-left:-1px; float:left !important; /* Margin-left & float left Fixes a 1px spacing issue in Chrome that ocassionally appears when resizing browser */; margin-top:-175px;}
.yellow-box .box.box1 {border-bottom:0;}
.yellow-box .box.box2 {margin-top:-25px; border-top:0; margin-bottom:-95px;}
.yellow-box .box h3 {font-size:22px; line-height:1.1;}
.yellow-box .box h3 img {float:left; margin:0 5px 0 0; height:auto; width:auto;}
.yellow-box .box .callout-box-text-link {text-align: center; font-size: 0.85em; width: 100%; position: absolute; display: block; bottom: 0; left: 0;}
@media only screen and (max-width: 767px) {
	.yellow-box .box .callout-box-button-with-text-link {margin-bottom: 3em;}
	.yellow-box .box .callout-box-text-link {bottom: 2.5%;}
}

.yellow-box .box img {width:75%; display:block; margin:0 auto -50px;}
.yellow-box .button {display:block; width:90%; margin:0 auto 1.25em; padding:13px;}

.special {background:#b2ba9b; border-top:1px solid #9f9881; border-bottom:1px solid #9f9881; padding-top:50px; padding-bottom:175px;}
.special p {color:#fff;}

.yellow-box.hours {margin-bottom:50px;}
.yellow-box.hours .box {margin-top:-150px;}

.yellow-box .section-container {margin:25px 0;}

.yellow-box .section-container section {padding-top:0 !important; margin-left:10% !important;}
.yellow-box .section-container .title {width:14em !important;  font-size:18px !important; background:none !important; padding-left:20px;}
.yellow-box .section-container section.active .title a {background:#e1dccd;}
.yellow-box .section-container p {line-height: 1.2; font-weight:300;}
.yellow-box .section-container a {color:#b13427 !important; font-weight:normal;}
.yellow-box .section-container .title a:hover {background: #F1ECDD !important; text-decoration:none;}
.yellow-box .section-container section.active .title a:hover {background: #e1dccd !important;}
.yellow-box .section-container .content {padding:10px !important;}


/* Sub pages */
.header-image {margin-top:-172px; overflow:hidden;}
.header-image img {min-width:900px;}

.main-content ul {
	padding-left:45px;
}

.menu ul {
    padding-left: 0px;
}

/*********** Menu Page ***********/
.menu.page .grey-section {
    background: #ece9e2;
    padding: 15px;
    margin-top: 40px;
    border: 1px solid #d6d3cc
}
.menu.page .veg-gf-option {max-height: 18px; margin-top: -4px;}
.menu strong {
	background:#ffdb6e;/* < better contrast | > old#FFD65A; */
	padding:2px 10px; 
	float:right;
	font-size:16px;
	line-height:1.3;
}
.menu.page .multi-pricetag-right {float: right; text-align: right;}
.menu strong.main-price {color:#B13427; background:#ffdb6e;}
.menu p strong {background:#E1DCCD; color:#555;}
.menu.page p.less-margin {
    margin-bottom: 7px;
}
.menu.page .indent {
    margin-left: 15px;
}
@media only screen and (max-width: 767px) {
	.menu.page h4 {font-size: 16.5px}
	.menu strong {float: none; display: block; width: 64px; margin-top: 4px;}
	.menu strong.main-price {width: 100%; margin-bottom: 7px;}
	strong + br {display: none;}

}
/*********** Menu Page End ***********/

.main-content ul, .product.page ul {margin-left:20px; font-size:18px;}
.main-content ul li, .product.page ul li {line-height:1.6;}

/* Contact Us */
.form.page .note strong {color:#B13427;}
.form.page .note label {
	color: #B13427;
    font-weight: bold;
    font-size: 1rem;
    line-height: inherit;
}
.form.page p {line-height:1.3;}

#recipients {font-size:1em; height:auto;}

#imgverify { /* img verify input */
	width:30%;
}
/* Rate your Visit Form */
.row.radio .large-1.columns {
	width:10%;
}

.row.radio input[type="radio"] {
	margin-bottom:0;
}

iframe.survey {border:none; scroll:none;}

/* Sidebar */
.sidebar {padding-top:25px; padding-bottom:25px;}
.sidebar .box {background:#fff; border-top:20px solid #ffd65a; border-bottom: 10px solid #e1dccd; padding:10px;}
.sidebar h3 {text-transform:none;}
.instagram iframe {max-width:100%;}
.instagram iframe #header {display:none !important;}

/*.instagram .iframe {overflow:hidden;}
.instagram .iframe iframe {margin-top:-90px;}*/




/* Location Page & Maps */
/* Old Styles Start */
.location.page .row .large-4 {padding-top:25px;}
.location.page .row.header {padding:0;}
.location.page p {line-height:1.1;}
.location.page .title {color:#B13427; text-transform: none;}
.location.page .title a {text-decoration: underline;}
.location.page .title a:hover {color: #006f53 !important;}
.location.page .location-item .title a, .location.page .office-location-item .title {color: #006f53 !important;}
/* Old Styles End */

.row.header .columns {padding:0;}
.location.page .locations.header {border-top: 3px solid #006f53; border-bottom: 3px solid #006f53;}
.location.page .locations.header .locations-callout {background: #fff; border-left: 3px solid #006f53; padding: 33px 36px 0px 36px; min-height: 529px;}
.location.page .locations.header .locations-callout .location-callout-title {margin-top: 0px; margin-bottom: 15px;}
.location.page .locations.header .locations-callout img {margin-bottom: 15px; width: 100%;}
.location.page .locations.header .locations-callout a.button {max-width: 100%; margin: 0px;}

.location.page .google-map {position: relative; min-height: 529px;}
.location.page .google-map h2 {background: #006f53; color: #fff; margin: 0px; padding: 15px 35px; text-align: center; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 5;}
.location.page .google-map iframe {width:100%; height: 100%;}
.location.page .google-map .iframe-container {position: absolute; top: 30px; right: 0px; left: 0px; bottom: 0px;}

.location.page .location-title {margin-top: 50px;}

.location.page .row.padding {margin-bottom: 30px;}

.location.page .location-item .location-image {background-position: center; background-size: cover; content: " "; min-height: 390px;}
.location.page .location-item, .location.page .office-location-item {background: #fff; border-top: 2px solid #006f53;}
.location.page .location-item .text-container {padding-top: 10px; padding-bottom: 10px;}

.location.page hr {border-bottom: 3px solid #b13427;}

.location.page .office-location-title {margin-top: 50px; margin-bottom: 15px;}
.location.page .office-location-item {min-height: 230px; padding: 25px;}

@media only screen and (max-width: 950px) {
	.location.page .location-item .location-image {min-height: 335px;}
}

@media only screen and (max-width: 767px) {
	.location.page .row.padding .large-4 {padding-top: 0px;}
	.location.page .locations.header {border: 0px;}
	/*.location.page .google-map .iframe-container {top: 80px;}*/
	.location.page .locations.header .locations-callout {border: 0px; border-top: 3px solid #24466b; border-bottom: 3px solid #24466b; padding: 33px 36px 36px 36px;}
	.location.page .row.padding {margin: 0px; margin-left: -0.9375em; margin-right: -0.9375em;}
	.location.page .location-item, .location.page .office-location-item {margin-bottom: 30px;}
	.location.page .location-item br {display: block;}
}



/* -------
	Footer 
	------- */


#footer {background:#b13427; padding:40px 25px 25px;}
#footer h3 {color:#fff; line-height:1;}
#footer .box h3 img {float:left; margin-right:10px;}
#footer p {color:#fff; line-height:1.1; font-size:16px; font-weight:300;}
#footer a {color:#881C11;}

#footer .button.alert {color:#6e1e16; border:1px solid #6e1e16; font-size:20px; padding:0.8125em 0 .75em; display:block; margin: 0 auto 1.25em;}

#footer .phone {text-align: center; color:#ffd65a; font-size:36px; margin-bottom:20px; display:block}

#footer input[type=submit] {color:#4a211d; border:none; border-radius:0; -webkit-border-radius:0; background:#ffd65a; height:auto; padding:3px 8px 4px; font-size:12px; text-transform:uppercase; font-weight:700; margin-left:5px; height:25px; cursor:pointer;}

#text-club form {color:#fff; font-family: 'Lato', Arial, Helvetica, sans-serif;}
#text-club input {width:45px; display:inline; font-size:16px; color:#808080; padding:3px 5px; font-weight:300; line-height:1; height:25px; margin:0 0 10px;}
#text-club input#mobile3 {width:55px;}
#text-club input[type=submit] { width:95px;}
#text-club .terms {font-size:12px; font-weight:300; color:#e0aea9;}
#text-club .terms a {color:#E0AEA9; font-weight:normal; text-decoration:underline;}

#mc-embedded-subscribe-form input {width:60%; display:inline; height:25px; border:none; color:#808080; font-size:16px; padding:0 7px;}
#mc-embedded-subscribe-form input[type=submit] { width:95px;}


/* Bottom Footer */
#footer-bottom {background:#881c11; padding-top:40px;}
#footer-bottom ul {list-style:none; margin-bottom:25px; text-align:center;}
#footer-bottom ul li {display: inline; font-size:18px; text-transform:uppercase; padding:0 2% 0 0; font-weight:400;}
#footer-bottom ul li.last {padding:0;}
#footer-bottom a {color:#fff;}

#footer-bottom .alert.button {display:block; margin:auto; width:80%;}

#footer-bottom .row.show-for-small {width:100%;}

#footer-bottom .large-9, #footer-bottom .large-3 {margin-top:40px; padding:0 25px;}

.copyright {font-size:13px; color:#e0aea9; font-weight:300; margin-top:10px;}
#footer-bottom .copyright a {font-size:13px; color:#e0aea9; font-weight:300; text-decoration:underline;}

.social-icons {text-align:right;}
.social-icons img {margin-right:20px;}



/* -------------------------------------------------- 
    :: Category, Product, and More Info Page Structure
---------------------------------------------------*/
.product.page {}

.yellow-box .product.box {
	margin-top:30px;
	text-align:center;
	margin-left:8.3333%; /* this is for the offset-1 margin that is being overridden by .yellow-box .box margin */
}
.yellow-box .product.box h3 {
	text-align:center;
	position:relative;
	z-index:4;
}
.yellow-box .product.box img {
	width:100%;
	margin-top:-35px;
}

.listing-title {
    background:#fff;
    color: #006F53;
    display: block;
    font-family: Lato, ;
    text-align: center;
    text-transform: uppercase;
    z-index: 2;
    border-top:5px solid #b13427;
    border-bottom:5px solid #e9e5d9;
    margin-top:-40px;
    margin-bottom:30px;
    position:relative;
    font-size:24px;
    line-height:1;
    height:140px;
}
.listing-title a {    
	color: #006F53;
	font-weight:400;
	display:block;
	width:100%;
	height:100%;
	padding:5px 10px;
}
	.listing-title a:hover, .listing-title:hover a {text-decoration:none; background: url(../images/main/btn_hover_stripes.png) repeat; color:#B13427;}
	.listing-title:hover {border-top:5px solid #FFD65A;}

.listing-title .button {
	color:#fff;
	padding:0.65em 1.5em 0.75em;
	margin:auto;
	display:block;
	width:90%;
	height:auto;
	margin-top:-60px;
}

.listing-title .button:hover, .listing-title:hover .button {background:#87281E; color:#fff;}

.product-image {
	width:55%; /* was 70% */
	margin:auto;
}

.product-detail {padding-bottom:50px;}

.product-detail .product-image {width:90%; position:relative;}

.product-detail #mi-zoommain {width: 100% !important; height: 100% !important;}
.product-detail .clearfix {clear: both; overflow: hidden;}
.product-detail #thumblist li {height: auto !important;}

.product-detail .large-7 {padding-top:20px;}

.product-detail table {
	background:none; 
	border:none;
}
.product-detail table td {padding:0;}

.product-detail h4 {text-transform:none;}
.product-detail p {font-size:18px;}

.product-label {
    margin-bottom: 10px;
    text-transform: none;
    font-size: 18px;
    color: #b13427;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
}
input.button {
	border:none;
	height:auto;
}
input.qty {
	max-width:70px; 
	background:#FFF/*#d8d6d1;*/
	border:1px solid #b5b2a8;
	color:#575757;/*#808080*/
	font-size:18px;
	transition:background 0.45s ease 0s;
	-webkit-transition:background 0.45s ease 0s;
}
input.qty:focus {
	box-shadow: none; -webkit-box-shadow:none;
	background:#E8E6E1;
	transition:background 0.45s ease 0s;
	-webkit-transition:background 0.45s ease 0s;
}

.product-detail select, .note select {
	margin:0;
	color:#575757;/*#808080*/
	max-width:400px;
	background:#FFF/*#d8d6d1;*/
	border: 1px solid #b5b2a8;
	height:40px;
	/*padding-top:5px;*/
}

.product-detail h4 {margin-bottom:10px;}

#product-options select {
	width:90%;
	margin-bottom:15px;
}


.cross-sell.products .large-4 {position:relative;}
.cross-sell.products .cross-sell.product {position:relative; bottom:0; min-height:230px;}
.cross-sell.products h4 {text-align:center;}
.cross-sell.products img {display:block; margin:auto; max-height:200px; width:auto;}

.cross-sell .button {display:block;}

/* Alert Bar */
.alert.bar {width:100%; padding:10px 0; color: #fff; opacity: .95; clear: both; z-index: 1001; position: relative;}
.alert.bar p {color:#fff; font-weight:bold; font-size:14px; margin-bottom:0;}
.alert.bar a {color:#fff; text-decoration:underline;}
.alert.bar.green {background:#01a490;}
.alert.bar.blue {background: #0089d0;}
.alert.bar.purple {background:#92278f;}
.alert.bar.red {background: #ed1c24;}
.alert.bar.orange {background:#f47920;}
.alert.bar.yellow {background: #ffcc00;}
.alert.bar.yellow p, .alert.bar.yellow a {color:#333;}
.alert.bar.black {background: #000000;}
img.alert {float:left;  margin-right:15px;}
@media screen and (max-width: 640px) {
.alert.bar p {font-size:12px;}
img.alert {margin-right: 8px; width: 15px; margin-top: 4px;}
}

/* ---------------------
	SHOPPING CART STYLES 
------------------------ */

table#cart-main {background:none; border:none; margin-bottom:50px;}
table#cart-main > tbody tr {background:none;}

table#cart-main table {border: none; background:none; margin-bottom:0;}


table#cart-main table input {margin:0;}
table#cart-main select {
	font-size:1em;
	height:auto;
	width:50%;
	margin:0;
	margin-bottom:5px;
	color:#808080;
	background:#d8d6d1;
	border: 1px solid #b5b2a8;
}
table#cart-main .taxnship select {padding-top:3px; padding-left:5px; height:30px;}
table#cart-main table select.addr {width:100%;}

table#cart-main td {color:#555; font-size:1em;}

table.cart {background:none; border:none;}
table.cart td, table.addr td {padding: 0.265em 0.625em;}
table.totals {
	background:none; 
	border:none;
	width:30%;
}

table.addr {background:none; border:none;}

table#cart-main input:not(.pay_expr_chkout), .note input, .note textarea {
	background:#d8d6d1;
	color:#808080;
	border:1px solid #b5b2a8;
	transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s;
}
table#cart-main input:focus, .note input:focus, .note textarea:focus {background:#E8E6E1; box-shadow:none; -webkit-box-shadow:none; transition:background 0.45s ease 0s; -webkit-transition:background 0.45s ease 0s;}

td.cart_op, td.cart_op2, td.cart_op1 {
	padding:0 !important;
}

th.cart_quantity, th.cart_name, th.cart_sku, th.cart_price, th.cart_total, table#cart-main .bill_addr_hdr, table#cart-main .ship_addr_hdr, table#cart-main .payment_hdr {
	color:#b13427; 
	font-weight:700; 
	font-size:1.0em;
}
th.cart_quantity {text-align:left;}
td.cart_total {
	/*background:#E1DCCD;*/
	background:#efe6ca;
	}

table.cart-shipping, table.cart-shipping table {background:none; border:none;}
table.cart-shipping tr {background:none;}
table.cart-shipping td {padding: .2em .6em;}

.zipncountry_txt, .taxnship {color:#b13427 !important; font-size:1.0em; font-weight:bold;}
.taxnship select.ship {color:#555; float:right; margin-right:-2px !important;}


td.addr {width:40%;}

table.cart tr, table.totals tr {background:none;}

.totals_txt, .totals_all_txt {font-weight:bold;}

.totals_all_txt, .totals_all {background:#ffd65a;}

.totals, .cart_total {text-align:right;}

#gift-cert-fields input {width:40%; display:inline-block; margin-left:2% !important;}
#gift-cert-fields input[name=giftcert_pin] {width:20%;}

.ship_check {background:#efe6ca;}

select.payment {width:40% !important; margin-right:2%;}

/* Shopping Cart Buttons*/

#CBP_wrapper{margin:auto;right: 22px;}

table#cart-main .buttons {text-align:center;}
table#cart-main .buttons input:not(.pay_expr_chkout) {
	background:#B13427;
	color:#fff; 
	text-transform:uppercase;
	border:none;
	border-radius:10px; -webkit-border-radius:10px;
	padding:0.75em 1.5em 0.8125em;
	height:auto;
	transition:background 300ms ease-out 0s; -webkit-transition:background 300ms ease-out 0s;
	display:inline-block;
	margin-bottom:10px;
	font-size:1.3em;
}
table#cart-main .buttons.empty-cart input {font-size:0.9em;}
table#cart-main .buttons input:hover:not(.pay_expr_chkout) {
	cursor:pointer;
	background:#87281E;
	transition:background 300ms ease-out 0s; -webkit-transition:background 300ms ease-out 0s;
}



table#cart-main #Checkout, table#cart-main .buttons .button67 {background:#007053;}

table#cart-main #Checkout:hover, table#cart-main .buttons .button67:hover {background:#004836;}

#Recalculate, table#cart-main .button6, table#cart-main .buttons .button68 {margin-right:20px;}

.button.secondary.add-to-cart {float:left; height:52px; padding:0.65em 1.5em 0.8125em;}
.main-content .button.alert {color: #6e1e16; border: 1px solid #6e1e16;}
.button.alert.view-cart {color:#7b6219; height:52px; /*padding-top:0.95em; font-size:18px; float:right;*/ margin-left:15px; padding:0.65em 1em 0.8125em;}
.button.alert.view-cart img {position:relative;}



/* -------------------------------------------------- 
    :: Media Queries for Desktop Responsive Resizing
---------------------------------------------------*/
@media only screen and (max-width: 1300px) { 
	.row, .main-nav .row, .main-nav .top-bar.row, .main-nav .alert.bar {max-width:90%;}
}

@media only screen and (max-width: 1160px) { 
	.yellow-box .box h3 {font-size:19px;}
	#footer-bottom ul li {font-size:17px;}
	table#cart-main .buttons input  {font-size:1.1em;}
}

@media only screen and (max-width: 1089px) { 
	/*.main-nav .right a {font-size:14px; line-height:5.5;}*/
	.yellow-box .box h3 {font-size:17px;}
	.yellow-box .box h3 img {width:40px;}
	.yellow-box a.button {font-size:18px;}
	#footer-bottom ul li {font-size:15px;}
	.product-detail .large-9 {width:100%;}
	.product-image {width:70%;}
}

@media only screen and (max-width: 1017px) { 
	/*.main-nav .right a {font-size:12px; line-height:6;}*/
	.row, .main-nav .row, .main-nav .top-bar.row, .main-nav .alert.bar {max-width:100%; border:none;}
	#footer .button.alert {font-size: 16px;}
}

@media only screen and (max-width: 950px) { 
	.row, .main-nav .row {max-width:100%;}
	.yellow-box a.button {font-size:16px;}
	#footer h3 {font-size:22px;}
	#footer-bottom ul li {padding:0 3% 0 0;}
}

@media only screen and (max-width: 851px) { 
	.main-nav li a {padding:10px 14px 6px}
	#footer h3 {font-size:20px;}
	#text-club input {font-size:11px; width:35px;}
	#text-club input#mobile3 {width:40px;}
	#footer-bottom ul li {font-size:15px; padding:0 2.5% 0 0;}
	
}

@media only screen and (max-width: 767px) { 
	.main-nav .right a {font-size:16px;}
	.page img {float: none !important;}
}


 /* -------------------------------------------------- 
    :: Tablet & Mobile Media Queries
---------------------------------------------------*/

 @media only screen and (max-width: 1230px) {
 	.top-bar ul li a {font-size: 14px; line-height: 6;}
 	.main-nav.fixed .top-bar ul li a {line-height: 3;}
 }

 @media only screen and (max-width: 1150px) {
 	.top-bar ul li a {font-size: 13px; line-height: 6.5;}
 }

 @media only screen and (max-width: 1100px) {
 	.top-bar ul li a {padding: 10px 18px 6px;}
 }

 @media only screen and (max-width: 1050px) {
 	.top-bar ul li a {font-size: 12px; line-height: 7.5;}
 	.main-nav.fixed .top-bar ul li a {line-height: 3.5;}
 }

 @media only screen and (max-width: 950px) {
 	.top-bar ul li a {padding: 10px 16px 6px;}
 }

 @media only screen and (max-width: 900px) {
 	.top-bar ul li a {padding: 10px 13px 6px;}
 }

 @media only screen and (max-width: 850px) {
 	.top-bar ul li a {padding: 10px 12px 6px; font-size: 11px; line-height: 8;}
 	.top-bar ul.right.hide-for-small li a {}
 }

 /* Media Query Fixes for Tablet & Mobile */
 @media only screen and (min-width: 768px) { 
 	.button, button {max-width:300px;}
 	
 }

@media only screen and (max-width: 767px) { 
    	body {padding:0 !important;}
    	h1 {font-size:46px;}
    	
    	.tony-packo-logo {height:90px !important; /*background:#ffd65a;*/ margin-left:10px !important; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;}
	 	.tony-packo-logo h1 {height:90px !important; line-height:1 !important; margin:0; padding:0;  transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;}
	 	.tony-packo-logo a {line-height: 1 !important; padding:10% 7px !important; margin:0; display:block; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out; width:200px;}
	 	.tony-packo-logo a img {height:100%; margin:0; transition:all 300ms ease-out; -webkit-transition:all 300ms ease-out;}
	 	#logo-small, .main-nav.fixed #logo-small  {display:none;}
	 	#logo-large, .main-nav.fixed #logo-large  {position:relative; display:block; top:0;}

    	.main-nav.fixed {position:relative !important;}
    	.main-nav {margin:0; border-bottom:5px solid #ffd65a;}
    	
    	.top-bar {height:90px !important; background:#b13427;}
    	.top-bar ul {height: 90px;}
    	
    	.slideshow {overflow:hidden;}
    	.slideshow .flexslider {margin:0; width:120%; left:-10%;}
    	
    	.yellow-box {margin-top:-150px; padding-top:30px;}
    	.yellow-box .box {margin-top:0;}
    	.yellow-box .box hr {display:none;}
    	.yellow-box .box.box1 {border-bottom: 10px solid #e1dccd;}
    	.yellow-box .box.box2 {margin-bottom:25px; margin-top:0; border-top:20px solid #ffd65a;}
    	.yellow-box .box h3 {font-size:22px; text-align:center;}
		.yellow-box .box h3 img {width:auto; display:inline; float:none;}
		
		.yellow-box .section-container section {margin-left:0 !important;}
		.yellow-box .section-container section .title {padding: 0!important; width: 100% !important; border-bottom: 1px solid #d3cebd;}
		.yellow-box .section-container section .title a {background:#ebe8df;}
		.yellow-box .section-container section.active .large-6 {float:none;}
		.yellow-box .section-container section .content {border-bottom: 1px solid #d3cebd;}
		
		#fixed-button, #fixed-cart, #fixed-donation {display:none;}
		
		/* Sub pages */
		.header-image {margin-top:0; }
		.header-image img {margin-left:-450px; left:50%; position:relative; min-height:247px;}
		
		#imgverify {width:100%;}
		
		/* Product Pages */
		.product-detail .product-image {max-width:300px;}
		#product-options select {width:100%; max-width:none;}
				
		/* Locations Page */
		.row.header .google-map {margin:0;}
		.location.page .row.header .google-map iframe {height:500px;}
    	
		#footer .button.alert {font-size: 18px;}
		#footer h3 {font-size:26px; }
		
		#footer #text-club input {width:21%; font-size:15px; height:40px;}
		#footer #text-club input[type=submit] {font-size:13px; width: 66px;}
		#footer #mc-embedded-subscribe-form input {height:40px; width:68%; padding:0 2%;}
		#footer #mc-embedded-subscribe-form input[type=submit] {margin-left:1%; width:30%;}
		
		#footer-bottom ul li, #footer-bottom ul li.last {padding:0 3% 0; font-size:18px; line-height:3;}
		#footer-bottom .copyright, #footer-bottom .social-icons {text-align:center;}
		#footer-bottom .social-icons img {margin:0 15px;}	
		
		/* Shopping Cart Pages */
		table#cart-main table select {width:90%;}
		table.totals {width:100%;}
		
		table#cart-main .buttons input  {font-size:1.4em;}
		
		#gift-cert-fields input {width:100%; display:block; margin:5px 0 !important;}
		#gift-cert-fields input[name=giftcert_pin] {width:100%;}
		
		table#cart-main table select.ship {width:80%;}
		
		
		.top { background:#d3a957; border:0; display:block; color:#fff; display:block; margin: 0 20px 20px 20px; padding:10px 20px; text-align:center; text-shadow: 0 1px #c09a4f;  }
		.top:hover { background:#000066; text-decoration:none; }
		
}
	
 /* Media Query Fixes for Mobile Only */
	@media only screen and (max-width: 479px) { 
		.yellow-box .box h3 {font-size:18px;}
		.yellow-box .box h3 img {width:40px;}
		.yellow-box {margin-top:-100px; }
		
		table#cart-main .buttons input {margin-right:0 !important; display:block !important; text-align:center;}
		table#cart-main tr th, table#cart-main tr td {padding: 1%;}
		.button.alert.view-cart {float:none;}
	}

 /* Media Query Fixes for Mobile Only */
	@media only screen and (max-width: 370px) { 

		
		
	}

 
/* -------------------------------------------------- 
    :: Tablet & Mobile Responsive Styles
---------------------------------------------------*/ 




/* -------------------------------------------------- 
    :: Universal Classes
---------------------------------------------------*/

	/* Alignment Classes */
	.text-left {
  	text-align: left !important; }
	.text-right {
	 text-align: right !important; }
	.text-center {
  	 text-align: center !important; }
	.text-justify {
	 text-align: justify !important; }


	.clear   	 { clear:both; }
	.imgleft      { float: left !important; padding:0 20px 20px 0; }
	.imgright      { float: right !important; padding:0 0 20px 20px ; }
	.imgcenter       { margin:auto !important; }
	.padding {padding-left: 15px; padding-right: 15px;}
    .no-padding {padding:0px;}
    .no-padding-left {padding-left: 0px;}
    .no-padding-right {padding-right: 0px;}
	
	/* Miscellaneous Classes */
	.formtextRequired {font-weight:bold;}
	.formtextRequired:before {content:"*";}
	.hide        { display: none; }
	.hideclear {clear:both; height:0; overflow:hidden; visibility:hidden;}
	.last {margin:0!important;}
	.shadow-5 img, .shadow-7 img, .shadow-12 img { display:block; margin:auto; }
	.view-all { background:url(../images/june2013/bg_view_all.png) no-repeat center right; color:#000066; display:block; font-weight:bold; text-align:left; text-transform:uppercase; width:85px; }
	 .out-of-stock {position:absolute; top:0; left:0; right:0; bottom:0; text-align:center; color:#fff; background:rgba(0,0,0,.6); text-transform:uppercase; font-size:30px; padding:55% 20px 20px; font-weight:900;}



	@media only screen and (max-width: 767px) { .locations input, .locations select {width:auto;} }
	@media only screen and (max-width: 450px) { .locations input[type=submit] {width:80%; margin-top:10px;} }

	
	
	/* Pagination Classes */
	.prevnextLink {border:1px solid #ccc; padding:5px; text-align:center; text-decoration:none;}
	a.prevnextWindow {border:1px solid #ccc; float:left; height:23px; margin:0 2px; padding:0 5px; text-align:center; text-decoration:underline;}
	a.prevnextWindow:hover {border:1px solid #000;}
	.prevnextCurrent {border:1px solid #ccc; float:left; height:23px; margin:0 2px; padding:0 5px; text-decoration:none;}
	a.prevnextWindowArrow {border:1px solid #ccc; float:left; margin:0 2px; padding:5px; text-align:center; text-decoration:none;}


	/* Google Maps & Mapping */
	#googlemap img, object, embed, .GMapEZ img { max-width: none; }
	
	#map_canvas img,
	#map_canvas embed,
	#map_canvas object,
	.map_canvas img,
	.map_canvas embed,
	.map_canvas object {
	  max-width: none !important; }
    
/* ----------------------
Facebook Universal Static iFrame Styles
------------------------ */

body.facebook {text-align:center;/*FOR CENTER LAYOUTS IN IE*/ font-family:Arial, Helvetica, sans-serif; color: #10386e; font-size:13px; margin:0; padding:0; line-height:20px;}

body.facebook a {color: #10386e; text-decoration:none;}

body.facebook a:hover {text-decoration:underline;}

#fb_container {text-align:left; margin:0 auto; width:810px;}


/* ----------------------
Retail Map iFrame Styles
------------------------ */

iframe {
border: none !important;
}

/* ------------------
FLEX SLIDER
------------------- */

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

.row.slideshow .slideshow {padding:0; margin-top:-172px;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; position: absolute; top: 50%; z-index: 1000; overflow: hidden; cursor: pointer; text-indent: -9999px; opacity: 0.7; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 10px; }
.flex-direction-nav .flex-prev {left: 10px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}


/* Slideshow Styles */
/* Flexslide Styles Towards bottom of CSS */
/* Font-face Icons */
@font-face {
    font-family: 'flexslider-icon';
	src:url('flexslider-icon.eot');
	src:url('flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('flexslider-icon.woff') format('woff'),
		url('flexslider-icon.ttf') format('truetype'),
		url('flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Menu Page Flexslider */
.slideshow-menu {max-height: 200px; position:relative; padding:0; margin-bottom: 10px; overflow: hidden;}
.slideshow-menu .flex-direction-nav {*height: 0;}
.slideshow-menu .flex-direction-nav a  {text-indent:0; display: block; width: 32px; height: 32px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,255,255,0.8); text-indent: 9999px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.slideshow-menu .flex-direction-nav .flex-prev { opacity: 1; left: -40px; opacity: 0; background: url('https://www.tonypacko.com/media/slideshow/LeftArrow2.png') no-repeat left center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.slideshow-menu .flex-direction-nav .flex-next { opacity: 1; right: -40px; opacity: 0; text-align: right; background: url('https://www.tonypacko.com/media/slideshow/RightArrow2.png') no-repeat right center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease;}
.slideshow-menu:hover .flex-direction-nav .flex-prev { left: 20px; opacity: 1; }
.slideshow-menu:hover .flex-direction-nav .flex-next { right: 20px; opacity: 1; }
.slideshow-menu .flexslider:hover .flex-direction-nav .flex-next:hover, .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; }
.slideshow-menu .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }

.slideshow-menu .flex-control-nav {width: 100%; position: absolute; bottom: -10px; text-align: center; z-index: 2000;}
.slideshow-menu .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #b13427; opacity: 0.5; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.slideshow-menu .flex-control-paging li a:hover { background: #ffd65a; opacity: 0.5; }
.slideshow-menu .flex-control-paging li a.flex-active { background: #ffd65a; opacity: 1; cursor: default; }
/*.slideshow-menu .flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 26px; display: inline-block; content: '\f001'; }
.slideshow-menu .flex-direction-nav a.flex-next:before  { content: '\f002'; }*/

.slideshow-menu .flexslider {margin-bottom:10px;}
.slideshow-menu .flexslider .slides {margin:0;}



@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
  
}


/* Add2Home Add to Home Styles for iOS */

/* Mobile iOS - Add to Home Bubble */
/* MOBILE BOOKMARK BUBBLE */
#addToHomeScreen {
    z-index:9999;
	-webkit-user-select:none;
	-webkit-box-sizing:border-box;
	width:240px;
	font-size:15px;
	padding:12px 14px;
	text-align:left;
	font-family:helvetica;
	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,#fff),color-stop(0.02,#eee),color-stop(0.98,#ccc),color-stop(1,#a3a3a3));
	border:1px solid #505050;
	-webkit-border-radius:8px;
	-webkit-background-clip:padding-box;
	color:#333;
	text-shadow:0 1px 0 rgba(255,255,255,0.75);
	line-height:130%;
	-webkit-box-shadow:0 0 4px rgba(0,0,0,0.5);
}

#addToHomeScreen.addToHomeIpad {
	width:268px;
	font-size:18px;
	padding:14px;
}

/**
 *
 * The 'wide' class is added when the popup contains the touch icon
 *
 */
#addToHomeScreen.addToHomeWide {
	width:296px;
}

#addToHomeScreen.addToHomeIpad.addToHomeWide {
	width:320px;
	font-size:18px;
	padding:14px;
}

/**
 *
 * The balloon arrow
 *
 */
#addToHomeScreen .addToHomeArrow {
	position:absolute;
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(204,204,204,0)),color-stop(0.4,rgba(204,204,204,0)),color-stop(0.4,#ccc));
	border-width:0 1px 1px 0;
	border-style:solid;
	border-color:#505050;
	width:16px; height:16px;
	-webkit-transform:rotateZ(45deg);
	bottom:-9px; left:50%;
	margin-left:-8px;
	-webkit-box-shadow:inset -1px -1px 0 #a9a9a9;
	-webkit-border-bottom-right-radius:2px;
}


/**
 *
 * The balloon arrow for iPad
 *
 */
#addToHomeScreen.addToHomeIpad .addToHomeArrow {
	-webkit-transform:rotateZ(-135deg);
	background-image:-webkit-gradient(linear,0 0,100% 100%,color-stop(0,rgba(238,238,238,0)),color-stop(0.4,rgba(238,238,238,0)),color-stop(0.4,#eee));
	-webkit-box-shadow:inset -1px -1px 0 #fff;
	top:-9px; bottom:auto; left:50%;
}


/**
 *
 * Close button
 *
 */
#addToHomeScreen .addToHomeClose {
	-webkit-box-sizing:border-box;
	position:absolute;
	right:4px;
	top:4px;
	width:18px;
	height:18px; line-height:14px;
	text-align:center;
	text-indent:1px;
	-webkit-border-radius:9px;
	background:rgba(0,0,0,0.12);
	color:#707070;
	-webkit-box-shadow:0 1px 0 #fff;
	font-size:16px;
}


/**
 *
 * The '+' icon, displayed only on iOS < 4.2
 *
 */
#addToHomeScreen .addToHomePlus {
	font-weight:bold;
	font-size:1.3em;
}


/**
 *
 * The 'share' icon, displayed only on iOS >= 4.2
 *
 */
#addToHomeScreen .addToHomeShare {
	display:inline-block;
	width:18px;
	height:15px;
	background-repeat:no-repeat;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAQAAABDj1eZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUdJREFUKFNtkLtLw1AYxS/qJLhXVKr2ZRulUNtiqgSb3CziICI6ucTFVYcOnaQOFRwUnNTRwUWXgpP/QdHNUEQUHGxofYBTlRs83iZNjKTncOGe7/vx3QchXUWn6FL3jhfKUdCCr5zuifV5oDiHQM+c+CIhiiCSWNu08iq9oHXKLAiqrgR4UXqlOEYZt++ExEL0wW7+OW0G10muLv9gmqfe5FAWKmTMYQYiFL7PYwyLOD8lSjNh2gdnPzMII4QUBxc4OothbAF7GCBKQ0YbSWyPQsIhqvetS+y0ygGMo/KFZfviDvR4AhwgZU9dGYnA0J/6ndc15i3ouYIMcVVUcEXIoOxCeRCfwP8sXBSdjtpUv/1QW+K16kCCIUC4id9Fa0JtkluwVkSfqPL6RwfSDA0aNlx7k/bWgViB7bMS2/1vk5sdsZLN/ALSuL3tylO4RAAAAABJRU5ErkJggg==);
	background-size:18px 15px;
	text-indent:-9999em;
	overflow:hidden;
}


/**
 *
 * The touch icon (if available)
 *
 */
#addToHomeScreen .addToHomeTouchIcon {
	display:block;
	float:left;
	-webkit-border-radius:6px;
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5),
		inset 0 0 2px rgba(255,255,255,0.9);
	background-repeat:no-repeat;
	width:57px; height:57px;
	-webkit-background-size:57px 57px;
	margin:0 12px 0 0;
	border:1px solid #333;
	-webkit-background-clip:padding-box;
}


/**
 *
 * The 'share' icon for retina display
 *
 */
@media all and (-webkit-min-device-pixel-ratio: 2) {
	#addToHomeScreen .addToHomeShare {
		background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAeCAQAAADu6HTYAAADPElEQVR4Xq3TX2gcRRzA8e/M7mVv2+TSNpc/TZtrY6jUGqgaSAmEChKLrYK0YH0RFC2CSCkEfCghiKU04J8qNigq6os+iQV98MHWFwVBrQQRWs21lBw5cw3NNb1/udu72RGG5Y77IzXW77D7sAwf5scyYoL6BGXSDKFZwaGpLvIUaeoCkvX1MmsM0Ny6oRSQYOLuIS+YZOpfQdqslpUxcZrzTVAz4qPwW2O3CeIwC/RSzeY6Ow1QhUrkr+YOWfEKDkEP8Rij7CHKJmrFSDHBdwGEE5wiGChPN+PnT8VdRtEIl1d4gRj/1EVe5ZSBKGh8iqQpo/Fo5+3C/gz0MYg4zgwbqday1/Q4B8BGQ45d/Hi54lakCrU5obOcidJpu1+Lg9whjabyaOYLnrIBFFaRD+xe2ybMDWY66GmP/WA9cGfGp0CWhy0wkMN8inepFiH2rV1j0NQSNQbFLRQnS8/8YSDBBpadfv4CYDub2fmeHDNAsL1MBWUel0iA+Xik6eHcyvD3vAMSU1TGuA/YRS+dD7ovCQN43GKRFCU20Kd3V/avDVVyAZ5niTEuLA5/zBGWg9EEEhfJKN200Tat8CmRAQb9+wv7soPlHt2tQorsz1uPbr0HTY4sJwrH47zJZwABBAKLMBoQXepwgTwdHCo+fXMkQ4lrxEmQ5AaXipPqDY9V2vn09tgvTPI71EEGYxM+/uMJLJ4svpgaWGKOi/xKgmqLSUGSUd5f2vIVJ/CgBaTIUsZ7ZBsn0+NzfMOXLFCXQyTcybN6ep5ZZgUOHn7jpfUpsZshdugPGf+E5zjbyHTSRyQ8xfRPPM/s63RHeuknSoT22mjmmnAOIMkUZ6D1xSfPPAfd1WFKM3sO2CMaHx8M1NjnXKHaAGGkOW0C02WeYHUz4qMtx+w5gUDS8NckYe5lHsMYwCZEPyEEmjLDZFmAS7CDviMdxyTkMNVBKEmYLvbiQQBIBBbCQG04bGQvFWz6CfsCQLWCigILFwcfkGYBiOpbYuOizTAyYyDdCtrGaRG1LCkIgMYEFhI0WqQZoSlbGRyHKe4qOx7iv2bVQW9dp4dlM/x6kmwnWQcd/Q3FCqwTEiT5s+6D5v/pb0SSHyg7uhMWAAAAAElFTkSuQmCC);
	}
}

/* Reveal Modal JS Start */
.popup{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1001;
}
.reveal-modal {
	text-align:center;
  display: block;
  visibility: hidden;
  background: #fff;
	max-width: 700px;
	width: 90%;
	margin: auto;
	margin-top:4%;
	padding: 30px;
	position: relative;
	z-index: 909;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.8);
	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.8); 
	left:auto;
	border:none;
}
.reveal-modal p {font-size:16px; text-align:center; margin-bottom:10px;}
.reveal-modal h3 {text-align:center; margin-bottom:10px;}
.reveal-modal h3 strong {font-size:28px;}
.reveal-modal a.button {color:#fff !important; font-weight:bold !important;}
  .reveal-modal .close-reveal-modal {
	line-height: 1.2;
	position: relative;
	top: auto;
	right: auto;
	color: #aaaaaa;
	font-weight: bold;
	cursor: pointer;
	color:#00503c;
	font-size:16px;
  }
  .reveal-modal .close-reveal-modal:hover{color:#9c2e22;}
/* Reveal JS End */

/*Popup Box Styles */
  .popup-tab-container * {box-sizing: content-box;text-align: center;}
  .popup-tab-container{opacity: 0; filter: alpha(opacity=40);}
  .popup-tab a {text-decoration: none;}
  .popup-tab {
  	background:#006f53;
    position: fixed;
    margin: 0;
    padding: 0;
    position: fixed;
    font-size: 100%;
    font: inherit;
    z-index: 100;
    color: #333;
    vertical-align: baseline;
    text-align: left;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.45);
       -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.45);
            box-shadow: 0px 0px 20px rgba(0,0,0,0.45);
    width: 340px;
    bottom: -800px;
    -webkit-border-radius: 8px 8px 0 0;
       -moz-border-radius: 8px 8px 0 0;
            border-radius: 8px 8px 0 0;
    -webkit-transition: bottom 300ms ease-in;
       -moz-transition: bottom 300ms ease-in;
         -o-transition: bottom 300ms ease-in;
            transition: bottom 300ms ease-in;
  }

  .popup-tab.bottom.left {left: 40px;}
  .popup-tab.bottom.right {right: 100px !important;}
  .popup-scroll.scroll {overflow-y: scroll;}

  .popup-tab .popup-header{position: relative; margin: 5px 0 0 0; padding: 0;}
  .popup-tab .popup-header.hide {display: none;}

  /* === Header Toggle === */

  .popup-tab .popup-toggle {display: block; text-decoration: none;padding: 0 20px;}
  .popup-tab .popup-toggle.hide {display: none;}

  /* === Teaser === */

  .popup-tab .popup-header h5 {
    display: block;
    margin: 0;
    padding: 5px 25px 5px 0;
    border: 0;
    line-height: 1.5;
    text-align: left;
    color: #fff;
  }

  /* === Arrows === */
  .popup-tab .popup-header span.arrow{
    display: block;
    position: absolute;
    margin: -3px 0 0 0;
    padding: 0;
    width: 0;
    height: 0;
    top: 15px;
    right: 20px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
  }

  .popup-tab.bottom .popup-header span.arrow.up {
    border-bottom: 6px solid #fff;
    border-top: 0;
  }
  
  .popup-tab.bottom .popup-header span.arrow.down {
    border-top: 6px solid #fff;
    border-bottom: 0;
  }

  /* === Content Containers === */

  .popup-tab.bottom .popup-content{padding: 5px;}

  div.popup-panel {
    padding: 15px;
    background-color: #fff;
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
  }

  /* === Content Headings & Paragraphs === */

  .popup-tab .popup-content h4 {
    display: block;
    margin: 0 20px 0 0 ;
    padding: 0;
    text-align: left ;
  }

  .popup-tab .popup-content .popup-description p{
    margin: 0;
    line-height: 1.6;
    text-align: left;
    color:#777 ;
    font-size:14px;
  }
  #popup-form-1 a.button{margin-bottom:10px; margin-top:25px;}
      
  #popup-form-1{text-align:center;}

  .popup-tab .popup-content a.popup-close {
    font-family: Arial, Helvetica, sans-serif;
    margin: -1px 0 0 0;
    float: right;
    font-size: 24px;
    line-height: 15px;
    font-weight: normal;
    color: #333;
    opacity: 0.4;
  }

  .popup-tab .popup-content a.popup-close:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 0.6;
  }

    .popup-img-wrapper {position:fixed; bottom:55px; right:40px; display:none;}
    .popup-img-wrapper a{background: rgb(0, 0, 0) none repeat scroll 0% 0%;
        border-radius: 12px;
        padding: 0px 2px 2px;
        position: absolute;
        right: 0px;
        top:2px;
        margin: 0px;
        line-height: 1;
        color:white;
        font-size:14px;
    }
    .popup-tab-container a.close-img-popup:hover{opacity:.6; color:white;}

    .hidden{
	display: none;
    }